@charset "utf-8";
/* CSS Document */
#global{
width:955px;
height:600px;
position:absolute; 
left: 50%;  
top: 50%;
margin-top: -300px; /* moitié de la hauteur */ 
margin-left: -478px; /* moitié de la largeur */ 
}
#global_ml{
width:550px;
height:650px;
position:absolute; 
left: 50%;  
margin-left: -325px; /* moitié de la largeur */ 
}
#main_ml{
width:550px;
height:650px;
text-align:justify;
font-size:9px;
}
#main, #main_accueil{
width:955px;
height:600px;
border: 1px solid #FFFFFF;
}
#main_accueil{
background-image:url(images/background.jpg);
}
#header,#header_ml{
float:left;
height:60px;
width:920px;
background-color:#5C4B43;
padding-top:15px;
padding-left:35px;
}
#header_ml{
width:535px;
margin-bottom:7px;
}
#actu, #actu_loisir, #actu_loisir2{
float:left;
width:264px;
height:74px;
background-color:#A4A285;
}
#actu_loisir, #actu_loisir2{
width:272px;
}
#actu_loisir2{
background-color:#15110e;
}
#menuspace{
float:left;
width:955px;
height:74px;
border-bottom:solid 3px #FFFFFF;
}
#menu, #menu_loisir{
float:left;
width:671px;
height:50px;
background-color:#251E1A;
color:#FFFFFF;
font-size:14px;
padding-top:24px;
padding-left:20px;
font-weight:lighter;
}
#menu_loisir{
padding-left:12px;
}
a.menu{
color:#FFFFFF;
text-decoration:none;
}
a.menu:hover{
color:#64908d;
}
a.menuactif{
text-decoration:none;
color:#64908d;
}
body{
background-color:#BBB896;
font-family:Arial, Helvetica, sans-serif;
}
#logo{
margin-top:50px;
margin-left:52px;
float:left;
}
#texte_accueil{
background-image:url(images/accueil_bkg.png);
border: 1px solid #493A34;
margin-left:515px;
margin-top:335px;
width:399px;
height:158px;
}
ul.actu{
list-style-image:url(images/puce_actu.png);
text-transform:uppercase;
font-size:12px;
margin-top:4px;
font-weight:bold;
color:#5C4B43;
list-style-position:outside;
}
.actu2{
text-transform:none;
font-weight:normal;
}
ul.accueil{
padding-left:36px;
list-style-image:url(images/puce.jpg);
font-size:15px;
color:#493A34;
list-style-position:outside;
margin-left:0px;
}
li.accueil:hover{
list-style-image:url(images/puce_hover.jpg);
}
li.accueil{
margin-bottom:12px;
}
a.accueil{
text-decoration:none;
color:#493A34;
}
a.accueil:hover{
text-decoration:none;
color:#006666;
}
#signature{
padding-top:10px;
text-align:center;
font-size:9px;
color:#493A34;
}
.signature, .signature:hover{
color:#493A34;
text-decoration:none;
}
.signature:hover{
text-decoration:underline;
}
#contenu, #contenu_tarif, #contenu_plan, #contenu_guide,#contenu_tarif_en, #contenu_actu{
float:left;
width:955px;
height:448px;
}
#contenu_actu{
background-image:url(images/back_actu.jpg);
}
#contenu_tarif{
background-image:url(images/back_tarifs.jpg);
}
#contenu_tarif_en{
background-image:url(images/back_tarifs_en.jpg);
}
#contenu_plan{
background-color:#322922;
}
#contenu_guide{
background-image:url(images/ref_back.jpg);
}
#partie_gauche, #partie_gauche_plan, #partie_gauche_guide, #partie_gauche_chambre, #partie_gauche_chambre_en, #partie_gauche_actu{
float:left;
height:448px;
width:264px;
}
#partie_gauche_guide{
width:272px;
}
#partie_gauche_plan, #partie_gauche_actu{
background-image:url(images/plan_hotel_oxo.jpg);
color:#403a33;
font-size:12px;
padding-left:25px;
padding-right:15px;
width:224px;
}
#partie_gauche_actu{
background-image:url(images/actu_hotel_oxo.jpg);
padding-left:0px;
padding-right:0px;
width:264px;
}
#liste_actu{
background-image:url(images/back_actu.png);
height:355px;
padding-left:20px;
padding-right:20px;
width:224px;
overflow-x:hidden;
overflow-y:auto;
color:#271c16;
font-size:14px;
}
#liste_actu a{
text-decoration:none;
color:#271c16;
}
#liste_actu a:hover{
text-decoration:none;
color:#FFFFFF;
}
#partie_gauche_chambre{
background-image:url(images/chambre_hotel_oxo_back.jpg);
text-align:right;
padding-right:15px;
width:249px;
color:#403a33;
font-size:10px;
}
#partie_gauche_chambre_en{
background-image:url(images/chambre_hotel_en.jpg);
text-align:right;
padding-right:15px;
width:249px;
color:#403a33;
font-size:10px;
}
#partie_droite,#partie_droite_guide,#partie_droite_contact,#partie_droite_loisir{
float:left;
height:430px;
width:601px;
padding-left:70px;
padding-top:18px;
padding-right:20px;
color:#322822;
font-size:13px;
}
#partie_droite_contact{
background-image:url(images/back_contact.jpg);
padding-left:20px;
width:651px;
}
#partie_droite_guide{
width:593px;
}
#partie_droite_loisir{
background-image:url(images/back_loisirs.jpg);
width:651px;
padding-left:12px;
padding-top:5px;
height:443px;
}
h1{
margin-top:0px;
margin-bottom:0px;
font-size:13px;
font-weight:bold;
}
h1.ml{
margin-top:9px;
margin-bottom:2px;
font-size:12px;
font-weight:bold;
}
h1.tarif1{
margin-top:10px;
margin-left:10px;
font-size:24px;
color:#3e322c;
}
#hotel_visit{
width:219px;
height:325px;
float:left;
margin-top:20px;
margin-left:45px;
}
#hotel_visit_image{
float:left;
width:219px;
height:301px;
}
#hotel_visit1,#hotel_visit2,#hotel_visit3{
float:left;
width:100px;
height:20px;
background-color:#251e19;
color:#FFFFFF;
padding-top:4px;
text-align:center;
}
#hotel_visit2{
width:60px;
background-color:#453831;
color:#261e1a;
}
#hotel_visit3{
width:59px;
background-color:#614f45;
color:#FFFFFF;
}
#hotel_visit3 a{
color:#FFFFFF;
text-decoration:none;
}
#hotel_visit3 a:hover{
color:#413a34;
}
#chambre_visit{
width:219px;
height:325px;
float:left;
margin-top:20px;
margin-left:35px;
}
#chambre_visit1{
float:left;
background-color:#261e1a;
color:#FFFFFF;
padding-top:4px;
height:20px;
text-align:right;
padding-right:7px;
width:212px;
}
#chambre_visit_image{
float:left;
width:219px;
height:301px;
}
#labels{
float:left;
width:63px;
height:185px;
margin-left:19px;
margin-top:56px;
line-height:7px;
}
#webcam{
float:left;
width:63px;
height:57px;
margin-left:19px;
margin-top:20px;
}
#webcam2{
float:left;
width:63px;
height:28px;
background-color:#614f45;
color:#FFFFFF;
margin-left:19px;
text-align:center;
font-size:11px;
}
#webcam2 a{
text-decoration:none;
color:#FFFFFF;
}
a.visite{
color:#FFFFFF;
text-decoration:none;
}
a.visite:hover{
color:#413a34;
text-decoration:none;
}
a.visite2{
color:#FFFFFF;
text-decoration:none;
}
a.visite2:hover{
color:#2e2520;
text-decoration:none;
}
#content{
width:547px;
height:410px;
text-align:justify;
font-size:11px;
line-height:13px;
}
#content_plan{
float:left;
width:500px;
height:400px;
color:#FFFFFF;
font-size:14px;
margin-left:120px;
margin-top:12px;
line-height:25px;
}
#content_actu{
float:left;
text-align:justify;
margin-right:40px;
margin-top:25px;
height:423px;
width:650px;
overflow-x:hidden;
overflow-y:auto;
color:#322822;
}
#content_actu h1{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}
#diapohotel{
width:547px;
height:340px;
margin-top:15px;
}
#menudiapo{
float:left;
width:50px;
height:24px;
background-color:#251e1a;
}
#menu-diapo-centre{
float:left;
height:20px;
width:447px;
text-align:center;
background-color:#251e1a;
padding-top:4px;
}
#menu-diapo-centre a{
color:#736551;
text-decoration:none;
}
#content_tarif,#content_promo{
width:820px;
height:282px;
margin-top:10px;
margin-left:80px;
}
#content_promo{
height:75px;
margin-top:0;
}
#tarif1{
float:left;
width:286px;
height:40px;
background-color:#817a76;
}
#tarif2{
float:left;
height:35px;
width:534px;
background-color:#3e322c;
color:#648f8d;
font-size:18px;
text-align:center;
padding-top:5px;
font-weight:bold;
}
#tarif3{
background-image:url(images/back_tarifs.png);
width:286px;
height:152px;
float:left;
font-size:11px;
color:#3e322c;
padding-top:60px;
}
#promo{
float:left;
background-image:url(images/back_tarifs2.png);
width:800px;
height:28px;
padding-left:20px;
padding-top:7px;
}
#tarif4{
background-image:url(images/back_tarifs2.png);
height:187px;
width:444px;
float:left;
color:#3e322c;
font-size:13px;
padding-top:25px;
padding-left:90px
}
#tarif5{
float:left;
color:#FFFFFF;
font-style:italic;
font-size:11px;
width:400px;
height:18px;
padding-top:2px;
}
#tarif6{
float:left;
color:#FFFFFF;
text-transform:uppercase;
height:18px;
padding-top:2px;
width:420px;
font-size:10px;
}
.tab_entete{
text-transform:uppercase;
font-weight:bold;
font-size:14px;
}
h2{
margin-bottom:0px;
margin-top:8px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
}
#content_guide{
float:left;
width:565px;
text-align:justify;
}
#content_contact{
margin-left:15px;
width:250px;
float:left;
}
#content_contact2{
width:345px;
height:380px;
float:right;
margin-right:22px;
}
.nom_hotel{
font-weight:bold;
text-transform:uppercase;
font-size:16px;
}
.numero{
font-weight:bold;
font-size:14px;
}
.petitnumero{
font-size:13px;
font-weight:bold;
}
.marge_droite{
margin-right:8px;
}
#content_guide1{
margin-top:25px;
margin-left:145px;
width:660px;
height:28px;
background-color:#3e322c;
color:#FFFFFF;
text-transform:uppercase;
padding-top:12px;
padding-left:25px;
font-size:12px;
}
#content_guide2{
width:685px;
height:288px;
background-image:url(images/ref_back_texte.png);
background-repeat:repeat;
margin-left:145px;
padding-top:15px;
overflow-y:auto;
overflow-x:hidden;
}
#content_guide3{
width:650px;
height:134px;
margin-left:15px;
margin-bottom:10px;
}
#content_guide4{
width:560px;
height:134px;
float:left;
text-align:justify;
font-size:12px;
}
.guide{
margin-left:36px;
width:520px;
}
input{
width:198px;
border:1px #43382f solid;
background-image:url(images/back_input.png);
}
#label_com{
width:287px;
background-color:#65908e;
border:1px #43382f solid;
color:#FFFFFF;
font-size:9px;
font-weight:bold;
height:15px;
padding-top:3px;
padding-left:5px;
margin-top:8px;
margin-left:13px;
}
textarea{
width:292px;
margin-top:0px;
border-bottom:1px #43382f solid;
border-left:1px #43382f solid;
border-right:1px #43382f solid;
border-top:0px;
background-image:url(images/back_textarea.png);
background-repeat:no-repeat;
height:164px;
margin-left:13px;
}
table.contact{
margin-left:12px;
height:100px;
color:#FFFFFF;
text-transform:uppercase;
font-size:10px;
}
button{
background-image:url(images/bouton_form_envoi.jpg);
width:81px;
height:18px;
border:0px;
color:#7a7a7a;
font-size:12px;
margin-left:225px;
margin-top:12px;
}
button:hover{
cursor:pointer;
color:#fc9639;
}
.alerte{
color:#fc9639;
}
#content_loisir{
background-image:url(images/back_loisir_txt.png);
width:638px;
height:342px;
text-align:justify;
font-size:11px;
padding-left:10px;
padding-right:10px;
}
#content_loisir2{
background-image:url(images/back_contenu_loisir.png);
width:658px;
height:18px;
text-align:center;
color:#FFFFFF;
font-size:12px;
padding-top:3px;
}
#warning{
color:#FF0000;
width:230px;
margin-top:48px;
margin-left:auto;
margin-right:auto;
}
.warn{
color:#FF0000;
text-decoration:none;
}