/*accessibility*/

.accessibilty {display:none;}

/*start edit balise*/
html { background:url('../images/body_background.png');}
body {font-size:75%; color:#fff; font-family: Arial, Helvetica, sans-serif;}
a:focus {color:#fff;}
a {color:#fff;text-decoration:none;}

/*end edit balises*/



.template1 #container, .template2 #container, .template3 #container  {width:1000px; height:625px; margin:33px auto 0px auto; position:relative; background:url('../images/container_background.png');z-index:1; border:1px solid #000;}



/*---- Start fixed pictures ----*/

.template1 #container #dons, .template2 #container #dons, .template3 #container #dons {position:absolute; z-index:20; top:250px; right:0px; height:161px; width:160px;}
.template1 #container #dons input, .template2 #container #dons input, .template3 #container #dons input{width:160px !important; height:161px !important; background:url('../images/dons.png') no-repeat; border:none; outline:none; cursor:pointer;}

.template1 #container .img, .template2 #container img, .template3 #container img {position:fixed; z-index:2; top:50px; left:-200px;}
.template1 #container #content .img, .template2 #container #content img, .template3 #container #content img {position:absolute; z-index:6; top:-150px; left:-20px;}

#id50 #container #content #text-principal ul li { background: none; }
#id50 #container #content #text-principal ul li a.gallery img { position: relative; top: 0; left: 0; margin: 0;}
/*---- End fixed pictures ----*/

.template1 h1, .template2 h1, .template3 h1{width:100%; height:145px; background:url('../images/header.png') 50px 0px no-repeat;}
.template1 h1 span, .template2 h1 span, .template3 h1 span {display:none;}

.template1 ul, .template2 ul , .template3 ul  {position: relative; z-index:30;float:right; margin:-6px 50px 0px 0px; height:20px;}
.template1 ul  li a, .template2 ul  li a, .template3 ul  li a {  display:block; height:20px; padding:25px 7px 0px 7px; font-size:1em; letter-spacing:0.3px;font-weight:bold; color:#ffc200;}
.template1 ul  li a:hover, .template2 ul  li a:hover, .template3 ul  li a:hover {  background:#5d7e2f;}
.template1 ul  li, .template2 ul li, .template3 ul li {float:left; margin:0px 0px 0px 10px; height:45px; border-top:4px solid #5d7e2f; cursor:pointer;}
.template1 ul  li.active , .template2 ul  li.active, .template3 ul li.active {background:#5d7e2f;}


/*---- Start content div  ----*/

.template1 #content, .template2 #content, .template3 #content {position:relative; margin:50px auto 0px auto; width:900px; z-index:4;}
.template1 #content a, .template2 #content a, .template3 #content a {color:#ffc200;}
.template1 #content a:hover, .template2 #content a:hover, .template3 #content a:hover {text-decoration:underline;}

.template1 #content  p, .template2 #content  p, .template3 #content  p {position: absolute; top:320px; display:block; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; width:550px; font-size:13px; z-index:9; line-height:17px;}
.template1 #content a, .template2 #content a.projet, .template3 #content a.projet {display:block; position:absolute; width:120px; height:120px; top:-195px; right:0px; z-index:99;}
.template1 #content #text-principal p a {position:static; display:block; width:310px; height:74px; background:url(../images/objectif.png) center top no-repeat;}
.template1 #content #text-principal p a:hover {background-position: center bottom;}
.template1 #content a span, .template2 #content a span, .template3 #content a span {display:none;}

.template1 #content  ul { position:absolute; top:0px; left:0px; z-index:5; width:900px; height:300px; overflow:hidden; margin:0px;}
.template1 #content  ul li {float:none; margin-top:0px; margin-left:0px;  height:300px; border:none; cursor:auto;}

.template1 #content  #text-principal {position:absolute; z-index:8; padding: 15px 0px 0px 15px; top:0px; left:0px; width:310px;}
.template1 #content  #text-principal p {position:static; margin: 0px 0px 15px 0px;padding:5px 5px 5px 5px; background:url('../images/illustration-text.png'); font-size:13px; display:block; width:310px; font-weight:bold;}
.template1 #content  #text-principal img {position:static; float:left;  height:60px; width:50px;}

.template1 #content #event { position: absolute; left: 15px; top: 190px; display: block; width: 310px; height: 100px; padding: 5px; text-align: center;  background-: url(../images/illustration-text.png); }
.template1 #content #event a { position: relative; margin: 0; display: block; padding: 0; width: 310px; height: auto; font-size: 13px; font-weight: bold; padding: 5px; text-align: center;  background-: url(../images/illustration-text.png); }
.template1 #content #event span a { color: #fff;  width: 320px; height: auto, margin 0; padding: 0; font-size: 11px; font-weight: normal; text-align: center; }

.template2 #content  #text-principal {position: static; top:0px; left:0px; z-index:8; background:#5d7e2f; width:900px; height:300px;z-index:8; background:#5d7e2f;}

.template2 #content  #text-principal p{ position:static; display:block; float:right; margin: 15px 15px 0px 0px;padding:10px 5px 10px 5px; background:url('../images/illustration-text.png'); font-size:13px; display:block; width:490px;}
.template2 #content  #text-principal p.mentions{ float:left; position:relative; top:0px; display:block; z-index:9; width:270px; text-align:center; margin:15px 0px 0px 15px; padding:10px 5px 10px 5px; background:url('../images/illustration-text.png'); font-size:13px;}
.template2 #content  h2 {font-size:1.2em; font-weight:bold; display:block; width:500px; color:#ffc200; float:right; margin:15px 15px 0px 0px; text-align:left; padding:0px;}

.template2 #content ul {position:absolute; display:inline; top:15px; left:15px; float:none;margin:0px; }
.template2 #content ul li {display:inline-block; width:150px;height:auto; border:none; padding-left:5px; float:left; margin:0px 10px 25px 0px; background:url('../images/illustration-text.png');}
.template2 #content ul li:hover {border:none;background:url('../images/ie6/illustration-text.png'); cursor:default;}
.template2 #content ul li a {display:inline-block; height:15px; padding:0px; font-weight:bold; color:#fff;}
.template2 #content ul li a:hover {text-decoration:underline; background:none;}
.template2 #content ul li ul {position:static;}
.template2 #content ul li ul li {display:block; width:140px; margin:0px 3px 0px 10px;background:none;}
.template2 #content ul li ul li:hover {background:none;}
.template2 #content ul li ul li a {font-weight:normal;}

#id2 #content #text-principal ul, #id3 #content #text-principal ul {position:absolute; top:15px; left:10px; width:360px;}
#id2 #content #text-principal ul li, #id3 #content #text-principal ul li {width:100px; display:inline-block; background:none; margin:0px 10px 5px 5px; text-align:center; overflow:hidden; float:left; height:75px;}
#id2 #content #text-principal ul li a.gallery img, #id3 #content #text-principal ul li a.gallery img {height:80px; position:static; display:inline-block;}

.template3 #content  #text-principal {position: absolute; top:0px; left:0px; z-index:8; background:#5d7e2f; width:900px; height:285px; background:#5d7e2f; padding-top:15px;}
.template3 #content  h2 {font-size:1.2em; font-weight:bold; color:#ffc200; margin:15px 0px 0px 15px; padding:0px;}
.template3 #content  #text-principal p {position:static; display:block; padding:10px 5px 10px 5px;  margin:0px 0px 15px 15px; background:url('../images/illustration-text.png'); font-size:13px; width:425px}
.template3 #content  #text-principal #scroll-pane p { margin:0px 0px 15px 15px;padding:10px 5px 10px 5px; background:none; font-size:1em;}
.template3 #content  #text-principal #scroll-pane p span {font-size:0.9em;}

.template3 #content  form { position:absolute; z-index:9; left:460px; top:15px; text-align:right; line-height:30px; width:425px;}
.template3 #content  p.error {position:static; display:inline; float:right; margin:0px; padding:0px;}
.template3 #content  form input { width:340px !important;}
.template3 #content  form p {position:static; top:0px; left:0px; text-align:left; line-height:15px; font-size:13px; width:400px; background:url('../images/illustration-text.png'); display:block; padding:10px 5px 10px 5px;}
.template3 #content  form input:focus { background:#ffa;} 
.template3 #content  form textarea{ width:340px !important; height:70px !important;}
.template3 #content  form textarea:focus { background:#ffa;}
.template3 #content  form input.radio { width:15px !important; line-height:30px;}
.template3 #content  form input.montant { width:50px !important; line-height:30px;}
.template3 #content  form input.button { width:120px !important; height:30px !important; color:#5d7e2f; background:url('../images/button.png') 0px 0px no-repeat; font-weight:bold; border:none; cursor:pointer;}
.template3 #content  form input.button:hover { color:#ffc200; background:url('../images/button.png') 0px -30px no-repeat; font-weight:bold; border:none;}
.template3 #content  img#map {position:absolute; z-index:9 !important; left:490px !important; top:15px !important; width:378px; color:#000;}

.template3 #content  #thanks-dons {position:absolute; z-index:9; left:465px; top:15px;width:400px; background:url('../images/illustration-text.png'); padding:0px 10px 0px 10px;}
.template3 #content  #thanks-dons img {position:static;}
.template3 #content  #thanks-dons h2 {font-size:1.2em; font-weight:bold; color:#fff; padding:0px; margin:0px;}
.template3 #content  #thanks-dons p {position:static; display:block; width:100%; margin:0px; padding:0px;}
.template3 #content  #thanks-dons #scroll-pane p:hover {background:#516E4E;}
.template3 #content  #thanks-dons #scroll-pane {height:100px;overflow:auto; text-align:left;}
.template3 #content  #thanks-dons .jScrollPaneContainer {margin-bottom:10px; }
.template3 #content  #text-principal #scroll-pane {height:200px; margin-left:10px; overflow:auto; text-align:left;background:url('../images/illustration-text.png');}
.template3 #content  #thanks-dons #scroll-pane span {float:right;}

#id8 #content #text-principal a#donate {position:static; margin:-5px 0px -10px 40px; display:inline-block; background:url(../images/donate.png) 0px 0px no-repeat;  height:50px; width:390px;}
#id8 #content #text-principal a#donate:hover {background-position:0px -50px;}
#id8 #content #text-principal a#donate span {display:none;}
#id8 #content #text-principal p {padding-top:7px;}
#id8 #content #text-principal p img {position:static; top:0px; left:0px; margin:0px;}

#id8 #content p {margin-top:-14px;}
#id8 #content p strong {display:block;  font-size:15px; color:#ffc200;}
#id8 #content p a.gallery {display:block; width:255px; margin-left:100px;}
#id8 #content p a.gallery img {position:static; display:block; width:255px; top:0px; left:0px; margin:-15px 0px 0px 0px;}

#id45 #content  #thanks-dons #scroll-pane {height:238px; overflow:auto; text-align:left;}
#id45 #content #thanks-dons #scroll-pane a {display:block; height:75px; clear:left; font-size:1.1em; font-weight:bold; color:#ffc200;}
#id45 #content #thanks-dons #scroll-pane a span {display:block; float:left; margin-right:5px; margin-bottom:5px; height:75px; width:100px; overflow:hidden; text-align:center;}
#id45 #content #thanks-dons #scroll-pane a span img {height:100px; }

/*---- End content div  ----*/


.template1 #footer, .template2 #footer, .template3 #footer {position:absolute; z-index:7; width:100%; bottom:-15px;}
.template1 #footer p, .template2 #footer p, .template3 #footer p {font-size:0.8em; padding-right:10px;}
.template1 #footer a:hover, .template2 #footer a:hover, .template3 #footer a:hover {text-decoration:underline;}
.template1 #footer #footer-sinfin, .template2 #footer #footer-sinfin, .template3 #footer #footer-sinfin {float:right;}


#id50 #content #text-principal p b { font-weight: bold; color: #ffc200; }