@charset "utf-8";
* {padding:0px; margin:0px;}
body{ font-family:Arial, Helvetica, sans-serif;}
ul{ list-style:none;}
h1{ display:block; float:right; margin:40px 0px 10px 10px; padding-right:100px;}
noscript{   font-family:Arial, Helvetica, sans-serif; font-size:0.75em;  padding:5px;}
a{ text-decoration:none;}
a:hover{text-decoration:underline;}

#conteneur{ width:908px; margin:20px auto;}
#header{ width:905px; height:124px; background:url(../_img/bg_header.png) no-repeat 0px 0px; margin-bottom:5px;}
ul#logos{ float:left; margin:15px 10px 0px 10px; }
ul#logos li{ float:left; margin:0px 5px 0px 0px; display:block;}
ul#logos li#ademe{ float:left; margin:36px 5px 0px 0px; display:block;}

#animCentre{ width:533px; float:left; margin-right:5px; padding-top:5px;}
#animMod{ width:366px; float:right;}
#nav{ width:535px; background:url(../_img/bg_navHome.gif) no-repeat -4px 0px; height:161px; margin-top:3px; padding-top:14px; padding-left:2px;}
#nav2{ width:209px; background:url(../_img/bg_nav2.png) no-repeat 0px 0px; height:458px; margin-top:3px; padding-top:8px; padding-left:35px;}

#nav #bt1{ 	float:left;	height:160px;	background:url(../_img/bt_pourquoi.gif) no-repeat 0px 0px;	margin-left:0px;	width:167px;	cursor:pointer;}
#nav #bt2{ 	float:left;	height:160px;	background:url(../_img/bt_comment.gif) no-repeat 0px 0px;	margin-left:0px;	width:167px;	cursor:pointer;}
#nav #bt3{ 	float:left;	height:160px;	background:url(../_img/bt_comment2.gif) no-repeat 0px 0px;	margin-left:0px;	width:167px;	cursor:pointer;}

#nav2 #bt1, #nav2 #bt1.normal{ 	float:left;	height:144px;	background:url(../_img/nav/bt1-off.gif) no-repeat 0px 100%;	margin-left:2px;	width:174px;	cursor:pointer;	margin:0px 0px 3px;}
#nav2 #bt2, #nav2 #bt2.normal{ 	float:left;	height:144px;	background:url(../_img/nav/bt2-off.gif) no-repeat 0px 100%;	margin-left:2px;	width:174px;	cursor:pointer;	margin:0px 0px 3px;}
#nav2 #bt3, #nav2 #bt3.normal{ 	float:left;	height:144px;	background:url(../_img/nav/bt3-off.gif) no-repeat 0px 100%;	margin-left:2px;	width:174px;	cursor:pointer;	margin:0px auto;}

#nav2 #bt1.btactif{ 	float:left;	height:144px;	background:url(../_img/nav/bt1-on.gif) no-repeat 0px 100%;	margin-left:2px;	width:174px;	cursor:pointer;	margin:0px 0px 3px;}
#nav2 #bt2.btactif{ 	float:left;	height:144px;	background:url(../_img/nav/bt2-on.gif) no-repeat 0px 100%;	margin-left:2px;	width:174px;	cursor:pointer;	margin:0px 0px 3px;}
 #nav2 #bt3.btactif{ 	float:left;	height:144px;	background:url(../_img/nav/bt3-on.gif) no-repeat 0px 100%;	margin-left:2px;	width:174px;	cursor:pointer;	margin:0px auto;}
 
#nav .sep{ 	float:left;	height:160px;	background:url(../_img/sep.gif) no-repeat 0px 0px;	margin-left:0px;	width:10px;}

#nav ul{	width:167px;	font-size:0.7em;	font-weight:bold;	color:#36a941;	text-align:center;	line-height:1em;}
#nav ul li a{	color:#36a941;}

#nav ul#menu1{	display:none;}
#nav ul#menu2{	display:none;}
#nav ul#menu3{	display:none;}

#nav2 ul{	width:167px;	font-size:0.7em;	font-weight:bold;	color:#36a941;	text-align:center;	line-height:1em;}
#nav2 ul li a{	color:#36a941;}
ul li.block a{	display:block; text-decoration:none; width:170px; height:110px;}
ul li.block a:hover{	 text-decoration:none;}
#nav2 ul#menu1{ 	display:none;}
#nav2 ul#menu2{	display:none;}
#nav2 ul#menu3{	display:none;}

#contenu { float:right; width:556px; height:435px; background:url(../_img/bg_contenu.gif) no-repeat 0px 0px; margin-top:5px; padding:10px 50px;} 

.sep2{ background:url(../_img/sep_cont.gif) repeat-x 0px 0px; height:3px; font-size:1px;}

#nivo2{ font-size:0.75em; color:#2ba22f; padding:5px 0px; margin-left:1px;}
#nivo2 a{ color:#2ba22f;}
#nivo2 .actif{ color:#666666;}

#retour{ padding-bottom:15px; font-size:0.7em; font-weight:bold;}
#retour a{ background:url(../_img/fleche.gif) no-repeat 0px 0px; padding-left:15px; color:#000000;}

#illu{ width:112px; float:left; margin-left:1px; display:block; height:300px;}

.clr{ clear:both; font-size:1px; height:1px; line-height:1px; }
.hidden{ display:none;}

#footer{font-size:0.75em; text-align:center; color:#A5A5A5;}
#footer a{ color:#A5A5A5;}
#footer a.vert{ color:#36a941; font-weight:bold;}


#cont{ float:left; width:370px; margin-left:20px; overflow:hidden;}
#cont2{ float:left; width:520px; margin-left:0px; overflow:hidden;}
#cont p, #cont2 p{ font-size:0.75em; padding-bottom:10px;}
#cont h4, #cont2 h4{ font-size:0.8em; color:#2ba22f;padding-bottom:10px;}
#cont strong, #cont2 strong{  font-weight:bold;}
#cont a, #cont2 a{  color:#2ba22f; font-weight:bold;}

.bgnav{ background:url(../_img/bg_updown.gif) repeat-y 0px 0px; width:20px; float:right; margin-right:5px; _margin-right:2px;}

.vScroller {  position:relative;  overflow:hidden;  width:390px;  margin:0; padding:0;}
.vScrollee {
	position:absolute;
	width:355px; /* to get this number, subtract scrollee's padding from scroller's width */
	left:2px;
	top:1px;
	margin:0;
	padding:10px 10px;

}
.vScroller2 {  position:relative;  overflow:hidden;  width:523px;  margin:0; padding:0;}
.vScrollee2 {
	position:absolute;
	width:490px; /* to get this number, subtract scrollee's padding from scroller's width */
	left:2px;
	top:1px;
	margin:0;
	padding:10px 10px;
}
.btn {  float:right;  overflow:hidden;  width:20px; height:22px;  text-align:center;  cursor:default;  margin-left:0px;  cursor:pointer;}

.btn2 {   float:right;  overflow:hidden;  width:20px; height:22px;  text-align:center;  cursor:default;  margin-left:0px;  cursor:pointer;}
*html .btn2 {    float:right;  overflow:hidden;  width:20px; height:22px;  text-align:center;  cursor:default;  margin-left:0px;  cursor:pointer;}


h3.titre{ float:left; margin:5px 0px 5px 30px;}

.important{   color:#2ba22f; font-weight:bold;}

.apercu{ margin:10px 0px;}
.apercu img{ padding:0px 10px 0px 0px; border:1px solid #2ba22f; float:left; margin-right:10px;}
.apercu a.lien{ padding:0px 0px 0px 25px;  background:url(../_img/loupe.gif) no-repeat 0px 15px; font-size:0.7em; float:left; display:block; padding-top:20px;}
.apercu a img{ padding:0px 0px 0px 0px;  background:none; font-size:0.7em; float:left; display:block;}

#cont p.infos{ font-size:0.65em; font-style:italic; }

textarea{ font-family:Arial, Helvetica, sans-serif; width:350px; height:150px; border:1px solid #000000; font-size:0.9em; }

.txtNormal{ font-weight:normal;}

/** **/

/* version 2 */
a#tooltip2 {color:#c00;}
a#tooltip2 b {display:none;}
a#tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a#tooltip2:hover b {display:block; position:absolute; top:7px; left:0px; padding:5px; font-weight:normal; color:#FFFFFF; border:1px solid #23a12f; background:#23a12f; width:100px; font-size:0.7em; font-weight:bold; text-align:center;}
a#tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #23a12f; overflow:hidden; z-index:100;}
a#tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #23a12f; overflow:hidden; z-index:100;}