/* A REPRENDRE */
* {margin:0;padding:0;}
a img {border:0} /* On dit que tous les liens-images n'ont pas de bordure (Internet Explorer en met par défaut) */
hr.separator {clear:both;visibility:hidden;}
/* A REPRENDRE */

body {background:#87b713 url(Images/background.jpg) repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
html, body {height:100%;margin:0;padding:0;}
h1 {color:#222;font-size:20px;font-weight:normal;border-bottom:1px solid #789d0d;}
h3 {font-size:11px;}
a h2 {text-decoration:none;}
p {color:#444;font-size:11px;}
.top_header {background:url(Images/background_top_header.jpg) repeat-x;border-bottom:1px solid #d6fe67;height:21px;line-height:18px;}
.top_header ul,.top_header li {display:inline;}
.top_header ul {float:right;padding:0 15px;}
.top_header li a {color:#fff;font-size:11px;margin:0 15px;text-decoration:none;}
.top_header li a .contact_popup {background:#2e2e2e;border:1px solid #d6fe67;border-top:0;border-right:0;display:none;height:128px;position:absolute;right:0;top:21px;width:250px;}
.top_header li a.contact_link:hover .contact_popup {display:block;}
.contact_popup p{color:#FFFFFF;font-size:11px;}

.news {background:url(Images/pic_lady2.gif) no-repeat bottom right;height:292px;float:right;text-align:right;width:320px;}
.news h2 {color:#8cba26;font-size:20px;font-weight:normal;}
.news1,.news2,.news3 {display:none;}
.news h3 {color:#69870e;font-size:10px;font-weight:normal;}
.news p {color:#444;font-size:11px;margin-top:5px;}
.div_nav {margin:35px auto 0;width:900px;}

.projets{margin-left:50px;margin-right:50px;margin-top:30px;}
.projets h2 {color:#333;font-size:22px;font-weight:normal;}
.projets h3{color:#333;font-size:18px;font-weight:normal;}
.projets p{color:#333;}
a.link_basic {color:#a1957d;text-decoration:none;}
a.link_basic :hover {color:#8cba26;}
.plan_acces{margin-top:20px;}
.plan_acces h2{color:#333;font-size:22px;font-weight:normal;}
.plan_acces p{color:#333;font-size:13px;}

.dons{margin-left:100px;margin-right:100px;margin-top:50px;}
.dons h2{color:#333;font-size:22px;font-weight:normal;}
.dons p{color:#333;font-size:13px;}

.petit_titre_vert {color:#8cba26;font-size:13px;font-weight:bold;}
.padding_area {padding:2px 35px 20px;}
.brown_area {background:#eee7d9;border-bottom:1px solid #fff;border-top:1px solid #fff;margin:0 10px;}
.brown_area h2 {color:#333;font-size:14px;font-weight:normal;}
.brown_area p {color:#a1957d;font-size:11px;}
.line-dark-brown {background:#c6bdaa;height:1px;margin:0 10px;}

.gift_box {background:url(Images/icon_donations.jpg) no-repeat;padding:10px 0 10px 51px;}
.guestbook_box {background:url(Images/icon_guestbook.jpg) no-repeat;padding:10px 0 10px 51px;}
table.partners td {border:1px solid transparent;padding:10px;text-align:center;}
table.partners td:hover {background:#eee7d9;border:1px solid #c6bdaa;}
table.partners td.guy_pic:hover {background:transparent;border:1px solid transparent;}
table.partners td img {margin-top:10px;}
.left_area {border-right:1px solid #b0a48b;float:left;padding-right:20px;width:400px;}
.left_area h1{color:#333;font-size:22px;font-weight:normal;}
.valeurs p{color:#a1957d;font-size:14px;}
.box_valeurs{background:url(Images/box_valeurs.jpg); height:250px;width:400px;margin-top:-20px;margin-bottom:-37px;}
.box_objectifs{background:url(Images/box_objectifs.jpg);height:250px;width:450px;margin-left:-15px;margin-top:6px;}
.right_area {float:right;width:450px;}
.right_area p {font-size:13px;}
.right_area h1 {font-size:16px;}
.right_area_line {border-left:1px solid #fff;float:left;height:208px;width:1px;}
.line-brown {background:#b0a48b;height:1px;margin:0 auto;margin-top:5px;width:160px;}
.line-white {background:#fff;height:1px;margin:0 auto;width:160px;}

.top_content {background:url(Images/background_top_content.jpg) no-repeat top center;height:34px;margin:-22px auto 0;width:980px;}
.middle_content {background:url(Images/background_middle_content.jpg) no-repeat top center;margin:0 auto;width:980px;}

.footer {background:#323231;height:20px;}
.footer2 {background:url(Images/footer.png);no-repeat top center; height:40px;margin-top:-10px;}



.green_box,.orange_box,.blue_box {height:100px;margin:15px 0;text-align:center;}
.green_box {background:#3d3d3d;color:#fff;line-height:100px;margin-top:-2px;height:100px;}
.green_box:hover .green_box_link {display:block;line-height:100px;height:100px;}
.green_box:hover h2 {display:none;}
.orange_box {background:#272727;color:#fff;line-height:100px;height:100px;}
.orange_box:hover .orange_box_link {display:block;line-height:100px;height:100px;}
.orange_box:hover h2 {display:none;}
.blue_box {background:#0d0d0d;color:#fff;line-height:100px;height:100px;}
.blue_box:hover .blue_box_link {display:block;line-height:50px;height:100px;}
.blue_box:hover h2 {display:none;}
.green_box_link,.orange_box_link,.blue_box_link {display:none;}
.green_box_link a,.orange_box_link a,.blue_box_link a {color:#fff;font-size:20px;text-decoration:none;}
.green_box_link a:hover,.orange_box_link a:hover,.blue_box_link a:hover {color:#4f4f4f;}
.green_box:hover,.orange_box:hover,.blue_box:hover {background:#8bba14;}






.nav {position: relative;height: 29px;width: 600px;padding: 15px;padding-left:50px;margin: 10px 0;margin-left:-55px;overflow: hidden;}
                .nav li {
                    float: left;
                    list-style: none;
                }
                    .nav li.back {
                        background: url(Images/lava.gif) no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .nav li.back .left {
                            background: url(Images/lava.gif) no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .nav li a {
                        font: bold 14px arial;
						text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .nav li a:hover,  .nav li a:visited {
                            border: none;
                        }
						.nav li a:hover {color:#bada15;}
						
						.nav li a:active {color:#333;}




#slider							{ background: white url(Images/slider-bg.jpg);border:1px solid #FFFFFF; height: 292px; overflow: hidden;float:left;
								  position: relative;width:566px}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{width: 566px; float: left; position: relative; }

.green_box_missions 		    {background:url(Images/green_box_missions.jpg);border:1px solid #FFFFFF;height:292px;width:550px;float				   								:left;margin-bottom:20px;}
.cartoon_missions				{background:url(Images/cartoon_missions.gif); height:292px;width:292px;float:right;}




.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 400px; }
.slide p.slide1text {background:url(Images/slider1_text.jpg) no-repeat;height:292px;width:400px;}
.slide p.slide2text {background:url(Images/slider2_text.jpg) no-repeat;height:292px;width:400px;}
.slide p.slide2text span,.slide p.slide1text span {display:none;}
.slide img						{ position: absolute; top: 1px; left: 400px;width:165px;height:290px;overflow:hidden; }


#slider-stopper					{ position: absolute; top: 0px; right: 0px; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								


/* TEAM SLIDER */


#wrapper {
    width: 820px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}



.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 318px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #444;
}

#wrapper #slider a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

#wrapper #slider a:hover {
	border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}




/* LIGHTBOX STYLE */

#lightbox{	padding: 10px;color:#fff;margin-right:100px;	}
#lightbox a {color:#fff;}		
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(Images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Images/overlay.png", sizingMethod="scale");
	}