@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
img{
	border:none;
}

img.logo{
	padding:0 !important;
	vertical-align:bottom;
}

body{
	text-align:center;
	background:url(images/fond.gif) left top repeat-x;
}

body.temp{
	padding-top:250px;
	text-align:center;	
	background:none !important;
}

body.prehome{
	text-align:center;	
	background:url(images/fond_prehome.gif);
}

.cleaner{
	font-size:1px;
	clear:both;
	height:1px;
	line-height:1px;
}
#page{
	background:url(images/fond_haut.gif) left top no-repeat;
	width:997px;
	margin:auto;
	text-align:left;
}

#header{
	padding:0 37px 5px 43px;
}

#header .logo{
	float:left;
}
#header .titre{
	float:right;
	width:640px;
	text-align:right;
}
#header .titre .bouton{
	position:relative;
	float:right;
	top:70px;
	left:-18px;
	width:265px;
	height:50px;
}
#header .titre .bouton a{
	display:block;
	background:url(images/btn_vert.gif) left top no-repeat;
	text-decoration:none;
	height:50px;
}
#header .titre .bouton a span{
	visibility:hidden;
}
#header .titre .bouton a:hover{
	background:url(images/btn_vert_over.gif) left top no-repeat;
}
#menu{
	margin:0 43px 0 56px;
	padding:0 5px 0 0;
	background:url(images/menu_coin.gif) right top no-repeat;
}
#menu .fond{
	background:url(images/menu_fond.gif) right top no-repeat;
}
#menu ul li{
	float:left;
	list-style-type:none;	
	height:34px;
}
#menu ul li span{
	position:absolute;
	display:block;
}
#menu ul li span a{
	position:relative;
	display:block;
	height:35px;
}
#menu ul li span a:hover,#menu ul li.actif span a{
	z-index:2;
}
#menu ul li span a span{
	visibility:hidden;
}
#menu ul li#onglet1,#menu ul li#onglet1 a{
	width:78px;
}
#menu ul li#onglet1 a{
	background:url(images/menu_accueil.gif) left top no-repeat;
}
#menu ul li#onglet1 a:hover,#menu ul li#onglet1.actif a{
	background:url(images/menu_accueil_on.gif) left top no-repeat;
	width:83px;
}
#menu ul li#onglet2,#menu ul li#onglet2 a{
	width:130px;
}
#menu ul li#onglet2 a{
	background:url(images/menu_engagements.gif) left top no-repeat;
}
#menu ul li#onglet2 a:hover,#menu ul li#onglet2.actif a{
	background:url(images/menu_engagements_on.gif) left top no-repeat;
	left:-5px;
	width:140px;
}
#menu ul li#onglet3,#menu ul li#onglet3 a{
	width:130px;
}
#menu ul li#onglet3 a{
	background:url(images/menu_partenaires.gif) left top no-repeat;
}
#menu ul li#onglet3 a:hover,#menu ul li#onglet3.actif a{
	background:url(images/menu_partenaires_on.gif) left top no-repeat;
	left:-5px;
	width:145px;
}
#menu ul li#onglet4,#menu ul li#onglet4 a{
	width:126px;
}
#menu ul li#onglet4 a{
	background:url(images/menu_commentcamarche.gif) left top no-repeat;
}
#menu ul li#onglet4 a:hover,#menu ul li#onglet4.actif a{
	background:url(images/menu_commentcamarche_on.gif) left top no-repeat;
	left:-5px;
	width:146px;
}
#menu ul li#onglet5,#menu ul li#onglet5 a{
	width:131px;
}
#menu ul li#onglet5 a{
	background:url(images/menu_normesetlabels.gif) left top no-repeat;
}
#menu ul li#onglet5 a:hover,#menu ul li#onglet5.actif a{
	background:url(images/menu_normesetlabels_on.gif) left top no-repeat;
	left:-5px;
	width:144px;
}

#corps{
	margin:0 43px 0 56px;
	padding:6px 0 0 0;
	clear:both;
}


/************************************************************* Gestion des fonds de page *********/
#corps.degradehome{
	background:url(images/home_fond_haut.gif) left top no-repeat;
	}
	
#corps #fondhome{
	background:url(images/home_illus.jpg) left top no-repeat;
}

#corps.degradearticle{
	background:url(images/article_fond_haut.gif) left top no-repeat;
	}

#corps .illus_partenaire{
	background:url(images/article_illus.jpg) left bottom no-repeat;
	}

#corps.degradeflash{
	background:url(images/home_fond_haut.gif) left top no-repeat;
	}
	
#corps #fondflash{
	background:url(images/flash_illus.jpg) left top no-repeat;
}
/************************************************************* Fin Gestion des fonds de page *********/

#corps .fond{
	padding:0 5px 0 10px;
	height:100%;
}
#corps .flash{
	float:right;
	padding-bottom:10px;
}
/************************************************************* Gestion des contenus type home *********/
#corps #fondhome .contenu{
	width:400px;
	padding-top:50px;
}

#corps #fondhome .contenu p{
	color:#fff;
	font-size:0.8em;
	margin-bottom:10px;
}

#corps #fondhome .contenu h2{
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
	margin-bottom:5px;
}

#corps #fondhome .contenu h3{
	color:#f7f900;
	font-weight:bold;
	font-size:0.95em;
	margin-bottom:10px;
}

#corps #fondhome .contenu a{
	color:#f7f900;
}

#corps #fondhome .contenu a:hover{
	color:#99cc00;
}

#corps #fondhome  .contenu ul{
	margin-bottom:10px;
}

#corps #fondhome .contenu ul li{
	color:#fff;
	font-size:0.9em;
	list-style-position:inside;
	line-height:1.3em;
}


/************************************************************* Gestion des contenus type flash *********/
#corps #fondflash{
	padding-top:20px;
}

/************************************************************* Gestion des contenus type article *********/

#corps #fondarticle{
	padding-bottom :20px;
}

#corps #fondarticle .contenu{
	width:560px;
	padding-top :35px;
}

#corps #fondarticle .contenu img{
	padding:5px 0;
}

#corps #fondarticle .contenu p{
	color:#000;
	font-size:0.75em;
	margin-bottom:10px;
	text-align:justify;
}

#corps #fondarticle .contenu p.url_partenaires{
	font-weight:bold;
}

#corps #fondarticle .contenu h2{
	color:#99cc00;
	font-weight:bold;
	font-size:1.0em;
	margin-bottom:10px;
}

#corps #fondarticle .contenu h3{
	color:#006633;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:2px;
}

#corps #fondarticle .contenu h4{
	color:#006633;
	font-weight:bold;
	font-size:0.80em;
	margin-bottom:2px;
}

#corps #fondarticle .contenu .separation {
	background: transparent url(images/img_hr.gif) no-repeat top left;
	width: 568px;
	height: 20px;
}
#corps #fondarticle .contenu .separation hr {
	display: none;
}

#corps #fondarticle .contenu a.lientexte{
	color:#007c1b;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #007c1b;
}

#corps #fondarticle .contenu a.lientexte:hover{
	color:#99cc00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #99cc00;
}

#corps #fondarticle .contenu ul{
	margin-bottom:10px;
}

#corps #fondarticle .contenu ul li{
	list-style:inside;
	list-style-image:url(images/bullet.gif);
	color:#000;
	font-size:0.75em;
}
/************************************************************* Gestion Formulaires *********/

#contactForm{
	background:#f5ffec none repeat scroll 0%;
	border:1px solid #a6d070;
	padding:10px;
	line-height:1.8em;
	font-size:0.75em;
	text-align:left;
}

#contactForm hr{
	margin:5px;
	border: 0;
	width: 100%;
	color: #a6d070;
	background-color: #a6d070;
	height: 1px;
}

#contactForm img{
	padding:0 !important;
}

#contactForm em{
	font-size:0.75em;
	font-weight:bold;
	color:#99CC00;
}

#contactForm strong{
	color:#007C1B;
}

#contactForm ul{
	list-style-image:url(images/bullet.gif);
	color:#000;
}

#contactForm .listeArgument {
	color:#000;
	font-size:1.3em !important;
}

#contactForm input, #contactForm input.active{
	font-size:0.95em;
	margin:5px 0 0 0;
	padding: 1px 5px;
	border:1px solid #AAA;
	background: #fff none;
}

#contactForm .submit:hover{
	background: #fff none;
	color: #99CC00;
}
/************************************************************* Fin Gestion Formulaires *********/

/************************************************************* Fin Gestion des contenus *********/

#footerarticle{
	margin:0 43px 0 56px;
	padding-top:10px;
	background:url(images/article_fond_bas.gif) left top no-repeat;
}

#footer{
	margin:0 43px 0 56px;
	padding-top:10px;
}

#footer .partenaires, #footerarticle .partenaires{
	float:left;
}
#footer .partenaires ul li, #footerarticle .partenaires ul li{
	float:left;
	list-style-type:none;
	margin-right:15px;
}
#footer .mentions, #footerarticle .mentions{
	float:right;
	padding-top:5px;
}
#footer .mentions ul li, #footerarticle .mentions ul li{
	float:left;
	list-style-type:none;
	font-size:0.7em;
}
#footer .mentions ul li a, #footerarticle .mentions ul li a{
	display:block;
	color:#007c1b;
	padding:2px 0 3px 0;
}
#footer .mentions ul li a:hover, #footerarticle .mentions ul li a:hover{
	color:#99cc00;
}
#footer .mentions ul li.footer1 a, #footerarticle .mentions ul li.footer1 a{
	background:url(images/picto_donateur.gif) left top no-repeat;
	padding-left:18px;
	padding-right:3px;
}
#footer .mentions ul li.footer2 a, #footerarticle .mentions ul li.footer2 a{
	background:url(images/picto_telechargez.gif) left top no-repeat;
	padding-left:27px;
	padding-right:3px;
}
#footer .mentions ul li.footer3 a, #footerarticle .mentions ul li.footer3 a{
	background:url(images/picto_mentions.gif) left top no-repeat;
	padding-left:28px;
	padding-right:3px;
}
#footer .mentions ul li.footer4 a, #footerarticle .mentions ul li.footer4 a{
	background:url(images/picto_credits.gif) left top no-repeat;
	padding-left:28px;
	padding-right:3px;
}