*{margin:0; padding:0;}
body{ text-align:center; background:#858585;} 
#content{ width:900px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
#content.presentation{ height:1300px;}
#content.descriptif{ height:3600px;}
#content.tarifs{ height:2400px;}
#content.station{ height:3900px;}
#content.infos{ height:1000px;}
#content.contact{ height:580px;}
/* HEADER*/
#header{width:900px; height:215px; background: url(../../images/header_ete.jpg); position:relative;}
#header ul{ position:absolute; bottom:0; left:1px;}
#header ul li{ display:inline; list-style-type:none;}
#header ul li a{ display:block; width:104px; height:23px; background: url(../../images/onglet_ete.jpg) top left;; float:left; text-decoration:none; font-size:0.8em; padding:5px 0 0 0; color:#FFFFFF;}
#header ul li a:hover{ display:block; width:104px; height:23px; background: url(../../images/onglet_ete.jpg) center left; float:left; text-decoration:none; font-size:0.8em; padding:5px 0 0 0; color:#FFFFFF;}
#header ul li a.selected{ display:block; width:104px; height:23px; background: url(../../images/onglet_ete.jpg) bottom left; float:left; text-decoration:none; font-size:0.8em; padding:5px 0 0 0; color:#669933;}

/* SOUS MENU*/
#sousmenu{ background:#ffffff; float:left; width:170px; padding:10px 0; height:100%;}
#sousmenu #sousmenu_nav{ background: url(../../images/sousmenu_ete_01.jpg) top left no-repeat; padding:15px 0 0 0; font-size:0.8em;}
#sousmenu #sousmenu_nav ul{ background: url(../../images/sousmenu_ete_02.jpg) bottom left no-repeat #9bd16f; padding:0 0 15px 20px; text-align:left;}
#sousmenu #sousmenu_nav ul li{ list-style-type:none;}
#sousmenu #sousmenu_nav ul li a{ color:#FFFFFF; text-decoration:none;}
#sousmenu #sousmenu_nav ul li a:hover{ color:#669933;}
#sousmenu #sousmenu_nav ul li a.selected{ color:#669933; font-weight:bold;}

/* CONTENU MILIEU*/
#contenu_milieu{ background:#ffffff; float:left; width:520px; padding:10px 20px 10px 20px; height:100%; text-align:left;}
#contenu_milieu h1{ padding:0 5px 10px 0; color:#9bd16f; font-size:1.1em; border-bottom:1px solid #9bd16f; margin:0 0 8px 0;}
#contenu_milieu h2{ padding:0 10px 0 0; color:#9bd16f; font-size:0.9em; font-weight:bold;}
#contenu_milieu h3{ padding:0 10px 0 0; color:#666; font-size:0.8em; font-weight:bold; clear:both;}
#contenu_milieu img{ padding:10px 0 10px 0; display:block;}
#contenu_milieu img.img_double { float:left; padding:10px 20px 10px 0;}
#contenu_milieu p{ font-size:0.8em; padding:10px 0; text-align:justify;}
#contenu_milieu p.retourligne{ clear:both;}
#contenu_milieu ul, #contenu_milieu ol{ font-size:0.8em; padding:0 0 0 30px; text-align:justify;}
#contenu_milieu ol li{ padding-top:20px;}
#contenu_milieu p.hautdepage{padding-bottom:30px;}
#contenu_milieu p.hautdepage a{ color:#666666;}
#contenu_milieu a{ color:#9bd16f;}
#contenu_milieu br{ clear:both;}

/* SLIDESHOW HOME*/
#contenu_milieu #imagerotator{ width:490px; height:390px; position:relative; margin-left:15px;}
#contenu_milieu #imagerotator a.precedent{ display:block; width:40px; height:40px; background:url(../../images/player-home-ete_left.png); text-indent:-9999px; position:absolute; top:150px; left:-20px; z-index:500;}
#contenu_milieu #imagerotator a.suivant{ display:block; width:40px; height:40px; background:url(../../images/player-home-ete_right.png); text-indent:-9999px; position:absolute; top:150px; right:-20px; z-index:500;}
#contenu_milieu #imagerotator #zonevisible{ width:490px; height:390px; overflow:hidden; position:relative}
#contenu_milieu #imagerotator #zonevisible #slides{ width:360px; height:130px; list-style-type:none;}
#contenu_milieu #imagerotator #zonevisible #slides li{ position:absolute;}

/* DROITE*/
#droite{ background:#9bd16f; float:left; width:170px; padding:10px 0; height:100%;}
#droite img{border:0;}
#droite .btn_version_hiver a{ display:block; width:145px; height:24px; background:url(../../images/btn_version_hiver.png) top; margin:0 0 2px 8px;padding:6px 10px 0 0; font-size:0.8em; color:#fff; text-decoration:none; text-align:right;}
#droite .btn_version_hiver a:hover{ background:url(../../images/btn_version_hiver.png) bottom;}

#droite .btn_version_ete a{ display:block; width:145px; height:24px; background:url(../../images/btn_version_ete.png) top; margin:0 0 2px 8px;padding:6px 10px 0 0; font-size:0.8em; color:#fff; text-decoration:none; text-align:right;}
#droite .btn_version_ete a:hover{ background:url(../../images/btn_version_ete.png) bottom;}
#droite h2{font-size:0.8em; color:#fff; border-bottom:#fff 1px solid; margin:0 15px; text-align:right;}
#droite p.partenaires{color:#fff; font-size:0.8em; text-align:right; padding:0 15px 0 0;}
#droite p.partenaires a{color:#fff;}
#droite p.partenaires a:hover{text-decoration:none;}


/*PAGE CONTACT*/
#content.contact #contenu_milieu #contact_courrier{ float:left; width:220px; height:100px; border: 1px solid #CCC; padding:4px 10px; margin: 0 36px 10px 0;}
#content.contact #contenu_milieu #contact_courrier h2{ background: url(../images/contact_picto_courrier.gif) no-repeat top left; padding:5px 0 0 35px; height:30px; margin:0;}
#content.contact #contenu_milieu #contact_courrier p{margin:0; padding:0 0 0 10px;}
#content.contact #contenu_milieu #contact_telephone{ float:left; width:220px; height:100px; border: 1px solid #CCC; padding:4px 10px;}
#content.contact #contenu_milieu #contact_telephone h2{ background: url(../images/contact_picto_tel.gif) no-repeat top left; padding:5px 0 0 35px; height:30px; margin:0;}
#content.contact #contenu_milieu #contact_telephone p{margin:0; padding:0px;}
#content.contact #contenu_milieu #contact_mail{ clear:left; texte-align:right;}
#content.contact #contenu_milieu #contact_mail h2{ background: url(../images/contact_picto_mail.gif) no-repeat top left; padding:6px 0 0 35px; height:30px; margin:0;}
#content.contact #contenu_milieu #contact_mail p{ margin:0 0 2px 0; padding:0; width:400px; text-align:right;}
#content.contact #contenu_milieu #contact_mail p.message{ margin:10px 0; padding:0 0 0 9px; text-align:left; width:200px;}
#content.contact #contenu_milieu #contact_mail p.envoyer{ text-align:left; padding:0 0 0 8px;}
#content.contact #contenu_milieu #contact_mail p.envoyer input{font-size:1.2em;}

/*PAGE TARIFS*/
#content.tarifs #contenu_milieu #sharedhouse{ width:210px; float:left;}
#content.tarifs #contenu_milieu #sharedhouse iframe{border:0;width:215px;}
#content.tarifs #contenu_milieu .legende{ width:308px; float:left; background:#F1F1F1; padding:5px 0; border:#ccc 1px solid;}
#content.tarifs #contenu_milieu .legende h3{margin: 0 0 0 10px;}
#content.tarifs #contenu_milieu .legende p.periodes{ font-size:0.7em; margin: 0 0 5px 10px; padding:0; color:#999;}
#content.tarifs #contenu_milieu .legende ul{ margin: 0 0 0 10px; padding:0;}
#content.tarifs #contenu_milieu .legende li{ list-style-type:none; line-height:18px;}
#content.tarifs #contenu_milieu .legende li span{ padding:2px 5px; margin: 0 5px 0 0; text-align:center; background:#F29400; font-size:0.8em;}
#content.tarifs #contenu_milieu .legende li#ths span{background:#F29400;}
#content.tarifs #contenu_milieu .legende li#hs span{background:#FFDD00;}
#content.tarifs #contenu_milieu .legende li#ms span{background:#91E600;}
#content.tarifs #contenu_milieu .legende li#bs span{background:#00D9E6;}
#content.tarifs #contenu_milieu .legende li#nd span{background:#C6C7C8; text-decoration:line-through; color:#fff;}
#content.tarifs #contenu_milieu .bas{ margin-top:10px;}
#content.tarifs #contenu_milieu .haut{ margin-top:20px;}
#content.tarifs #contenu_milieu table{ margin:20px 0; font-size:0.8em; width:520px; text-align:center; border:1px solid #999;}
#content.tarifs #contenu_milieu table th{ height:45px; border:1px solid #999; background:#CCC;}
#content.tarifs #contenu_milieu table td{ height:45px; border:1px solid #999;}

/*PAGE DESCRIPTIF : GALLERIE*/
#content.descriptif .galleria{list-style:none;width:520px; padding:0;}
#content.descriptif .galleria li{display:block; width:60px; height:60px; overflow:hidden ;float:left; margin:0 10px 10px 0}
#content.descriptif .galleria li a{display:none}
#content.descriptif .galleria li div{position:absolute;display:none;top:0;left:180px}
#content.descriptif .galleria li div img{cursor:pointer}
#content.descriptif .galleria li.active div img,.galleria li.active div{display:block}
#content.descriptif .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
#content.descriptif .galleria li .caption{display:block;padding-top:.5em}
#content.descriptif p.nav{ float:left; width:520px;}
#content.descriptif br { clear:both;}
#content.descriptif .galleria_wrapper{ width:520px; height:390px; padding:0 0 15px 0; background:url("../../images/gallerie/i03.jpg") no-repeat;}
#content.descriptif.appart2 .galleria_wrapper{ width:520px; height:390px; padding:0 0 15px 0; background:url("../../images/gallerie2/i01.jpg") no-repeat;}
#content.descriptif img.replaced { padding:0; margin-top:10px;}


/*::::::::::::::::::::::: Version Slideshow :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#content.descriptif #slideshow{  width:520px; padding-right:20px; text-align:justify; float:left;}
*html #content.descriptif #slideshow{  width:520px; padding-right:16px; text-align:justify; float:left;}/*ie6*/
#content.descriptif #slideshow p.intro{font-size:14px; color:#666; padding-bottom:20px;}
#content.descriptif #slideshow p.date{ font-size:11px; color:#CCC; font-family:Arial, Helvetica, sans-serif; padding:20px 0 0 0;}

#content.descriptif #slideshow #slider{ width:520px;}
/*Viewer*/
#content.descriptif #slideshow #viewer{ width:500px; height:300px; background:#edede6; text-align:center; border:#e2e0e0 1px solid; position:relative; margin:0 0 120px 0;}
#content.descriptif #slideshow #viewer a.flecheleft{ position:absolute; left:-20px; top:120px;}
#content.descriptif #slideshow #viewer a.flecheright{ position:absolute; right:-20px; top:120px;}
#content.descriptif #slideshow #viewer p{ text-align:left; font-size:14px; color:#666;}
#content.descriptif #slideshow #viewer p sup{ vertical-align:top; font-size:8px;}
#content.descriptif #slideshow #viewer a{ color:#000;}
#content.descriptif #slideshow #viewer a:hover{ color:#c6c0bc;}

/*Slider produits bas*/
#content.descriptif #slideshow #slider #nav{ width:520px; height:120px; float:left; position:relative;background:#edede6; padding-top:10px; border:#e2e0e0 1px solid; margin-bottom:10px;}
#content.descriptif #slideshow #slider #nav a.fleche{ float:left; padding:40px 5px;}
#content.descriptif #slideshow #slider #nav a.fleche:hover{opacity : 0.5; -moz-opacity : 0.5; -ms-filter: "alpha(opacity=50)"; }
#content.descriptif #slideshow #slider #nav ul#zone-defil{ width:520px; height:110px; float:left; list-style-type:none; position:relative; overflow:hidden;}
#content.descriptif #slideshow #slider #nav ul#zone-defil li.produit{ width:110px; height:110px; background:url(/partage/images/animation/FR_FR/slider-m6b_bg-produit.png); float:left; text-align:center; position:absolute;}
#content.descriptif #slideshow #slider #nav ul#zone-defil li.produit a img{ width:110px; height:110px; -ms-interpolation-mode: bicubic;}
#content.descriptif #slideshow #slider #nav ul#zone-defil li.produit a:hover img{ width:108px; height:108px; -ms-interpolation-mode: bicubic; border:#c6c0bc 1px solid;}