html, body {
	margin:0;
	padding:0;
	background-color:white;
	font:normal 11px Tahoma, Verdana, Arial;
	color:#666;
}
form, input, p, h1, h2, h3, h4, ul, li {
	margin:0;
	padding:0;
}
h2 {
	margin-top:10px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width:80%;
	clear:both;
}
h3 {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	padding:2px 0;
	margin-top:4px;
	color:#000;
	clear:both;
}
h4 {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:4px;
	color:#F93;
	clear:both;
	border-bottom:1px dotted #F93;
}
img {
	border:0;
}
p {
	text-align:justify;
	padding:5px 0 5px 0;
}
a {
	color:white;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#page {
	margin:auto;
	width:919px;
	height:auto;
	position:relative;
}
#header {
	width:913px;
	/*height:271px;*/
	float:left;
	background:url(../images/bann.jpg) no-repeat right top;
	background-position:-3px 0;
}
#logo {
	background:url(../images/logo2-vitacolo.gif) no-repeat left top;
	height:109px;
	margin-bottom:10px;
	margin-left:109px;
	margin-top:3px;
	width:179px;
}
h1.lg {
	width:179px;
	height:109px;
	background:url(../images/logo2-vitacolo.gif) no-repeat left top;
}
h1 span {
	font-size: 10px;
	margin: 0;
	display: none;
}
#logo a:hover {
	display:block;
}
#logo a:hover img {
	visibility:hidden;
}
#menu-cnx {
	width:846px;
	height:34px;
	float:left;
	margin-top:100px;
	padding-left:32px;
}
#menu {
/*	width:635px;*/
	width:666px;
	height:34px;
	float:left;
	background:url(../images/bg-menu.gif) repeat-x left top;
}
#menu #p1-menu {
	width:9px;
	height:34px;
	float:left;
	background:url(../images/p1-menu.gif) no-repeat left top;
}
#menuSlide {
	width:656px;
	height:34px;
	float:left;
}
.cssmenu ul {
	width:656px;
	height:34px;
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
}
.cssmenu ul li {
padding:0;
	color:#FFF;
	width:100px;
	height:34px;
	float: left;
	display:block;
	text-align:center;
	padding-right:3px;
	position: relative;
	display: inline;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(../images/sep-menu.gif) no-repeat right top;
	line-height:32px;
	cursor:pointer;
}

.cssmenu ul li.long{
width:138px;
}
.cssmenu ul li a {
	width:94px;
	margin:auto;
	height:34px;
	display:block;
	text-transform:uppercase;
}

.cssmenu ul li.long a {
	width:132px;
}
.cssmenu ul.clear li a {
	width:160px;
}
.cssmenu ul li a:hover {
	text-decoration:none;
	background:url(../images/bg2-item.gif) repeat-x left top;
	
}
.cssmenu ul li a:hover span {
	display:block;
	/*background:url(../images/bg-item.gif) no-repeat left top;*/
}
.cssmenu ul li.bgnone {
	background:none;
/*	width:80px;*/
}
.clear {
	margin:0;
	padding:0;
	border:0;
	background:none;
}
.cssmenu ul li ul {
	left: 0;
	width:180px !important;
	height:auto;
	visibility: hidden;
	position: absolute;
	border:1px solid #7EBF0C;
}
.cssmenu ul li ul li {
	background:none;
	width:180px;
	height:auto;
	text-align:left;
	font: normal .85em Tahoma, Verdana, Arial;
	border-bottom:1px solid #7EBF0C;
	padding-right:0;
	line-height:12px;
}
.cssmenu ul li ul.ulnone {
	background:none;
	border: none;
	padding-right:0;
}
.cssmenu ul li ul li a {
	margin: 0;
	width:160px;
	height:auto;
	display:block;
	color:#7EBF0C;
	text-transform:none;
	padding:4px 10px;
	background-color:white;
}
.cssmenu ul li ul li a:hover {
	color:white;
	background:none;
	background-color:#7EBF0C;
}
/*--------------------------------------------------------------------*/									
					
			#menu #p2-menu {
	width:9px;
	height:34px;
	float:right;
	background:url(../images/p2-menu.gif) no-repeat right top;
}
#cnx {
	height:34px;
	float:left;
		width:180px;
/*	padding-right:8px;
*/
}
#cnx #p1-cnx {
	width:8px;
	height:34px;
	float:left;
	background:url(../images/p1-cnx.gif) no-repeat left top;
}
#cnx #p2-cnx {
/*	padding-left:6px;*/

	width:162px;
	height:32px;
	float:left;
	font:bold 16px Arial, Helvetica, sans-serif;
	line-height:32px;
	background:url(../images/bg-cnx.gif) repeat-x left top;
}

#cnx #p2-cnx a {
	height:32px;
	display:block;
	padding-left:30px;
	background:url(../images/cnx-icon.gif) no-repeat left center;
}
#cnx #p2-cnx a:hover {
	color:#f8d89f;
	text-decoration:none;
}
#cnx #p3-cnx {
	width:10px;
	height:34px;
	float:right;
	background:url(../images/p2-cnx.gif) no-repeat right top;
}
input.submit-bt {
	width:22px;
	height:23px;
	border:0;
	cursor:pointer;
	color:#c27c02;
	font-weight:bold;
	background:url(../images/ok-cnx.gif) no-repeat right top;
}
input.submit-bt:hover {
	color:white;
}
input.input-txt {
	width:130px;
	height:16px;
	color:#c27c02;
	background-color:#f9d99b;
	border:1px solid #f7e8c8;
}
input.input-adresse {
	width:275px;
	height:16px;
	color:#c27c02;
	background-color:#f9d99b;
	border:1px solid #f7e8c8;
}
#content {
	clear:both;
	width:854px;
	height:auto;
	float:left;
	padding-left:32px;
	font-size:.97em;
}
#content ul {
	margin-left:20px;
}
#content-1 {
	width:854px;
	height:auto;
	float:right;
}
.content-init1 {
	background:url(../images/p1-3-cont.gif) no-repeat left top;
	
}
.content-init2{
	background:url(../images/p2-cont.gif) no-repeat left bottom;
}
#content-2 {
	width:802px;
	float:right;
	padding-top:20px;	
	font-size:1.1em;
	padding:24px 26px 0 26px;
}
#content-2 a:hover {
	text-decoration:none;
}
.content-init2 a {
	color:#F2A113;
	text-decoration:underline;
}
.content-init2 strong {
	color:#F2A113;
	font-size:1em;
}
.content-init2 h2 {
	color: #F2A113;
	border-bottom:2px solid #F2A113;
}
.content-init2 h3 {
	color: #FF6600;
}
.content-init2 h4 {
	color: #F2A113;
	border-bottom:1px dotted #F2A113;
}
div#phone_ {
	width:155px;
	height:141px;
	color:white;
	text-align:center;
	position:absolute;
	background:url(../images/inforeserv.jpg) no-repeat left top;
	font:bold 11px Tahoma, Verdana, Arial;
	right:-25px;
}
#carres {
	width:666px;
	margin:auto;
}
#carres a {
	display:block;
	height:198px;
	width:331px;
	cursor: pointer;
}
#carres-plandusite a {
	cursor:pointer;
	display:block;
	width:331px;
}
div.path {
	color:#999;
	font-size:.9em;
	text-align:right;
}
#footer {
	clear:both;
	width:100%;
	height:auto;
	float:left;
	color:white;
	background-color:#409FE9;
}
#footer-ct {
	margin:auto;
	width:839px;
	height:55px;
	font-weight:bold;
	font-size:.9em;
	padding:40px 8px 0 8px;
	background: url(../images/bg-footer.gif) no-repeat left top;
}
#footer-ct a {
	font-weight:bold;
	font-size:.9em;
}
div.footer-1 {
	width:260px;
	float:left;
	line-height:18px;
	text-transform:uppercase;
}
div.footer-2 {
	width:130px;
	height:15px;
	float:right;
	padding-top:3px;
	text-align:right;
	padding-right:18px;
	font:normal .98em Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/idemium.gif) no-repeat right top;
	visibility:hidden;
}
#paiementcart {
	text-align:left;
}
/*----------------------------------------------[Others Forms CSS]----------------------------------------------*/
ul.list_ul {
	list-style-image:none;
}
ul.list_ul li {
	color:#999;
	list-style-image:none;
	margin:4px 0;
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
	padding-left:15px;
	background:url(../images/puce.gif) no-repeat left top;
	background-position:0 2px;
	padding-bottom:2px;
	border-bottom:1px dotted #999;
}
ul.list_ul2 li {
	list-style-type:none;
}
ul.list_ul li ul li {
	color:#999;
	margin-left:12px;
	background:none;
	text-transform:none;
	border-bottom:0;
	font-weight:normal;
	font-size:.9em;
	padding-left:10px;
	background:url(../images/puce2.gif) no-repeat left center;
	list-style-type:none;
}
#content span.icone_rose a, #content span.icone_rose2 a, #content span.icone_orange a, #content span.icone_orange2 a, #content span.icone_bleu a, #content span.icone_bleu2 a, #content span.icone_reserv3 a, #content span.icone_reserv a, #content span.icone_reserv a.icone_infos {
	display:block;
	width:120px;
	height:17px;
	color:white;
	font-size:.9em;
	font-weight:bold;
	padding-left:22px;
	padding-top:13px;
	text-decoration:none;
	background:url(../images/icone_orange.png) no-repeat left top;
}
#content span.icone_reserv3 a {
	width:170px;
	background:url(../images/icone_reserv3.gif) no-repeat left top;
}
#content span.icone_rose a {
	background:url(../images/icone_rose.png) no-repeat left top;
}
#content span.icone_rose2 a {
	width:200px;
	height:28px;
	padding-left:35px;
	padding-top:16px;
	font-size:15px;
	font-family: Arial Black;
	background:url(../images/icone_rose2.png) no-repeat left top;
}
#content span.icone_bleu a {
	background:url(../images/icone_bleu.png) no-repeat left top;
}
#content span.icone_bleu2 a {
	width:200px;
	height:28px;
	padding-left:35px;
	padding-top:16px;
	font-size:15px;
	font-family: Arial Black;
	background:url(../images/icone_bleu2.png) no-repeat left top;
}
#content span.icone_orange a {
	background:url(../images/icone_orange.png) no-repeat left top;
}
#content span.icone_orange2 a {
	width:200px;
	height:28px;
	padding-left:35px;
	padding-top:16px;
	font-size:15px;
	font-family: Arial Black;
	background:url(../images/icone_orange2.png) no-repeat left top;
}
#content span.icone_reserv a.icone_infos {
	text-align:left;
	font-size:.8em;
	height:15px;
	padding-top:15px;
	background:url(../images/infos.gif) no-repeat left top;
}
#content span.icone_reserv a.icone_infos:hover {
	color:#FFA300;
	background:url(../images/infos.gif) no-repeat left bottom;
}
#content span.icone_reserv a:hover {
	color:#FCBA1D;
	background:url(../images/icone_orange.png) no-repeat left bottom;
}
#content-1-2 span.icone_reserv a {
	background:url(../images/icone_reserv1.gif) no-repeat left top;
}
#content-1-2 span.icone_reserv a:hover {
	color:#1081D9;
	background:url(../images/icone_reserv1.gif) no-repeat left bottom;
}
#content span.icone_reserv3 a:hover {
	color:#1081D9;
	background:url(../images/icone_reserv3.gif) no-repeat left bottom;
}
#content span.icone_rose a:hover {
	color:#E2007A;
	background:url(../images/icone_rose.png) no-repeat left bottom;
}
#content span.icone_rose2 a:hover {
	color:#E2007A;
	background:url(../images/icone_rose2.png) no-repeat left bottom;
}
#content span.icone_bleu a:hover {
	color:#00AAE4;
	background:url(../images/icone_bleu.png) no-repeat left bottom;
}
#content span.icone_bleu2 a:hover {
	color:#00AAE4;
	background:url(../images/icone_bleu2.png) no-repeat left bottom;
}
#content span.icone_orange a:hover {
	color:#FCBA1D;
	background:url(../images/icone_orange.png) no-repeat left bottom;
}
#content span.icone_orange2 a:hover {
	color:#FCBA1D;
	background:url(../images/icone_orange2.png) no-repeat left bottom;
}
table.table_infos td {
	padding:4px;
	border-bottom:1px solid #ddd;
}
table.table_infos thead td {
	height:33px;
	color:white;
	padding-left:28px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../images/infos_.gif) no-repeat left top;
	line-height:36px;
}
table.padd td, table.padd th {
	padding:3px 4px;
}
table.padd2 td, table.padd2 th {
	padding:10px 4px;
}

.bg_org {
	color:white;
	height:20px;
	background-color:#FCBA1D;
	text-align: center;
}
.bg_rose{
	color:white;
	height:20px;
	background-color:#D00250;
	text-align: left;
}
.bg_ble {
	color:white;
	height:20px;
	background-color:#1F71B1;
	text-align: left;
}
.bg_roset a{
	color:#D00250;
}
.bg_blet a {
	color:#1F71B1;
}
.bg_gr {
	color:black;
	font-weight:normal;
	background-color:#CCC;
}
.bg_grt {
	color:black;
	padding-left:5px;
	font-weight:bold;
	background-color:#CCC;	
}
input.input_org, textarea.input_org, select.input_org {
	border:1px solid #C8C8C8;
	border-left:3px solid #FCBA1D;
	background-color:white;
	color:#666;
	height:15px;
	width:260px;
	padding-left:2px;
	font:normal .85em Tahoma, Verdana, Arial;
}
input.input_org2, textarea.input_org2, select.input_org2 {
	border:1px solid #C8C8C8;
	border-left:3px solid #FCBA1D;
	background-color:white;
	color:#666;
	height:15px;
	width:150px;
	padding-left:2px;
	font:normal .85em Tahoma, Verdana, Arial;
}
select.input_org {
	height:18px;
}
.erreur {
	color:black;
	height:16px;
	width:260px;
	padding-left:2px;
	border:1px solid red;
	border-left:3px solid red;
	background-color:#FDD;
	font:normal .85em Tahoma, Verdana, Arial;
}
.erreur2 {
	color:black;
	width:261px;
	height:20px;
	padding-left:2px;
	padding-top:2px;
	border:1px solid red;
	border-left:3px solid red;
	background-color:#FDD;
	font:normal .95em Tahoma, Verdana, Arial;
}
.msg_style {
	color:white;
	text-align:center;
	font:normal .9em Verdana, Geneva, sans-serif;
	background-color:#FF4040;
	line-height:18px;
	margin-bottom:12px;
}
#content a.suivant {
	width:144px;
	height:17px;
	display:block;
	font-size:.9em;
	color:white;
	font-weight:bold;
	line-height:15px;
	padding-left:10px;
	text-decoration:none;
	background:url(../images/suivant.gif) no-repeat left top;
}
#content a.suivant:hover {
	color:#FCBA1D;
	background:url(../images/suivant.gif) no-repeat left bottom;
}
#content a.precedent {
	width:144px;
	height:17px;
	display:block;
	font-size:.9em;
	color:white;
	text-align:right;
	font-weight:bold;
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
	background:url(../images/precedent.gif) no-repeat left top;
}
#content a.precedent:hover {
	color:#8C8C8C;
	background:url(../images/precedent.gif) no-repeat left bottom;
}
#content a.annuler {
	width:69px;
	height:17px;
	display:block;
	font-size:.9em;
	color:white;
	text-align:right;
	font-weight:bold;
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
	background:url(../images/annuler.gif) no-repeat left top;
}
#content a.annuler:hover {
	color:#4C8ECC;
	background:url(../images/annuler.gif) no-repeat left bottom;
}
#content a.valider {
	width:69px;
	height:17px;
	display:block;
	font-size:.9em;
	color:white;
	text-align:right;
	font-weight:bold;
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
	background:url(../images/valider.gif) no-repeat left top;
}
#content a.valider:hover {
	color:#82D643;
	background:url(../images/valider.gif) no-repeat left bottom;
}
ul.list_ {
	list-style-type:none;
	font-size:.9em;
}
ul.list_ li {
	font-family:Tahoma, Verdana, Arial;
	line-height:16px;
	padding-left:14px;
	background:url(../images/puce2.gif) no-repeat left center;
}
ul.list_ li a:hover {
	color:black;
	text-decoration:underline;
}
#connexion {
	width : 350px;
	float : left;
}
#inscription {
	width : 350px;
	float : left;
}
#sommaire_pre {
	width:643px;
	height:108px;
	margin:auto;
	padding:10px 20px;
	background:url(../images/vita_som.gif) no-repeat left top;
}
#som_1 {
	background:url(../images/viita_1.gif) no-repeat left top;
	width:17px;
	height:127px;
	float:left;
}
#som_2 {
	background:url(../images/viita_2.gif) repeat-x left top;
	width:600px;
	height:107px;
	float:left;
	padding-top:20px;
	padding-left:20px;
}
#som_3 {
	background:url(../images/viita_3.gif) no-repeat left top;
	width:17px;
	height:127px;
	float:left;
}
div#logoLigue {
	width:142px;
	height:140px;
	position:absolute;
	right:-5px;
	margin-top:150px;
	background:url(../images/ancv.png) no-repeat left top;
}
div#logoRA {
	width:152px;
	height:140px;
	position:absolute;
	right:-25px;
	margin-top:270px;
	background:url(../images/qualite_securite.png) no-repeat left top;
}
div#logoLigue a {
	display:block;
	height:60px;
}
.loading {
	background:url(../images/load.gif) no-repeat left top;
	height:16px;
	width:16px;
	margin-left:10px;
}
ol {
	padding-left:20px;
}
ol li {
	list-style-type:decimal;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
ul li {
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/puce3.gif) no-repeat 0px 5px;
}
ul.list_ li {
	list-style:none;
}
#content-2 {
	float:right;
	font-size:1.1em;
	min-height:200px;
	padding:24px 26px 0;
	width:802px;
}