body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
h1{
margin:0px;
padding:0px;
color:#FFFFFF;
font-size:12px;
}
.encours{
color:#bfda99;
}
.puce_img{
width:10px;
height:10px;
}
.titre_arch_photos{
margin:0px;
padding:0px;
color:#FFFFFF;
font-size:12px;
}
ul{
font-size:11px;
 font-weight:bold;
text-align:left;
top:5px;
 color: white;
 margin:0px;
 padding:0px;
  padding-left:10px;
  padding-top:6px;
}

ul a{
 color: white;
 margin:0px;
 padding:0px;
 text-decoration:none;
 font-weight:bold;
}

li{
top:0px;
 font-size:10px;
 font-weight:normal;	
 color: white;
 margin:0px;
 padding-left:0px;
 line-height:11px;
}
.interview{
	height:61px;
	padding-left:5px;
	color: #f7c380;
	vertical-align:middle;
}
.miniature{
padding-top:5px;
}
.ULopen{ 
background:url(../images/open.gif) top left no-repeat ;
background-position:0 4px;
 }
.ULclose{ 
background:url(../images/close.gif) top left no-repeat;
background-position:0 7px;
 }
.ULopen li{ display:block; }
.ULclose li{ display:none; }

.m1{
background-color:#ee8fb7;
}
.m2{
background-color:#a2d5e8;
}
.m3{
background-color:#682b92;
}
.m4{
background-color:#ef8700;
}
.m5{
background-color:#45a029;
}
.m6{
background-color:#00a9d2;
}
.m7{
background-color:#e74c8a;
}
/*sousmenu*/
.m8{
background-color:#86ba3c;
}
.m9{
background-color:#bad288;
}
.m10{
background-color:#8dba69;
}
.m11{
background-color:#bfd896;
}
.m12{
background-color:#86ba3e;
}
.m13{
background-color:#accf88;
}
.nouveau{
color:#c0d996;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:normal;
font-size:10px;
text-align:right;
padding-right:90px;
}
.btn{
background-color:#2a7322;
display:inline-block;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:2px;
padding-left:8px;
padding-right:8px;
line-height:13px;
font-size:10px;
}
#footer{
left:50%;
margin-left:-455px;
top:560px;
clear:both;
position:absolute;
width:660px;
color:#A3D5E9;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
#stats{
frameborder:0;
framespacing:0;
left:50%;
margin-left:-455px;
top:590px;
height:20px;
border:0px;
clear:both;
position:absolute;
width:660px;
color:#999999;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
#footer a{
color:#A3D5E9;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
#main_menu{
	z-index:1000;
	left:50%;
	margin-left:-455px;
	top:427px;
	clear:both;
	position:absolute;
	width:600px;
}
#menu{
width:600px;
height:13px;
}
#menu a{
display:inline-block;
line-height:13px;
font-size:10px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding-left:4px;
padding-right:4px;
}
#engagements{
	width:550px;
	height:13px;
	margin-left:111px;
	font-size:10px;
	padding:0px;
}
#engagements a{
margin:0px;
display:inline-block;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding-left:4px;
padding-right:4px;
line-height:13px;
font-variant:small-caps;
}
#sousmenu{
	width:550px;
	height:13px;
	margin-left:111px;
	font-size:10px;
	padding:0px;
	visibility:hidden
}
#sousmenu a{
margin:0px;
display:inline-block;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding-left:4px;
padding-right:4px;
line-height:13px;
font-variant:small-caps;
}
#logo{
margin-left:87px;
width:500px;
height:72px;
}
#baseline{
margin:0px;
padding-left:10px;
padding-top:15px;
vertical-align:middle;
float:right;
width:250px;
height:43px;
color:#a3d5e9;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border-left:solid 1px #a3d5e9;
}
#logoimage{
float:left;
margin:0px;
padding:0px;
width:230px;
height:58px;
}
/*------------------------------------------------------------*/
#photo{
z-index:1000;
top:84px;
left:50%;
margin-left:-431px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#cachephoto{
width:500px;
background-color:#FFFFFF;
position:absolute;
}
#currentphoto{
border:#000000 1px solid;
position:absolute;
}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE DEMARCHE*/
/*------------------------------------------------------------*/
#demarche{
top:84px;
left:50%;
margin-left:-431px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#demarche_joint{
margin-left:300px;
width:269px;
float:left;
height:428px;
background:transparent url(../images/joint_demarche.jpg) bottom right no-repeat;
}
#demarche_haut{
text-align:left;
width:291px;
height:39px;
background:url(../images/haut_demarche.png);
}
#demarche_texte{
padding-left:40px;
font-weight:bold;
background-color:#a2d5ea;
}
#demarche_bas{
margin-right:100px;
float:right;
height:428px;
width:291px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_demarche.png) bottom right no-repeat;
}
#demarche_box{
padding-right:10px;
height:338px; 
width: 232px;
top: 10px; 
font-weight:normal;
background-color:#a2d5ea;
text-align:left;
}
.btn_demarche{
background-color:#FFFFFF;
color:#a2d5ea;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:2px;
padding-left:8px;
padding-right:8px;
line-height:13px;
font-size:10px;
}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE CALCULATEUR*/
/*------------------------------------------------------------*/
#calculateur{
top:84px;
left:50%;
margin-left:-431px;
clear:both;
position:absolute;
width:1019px;
visibility:hidden;
}
#calculateur_joint{
margin-left:300px;
width:269px;
float:left;
height:428px;
background:transparent url(../images/joint_calculateur.jpg) bottom right no-repeat;
}
#calculateur_haut{
text-align:left;
width:350px;
height:39px;
background:url(../images/haut_calculateur.png);
}
#calculateur_texte{
padding-left:20px;
font-weight:bold;
background-color:#accf88;
line-height:12px;
}
#calculateur_bas{
margin-right:100px;
float:right;
height:428px;
width:350px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_calculateur.png) bottom right no-repeat;
}
.linkcalculateur{
font-weight:bold;
color:#FFFFFF;
}
#calculateur_box{
padding-right:10px;
height:334px; 
width: 311px;
top: 0px; 
font-weight:normal;
background-color:#accf88;
text-align:left;
color:f5fbeb;
}
.btn_calculateur{
background-color:#FFFFFF;
color:#accf88;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:2px;
margin-top:4px;
margin-bottom:4px;
padding-left:8px;
padding-right:8px;
line-height:13px;
font-size:10px;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE PRESENTATION*/
/*------------------------------------------------------------*/
#presentation{
top:84px;
left:50%;
margin-left:-431px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#presentation_joint{
margin-left:300px;
width:269px;
float:left;
height:428px;
background:transparent url(../images/joint_presentation.jpg) bottom right no-repeat;
}
#presentation_haut{
text-align:left;
width:291px;
height:39px;
background:url(../images/haut_presentation.png);
}
#presentation_texte{
padding-left:40px;
font-weight:bold;
background-color:#ed8eb6;
}
#presentation_bas{
margin-right:100px;
float:right;
height:428px;
width:291px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_presentation.png) bottom right no-repeat;
}
#presentation_box{
padding-right:10px;
height:338px; 
width: 232px;
top: 10px; 
font-weight:normal;
background-color:#ed8eb6;
text-align:left;
}
.btn_presentation{
background-color:#FFFFFF;
color:#ed8eb6;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:2px;
padding-left:8px;
padding-right:8px;
line-height:13px;
font-size:10px;
}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE EVENEMENTS*/
/*------------------------------------------------------------*/
#retour a{
font-size: 10px;
text-decoration:none;
color:#FFFFFF;
width:50px;
font-family:Arial, Helvetica, sans-serif;
background-color:#330066;
margin-left:761px;
display:block;
text-align:center;
height:14px;
}
#retour {
font-size: 12px;
top:484px;
left:50%;
margin-left:-431px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#evenements{
font-size: 12px;
top:84px;
left:50%;
margin-left:-431px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#evenements_joint{
margin-left:300px;
width:269px;
float:left;
height:428px;
background:transparent url(../images/joint_evenements.jpg) bottom right no-repeat;
}
#evenements_haut{
text-align:left;
width:291px;
height:39px;
background:url(../images/haut_evenements.png);
}
#evenements_texte{
font-size: 11px;
padding-left:30px;
background-color:#662e91;
}
#evenements_bas{
margin-right:100px;
float:right;
height:428px;
width:291px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_evenements.png) bottom right no-repeat;
}
#evenements_box{
/*margin-top:12px;*/
padding-right:10px;
height:324px; 
width: 242px;
top: 0px; 
color:#ad8fc4;
background-color:#662e91;
text-align:left;
}
#evenements_box a{
font-size: 10px;
text-decoration:none;
color:#ad8fc4;
}
.btn_evenements{
background-color:#FFFFFF;
color:#662e91;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:2px;
padding-left:8px;
padding-right:8px;
line-height:13px;
font-size:10px;
}
.evenements_input{
	overflow:auto;
	border:0px;
	font-size:11px;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#662e91;
	color:#FFFFFF;
	font-weight:bold;
	width:230px;
	
}
.contenu_on{
	display:block;
}
.contenu_on_content{
display:block;
text-align:left;
/*padding-left:10px;*/
}
.contenu_off{
	display:none;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE ARCHIVES*/
/*------------------------------------------------------------*/
.sommaire{
margin-bottom:8px;
}
#actualites_publications{
top:84px;
left:50%;
margin-left:-431px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#actualites_publications_joint{
margin-left:300px;
width:269px;
float:left;
height:428px;
background:transparent url(../images/joint_archives.jpg) bottom right no-repeat;
}
#actualites_publications_haut{
text-align:left;
width:291px;
height:35px;
background:url(../images/haut_archives.png);
}
#actualites_publications_texte{
height:360px;
padding-left:40px;
font-weight:bold;
background-color:#ef8700;
}
#actualites_publications_bas{
margin-right:100px;
float:right;
height:428px;
width:291px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_archives.png) bottom right no-repeat;
}
#actualites_publications_box{
padding-right:0px;
height:323px; 
width: 242px;
top: 0px; 
color:#f7c380;
background-color:#ef8700;
text-align:left;
font-size:11px;
font-weight:normal;
}
#actualites_publications_box strong{
color:#c65000;
}
.actualites_publications_input{
	padding-top:7px;
	left:2px;
	margin-left:1px;
	border:0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ef8700;
	color:#FFFFFF;
	font-weight:bold;
	width:221px;
	height:20px;
	
}
.btn_cp{
	background-color:#FFFFFF;
	color:#CC6600;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:2px;
	margin-top:4px;
	margin-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	line-height:13px;
	font-size:10px;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE ARCHIVES 2*/
/*------------------------------------------------------------*/
#actualites_photos{
top:84px;
left:50%;
margin-left:-431px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#actualites_photos_joint{
margin-left:300px;
width:269px;
float:left;
height:428px;
background:transparent url(../images/joint_archives.jpg) bottom right no-repeat;
}
#actualites_photos_haut{
text-align:left;
width:291px;
height:35px;
background:url(../images/haut_archives.png);
}
#actualites_photos_texte{
padding-left:40px;
font-weight:bold;
height:360px;
background-color:#ef8700;
}

#actualites_photos_box a{
margin:4px;
width:100px;
height:69px;
position:relative;
float:left;
display:block;
border:0;
}

#actualites_photos_box a img{
position:absolute;
width:100px;
height:69px;

border:0;
}
#actualites_photos_box a div{
text-align:center;
display:none;
background-image:url(../images/noir.png);
color:#FFFFFF;
position:absolute;
width:80px;
height:49px;
padding-top:20px;
padding-left:10px;
padding-right:10px;
visiblity:hidden;
}

#actualites_photos_box a:hover div{
visiblity:visible;
display:block;
}

#actualites_photos_bas{
margin-right:100px;
float:right;
height:428px;
width:291px;
color:#f6c47f;
font-size:11px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_archives.png) bottom right no-repeat;
}
#actualites_photos_bas h1{
color:#FFFFFF;
margin:0px;
padding:0px;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#actualites_photos_box{
padding-right:0px;
height:303px; 
width: 242px;
top: 0px; 
background-color:#ef8700;
text-align:justify;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE ENGAGEMENTS ENVIRONNEMENTAUX BAROMETRE*/
/*------------------------------------------------------------*/

#engagements_env_charte, #engagements_env_convention, #engagements_env_guide, #engagements_env_barometre{
top:84px;
left:50%;
margin-left:-480px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}

#engagements_env_barometre_joint, #engagements_env_guide_joint, #engagements_env_charte_joint, #engagements_env_convention_joint{
margin-left:380px;
width:270px;
float:left;
height:454px;
background:transparent url(../images/joint_signataires.jpg) bottom right no-repeat;
}

#engagements_env_barometre_haut, #engagements_env_guide_haut,#engagements_env_charte_haut, #engagements_env_convention_haut{
margin-top:285px;
text-align:left;
width:250px;
height:23px;
background:url(../images/haut_barometre.png);
}

#engagements_env_barometre_texte, #engagements_env_guide_texte, #engagements_env_charte_texte, #engagements_env_convention_texte{
padding-left:20px;
font-weight:bold;
background-color:#86ba3e;
color:#2a7322;
}

#engagements_env_barometre_bas, #engagements_env_guide_bas, #engagements_env_charte_bas, #engagements_env_convention_bas{
margin-right:60px;
float:right;
height:454px;
width:250px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_barometre.png) bottom right no-repeat;
}
#engagements_env_barometre_box, #engagements_env_charte_box, #engagements_env_guide_box, #engagements_env_convention_box {
padding-right:10px;
height:81px; 
width: 212px;
color:#FFFFFF;
font-weight:normal;
line-height:12px;
top: 10px; 
background-color:#86ba3e;
text-align:left;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE ENGAGEMENTS ENVIRONNEMENTAUX */
/*------------------------------------------------------------*/
#engagements_env{
top:84px;
left:50%;
margin-left:-480px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#engagements_env_joint{
margin-left:380px;
width:269px;
float:left;
height:454px;
background:transparent url(../images/joint_engagements_env.jpg) bottom right no-repeat;
}
#engagements_env_haut{
text-align:left;
width:291px;
height:39px;
background:url(../images/haut_engagements_env.png);
}
#engagements_env_texte{
padding-left:40px;
font-weight:bold;
background-color:#43A02B;
}
#engagements_env_bas{
margin-right:20px;
float:right;
height:454px;
width:291px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_engagements_env.png) bottom right no-repeat;
}
#engagements_env_box{
padding-right:10px;
height:364px; 
width: 232px;
top: 10px; 
font-weight:normal;
background-color:#43A02B;
text-align:left;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE ENGAGEMENTS ENVIRONNEMENTAUX SIGNATAIRE*/
/*------------------------------------------------------------*/
#engagements_signataires{
top:84px;
left:50%;
margin-left:-480px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#engagements_signataires_joint{
margin-left:380px;
width:269px;
float:left;
height:454px;
background:transparent url(../images/joint_signataires.jpg) bottom right no-repeat;
}
#engagements_signataires_haut{
text-align:left;
width:291px;
height:39px;
background:url(../images/haut_signataires.png);
}
#engagements_signataires_texte{
padding-left:30px;
font-weight:bold;
background-color:#86ba3e;
}
#engagements_signataires_bas{
margin-right:20px;
float:right;
height:454px;
width:291px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_signataires.png) bottom right no-repeat;
}
#engagements_signataires_box{
padding-right:10px;
height:364px; 
width: 242px;
top: 10px; 
background-color:#86ba3e;
text-align:justify;
}

#engagements_signataires_box li a{
 color: white;
 margin:0px;
 padding:0px;
 text-decoration:none;
 font-weight:normal;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE ENGAGEMENTS ECONOMIQUES*/
/*------------------------------------------------------------*/
#engagements_eco{
top:84px;
left:50%;
margin-left:-480px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#engagements_eco_joint{
margin-left:580px;
width:69px;
float:left;
height:441px;
background:transparent url(../images/joint_engagements_eco.jpg) bottom right no-repeat;
}
#engagements_eco_haut{
text-align:left;
width:291px;
height:39px;
background:url(../images/haut_engagements_eco.png);
}
#engagements_eco_texte{
padding-left:40px;
font-weight:bold;
background-color:#00a9d2;
}
#engagements_eco_bas{
margin-right:20px;
float:right;
height:441px;
width:291px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_engagements_eco.png) bottom right no-repeat;
}
#engagements_eco_box{
padding-right:10px;
height:351px; 
width: 232px;
top: 10px; 
font-weight:normal;
background-color:#00a9d2;
text-align:left;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*RUBRIQUE ENGAGEMENTS SOCIAUX*/
/*------------------------------------------------------------*/
#engagements_sociaux{
top:84px;
left:50%;
margin-left:-480px;
clear:both;
position:absolute;
width:960px;
visibility:hidden;
}
#engagements_sociaux_joint{
margin-left:580px;
width:69px;
float:left;
height:441px;
background:transparent url(../images/joint_engagements_sociaux.jpg) bottom right no-repeat;
}
#engagements_sociaux_haut{
text-align:left;
width:291px;
height:39px;
background:url(../images/haut_engagements_sociaux.png);
}
#engagements_sociaux_texte{
padding-left:40px;
font-weight:bold;
background-color:#e74c8a;
}
#engagements_sociaux_bas{
margin-right:20px;
float:right;
height:441px;
width:291px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bas_engagements_sociaux.png) bottom right no-repeat;
}
#engagements_sociaux_box{
padding-right:10px;
height:351px; 
font-weight:normal;
width: 232px;
top: 10px; 
background-color:#e74c8a;
text-align:left;
}

.btn_sociaux{
background-color:#FFFFFF;
color:#e74c8a;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:2px;
margin-top:4px;
margin-bottom:4px;
padding-left:8px;
padding-right:8px;
line-height:13px;
font-size:10px;
}