/* CSS Document */

/* pour les titres */
h1{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
	float:left;
	margin:0px 0px 4px 8px;
}

h2{
	display:block;
	background:url(../images/general/h2.gif);
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-indent:3px;
	margin-right:1px;

}
h3{
	background:#cc6600;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:10px;
	margin-top:15px;
	padding:3px;
}

/* teteau */
.logo{
	width:432px;
	padding-top:46px;
}

/* menu de navigation sur le teteau !important est seulement pour firefox */
#nav-menu {
	float:left;
	width:98%;
	margin-top:37px !important;
	margin-top:40px;
	font-size:93%;
	line-height:normal;
	margin-left:1px;
}

/* background de la partie gauche et son conteneur */
.left-col{
width:186px;
float:left;
background:#000000;
}

/* liste des mois sur la partie gauche */
#dates ul{
	margin:0;
	padding:0;
	list-style:none;
}
#dates li{
	margin-left:40px;
	margin-bottom:0px;
}
#dates li a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#dates li a:hover{
	text-decoration:underline;
	color:#ccc;
}
.left-col p img{
	margin-top:10px;
	}

/* la partie centrale */
.centre-col1{
	width:715px;
	float:left;
	padding-left:5px;
	background:#ffffff;
	}
#intro{
	display:block;
	float:left;
	clear:left;
	}

/* pour les onglets de fonds noir des blocs centrale (ex :description, details du voyage...) */
.div-onglet p{
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#000;
	margin-top:10px;
	padding:0px 3px 0px 3px;
	float:left;
	margin-left:20px;
	margin-right:15px;
	display:inline;
}
.div-onglet{
	padding-bottom:10px;
}
.div-onglet p#carte{
	background:none;
	margin-left:10px;
	float:left;
}
.div-onglet p#description{
	background:none;
	margin-left:0px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	width:300px;
	margin-right:10px;
	float:right;
}
.div-onglet a{
	display:block;
	float:left;
	margin-right:8px;
	margin-top:10px;
	text-decoration:none;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:underline;
}
.obligatoire{
	width:670px;
	margin-left:20px;
	text-align:center;
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(../images/general/deco-bottom.gif) no-repeat center bottom;
	height:120px;
	margin-top:20px;
}
.onglet-content{
	border:1px solid #000;
	width:670px;
	margin-left:20px;
	padding-bottom:10px;
}
.onglet-content div ul{
	float:left;
	width:238px;
	list-style:none;
	margin-top:10px;
}
.onglet-content div li{
display:block;
margin-bottom:10px;
width:235px;

float:left;

}
.onglet-content div li img{
	float:left;
}
.onglet-content div li a{
	display:block;
	float:left;
	font:normal 9px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#999999;
	margin-left:2px;
}
.onglet-content div li a:hover{
	margin-left:2px;
	font:normal 9px Arial, Helvetica, sans-serif;
	text-decoration: underline overline;
	color:#999933;
}

/* miniatures gallerie */

#grd-img{
	float:left;
	width:226px;
	background:none;
	margin-left:10px;
}
#mini-img{
	float:right;
	background:none;
	margin-left:0px;
	width:255px;
	margin-top:5px;
}
#mini-img img{margin-right:5px;}
#mini-img a{
	width:72px;
	margin-left:3px;
	height:48px;
	margin-right:0px;
	margin-top:5px;
	display:inline;
}




/* liste pays */

#pays{
	margin-top:10px;
}
#pays img{
float:left;
margin-top:5px;
}
#pays p#desc{
float:right;
font:normal 11px Arial, Helvetica, sans-serif;
color:#000000;
width:130px;
}
#prix_0{
	text-align:right;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #996600;
	display:block;
	margin-top:5px;
	padding-right:5px;

}
#voir-offre{
	text-align:right;
	display:block;
	margin-top:5px;
	font-size:9px;
	padding-right:5px; 
		margin-bottom:5px;
}
#voir-offre a{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#996600;
}
.centre-col2{
	width:226px;
	float:right;
	padding-top:22px;
}
.centre{
	width:912px;
	margin:auto;
	padding:auto;
	background:#ffffff url(../images/back-menu1.gif) repeat-y left;
}
#contenu-texte{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}
#compartiment{
	margin-left:0px;
	padding:3px;
	width:350px;
	clear:left;	margin-bottom:1px;
	border-bottom:1px dotted #CCCCCC; 
	}

#compartiment p.prix{
	float:right;
	background:none;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#ff6600;
	margin-top:0px;
	margin-right:0px;

}
p#compartiment-titre{
	background:#B99B6F;
	margin:0;
	padding:0;
	width:360px;
	margin-top:6px;
	padding:3px 0px 3px 5px; 
}
#compartiment p#compart-text{
	float:left;
	background:none;
	margin-top:0px;
	margin-left:0px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
p#brochure-titre {
	display:block;
	width:356px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #666666;
	padding:3px 0px 3px 5px;
	margin:0;
	background:transparent url(../images/back-compart.jpg);
	
}
#brochure{
	margin-left:0px;
	padding:0px;
	width:355px;
	clear:left;	margin:10px 0px 10px 0px;
	border-bottom:1px dotted #CCCCCC;
	}

#brochure p.prix{
	float:right;
	background:none;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#ff6600;
	margin-top:0px;
	margin-right:0px;

}
#brochure p#compart-text{
	float:left;
	background:none;
	margin-top:0px;
	margin-left:0px;
	text-indent:5px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;

}

/* convertisseur monnaie */

#convert{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:right;
	text-decoration:none;
	float:right;
	display:block;
	background:none;
	margin-top:0px;
	margin-right:0px;
}
#convert img, #convert-intro img{
	margin:0px 0px 0px 8px;
}
.centre-col{
width:726px;
float:left;
background:#ffffff;
}
#convert-intro{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:right;
	text-decoration:none;
	float:right;
	display:block;
	width:200px;
	background:none;
	margin-top:10px;
	margin-right:38px!important;
	margin-right:27px;
}
/* le bouton devis gratuit */

.devis-gratuit a:link,.devis-gratuit a:hover,.devis-gratuit a:active,.devis-gratuit a:visited{
	width:90px;
	padding:0px;
	position:absolute;
	top:0px;
	left:500px;
/*	margin-right:43px !important;
*/	margin-right:0px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	/*float:right;
	clear:right;*/
	margin-top:0px;
	text-decoration:none;
	background:#333333;
}

.devis-gratuit-haut a:link,.devis-gratuit-haut a:hover,.devis-gratuit-haut a:active,.devis-gratuit-haut a:visited{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	top:296px !important;
	top:296px;
	position:absolute;
}
.devis-gratuit-haut a:link,.devis-gratuit-haut a:hover,.devis-gratuit-haut a:active,.devis-gratuit-haut a:visited{
	border:1px solid #666666;
	left:695px !important;
	left:680px;
}
/* images et bloc conseillers */

.conseillers{
	margin-top:10px;
	position:relative;
}
#mini-flags ul{
	margin:0px;
	padding:0px;
	float:left;
	width:136px;
}
.agents{
	width:80px;height:59px;margin-left:10px;float:left;
	font:bold 12px Arial, Helvetica, sans-serif;border:1px solid #FFFFFF;}
.agents span{text-align:center; display:block;}
.agents-img{margin-bottom:20px!important;margin-bottom:5px;float:none; margin-left:130px;}
.spacer{clear:both;}
div.img-phone{padding-top:5px !important; padding-top:0px;}
/* les drapeaux dans le bloc conseillers */
#mini-flags li{
	width:135px;
	clear:both;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#009933;
	text-align:10px;
}
#mini-flags{
	width:278px;
	margin:auto;
	padding:auto;
	margin-top:10px;
	margin-bottom:0px;

}
#mini-flags li span{
	margin-left:18px;
	}
	
/* bloc formulaire */
/* le bloc arrondis qui contient le formulaire */
#form-haut,#form-centre,#form-bas{
	width:476px;
	margin:auto;
	padding:auto;
	border:1px solid #999999;
}

#form-haut{
	height:16px;
	font-size:5px;
	/*background:url(../images/form-haut.jpg) no-repeat;*/
	background:#666666;
	display:none;
}
#form-bas{
	height:16px;
	/*background: url(../images/form-bas.jpg) no-repeat;*/
	background:#666666;
	display:none;
}
#form-centre{
	/*background:url(../images/form-centre.jpg) repeat-y;*/
	background: #E2E2E2;
}

/* debut de formattage des champs */
form.css fieldset
  {
  padding: 0.5em 1em 1em 1em ;
  border:none;
  }
#boxes table label{font:bold 11px Arial, Helvetica, sans-serif;color:#666666;}
  #boxes table input{width:11px;margin-right:0px;margin-left:5px;}
/* les noms de champs (nom, prenom...) */
 form.css label
  {
  display: inline;
  float: left;
  width: 240px;
  text-align:left;
  font:bold 13px Arial, Helvetica, sans-serif;
  color:#666666;
  margin-bottom:5px;
  border-right:1px dotted  #B9B9B9;
  border-bottom:1px dotted #B9B9B9;
	height:25px;
	background: url(../images/puce-label.gif) no-repeat left;
	line-height:23px;
	text-indent:10px;
  }
 /* le form */
  form {
	margin: 0;
	padding: 0 10px 10px 10px;
	font-family:"Trebuchet MS", Helvetica, Verdana;	
	font-size: small;
}

/* les champs */
form.css input{width:180px;   margin-bottom:5px;float:right;height:20px; padding-top:3px; }
form.css select.form-input{ width:50px;float:left;margin-left:6px;}
form.css select{ width:184px;float:right; }
form.css textarea{ height:60px;width:180px;margin-top:0px !important; margin-top:0px; float:right;}
fieldset#boxes{
	width:200px;
	border:1px solid #000000;
}

form.css fieldset#boxes label{
	width:60px;

}
#boxes label{
 width:320px;
 display:block;
 float:left;
border:none;
background:none;
line-height:15px;
}
#boxes input{
 width:10px;
 height:18px;
 float:left;
 margin-right:6px;
}
#boxes{width:455px;float:left;}
 
/* bouton valider */
#valider {
 background:#E0DACD;
 border-top:1px solid #999999;
 margin:auto;
 padding:auto;
}
#valider .btn-go{width:82px;height:27px; line-height:10px;margin-top:3px;cursor:pointer;margin-left:200px;float:left;padding:0px;background:url(../images/valider.gif) no-repeat;border:none;color:#ffffff;font-weight:bold;}
/*.input-radio{background:#000000;float:left;text-align:left;font:11px Arial, Helvetica, sans-serif;color:#000000;margin-bottom:8px;}*/
.input-radio{width:178px;float:left;text-align:left;font:11px Arial, Helvetica, sans-serif;color:#000000;margin-bottom:0px;margin-left:5px;}

/*.input-radio div.input1{ float:left;width:150px;}
.input-radio div.input2{ float:right;width:220px;}
.input-radio div.input1{ float:left;}
.input-radio div.input2{ float:left;}
.input-radio div.input1 input{ float:left;width:20px;height:15px;}*/
.input-radio div.input1 input{float:left;width:16px;height:15px;}
/* intro en haut */
.input-radio div.input2 input{float:left;width:16px;height:15px;clear:left;}
.input-radio div.input2,.input-radio div.input1{display:block;}
.input-radio div.input2 label, .input-radio div.input1 label{
	width:130px;
	height:15px;
	border:none;
	display:block;
	background:none;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-indent:5px;
	}
 
.titre-form{
font:normal 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-bottom:10px;
	background:url(../images/fiche-titre.gif) repeat-x;
	padding:3px
}
.titre-form span{
 text-decoration:underline;
}


/* intro en haut */
#flags{
	margin-left:20px;
	width:670px;;
}
#flags div#intro{
	border:1px solid #000000;
	width:660px;
	margin-top:10px;
	padding:5px 0px 5px 5px;
}
div#intro-txt{
	width:400px;
	float:left;
}
div#intro-txt ul{width:344px;}
div#intro-txt img{
	float:left;
	margin-top:0px;
}

#intro ul{
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	float:left;
	margin-left:0px !important;
	margin-left:0px;
}
#duree-prix ul{margin-left:0;width:250px;}
#intro li{
	margin-top:3px;
	margin-left:5px !important;
	margin-left:0px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
}
#intro li span.prix-rouge{font:bold 14px Arial, Helvetica, sans-serif;
	color: #993300; text-decoration:none;}
#intro li span{
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #996600;
	text-decoration:underline;
}
#duree-prix{
	float:right;
	margin-right:0px;
	width:250px !important;
	width:250px;
}
#res-rech{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#996600;
	text-align:center;
}
#res-rech img{
	margin-bottom:5px;
	border-bottom:1px solid #333333;
	padding-bottom:5px;
}
.champagne{color:#996600;font:bold 12px Arial, Helvetica, sans-serif;padding-left:10px;padding-top:10px;float:left;clear:both;width:400px;}
/* =================== // le footer // ====================== */
.footer{
	padding-top:10px;
	width:912px;
	margin:auto;
	padding:auto;
	background:#000000;
	text-align:center;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-bottom:5px;
	clear:both;
}

.footer a{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}
.footer p{
	margin:5px 0px 5px 0px;
	background:url(../images/general/footer-p.gif);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}
.footer p a{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}

/* la promotion ou texte libre */
ul#promo {
	margin:0;
	padding:0;
	width:400px!important;
	width:355px;
	margin:8px 0px 6px 5px;min-height:1px;
}

ul#promo table{width:100%;}
#promo li{
	margin:0px 0px 5px 0px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #996600;
	width:355px;
	padding-left:5px;
	list-style-type:none;
	background: #E9E8D8;
	border-bottom:1px solid #000000;
}
#promo table td.titre{
	/*background: url(../images/back-titre.jpg) repeat-x;*/
	background: #D9D8C4;

	color: #000000;
	text-align: center;
	height:16px;
	font:bold 13px Arial, Helvetica, sans-serif;
}
#promo table td.promos{
	background:#ffffff;text-align: center;
	border-bottom:1px dotted #DEDDC7;
}
#promo table span.ancien-prix{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:line-through;
}
#promo table span.nouveau-prix{
	font:bold 13px Arial, Helvetica, sans-serif;
	color: #996600;
}
#promo table td a{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#promo li a{
	color:#ffffff;
	text-decoration:underline;
}
.promos{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	}
/* fin promo et texte libre */
.promos img{background:none;border:none;margin-top:2px;}
div#contenu-texte div.text-normal-noir{position:relative;}