* { margin:0; padding:0;}
html {height:100%;}

.site_center {text-align:center;}
.main 
{
	position:relative;
	margin:0px auto;
	margin-top:0px; 
	width:988px; 
	text-align:left;

	/*background:url(img/fdtitreblc.png);*/

	}



body 
{ 
	/*background:#060606 url(../img/fondbleu2.jpg) 0 0 no-repeat; */
	background:#ecf0f1;
	background-position:center top;
	background-attachment:fixed;
	font-size:100%;
	height:100%; 
	line-height:1em; 
	/*font-family:arial, tahoma;*/ 
	font-family:verdana;
	color:#6d7172; 
	text-align:center;
	}

.clear {position:relative;clear: left;}
/*in_line*/
img {border:0; vertical-align:top; text-align:left;}
/*ul { list-style:none;}*/

a:hover{text-decoration:none;}
a {color:#2980b9;
	text-decoration:none;
	}

	.txtstatbc {padding:10px;color:#2980b9;}
	.txtstatbc2 {padding-left:10px;color:#2980b9;}
	.txtstatn2 {padding-left:10px;}
	
	
/*.etape {color:#ffffff;padding:2px;margin:0px 20px 0px 20px; height:1px; width:944px;background:#2980b9;}*/
.etape { margin:3px 20px 0px 20px;width:944px;color:#ffffff;}
.etape2 { position:relative;margin:3px 20px 0px 20px;width:944px;color:#ffffff;top:-15px;}
.etape3 { position:relative;margin:0px 20px 0px 20px;width:944px;color:#ffffff;top:-5px;}

.metape {width:180px;background:#2980b9;position:relative;float:left;text-align:center;height:10px;}
.metaperien {width:180px;position:relative;float:left;text-align:center;height:10px;}
.metapebf {width:180px;background:#27374e;position:relative;float:left;text-align:center;height:10px;}

.metapetxt {width:180px;;position:relative;float:left;text-align:center;height:10px;color:#2980b9;}
.metapetxtbf {width:180px;;position:relative;float:left;text-align:center;height:10px;color:#27374e;}


.metapebc {width:180px;position:relative;float:left;text-align:center;height:10px;}
.carrebc {height:10px;background:#2980b9;width:20px;padding:3px 10px 3px 10px;font-size:12px;}
.carrerien {height:10px;width:20px;padding:3px 10px 3px 10px;font-size:12px;}

.carrebf{height:10px;background:#27374e;width:20px;padding:3px 10px 3px 10px;font-size:12px;}

.bandeh {color:#27374e;padding:2px;margin:0px 0px 0px 0px; height:1px; width:984px;background:#a21014;}

.divtxthead
{ 
	color:#ffffff;
	padding:2px;
	font-size:30px;
	font-weight:bold; 
	/*text-transform:uppercase;*/ 
	z-index: 99;
	margin:25px 0px 0px 100px; 
	position:absolute;
	text-align:center;
	width:100%;
	
}
.divtxtheadptbc
{ 
	color:#ffffff;
	padding:2px;
	font-size:22px;
	/*text-transform:uppercase;*/ 
	z-index: 99;
	margin:55px 0px 0px 100px; 
	 position:absolute;
	text-align:center;
	width:100%;
	line-height:20px;
}
.divtxtheadptbf
{ 
	color:#ffffff;
	padding:2px;
	font-size:18px;
	/*text-transform:uppercase;*/ 
	z-index: 99;
	margin:80px 0px 0px 100px; 
	 position:absolute;
	text-align:center;
	width:100%;
	
}


#header { width:988px;
		 height:140px;
		 /*background-color:#27374e;*/
		 background:url(../img/fdhead2.jpg) 0 0 no-repeat;
		}


.h_img{ 
	position:absolute; 
	margin-top:128px;
	margin-left: 0px; 
	margin-right: auto;
	z-index: 10;
	text-align:center;
	}

#content{
	min-height:500px;
 	font-size:0.780em;
	padding:0px 0px 0px 20px; 	
	width:968px;
	background:#ffffff;
	
	}

#header .logo{ position:absolute; margin:0px 0 0 0px;z-index:1;}
/*#header .h_img{ position:absolute; margin:128px 0 0 29px;}*/
#header .menu{ margin:0px 0 0 0px; position:absolute; text-transform:uppercase; width:670px;z-index:2;}
#header .menu li{color:#ffffff; font-size:0.75em;  float:left;}
#header .menu li a{ color:#fff; padding:0 30px; text-decoration:none;}

/*footer*/

#footer
{
	margin-left:0px;padding:0px 0px 0px 0px;font-size:12px;color:#ffffff;height:97px;
	 background: #bdc3c7;text-align:center;
	clear: left ;
}	
*/
#footer .bande {color:#ffffff;padding:2px;margin:0px 0px 0px 0px; height:1px; width:984px;background:#27374e;}	
#footer .tab {margin-left:20px;margin-right:20px;padding:0px 0px 0px 0px;width:940px;}
#footer span {background:#656262;padding:2px;}	
.rc {position:relative;top:-96px;z-index: 1;width:200px;float:left;}
.cont {position:relative;float:left;width:100%;padding:10px;text-align:center;}


.titre18 {font-size:18px;font-weight:bold;padding:10px;}
.titre14 {font-size:14px;font-weight:bold;padding:10px;}
.imp {width:100%;text-align:right;right:20px;}

.st {margin:-5px 0px 0px 10px;padding:0px 0px 0px 0px;}
.st2 {margin:0px 0px 0px 10px;padding:0px 0px 0px 0px;}

.lgfrm3{position:relative;float:left;margin:0px 5px 0px 0px;padding:0px 0px 0px 0px;}
.txtstat {padding:10px;width:900px;vertical-align:middle;}

.txtstat2 {padding:0px 0px 0px 10px;width:900px;vertical-align:middle;}
.formpanier{position:relative;clear: left ;top:10px;left:20px;}	

.divleft{float:left;}
.divleft2{float:left;width:600px;padding-left:10px;}
/*  FORMULAIRE  */

label {
 margin-top:5px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:40px;
 }
input, textarea, select, option {
 background-color:#dad8d9;
 }
input, textarea{
 padding:4px;
 border:1px solid #898788;
 border-radius:2px;
 width:250px;
 
 /*box-shadow:1px 1px 2px #C0C0C0 inset;*/
 
 vertical-align: top;
 }
 

 
 
select {
 margin-top:0px;
 width:260px;
 margin-left:-5px;
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 width:20px;
 margin-left:10px;
 }
 input[type=checkbox] {
 background-color:transparent;
 border:none;
 width:20px;
 margin:2px 0px 0px 10px;
 }
input[type=submit], input[type=reset] {

 margin-left:5px;
 box-shadow:1px 1px 1px #C0C0C0;
 cursor:pointer;
 }
 .inputpetit {width: 40px;top:-5px; margin:2px 0px 0px 0px; padding:0px;border:0px;}
  .inputpetit2 {width: 40px;top:-5px; margin:2px 0px 0px 0px; padding:1px 0px 1px 0px;border:0px;background-color:#ffffff;text-align:right;}

 .but{
	/*text-indent:8px;*/
	background-color:#27374e;
	padding:5px 10px;
	border:none;	
	color:#ffffff;
	width:150px;
	z-index: 2;
}

.but2{
	/*text-indent:8px;*/
	background-color:#27374e;
	padding:5px 10px;
	border:none;
	color:#ffffff;	
	width:150px;
}
input:focus, textarea:focus {
 background-color:white;
 }
 

 
 label {
	display: inline-block;
	width: 130px;
	margin-right: 20px;
	vertical-align: top;
	text-align: right;
	padding: 0px 0px 5px 0px
}

 .f2 {
	display: inline-block;
	width: 255px;

	vertical-align: top;
	text-align: left;
	padding: 0px 0px 5px 0px
}
.f1 {
	display: inline-block;
	width: 150px;

	vertical-align: top;
	text-align: left;
	padding: 0px 0px 5px 0px
}

li {
	/*display: inline;*/
  list-style: none; /* pour enlever les puces sur IE7 */
	padding:2px;
}
.lgfrm3_2 {position:relative;float:left;margin:0px 10px 0px 0px;padding:-3px 0px 3px 0px;}

.btn {text-align:center;width:90%;padding-top:30px;padding-bottom:50px;}

.col2 {float:left;width:460px;}

#cacher {visibility:hidden;padding-left:10px;}


#cacherTRAIN {display:none;padding-left:10px;}
#cacherAUTRE {display:none;padding-left:10px;}
#cacherAVION {display:none;padding-left:10px;}



#qualite {visibility:hidden;}

/*-----------------TABLEAU HOTEL---------------------------------------------------*/
#hotel {margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;width:100%; }
#hotel table {border-spacing:0px;;width:95%;border: 1px solid #27374e;margin-bottom:10px}

#hotel .etoile {background:#3a94c0;color:#ffffff;height:30px;}
#hotel td {padding:3px;margin:0px;}
#hotel .lg1 {background:#f9f7f8;}
#hotel .lg2 {background:#d3d1d2;}
#hotel .tdcenter {text-align:center;}
#hotel .trtitre {background:#27374e;color:#ffffff;}
#titredate {height:30px;}
#tdbord {border-right: 1px solid #27374e;}
.titrerecap {font-size:14px;margin:10px 0px 5px 0px;font-weight:bold;color:#2980b9;}

#cg {width:850px;height:200px;overflow-y:scroll;border: 1px solid #27374e;margin:20px 0px 0px 10px;}
.cadre {width:830px;}
.txtcg {padding:10px;}
.txtcgbc {padding:10px;color:#2980b9;}


/*-----CSS CNG ---------------*/




.data-block {
  position: relative;
  width:988px;
  height:50px;
  margin-bottom: -10px;
  background: #2980b9;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}

/*
footer {
  text-transform: uppercase;
  color: #727f80;
  font-size: 10.5px;
  padding: 10px;
  background: #bdc3c7;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
*/
.txtbl {color:#ffffff;}
.container { width: 940px;}

/*------------------CSS pour ecran avec reso de moins de 800 px -----------------------------------*/

@media only screen and (max-device-height:800px) 
{
 * { margin:0; padding:0;}
html {height:100%;}

.site_center {text-align:center;}
.main 
{
	position:relative;
	margin:0px auto;
	margin-top:0px; 
	width:800px; 
	text-align:left;
	/*background-color:#ffffff;*/

	/*background:url(img/fdtitreblc.png);*/

	}



body 
{ 
	/*background:#060606 url(../img/fondbleu800.jpg) 0 0 no-repeat; */
	background:#ecf0f1;
	background-position:center top;
	background-attachment:fixed;
	font-size:100%;
	height:100%; 
	line-height:1em; 
	/*font-family:arial, tahoma;*/ 
	font-family:verdana;
	color:#6d7172; 
	text-align:center;
	}

.clear {position:relative;clear: left;}
/*in_line*/
img {border:0; vertical-align:top; text-align:left;}
/*ul { list-style:none;}*/

a:hover{text-decoration:none;}
a {color:#2980b9;
	text-decoration:none;
	}

.etape { margin:3px 20px 0px 20px;width:750px;color:#ffffff;}
.etape2 { position:relative;margin:3px 20px 0px 20px;width:750px;color:#ffffff;top:-12px;}
.etape3 { position:relative;margin:0px 20px 0px 20px;width:750px;color:#ffffff;top:-2px;}

.metape {width:150px;background:#2980b9;position:relative;float:left;text-align:center;height:10px;}
.metaperien {width:150px;position:relative;float:left;text-align:center;height:10px;}

.metapebf {width:150px;background:#27374e;position:relative;float:left;text-align:center;height:10px;}

.metapetxt {width:150px;position:relative;float:left;text-align:center;height:10px;color:#2980b9;}
.metapetxtbf {width:150px;position:relative;float:left;text-align:center;height:10px;color:#27374e;}


.metapebc {width:150px;position:relative;float:left;text-align:center;height:10px;}
.carrebc {height:10px;background:#2980b9;width:20px;padding:3px 10px 3px 10px;font-size:12px;}
.carrerien {height:10px;width:20px;padding:3px 10px 3px 10px;font-size:12px;}

.carrebf{height:10px;background:#27374e;width:20px;padding:3px 10px 3px 10px;font-size:12px;}

.divtxthead
{ 
	color:#ffffff;
	padding:2px;
	font-size:26px;
	font-weight:bold; 
	/*text-transform:uppercase;*/ 
	z-index: 99;
	margin:25px 0px 0px 70px; 
	position:absolute;
	text-align:center;
	width:100%;
	
}

.divtxtheadptbc
{ 
	color:#ffffff;
	padding:2px;
	font-size:18px;
	/*text-transform:uppercase;*/ 
	z-index: 99;
	margin:57px 0px 0px 70px; 
	 position:absolute;
	text-align:center;
	width:100%;
	line-height:14px;
}
.divtxtheadptbf
{ 
	color:#ffffff;
	padding:2px;
	font-size:18px;
	/*text-transform:uppercase;*/ 
	z-index: 99;
	margin:80px 0px 0px 120px; 
	 position:absolute;
	text-align:center;
	width:100%;
	
}


#header { width:800px;
		 height:140px;
		}


.h_img{ 
	position:absolute; 
	margin-top:128px;
	margin-left: 0px; 
	margin-right: auto;
	z-index: 10;
	text-align:center;
	}

#content{
	min-height:300px;
 	font-size:0.700em;
	padding:0px 0px 0px 20px; 	
	width:780px;
	}

#header .logo{ position:absolute; margin:0px 0 0 0px;z-index:1;}
/*#header .h_img{ position:absolute; margin:128px 0 0 29px;}*/
#header .menu{ margin:0px 0 0 0px; position:absolute; text-transform:uppercase; width:670px;z-index:2;}
#header .menu li{color:#ffffff; font-size:0.75em;  float:left;}
#header .menu li a{ color:#fff; padding:0 30px; text-decoration:none;}

/*footer*/
#footer{margin-left:0px;padding:0px 0px 0px 0px;font-size:12px;color:#ffffff;height:97px;
	
	background: url(../img/fd-foot.jpg) 0 0 repeat-x; 
	clear: left ;
	}	
#footer .bande {color:#ffffff;padding:2px;margin:0px 0px 0px 0px; height:1px; width:984px;background:#2980b9;}	
#footer .tab {margin-left:20px;margin-right:20px;padding:0px 0px 0px 0px;width:940px;}
#footer span {background:#656262;padding:2px;}	
.rc {position:relative;top:-96px;z-index: 1;width:200px;float:left;}
/*.cont {position:relative;float:left;width:400px;padding:10px;text-align:center;}*/
.cont {position:relative;float:left;width:100%;padding:10px;text-align:center;}

.titre18 {font-size:14px;font-weight:bold;padding:10px;}

.txtstat {padding:10px;width:750px;vertical-align:middle;}
.txtstat2 {padding:0px 0px 0px 10px;width:700px;vertical-align:middle;}
.formpanier{position:relative;clear: left ;top:10px;left:20px;}	


/*  FORMULAIRE  */

label {
 margin-top:5px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:40px;
 }
input, textarea, option {
 background-color:#dad8d9;
 height:20px;
 }
input, textarea, select {
 padding:0px;
 border:1px solid #898788;
 border-radius:2px;
 width:200px;
 /*box-shadow:1px 1px 2px #C0C0C0 inset;*/
 vertical-align: top;
 }

select {
 margin-top:0px ;padding-left:0px;
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 width:15px;
 margin-left:10px;
 }
  input[type=checkbox] {
 background-color:transparent;
 border:none;
 width:15px;
margin:-2px 0px 0px 10px;

 }
input[type=submit], input[type=reset] {

 margin-left:5px;
 box-shadow:1px 1px 1px #C0C0C0;
 cursor:pointer;
 }
 


input:focus, textarea:focus {
 background-color:white;
 }
 
 .inputpetit {width: 35px;top:-5px; margin:2px 0px 0px 0px; padding:0px;border:0px;}
   .inputpetit2 {width: 23px; margin:-2px 0px 0px 0px;padding:1px 0px 0px 0px;border:0px;background-color:#ffffff;text-align:right;}

 
   
 label {
	display: inline-block;
	width: 120px;
	margin-right: 20px;
	vertical-align: top;
	text-align: right;
	padding: 0px 0px 5px 0px
}

 .but{
	/*text-indent:8px;*/
	background-color:#27374e;
	padding:2px 10px;
	border:none;	
	color:#ffffff;
	width:150px;
	z-index: 1;
}
.but2{
	/*text-indent:8px;*/
	background-color:#27374e;
	padding:2px 10px;
	border:none;
	color:#ffffff;	
	width:150px;
}
  .f2 {
	display: inline-block;
	width: 250px;

	vertical-align: top;
	text-align: left;
	padding: 0px 0px 5px 0px
}
.f1 {
	display: inline-block;
	width: 150px;

	vertical-align: top;
	text-align: left;
	padding: 0px 0px 5px 0px
}

li {
	/*display: inline;*/
  list-style: none; /* pour enlever les puces sur IE7 */
	padding-left: 2px;
}

.btn {text-align:center;width:90%;padding-top:50px;padding-bottom:20px;}

.col2 {float:left;width:360px;}

#cacher {visibility:hidden;padding-left:10px;}

#cg {width:750px;height:120px;overflow-y:scroll;border: 1px solid #27374e;margin:20px 0px 0px 10px;}
.cadre {width:730px;}

/*-----CSS CNG ---------------*/




.data-block {
  position: relative;
  width:800px;
  height:50px;
  margin-bottom: -10px;
  background: #2980b9;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}




}
.txtcg li {
	list-style: circle; 
	list-style-position: inside;
	padding-left:20px;
}
.txtstatr2 {padding-left:10px;color: red;font-size:80%;font-style: italic;}
.txtstatr22 {padding-left:10px;}