*{
    margin: 0px;
	padding: 0px;
	border: 0px;
	}
.print{
    display:none;
	}
body {
	background-color:#ffffff;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #3e5277;
	 
}
.texte-livredor {
       
	 width: 470px;
	 position: absolute;
	left:0px;
	top: 700px;
	 
    text-align: justify;
	 
	 
	z-index:3;
	 letter-spacing: 0.1em;
	 text-align:justify;
	 line-height:13px;
	
	
}



.adminbouton{
	background-color: #3e5277;
	text-align : center;
	font-size:12px; 
	color: #ffffff;
	 
	 
	 
}
.tarifbouton{
	background-color: #3e5277;
	text-align : center;
	font-size:12px; 
	color: #ffffff;
	 
	 
	 
} 

.gras {
font-weight:bold;
text-align: left;
} 
 

.booked {
	width: 21px;
	height: 21px;
	background-image: url(../images/personnecal.jpg);
	background-repeat: no-repeat;
	font-size: 8px;
	border: thin solid #3e5277;
	text-align:center;
}

.celluledate{
	width: 21px;
	height: 21px;
	font-size: 9px;
	color: #3e5277;
	font-weight: bold;
	text-align: center;
	border: thin solid #3e5277;
}

.calendrier{
	position: absolute;
	 
	height:82px;
	z-index: 3;
	top: 198px;
	left: -6px;
	 
}

.legende{
position: absolute;
z-index: 5;
left: 55px;
top: 230px;
Width:200px;
background-color:#00FFCC; 
text-align: left;
}

.cellulewe{
	width: 21px;
	height: 21px;
	font-size: 9px;
	color: #3e5277;
	background-color: #c5cbd6;
	font-weight: bold;
	text-align: center;
	border: thin solid #3e5277;
	}

 

.formureservation{
	position: absolute;
	z-index: 2;
	width: 690px;
	text-align: right;
	left: 9px;
	top: 108px;
	font-size: 10px;
	font-weight: bold;
}
.celluleborder{
	   
	border: thin solid #3e5277;
}
.cellulecalendrier {
	width: 21px;
	height: 21px;
	border: thin solid #3e5277;
	font-size: 10px;
	letter-spacing: 0.1em;
}
.celluleTITRE {
	 
	height: 48px;
	border: thin solid #3e5277;
	font-size:11px; 
text-align:center;
color:#3e5277;
letter-spacing: 0.1em;
	 
}
.celluletarif {
	width: 58px;
	height: 58px;
	border: thin solid #3e5277;
	font-size:11px; 
text-align:center;
color:#3e5277;
letter-spacing: 0.1em;
	 
}
.cellulereservation {
	height:44px; 
	 width:350px;
	border: thin solid #3e5277;
	font-size:11px; 
text-align:center;
color:#3e5277;
letter-spacing: 0.1em;
	 
}
.cellulereservation3 {
	height:44px; 
	 width:550px;
	border: thin solid #3e5277;
	font-size:11px; 
text-align:center;
color:#3e5277;
letter-spacing: 0.1em;
	 
}
.cellule {
	height:20px; 
	 
	border: thin solid #3e5277;
	font-size:11px; 
text-align:left;
color:#3e5277;
letter-spacing: 0.1em;
	 
}
.cellulereservation2 {
	width: 58px; 
	 
	border: thin solid #3e5277;
	font-size:11px; 
text-align:center;
color:#3e5277;
letter-spacing: 0.1em;
	 
}

.celluletarifres {
	width: 58px;
	height: 48px;
	border: thin solid #3e5277;
	font-size:11px; 
text-align:center;
color:#3e5277;
letter-spacing: 0.1em;
	 
}

.noirres  {
	color: #000000;
	font-size:11px;
	text-align:center; 
	
	
	 
 	} 


.cellulereservation4 {
	 
	 
	border: thin solid #3e5277;
	font-size:11px; 
 
color:#3e5277;
letter-spacing: 0.1em;
	 
}

.celluletarifbas {
	 
	height: 48px;
	border: thin solid #3e5277;
	font-size:10px; 
text-align:center;
color:#3e5277;
letter-spacing: 0.1em;
 
	 
}



.cellulechambre {
	width: 130px;
	height: 58px;
	border: thin solid #3e5277;
	font-size:11px; 
text-align:center;
color:#000000;
letter-spacing: 0.1em;
	 
}
 
.reservation2 {
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 990px;
	 
	font-weight: lighter;
}	 

.commentaire4{
	position: absolute;
	left:231px;
	top:430px;
	height :90px;
	width :520px;
	text-align : left;
	font-weight: lighter;
}







.container-principal {
	width: 990px;
	height:600px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0px;
	left: 0px;
	 
		 
}

#menu-photo{
width: 990px;
height: 140px;
 
text-align:center;
color:#000000;
 
position: absolute;
left: 0px;
top: 0px; 
z-index:4;
	  
 
} 

#menu-texteLANGUE{
display:none;
 
} 
 

 


 




#menu-texte1{
width: 123px;
height: 30px;
font-size:11px; 
text-align:center;
color:#000000;
letter-spacing: 0.1em;
position: absolute;
left: 0px;
top: 100px; 
z-index:4;
	  
 
} 

#menu-texte2{
width: 123px;
height: 30px;
font-size:11px; 
text-align:center;
color:#000000;
 letter-spacing: 0.1em;
 position: absolute;
left: 123px;
	top: 100px; 
	z-index:4;
	  
 
} 
#menu-texte3{
width: 126px;
height: 30px;
font-size:11px; 
	 text-align:center;
	 color:#000000;
	 letter-spacing: 0.1em;
	 position: absolute;
	left: 246px;
	top: 100px; 
	z-index:4;
	  
 
} 
#menu-texte4{
width: 120px;
height: 30px;
	font-size:11px; 
	 text-align:center;
	 color:#000000;
	 letter-spacing: 0.1em;
	 position: absolute;
	left: 372px;
	top: 100px; 
	z-index:4;
	  
 
} 

#menu-texte5{
width: 125px;
height: 30px;
	font-size:11px; 
	 text-align:center;
	 color:#000000;
	 letter-spacing: 0.1em;
	 position: absolute;
	left: 492px;
	top: 100px; 
	z-index:4;
	  
 
} 

#menu-texte6{
width: 123px;
height: 30px;
	font-size:11px; 
	 text-align:center;
	 color:#000000;
	 letter-spacing: 0.1em;
	 position: absolute;
	left: 617px;
	top: 100px; 
	z-index:4;
	  
 
} 
#menu-texte7{
width: 125px;
height: 30px;
	font-size:11px; 
	 text-align:center;
	 color:#000000;
	 letter-spacing: 0.1em;
	 position: absolute;
	left: 740px;
	top: 100px; 
	z-index:4;
	  
 
} 

#menu-texte8{
width: 125px;
height: 30px;
	font-size:11px; 
	 text-align:center;
	 color:#000000;
	 letter-spacing: 0.1em;
	 position: absolute;
	left: 865px;
	top: 100px; 
	z-index:4;
	  
 
} 




.background {
	background-color: #c5cbd6;
	text-align : left;
	color: #3e5277;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	 
	
	
}

.envoyer{
	background-color: #c5cbd6;
	text-align : center;
	 
	color: #3e5277;
	 
	 
}
.envoyerbouton{
	background-color: #3e5277;
	text-align : center;
	font-size:12px; 
	color: #ffffff;
	 
	 
}



.celluleres {
	 
    position: absolute;
	 
	 
	 font-size:16px; 
	 text-align:left;
 color:#3e5277;
 letter-spacing: 0.15em;
	  
 
}

.titreres {
	width: 600px;
	height:20px; 
    position: absolute;
	left: 0px;
	top: 176px; 
	z-index:3;
	 font-size:16px; 
	 text-align:left;
 color:#3e5277;
 letter-spacing: 0.15em;
	  
 
}





 
.titre {
	width: 600px;
	height:20px; 
    position: absolute;
	left: 55px;
	top: 176px; 
	z-index:3;
	 font-size:16px; 
	 text-align:left;
 color:#3e5277;
 letter-spacing: 0.15em;
	  
 
}
.titre-centre {
	width: 426px;
	height:20px; 
    position: absolute;
	left: 282px;
	top: 176px; 
	z-index:3;
	 font-size:16px; 
	 text-align:left;
 color:#3e5277;
 letter-spacing: 0.15em;
	  
 
}

.titre-droite {
	width: 426px;
	height:20px; 
    position: absolute;
	left: 518px;
	top: 176px; 
	z-index:4;
	 font-size:16px; 
	 text-align:left;
 color:#3e5277;
 letter-spacing: 0.15em;
	  
 
}


.demiinterligne {
	 line-height:8px;
 
	  
 
}
#annulation{
	position: absolute;
	z-index: 10;
	top: 900px;
	left: 520px;
	letter-spacing: 0.1em;
	 text-align:justify;
	 line-height:13px; 
	 
	 
	text-align: justify;
	width: 400px;
	 
	 
} 
#vieprivee{
	position: absolute;
	z-index: 11;
	top: 900px;
	left: 0px;
	letter-spacing: 0.1em;
	 text-align:justify;
	 line-height:13px; 
	 
	 
	text-align: justify;
	width: 490px;
	 
	 
} 

.gauchereservation {
width: 490px;
	 height:289px;
    position: absolute;
	left: 0px;
	top: 340px; 
	z-index:3;
	  letter-spacing: 0.1em;
	 text-align:justify;
	 line-height:13px;
 
	  
 
}
.droitereservation {
width: 490px;
	 height:289px;
    position: absolute;
	left: 498px;
	top: 340px; 
	z-index:3;
	 letter-spacing: 0.1em;  
	 text-align:justify;
	 
 
	  
 
}
.texte-gauche {
width: 426px;
	 height:289px;
    position: absolute;
	left: 55px;
	top: 204px; 
	z-index:3;
	  letter-spacing: 0.1em;
	 text-align:justify;
	 line-height:13px;
 
	  
 
}
.texte-gaucheleftalign {
width: 450px;
	 height:289px;
    position: absolute;
	left: 55px;
	top: 204px; 
	z-index:3;
	  letter-spacing: 0.1em;
	 text-align:left;
	 line-height:13px;
 
	  
 
}

.texte-centre {
width: 426px;
	height:289px; 
    position: absolute;
	left: 282px;
	top: 204px; 
	z-index:3;
	  letter-spacing: 0.1em;
	 text-align:justify;
	 line-height:15px;
 
	  
 
}

.texte-droite {
width: 426px;
	height:289px; 
    position: absolute;
	left: 518px;
	top: 204px; 
	z-index:3;
	  letter-spacing: 0.1em;
	 text-align:justify;
	 line-height:13px;
 
	  
 
}
.texte-droiteactivite {
width: 430px;
	height:289px; 
    position: absolute;
	left: 518px;
	top: 204px; 
	z-index:3;
	  letter-spacing: 0.1em;
	 text-align:left;
	 line-height:13px;
 
	  
 
}



.plan {
width: 428px;
	 height:289px;
    position: absolute;
	left: 518px;
	top: 179px; 
	z-index:3;
	 color:#000000;  
	 text-align:justify;
	 
 
	  
 
}
#ref {
	display: none;
 
}



.central {
	 
	position: absolute;
	left: 420px;
	top: 160px;  
	z-index:3;
	 
	 
}

#diapo {
	 
	position: absolute;
	left: 518px;
	top: 179px;  
	z-index:3;
	 
	 
}






#flecheG {
	 
	position: absolute;
	left: 697px;
	top: 469px;  
	z-index:3;
	 
	 
}
#flecheD {
	 
	position: absolute;
	left: 737px;
	top: 468px;  
	z-index:3;
	 
	 
}

 
#boucle {
	 
	position: absolute;
	left: 717px;
	top: 469px;  
	z-index:3;
	 
	 
}

 


 
a {text-decoration: none;
color: #3e5277;
 
}


#basdepage{
	position: absolute;
	left: 0px;
	top: 531px;
	z-index:4;
	 
	 
	 
	 
	}

#basdepage-texte-accueil{
	position: absolute;
	left: 0px;
	top: 430px;
	z-index:5;
	 
	width : 990px;
	font-size: 16.5px;
	 
	 
	color:#000000;
	 letter-spacing: 0.5em;
	 
	}




 
#basdepage-texte{
	position: absolute;
	left: 0px;
	top: 532px;
	z-index:5;
	 
	width : 990px;
	font-size: 11px;
	 
	 
	color:#000000;
	 letter-spacing: 0.5em;
	 
	}

.bottom {
	width: 980px;
	height: 30px;
    position: absolute;
	left: 0px;
	top: 581px;  
	z-index:3;
	 letter-spacing: 0.3em;
	font-size: 9px;
	color: #3E5277;
	 
}

.languestemp{
	display:none;
	 
	}




 
.langues{
	display:none;
	 
	}
.languesres{
	display:none;
	 
	} 
#basdepageres{
	position: absolute;
	left: 0px;
	top: 746px;
	z-index:4;
	 
	 
	 
	 
	}
 
#basdepage-texteres{
	position: absolute;
	left: 0px;
	top: 747px;
	z-index:5;
	 
	width : 990px;
	font-size: 11px;
	 
	 
	color:#000000;
	 letter-spacing: 0.5em;
	 
	}

.bottomres {
	width: 980px;
	height: 30px;
    position: absolute;
	left: 0px;
	top: 805px;  
	z-index:3;
	 letter-spacing: 0.3em;
	font-size: 9px;
	color: #3E5277;
	 
}

.languestempres{
	display:none;
	}




 
.languesres{
	display:none;
	 
	}
 

.argyoperes{
	position: absolute;
	left: 0px;
	top: 820px;
	z-index:4;
	height : 11px;
	width : 990px;
	font-size: 9px;
	font-style:italic;
	color:#000000;
	 
	 
	}



 
.argyope{
	position: absolute;
	left: 0px;
	top: 601px;
	z-index:4;
	height : 11px;
	width : 990px;
	font-size: 9px;
	font-style:italic;
	color:#000000;
	 
	 
	}
 
.bleuetbordure {
  
	  letter-spacing: 0.1em;
	 text-align:justify;
	 line-height:15px;
 color: #3e5277;
	font-size:11px;  
  border: thin solid #3e5277;
	height: 24px;
} 

.bleubold  {
	color: #3e5277;
	font-size:13px;
	 font-weight: bold;
	text-align:right;
	
	 
 	} 
.prix  {
	color: #000000;
	font-size:13px;
	text-align:right; 
	
	
	 
 	} 



.noir  {
	color: #000000;
	font-size:11px;
	 
	
	
	 
 	} 
	
.bleu  {	
color:#3e5277; 
}
.noiretbordure {
	color: #000000;
	font-size:11px;
	 border: thin solid #3e5277;
	height: 24px;
	
	 
 	}
.petit {
	 letter-spacing: 0.55em;
	font-size:10px;
	color:#3e5277; 
	} 	
	
.bienvenue {
	 letter-spacing: 0.25em;
	font-size:14px;
	color:#000000; 
	} 	
.grand {
	 letter-spacing: 0.55em;
	font-size:17px;
	} 
.grand-accueil{
	 letter-spacing: 0.25em;
	font-size:35px;
	}  

.italic{
font-size: 10;
font-style: italic;
text-align: right;
}

 
.bold {font-weight: bold;}
 
.titre a:link  {color: #000000;}
.titre a:visited {color: #000000;}
.titre a:hover {color: #3e5277;}	
.argyope a:link {color: #3e5277;}
.argyope  a:visited {color: #3e5277;}
.argyope a:hover {color: #000000;}	
.texte-gauche a:link  {color: #000000;}
.texte-gauche a:visited {color: #000000;}
.texte-gauche a:hover {color: #3e5277;}	
.texte-centre a:link  {color: #000000;}
.texte-centre a:visited {color: #000000;}
.texte-centre a:hover {color: #3e5277;}	
.texte-droite a:link  {color: #000000;}
.texte-droite a:visited {color: #000000;}
.texte-droite a:hover {color: #3e5277;}	
#menu-texte1 a:link  {color: #000000;}
#menu-texte1 a:visited {color: #000000;}
#menu-texte1 a:hover {color: #3e5277;}	
#menu-texte2 a:link  {color: #000000;}
#menu-texte2 a:visited {color: #000000;}
#menu-texte2 a:hover {color: #3e5277;}	
#menu-texte3 a:link  {color: #000000;}
#menu-texte3 a:visited {color: #000000;}
#menu-texte3 a:hover {color: #3e5277;}	
#menu-texte4 a:link  {color: #000000;}
#menu-texte4 a:visited {color: #000000;}
#menu-texte4 a:hover {color: #3e5277;}	
#menu-texte5 a:link  {color: #000000;}
#menu-texte5 a:visited {color: #000000;}
#menu-texte5 a:hover {color: #3e5277;}	
#menu-texte6 a:link  {color: #000000;}
#menu-texte6 a:visited {color: #000000;}
#menu-texte6 a:hover {color: #3e5277;}	
#menu-texte7 a:link  {color: #000000;}
#menu-texte7 a:visited {color: #000000;}
#menu-texte7 a:hover {color: #3e5277;}	
#menu-texte8 a:link  {color: #000000;}
#menu-texte8 a:visited {color: #000000;}
#menu-texte8 a:hover {color: #3e5277;}	
#basdepage-texte a:link  {color: #000000;}
#basdepage-texte a:visited {color: #000000;}
#basdepage-texte a:hover {color: #000000;}	
#basdepage-texteres a:link  {color: #000000;}
#basdepage-texteres a:visited {color: #000000;}
#basdepage-texteres a:hover {color: #000000;}	



.bottom a:link  {color: #000000;}
.bottom a:visited {color: #000000;}
.bottom a:hover {color: #3e5277;}	
.plan a:link  {color: #000000;}
.plan a:visited {color: #000000;}
.plan a:hover {color: #3e5277;}	
.bottomres a:link  {color: #000000;}
.bottomres a:visited {color: #000000;}
.bottomres a:hover {color: #3e5277;}		

  
.langues a:link  {color: #000000;}
.langues a:visited {color: #000000;}
.langues a:hover {color: #3e5277;}	
.bottomres a:link  {color: #000000;}
.bottomres a:visited {color: #000000;}
.bottomres a:hover {color: #3e5277;}		
.argyoperes a:link {color: #3e5277;}
.argyoperes  a:visited {color: #3e5277;}
.argyoperes a:hover {color: #000000;}	 
 
 
.texte-droiteactivite a:link  {color: #000000;}
.texte-droiteactivite a:visited {color: #000000;}
.texte-droiteactivite a:hover {color: #3e5277;}	 
.bienvenue a:link {color: #000000;}
.bienvenue  a:visited {color: #000000;}
.bienvenue a:hover {color: #3e5277;}	 
#basdepage-texte-accueil a:link {color: #000000;} 
#basdepage-texte-accueil a:visited {color: #000000;} 
#basdepage-texte-accueil a:hover {color: #3e5277;}