@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cccccc;
}
body {
margin: auto; 
background-color: #000000;
	background-image: url(../../imgs/fond2.jpg);
	background-position: top center ;
	background-repeat: no-repeat;
	margin-top: 0px;
	
	
}
#conteneur{
width:1000px;


margin: auto;
position: relative;
text-align:center;
}
.haut {
width:1000px;
height:420px;
top: 0px;
margin: auto;
position: relative;
text-align:center;

}
.menu {
width:1000px;
height:80px;
top: 0px;
margin: auto;
position: relative;
text-align:center;

}
.logo {
width:200px;
height:200px;
top: 40px;
margin: auto;
position: absolute;
text-align:center;
z-index:10;
margin: auto;
left:0px;
}
.drapeau {
width:1000px;
height:32px;
top: 8px;
margin: auto;
position: relative;
text-align: right;

}
.slogan {
width:200px;
height:12px;
top: 538px;
left:0px;
margin: auto;
position: absolute;
text-align:left;
z-index:20;

color: #cccccc;
}
.resa {
width:200px;
height:200px;
top: 550px;
left:0px;
margin: auto;
position: absolute;
text-align:left;
background-image: url(../../imgs/fondresa.png);
color: #000000;
}
.adresse {
width:200px;
height:100px;
top: 780px;
left:5px;
margin: auto;
position: absolute;
text-align:left;
font-size: 10px;
color: #DDDDDD;

}
.texte {
width:600px;
height:400px;
top: 550px;
left:300px;
margin: auto;
position: absolute;
text-align:left;

}
/*===================================================acces=======================================*/
.texteacces {
width:600px;
height:600px;
top: 550px;
left:300px;
margin: auto;
position: absolute;
text-align:left;

}
#headeracces 
{
height: 130px;
width: 600px;
/*background-color:#ccccCC;*/
}

#centreacces 
{
position: absolute;
height: 440px;
width: 600px;
/*background-color:#ffffff;*/
left:0px;

/*margin-left: 150px;*/
}
#gaucheacces
{
position: absolute;
height: 440px;
width: 150px;
/*background-color:#9999CC;*/
}
#paravion:hover {color:#FFFFFF;}
#envoiture:hover {color:#FFFFFF;}
#entrain:hover {color:#FFFFFF;}
#paravion {position: absolute;left:0px;width:85px;text-align:left;}
#envoiture {position: absolute;left:100px;width:85px;text-align:left;}
#entrain{position: absolute;left:200px;width:85px;text-align:left;}
.footeracces {
width:1000px;
height:50px;
top: 820px;
margin: auto;


position: relative;
text-align:center;

}
/*=====================================================fin acces ==================================*/
/*=====================================================plan 3d==================================*/
.titreplan3d {
width:600px;
height:80px;
top:550px;
left:300px;
margin: auto;
position: absolute;
text-align:left;

}
.bas_situation {
width:600px;
/*height:80px;*/
/*top:550px;*/
left:100px;
margin: auto;
position: absolute;
text-align:left;

}
.plan3d {
width:800px;
height:500px;
top: 630px;
left:200px;
margin: auto;
position: absolute;
text-align:left;

}
.footerplan3d {
width:1000px;
height:50px;
top: 900px;
margin: auto;


position: relative;
text-align:center;

}

/*=====================================================fin plan 3d ==================================*/
/*=====================================================livre d'or ==================================*/
.footerlivre {
width:1000px;
height:50px;
top: 1000px;
margin: auto;


position: relative;
text-align:center;

}
/*===================================================fin livre d'or =======================================*/

/*===================================================les chambres=======================================*/
.hautchambres {
width:1000px;
height:420px;
top: 0px;
margin: auto;
position: relative;
text-align:center;

}
.textechambres {
width:600px;
height:600px;
top: 550px;
left:300px;
margin: auto;
position: absolute;
text-align:left;

}
#headerchambres 
{
position: absolute;
height: 80px;
width: 800px;
left:-40px;
/*background-color:#ccccCC;*/
}

#centrechambres 
{
position: absolute;
height: 440px;
width: 600px;
/*background-color:#ffffff;*/
left:0px;
top:70px;
margin-left:12px;

/*margin-left: 150px;*/
}
#gauchechambres
{
position: absolute;
height: 440px;
width: 150px;
/*background-color:#9999CC;*/
}
#suitejunior:hover {color:#FFFFFF;}
#quadruple:hover {color:#FFFFFF;}
#triplesup:hover {color:#FFFFFF;}
#doubleluxe:hover {color:#FFFFFF;}
#doublesup:hover {color:#FFFFFF;}
#doublestandard:hover {color:#FFFFFF;}
#simple:hover {color:#FFFFFF;}

#suitejunior {position: absolute;left:0px;width:85px;text-align:center;}
#quadruple {position: absolute;left:100px;width:85px;text-align:center;}
#triplesup{position: absolute;left:200px;width:85px;text-align:center;}
#doubleluxe{position: absolute;left:300px;width:85px;text-align:center;}
#doublesup{position: absolute;left:400px;width:85px;text-align:center;}
#doublestandard{position: absolute;left:500px;width:85px;text-align:center;}
#simple{position: absolute;left:600px;width:85px;text-align:center;}
.boutonoff {font-size: 14px;color: #FF6600;}
.boutonon {font-size: 14px;color: #FFFFFF;}

.footerchambres {
width:1000px;
height:50px;
top: 400px;
margin: auto;


position: relative;
text-align:center;

}
/*=====================================================fin chambres ==================================*/
a {
	font-size: 12px;
	color: #CCCCCC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}
.Style1 {
	font-size: 14px;
	color: #CCCCCC;
}
.Style3 {
	font-size: 20px;
	color: #FF6600;	
}
.Style5 {color: #000000}
.Style7 {color: #000000; font-weight: bold; }
.Style8 {font-size: 9.5px}
.Style9 {font-size: 14px}
.Style11 {color: #CCCCCC}
.Style12 {font-size: 16px}
.footer {
width:1000px;
height:50px;
top: 500px;
margin: auto;


position: relative;
text-align:center;

}
.footerhotel {
width:1000px;
height:50px;
top: 600px;
margin: auto;


position: relative;
text-align:center;

}