html, body {
height:100%;
}
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
position: relative;
width: 750px;
margin: 0 auto; 
height: 150px;
background:url(interface/header.png) right bottom no-repeat;
}
h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}
#conteneur {
position: relative;
width: 750px;
margin: 0 auto; 
padding-bottom:20px;
background:url(interface/contenu4.png) left top no-repeat;
}
#content {
position: relative;
width: 750px;
margin: 0 auto; 
padding-bottom:20px;
min-height:100%;
height:425px;
background:url(interface/contenu4.png) left top no-repeat;
}
#conteneur1 {
position: relative;
width: 750px;
margin: 0 auto; 
}
#conteneur2{
position:absolute;
margin-left:150px;
width:750px;
height:425px;
background:url(interface/contenu3.png) right bottom no-repeat;
}
#conteneur3 {
position: relative;
width: 750px;
margin: 0 auto; 
padding-bottom:20px;
background:url(interface/contenu5.png) right bottom no-repeat;
}
#centre {
/*background:url(interface/contenu2.png) right bottom no-repeat;*/
margin-left: 150px;
margin-right: 150px;
height:425px;
overflow:auto;
}
#centre h2{
padding-top:10px;
padding-left:20px;
text-decoration:underline;
color:#00b4c5;
font-size:14px;
}
#centre h3{
padding-top:10px;
padding-left:20px;
color:#01444A;
font-size:12px;
}
#centre h4{
padding-top:10px;
padding-left:20px;
color:#30787E;
font-size:12px;
}
#centre p{
color:#797575;
font-size:12px;
padding-left:5px;
padding-top:5px;
}
#centre span{
color:red;
font-size:12px;
font-weight:bold;
}
#centre img{
margin-top: 5px;
margin-left: 8px;
 }
#centre1 {
background:url(interface/contenu.png) right top no-repeat;
margin-left: 150px;
margin-right: 150px;
padding-left:10px;
height:425px;
overflow:auto;
}
#centre1 img{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#centre1 p{
color:#797575;
font-size:12px;
padding-left:5px;
padding-top:5px;
}
#centre1 h2{
padding-top:10px;
padding-left:20px;
text-decoration:underline;
color:#00b4c5;
font-size:14px;
text-align:center;
}
#centre1 span{
color:black;
font-size:16px;
font-weight:bold;
}
#centre1 li{
color:red;
font-size:12px;
font-weight:bold;
padding-right:10px;
}
#gauche {
position: absolute;
left:0;
/*width: 150px;
height:450px;*/
}
#droite {
/*background:url(interface/droite2.png) right bottom no-repeat;*/

position: absolute;
right:0;
width: 150px;
height:425px;
}
#droite li{
padding-top:3px;
width:105px;
height:75px;
margin-right:5px;
padding-right:5px;
}
#droite-n {
background:url(interface/droite1.png) right top no-repeat;
position: absolute;
right:0;
width: 150px;
height:425px;
}
#droite-n ul{
margin-top:15px;
}
#droite-n li{
width:15px;
height:85px;
margin-right:5px;
padding-right:5px;
}
#droite1 {
background:url(interface/droite1.png) right top no-repeat;
position: absolute;
right:0;
width: 150px;
height:425px;
}
#droite1 li{
padding-top:2px;
width:105px;
height:75px;
margin-right:5px;
padding-right:5px;
}
#pied {
position: relative;
margin: 0 auto; 
/*clear:left;
left:121px;
z-index:100;
position:absolute;
top:575px;*/
z-index:100;
height: 21px;
width:750px;
background:url(interface/footer.png) left top no-repeat;
color:white;

}
#pied p{
margin-left: 140px;
}
#pied a{
color:white;
text-decoration:none;
}
#pied a:hover{
color:yellow;
text-decoration:underline;
}
#pied1 {
clear:left;
left:122px;
z-index:100;
position:absolute;
top:575px;
height: 21px;
width:750px;
background:url(interface/footer.png) left top no-repeat;
color:white;

}
#pied1 p{
margin-left: 140px;
}
#pied1 a{
color:white;
text-decoration:none;
}
#pied1 a:hover{
color:yellow;
text-decoration:underline;
}
#adresse{
background:url(interface/palmier.gif) left top no-repeat;
}
#plan p{
text-align:center;
}
#plan img{
border:0;
}
#parrainage{
text-align:center;
height:400px;
}
#parrainage object{
padding-left:100px;
}
#menu {
width:150px; margin-left:20px;
}
#menugauche {
margin:0;
margin-top: 10px;
padding:0;
}
#menugauche h2{
color:#00b4c5;
font-weight:bold;
font-size:12px;
}
#menugauche img {
border: 0;
margin-bottom: 5px;
padding-left:5px;
}
.menudroit1 p{
margin-top:10px;
}
.menudroit1 img{
border:none;
}
.menudroit1 p{
margin-bottom:5px;
}
.menudroit {
list-style-type: none;
margin: 0;
margin-top:20px;
padding-left:12px;
}
.menudroit li {
margin-bottom: 0;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
.menudroit img{
border:0;
}
p {margin: 0 0 6px 0;}
#recherche p{
padding-left:10px;
} 
#recherche input{
padding-left:3px;
color:#03468a;
font-size:10px;
}
#recherche #inscription a{
padding-left:3px;
padding-top:0;
text-decoration:none;
}
#recherche a:hover{
text-decoration:underline;
}
#recherche h2{
text-decoration:underline;
color:#00b4c5;
font-size:11px;
}
#inscription{
margin-bottom:7px;
}
#inscription p{
padding-left:10px;
}
#inscription h2{
text-decoration:underline;
color:#00b4c5;
font-size:11px;
}
#equipe{
margin-left:5px;
margin-top:15px;
}
#equipe h2{
text-decoration:underline;
color:#00b4c5;
font-size:11px;
}
#equipe p{
color:#797575;
font-size:10px;
padding-top:10px;
padding-left:20px;
}
#equipe a{
color:blue;
font-size:11px;
text-decoration:none;
}
#equipe a:visited{
color:blue;
font-size:11px;
text-decoration:none;
}
#equipe a:hover{
text-decoration:underline;
}
#formu div.row {
  clear: both;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 1em;
	color: #585856;
  }

#formu div.row label{ 
  float: left;
  width: 25%;
  text-align: left;
  font-size: 1em;
	color: #585856;
  }
#formu div.row label1{ 
  float: left;
  width: 25%;
  text-align: left;
  font-size: 0.8em;
	color: #797d7d;
  }
#formu div.row span.formw{
  float: right;
  width: 60%;
  text-align: left;
  }
.txt_red{
color:red;
}
#cheque img{
margin-top: 20px;
margin-left: 50px;
 }
#cheque p{
text-align:center;
}
#cheque object{
padding-left:50px;
}
#mois p span{
background:url(interface/6%.gif) right bottom no-repeat; 
}
#mois img{
padding-left:70px;
}
#mois p{
text-align:center;
}
#infos img{
margin: 5px;
}
.aveccadre{
border: #038af0 2px solid;
}
#infos p{
padding-top:20px;
margin-left:20px;
text-align:left;
}
#infos a{
color:blue;
font-size:10px;
text-decoration:none;
}
#infos a:visited{
color:blue;
font-size:10px;
text-decoration:none;
}#infos a:hover{
text-decoration:underline;
}
#garantie2 {
margin: 3px;
margin-top:15px;
border: 1px solid gray;
padding:5px;
}#garantie2 p{
font-size:10px;
padding-left:10px;
text-align:center;
}
#garantie2 img{
padding-left:10px;
}

#garantie2 span{
padding-left:10px;
font-weight:bold;
color:black;
}
#prochain{
float:right;
padding-right:20px;
background:url(interface/prochain.gif) right bottom no-repeat; 
width:190px;
height:33px;
}
#prochain p{
color:white;
font-size:10px;
text-align:center;
}
#prochain a{
color:white;
font-size:11px;
text-decoration:none;
}
#prochain a:visited{
color:white;
font-size:11px;
text-decoration:none;
}
#prochain a:hover{
text-decoration:underline;
}
#suite{
margin-top:50px;
}
#suite p{
text-align:center;
color:#797575;
font-size:9px;
}
#suite span{
color:red;
font-size:9px;
}
#accueil{
margin-top:40px;
}
#accueil img{
border:0;
}
#accueil p{
font-size:16px;
text-align:center;
font-weight:bold;
}
#accueil .pblack{
color:black;
}
#accueil h3{
text-align:center;
}

#promo {
padding:5px;
width:400px;
margin-left:18px;
border: 1px solid #07d2c1;
}
#agence span{
padding-left:110px;
}
#agence p{
text-align:center;
}
#infos-destinations{
Padding-top:20px;
padding-left:10px;
padding-right:10px;
}
#infos-destinations p{
}
#destinations p{
padding-top:7px;
margin-left:10px;
text-align:left;
color:#01444A;
font-size:12px;
font-weight:bold;
}
#destinations span{
font-size:10px;
color:red;
}
#destinations img{
border: 0;
} 
#destinations a{
color:blue;
font-size:11px;
text-decoration:none;
}
#destinations a:visited{
color:blue;
font-size:11px;
text-decoration:none;
}
#destinations a:hover{
text-decoration:underline;
}
#slider{
  background-color:white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{
      width:430px; 
      height:60px;
			overflow:hidden;
			}	
		#slider{ 
			margin-left:5px;
			}	
			
	/* // slider */													

#dest{
  background-color:white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.destination p{
padding:5px 5px 10px 5px;
margin-left:10px;
text-align:left;
color:#6c050e;
font-size:13px;
font-weight:bold;
}
.destination span{
font-size:14px;
color:red;
padding-top:5px;
}
.destination img{
padding-left:5px;
border: 0;
} 
.destination a{
color:blue;
font-size:11px;
text-decoration:none;
}
.destination a:visited{
color:blue;
font-size:11px;
text-decoration:none;
}
.destination a:hover{
text-decoration:underline;
}
#destinations7 {
margin-top:-30px;
}
#destinations7 p{
padding:5px 5px 10px 5px;
margin-left:10px;
text-align:left;
color:#6c050e;
font-size:13px;
font-weight:bold;
}
#destinations7 span{
font-size:14px;
color:red;
padding-top:5px;
}
#destinations7 img{
padding-left:5px;
border: 0;
} 
#destinations7 a{
color:blue;
font-size:11px;
text-decoration:none;
}
#destinations7 a:visited{
color:blue;
font-size:11px;
text-decoration:none;
}
#destinations7 a:hover{
text-decoration:underline;
}
#destinations1 p{
padding:5px 5px 10px 5px;
margin-left:10px;
text-align:left;
color:#6c050e;
font-size:13px;
font-weight:bold;
}
#destinations1 span{
font-size:14px;
color:red;
padding-top:5px;
}
#destinations1 img{
padding-left:5px;
border: 0;
} 
#destinations1 a{
color:blue;
font-size:11px;
text-decoration:none;
}
#destinations1 a:visited{
color:blue;
font-size:11px;
text-decoration:none;
}
#destinations1 a:hover{
text-decoration:underline;
}
#destinations2 p{
padding-top:7px;
margin-left:10px;
text-align:left;
font-size:12px;
}
#destinations2 span{
font-size:14px;
color:red;
}
#destinations2 img{
border: 0;
} 
#destinations2 a{
color:blue;
font-size:10px;
text-decoration:none;
}
#destinations2 a:visited{
color:blue;
font-size:10px;
text-decoration:none;
}
#destinations2 a:hover{
text-decoration:underline;
}
#destination3 h2{
color:#00b4c5;
font-size:12px;
margin-left: 15px;
line-height: 13px;
}
#destinations3 p{
padding-top:7px;
margin-left:10px;
text-align:left;
font-size:10px;
}
#destinations3 span{
font-size:12px;
color:red;
}
.test{
font-size:14px;
color:blue;
font-weight:bold;
}
#destinations3 img{
border: 0;
} 
#destinations3 a{
color:blue;
font-size:10px;
text-decoration:none;
}
#destinations3 a:visited{
color:blue;
font-size:10px;
text-decoration:none;
}
#destinations3 a:hover{
text-decoration:underline;
}
#destination3 h2{
color:#00b4c5;
font-size:12px;
margin-left: 15px;
line-height: 13px;
}
.promos_gauche p{
padding-top:10px;
padding-left:20px;
text-decoration:underline;
color:#01444A;
font-size:12px;
left:160px;

/*width: 150px;
height:450px;*/
}
.promos_gauche span {
text-decoration:none;
right: 125px;
}
.promos1{
text-decoration:underline;
padding-top:10px;
padding-left:20px;
color:#01444A;
font-size:12px;
font-weight: bold;
left:160px;
}
#promos p{
width: 425px;
}
.promos2{
font-size:11px;
color:red;
}
#promos img{
border: 0;
} 
#promos a, a:visited {
color:blue;
font-size:11px;
text-decoration:none;
}
#promos a:hover{
text-decoration:underline;
}
#coeur{
margin-top:40px;
}
#coeur p{
padding-top:10px;
margin-left:15px;
text-align:left;
font-size:11px;
}
/*#coeur span{
font-size:10px;
color:red;
}
#coeur img{
border: 0;
}*/
#coeur a{
color:red;
font-size:11px;
text-decoration:none;
}
#coeur a:visited{
color:red;
font-size:10px;
text-decoration:none;
}
#coeur a:hover{
text-decoration:underline;
}
.liens{
color:white;
background:url(interface/prochain.gif) right bottom no-repeat; 
width:190px;
height:33px;
float:right;
/*text-align:center;*/
}
.liens a{
color:white;
font-size:11px;
text-decoration:none;
padding-left:20px;
}
.liens a:visited{
color:white;
font-size:11px;
text-decoration:none;
}
.liens a:hover{
text-decoration:underline;
}
.liens1{
color:white;
background:url(interface/prochain.gif) right bottom no-repeat; 
width:190px;
height:33px;
float:right;
/*text-align:center;*/
}
.liens1 a{
color:white;
font-size:11px;
text-decoration:none;
padding-left:4px;
}
.liens1 a:visited{
color:white;
font-size:11px;
text-decoration:none;
}
.liens1 a:hover{
text-decoration:underline;
}
.photos2{
  float : left;
  padding-top:3px;
  margin-right:10px;
}
.photos{
/*  float : left;*/
  padding-top:3px;
  margin-right:10px;
}
.texte{
padding-right:5px;
width:380px;
float:right;
}
.destinations1{
width:100%;
}
#coeur span{
height:30px;
width:104px;
background:url(interface/onglet_bleu.gif) right bottom no-repeat; 
}
#coeur span a{
color:white;
font-size:11px;
text-decoration:none;
}
#coeur span a:visited{
color:white;
font-size:11px;
text-decoration:none;
}
#coeur span a:hover{
text-decoration:underline;
}
.spacer{
clear: both;
}
.dynamic-tab-pane-control .tab-page {
	height:		200px;
}

.dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page {
	height:		100px;
}

.dynamic-tab-pane-control h2 {
	text-align:	center;
	width:		auto;
}

.dynamic-tab-pane-control h2 a {
	display:	inline;
	width:		auto;
}

.dynamic-tab-pane-control a:hover {
	background: transparent;
}
   #header2 {
     float:left;
     width:400px;
     /*background:#DAE0D2 url("bg.gif") repeat-x bottom;*/
     font-size:9px;
     line-height:normal;
     margin:2px;
     }
   #header2 ul {
     margin:0;
/*      padding:10px 10px 0;*/
     list-style:none;
     }
   #header2 li {
     display:inline;
     margin:0;
     padding:0;
     }
   #header2 a {
     float:left;
     font-size:9px;
     background:url("interface/left_both.gif") no-repeat left top;
     margin:0;
     padding:0 0 0 9px;
     border-bottom:1px solid #765;
     text-decoration:none;
     }
   #header2 a span {
     float:left;
     display:block;
     background:url("interface/right_both.gif") no-repeat right top;
     padding:5px 5px 4px 6px;
     font-weight:bold;
     color:#fff;
     }
   /* Commented Backslash Hack hides rule from IE5-Mac \*/
   #header2 a span {float:none;}
   /* End IE5-Mac hack */
   #header a:hover span {
     color:#000;
     }
   #header2 #current a {
     background-position:0 -150px;
     border-width:0;
     }
   #header2 #current a span {
     background-position:100% -150px;
     padding-bottom:5px;
     color:#000;
     }
   #header2 a:hover {
     background-position:0% -150px;
     color:#000;
     }
   #header2 a:hover span {
     background-position:100% -150px;
     color:#000;
     }
   #general{
     border: blue 1px solid;
     margin:10px;
     }
   #general img{
   border:0;
   }
   #general a {
     font-size:9px;
     background-position:0 -150px;
     border-width:0;
     }
   #general a span {
     background-position:100% -150px;
     border: blue 1px solid;
     padding-bottom:5px;
     color:#333;
     }
   #situation{
     border: blue 1px solid;
     margin:10px;
     }
   #situation img{
   border:0;
   }
   #situation a {
     font-size:9px;
     background-position:0 -150px;
     border-width:0;
     }
   #situation a span {
     background-position:100% -150px;
     border: blue 1px solid;
     padding-bottom:5px;
     color:#333;
     }
     #tarifs{
     border: blue 1px solid;
     margin:10px;
     }
   #tarifs img{
   border:0
   }  
   #tarifs a {
     font-size:9px;
     background-position:0 -150px;
     border-width:0;
     }
   #tarifs a span {
     background-position:100% -150px;
     padding-bottom:5px;
     color:#333;
     }
   #activites{
     border: blue 1px solid;
     margin:10px;
     }
   #activites img{
   border:0;
   }
   #activites a {
     font-size:9px;
     background-position:0 -150px;
     border-width:0;
     }
   #activites a span {
     background-position:100% -150px;
     padding-bottom:5px;
     color:#333;
     }
   #clear{
     clear:both;
     }
   .span_left{
     padding:5px;
     float:left;
     }
   .span_right{
     padding-right:5px;
     float:right;
     }
	#nav, #nav ul { /* toutes les listes */
		padding: 0;
		margin: 0;
		list-style:none;
		float : left;
		width : 14em;
	}
	
	#nav li { /* tous les items de liste */
	  padding-left: 10px;	
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
	}
	#nav li a, #nav li a:visited{
		width: 11em;
		w\idth : 10em;
		display : block;
    color: #03468a;
    font-weight:bold;
    font-size: 11px;
    text-decoration : none;
		padding : 0 0.5em;
	  padding-left: 30px;	
    background:url(interface/puce1.gif) left bottom no-repeat; 
	}
	
	#nav li a:hover {
    cursor:pointer;
    color: #00b4c5;
    background:url(interface/puce2.gif) left bottom no-repeat; 
	}
  #nav li ul { /* listes de deuxi?me niveau */
		position : absolute;
		left: -999em;
		margin-left : 9.05em;
		margin-top : -1.35em;
    background-color:#ceddec;
/*		border : 1px solid #00b4c5;*/
    z-index:100;
	}
 	
	#nav li ul ul { /* listes de troisi?me niveau et plus */
		left: -999em;
	}
	

	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    background-color:#ceddec;
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriqu?es sous les items de listes survol?s */
		left: auto;
	}
	
	#content {
		margin-left : 12em;
	}

#promos h3.promos_gauche{
padding-top:10px;
padding-left:20px;
color:#01444A;
font-size:12px;
font-weight: bold;
left:160px;
}
#promos span.promos2{
text-decoration:none;

}
#pub{
position:absolute;
top:15px;
left:150px;
margin-left:3px;
height:253px;
width:446px;
z-index:1000;
}
#reve{
position:absolute;
top:400px;
left:150px;
z-index:1000;
}