/*********************************
*     **   ** ***  * *** **      *
*    *  * *    *  *  *   * *     *
*    *  * *    *     **  * *     *
*    *  * *    *     *   * *     *
*     **   **  *     *** *       *
********************************** 
* Copyright (c) Eddy MARIANNE    *
* Oct'Ed Ingénierie - 2010       *
* http://www.octed-ingenierie.fr *
*********************************/

body{
margin: 0;
text-align: center; 
background-color: #621A00; 
font-family: Georgia, "DejaVu Serif", Norasi, serif;
font-size: 12pt;
}

a{
color:#621a00;
} 
a img{
border: none;
}

h1, h2{
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

#page{
width: 900px;
margin: auto;
background-color:#fdffbf;
overflow: auto;
}

#entete{
height: 100px;
}

#langues{
position: relative;
top: -35px;
text-align: right;
}

#titre{
}

#photos{
text-align: right;
padding-right: 20px;
height: 424px;
line-height: 424px;
margin-bottom: -424px;
}

#photos img{
vertical-align: middle;
padding-top:20px;
}   

#menu{
background-image: url("../imgs/arabesque1.png");
background-position: top left;
background-repeat: no-repeat;
text-align: left;
width: 900px;
height: 424px;
position:relative;
z-index:10;
}

.menudiv{
height: 75px;
line-height: 75px; 
}

.menudiv a img{
vertical-align: middle;
}

#menu-accueil{
margin-left: 130px;
padding-top: 20px;
}

#menu-alentours{
margin-left: 80px;
}

#menu-chambres{
margin-left: 50px;
}

#menu-reserver{
margin-left: 80px;
}

#menu-noustrouver{
margin-left: 130px;
}

.menuitem{
}

.menuitem:hover{
border: solid;
border-width: 1px;
border-color: #621A00;
}
/*pour IE
.menudiv a:hover{
border: solid;
border-width: 1px;
border-color: #621A00;
}
/**/

.menuitem-focus{
border: solid;
border-width: 1px;
border-color: #621A00;
}

#titre-page{
height:70px;
background-image: url("../imgs/arabesque2.png");
background-position: bottom left;
background-repeat: no-repeat;
width:900px;
line-height: 70px;
}

h3 img{
vertical-align: middle;
}

h3{
font-size:13pt;
}

#contenu{   
width: 840px;
margin-left: 27px;
border: solid;
border-width: 3px;
border-color: #621A00;
background-image: url("../imgs/contenu.png");
background-position: top;
background-repeat: repeat-y;
}

#visite{
padding:0;
margin:0;
list-style-type:none;
}

#visite li{
margin-right: 0;
margin-left: 0;
float:left; /*pour IE*/
}

#visite h3{
margin:0;
}

#visite a {
display:block;
float:left;   
width:110px;
line-height: 60px;
vertical-align: middle;
background-color: white;
text-decoration:none;
text-align:center;
padding-left:5px;
padding-right:5px;
}
#visite a:hover {
background-color: #621a00;
color: white;
}
 
#visite a.focus{
background-color: #621a00;
color: white;
}
#visite a.simple{
line-height:100px;
}              
#visite a.dble{
line-height:30px;
padding-top:20px;
padding-bottom:20px;
}

#contenu p{
clear: both;
margin:20px;
}

#contenu-accueil p{
text-align: center;
}
#accueil-desc{
float:left;
text-align: left;
width: 650px;
margin-left:20px;
}
#gite{
float:left;
width: 100px;
padding-top: 20px;
}
#gite img{
width:100px;
height:100px;
}

.info{
font-weight:bold;
font-size:13pt;
}
#info{
text-align: left;
margin-left: 20px;
}

.row{
clear:both;
padding-top:5px;
}
.label{
float:left;
width:300px;
text-align:right;
}
.input{
float:right;
width:500px;
text-align:left;
}
.input input[type=text]{
width: 150px;
}
input[type=submit]{
margin-bottom: 10px;
}

#captcha{
vertical-align: middle;
}

.input a{
cursor: pointer;
text-decoration:none;
}

#desc{
clear:both;
float:left;
width:400px;;
}

.desc{
text-align:left;
padding-left:50px;
}

#detail-chambre{
text-align:left;
line-height:30px;
margin-left:50px;
}

#tarifs{
float:right;
width:420px;
}

.tarifs{
text-align:right;
padding-right:50px;
padding-top:20px;
}

#reservation{
color:white;
background-color:#621a00;
text-decoration:none;
padding-left:50px;
padding-right:50px;
padding-top:10px;
padding-bottom:10px;
display: inline-block;
}

#reservation:hover{
border:solid;
border-width:2px;
border-color:#621a00;
background-color:white;
color:#621a00;  
}
.info{
clear:both;
}
#contenu-noustrouver{
text-align: left;
padding-top: 20px;
}

#coordonnees{
text-align: center;
width:250px; 
height: 350px;
padding-left:10px;
margin-bottom: -340px;
}

#gps{
margin-top: 50px;
}

#carte{
position:relative;
width: 500px;
height: 300px;
left: 300px;
margin-bottom: 10px;
}

#carte img{
width:500px; 
height:300px;
}

#contenu-mentions-legales{
text-align:left;
margin-left:25px;
}
#contenu-mentions-legales h3{
text-align:left;
margin-left:15px;
}
#contenu-mentions-legales p{
margin-left:0;
margin-right:25px;
}

#pied{
margin-top:20px;
background-color: #621A00;
color: white;
clear:both;
}

#pied a{
color: white; 
}