html, body { width: 100%; height: 100%; }
body{background: #000; margin:0; padding:0;}

#cadre{margin:0; padding:0; width:100%; height:100%; border:0px;}
#cadre td{width:100%; height:100%;  vertical-align:middle;}

#conteneur{width: 760px; height:590px; background:#fff; position: relative; margin:0px auto; text-align:center; font-family: times new roman, serif; font-size:13px;}
#fond{width: 760px; height:170px; background:url(images/fond.gif); text-align:center;}
#fond img{position: absolute; top:130px; left:50%; margin-left:-134px; border:0px;}

#footer{
width: 860px; height:32px; background:url(images/coins.gif); position: absolute; left:50%; margin-left:-430px; top:519px; text-align: center;
font-family: times new roman, serif; color:#c03; font-size:14px; padding-top: 50px;
}

h1{font-family: times new roman, serif; color:#c03; font-size:14px; width:400px; text-align:center; margin: 4px auto 0px; font-weight: normal; letter-spacing: 3px;}

#menu{color:#cdc6a9; font-family: arial, sans-serif; font-size:18px; margin-top:15px; letter-spacing: 3px; margin-bottom:15px;}
#menu a{color:#c03; font-family: times new roman, serif; font-size:16px; text-decoration:none; letter-spacing: 1px;}
#menu a:hover{color:#000; font-family: times new roman, serif; font-size:16px; text-decoration:none; letter-spacing: 1px;}

#menu a.active{color:#000;}

#map{border-top:1px solid #cdc6a9; border-bottom:1px solid #cdc6a9;}
#map.bande{width: 760px; height: 240px;}

#footer a{color:#c03;}

#french{width:29px; height:15px; background:url(images/french.gif); position:absolute; top:13px; left:715px; display:block;}
#english{width:29px; height:15px; background:url(images/english.gif); position:absolute; top:13px; left:675px; display:block;}

#french.langue{background-position:0px 15px;}
#english.langue{background-position:0px 15px;}

.reflet{width:760px; height:100px; position:absolute; left: 0px; top:480px;}

.contenu{width: 750px; height: 270px; border-top:1px solid #cdc6a9; position: relative; border-bottom:1px solid #cdc6a9; text-align: justify; padding-right:10px; background: #ece9de;}
.form{width: 760px; height: 270px; border-top:1px solid #cdc6a9; position: relative; border-bottom:1px solid #cdc6a9; background: #ece9de;}

.contenu #diaporama{width: 300px; height: 270px; float:left; margin-right:10px;}

#legende{position:absolute; width:760px; text-align:center; z-index:10; margin-top:10px; left:0px;}

.pic_h{
height:13px; padding-left:18px; 
background:url(images/horaires.gif); background-repeat:no-repeat; background-position:left bottom;
color:#000; cursor:pointer; margin-left:8px; margin-right:8px;
}

.pic_h:hover{
height:13px; padding-left:18px; 
background:url(images/horaires.gif); background-repeat:no-repeat; background-position:left bottom;
color:#c03; cursor:pointer; margin-left:8px; margin-right:8px;
}

.pic_m{
height:13px; padding-left:18px; 
background:url(images/menus.gif); background-repeat:no-repeat; background-position:left bottom;
color:#000; cursor:pointer; margin-left:8px; margin-right:8px;
}

.pic_m:hover{
height:13px; padding-left:18px; 
background:url(images/menus.gif); background-repeat:no-repeat; background-position:left bottom;
color:#c03; cursor:pointer; margin-left:8px; margin-right:8px;
}

.pic_p{
height:13px; padding-left:18px; 
background:url(images/pano.gif); background-repeat:no-repeat; background-position:left bottom;
color:#000; cursor:pointer; margin-left:8px; margin-right:8px;
}

.pic_p:hover{
height:13px; padding-left:18px; 
background:url(images/pano.gif); background-repeat:no-repeat; background-position:left bottom;
color:#c03; cursor:pointer; margin-left:8px; margin-right:8px;
}

.pic_i{
height:13px; padding-left:18px; 
background:url(images/infos.gif); background-repeat:no-repeat; background-position:left bottom;
color:#000; cursor:pointer; margin-left:8px; margin-right:8px;
}

.pic_i:hover{
height:13px; padding-left:18px; 
background:url(images/infos.gif); background-repeat:no-repeat; background-position:left bottom;
color:#c03; cursor:pointer; margin-left:8px; margin-right:8px;
}

#reservations{margin:0px auto; width:auto; padding:0;}
#reservations .inputtext{font-family: times new roman, serif; font-size:14px; width:60px;}
#reservations .inputgdtext{font-family: times new roman, serif; font-size:14px; width:120px;}
#reservations select,
#reservations option {font-family: times new roman, serif; font-size:14px; background:#ece9de;}
#reservations .label{text-align:right;}
#reservations .champs{text-align:left;}
#reservations td{width: auto; white-space:nowrap;}

.submit{font-size:12px; font-family: 'times new roman', serif; background:#ece9de;}
.confirmation{font-size:16px; width:300px; margin:0px auto; color:#4a453c; text-align: center;}