* {padding:0; margin:0; background-repeat:no-repeat;}
ul {list-style:none;}
a {text-decoration:none;}
a img {border:0;}
body {background-image:url(images/background.png);background-repeat:repeat-x;background-color:#999;font-family:Arial, Helvetica, sans-serif;}
.center{text-align:center;}
.clear{clear:both;}


#cadre {width:1000px; margin:0 auto;}
#cadre .top{background-image:url(images/site_top.png);height:10px; padding:0 10px;}
#cadre .mid{background-image:url(images/site_mid.png);background-repeat:repeat-y; padding:0 10px;}
#cadre .bot{background-image:url(images/site_bot.png);height:8px; padding:0 10px;}


#header {background-image:url(images/banniere.png);height:239px;background-position:left;}
#header .logo{background-image:url(images/logo.png);height:224px;line-height:18px;padding:0 0 14px 0;width:230px;float:right;background-position:center 15px;font-size:12px;text-align:center;color:#B2B1A8;}
#header .logo a{color:#DD2;}
#header .logo a:hover{text-decoration:underline;}
#header .logo a.linkhome{display:block;width:100%;height:170px;}
/*#header .logo{background-image:url(images/logo.png);height:100%;width:230px;float:right;background-position:center;}*/


#menu{width:100%;height:47px;line-height:47px;}
#menu ul {height:100%;}
#menu ul li {height:100%;float:left;width:98px;text-align:center;background-image:url(images/separateur.png);background-position:left;}
#menu ul li a {display:block;width:97px;margin-left:1px;height:100%;color:#B2B1A8;font-size:12px;background-image:url(images/menu.png);background-repeat:repeat-x;}
#menu ul li a:hover, #menu ul li.selected a {color:#1D1D13;font-weight:bold;background-image:url(images/menu_over.png);}
#menu ul li.first{background:none;width:88px;}
#menu ul li.first a{width:88px;margin:0;}
#menu ul li.loisirs{width:115px;}
#menu ul li.loisirs a{width:114px;}
#menu ul li.piscine{width:93px;}
#menu ul li.piscine a{width:92px;}
#menu ul li.photos{width:87px;}
#menu ul li.photos a{width:86px;}
#menu ul li.loc-chalet{width:104px;}
#menu ul li.loc-chalet a{width:103px;}
#menu ul li.tarifs{width:101px;}
#menu ul li.tarifs a{width:100px;}


#contenu {padding:10px 0;}

#col1{float:left;width:274px;padding:0 5px 0 13px;}

.bloc2{width:258px;height:102px;padding:5px;background-image:url(images/bloc_orange.png);font-size:14px;font-weight:bold;color:#1D1D1E;line-height:30px;text-align:center;}
#col1 .bloc2 a{color:#1D1D1E;}
.bloc2 img{float:left;padding:0 5px;}

.bloc2a{width:240px;height:102px;padding:15px; font-size:14px;font-weight:bold;color:#1D1D1E;line-height:30px;text-align:center;}
#col1 .bloc2a a{color:#1D1D1E;}
.bloc2a img{float:left;padding:0 5px;}

.bloc2b{width:230px;height:102px;padding:15px;font-size:14px;font-weight:bold;color:#1D1D1E;line-height:30px;text-align:center;}
#col1 .bloc2b a{color:#1D1D1E;}
.bloc2b img{float:left;padding:0 5px;}


#menu_g {width: 274px;}
#menu_g a {color:#1D1D1E;}
#menu_g img {float:left; padding: 0 5px; border:0;}
#menu_g div {background-image: url("images/bloc_orange.png"); color: #1D1D1E; font-size: 14px; font-weight: bold; height: 102px; line-height: 30px; padding: 5px; text-align: center;}
#menu_g div.l {padding: 15px; background:none;}

#div_social { background-image:none; padding:0 0 0 0px; height:20px; line-height:0px; padding:0; margin:0;}
#div_social div { background-image:none; height:20px; line-height:0px; padding:0; margin:0;}
#div_social div.s_go {display: inline; float: left; margin-right: 15px; margin-left:25px;}
#div_social div.s_tw {display: inline; float: left; margin-right: 15px;}	  
#div_social div.s_fb {float: left;}

#col2{float:left;width:676px;color:#B2B1A8;font-size:13px;padding-right:12px;}
#col2 .top{background-image:url(images/bloc_central_top.png);height:48px;padding:0 20px;}
#col2 .mid{background-image:url(images/bloc_central_mid.png);background-repeat:repeat-y;padding:0 20px 8px 20px;}
#col2 .bot{background-image:url(images/bloc_central_bot.png);height:11px;padding:0 20px;}
#col2 a {color:#FFA400;}
#col2 a:hover {text-decoration:underline;}
#col2 .center{text-align:center;}
#col2 img{float:right;margin-left:8px;}

table.tarifs{color:#333;font-size:12px;}
table.tarifs thead th {background-color:#F90;line-height:20px;}
table.tarifs tbody th {background-color:#FFC;text-align:center;line-height:20px;}
table.tarifs tbody td {background-color:#FF9;text-align:center;padding:3px 0;}
table.tarifs em {font-size:10px;}
table.tarifs sup {font-size:8px;}

#contenu h1{height:48px;line-height:48px;color:#FFA400;background-image:url(images/fleche_jaune.png);background-position:left center;text-indent:20px;position:absolute;margin-top:-48px;}
#contenu h2{height:30px;line-height:30px;margin-bottom:5px;font-size:16px;font-weight:bold;color:#FFA400;background-image:url(images/feuille.png);background-position:left center;text-indent:15px;text-transform:uppercase;clear:both;}
#contenu p {text-indent:10px;padding-bottom:8px;line-height:18px;text-align:justify;}
#contenu ul{padding-bottom:8px;}
#contenu ul li:before{content:"- ";}


#news {width:274px;}
#news .top {height:48px;line-height:48px;font-size:18px;font-weight:bold;color:#FFA400;background-image:url(images/news_top.png);padding:0 15px;width:244px;}
#news .top span{background-image:url(images/fleche_jaune.png);background-position:left center;text-indent:20px;display:block;}
#news .mid {font-size:13px;color:#B2B1A8;background-image:url(images/news_mid.png);background-repeat:repeat-y;padding:5px 15px;width:244px;}
#news .bot {background-image:url(images/news_bot.png);height:11px;background-position:top;}
#news a {text-decoration:none;color:#B2B1A8;}
#news a:hover {text-decoration:underline;}
#news .bloc {width:100%;}
#news .bloc .titre {font-weight:bold;}
#news .bloc .date {font-size:9px;text-align:right;padding-bottom:3px;}
#news .bloc .texte {padding-bottom:5px;text-align:justify;}
#news .bloc .texte a.suite{display:block;height:10px;width:100%;padding:2px 0;font-size:10px;color:#FFA400;}
#news .bloc .texte a.suite:before{content:"Lire la suite";}




/*** pied de page (solixis + mentions) ***/
#footer{clear:both;background-image:url(images/montagne.png);height:21px;background-position:top;line-height:21px;font-size:11px;color:#666;text-align:center;padding-top:100px;}
#footer a{color:#999;text-decoration:none;padding:0 5px;}
#footer a:hover{text-decoration:underline;}
#footer ul li{display:inline;}
#footer .mentions{float:right;padding-right:10px;}
#footer .menubas{float:left;padding-left:10px;}


/**** PICTURE FLOW ****/
#pflow{text-align:center; margin-bottom:8px;}
#pflow .titregalerie {font-size:16px; color:#DD2; font-weight:bold; text-align:left; text-indent:40px; padding:15px 0;}
/**** FIN PICTURE FLOW ****/

/**** FORMULAIRES ****/
.formulaire{font-size:13px;padding-bottom:5px;}
#contenu .formulaire p{text-indent:0;padding:0 1.25% 8px 1.25%;text-align:left;}
.formulaire p select{text-align:right;}
.formulaire p select option{padding:0 10px;text-align:right;}
.formulaire p label:hover, .formulaire p input {cursor:pointer;}
.formulaire p.normal{width:97.5%;float:left;}
.formulaire p.normal label{text-align:right;float:left;width:23.5%;padding-right:.5%;}
.formulaire p.normal input, .formulaire p.normal textarea {width:74.6% }
.formulaire p.normal select{width:75%;}
.formulaire p.half{width:47.5%;float:left;}
.formulaire p.half.alerte{width:47%;margin: 0 0 8px .1%;}
.formulaire p.full{width:97.5%;float:left;}
.formulaire p.half label, .formulaire p.full label{text-align:left;float:left;width:100%;}
.formulaire p.half input, .formulaire p.half select, .formulaire p.half textarea, .formulaire p.full input, .formulaire p.full select, .formulaire p.full textarea{width:100%;}
.formulaire p.normal .grpradio, .formulaire p.normal .grpchkbox{float:left;width:75%;}
.formulaire p.half .grpradio, .formulaire p.half .grpchkbox{float:left;width:47.5%;}
.formulaire p.full .grpradio, .formulaire p.full .grpchkbox{float:left;width:97.5%;}
.formulaire p input.radio, .formulaire p input.checkbox{width:20px;margin:0;vertical-align:middle;}
.formulaire p.info, .formulaire p.alerte{display: block; margin-bottom:8px; background-position:5px 3px;}
#contenu .formulaire p.info{background-position:5px 3px; background-image:url(images/information.png); border:1px solid #69c;height:22px; line-height:22px;text-indent:25px;padding:0;}
.formulaire p.alerte{display: block; margin-bottom:8px; background-position:5px 3px;background-image:url(images/warning.png); border:1px solid #F00;}
.formulaire p.alerte span.messageAlerte{float:left;width:100%;text-indent:20px;color:#F00;height:20px; line-height:20px;}
.formulaire p input.btEnvoyer{clear:both;background-image:url(images/btEnvoyer.png); width:140px; height:60px; border:0; background-color:transparent;}
.formulaire p .legende{font-style:italic;margin-left:8px;font-size:11px;}
.formulaire p.clear label{text-align:right;float:left;width:24.5%;padding-right:.5%;}
.formulaire .oblig {font-weight:bold;color:#DD2;}
.formulaire .oblig:before {content:"* ";}
/**** FIN FORMULAIRES ****/




/************ plan d'acces ************/
/* définir hauteur et largeur du plan */
#map {width:100%; height:450px;text-align:center;}
#map .center{text-align:center;}
#map img{float:none;}

/******** mentions légales *********/



/*** LIVRE D'OR ***/
#livredor form{border-top:2px dotted #FFA400;border-bottom:2px dotted #FFA400;padding-top:10px;}
#livredor label em {font-size:9px;color:#B2B1A8;}
#livredor img {vertical-align:bottom;}
#livredor legend{font-weight:bold;color:#FFF;line-height:26px;}
#livredor fieldset{border:0;margin-bottom:10px;}
#livredor blockquote{margin:0 20px;}
#livredor blockquote p:before{content:"« ";}
#livredor blockquote p:after{content:" »";}
#livredor .auteur{text-align:right;font-style:italic;margin:0 20px 10px 20px; line-height:14px;}
#livredor img{float:none;}
#livredor #livredor_captcha{width:50px;}
#livredor .btEnvoyer{background-image:url(images/btEnvoyerLivredor.png);height:18px; width:62px;margin-left:5px;}
#livredor p{padding:0;}
/******************/