/* CSS Document */

body {margin:0 auto; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f6060; background:url(imgs/fd.jpg) repeat-x; background-color:#ddd7d4;}
h1 {margin:0px; font-family:"Arial Narrow", Arial, sans-serif; color:#786052; font-size:24px; font-weight:lighter}
.clair {color:#cbaaaa}
ul {margin:0; margin-left:14px; padding:0;}
* html ul {margin-left:16px;}

/*STYLE LIEN*/
a:link, a:visited, a:active {font-family:Arial, Helvetica, sans-serif; color:#938075; text-decoration:none;}
a:hover {color:#938075; text-decoration:underline; cursor:hand;}
#blanc a:link, #blanc a:visited, #blanc a:active, #blanc a:hover {color:#FFFFFF; text-decoration:none;}
.clair a:link, .clair a:visited, .clair a:active {color:#cbaaaa; text-decoration:none;}
.clair a:hover {color:#cbaaaa; text-decoration:underline;}
.fonce a:link, .clair a:visited, .clair a:active {color:#6f6060; text-decoration:none;}
.fonce a:hover {color:#6f6060; text-decoration:underline;}
/*FIN STYLE LIEN*/


/*CONTENEUR*/

#conteneur {margin:0px auto; width:970px; min-height:100%; height:auto !important; height:100%; background-color:#FFFFFF;}


/*HEADER*/

#ban {margin:0px; width:100%; height:370px; float:left;}
#ban_haut {margin:0px; width:100%; height:134px; background-image:url(imgs/tetiere.jpg); background-position:center; background-repeat:no-repeat; float:left;}
#ban_bas {margin:0px; width:100%; height:202px; float:left;}
#menu {margin:0px; width:100%; height:34px; float:left;}


/*CONTENU*/

#contenant {margin:0px; width:100%; height:auto; background-color:#FFFFFF; float:left;}
#contenant_gauche {margin:0px; width:728px; padding-top:27px; /*min-height:530px; height:auto !important; height:530px; */float:left;}
#contenant_droite {margin:0px; width:242px; padding-top:27px; height:auto; background-color:#DDD7D4; float:left;}
#contenu_gauche {margin:0px; margin-left:19px; width:709px; height:auto;}
#contenu_droite {margin:0px; margin-left:14px; width:214px; height:auto;}
.marge_txt {margin-left:3px; margin-right:10px;}
#ombre {margin:0px; margin-left:667px; width:42px; height:333px; background-image:url(imgs/ombre.png); background-repeat:no-repeat; position:absolute; clear:both;}
#bulles {margin:0px; margin-top:-27px; width:188px; height:662px; background-image:url(imgs/bulles_detente_spa.jpg); background-repeat:no-repeat; position:absolute; clear:both;}
#fondu {margin:0px; width:242px; height:141px; background-image:url(imgs/fondu.png); background-repeat:no-repeat;}
/*Pour corriger les problèmes d'affichage des png sous Internet Explorer 6*/
* html #ombre {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='imgs/ombre.png'); background-image:none;}
* html #bulles {margin-left:-19px;}
* html #fondu {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='imgs/fondu.png'); background-image:none;}


/*FOOTER*/

#footer {margin:0px auto; width:100%; height:146px; background-color:#FFFFFF;}
#footer_haut {margin:0px; width:100%; height:40px; background-color:#FFFFFF; float:left;}
#footer_menu {margin:0px; width:100%; height:14px; font-size:11px; background-color:#FFFFFF; float:left;}
#footer_bas {margin:0px; width:100%px; height:92px; font-size:11px; background-color:#00CC33; float:left;}
#footer_gauche {margin:0px; width:150px; height:92px; float:left; background-color:#FFFFFF; background-image:url(imgs/hlb_vignette.jpg); background-repeat:no-repeat; background-position:center; float:left;}
#footer_milieu {margin:0px; width:670px; height:92px; font-size:11px; background-color:#FFFFFF; float:left;}
#footer_droite {margin:0px; width:150px; height:92px; float:left; background-color:#FFFFFF; float:left;}

/*		      */
/*FORMULAIRES */
/*		      */

.reservation input {width:196px; font-size:9px; padding-left:4px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f6060; background:#FAFAFA;}
.reservation select {width:202px; border:1px solid #ccc; background:#FAFAFA; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f6060;}
.date input {width:178px; border:1px solid #ccc; background:#FAFAFA; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f6060;}
.reservation textarea {width:558px; height:100px; padding-left:4px; border:1px solid #ccc; background:#FAFAFA; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f6060;}
.information textarea {width:516px; height:100px; padding-left:4px; border:1px solid #ccc; background:#FAFAFA; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f6060;}
.cocher {width:15px; height:15px; border:1px solid #ccc; background:#FAFAFA;}
.journaliste input {width:116px; padding-left:4px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f6060; background:#FAFAFA;}

* html .reservation select {width:203px;}
* html .journaliste input {width:115px;}

#valider_journaliste {width:110px; height:46px; background-image:url(imgs/fr/valider.png); background-repeat:no-repeat;}
/*Pour corriger les problèmes d'affichage des png sous Internet Explorer 6*/
* html #valider_journaliste {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='imgs/valider.png'); background-image:none;}