/**************** Body and tag styles ****************/

*{margin:0; padding:0;}
body {
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#000066;
background-color:#F2EFFA;
behavior:url(../css/csshover.htc);
}

/**************** Container styles ****************/

#index_container {
width:800px;
margin:20px auto 10px auto;
padding:0;
color:#000066;
border:1px solid #000066;
}
h1 {font-size:0.9em; color:#000066; font-weight:normal; background-color:#8f689f; padding:8px 0;} 

#container {
width:800px;
margin:20px auto 10px auto;
padding:0;
text-align:left;
background:url(../images/sable.jpg) repeat top left;
color:#000066;
border:1px solid #000066;
}

/**************** Header styles ****************/

#header {
height: 110px;
width:800px;
margin:0;
background: url(../images/headerdummy.jpg) no-repeat top left;
background-color:#ffffff;
color:#000066;
}
#header h1 {
padding:0;
margin:0;
width:800px;
height:110px;
}

/**************** Top Menu styles ****************/

* html div#topMenu ul {
float: left;
border-left: 1px solid #ffffff;
margin-left: 0px;
}
* html div#topMenu ul li ul {
border-top: 1px solid #ffffff;
border-left: 0px;
}
body div#topMenu ul li ul {display:none;}
body div#topMenu ul li ul li ul {
visibility:hidden;
top:-2px;
left: 25em;
}
div#topMenu {
height:2.2em;
line-height:2.2em;
width:800px;
margin:0;
background:#FCD60B;
float: left;
font-size:.8em;
font-weight:bold;
border-bottom:1px solid #fff;
}
div#topMenu ul {margin:0;}
div#topMenu ul li:hover ul, div#topMenu ul li ul:hover {display: block;}
div#topMenu ul li ul li:hover ul {visibility:visible;}
div#topMenu li {
float:left;
position:relative;
list-style-type:none;
background-color:#FCD60B;
border-right:1px solid #fff;
z-index:9;
}

div#topMenu li:hover {background-color:#D6CDED;}
div#topMenu a {
display: block;
padding: 0 6px;
text-decoration:none;
color:#000066;
}
div#topMenu a:hover {color:#fff;}
div#topMenu ul li ul {
margin:0;
width:25em;
position:absolute;
left: -1px;
}
div#topMenu ul li ul li {
width: 100%;
border: 1px solid #fff;
}

/**************** Content styles ****************/
#content, #content_sport, #content_animation , #content_loc {
float:left;
width:740px;
font-size:0.9em;
padding:20px 0 20px 30px;
margin:0 0 20px 0;
}
#content h1, #content_sport h1, #content_animation h1, #content_loc h1 {
font: bold italic 2em Arial;
margin: -10px 0 0 30px;
padding: 15px 0 0 45px;
width:500px;
height: 40px;
background: url(../images/bullet.jpg) no-repeat left center;
}
#content p, #content_sport p , #content_loc p {
margin:5px 0 0 0;
padding:0;
text-indent:1em;
}
#content img {
margin:10px;
padding:5px;
background-color:#fff;
border:1px solid #9C8365;
}
#content_loc img {
margin:5px 5px 15px 5px;
padding:5px;
background-color:#fff;
border:1px solid #9C8365;
}
#content_sport img {
float:left;
padding:5px;
background-color:#fff;
border:1px solid #9C8365;
}
#content_animation img {
float:left;
padding:5px;
background-color:#fff;
border:1px solid #9C8365;
}
a.normal {
color:#DC1515;
text-decoration: none;}
a.normal:hover {text-decoration: underline;}
a.bold {
color:#DC1515;
font-weight:bold;
text-decoration: none;
}
a.bold:hover {text-decoration: underline;}
.left {float:left;}
.right {float:right;}
.inline {display:inline;}
.noBorder {border-width:0px;}
.strong {font-weight:bold;}
.center {text-align:center;}
.clear {clear:both;}

#blocpres {width:300px; float:left; margin:10px;}
#reception{margin:-240px 0 0 50px; float:right;}
* html #reception{margin:-240px 0 0 50px; float:right;}
*+html #reception{margin:-240px 0 0 50px; float:right;}
.cdp {text-decoration:none; font-weight:bold; color:#000066;}
.cdp:hover {text-decoration:underline;}
.ref2 {color:#f2effa; font-size:8px;}
.ref2 a {color:#f2effa; text-decoration:none;}
/**************** Chalet Styles ****************/

.chalet {
margin:20px 0;
border-top:1px solid #000066;
padding:0 10px;
margin:10px 0;
}
.chalet h2 {
font: bold 1.5em Arial;
margin: 0 0 -30px 0;
padding: 10px 0 0 40px;
height: 40px;
background: url(../images/bullet2.jpg) no-repeat left;
}
.chalet td {vertical-align:top; padding:.8em; width:50%;}
.detail { 
list-style-type:circle;
margin:0 0 0 1em;
}
.descr { 
list-style-type:disc;
margin-left:2em;
}
#content h1 {
font: bold italic 2em Arial;
margin: -10px 0 0 30px;
padding: 15px 0 0 45px;
width:500px;
height: 40px;
background: url(../images/bullet.jpg) no-repeat left center;
}
.chaletParas {
font-weight:400;
}

/**************** Conditions Styles ****************/

.conditionsContainer {
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
background-color:#fff;
}
.conditions {marker-offset: 20px;}
.subListPadding {padding-left: 50px;}
.conditionsSubList {list-style-type:disc;}

/**************** Emplacement Camping Styles ****************/


#emplacementcaPhotos {position:relative;}

.emplacementcaphoto2 {
position:relative;
top:30px;
left:50px;
}

.emplacementcaphoto3 {
position:absolute;
top:20px;
left:300px;
}


/**************** Enfants Styles ****************/


#enfantsPhotos {
position:relative;
}

.enfantsphoto1 {
position:absolute;
top:0px;
left:50px;
}
.enfantsphoto2 {
position:relative;
top:100px;
left:330px;
}

.enfantsphoto3 {
position:absolute;
top:10px;
left:500px;
}

.enfantsphoto4 {
position:relative;
top:-10px;
left:70px;
}

.enfantsphoto5 {
position:absolute;
top:320px;
left:450px;
}

.enfantsphoto6 {
position:absolute;
top:180px;
left:0px;
}



/**************** Animation Styles ****************/


#animationPhotos {
padding-bottom:20px;
}
.animationphoto1 {margin:10px 0 0 5px; padding:0;}
.animationpaella {margin:-250px 0 0 500px; padding:0;}
.animationphoto3 {margin:-210px 0 0 330px; padding:0;}
.animationphoto2 {margin:-50px 0 0 190px; padding:0;}
.animationphoto4 {margin:-50px 0 0 50px; padding:0;}
.animationsoirees{margin:-150px 0 0 460px; padding:0;}
.animationenfants{margin:-170px 0 20px 300px; padding:0;}


/**************** Avant/Arriere Styles ****************/


#avantarrierePhotos {
position:relative;
height: 200px;
clear:both;
top:30px;
}

.avantarrierephoto2 {
position:absolute;
top:-70px;
left:455px;
}

.avantarrierephoto3 {
position:absolute;
top:-40px;
left:20px;
}

.avantarrierephoto4 {
position:absolute;
top:-75px;
left:300px;
}

.avantarrierephoto5 {
position:absolute;
top:20px;
left:150px;
}


#avantarrierePara3 {
position:relative;
width:400px;
margin-top:600px;
margin-left:30px;
margin-bottom:20px;
}

/**************** Services Styles ****************/

.servicesList {
padding-left:100px;
padding-bottom:20px;
font-weight:400;
}

.servicesPara {
font-weight:600;
width:400px;
}

#servicesPhotos {
position:relative;
height: 20px;
clear:both;
margin-top:20px;
margin-bottom:0px;
z-index:2;
}

.servicesphoto1 {
position:absolute;
top:-270px;
left:270px;
}

.servicesphoto2 {
position:absolute;
top:-300px;
left:525px;

}

.servicesphoto3 {
	position:absolute;
	top:-125px;
	left:510px;
	height: 161px;
}

/**************** Sport Styles ****************/

.sportParas {
padding-bottom:20px;
}

.piscine2 {margin:5px 0 0 80px; padding:0;}
.piscine1 {margin:-230px 0 0 240px; padding:0;}
.piscine3 {margin:10px 0 0 0; padding:0;}
.piscine4 {margin:-50px 0 0 20px; padding:0;}
.piscine5{margin:-30px 0 0 30px; padding:0;}
.peche {margin:-310px 0 0 500px; padding:0;}
.canoe {margin:-220px 0 0 300px; padding:0;}
.baignade {margin:160px 0 0 -600px; padding:0;}
.riviere {margin:-290px 0 0 440px; padding:0;}
.rivierebain {margin:-40px 0 0 -20px; padding:0;}
.descriv {margin:-50px 0 15px 30px; padding:0;}
.pano {margin:5px 0 20px 0px; padding:0;}
.loisirs {margin:0; padding:0;}
/**************** Escalade / Canoë Styles ****************/

#escaladePhotos {
position:relative;
height: 270px;
clear:both;
margin-top:0px;
margin-bottom:0px;
}
.escaladephoto2 {
position:absolute;
top:-80px;
left:455px;
}
.escaladephoto3 {
position:absolute;
top:0;
left:50px;
}
.escaladephoto4 {
position:absolute;
top:50px;
left:250px;
}
.escaladephoto5 {
position:absolute;
top:100px;
left:0;
}
.canoephoto2 {
position:absolute;
top:0;
left:455px;
}
.canoephoto3 {
position:absolute;
top:0;
left:20px;
}
.canoephoto4 {
position:absolute;
top:40px;
left:315px;
}
.canoephoto5 {
position:absolute;
top:110px;
left:200px;
}
.canoephoto2_nl {
position:absolute;
top:0;
left:455px;
}
.canoephoto3_nl {
position:absolute;
top:0;
left:20px;
}
.canoephoto4_nl {
position:absolute;
top:20px;
left:315px;
}
.canoephoto5_nl {
position:absolute;
top:100px;
left:200px;
}
.escaladeList {
padding:30px 0 0 100px;
background-color:#fff;
}

/**************** Accès Styles ****************/

.coordonnees { 
list-style-type:none;
margin: 0 0 1em 2em;
}

/**************** Tarif Styles ****************/

.tarifList {
padding-left:50px;
padding-bottom:20px;
font-weight:400;
background-color:#fff;
}

.tarifsTableTitle1 {
margin-top:5px;
width:100%;
font-weight:600;
font-size:x-large;
text-align:center;
}

.tarifsTableTitle2 {
margin-top:5px;
width:100%;
font-weight:600;
text-align:center;
}

.tarifsTable {
margin-bottom:20px;
margin-top:20px;
font-weight:400;
background-color:#006;
border-style:solid;
}

.tarifsTable th {
background-color:#FCD60B;
text-align:center;
}
.tarifsTable th.we, .tarifsTable td.we {background:#f8f99c;}

.tarifsTable td {
background-color:#D6CDED;
text-align:center;
}
.tar_tables_titres {font-size:1.3em; font-weight:bold; color:#DC1515; padding:5px;}
.bold {font-weight:bold;}

/**************** Word Styles ****************/

.ardeche {
font-size:2.5em;
font-style:italic;
color:#DC1515;
}
.vacances {
font-size:2.5em;
font-style:italic;
color:#EB981B;
}
.detente {
font-size:2.5em;
font-style:italic;
color:#469FDF;
}
.promotion {
background:#fff;
font-weight:bold;
color:#FF0000;
}
.date_promotion {
color:#000000;
}
.promo {
font-size:0.9em;
color:#5b5b72;
}

/**************** Sidebar styles ****************/




/**************** Form styles ****************/

div#formContainer {
width:600px;
margin-left:50px;
margin-top:20px;
}

div#formContainer form {
border:1px solid #006;
}

div.clearFix {
margin-top:5px;
clear:both;
}

div#formContainer form label {
margin-right:5px;
width:165px;
float:left;
text-align:right;
font-size:1.00em;
}

.requiredField {
color:#DC1515;
}

div.centerText {
margin-top:5px;
text-align:center;
}

div.buttonLeft {
margin-top:10px;
width:295px;
text-align:left;
float:left;
}

div.buttonRight {
margin-top:10px;
width:295px;
text-align:right;
float:right;
}

div.response {
width:428px;
text-align:left;
float:right;
}

.dateSelect {
width:4em;
}

.monthSelect {
width:8em;
}

.label {
margin-right:5px;
width:165px;
float:left;
text-align:right;
font-size:1.00em;
}



/**************** Footer styles ****************/



#footer {
clear:both;
width:800px;
padding:5px 0;
margin:0px 0px 0px 0px;
font-size:0.8em;
color:#ffffff;
background-color:#7053C2;
text-align:center;
}

#footer p {
padding:0;
margin:0;
}

#footer a {
color:#ffffff;
font-weight:bold;
text-decoration: none;
}

#footer a:hover {text-decoration: underline;}



/**************** Pied de page ****************/
#pied {background-color:#8f689f; padding:5px 0 0 0; margin:0; color:#fff;}
#piedtout {background-color:#8f689f; padding:5px 0; margin:0; color:#fff; font-size:0.9em;}
.accroche {background-color:#8f689f; padding:8px 0; color:#fff;}
.accrocheind {color:#fff;}
#menu_bas {font-size:0.85em; font-weight:bold; background-color:#f7e724;}
#menu_bas a {text-decoration:none; color:#DC1515;}
#menu_bas ul, #pied ul {margin:0; padding:0; list-style-type:none;}
#menu2_bas {background-color:#cfc2f3; margin:0; padding:10px 0; font-size:0.85em; font-weight:bold;}
#menu2_bas a {text-decoration:none; color:#DC1515;}
#menu2_bas a:hover {color:#000066;}

/**************** Erreur styles ****************/


.erreurContainer {
font-style:italic;
color:#cc0000;
}

.erreur {
font-size:1.5em;
font-style:italic;
color:#ff0000;
}