/* CSS Document */

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

h2{
	display:block;
	background: #996600;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-right:0px;
	margin-top:0px;
	padding:3px 0px 3px 3px;
	width:494px;
	float:left;
}
h3{
	font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #999900;
	display:block;
	border-bottom:1px solid #333333;
	margin:0px 5px 0px 0px;
	
	
}
h4{
	display:block;
	background:#996600;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-indent:3px;
	padding:0px;
	width:200px;
	float:left;
	margin-top:0px;
	text-align:right;
}
h5{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	text-align:right;
	margin:8px 3px 5px 3px ;
	padding-right:5px;
}
/* teteau */
.logo{
	width:432px;
	padding-top:20px;
}

/* menu de navigation en haut */
#nav-menu {
	float:left;
	width:98%;
	margin-top:37px !important;
	margin-top:40px;
	font-size:93%;
	line-height:normal;
	margin-left:1px;
}
#nav-menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav-menu li {
	float:left;
	background:url(../images/general/norm_right.gif) no-repeat right top;
	margin:0;
	padding:0;
}

#nav-menu a {
	display:block;
	background:url(../images/general/norm_left.gif) no-repeat left top;
	padding:2px 15px;}

/* bloc centre */
.centre{
	width:912px;
	margin:auto;
	padding:auto;
	background:#EBE1C5 url(../images/compagnie/orient-express/back-menu.jpg) repeat-y left ;

}

/* partie gauche */
.left-col{
width:186px;
float:left;
padding-top:10px;

}
#dates ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:40px;
}
#dates li{
	margin-left:10px;
	margin-bottom:5px;
	line-height:10px;
}
#dates li a{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#dates li a:hover{
	text-decoration:underline;
}
/* votre recherche par date de départ 
#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;
}
.left-col p img{
	margin-top:10px;
}*/

/* partie centrale */
.centre-col{
	width:726px;
	float:left;
	background: #ffffff;

}
.centre-col1{
	float:left;
}

.centre-col2{
	width:222px;
	float:left;
	padding-top:22px;
}
#intro{
	display:block;
	float:left;
	clear:left;
}

/* contient la navigation (pathway) */
#flags{
	display:block;
	padding:5px 0px 0px 3px;
}


.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;
	width:245px;
}

.div-onglet a{
	display:block;
	float:right;
	margin-right:6px;
	margin-top:10px;
	text-decoration:none;
}
.onglet-content{
	border:1px solid #ccc;
	width:480px;
}
.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;
}


/* description et images (conteneur des coups de coeur)*/

#pays{
	margin-left:10px;
	padding-bottom:6px;
}

/* image dans le bloc pays */
#pays img {
	margin-left:0px;
	margin-top:5px;
	float:left;
}

/* le paragraphe p avec comme identifiant logo dans le bloc pays */
#pays p#logo{
	float:right;
	margin-right:11px;
}

/* paragraphe p avec comme id=price dans le bloc p */
#pays p#price{
	width:95px;
	float:right;
	margin:10px 22px 0px 0px;
	display:inline;
	clear:right;
}


/* le train, le circuit, date  */
#pays ul{
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:335px;
}
#pays ul#texte-libre{
	width:110px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#999966;
	background: #E1E1E1;
	border:1px solid #666666;
	margin-top:10px;
}
#pays li{
	margin-top:3px;
	margin-left:5px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
}
#pays li span{
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #996600;
	text-decoration:underline;
}
#pays li span.champagne{color:#996600; text-decoration:none;}
#ligne{
	background:#333333;
	font-size:2px;
	height:2px;
	margin:0px 10px 20px 10px;
	color:#333333;
}
#tableau{
	display:block;
	margin-top:30px;
	margin-right:3px;
	margin-bottom:10px;
}
#tableau table{
	width:100%;
	border:none;
}
#mois{
	background: url(../images/general/table-back.jpg);
	width:99%;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	}
#mois a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:underline;
}
#mois a:hover{
	text-decoration:none;
}
#mois td{
	height:20px;
}
/* =================== // le footer // ====================== */
.footer{
	padding-top:10px;
	width:912px;
	margin:auto;
	padding:auto;
	background: #EBE1C5;
	text-align:center;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom:5px;
	border-top:2px solid #ffffff;;
}

.footer a{color:#000000;}
.footer a:hover{
	text-decoration:underline;
}
.footer p{
	margin:5px 0px 5px 0px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	text-align:center;
}
.footer p a{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

/* la promotion ou texte libre */
/*ul#promo {
	margin:0;
	padding:0;
	border-bottom:1px solid #000000;
	width:695px;
	margin:0px 0px 6px 10px;min-height:1px;
}
#promo li{
	margin:0px 0px 5px 0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #996600;
	list-style-type:none;
	background: #E9E8D8;
}
#promo li table td.titre{
	background: #B7A08A;
	color:#ffffff;
	text-align: center;
}
#promo li table td.promos{
	background:#CDBAAB;text-align: center;
}
#promo li span.ancien-prix{
	text-decoration:line-through;
}
#promo li span.nouveau-prix{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#promo li a{
	color:#ffffff;
	text-decoration:underline;
}*/
/* la promotion ou texte libre */
#pays ul#texte-libre{
	width:110px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#999966;
	background: #E1E1E1;
	border:1px solid #666666;
	margin-top:10px;
}

ul#promo {
	margin:0;
	padding:0;
	width:695px;
	margin:0px 0px 6px 5px;min-height:1px;
}
#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:#999999;
	color: #ffffff;
	text-align: center;
	height:16px;
	font:bold 13px Arial, Helvetica, sans-serif;
}
#promo table td.promos{
	background:#CDCDCD;text-align: center;
}
#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;}
/* fin promo et texte libre */
#flags2 {
	display:block;
	margin:10px 0px 0px 0px;
	background: #996600;
	width:98%;
}