html {}
#maincontainer {}
body {background-image:url(images/bg.jpg); background-color:#fdfcf7; color:black;}
#content { background-image:url(images/bg_content.jpg); }
h3{ font-size:21px; padding:2px 0px 2px 5px;}
a {color:black;}
#centre {width:505px;float:left;}
#content img {max-width:500px; margin-left:2px;}  
#content h1 {font-size:28px; text-align:center; color:black;margin-bottom:10px;}
#content h1 span {font-size:38px; line-height:35px; }
#content h3 {}
h3.nouvelles {background-color:#a19d1e;}
#content h2 {font-size:19px; color:black;margin:20px 0;}
#content p {font-size:15px; line-height:22px; color:black; text-align:justify; padding:10px 0; } 
#content a.suite {font-size:15px; line-height:22px; color:black; float:right; margin:10px 0 ;}

.petitEcran {display:none !important;}

#activites a {background-image: url(images/btn_activites.jpg); }
#sentiers a {background-image: url(images/btn_sentier.jpg); }
#ornitho a {background-image: url(images/btn_ornithologie.jpg); }
#oie a {background-image: url(images/btn_oie.jpg); }
#amis a {background-image: url(images/btn_amis.jpg); }
#chasse a {background-image: url(images/btn_chasse.jpg); }
  
#rightColumn li {padding:0 0 5px;}

#left {width:390px; float:left; padding:240px 0px 0 0; margin:0 0 0 -240px; position:absolute; }
#left h3 {width:100%; background-color:#005c32;}
#left .forfait {width:100%;  border:1px solid black; background-color:#f7f4d6; margin:10px 0; color:black;}
#left .forfait img {float:right; width:138px; margin:5px; border:1px solid black;}
#left .forfait span.nom{margin-left:5px; font-family:"Times New Roman", serif; font-weight:bold; font-style:italic; font-size:22px;}
#left .forfait span.prix span {font-size:40px; position:relative; top:-16px; padding-left:4px;letter-spacing:-2px !important; }
#left .forfait span.prix {margin:5px;position:relative; top:-10px; font-size:61px; letter-spacing:-8px; font-family:"Arial black" }
#left .forfait span.details {font-size:9px; position:relative; top:10px;  left:-10px; float:right; letter-spacing:-1px;}
#left .forfait a.details {font-size:12px; font-weight:bold; font-style:italic; color:black; float:right; margin:-30px 160px 0 0;}


#equipe {display:block; width:386px; height:82px; background-image:url(images/equipe.jpg); float:right;}
#partagezPhoto {margin:10px 0 0 0; display:block; height:206px; width:291px; background-image:url(images/partagez_photos.jpg)}

#autreNouvelles {min-height:350px;}
#autreNouvelles div {border:1px solid black; background-color:#f7f4d6; margin-top:8px; height:100%;}
#autreNouvelles .gauche {width:195px; float:left;  height:100%; padding:0 5px 0px; }
#autreNouvelles .gauche img {display:block; margin:auto; max-width:190px; margin-top:8px;}
#autreNouvelles .gauche h2 {font-size:20px; text-align:left; line-height:21px;}
#autreNouvelles .gauche p {font-size:9px; font-weight:bold; line-height:11px; padding:0px 3px;}
#autreNouvelles .gauche a {color:black; text-decoration:none;}
#autreNouvelles .gauche a:hover {text-decoration:underline;}

#autreNouvelles .droite {width:280px;  float:right; height:100%;}
#autreNouvelles .droite a.plus {color:white; text-decoration:none; }
#autreNouvelles .droite a.plus span {text-align:right; width:100%; display:block; background-color:#b0ac58; padding:3px 0; font-size:14px; font-weight:bold; }
#autreNouvelles .droite .date {display:block; font-size:12px; width:270px; padding:4px 5px; background-color:#e5e0ba; color:black;}
#autreNouvelles .droite  li a {display:block;  text-decoration:none; font-weight:bold; padding:0px 5px; margin:8px 0; color:black; position:relative; font-size:15px;}
#autreNouvelles .droite  li a:hover {text-decoration:underline;}
#autreNouvelles .droite ul {list-style-type:none; padding-top:10px;}

#rightBas {margin:10px 0;}

#rightBas h3 {width:97%; background-color:#005c32; color:white;}
#rightBas .forfait {width:98%; border:1px solid black; background-color:#f7f4d6; margin:10px 0; color:black;}
#rightBas .forfait img { float:right; width:100px; margin:5px; border:1px solid black;}
#rightBas .forfait span.nom{display:block; margin-left:5px; font-family:"Times New Roman", serif; font-weight:bold; font-style:italic; font-size:22px;}
#rightBas .forfait span.prix span {font-size:25px; position:relative; top:-10px; padding-left:2px;letter-spacing:-2px !important; }
#rightBas .forfait span.prix {margin:5px;position:relative; top:-5px; font-size:41px; letter-spacing:-3px; font-family:"Arial black" }
#rightBas .forfait span.details {display:inline-block; width:75px;  font-size:9px; position:relative; top:10px;  left:-10px; float:right; letter-spacing:-1px;}
#rightBas .forfait a.details {font-size:12px; font-weight:bold; font-style:italic; color:black; float:right; margin:-30px 130px 0 0;}

#equipeSmall {display:block; width:291px; height:82px; background-image:url(images/equipe_small.jpg); float:left;}


/* CONCOURS DE PHOTOS */
.concours h1, .concours h2, .concours h3{color:#403E17;}
.brun {color:#403E17;}
.concours ul {padding:15px 0 0 30px; text-align:left;}
.concours li {padding:5px 0;}
.concours td td td {padding:0 5px;}

/* HORAIRES ET TARIFS */
.tarifs {width:100%; border-collapse:collapse;margin:20px 0;}
.tarifs td {border:1px solid #403E17; padding:5px;}
.tarifs tr {background-color:#fff6d8;}
.tarifs .tr1 td {background-color:#b3a77e; color:#403E17; font-size:13px; font-weight:bold;}
.tarifs .tr2 td {background-color:#f4e4ad; font-weight:bold;}