body
{
background :url(http://www.chambres-hotes-lyon.com/images/fondbois2.jpg) repeat-x;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
width:768px;
height:768px;
}

#cadremaitre
{
background :url(http://www.chambres-hotes-lyon.com/images/fond2.png);
background-repeat: no-repeat;
width:768px;
height:768px;
}


#cadremaitre2
{
background :url(http://www.chambres-hotes-lyon.com/images/fond3.png);
background-repeat: no-repeat;
width:768px;
height:768px;
}



h1
{
position:absolute;
text-indent:-50000px;
font-family:arial;
font-size:1px;
}


.ariane
{
position:absolute;
font-size:9px;
font-family:arial;
color:#bb8e3e;
margin-top:38px;
margin-left:7px;
width:420px;
height:15px;
}

.ariane
a
{
color:#bb8e3e;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}


/*cadre  menu en haut*/
#menu
{
font-family:times new roman;
font-size:12px;
color:#f9e182;
position:absolute;
margin-left:18px;
margin-top:3px;
}

.casesmenu
{
width:768px;
}

.casesmenu
a
{
color:#f9e182;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}


/*cadre  intro*/

#textehg
{
position:absolute;
margin-top:245px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}



/*cadre  des chambres*/
#cadrechambre
{
position:absolute;
margin-top:370px;
margin-left:25px;
width:338px;
height:143px;
background :url(http://www.chambres-hotes-lyon.com/images/fondcadrechambre.png);
background-repeat: no-repeat;
}

#textecadrechambre
{
width:338px;
height:143px;
margin-left:15px;
margin-top:45px;
font-family:arial;
font-size:10px;
color:#896f56;
}

#textechambre
{
width:189px;
}



/*cadre langues*/
#langues
{
position:absolute;
width:200px;
height:50px;
margin-top:40px;
margin-left:700px;
}

.drapeau
{
padding-left:5px;
padding-right:5px;
}








/*cadre  google map*/
#cadregooglemap
{
position:absolute;
display:none;
margin-top:525px;
margin-left:25px;
width:338px;
height:143px;
background :url(http://www.chambres-hotes-lyon.com/images/fondcadregooglemap.png);
background-repeat: no-repeat;
}

#textecadregooglemap
{
width:338px;
height:143px;
margin-left:15px;
margin-top:40px;
font-family:arial;
font-size:10px;
color:#896f56;
}

#textegooglemap
{
width:189px;
}








/*cadre  des sejours a theme*/
#cadresejours
{
position:absolute;
margin-top:525px;
margin-left:25px;
width:338px;
height:143px;
background :url(http://www.chambres-hotes-lyon.com/images/fondcadresejours.png);
background-repeat: no-repeat;
}

#textecadresejours
{
width:338px;
height:147px;
margin-left:15px;
margin-top:40px;
font-family:arial;
font-size:10px;
color:#896f56;
}

#textesejours
{
width:189px;
}

















#cadreregion
{
position:absolute;
margin-top:528px;
margin-left:405px;
width:338px;
height:143px;
background :url(http://www.chambres-hotes-lyon.com/images/fondcadreregion.png);
background-repeat: no-repeat;
}

#textecadreregion
{

width:338px;
height:143px;
margin-left:15px;
margin-top:40px;
font-family:arial;
font-size:10px;
color:#896f56;
}

#texteregion
{
width:189px;
}


.decalagegauche
{
margin-top:5px;
margin-left:240px;
}

.decalagegauche2
{
margin-top:8px;
margin-left:100px;
}




#cadrequestionnaire
{
position:absolute;
margin-top:370px;
margin-left:405px;
width:350px;
height:143px;
}

#textecadrequestionnaire
{
font-family:arial;
font-size:11px;
width:410px;
height:143px;
margin-left:0px;
margin-top:30px;
font-family:arial;
font-size:10px;
color:#eaeaea;
}


.petitQ
{
color:#aba9a6;
border:1px solid #aba9a6;
font-size:10px;
}

#form
{
padding:8px;
}

#form p
{
margin:3px 0;
}

#form fieldset
{
border:0px;
}

#envoi
{
padding-left:222px;
padding-top:11px;
}








#pieddepage
{
position:absolute;
margin-top:680px;
margin-left:75px;
width:750px;
height:43px;
}

.textepied
{
margin-left:120px;
text-align:center;
width:450px;
font-family:arial;
font-size:10px;
color:#896f56;
}

.textepied
a
{
color:#896f56;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}
















#charmance
{
display:none;
position:absolute;
margin-top:690px;
margin-left:40px;
}

#gitedefrance
{
display:none;
position:absolute;
margin-top:690px;
margin-left:675px;
}

#wifi
{
display:none;
position:absolute;
margin-top:690px;
margin-left:60px;
}

#facebook
{
position:absolute;
margin-top:695px;
margin-left:160px;
}




#animation
{
position:absolute;
margin-top:79px;
margin-left:390px;
}












/*page presentation*/
#titrehautgauche
{
position:absolute;
margin-top:220px;
margin-left:25px;
width:360px;
height:40px;
font-family:Chaparral pro,Arial;
color:#d6a448;
font-size:16px;
}


.maj
{
font-size:20px;
}



#textehautgauche
{
position:absolute;
margin-top:250px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textehautgaucheP
{
position:absolute;
margin-top:250px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textehautgaucheP
a
{
color:#896f56;
text-decoration:underline;
}

a:hover
{
text-decoration:underline;
}


#liresuite1
{
position:absolute;
margin-top:305px;
margin-left:220px;
height:20px;
width:40px;
}


#titremilieugauche
{
position:absolute;
margin-top:365px;
margin-left:25px;
width:450px;
height:40px;
font-family:Chaparral pro,Arial;
color:#d6a448;
font-size:16px;
}

#textemilieugauche
{
position:absolute;
margin-top:395px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textemilieugaucheP
{
position:absolute;
margin-top:395px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textemilieugaucheP
a
{
color:#896f56;
text-decoration:underline;
}

a:hover
{
text-decoration:underline;
}




#tarif
{
text-align:center;
}


#titrebasgauche
{
position:absolute;
margin-top:530px;
margin-left:25px;
width:300px;
height:40px;
font-family:Chaparral pro,Arial;
color:#d6a448;
font-size:16px;
}

#textebasgauche
{
position:absolute;
margin-top:560px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textebasgaucheP
{
position:absolute;
margin-top:560px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textebasgaucheP
a
{
color:#896f56;
text-decoration:underline;
}

a:hover
{
text-decoration:underline;
}









#liresuite2
{
position:absolute;
margin-top:600px;
margin-left:220px;
height:20px;
width:40px;
}



#liresuite3
{
position:absolute;
margin-top:450px;
margin-left:220px;
height:20px;
width:40px;
}

#liresuite3hc
{
position:absolute;
margin-top:420px;
margin-left:220px;
height:20px;
width:40px;
}

#liresuite3bc
{
position:absolute;
margin-top:525px;
margin-left:220px;
height:20px;
width:40px;
}

#liresuite4
{
position:absolute;
margin-top:620px;
margin-left:220px;
height:20px;
width:40px;
}

#liresuite4ch
{
position:absolute;
margin-top:630px;
margin-left:220px;
height:20px;
width:40px;
}


#photohg
{
position:absolute;
margin-top:370px;
margin-left:380px;
}

#photohd
{
position:absolute;
margin-top:370px;
margin-left:580px;
}

#photobg
{
position:absolute;
margin-top:535px;
margin-left:380px;
}

#photobd
{
position:absolute;
margin-top:535px;
margin-left:580px;
}


#carte
{
position:absolute;
margin-top:370px;
margin-left:405px;
}




/*page chambre*/
#titremilieugauchehc
{
position:absolute;
margin-top:335px;
margin-left:25px;
width:450px;
height:40px;
font-family:Chaparral pro,Arial;
color:#d6a448;
font-size:16px;
}


#textemilieugauchehc
{
position:absolute;
margin-top:365px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textemilieugauchehc
{
position:absolute;
margin-top:365px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textemilieugauchehc
a
{
color:#896f56;
text-decoration:underline;
}

a:hover
{
text-decoration:underline;
}



#titremilieugauchebc
{
position:absolute;
margin-top:455px;
margin-left:25px;
width:450px;
height:40px;
font-family:Chaparral pro,Arial;
color:#d6a448;
font-size:16px;
}


#textemilieugauchebc
{
position:absolute;
margin-top:485px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textemilieugauchebc
{
position:absolute;
margin-top:485px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textemilieugauchebc
a
{
color:#896f56;
text-decoration:underline;
}

a:hover
{
text-decoration:underline;
}



#titrebasgauchech
{
position:absolute;
margin-top:558px;
margin-left:25px;
width:300px;
height:40px;
font-family:Chaparral pro,Arial;
color:#d6a448;
font-size:16px;
}

#textebasgauchech
{
position:absolute;
margin-top:588px;
margin-left:25px;
width:338px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}




/*diaporama chambres*/
#stack1
{
position:absolute;
margin-top:260px;
margin-left:80px;
}


/*pour typoligie chambre  diaporama*/
#titrehautgauchediapo
{
position:absolute;
margin-top:110px;
margin-left:382px;
width:440px;
height:40px;
font-family:Chaparral pro,Arial;
color:#d6a448;
font-size:16px;
}

.textehautgauchediapo
{
position:absolute;
margin-top:140px;
margin-left:382px;
width:430px;
height:143px;
font-family:arial;
font-size:11px;
color:#896f56;
}

.textehautgauchediapo
a
{
color:#896f56;
text-decoration:underline;
}

a:hover
{
text-decoration:underline;
}


/*phrase entre les photos des chambres*/
.clicdiapo
{
position:absolute;
margin-top:515px;
margin-left:450px;
font-family:arial;
font-size:10px;
color:#896f56;
}

.textdiapo
{
font-family:arial;
font-size:11px;
color:#896f56;
}

.textdiapo
a
{
color:#896f56;
text-decoration:underline;
}

a:hover
{
text-decoration:underline;
}
