@import url("/navigation/css/common.css");



ul.voyages{
	background-color: #486376;
	list-style:none;
	width:115px;
	margin:0px;
}


ul.voyages li{
	padding:5px 0px 0px 0px;
	list-style: none;
}

ul.voyages a{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #FFFFFF;
}

ul.voyages a:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #92aebc;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #92aebc;
}

ul.voyages a.active{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #8799A5;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #8799A5;
}

ul.voyages a.active:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #92aebc;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #92aebc;
}


ul.voyages2{
	margin: 0px;
	list-style:none;
	background-color: #486376;
}

ul.voyages2 li{
	padding:0px;
	list-style: none;
	display:list-item;
	width:100%;
}


ul.voyages2 a{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #FFFFFF;
}

ul.voyages2 a:hover{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #92aebc;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #92aebc;
}

ul.voyages2 a.active{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #CCCCCC;
}

ul.voyages2 a.active:hover{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #92aebc;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #92aebc;
}



TD.etape {
	width:20%;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: medium none;
	COLOR: #000000; 
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #92aebc; 
	TEXT-ALIGN: center;
}

TD.fetape {
	width:6%;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: medium none;
	COLOR: #000000; 
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
}
TD.etapeactive {
	width:20%;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
	BORDER-LEFT: medium none;
	COLOR: #ffffff; 
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #808080; 
	TEXT-ALIGN: center
}

#tronc {
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	width: 780px;
	position: relative;
	clear:both;
}

ul.sousmenu{
	list-style:none;
	margin:0;
	padding:0px;
	display:block;
	
}


ul.sousmenu li{
	margin:6px 5px 0px 5px;
	list-style: none;
	display:inline;
	float:left;
	padding:0 0 0px 0;
}

ul.sousmenu a{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:underline;
	display:block;
	text-align:center;
	padding:3px 0px;
}

ul.sousmenu a:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
}

ul.sousmenu a.active{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
}

ul.sousmenu a.active:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
}


ul.sousmenu ul.sousmenu2{
	list-style:none;
	background-color: #486376;
	display:none;
	float:left;
}
/*
ul.sousmenu ul.sousmenu2 li{
	padding:0px;
	list-style: none;
	display:inline;
	float:left;
}


ul.sousmenu2 a{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #FFFFFF;
}

ul.sousmenu2 a:hover{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #92aebc;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #92aebc;
}

ul.sousmenu2 a.active{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #CCCCCC;
}

ul.sousmenu2 a.active:hover{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #92aebc;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:3px 0px;
	border-bottom:1px solid #92aebc;
}

#voyagesBox{
	width:115px;
	vertical-align:top;
	padding-top:5px;
	height:auto;
}
*/

#leftBox{
	width:115px;
	vertical-align:top;
}

#rightBox{
	vertical-align:bottom;
	margin:0px 0px 0px auto;
}

#smenusBox{
	width:auto;
	vertical-align:top;
	padding:0px;
	margin:0px;
}


#accountBox{
	vertical-align:top;
	padding-top:5px;
	padding-bottom:0px;
	margin:10px 0px 0px 2px;
	text-align:left;
	border-top:1px solid #334754;
}

#panierBox{
	vertical-align:top;
	margin:5px 0px 0px 2px;
	padding-top:5px;
	padding-bottom:0px;
	color: #92aebc;
	text-align:left;
	
}
#panierBox .cptsej{
	color: #FFFFFF;
}	

#accountBox {
	color: #FFFFFF;
}
#code_promo{
  width:75px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#promo_put #ok{
  padding:1px;
  font-size:8px;
}
.totalitem{
	color:#FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding-right:5px;
}

.totalvalue{
	color:#FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#accountBox a{
	color: #FFFFFF;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#accountBox a:hover{
	color: #92aebc;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#accountBox div a{
	color: #92aebc;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#accountBox div a:hover{
	color: #92aebc;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


#panierBox a{
	color: #FFFFFF;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#panierBox a:hover{
	color: #92aebc;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#footer {
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: auto;
	position: relative;
}


#breadcrumb  {
	text-align:left;
	padding: 10px 0 0 0;
	color: #92aebc;
	margin: 0px 0px 20px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid white;
	}
#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 
#breadcrumb ul li {
	margin : 0;
	padding: 0;
	border: none;
	list-style: none;
	display: inline;
	color: #92aebc;
	}
a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited {
	text-decoration: none;
	color: #FFFFFF;
	padding-bottom: 2px;
	border-bottom: 1px solid #FFFFFF;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
a.breadcrumb:hover  {
	text-decoration: none;
	color: #CCCCCC;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCCCCC;
}

h1{
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFFFFF;
}

h2{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding-top: 10px;
	margin: 0;
	text-align:left;
}

h3{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	padding-top: 10px;
	margin: 0;
	text-align:left;
}
.overcircuit{
	text-align:center;
}

.circuit{
	text-align:left;
	margin:0px auto;
	padding:3px;
	color: #CCCCCC;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	clear:both;
	display:block;
}

.circuit .nom{
	color: #FFFFFF;
	display:inline;
	width:45%;
	float:left;
	line-height:12px;
	clear:none;
}


.circuit .dates{
	color: #FFFFFF;
	display:inline;
	width:35%;
	float:left;
	line-height:12px;
	clear:right;
}

.circuit .datesr{
	color: #FFFFFF;
	display:inline;
	width:40%;
	float:left;
	line-height:12px;
	clear:right;
	text-align:right;
}

.circuit .dates a{
	color: #CCCCCC;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.circuit .datesr a{
	color: #CCCCCC;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.circuit .nom a{
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.overregroup{
	text-align:center;
}

.regroup{
	text-align:left;
	margin:0px auto;
	padding:3px;
	color: #CCCCCC;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	clear:both;
	display:block;
}

.regroup .nom{
	color: #FFFFFF;
	display:inline;
	width:45%;
	float:left;
	line-height:12px;
	clear:none;
}


.regroup .dates{
	color: #FFFFFF;
	display:inline;
	width:35%;
	float:left;
	line-height:12px;
	clear:right;
}

.regroup .dates a{
	color: #CCCCCC;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.regroup .nom a{
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}


.categories{
	color: #CCCCCC;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	text-align:center;
	margin:0px auto 20px;
}
.categories a{
	color: #FFFFFF;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}

.categories a:hover{
	color: #CCCCCC;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}


.circuit .dates a:hover{
}

.circuit .datesr a:hover{
}

.circuit .nom a:hover{
}

.circuit .clear{
	clear:both;
	height:1px;
	font-size:0px;
	line-height:0px;
}
.circuit .zone{
	display:inline;
	color: #CCCCCC;
	font: italic 11px ;
	width:20%;
	float:left;
	line-height:14px;
	clear:left;
}

.circuit .zoner{
	display:inline;
	color: #CCCCCC;
	font: italic 11px ;
	width:15%;
	float:left;
	line-height:14px;
	clear:left;
}

.circuit.C0 {
	background-color: #5c778a;
}

.circuit.C1{
	background-color: #486376;
}

.circuit.C0 *{
	background-color: #5c778a;
}

.circuit.C1 *{
	background-color: #486376;
}

.regroup .dates a:hover{
}

.regroup .nom a:hover{
}

.regroup .clear{
	clear:both;
	height:1px;
	font-size:0px;
	line-height:0px;
}

.regroup .zone{
	display:inline;
	color: #CCCCCC;
	font: italic 11px ;
	width:20%;
	float:left;
	line-height:14px;
}

.regroup .numero{
	display:inline;
	font-size:12px ;
	font-weight:bold ;
	width:5%;
	float:left;
	line-height:14px;
	clear:left;
	color:#FFFFFF;
}

.regroup.C0 {
	background-color: #5c778a;
}

.regroup.C1{
	background-color: #486376;
}

.regroup.C0 *{
	background-color: #5c778a;
}

.regroup.C1 *{
	background-color: #486376;
}


#troncbox{
	width:665px;
	margin:0px;
	vertical-align:top;
}

#troncbox .texte{
	text-align:left;
	clear:right;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	margin:0px 0px auto auto;
	width:370px;
}
#troncbox .texte *{
	margin:0px 0px 0px 50px;
}
#troncbox .texte p{
	text-align:justify;
	color: #ffffff; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif ;
}

#troncbox img.img{
	margin:2px auto ;
}
.ima1{
	float:left;
}

.ima3{
	float:left;
	clear:both;
}

.ima2{
	float:right;
	clear:right;
}

.pricebar{
	margin:0px auto; 
	width: 780px;
	background-color:#FF9900;
	color: #000000;
	text-align:right;
	padding-right:5px;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif ;
	line-height:30px;
	height:30px;
	vertical-align:middle;
}

.pricebar .price{
	font-weight: bold;
	font-size:16px;

}
.pricebar .ref{
	font: normal 13px Verdana, Arial, Helvetica, sans-serif ;

}
.pricebar .ref .ref{
	font-weight: bold ;
	font-size:16px;
}

table.circuitdjs{
	width:100%;
}
table.circuitdjs td{
	vertical-align:top;
}

table.circuitdjs td.T1{
	background-color:#486376;
}

table.circuitdjs td.T0{
	background-color:#5c778a;
}


table.dj{
	width:100%;
	height:100%;
}

table.dj th{
	text-align:center;
	color:#ff9900;
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold;
	border-right:4px solid #486376;
	vertical-align:middle;
	width:100px;
	padding:5px 5px 5px 5px;
}

table.dj td{
	color:#FFFFFF;
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	text-align:left;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	height:100%;
}


table.circuitspecs{
	width:100%;
	background-color:#FF9900;
}

table.circuitspecs th{
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	padding:2px 2px 3px 2px;
	background-color:#FF9900;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}

table.circuitspecs td{
	padding:2px 2px 3px 2px;
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	background-color:#FF9900;
	text-align:left;
	vertical-align:top;
}

hr.bar{
	width:100%;
	height:1px;
	color:#94ACBE;
	margin:0px auto;
	background-color: #94ACBE;
	border:0px;
	clear:both;
	font-size: 1px;
	line-height: 1px;
}

table.sejours{
	width:100%;
}

table.sejours th{
	background-color:#5c778a;
	text-align:center;
	color:#CCCCCC;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal;
	vertical-align:top;
}

table.sejours td{
	background-color:#486376;
	text-align:center;
	color:#FFFFFF;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold;
	vertical-align:top;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.sejours td.dispo{
	color:#FF9900;
}

table.sejours tr.trip td.dispo{
	background-color:#486376;
}

table.sejours td.none{
	background-color:#486376;
	text-align:center;
	color:#CCCCCC;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold;
	vertical-align:top;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}








.lactu{
	border:1px solid #FFFFFF;
padding:3px;
margin:0px 0px 10px 0px;
height:100%;
overflow:auto;
}
.lactu .image{
float:left;
height:100%;
	margin: 6px 16px 0px 0px;
}
.lactu .date{
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	color: #FF9900;

}
.lactu .titre{
	display:inline;
	padding-left:10px;
}

.lactu a:active,.lactu a:link,.lactu a:visited{
	color: #FFFFFF;
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.lactu a:hover{
	color: #CCCCCC;
	text-decoration: none;
}

.resume{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding-bottom:10px;
	text-align:left;
	margin-top:6px;
}

.descriptif{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-bottom:10px;
	text-align:justify;
}

.images{
	text-align:center;
	margin-bottom:20px;
}
.images table{
	margin:0 auto;
}

.images td div{
	float:left;
	text-align:center;
	border:1px solid #646464;
	margin:0 auto;
	padding:3px;
}
.actulien{
	margin-bottom:5px;
}

.actunav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.actunav .nb{
	color: #FF9900;
	font-weight: bold;
}
.actunav .nball{
	color: #CCCCCC;
	font-weight: bold;
}

.actunav a.lien:active, .actunav a.lien:visited, .actunav a.lien:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: underline;
	font-size:12px;
}

.actunav a.lien:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
}

.lactu .resume{
	padding-bottom:0px;
	color: #CCCCCC;
	font: 12px/18px Arial, Helvetica, sans-serif;

}

.lactu .resume a:active,.lactu .resume a:link,.lactu .resume a:visited{
	display:block;
	float:right;
	color: #FFFFFF;
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.lactu .resume a:hover{
	display:block;
	float:right;
	color: #CCCCCC;
	text-decoration: none;
}

a.actulien:link, a.actulien:active, a.actulien:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color: #FFFFFF;
}

a.actulien:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#CCCCCC;
	text-decoration: underline;
}

input.formtext_sss{	font-family:Verdana;	font-size:10px;		color:#000000;	width:25px;}
input.formtext_ss{	font-family:Verdana;	font-size:10px;		color:#000000;	width:70px;}
input.formtext_s{	font-family:Verdana;	font-size:10px;		color:#000000;	width:150px;}
input.formsubmit{font-family:Verdana;font-size:10px;}
input.formtext{font-family:Verdana;font-size:10px;width:200px;}
select.formselect{font-family:Verdana;font-size:10px;}
textarea.formtext{font-family:Verdana; font-size:10px;width:250px;}
textarea.formtext_s{font-family:Verdana; font-size:10px;width:200px;}
.precisions{		
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	color:#92aebc;
}

.description{
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color:#FFFFFF;
}

.description a{
	font-weight:bold;
	color:#92aebc;
}

.description a:hover{
	font-weight:bold;
	color:#92aebc;
}

.item{
	font-weight:bold;
	font-size:11px;
	color:#CCCCCC;

}

.item2{
	font-weight:bold;
	font-size:11px;
	color:#CCCCCC;
}

.item2 a{
	font-size:11px;
}
.value{
	text-align:left;
	color:#FFFFFF;
	font-size:11px;
}

table.sejours a{
	font-size:12px;
	color:#CCCCCC;
}

table.sejours a:hover{
	font-size:12px;
	color:#FFFFFF;

}
table.sejours tr td.sep{
	height:5px;
	font-size:5px;
	line-height:5px;
}

.sejours input{
	color:#000000;
}

table.sejours tr.trip td{
	background-color:#808080;
}
table.sejours tr.trip th.t2{
	background-color:#5c778a;
	padding: 3px;
	font-weight: bold;
	text-align:center;
	vertical-align:top;
}

table.sejours tr.trip th.t1{
/*	background-color:#808080;*/
	background-color:#486376;
	padding: 3px;
	font-weight: bold;
}

table.sejours tr.trip td.t2{
	background-color:#5c778a;
	padding: 3px;
	font-weight: bold;
	font-size: 11px; 
}

table.sejours tr.trip td.t4{
	background-color:#5c778a;
	padding: 3px;
	font-weight: bold;
	font-size: 11px; 
	text-align:right;
}
table.sejours tr.trip td.t3{
	background-color:#5c778a;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 11px; 

}

table.sejours tr.trip td.t5{
	background-color:#5c778a;
	padding: 0px;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 11px; 
	text-align:left;
	vertical-align:top;
}

table.sejours tr.trip td.t5 p{
margin:0px auto;
}

table.sejours tr.trip td.add{
	background-color:#5c778a;
	padding: 3px;
	text-align:center;
	vertical-align:middle;
}

table.sejours tr.trip td.opts{
	background-color:#486376;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	color:#A6151D;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:top;

}

table.options {
	width:100%;
}


table.sejours tr.trip td.opts table.options th{
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	/*background-color:#808080;*/
	background-color:#486376;
	text-align:left;
	color:#FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}

table.sejours tr.trip td.opts table.options td{
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	text-align:right;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	background-color:#486376;
}

table.sejours tr.trip td.opts table.options tr.first th{
	padding-top: 0px;
	background-color:#486376;
}

table.sejours tr.trip td.opts table.options tr.first td{
	padding-top: 0px;
	background-color:#486376;
}



table.sejours tr.trip td.opts table.options td.det{
	background-color:#486376;
	padding-top: 0px;
	text-align:left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

table.sejours tr.trip td.add a{
	color:#FF9900;
	text-decoration:none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
table.sejours tr.trip td.add a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

table.sejours tr.trip td.opts table.options td.precisions{
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	color:#92aebc;
	background-color:#486376;
	text-align:left;
	border-top:1px solid #808080;
	padding-top: 0px;
	padding-bottom: 3px;
}

.Recap th{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	border:1px solid #5c778a;
	background-color: #808080;
	padding:0px;
	padding-left:3px;
	padding-right:3px;
}
.Recap input{
	color:#000000;
}
.Recap th.th2{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#CCCCCC;
	border-bottom:1px solid #808080;
}
.Recap td{
	padding-bottom:2px;
}
.Recap tr.S0 td{
	background-color: #486376;
	border-bottom:1px solid #808080;

}

.Recap tr.S1 td{
	background-color: #5c778a;
	border-bottom:1px solid #808080;
}
td.paniervalue{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	text-align:center;
}
td.paniervaluer{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	text-align:right;
}
td.paniervaluel{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
}

td.panieritem{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding:3px;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
	vertical-align:top;
}

td.panieritemr{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	color:#808080;
	background-color: #CCCCCC;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #FFFFFF;
	vertical-align:top;
}

td.commande_suivante{
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
}

a.commande_suivante{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#92aebc;
	text-decoration:none;
}


.contenu{
	padding-left:50px;
	font-weight:bold;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	/*background-color:#808080;*/
}

.contenutainer{
	margin-bottom:20px;
	clear:both;
	width:100%;
	float:left;
}

.contenutainer .contenu{
	/*border:1px solid #92aebc;*/
	padding-top:10px;
	padding-left:50px;
	float:none;
	clear:both;
	width:auto;
}
.contenutainer .contenu .betweencontenu{
	border:1px solid #92aebc;
	width:100%;
	clear:both;
	float:none;
	height:auto;
}
.contenutainer .contenu .betweencontenu .souscontenu{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	clear:both;
	float:none;
	width:auto;
	/*border:1px solid #92aebc;*/
}


dl{
width:100%;
margin-bottom:10px;
margin-top:20px;
clear:both;
}

dd{
width:auto;
}


.contenu dl{
width:auto;
margin-bottom:2px;
margin-top:0px;
clear:both;
}
.contenu dl dt{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
	padding-left:5px;
	float:left;
}

.contenu dl dd{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	padding-left:0px;
	font-weight:normal;
	color:#FFFFFF;
	padding-left:5px;
	float:left;
}

.contenu dl dd.dd2{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	padding-left:0px;
	font-weight:normal;
	color:#92aebc;
	padding-left:5px;
}


.contenutainer  .contenu  .betweencontenu dl dt{width:100px;}
.contenutainer  .contenu  .betweencontenu dl dd{width:auto;}
.contenutainer  .contenu  .betweencontenu .souscontenu dl dt{width:100px;}
.contenutainer  .contenu  .betweencontenu .souscontenu dl dd{width:auto;}


.topofthepage{
	display:block;
	clear:both;
	width:auto;
	text-align:right;
}
.topofthepage{
	display:block;
	clear:both;
	width:auto;
	text-align:right;
}

.topofthepage a:link, .topofthepage a:visited, .topofthepage a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding-right:5px;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	font-size:10px;
}


table.sejours .topofthepage a:hover, .topofthepage a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#92aebc;
	padding-right:5px;
	text-decoration:underline;
	font-style:normal;
	font-weight:bold;
}

fieldset{
	color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
	vertical-align:top;
}

fieldset legend{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:1px 2px;
}

fieldset.fs{
	display:block;
	width:250px;
	float:left;
	clear:left;
	font-size:10px;
	margin:0px 5px;

}

fieldset.fs2{
	display:block;
	width:460px;
	float:right;
	clear:left;
	font-size:10px;
	margin:0px 5px;

}

fieldset.fs legend,fieldset.fs2 legend{
	font-size:11px;
}
fieldset.fs .grp{
	white-space:nowrap;
	float:left;
	margin:0px 2px 5px;
	width:120px;
}

fieldset.fs2 .grp{
	white-space:nowrap;
	float:left;
	margin:0px 2px 5px;
	width:150px;
}

fieldset.fs input,fieldset.fs2 input{
	margin:0px 2px;
}
fieldset.fs label,fieldset.fs2 label{
	white-space:nowrap;
}
fieldset.fss input{
	margin:0px auto;
}

fieldset.fss{
	float:left;
	clear:left;
	margin:0px 5px;
	text-align:center;
	width:250px;
}



fieldset .circuit{
	width:auto;
}

fieldset .circuit .nom{
	width:45%;
}

.circuit .type{
	color: #FFFFFF;
	display:inline;
	width:15%;
	float:left;
	line-height:12px;
	clear:none;
}

fieldset .circuit .zone{
	width:30%;
}
fieldset .circuit .dates{
	width:10%;
}

fieldset .circuit .zoner{
	width:20%;
}
fieldset .circuit .datesr{
	width:20%;
}

#frmRslts{
	margin:0px 2px 0px auto;
}


.regroupement{
	width:auto;
	margin:0px;
	text-align:left;
}

.regroupement .descriptif{
	float:left;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	width:auto;
	text-align:justify;

}
.regroupement .descriptif .image1{
	margin-right:30px;
	float:left;
	clear:left;
}
.regroupement .carte{
	width:auto;
	clear:both;
	margin-top:5px;
	text-align:center;
}
.regroupement .image2{
	width:auto;
	clear:both;
	margin-top:5px;
	text-align:center;
}
.regroupement .carte img, .regroupement .image2 img{
	margin:0px auto;
}

.regroupement .infos{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	padding-bottom:5px;
	width:auto;
	clear:both;
}
.regroupement .infos .titre{
	color:#FFFFFF;
	font-weight:bold;
}

.regroupement .descriptif .infos{
/*
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:13px;
/*	color:#CCCCCC;*/
	padding-top:5px;
/*	padding-bottom:5px;
	width:auto;*/
	clear:right;
}
/*
.regroupement .descriptif .infos .titre{
	color:#FFFFFF;
	font-weight:bold;
}
*/

.infosdesc{
	font-weight:normal;
	color:#FFFFFF;
	font-size:11px;
	clear:both;
}
.title{
	font-weight:bold;
	color:#FF9900;
	font-size:11px;
	display:block;
}

p.hl{
	font-weight:bold;
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
}
ul#menuTop{
  text-align:left;
  padding:0;
  margin:0 0 8px 4px;
}
#menuTop li{
  list-style:none;
  padding-bottom:4px;
}
#menuTop li a{
  font-size:13px;
  text-decoration : none;
}
#logoPrincipal{
  position: absolute;
  top:0px;
  z-index:100;
  left:0;
}
#logoPrincipal img{
  vertical-align: top;
  float:left;
}
#logoPrincipal p{
  float:left;
  margin:19px 5px 0px 5px;
  color:#92AEBC;
  font-style: italic;
}