html, body{
background-image:url(img/uni.jpg);
background-repeat:repeat-x;
background-color:#72653a;
margin: 0;
padding: 0;
}

#grd-pere{
width:1024px;
margin:auto;
}

#pied-gauche{
width:35px;
height:55px;
background-color:#72653a;
margin-top:635px;
float:left;
}

#mentions{
width:16px;
height:61px;
margin-top:4px;
margin-left:15px;
}

#annuaire-index{
width:16px;
height:60px;
margin-top:4px;
float:left;
}

#mentions-index{
width:16px;
height:61px;
margin-top:4px;
float:left;
}

#pere{
width:989px;
margin-left:35px;
}

#gauche{
background-color:#282224;
width:285px;
height:710px;
float:left;
}

#bandeau-gauche{
width:285px;
height:84px;
}


#hotel{
width:292px;
height:245px;
padding-top:230px;
}

#piscine{
width:211px;
height:140px;
margin-top:-360px;
margin-left:270px;
}



#choix{
width:245px;
margin-left:30px;
margin-top:30px;
text-align:justify;
}


#choix a:link, a:visited{
font-family:arial;
color:#b5a05c;
font-weight:bold;
font-style:italic;
font-size:14px;
text-decoration:none;
}


#choix a:hover{
font-family:arial;
color:#f1d67a;
font-weight:bold;
font-style:italic;
font-size:14px;
text-decoration:none;
}


.normal{
font-family:arial;
color:#cec3b1;
font-weight:normal;
font-style:italic;
font-size:12px;
}

#angleterre{
margin-top:30px;
}

#allemagne{
margin-top:30px;
}

#droite{
width:702px;
float:left;
}

#bandeau-droite{
width:314px;
height:85px;
}

#chateau-fond{
width:704px;
height:550px;
background-image:url(img/fond-chateau2.jpg);
background-repeat:no-repeat;
}


#pied{
background-color:#72653a;
width:704px;
height:40px;
}

#raccord{
width:15px;
height:75px;
background-color:#282324;
float:left;
}

#adresse{
background-color:#72653a;
width:600px;
height:40px;
text-align:center;
float:left;
}

.adresse{
font-family:arial;
color:#282224;
font-weight:bold;
font-style:italic;
font-size:14px;
letter-spacing:0.1em;
}


/**PAGE CHAMBRES**/
#hotel-fond{
width:704px;
height:550px;
background-image:url(img/fond-hotel2.jpg);
background-repeat:no-repeat;
}

#texte{
width:215px;
height:521px;
margin-left:40px;
margin-top:30px;
text-align:justify;
}

h1{
font-family:arial;
color:#b5a05c;
font-weight:bold;
font-style:italic;
font-size:14px;
text-decoration:none;
text-align:center;
}

.gras{
font-family:arial;
color:#b5a05c;
font-weight:bold;
font-style:italic;
font-size:12px;
text-decoration:none;
text-align:center;
}

.kaki{
color:#b5a05c;
font-family:arial;
font-style:italic;
font-size:12px;
text-decoration:none;
}


#menu-gauche{
width:285px;
}

#chambres{
width:98px;
height:33px;
margin-left:20px;
margin-top:10px;
float:left;
}

#tourisme{
width:92px;
height:33px;
margin-left:70px;
margin-top:10px;
float:left;
}


#appartement{
width:132px;
height:33px;
margin-left:55px;
margin-top:10px;
float:left;
}

#tarifs{
width:64px;
height:33px;
margin-left:70px;
margin-top:10px;
float:left;
}

#contact{
width:83px;
height:33px;
margin-left:70px;
margin-top:10px;
float:left;
}

#chambre1{
width:292px;
height:245px;
padding-top:230px;
}

#chambre2{
width:211px;
height:140px;
margin-top:-360px;
margin-left:270px;
}

/**PAGE CONTACT**/
#olivier-fond{
width:704px;
height:550px;
background-image:url(img/uni-marron.jpg);
background-repeat:no-repeat;
background-color:#a9a091;
}

#plan{
width:290px;
height:521px;
margin-top:30px;
margin-left:15px;
}

#carte{
margin-top:30px;
width:290px;
height:320px;
}

#coordonnées{
width:421px;
text-align:center;
margin-left:70px;
padding-top:30px;
}

#formu-contact{
width:421px;
height:400px;
margin-top:30px;
margin-left:70px;
background:#282224;
float:left;
}

#messageErreur{
text-align:center;
padding-top:10px;
width:421px;
height:50px;
}

#formu{/*mise en page de la div formu pour la page contact*/
width:421px;
color:#cec3b1;
font-family:arial;
font-size:12px;
font-style:italic;
font-weight:bold;
margin-top:60px;
}

.champdetexte{/*style pour les champs de texte pour le formulaire de la page contact*/
font-family:arial;
font-size:12px;
color:#282223;
font-weight:normal;
font-style:italic;
background:#cec3b1;
border:none;
}

.calage{/*calage pour le formulaire de la page contact*/
display:inline;
float:left;
width:80px;
margin-left:28px;
font-family:arial;
font-size:12px;
}

#valider{/*div contenant le btn envoyer et effacer du formulaire de contact*/
width:421px;
margin-top:20px;
}

#envoyercontact{/*bouton envoyer de la page contact*/
width:82px;
height:20px;
float:left;
margin-left:115px;
}

#effacercontact{
width:82px;
height:20px;
margin-left:40px;
float:left;
}

.btn-formu{
background-color:#72653a;
border-color:#72653a;
border-style:solid;
color:#cec3b1;
font-family:arial;
font-weight:bold;
font-style:italic;
cursor:pointer;
}

.StyleErreur{
color:#EA6834;
font-family:arial;
font-size:12px;
font-weight:bold;
font-style:italic;
}

#olivier{
width:182px;
height:248px;
float:left;
margin-top:232px;
margin-left:12px;
}


/**TOURISME**/

#liens-tourisme{
width:404px;
padding-top:25px;
}

#vaison{
width:187px;
height:117px;
float:left;
text-align:center;
}

#vallon{
width:187px;
height:117px;
margin-left:30px;
float:left;
text-align:center;
}

#crocodiles{
width:187px;
height:117px;
padding-top:40px;
float:left;
clear:both;
text-align:center;
}

#orange{
width:187px;
height:117px;
padding-top:40px;
padding-left:30px;
float:left;
text-align:center;
}

#avignon{
width:187px;
height:117px;
padding-top:40px;
float:left;
clear:both;
text-align:center;
}

#nyons{
width:187px;
height:117px;
padding-top:40px;
margin-left:30px;
float:left;
text-align:center;
}

.gras-marron{/*style gras marron italic et souligné*/
font-family:arial;
color:#411501;
font-weight:bold;
font-style:italic;
font-size:12px;
text-decoration:underline;
}

.gras-blanc{
font-family:arial;
color:#ffffff;
font-weight:bold;
font-style:italic;
font-size:12px;
text-decoration:underline;
}

/**APPARTEMENT**/

#appartement1{
width:292px;
height:245px;
padding-top:230px;
}

#appartement2{
width:211px;
height:140px;
margin-top:-360px;
margin-left:270px;
}

/**TARIFS**/

.gras-mar{
font-family:arial;
color:#411501;
font-weight:bold;
font-style:italic;
font-size:12px;
text-decoration:none;
}

#divtabl1{
width:243px;
height:521px;
margin-left:40px;
margin-top:30px;
text-align:justify;
}

#single{
margin-top:100px;
background:#ffffff;
width:150px;
height:30px;
text-align:center;
margin-left:93px;
border:1px solid #b5a05c;
}

#double{
background:#ffffff;
width:150px;
height:30px;
text-align:center;
margin-left:93px;
border:1px solid #b5a05c;
}


#double-spac{
background:#ffffff;
width:150px;
height:30px;
text-align:center;
margin-left:93px;
border:1px solid #b5a05c;
}

#triple{
background:#ffffff;
width:150px;
height:30px;
text-align:center;
margin-left:93px;
border:1px solid #b5a05c;
}

#supp{
background:#ffffff;
width:150px;
height:30px;
text-align:center;
margin-left:93px;
border:1px solid #b5a05c;
}

#petitdej{
background:#ffffff;
width:150px;
height:30px;
text-align:center;
margin-left:93px;
border:1px solid #b5a05c;
}

#animaux{
background:#ffffff;
width:150px;
height:30px;
text-align:center;
margin-left:93px;
border:1px solid #b5a05c;
}

#animaux-all{
background:#ffffff;
width:150px;
height:40px;
text-align:center;
margin-left:93px;
border:1px solid #b5a05c;
}

#appart{
background:#ffffff;
width:150px;
height:30px;
text-align:center;
margin-left:93px;
margin-top:132px;
border:1px solid #b5a05c;
}

#divtabl2{
width:700px;
height:521px;
padding-top:66px;
text-align:center;
}

#lie1{
width:302px;
float:left;
}


#tablchambres{
background:#ffffff;
width:300px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
}

#basse-saison1{
background:#ffffff;
width:149px;
height:45px;
text-align:center;
border:1px solid #b5a05c;
float:left;

}

#haute-saison1{
background:#ffffff;
width:149px;
height:45px;
text-align:center;
border:1px solid #b5a05c;
float:left;

}

#scbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#schs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#dcbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#dchs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#dscbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#dschs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}
#tcbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#tchs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#pcbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#pchs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}


#pdcbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#pdchs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#cccbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#ccchs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#cccbs-all{
background:#ffffff;
width:149px;
height:40px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#ccchs-all{
background:#ffffff;
width:149px;
height:40px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}









#lie2{
width:302px;
float:left;
}

#tabldemi{
background:#ffffff;
width:300px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
}

#basse-saison2{
background:#ffffff;
width:149px;
height:45px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#haute-saison2{
background:#ffffff;
width:149px;
height:45px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#sdbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#sdhs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#ddbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#ddhs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#dsdbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#dsdhs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#tdbs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#tdhs{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}








#app-basse-saison{
margin-top:65px;
background:#ffffff;
width:149px;
height:65px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#app-haute-saison{
background:#ffffff;
margin-top:65px;
width:149px;
height:65px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

#prix-basse-saison{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
clear:both;
}

#prix-haute-saison{
background:#ffffff;
width:149px;
height:30px;
text-align:center;
border:1px solid #b5a05c;
float:left;
}

/**MENTIONS LEGALES**/

#texte-mentions{
width:215px;
height:536px;
margin-left:40px;
margin-top:15px;
text-align:justify;
}