body {
	font-family: Trebuchet MS, Verdana, Arial; 
	font-size:13px;
	color: #333;
	margin:0;
	padding:0;
	behavior: url(csshover.htc);
	background-image:url(elements/fond.gif); background-repeat:repeat-x
}
#banniere{position: absolute; top:250px; left:87%}
#conteneur { 
	width: 892px;
	margin: 0 auto; 
}

#header {
width:100%;
}

#contenu { background-image:url(elements/fondpage.gif); background-repeat:repeat-y;

	padding:0px 40px 0px 20px; 
	height:auto;
	width:832px;
	float:left; clear:both;  
}
#centre{ 
	padding:20px;
	width:600px
}
.pola{ padding-top:4px; z-index:100}
.entete{ float:left; padding-left:15px}

/*-------------------------------------------------------------pied------------------------------------------------------------------------*/

#pied{ padding-top:7px; 
	background-color: #761717; 
	clear:both;
    height:28px;
	font-size:12px;
	color:#FFF;
}
.pied a {color:#FFFFFF; text-decoration:none }
.pied a:hover { color:#FFFFFF; text-decoration: underline }

/*-------------------------------------------------------div droite---------------------------------------------------------------------------*/

#droite { z-index:100; padding-top:50px;
	float:right;
	width: 179px;
	font-family:Trebuchet MS, Verdana, Arial; color:#BF0000;
	font-size:12px; 
}

.cont_rub{ padding:10px 0px 10px 10px; background-color:#F7F7E7; }
.cont_rub a { color:#BF0000; text-decoration: none}
.cont_rub a:hover  { color:#BF0000; text-decoration: non}
	
.rubriques{background-image:url(elements/rub.gif);
	width:170px; 
	padding:5px 0px 0px 10px;
	height:20px;
	background-color:#FFBF00; 
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px; font-weight:bold;display:block;}
	
	.rubriques2{background-image:url(elements/rub2.gif);
	width:170px; 
	padding:5px 0px 0px 10px;
	height:20px;
	background-color:#8F0000; 
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px; font-weight:bold;display:block;}

#sousmenu{ background-color:#F7F7E7; width:auto; height:15px; font-size:11px; font-weight:bold; padding:4px 10px 4px 45px}
#sousmenu a{color:#BF0000; text-decoration:none}
#sousmenu a:hover{color:#BF0000; text-decoration:underline}
/*----------------------------------------------------------page accueil---------------------------------------------------------------------*/
#page {	
	padding:20px 0px 20px 15px; 
	float:left; 
	background-color:#FFFFFF; 
	width:620px}

#page2 {	
	padding:0px 0px 20px 10px; 
	background-color:#FFFFFF; 
	}
	
#accueil {	
	padding:20px 0px 20px 20px; 
	float:left; 
	background-color:#FFFFFF; 
	width:620px}
	
	#accueil2 {	
	padding-left:20px; 
	float:left; 
	background-color:#FFFFFF; 
	width:620px}


.titre { color:#990000; font-size:19px; padding-left:5px}
#nos_sites{ padding:10px 0px 0px 0px; color:#666666; height:160px;}
.nos_sites{color:#8F0000; font-size:21px;}

#nos_sites a {color:#8F0000; text-decoration:none}
#nos_sites a:hover {color:#8F0000; text-decoration: underline}


#types  {padding:20px 0px 0px 0px; }
.types { 
	width:87px;  
	margin:0px 15px 15px 0px;
	background-color:#F7F7E7; 
	float:left; 
	color:#BF0000; 
	border-top: 1px solid #EED9D9;
	padding:10px}

#moteur { 	
	padding:10px 0px 0px 20px; 
	float:left; 
	width:300px;  
	height:230px; 
	background-color:#F7F7E7; 
	border-top: 1px solid #EED9D9;}
	
#partenaires { 
	margin-top:15px; 
	float:left; 
	width:300px; 
	background-color:#F7F7E7; 
	border-top: 1px solid #EED9D9; 
	padding:10px 0px 0px 20px; }
	
#promos { 
	margin:0px 15px 0px 0px; 
	padding:10px 0px 0px 20px; 
	float:left; width:248px; 
	background-color:#F7F7E7; /*#F5F5ED;*/
	border-top: 1px solid #EED9D9;}
	
#bienvenue{ 
	background-color:#F7F7E7; 
	width:220px; height:15px; 
	font-size:11px; font-weight:bold; 
	color:#BF0000; 
	padding:4px 10px 4px 20px}


.url{background-image:url(elements/trait.gif); background-repeat:repeat-y; padding-left:15px; margin-top:10px}
#sites{ float:left;width:188px; height:160px; margin-right:22px;  }
#sites2{ float:left; width:188px; height:160px;}
.img { padding-top:10px}
.prix{ font-weight:bold; color:#990000; font-size:17px;}
.indic{ font-size:10px}

.destinations a{ color:#FFBF00; font-weight:bold; }
.destinations a:hover{ color:#FFBF00; text-decoration:none; font-weight:bold;}
#offres {margin-top:15px; float:left; width:300px;}

/*--------------------------------------------------------------menu-------------------------------------------------------------------------*/
div#menu { top:0px;
	height:26px; 	
	padding:  0px 0px 0px 56px; 
	} 
	
div#menu a {
	color:#ffffff; 
	font-family: Trebuchet MS, Verdana, Arial; 
	font-variant:small-caps; color:#FFFFFF; 
	text-decoration:none; 
	font-size:10px; 
	} 
	
	div#menu a:active {
	color:#000; 
	} 
	
div#menu ul {
	padding: 0; 
	margin:0px; 
	background-color: #FFBF00; position:relative;
	} 
div#menu li:active {background-color: #000}
div#menu li:hover {background-color: #FFBF00}
div#menu ul.niveau2 :hover{background-color: #FFBF00; text-decoration:underline}  
div#menu li.niveau2 :hover{background-color: #FFA100; text-decoration:underline} 

/* float left pour les li afin d'aligner le menu et plus de bordures*/ 
div#menu ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left;} 

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/ 
div#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:170px; float:left; clear:both} 

/* plus de bordure et taille remise a 100px*/ 
div#menu li a {text-decoration: none; padding: 6px 12px 5px 12px ; display:block; /*border-left: 8px solid #BBB; */} 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} 
.soustitre2{ padding-right:40px}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/


.coordonnees{ background-color:#F3E6D6; width:550px; padding:20px}									
.votrevoyage{ background-color:#F7F7E7; width:550px; padding:20px}	 
LABEL { DISPLAY: inline ; FLOAT: left ; WIDTH: 150px; margin-left: 25px; font-family: "Trebuchet MS", Verdana, Arial; font-weight:bold; font-size: 12px; color:#333333}
.INPUT { background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; margin-left: 20px}

#cache {	
	position:absolute;
	left:50%;
	top:50%;
 	z-index:100; 
	visibility:hidden; 
	width:400px; 
	height:200px; 
	background-color:#FFFFFF;
	margin-left:-200px; /* Cette valeur doit être la moitié négative de la valeur du width */
	margin-top:-100px; /* Cette valeur doit être la moitié négative de la valeur du height */

}

#note{ font-size:9px; text-align:justify; margin:15px; float:left;}