/*******************************************************************************************************************************************************
                                                                  COMMUN TOUS SITE
 ******************************************************************************************************************************************************/
* { margin: 0; padding: 0;border: 0; }
body {font: 13px arial;line-height:20px;text-align:justify;color:#6F6F6F;background:#D9D9D9; }
img { border: 0; }
a,a:link,a:visited,a:active {color:#FF6B0D}
a:hover, a.select{ color:#618CA9; }

ul { list-style-type:none; }
strong{color:#FF6B0D}

.left{float:left;}
/*******************************************************************************************************************************************************
                                                     Haut
 ******************************************************************************************************************************************************/
#langDrap,#top,#topH,#topM, #contenu, #bkF, #bas, #slide_top{width:908px;margin:0 auto;}

#langDrap {margin-top:12px;height:35px}
#pface {float:left;width:810px;text-indent:45px}
#plangDrap {float:left;}

#top {padding:18px 0 0;background:url(top.png)}

#topH {height:145px;background:url(fond.png)}
#logo{float:left;margin:20px 0 0 40px;}
#ob_anim{float:left;width:509px;height:103px;padding:11px 0 0 8px;margin:10px 0 0 45px;background:url(fd_anim.png)}
#benevole{float:left;margin:26px 40px 0 45px;}

#topM {background:url(fond.png)}
#menu{margin:0 0 0 32px;height:33px;}
#menu li { float:left; }
#menu a {display:block;width:114px;height:9px;padding:12px 0;text-align:center;color:#1B3240;text-decoration:none;font:bold 1.1em arial;color:white;}
a#agenda {background:url(ong_agenda.png);}
a#actu {background:url(ong_actu.png);}
a#org {background:url(ong_org.png);}
a#expo {background:url(ong_org.png);}
a#photo {background:url(ong_presse.png);}
a#presse {background:url(ong_presse.png);}
a#contact {background:url(ong_contact.png);}
#menu a:hover,#menu a.select{height:17px;padding:8px 0;background-position:114px 0;}
a#acc {width:48px;background:url(ong_acc.png);}
a#acc:hover,a#acc.select {background-position:48px 0;}
#acc img {display:block;margin: -2px 0 0 12px}
a.select:hover img,.select img{display:block;margin: -6px 0 0 12px;}

#formTop {width:864px;height:71px;margin:0 21px;background:url(form.png);}


/*******************************************************************************************************************************************************
                                                     Contenu
 ******************************************************************************************************************************************************/
#contenu {padding:30px 0 0;background:url(fond.png)}
#contenu strong{font-weight:normal}
#gauche {float:left;width:386px;margin:0 40px;}
#droite,#droite2{width:382px;margin:40px 0 0 476px;}

#milieu {margin:0 40px;}
#milieu .b{margin:0 0 40px 0;}
#milieu .bm{margin:0 0 20px 0;}

h1{margin:0 10px 10px;font:italic 30px times;}
h2{font:bold italic 18px times;text-indent:10px;}
h1 span,h2 span{color:#FF6B0D}
h2#actu{margin:26px 0;background:url(puceO.png) no-repeat 0 8px;}
h2#ben{margin:26px 24px;background:url(puceO.png) no-repeat 0 8px;}
h2#ben2{margin:40px 0 26px;background:url(puceO.png) no-repeat 0 8px;}
h2#presse_tr,h2#presse_td {margin:26px 30px;}
h2#presse_tr {width:273px;height:101px;line-height:96px;background:url(revue_presse.png)}
h2#presse_td {width:297px;height:63px;line-height:60px;background:url(dossier_presse.png)}
h2#contact{margin:26px;}
h2#contact2{margin:66px 0 26px 140px;}
h2#contact,h2#contact2{background:url(puceO.png) no-repeat 0 8px;}

/* spe accueil */
#club {position:relative;width:356px;margin:40px 15px;padding:10px 0;border:solid 1px #ECEDEE;border-left:0;border-right:0}
#club .container {width:300px;height:133px;}
#club .slides li {margin:0 5px;}
#club .slides div {width:300px;}
#club .previous {position:absolute; top:60px; left:0;}
#club .next {position:absolute; top:60px; right:0;}
#parrain p{font:italic 13px arial;text-align:center;}
#parrain img{margin:15px 0 0;}
#parrain p strong{font:bold italic 14px times;}

#object {display:block;width:378px;height:279px;background:url(lecteur.png);padding:11px 0 0 10px;}
a#bou {display:block;height:37px;margin:50px 0;padding:5px 0 0;background:url(btnO_bou.png);text-align:center;color:white;font:bold 24px arial;text-decoration:none}
#livre p{height:56px;background:url(cite.png) no-repeat 0 16px;padding:0 12px;text-align:right;font:italic 15px times;}
#livre ul{font:16px times;}
#livre ul strong{font:bold italic 16px times;}
li#livre_pr{border-bottom:solid 1px #ECEDEE;margin:10px 0;padding:10px 0}
#livre li{margin:10px 0;padding:10px 0}
#livre cite{font:12px arial;}
#livre a{color:#87C8E0;}
#livre a:hover{color:#27495F;}
a#livre_a1{margin:0 40px;}
a#livre_a2{margin:0 0 0 160px;}
a#livre_a3{margin:0 36px;}
#partAcc img{margin:10px 56px 0;}


/* spe expo */
#img_expo{display:block;margin:5px 86px;}

/* spe programme */
#prog {height:210px;border:solid 1px white}
#prog_titre {float:left;font:bold italic 18px times;color:#FF6B0D}
#prog_titre span{margin:0 100px 0 154px}
#prog img{float:left;}
#prog ul.matin{float:left;margin:45px 0 0 45px;}
#prog ul.ap{margin:67px 0 0 540px;}
#prog ul.ap2{margin:45px 0 0 540px;}
#prog li{text-indent:10px;background:url(puceO.png) no-repeat 0 4px;}

/* spe actu */
.actu_img{display:block;margin:20px 280px;}
.actu_img_left{float:left;margin:0 8px 0 0;}
.actu_img_right{float:right;margin:0 0 0 8px;}
.actu_dele{display:block;width:300px;margin:30px 0 50px 280px;border-bottom:solid 1px #EDEDED;font:1px white;}
.actu_p2{margin:20px 0;}
#contenu .actu_st{font:bold 13px arial;color:#6F6F6F}
.actu_ce{display:block;margin:10px 0 40px;text-align:center;color:#FF6B0D;font:bold italic 14px times}

/* spe presse */
#slide_presse {position:relative;padding:0;margin:18px 0 60px;height:200px;}
#slide_presse .container {height:170px;}
#slide_presse .previous {position:absolute; top:76px; left:5px;}
#slide_presse .next {position:absolute; top:76px; right:0;}
#presse_pdf span{display:block;margin:20px 0;color:#FF6B0D;}
#presse_pdf li span{display:inline-block;margin:0 0 0 20px;color:#FF6B0D;}
#presse_pdf li a{color:#6F6F6F;text-decoration:none}
#presse_pdf li a:hover{color:#FF6B0D;}

/* spe contact */
.contact_listeH {width:474px;margin:36px 0 0 12px;padding:10px 0 0;background:url(topG.png);}
.contact_listeC {padding:4px 0;font:12px arial;line-height:20px;background:#EFEFEF;border-left:solid 1px #D9D9D9;border-right:solid 1px #D9D9D9;}
.contact_listeB {width:474px;padding:10px 0 0;background:url(basG.png);}
.contact_listeC h3{margin:0 0 0 86px;font:14px arial;text-indent:10px;background:url(puceG.png) no-repeat 0 6px;}
.contact_listeC p{margin:20px 0 0 50px;}
.contact_listeC ul{width:240px;height:100px;margin:40px 0 0 20px;}
ul.contact_liste_ulD,ul.contact_liste_ulDF{width:240px;margin:40px 0 0 240px;}
ul.contact_liste_ulDF{height:90px;}
.contact_listeC li{font:italic 12px arial;}
.contact_listeC span,li.contact_liste_prem{font:italic 14px arial;color:#FF6B0D}
li.contact_liste_prem{margin:0 0 20px;}
li.contact_liste_sd{margin:20px 0 0;}
ul.contact_mail {width:auto;height:auto;margin:20px 0 20px 86px;}
.contact_mail li{margin:6px 0 0 0;}
.contact_listeC a{color:#6F6F6F;}
.contact_listeC a:hover{color:#FF6B0D;}
#yas{margin:0 10px 0 0;}
#ge{margin:0 30px 0 0;}
#so{margin:0 20px 0 0;}
#hi{margin:0 46px 0 0;}
#sab{margin:0 26px 0 0;}
#hub{margin:0 26px 0 0;}
#pau{margin:0 18px 0 0;}
#chr{margin:0 22px 0 0;}
#map {width:244px;height:311px;margin:40px 0 0 110px;border:1px solid #FF6B0D;}
#contact_img {margin:10px 0 0 90px;}

/* spe organisation */
#bus{float:right;margin:40px 40px 0 100px}
#barb{float:right;margin:-20px 40px 0 100px}

/* spe benevoles */
#forms {margin:40px 0 70px 30px;}
#forms span{color:#FF6B0D}
#forms ul { height:20px;margin:0 0 0 250px; }
#forms li { float:left; }
#forms li label{width:auto;margin:1px 0 0 6px;vertical-align:top; }
#forms p { margin:10px 0;height:20px; }
#forms label{display:inline-block;width:200px;margin:0 44px 0 0;text-align:right;font:italic 12px arial; }
#forms input{width:266px;height:20px;padding:2px;border:solid 1px #D9D9D9}
#forms .btn { width:126px;margin:10px 0;border:0;}
#caseG {float:left;}
#caseG label{width:186px;margin:1px 0;vertical-align:top; }
#caseD {margin:36px 0 0 296px }
#caseD label{width:200px;margin:1px 0;vertical-align:top; }
input#btnO_ben {width:97px;height:30px;margin:40px 0 0 250px;background:url(btnO_ben.png);cursor:pointer;color:white;font:16px arial;border:0}
#caseG input,#caseD input,#forms li input{width:auto;height:auto;margin:0 5px;border:0 }
.labelIncorrect{color:#FF6B0D}
#forms input.inputIncorrect{border:solid 1px #FF6B0D}
#err,#ok{font:italic 16px times;margin: -20px 0 30px 200px}
#err strong,#ok strong{font:italic 16px times;}

/* spe partenaires */
#part { float:left;width:456px;}
#part ul { height:230px;}
#part li { float:left;margin:0 5px; }
#part p{ width:350px;margin:40px 50px;border-top:solid 1px #ECEDEE }
#cube_part { display:block;margin:0 0 0 530px; }
#part_p { height:340px;}
#part_p li,#part_ph li { float:left;width:414px;line-height:22px }
#part_p img,#part_ph img { float:left;margin:0 15px 50px 0; }
#part_p h3,#part_ph h3 { margin:8px 0 3px;font:14px arial;color:#FF6B0D }
#part_p span,#part_ph span { display:block; }
#part_p a,#part_ph a { text-decoration:none;color:#6F6F6F; }
#part_p a span,#part_ph a span{ display:inline;color:#FF6B0D; }
#part_p a:hover,#part_ph a:hover{ color:#FF6B0D; }
#part_ph{ margin:90px 0 0; }
#pg_part {text-align:center;font:italic 12px arial; }
#pg_suiv{display:inline-block;text-indent:85px; }
#pg_prec{display:inline-block;text-indent:-85px; }
#suiv,#prec{ text-decoration:none;color:#6F6F6F;text-indent:10px; }
#prec{ float:left;background:url(racot_g.png) no-repeat 0 5px; }
#suiv{ float:right;background:url(racot_d.png) no-repeat 0 5px; }
#pg_part a:hover{ color:#FF6B0D }

/* spe photos */
h2#h2gal{margin:26px 35px;font:bold italic 16px times;background:url(puceO.png) no-repeat 0 8px;}
#object2 {display:block;width:370px;height:232px;margin:0 0 70px;background:url(lecteur2.png);padding:11px 0 0 10px;}
#gal {width:230px;margin:0 0 0 20px;padding:0 0 0 140px;background:url(logoej-galerie.png) no-repeat;}
#gal p{margin:0 0 10px 0;color:#FF6B0D}
#gal strong{color:#6F6F6F}
#ulgal{width:190px;height:60px;margin:0 0 0 20px;padding:0 0 0 150px;border-bottom:solid 1px #EDEDED;}
#ulgal a,#ulgal2 a{float:left;margin:0 4px;font:italic 18px arial;text-decoration:none;color:#6F6F6F}
a#ulgal_sel,a#ulgal2_sel{color:#FF6B0D}

#galp {float:left;width:530px;height:140px;margin:0 0 0 20px;background:url(coupe.png) no-repeat 330px 40px;}
#galp h2{margin:0 15px;font:bold italic 16px times;background:url(puceO.png) no-repeat 0 8px;}
#galp span{float:left;margin:49px 0 0 70px;font:15px arial}
#ulgal2{float:left;width:90px;margin:45px 0 0 10px;}

#diapo {float:left;position:relative;width:497px;height:107px;margin:24px 0 0 20px;background:url(fd_diapo.png);}
#diapo_container {position:relative;width:316px;height:52px;margin:26px 76px;overflow:hidden;}
#diapo_slides {position:absolute;top:0;left:0;}
#diapo_slides div {width:316px;}
#diapo_slides li {float:left;margin:0 1px;}
#diapo .previous {position:absolute; top:42px; left:60px;}
#diapo .next {position:absolute; top:42px; right:86px;}

#galapp {width:239px;height:272px;margin:0 0 0 574px;background:url(fd_galapp.jpg);}
#galapp img{margin:15px 14px 10px;}
#galapp p{text-align:center;font:bold italic 17px times;line-height:15px;}

#som_gal p{width:340px;margin:35px 0 15px 20px;padding:15px 0;border-top:solid 1px #EDEDED;font:bold italic 18px times;;}


/*******************************************************************************************************************************************************
                                                     BAS
 ******************************************************************************************************************************************************/
#slide_top {padding:18px 0 0;margin:18px auto;background:url(top.png);}
#slide {position:relative;padding:0 25px;height:160px;background:url(fond.png);}
#slide a{display:block;margin:0 0 12px;font:bold italic 18px times;color:#6F6F6F;text-decoration:none}
#slide a:hover,#slide a span{color:#FF6B0D;}
.container {position:relative;width:800px;height:100px;margin:0 26px;overflow:hidden;}
.slides {position:absolute; top:0; left:0;}
.slides div {width:800px;}
.slides li {float:left;margin:0 16px;}
.pagination {position:absolute;bottom:0;left:425px;}
.pagination li {float:left; margin:0 2px;}
.pagination a {display:block;width:8px;height:8px;overflow:hidden;background:url(puceN.png);}
.pagination a span {display:none;}
.pagination li.active a {background-position:8px 0;}
.previous {position:absolute; top:72px; left:25px;}
.next {position:absolute; top:72px; right:25px;}


.bkF {height:18px;background:url(bas.png);}

#bas {height:40px;}
#bas ul {margin:25px 30px;font:italic 15px arial;color:#6F6F6F;}
#bas li { float:left;margin:0 15px}
#bas a { text-decoration:none;color:#27495F}
#bas a:hover { color:#618CA9}


/*******************************************************************************************************************************************************
                                                     lightbox
 ******************************************************************************************************************************************************/
#lightbox{position: absolute;left:0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox img{ width:auto;height:auto;}
#lightbox a img{border:none;}

#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{ width:70%;float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }