@charset "utf-8";







/* CSS Document */








*{outline:none}






body{margin: 0; padding: 0; background:url(images/bg.png) repeat-x; background-color: #c4d98c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}



img{ border: none; }










#all{width: 980px; margin:0 auto; overflow:auto; position:relative}



#header{ background: url(images/header.png); width: 980px; height:241px;}



#illus{ background: url(images/illus.png); height: 355px; width: 285px; position: absolute; top: 24px; left: 0; z-index: 8000}



#all_content{ width: 924px; float: left; margin-left: 23px; display: inline; background: url(images/bg_index.jpg) no-repeat right top ; min-height: 800px;}



#all_content_vert{ width: 924px; float: left; margin-left: 23px; display: inline; background: url(images/bg_vert.jpg) no-repeat top right ; min-height: 800px;}

#all_content_bf{ width: 924px; float: left; margin-left: 23px; display: inline; background: url(images/bg_bf.png) no-repeat right top ;min-height: 800px; position:relative}
#all_content_tt{ width: 924px; float: left; margin-left: 23px; display: inline; background: url(images/bg_tt.png) no-repeat right top ; min-height: 800px; position:relative}



#col_left{ float: left;width: 207px; height: 873px; background: url(images/bg_col_left.png) ;position: relative; overflow:auto; padding-top: 130px }



#col_right{ float: right; width: 717px;overflow:auto}











/*//////////////////// MENU HORIZONTAL ////////////////*/



/*/////////////////////////////////////////////////////*/







#menu_horizontal{width : 670px;  height : 56px;margin : 2em 0 0 0;padding : 0;list-style-type : none; position: absolute; top: 149px; left: 290px}



#menu_horizontal li{ height : 56px;display : inline;line-height : 56px;float: left;margin-left: 4px;}



#menu_horizontal li a {	padding: 16px 13px ; width: 150px;color: #fff ;font: 1em "Trebuchet MS",Arial,sans-serif ;line-height: 56px ;text-align: center ;text-decoration: none ;	font-weight: 600;background: #699929;}



#menu_horizontal a:hover {background: #bfd673 ; color: #3d7216 }











/*//////////////////// MENU VERTICAL ////////////////*/



/*/////////////////////////////////////////////////////*/







.box{ width: 193px; height: 133px; margin: 0 auto}
.box2{ width: 193px; height: 60px; margin: 0 auto}
.box3{ width: 193px; height: 60px; margin: 0 auto; padding-top: 2px;}
.box4{ width: 193px; height: 60px; margin: 0 auto; padding-top: 50px;}


#bf_box{}


#pa_box{ margin-top: 28px;}



#ti_box{ margin-top: 28px;}
#ti_box2{ margin-top: 28px;}


#news_box{ background:url(images/news.png); margin-top: 13px; position: relative}

#news_box2{ background:url(images/news.png); margin-top: 30px; position: relative}
#news_box3{ margin-top: 28px; position: relative}
#news_box4{ margin-top: 12px; position: relative}

#logo{ height: 103px; width: 103px; margin: 0 auto; margin-top: 5px;}
#carte{ height: 173px; width: 147px; margin: 0 auto; margin-top: 5px;}
#input_news{ float: left; display: inline; margin-left: 10px; margin-top: 10px;}
#btn_ok{ position: absolute; right: 10px; top: 22px;}
#text_new{ font-size: 13px; color: #293a00; padding-left: 5px; padding-top: 5px;}



#flag{position: absolute; top: 90px; left: 70px; background: url(images/flag_bg.png); height: 30px; width: 70px; overflow : auto;z-index: 9000}
#flag img{float: left; margin-left: 10px; margin-top: 5px; z-index: 9000}





/*//////////////////// CONTENT INDEX ////////////////*/



/*/////////////////////////////////////////////////////*/







.pan{ width: 686px; margin: 0 auto; }







#pan_rub{ background:url(images/pan_rub.png); height: 190px; position:relative; overflow:auto}



#pan_rub .titre{ font-weight: bold; color: #3e1f00; font-size: 20px; position: absolute; top: 46px; left: 45px;}



#menu_a{ text-align: center; margin-top: 80px; margin-left: 4px;}



#pan_rub a{ width: 86px; height: 86px; float: left; margin-left: 10px; display: inline;}







#pan_anim{ background:url(images/pan_anim.png); height: 357px; overflow:auto;position: relative;}



#anim{ background:url(images/bg_anim.png) no-repeat; height: 303px; width:612px; margin: 0 auto; margin-top: 26px;}











#pan_tipi{background:url(images/pan_tipi.png); height: 500px; position: relative}



#pan_tipi .titre{ font-weight: bold; color: #3e1f00; font-size: 18px; position: absolute; top: 22px; left: 130px;}



#pan_tipi .texte{ color:#FFF; font-size: 15px; position: absolute; top: 66px; left:34px;}







/*//////////////////// FOOTER ////////////////*/
/*/////////////////////////////////////////////////////*/

#footer{ height: 95px; background:url(images/bg_footer.png) repeat-x; margin-top: 20px; text-align: center; padding-top: 5px; font-size: 14px;}
/* #all_blocs{ width: 980px; margin: 0 auto; overflow: auto}
.bloc_f{ padding-left: 10px; padding-right: 10px; float: left; margin-left: 5px; text-align: left}
#bloc_s{padding-left: 10px; float: left; margin-left: 10px; border-right: 1px solid #fff; text-align: left; overflow: auto}
 */#footer a{ text-decoration: none; color: #195307;  font-family: "Arial";font-weight: bold}
#footer a:hover{color: #fff; }
#footer ul li { 
display : inline;
padding-left: 5px;
}
#footer ul {
list-style-type : none; /* Car sinon les puces se placent n'importe o� */
}








/*//////////////////// MENU STYLE APPLE ////////////////*/



/*/////////////////////////////////////////////////////*/



#menu_avec_script{ height: 110px; }



.dock { text-align:center; float: left; margin-left: 40px; margin-top: 8px;position: relative;height: 100px; }



.dock-container {height: 50px;background: url(images/dock-bg2.gif);}



a.dock-item {display: block;width: 40px;color: #000;position: absolute;top: 0px;text-align: center;text-decoration: none;font: bold 12px Arial, Helvetica, sans-serif;}



.dock-item img {border: none;width: 100%;float: left; margin-left: 5px;}



.dock-item span {display: none;padding-left: 20px;padding-top: 5px; margin-left: 5px;color:#030;}



.a_active{ border-bottom: 2px solid #060; padding-bottom: 5px;}



#menu_noscript{ float: left; margin-left: 50px;margin-top: 8px;}









/*//////////////////// PAGES ACTIVITES ////////////////*/
/*/////////////////////////////////////////////////////*/

#content{ width:700px; margin:0 auto; overflow:auto; padding-top: 10px;}
#content_top{ height: 95px;}
#content_titre .titre{ font-size: 28px; color: #3e6f03; font-weight: bold}
#content_titre_m .titre_m{ font-size: 28px; color: #650086; font-weight: bold}
#content_titre{ font-size: 16px; color: #3e6f03; font-weight: bold; float: left; margin-left: 20px;}
#content_titre_m{ font-size: 16px; color: #650086; font-weight: bold; float: left; margin-left: 20px;}
#mousqueton{ float: left;margin-left: 20px;}
#content_middle{ background: url(images/teaccro_illus.png) left top no-repeat; overflow:auto}
#content_middle2{ background: url(images/tepatrial_illus.png) left top no-repeat; overflow:auto}
#content_middle3{ background: url(images/tepamaboul_illus.png) left top no-repeat; overflow:auto}
#content_middle4{ overflow:auto}
#content_middle5{ background: url(images/tepasipti_illus.png) left top no-repeat; overflow:auto; min-height: 500px;}
#content_middle6{ background: url(images/tapatrouve_illus.png) left top no-repeat; overflow:auto; min-height: 500px;}
#content_middle7{ background: url(images/tepaperdu_illus.png) left top no-repeat; overflow:auto; min-height: 500px;}

.bloc_1{ width: 100%; height: 130px;  }

#txt_l{float: right; width: 346px; padding: 10px; color: #a06408; font-family: Verdana, Geneva, sans-serif; text-align: justify; font-size: 14px}
#txt_l5{float: right; width: 450px; padding: 10px; color: #a06408; font-family: Verdana, Geneva, sans-serif; text-align: justify; font-size: 14px}
#txt_l3{float: right; width: 240px; padding: 10px; color: #650086; font-family: Verdana, Geneva, sans-serif; text-align: justify; font-size: 14px}
#txt_l4{float: right; width: 300px; padding: 10px; padding-bottom: 0px; padding-top: 0px; color: #650086; font-family: Verdana, Geneva, sans-serif; text-align: justify; font-size: 14px}
#txt_l b{ font-size: 16px; color: #734d0e}
#visuel_r{ float: right; width: 152px; height: 195px; overflow: hidden;}
#visuel_r3{ float: right; width: 200px; margin-bottom: 10px;}

#txt_r{float: right; margin-right: 10px;margin-left: 10px; width: 300px; padding: 10px; color: #a06408; font-family: Verdana, Geneva, sans-serif; text-align: justify; font-size: 14px}
#txt_r2{float: right; margin-right: 10px;margin-left: 10px; width: 250px; padding: 10px; color: #a06408; font-family: Verdana, Geneva, sans-serif; text-align: justify; font-size: 14px}
#txt_r3{float: right; margin-right: 10px;margin-left: 10px; width: 250px; padding: 10px; color: #650086; font-family: Verdana, Geneva, sans-serif; text-align: justify; font-size: 14px}
#txt_r4{float: right; margin-right: 10px; width: 200px; padding: 10px; padding-top:0px; color: #a06408; font-family: Verdana, Geneva, sans-serif; text-align: left; font-size: 14px}
#txt_r b{ font-size: 16px; color: #734d0e}
#txt_r2 b{ font-size: 16px; color: #734d0e;}
#txt_r4 b{font-size: 16px; color: #734d0e;}
#visuel_l{ float: right;margin-right: 20px; width: 150px; height: 154px; padding-top: 20px;}
#visuel_l2{ float: right;margin-right: 50px; width: 150px; height: 154px; padding-top: 20px;}
#visuel_l3{ float: right;margin-right: 20px; width: 150px; height: 154px; padding-top: 20px;}
#visuel_l4{ float: right;margin-right: 0px; margin-top: 20px; width: 230px; height: 185px;}

#info{ width: 100%; overflow:auto;}
#info .l{ float: left; background: #fff; padding: 10px; padding-top: 4px; border: 1px #3e6f03 solid;  padding-bottom: 3px; height: 96px; width: 300px; margin-left: 10px; position: relative}
#info .text{  color: #734d0e; font-size: 13px} 
#info .text b{ font-size: 16px; color: #3e6f03}
#info .text2{ width: 120px; position: absolute; top: 13px; left: 10px; color: #734d0e; font-size: 13px} 
#info .text2 b{ font-size: 16px; color: #3e6f03}
#info .text2_m{ width: 120px; position: absolute; top: 13px; left: 10px; color: #734d0e; font-size: 13px} 
#info .text2_m b{ font-size: 16px; color: #650086}

#galerie_photos{ width: 650px; height:160px; margin-top: 100px; overflow: auto; float: right; margin-right: 17px; display: inline;}
#galerie_photos a{ float: left; margin-left: 8px; border: 2px #650086 solid; display: inline}

#galerie_photos2{ width: 485px; height:160px; margin-top: 50px; overflow: auto; float: right; margin-right: 17px; display: inline;}
#galerie_photos2 a{ float: left; margin-left: 8px; border: 2px #650086 solid; display: inline}

#galerie_photos3{ width: 325px; height:160px;  overflow: auto; float: right; margin-right: 17px; display: inline;}
#galerie_photos3 a{ float: left; margin-left: 8px; border: 2px #3e6f03 solid; display: inline}

#galerie_photos4{ width: 235px; height:160px;  overflow: auto; float: right; margin-right: 17px; display: inline;}
#galerie_photos4 a{ float: left; margin-left: 8px; border: 2px #3e6f03 solid; display: inline}

#galerie_photos5{ width: 410px; height:160px;  overflow: auto; float: right; margin-right: 17px; display: inline;}
#galerie_photos5 a{ float: left; margin-left: 8px; border: 2px #650086 solid; display: inline}
/*//////////////////// INFOS PRATIQUE ////////////////*/
/*/////////////////////////////////////////////////////*/

#content .titre_info{font-size: 20px; padding: 4px; background: #7eb406; color: #fff; font-weight: bold; margin-bottom: 5px;}
#content .titre_info_s{font-size: 20px; padding: 4px; background: #7eb406; color: #fff; font-weight: bold;}
#content_left{ width: 250px; height: 298px; background: #fff6b8; border: 1px #7eb406 solid; text-align: center; padding-bottom: 5px; float: left}
#content_right{ width: 435px; background: #fff6b8;border: 1px #7eb406 solid; text-align: center;  float: right; margin-left: 10px; display: inline}
#content_bottom{width: 698px; background: #fff6b8;border: 1px #7eb406 solid; text-align: center; margin: 0 auto; margin-top: 10px; padding-bottom: 10px; float: left}
#tab_tarif{ font-size: 13px; width:435px; margin: 0 auto; overflow: auto}
#tab_horaires{font-size: 14px; width:698px; margin: 0 auto;}

/*//////////////////// PLAN D' ACCES ////////////////*/
/*/////////////////////////////////////////////////////*/

#content_left2{ width: 435px;  height: 326px; background: #fff6b8;border: 1px #7eb406 solid; text-align: center;padding-bottom: 5px;  float: left}
#content_right2{ width: 250px; height: 100px;background: #fff6b8;border: 1px #7eb406 solid; text-align: center;padding-bottom: 5px;  float: right; margin-left: 10px; display: inline; margin-bottom: 5px;}
#content_right_p{ width: 250px; height:333px;background: #fff6b8; text-align: center; float: right; margin-left: 10px; display: inline; margin-bottom: 13px;}
#content_pratique{width: 698px; background: #fff6b8;border: 1px #7eb406 solid; text-align: center; margin: 0 auto; margin-top: 10px;  float: left}
.f_blanc{ background: #fff; padding: 5px; margin: 0 auto; margin-bottom: 5px; margin-top: 5px; font-weight: bold; width: 90%;}
#pratique_l{float: left; width:349px; height: 70px; }
#pratique_r{float: right; width:349px; height: 70px; }

/*//////////////////// BATTLEFIELD ////////////////*/
/*/////////////////////////////////////////////////////*/

#txt_1{ position: absolute; top: 190px; left:240px; color: #fff; font-size: 15px;}
#txt_2{position: absolute; top: 400px; left:240px; color: #fff; font-size: 15px;}
#txt_3{position: absolute; width: 400px; top: 490px; left:420px; color: #fff; font-size: 15px;}
#txt_4{position: absolute; text-align: justify; width: 190px; top: 670px; left:230px; color: #fff; font-size: 15px;}
#txt_5{position: absolute;  top: 700px; left:570px; color: #fff; font-size: 14px;}



#img_1{position: absolute;  top: 493px; left:244px;}

#img_2{position: absolute;  top: 666px; left:449px;}

/*//////////////////// TENTIPI ////////////////*/
/*/////////////////////////////////////////////////////*/


#txt_t1{ position: absolute; top: 200px; left:240px; color: #fff; font-size: 15px;}

#txt_t2{position: absolute; top: 170px; left:540px; color: #fadaaf; font-size: 15px;}

#txt_t3{position: absolute; text-align: justify; width: 500px;  top: 430px; left:400px; color: #371f08; font-size: 15px;}

#txt_t4{position: absolute; top: 565px; left:280px; color: #fff; font-size: 15px;}








/*//////////////////// ANIM ////////////////*/



/*/////////////////////////////////////////////////////*/

#panel{ height: 294px; width: 603px;float: left; margin-left: 4px; margin-top: 5px; display: inline; }

#panel_img_l{width: 260px; height: 254px; padding: 10px; float: left; margin-left: 10px; margin-top: 10px;display: inline; }

#panel_txt_r{width: 280px; height: 254px; padding: 10px; float: right; margin-right: 10px; margin-top: 10px;display: inline; }

#panel_img_r{width: 260px; height: 254px; padding: 10px; float: right; margin-right: 10px; margin-top: 10px;display: inline; }

#panel_txt_l{width: 280px; height: 254px; padding: 10px; float: left; margin-left: 10px; margin-top: 10px;display: inline; }

#flv{ margin: 0 auto; padding-top: 5px;width:593px}
#load{height: 42px; width: 42px; margin: 0 auto; padding-top: 126px;}

#btn_r{ background: url(images/a_r.gif) bottom; height: 35px; width: 25px; cursor: pointer; position: absolute; right: 10px; top: 150px;}
#btn_r:hover{ background: url(images/a_r.gif) top; height: 35px; width: 25px;cursor: pointer}

#btn_l{ background: url(images/a_l.gif) top; height: 35px; width: 25px; cursor: pointer;position: absolute; left: 10px; top: 150px;}
#btn_l:hover{ background: url(images/a_l.gif) bottom; height: 35px; width: 25px;cursor: pointer}

#looperlist{ list-style: none; margin: 0; padding: 0;}

.looperback{background: url(images/a_l.gif) top; height: 35px; width: 25px; cursor: pointer;position: absolute; left: 10px; top: 150px;}
.looperback:hover{ background: url(images/a_l.gif) bottom; height: 35px; width: 25px;cursor: pointer}

.looperforward{ background: url(images/a_r.gif) bottom; height: 35px; width: 25px; cursor: pointer; position: absolute; right: 10px; top: 150px;}
.looperforward:hover{ background: url(images/a_r.gif) top; height: 35px; width: 25px;cursor: pointer}
/*//////////////////// CONTACT ////////////////*/
/*/////////////////////////////////////////////////////*/


.titre_contact{font-size: 20px; padding: 4px; background: #7eb406; color: #fff; font-weight: bold; margin-bottom: 5px;}
#table_contact{ padding-left: 20px;}


/*//////////////////// BOUTIQUE ////////////////*/
/*/////////////////////////////////////////////////////*/

#resum { background: #add365; padding: 10px; overflow: auto; margin-bottom: 15px;}
.bold_vert{ font-weight: bold; color: #567b03;}



/*//////////////////// GALERIE ////////////////*/
/*/////////////////////////////////////////////////////*/



#img_container{ width: 100%;  overflow: auto;}
.box_gal{ width: 133px; height: 130px; float: left; display: inline; margin-left: 15px; margin-top: 16px; background: #fff; padding: 10px; }
.desc_gal{ color: #666666; font-size: 11px; padding-top: 10px;}


/*//////////////////// ADMIN ////////////////*/
/*/////////////////////////////////////////////////////*/

#admin_all{ width: 100%; padding-top: 5px; overflow: hidden; margin-bottom: 10px;}
.lien_ligne { display: block; width: 655px;  padding: 10px; height: 22px; color: #244900; font-weight: bold; border: 1px solid #5b7829; text-decoration: none; margin: 0}
.lien_ligne:hover{border: 1px solid #5b7829; background: #5d8e08; color: #fff; text-decoration: none;}

#admin_content{ background: #fff; padding: 10px;}
.titre_info_a{font-size: 20px; padding: 4px; padding-left: 40px; background: #7eb406; color: #fff; font-weight: bold;}

.ok{}
.error{  background:#f5b2b2 url(images/error.png) top right no-repeat; color: #d20000; border: 2px solid #d20000; padding: 10px;}
.error a{color:red; }
.error a:hover{color: #d20000;}

.ok{ background: #b1ec8a url(images/ok.png) top right no-repeat; color: #2d7000; border: 2px solid #2d7000; padding: 10px;}
.ok a{color:green; }
.ok a:hover{color: #2d7000;}
.info{ background: #feff9b url(images/infos.png) top right no-repeat;; color: #ff8a00; border: 2px solid #ff8a00; padding: 10px;}
.info a{color: #ff8a00; }
.info a:hover{color: red;}
.radio_admin{ position: absolute; left: 10px; bottom: 6px;}

.select_admin{ height: 22px; width: 124px; background: white; color: #666; border: 1px solid #666; font-size: 14px; z-index: 1000; position: absolute; left: 5px; top: 5px; }



/*//////////////////// FAIRE CONNAITRE A UN AMI (FORMULAIRE) ////////////////*/
/*/////////////////////////////////////////////////////*/

#viral_all{ background: url(images/viral.png);position: relative; width: 535px; height: 424px; padding-top: 245px; margin: 0 auto; margin-top: 10px; padding-left: 17px;overflow: auto}
#txt_viral{ position: absolute; top: 160px; right: 50px; width: 300px; font-size: 14px; font-weight: bold; text-align: justify; color: #2d5712;  }
#txt_viral_error{ position: absolute; top: 160px; right: 50px; width: 300px; font-size: 14px; font-weight: bold; text-align: left; color: red;  }
#viral_all_ok{background: url(images/viral_ok.png);position: relative; width: 552px; height: 257px;  margin: 0 auto; margin-top: 10px;}
#txt_viral_ok{position: absolute; top: 175px; right: 44px; width: 300px; font-size: 14px; font-weight: bold; text-align: justify; color: #2d5712;  }


/*//////////////////// PARTENAIRES ////////////////*/
/*/////////////////////////////////////////////////////*/

#box_part{ width: 220px; height: 155px; float: left; margin-left: 10px;margin-top: 10px; background: #8ebb38;color:#000}
#box_part:hover{background: #527a06;}
#titre_part{ width: 80%;height:44px; margin: 0 auto; margin-top: 10px; padding: 10px; background: white;text-align: center }
#img_part{width:190px; margin: 0 auto; margin-top: 10px;}


/*//////////////////// MAIL ////////////////*/
/*/////////////////////////////////////////////////////*/

#header_viral{ background: url(images/header_viral.png); height: 260px;}
#footer_viral{ background: url(images/footer_viral.png); height: 82px;}


/* livre dor*/

.livre{ width: 680px; float:left; margin-left: 8px; overflow:auto; margin-bottom:10px;font-size:10pt; color:#333333; }
.topl{ height:28px; background: url(images/top_or.png); width:680px; float:left}
.cl{ padding:10px; padding-bottom:15px; background: #fff3a1; border:1px solid #c5b64c; width:658px; text-align:left; border-top:none; border-bottom:none; float:left}
.bl{ height:28px; background: url(images/bot_or.png); width:680px; float:left}