*{
    margin: 0px;
	padding: 0px;
	border: 0px;
	}

body {
	background-color: #2C3C21;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F2D690;
}

.container-principal {
	height: 550px;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 8px;
	font-weight: bold;
	left: 0px;
}

.top {
	height: 80px;
	width: 733px;
	position: absolute;
	left: 179px;
	background-image: url(../images%20du%20site/top.jpg);
	background-repeat: no-repeat;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #F2D690;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #F2D690;
	top: 0px;
}

.main {
	height: 497px;
	width: 733px;
	position: absolute;
	left: 179px;
	top: 79px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #F2D690;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F2D690;
	font-size: 12px;
}

#textebottom {
	height: 35px;
	width: 733px;
	position: absolute;
	left: 187px;
	top: 545px;
	font-size: 10px;
	color: #E8A908;
	font-weight: normal;
	z-index:3;
}

.impression{display:none;}
   
.nb{
font-size: 10;
text-align: right;
}

.lighter{font-weight: lighter;}
.bold {font-weight: bold;}
.souligne {text-decoration: underline;}
.color{color: #E8A908;}


.tableprix
{
font-size: 10px;
font-weight: bold;
background-color: #FFFFCC;
text-align : left;
color: #2c3c21;
}
	
ul{
	list-style-type: square;
	list-style-position: inside;
}

.flashenvirons{
	position: absolute;
	left:327px;
	top:90px;
	z-index:1;
	height :232px;
	width : 335px;
}

.flashmaison {
	height: 470px;
	width: 725px;
	position: absolute;
	left: 179px;
	top: 80px;
	}
	
.hautgauche {
position: absolute;
left: 10px;
top:16px;
width:190px; 
height:88px; 
z-index:3;
}

.basgauche {
	position: absolute;
	left: 10px;
	top:396px;
	width:720px;
	height:47px;
	z-index:3;
	text-align: left;
}
.basgauche2{
position: absolute;
left:20px;
top:353px;
width: 500px; 
height:28px; 
z-index:3;
text-align: left;
}

.hautdroite {
position: absolute;
left: 545px;
top:16px;
width:179px; 
height:62px; 
z-index:3;
}

.basdroite{
position: absolute;
left:600px;
top:350px;
width:123px; 
height:68px; 
z-index:3;
}

.basdroite2{
position: absolute;
left:556px;
top:344px;
width:171px; 
height:28px; 
z-index:3;
}

.textesejour {
position: absolute;
left: 15px;
top:171px;
width:184px; 
height:47px; 
z-index:2;
}

.miniloupe1 {
	position:absolute;
	left: 513px;
	top:105px;
	z-index: 3;
	height: 20px;
	width: 20px;
}

.miniloupe2 {
	position:absolute;
	left:513px;
	top: 130px;
	z-index: 2;
	height: 20px;
	width: 20px;
}

.miniloupe3 {
	position:absolute;
	left:513px;
	top: 155px;
	z-index: 2;
	height: 20px;
	width: 20px;
}

.etiquettehotes {
	height: 147px;
	width : 281px;
	position: absolute;
	top: 120px;
	left: 25px;
	color: 2C3C21;
	z-index:2;
	}
	
.etiquettemaison {
	height: 157px;
	width : 316px;
	position: absolute;
	top: 138px;
	left: 23px;
	color: 2C3C21;
	z-index:2;
	text-align: left;
}
	
.activites{
    height: 172px;
	width : 300px;
	position: absolute;
	top: 133px;
	left: 23px;
	color: 2C3C21;
	z-index:3;
	text-align: left;
}

.nopage {
	left:38px;
	top:112px;
	z-index:5;
	width:12px;
	height:12px;
	position:absolute;
	color: #E8A908;
}

.flechehaut {
	left:0;
	top:90px;
	z-index:4;
	width:38px;
	height:52px;
	position:absolute;
}
	
.flechebas {
	left:0;
	top:295;
	z-index:4;
	width:35px;
	height:52px;
	position:absolute;
}
	
.flechehautlivreor {
	left:0px;
	top:264px;
	z-index:4;
	width:38px;
	height:52px;
	position:absolute;
}
	
.flechebaslivreor {
	left:0px;
	top:304px;
	z-index:5;
	width:35px;
	height:52px;
	position:absolute;
}
	
.texterond1{
position:absolute;
 left:245px;
  top:53px;
   width:235px; 
   height:65px;
    z-index:5;
	color: 2C3C21;
}	
	
.texterond2{
	position:absolute;
	left:179px;
	top: 326px;
	width:350px;
	height:15px;
	z-index:5;
	color: 2C3C21;
}
		
.texterond3{
	position:absolute;
	left:198px;
	top: 350px;
	width:331px;
	height:15px;
	z-index:5;
	color: 2C3C21;
}
		
.sousmenuchambres{
position: absolute;
left:6px;
top:54px;
width: 200px; 
height:28px; 
z-index:3;
text-align: left;
}
			
.sousmenuchambres  a:link {color: #F2D690;}
.sousmenuchambres  a:visited {color: #F2D690;}
.sousmenuchambres  a:hover {color: #F2D690;}
.basgauche2  a:link {color: #F2D690;}
.basgauche2  a:visited {color: #F2D690;}
.basgauche2  a:hover {color: #F2D690;}
.lienloupecoin a:link {color: #F2D690;}
.lienloupecoin  a:visited {color: #F2D690;}
.lienloupecoin a:hover {color: #F2D690;}
.ecrangauche a:link {color: #F2D690;}
.ecrangauche  a:visited {color: #F2D690;}
.ecrangauche a:hover {color: #F2D690;} 
.ecrandroite a:link {color: #F2D690;}
.ecrandroite  a:visited {color: #F2D690;}
.ecrandroite a:hover {color: #F2D690;} 
.color a:link {color: #F2d690;}
.color  a:visited {color: #F2D690;}
.color a:hover {color: #F2D690;}
 
.environ {
	position: absolute;
	left:0px;
	top:0px;
	z-index:2;
	height: 454px;
	width: 683px;
	background-image:   url(../images%20du%20site/environfond.gif);
	background-repeat: no-repeat;
}

.acces {
	background-image: url(../images%20du%20site/acces.jpg);
	height: 453px;
	width : 730px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1;
}

.livredor {
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/fondavecloupe.jpg);
}

.gestion {
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/fondsansloupe.jpg);
}
.hotes {
	background-image: url(../images%20du%20site/hotes.jpg);
	height: 453px;
	width : 730px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1;
}

.reservation {
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/reservationfond.jpg);
}

.reservation2 {
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/fondsansloupe.jpg);
	font-weight: lighter;
}	

.prix {
	position: absolute;
	left:0px;
	top:0px;
	height: 444px;
	width: 725px;
	color: 2C3C21;
}

.aurore{
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/aurore.jpg);
}

.soleil{
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/soleil.jpg);
}

.lune{
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/lune.jpg);
}





.crepuscule{
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/crepuscule.jpg);
	z-index:2;
}

.jardin{
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/jardin.jpg);
}

.cheque{
	position: absolute;
	left:0px;
	top:0px;
	height: 467px;
	width: 728px;
	background-repeat: no-repeat;
	background-image: url(../images%20du%20site/cheque.jpg);
}

.C1 {
	position:absolute;
	left: 308px;
	top:103px;
	z-index: 2;
	height: 20px;
	width: 40px;
}

.A1 {
	position:absolute;
	left:308px;
	top: 129px;
	z-index: 2;
	height: 20px;
	width: 40px;
}

.S1 {
	position:absolute;
	left:308px;
	top: 156px;
	z-index: 2;
	height: 20px;
	width: 40px;
}

.C2 {
	position:absolute;
	left: 370px;
	top:103px;
	z-index: 2;
	height: 20px;
	width: 40px;
}

.A2 {
	position:absolute;
	left:370px;
	top: 129px;
	z-index: 2;
	height: 20px;
	width: 40px;
}

.S2 {
	position:absolute;
	left:370px;
	top: 156px;
	z-index: 2;
	height: 20px;
	width: 40px;
}

.A3 {
	position:absolute;
	left:436px;
	top: 129px;
	z-index: 2;
	height: 20px;
	width: 40px;
}

.C3 {
	position:absolute;
	left:436px;
	top: 103px;
	z-index: 2;
	height: 20px;
	width: 40px;
}






.noteprix {
    position:absolute;
	left:132px;
	top: 184px;
	z-index: 2;
	height: 20px;
	width: 490px;
}

.signez{
    position: absolute;
	left:210px;
	top:178px;
	height :41px;
	width : 702px;
	text-align : center;
	color: #F2D690;
	font-size: 12px;
}

.ecrangauche{
	position: absolute;
	left:228px;
	top:87px;
	height :500px;
	width : 325px;
	text-align : left;
	font-weight: lighter;
}

.ecrandroite{
	position: absolute;
	left:575px;
	top:88px;
	height :500px;
	width : 325px;
	text-align : left;
	font-weight: lighter;
}

.commentaire1{
	position: absolute;
	left:231px;
	top:104px;
	height :90px;
	width : 620px;
	text-align : left;
	font-weight: lighter;
}

.commentaire2{
	position: absolute;
	left:231px;
	top:214px;
	height :90px;
	width : 620px;
	text-align : left;
	font-weight: lighter;
}

.commentaire3{
	position: absolute;
	left:231px;
	top:325px;
	height :90px;
	width : 620px;
	text-align : left;
	font-weight: lighter;
}

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

#annulation{
	position: absolute;
	z-index: 10;
	top: 300px;
	left: 20px;
	font-size: 10px;
	color: #2c3c21;
	background-color: #e8a908;
	text-align: left;
	width: 640px;
	height: 100px;
	visibility: hidden;
}
	
.titrelivredor {
	position: absolute;
	left:404px;
	top:132px;
	height :34px;
	width : 284px;
}

.background {
	background-color: #FFFFCC;
	text-align : left;
	color: #2c3c21;
}

.envoyer{
	background-color: #2c3c21;
	text-align : center;
	border: thin solid #FFCC99;
	color: #F2D690;
	font-weight: bold;
}

.bouton1{
	background-color: #2c3c21;
	text-align : center;
	border: thin solid #FFCC99;
	color: #F2D690;
	}
	
.lienloupecoin{
	position:absolute; 
	left:776px; 
	top:411px; 
	width:100px; 
	height:44px; 
	z-index:3;
}

.cellulecalendrier {
	width: 14px;
	height: 22px;
	border: thin solid #2c3c21;
	font-size: 8px;
}

.booked {
	width: 14px;
	height: 22px;
	background-image: url(../images%20du%20site/rose.jpg);
	background-repeat: no-repeat;
	font-size: 8px;
}

.celluledate{
	width: 14px;
	height: 22px;
	font-size: 8px;
	color: #2c3c21;
	background-color: #F2D690;
	font-weight: bold;
	text-align: center;
}

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

.legende{
position: absolute;
z-index: 2;
left: 8px;
top: 0px;
height: 22px;
color: #2c3c21;
font-size: 10px;
text-align: left;
}

.cellulewe{
	width: 14px;
	height: 22px;
	font-size: 8px;
	color: #2c3c21;
	background-color: #e8a908;
	font-weight: bold;
	text-align: center;
	}

.moisannee{
	position: absolute;
	z-index: 2;
	left: -2px;
	top: -77px;
	width: 75px;
	height: 73px;
	font-size: 12px;
}

.formureservation{
	position: absolute;
	z-index: 2;
	width: 690px;
	text-align: right;
	left: 9px;
	top: 108px;
	font-size: 10px;
	font-weight: bold;
}

.formusejour{
	position: absolute;
	z-index: 2;
	text-align: right;
	left: 0px;
	top: 150px;
	width: 690px;
	font-size: 10px;
}
.right {
	text-align: right;
	background-color: #FFFFCC;
	text-align : left;
	color: #2c3c21;
}