html, body, ol, ul {margin:0;padding:0;font-size:100%;}
body {color:#515151;background:#ecf3f8;font-weight:normal;font-size:13px;font-family: Arial, Sans-Serif;text-align: center; /* pour corriger le bug de centrage IE */}

#HeaderWrapper {background: url(../images/headerWrapperBG.pn) no-repeat scroll 50% 0%;height:146px;}
#Header {background:#ffffff url(../images/headerbg.jpg) repeat-x scroll 50% 0%;height:100%;text-align: left;}

#Header div#LogoConteneur {margin-left:30%;padding:5px 0 0 0;} 

#Header img#Logo {width:378px;height:98px;} 

#Header ul#NavTop {position:absolute;bottom:0px;left:25px;list-style: none;text-align:center;height:35px;}

/* NAV TOP */
#Header ul#NavTop li#nav1 a {color:#515151;font-size:11px;font-weight:bold;font-family: Arial, Sans-Serif;}
#Header ul#NavTop li#nav1 a:hover {color:#58ac25;text-decoration:none}
#Header ul#NavTop li#nav1.MenuOn a {color:#58ac25}

#Header ul#NavTop li#nav2 a {color:#515151;font-size:11px;font-weight:bold;font-family: Arial, Sans-Serif;}
#Header ul#NavTop li#nav2 a:hover {color:#58ac25;text-decoration:none}
#Header ul#NavTop li#nav2.MenuOn a {color:#58ac25}

#Header ul#NavTop li#nav3 a {color:#515151;font-size:11px;font-weight:bold;font-family: Arial, Sans-Serif;}
#Header ul#NavTop li#nav3 a:hover {color:#58ac25;text-decoration:none}
#Header ul#NavTop li#nav3.MenuOn a {color:#58ac25}

#Header ul#NavTop li#nav4 a {color:#515151;font-size:11px;font-weight:bold;font-family: Arial, Sans-Serif;}
#Header ul#NavTop li#nav4 a:hover {color:#58ac25;text-decoration:none}
#Header ul#NavTop li#nav4.MenuOn a {color:#58ac25}

#Header ul#NavTop li#nav5 a {color:#515151;font-size:11px;font-weight:bold;font-family: Arial, Sans-Serif;}
#Header ul#NavTop li#nav5 a:hover {color:#58ac25;text-decoration:none}
#Header ul#NavTop li#nav5.MenuOn a {color:#58ac25}

#Header ul#NavTop li#nav6 a {color:#515151;font-size:11px;font-weight:bold;font-family: Arial, Sans-Serif;}
#Header ul#NavTop li#nav6 a:hover {color:#58ac25;text-decoration:none}
#Header ul#NavTop li#nav6.MenuOn a {color:#58ac25}

#Header ul#NavTop li#nav7 a {color:#515151;font-size:11px;font-weight:bold;font-family: Arial, Sans-Serif;}
#Header ul#NavTop li#nav7 a:hover {color:#58ac25;text-decoration:none}
#Header ul#NavTop li#nav7.MenuOn a {color:#58ac25}

#Header ul#NavTop li#nav8 a {color:#515151;font-size:11px;font-weight:bold;font-family: Arial, Sans-Serif;}
#Header ul#NavTop li#nav8 a:hover {color:#58ac25;text-decoration:none}
#Header ul#NavTop li#nav8.MenuOn a {color:#58ac25}

#Header ul#NavTop li {float:left;position:relative;padding:15px 3px 0px 8px}
#Header ul#NavTop li a {height:35px;cursor:hand;}


ul#Presse {list-style: none;text-align:center;}	
ul#Presse li {float:left;padding:8px 16px 8px 16px}
ul#Presse li a {height:50px;display:block;cursor:hand;}	


#HeaderIn {position:relative;width:850px;margin:0 auto;height:100%;}

#Global {text-align:left;margin: 0 auto;width:828px;}
#Page {background: #FFFFFF url(../images/pageBg.gif) center top repeat-y;}
#Content {background:url(../images/bgMain.jpg) no-repeat top;margin:0;padding:10px 25px 0px 25px;}

#Content.Home{background:url(../images/bgMainHome.jpg) no-repeat top;margin:0;padding:10px 10px 0px 10px;}
#Content.Services{background:url(../images/bgServices.jpg) no-repeat top;margin:0;padding:10px 25px 0px 25px;}
#Content.Rejoindre{background:url(../images/bgRejoindre.jpg) no-repeat top;margin:0;padding:10px 25px 0px 25px;}
#Content.FAQ{background:url(../images/bgFAQ.jpg) no-repeat top;margin:0;padding:10px 25px 0px 25px;}
#Content.ENG{background:url(../images/bgEngage.jpg) no-repeat top;margin:0;padding:10px 25px 0px 25px;}


#Footer {background: url(../images/botMain.jpg) no-repeat top;margin:0;height:50px;padding-top:20px;text-align:center;font-size:10px;}
#Footer a {color:#515151;}


a img {border: 0;}
.Clear {clear:both;display:block;height: 0;font-size: 1px;line-height: 0px;}
.Debug {border:1px solid black;}
a {color: #515151;text-decoration: none;}

a:hover, a:focus, a:active {text-decoration: none;}


.accordion {width:680px;padding-left:60px}
.accordion h3 {
	color:#96ca2d;
	height:40px;
	padding:40px 0 0 90px;
	margin: 0 0 20px 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	cursor: pointer;}	
.accordion h3.S1 {background:url(../images/SavoirPic1.png) no-repeat left -80px;}		
.accordion h3.S2 {background:url(../images/SavoirPic2.png) no-repeat left -80px;}	
.accordion h3.S3 {background:url(../images/SavoirPic3.png) no-repeat left -80px;}	
.accordion h3.S4 {background:url(../images/SavoirPic4.png) no-repeat left -80px;}	
.accordion h3.V1 {background:url(../images/VisionPic1.png) no-repeat left -80px;}		
.accordion h3.V2 {background:url(../images/VisionPic2.png) no-repeat left -80px;}	
.accordion h3.V3 {background:url(../images/VisionPic3.png) no-repeat left -80px;}	
.accordion h3.V4 {background:url(../images/VisionPic4.png) no-repeat left -80px;}	
.accordion h3.V5 {background:url(../images/VisionPic5.png) no-repeat left -80px;}	
.accordion h3.V6 {background:url(../images/VisionPic6.png) no-repeat left -80px;}	
.accordion h3:hover {color:#58ac25;}
.accordion h3.active {background-position:left 0px;}
.accordion p {
	font: 12px Arial, Helvetica, sans-serif;
	margin: -30px 0 0 0;
	padding: 10px 15px 20px 80px;
	display:none;}
	
	
#accFAQ {width:600px;padding-left:30px}		
#accFAQ .titleFAQ {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	cursor: pointer;}	
#accFAQ .titleFAQ.active {
	color:#57ab24;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	cursor: pointer;}	
#accFAQ .faq {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 10px 0px 10px 0px;
	display:none;}

#accENG {width:600px;padding-left:30px}		
#accENG .titleENG {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	cursor: pointer;}	
#accENG .titleENG.active {
	color:#57ab24;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	cursor: pointer;}	
#accENG .eng {
	font: 12px Arial, Helvetica, sans-serif;
	display:none;}

.Title {
	color:#57ab24;
	font: bold 16px Arial, Helvetica, sans-serif;}	
	
.info {
	color:#57ab24;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: underline;}	
.ch {
	color:#57ab24;
	font: bold 9px Arial, Helvetica, sans-serif;}	
	
.BigTitle {
	color:#57ab24;
	font: bold 22px Arial, Helvetica, sans-serif;}	
	
.GreenT {
	color:#58ac25;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;}	

 .GreenBord {
 border:solid 1px #58ac25}

.Col {float:left;width:490px;height:500px}
.ColRight {float:left;width:430px;}
.ColTem {float:left;width:300px;height:350px;background:url(../images/TemBg.png) no-repeat;text-align:center;padding-top:10px}
.ColLeft {float:left;width:300px;height:568px;background:url(../images/ColRightBg.png) no-repeat;text-align:center;padding-top:10px}


#slideshow {
  position:relative;
  width:400px;
  border:1px solid #57ab24;
  height:250px;
}

#slideshow.S {
  position:relative;
  width:355px;
  border:1px solid #57ab24;
  height:222px;
}

#slideshow.Big {
  position:relative;
  width:650px;
  border:1px solid #57ab24;
  height:406px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.cadre {
	background:#ffffff;
	border:1px solid #57ab24;
	padding:5px 8px 5px 8px;
}


.pressLogo {
padding:8px 15px 5px 15px;
}