@charset "utf-8";
/* CSS Document */



/* Page */ 
html {overflow-y: scroll;}
html { font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ } 
body {  margin: 0; padding: 0; font-family: Arial, Helvetica, FreeSans, sans-serif; font-size: .8em; line-height: 1.4; color: #333; background: url(../img/fond.jpg) repeat-x}
img, div, ul { behavior: url(style/iepngfix.htc) }


/* Titres */ 
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em 0; /* Rapproche le titre du texte. (5) */ line-height: 1.2; font-weight: bold; /* Valeur par défaut. (6) */ font-style: normal; } 
h1 { font-size: 1.65em; font-weight:normal; background-image: url(../img/deco.gif); background-repeat:no-repeat; padding-left:15px;} 
h2 { font-size: 1.2em; } 
h3 { font-size: 1.25em; } 
h4 { font-size: 1em; } 

.titreroom { display:block; font-size: 1.2em; color:#bc3c4b; margin: 20px 0; font-weight:bold}

.bold { font-weight:bold}
 
/* Listes */ 
ul, ol {  margin: .75em 0 .75em 32px;  padding: 0; } 
 
/* Paragraphes */ 
p { margin: .6em 0; /* Marges plus faibles que par défaut. (7) */ } 
address { margin: .75em 0; font-style: normal; } 
 
/* Liens */ 
a { text-decoration: none; } 
a:link {  color: #cc3333; } 
a:visited { color: #cc3333; } 
a:hover, a:focus, a:active { color: #333; text-decoration:underline} 

 
/* Pas de bordure autour des images dans les liens */ 
a img { border: none; } 
 
/* Divers éléments de type en-ligne (8) */ 
em { font-style: italic; } 
strong { font-weight: bold; } 
 
/* Formulaires */ 
form, fieldset { margin: 0; padding: 0; border: none; } 
input, button, select { vertical-align: middle; /* Solution pb. d'alignement. (9) */ }

.clear{ clear: both; }



#logo { }




#wrapper { width: 745px; ; margin-left:auto; margin-right:auto; margin-top:25px}


#langue  { width: 500px; height:280px;  margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:40px;}

.languebloc { display:block; width:250px; margin-top:20px;  float:left; text-align:center; font-weight:bold; font-size:14px}

#introhome { width: 245px; padding-top:8px; margin-left:20px; text-align:justify; font-family:"Times New Roman", Times, serif;}
* html #introhome { padding-top:18px;}
#introhome .introtxt { font-size:16px; line-height: 1.3em}

#wrapperint { width: 745px; ; margin-left:auto; margin-right:auto; margin-top:1px}
#intcontent { width: 675px; background-image:url(../img/int_fd.png); padding: 20px 30px 10px 40px; text-align:justify}
#intbottom { width: 745px; height:136px; background-image:url(../img/int_bottom.png)}

#intcontent ul li{ margin-bottom: 15px}

.room { display:block; float:left; width:210px;}
.rspacer { margin-right:20px}
.rspacerl { margin-right:20px; margin-left:10px}
.rtxt { display:block; width:185px; margin-left:8px;}

.imgleft { float:left; margin-right:10px}

.tarif { display:block; float:left; width:300px; padding-left:15px; height:30px; padding-top:12px; border-bottom:dotted 1px #666; margin-left:12px}
* html .tarif { display:block; float:left; width:300px; padding-left:15px; height:30px; padding-top:12px; border-bottom:dotted 1px #666; margin-left:8px}
.bgg { background-color:#666; color:#FFF; font-weight:bold; margin-top:15px}
#tarifcontent { width:620px; line-height:1,2em; margin-left:20px; margin-bottom:30px}

.illust { display:block; margin-left:auto; margin-right:auto;}
#footer { width:745px; margin-left:auto; margin-right:auto; text-align:center; font-size:.8em; background:url(../img/filet_footer.gif) top left repeat-x; padding-top:8px}
.space { margin-left:80px}

#footer a:link {  color: #cc3333; } 
#footer a:visited { color: #cc3333; } 
#footer a:hover, a:focus, a:active { color: #333; text-decoration:underline} 

.small { font-size:10px; line-height:10px} 
.videlist { list-style:none; margin-left:-10px} 

.push   { margin-bottom:20px} 

.imgcontact  { margin-bottom:20px}