/* CSS Document */



/*body{
background-color: #004554;
margin:0px;
padding:0px;}









#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-color:#00FF00;
clear:both;
height:222px;

width:100%;
background:url(../images/footerback.jpg) repeat-x top;
}

.footerreel {
clear:both;
height:80px;
margin-left:auto;
margin-right:auto;
text-align:left;
width:1161px;
background-color:#999999;
}


.corps{
clear:both;
margin-left:auto;
margin-right:auto;
margin-top:0px;

height:972px;
text-align:left;
width:1161px;
background-color:#FF0000;}



#hautt {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-color:#013645;
clear:both;
height:130px;
width:100%;
margin-top:0px;
}

.hautl {
clear:both;
height:130px;
margin-left:auto;
margin-right:auto;
text-align:left;
width:1161px;
background-color:#999999;
margin-top:0px;
}

.hautlogo{
float:left;
height:100%;
width:783px;
background-color:#FFFFAA;
background: url(../images/TEMPLATE_03.jpg) left center;}


.hautnewsletter{
float:right;
width:378px;
height:67px;
background-color:#33FF66;
background: url(../images/TEMPLATE_04.jpg) left center;
}


.hautesapepro{
float:right;
width:378px;
height:62px;
background-color:#990033;
background: url(../images/TEMPLATE_06.jpg) left center;}


*/
/*
.partiegauche{
float:left;
width:245px;
background-color: #1789A6;
height:100%;

}
.partiedroite{
float:left;
}

.banniere{
width:916px;
height:405px;
background-color:#99FF00;
background:url(../images/banniere.jpg) top left;}


.historique{

width:916px;
height:50px;
background-color:#99FFFF;}


.msgaccueil{
width:916px;
height:100px;
background-color:#99BBFF;}

.les4modules{

width:916px;
height:226px;
}
*/
/*
.module1{
float:left;
width:229px;
height:246px;
background-color:#0ABBFF;}

.module2{
float:left;
width:229px;
height:246px;
background-color:#0AB0FF;}

.module3{
float:left;
width:229px;
height:246px;
background-color:#0AFBFF;}

.module4{
float:left;
width:229px;
height:246px;
background-color:#0AAAFF;}



.destinations{
float:left;
width:916px;
_width:913px;
height:191px;
background-color:#FFBB00;}


.footerborderr{float:left;
width:100%;
height:7px;
background-color:#000009;
background:url(../images/footermilieuxback.jpg) top left;}




.footerliens{
float:left;
width:100%;
height:33px;
background-color:#003399;}


.footerprincipale{
float:left;
height:156px;
width:100%;
background-color:#660066;}


.logobas{
float:left;
height:156px;
width:234px;
background-color:#000066;
background: url(../images/logobas.jpg) left center;}
.parag1bas{
float:left;
height:156px;
width:224px;
background-color:#0AEEAA;}
.parag2bas{
float:left;
height:156px;
width:221px;
background-color:#BB00CC;}
.parag3bas{float:left;
height:156px;
width:227px;
background-color:#00AABB;}
.parag4bas{
float:left;
height:156px;
width:255px;
background-color:#0000AA;}


.footerliensbas{
float:left;
width:100%;
height:33px;
background-color:#FFAAFF;}


.suiteimg{
height:118px;
width:100%;
background:url(../images/suitebann.jpg) right top;}

.menuV{
width:100%;
height:245px;
width:100%;
background-color:#000000;}


.croisiere{
float:left;
width:100%;
height:50px;
background-color:#6AA600;}



.recherche{
float:left;
width:100%;
height:50px;
background-color:#666600;}

.actualite{
float:left;
width:100%;
height:50px;
background-color:#666AA0;}

.contact{
float:left;
width:100%;
height:50px;
background-color:#66AA00;}

.facebook{
float:left;
width:100%;
height:;
background-color:#6AA600;}


tuitter{
float:left;
width:100%;
height:50px;
background-color:#6666AA;}*/

/* dubut Menu Vertical*/

	.navmenu {width: 245px;}
	
	/* fond blanc pour le menu */ 
	.navmenu a {color:#ffffff !important;}
	.navmenu ul {padding: 0; width: 245px; margin:0px; background:#00708d;}
	
	.navmenu ul.niveau2  {
		padding: 0; 
		width: 335px; 
		margin:0px; 
		background:#1789a6;}
	
	/* fond different au survol de la souris pour les sous menu et les "basiques" c le menu avant decallage a gauche*/ 
/*	div#menu li:hover {
		margin-left:-5px;
		margin-right:20px;
		background:url(../img/all/bg_menu_hover.jpg);
		background-repeat:repeat-x;
		margin-left:-5px;
		border-left:solid 2px #002d37;
		border-right:solid 1px #a5a5a5;
	}*/
	
	
	
		div#menu li:hover {
		margin-left:-5px;
		margin-right:20px;
		background:url(../img/all/bg_menu_hover.jpg);
		background-repeat:repeat-x;
		margin-left:-2px;
		border-left:solid 2px #002d37;
		border-right:solid 1px #a5a5a5;
	}
	
	
	
	div#menu li:hover a {
		
		color:#00708d !important;
	}
	
	div#menu ul.niveau2 li a {
		
		color:#fff !important;
	}
		div#menu ul.niveau2 li a:hover {
		
		color:#00708d !important;
	}
	
	div#menu li a:hover {
		color:#00708d !important;
	}

	/*.navmenu li.sousmenu:hover {background:url(images/bghover.jpg);}*/
	
	/* Rajout d'une petite fleche pour les sous menu */ 
	/*.navmenu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}*/
	
	.navmenu ul li {
		position:relative; 
		list-style: none; 
		/*border-bottom:solid 1px #1faacd; */
		border-bottom:none;
		
	
		width:245px;
		height:37px;
		}
	

	.navmenu ul.niveau2 li {
		position:relative; 
		/*list-style: none; */
		border-bottom:solid 1px #1faacd; 
		width:343px;
		}
	.navmenu ul ul {position: absolute; top: -1px; left: 112px; display:none;}
	
	/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
	.navmenu li a {
		text-decoration: none; 
		padding: 8px 0 0px 8px; 
		display:block; 
		width:245px;
		height:29px;
		font-size:18px;
		font-family:Century Gothic;
		font-style:normal;    
		}
	
	.navmenu ul.niveau2 li a {
		text-decoration: none; 
		padding: 4px 0 4px 8px; 
		display:block; 
		width:335px; 
		background:#1789A6 none repeat scroll 0 0;
		}
	.navmenu ul.niveau2 li a:hover
	{
		background:url(../img/all/bg_menu_hover.jpg);
		background-repeat:repeat-x;
		color:#00708d;
	}
	
	
	
	.navmenu ul.niveau1 li.sousmenu:hover ul.niveau2, 
	.navmenu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; margin-left:136px; padding-top:1px; width:335px;}
	
	/* la bordure de chaque hauteur a une couleure de survol*/ 
	/*.navmenu li a:hover {
		margin-left:-5px;
		padding-left:15px;
	

		border-left:1px solid #002d37;
		border-right:1px solid #a5a5a5;
		}*/
		
	/*div#menu ul ul li a:hover {border-left-color: #00FF00;}
	div#menu ul ul ul li a:hover {border-left-color: #0000FF;}*/

 /*fin menu vertical*/