@charset "windows-1252";

* {font-family : Arial, Helvetica, sans-serif;  font-size : 14px;  background-color: #FFFFCC;}

.logo {text-align: center; margin-left: 200px; font-size : 16px;}

.logo h1 {font-family :  cursive;  color: #DD6E00;  font-size: 20px;}

#menu {padding-left: 0; margin-left: 0; width: 200px; overflow: hidden; position: absolute; top: +10em;}

#menucontainer ul {margin: 0; padding: 0; list-style-type: none; font-family: cursive;}

#menucontainer li {margin: 0;}

#menucontainer a {display: block; padding: 5px 10px; width: 180px; color: #DD6E00; background-color: #FFCC99; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #333; border-right: 1px solid #333;font-family: cursive; font-weight: bold; font-size: 14px;}

#menucontainer a:hover {color: #000; background-color: #FFC09B; text-decoration: none; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}

#menucontainer ul ul li {margin: 0;}

#menucontainer ul ul a {display: block; padding: 5px 5px 5px 30px; color: #FB7D00; width: 180px; background-color: #FFDBB6; text-decoration: none; font-weight: bold;font-family: cursive;}

#menucontainer ul ul a:hover {color: #000; background-color: #FFC09B; text-decoration: none;}

.contenu {margin-left: 200px; margin-right: 20px; margin-top: 10px; padding-left: 20px; text-align: justify;}
.contenu a { color: #FB7D00;text-decoration: none; }
.contenu a:hover { background-color: #FFCC99;  }
.contenu h2 {font-weight: bold; font-size: 16px; text-align: center;color: #FB7D00; }
.contenu img {  border:0px none;}

.imgleft {float: left;  padding-right: 20px; width:160px;}

.imgplan {float: left;  padding-right: 20px; width:350px;}

.imgcenter {text-align:center; margin-top:10px;}

.imgright {float: right;  padding-left: 20px; width:160px;}

.charm {position:absolute ; left:40px ;}

.charm img {left:0px ; border:none 0px;}

.logog {position:absolute;  right:0px ; padding-right: 20px;}

.logog img {border: 0px none;}

.logoe {position:absolute;  right:90px ; top:25px;}

.logoe img {border: 0px none;}

.cadreleft {float: left; height: 200px; text-align: center; width: 375px;}
.cadreleft img { margin-top:10px;border:none; } 

.cadreright {margin-left:375px; text-align: center; height:200px; }
.cadreright img { margin-top:10px;border:none; }

#chambre { text-align:center;width:750px;height:425px; }
#chambre tr {height:50%; }
#chambre td {width:50%; }
#chambre img {border: 0px none;}

#texte { text-align:left; }
#texte p { text-align:center;color:#DD6E00; font-weight: bold; font-size : 20px; }

#framb a { margin-top:10px;font-family: cursive; text-decoration: none; color:#FF99FF;font-weight: bold; font-size: 18px; }	
#framb a:hover { color: #000; background-color: #FF99FF; text-decoration: none; }	


#nuage a { margin-top:10px;font-family: cursive; text-decoration: none; color:#6699FF;font-weight: bold; font-size: 18px; }
#nuage a:hover { color: #000; background-color: #6699FF; text-decoration: none; }	

#champ a { margin-top:10px;font-family: cursive; text-decoration: none; color:#33CC66;font-weight: bold; font-size: 18px; }
#champ a:hover { color: #000; background-color: #33CC66; text-decoration: none; }	

#sol a { margin-top:10px;font-family: cursive; text-decoration: none; color:#DD6E00;font-weight: bold; font-size: 18px; }
#sol a:hover { color: #000; background-color: #DD6E00; text-decoration: none; }	

#prix { text-align:center;width:600px;height:80px; border: 1px solid #DD6E00; border-collapse:collapse;}
#prix th { color: #DD6E00; background-color: #FFCC99; border: 1px solid #DD6E00;  font-weight: bold; }
#prix tr { border: 1px solid #DD6E00; }
#prix td { color: #FB7D00; background-color: #FFDBB6; border: 1px solid #DD6E00; }

.reserve { background-color: #fff; }

.envoyer { font-family: cursive; color: #DD6E00; background-color: #FFCC99; font-weight: bold; font-size: 14px;}

.center { text-align: center; }

#titre { text-align: center;color:#DD6E00; font-weight: bold; font-size : 20px; }