/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  	margin:0px; 
	padding:0px; 

}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding:0px; 
	font-size: 11px;
	color: #000;
	background: #fff ;
}




a:link, a:visited {
	text-decoration: none;
	font-weight: underline;
}
input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0px none; }

a.bouton{
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #82af3a;
	text-decoration:none;
	font-weight:bold;
	border-bottom:solid 1px #d0d0d0;
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #d0d0d0;
	border-top:solid 1px #d0d0d0;
	padding:5px;
}
a.bouton:hover {
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #005ca2;
	font-weight:bold;
}

a.lien_gris {
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #82af3a;
	text-decoration:none;
	font-weight:bold;
}
a.lien_gris:hover {
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #005ca2;
	font-weight:bold;
}
a.souligne-bloc {
	text-align:left;
	color:#979390;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
	font-weight:normal;
}
a.souligne-bloc:hover {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #005ca2;
	font-weight:normal;
	text-decoration:underline;
}

li.puce{ 
	list-style-image: url(../images/puce_vert.png);	
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/


#container {
	width:950px; 
	margin:auto; 
	text-align:left;
}
#haut {
	height: 110px;
	background:url('../images/banniere.gif') no-repeat 45px;
	position:relative;
	width:1000px;
	margin:0px;
}
#bas {
	top: 5px;
	width:100%;
	height: 20px;
	position:relative;	
	float:right;
	margin:0;
	padding:0;
}
#bandeau {
	float:left;
	width:520px;
	height: 380px;
}

.pied-de-page {
	font-size:1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color:#3f84b9;
	text-align:right;
	margin:0;
	padding-right:45px;
}
.pied-de-page a{
	color:#3f84b9;
	text-decoration:none;
}
.pied-de-page a:hover{
	color:#637d2f;
}

#fleche-verte1 {
	height: 100px;
	background:url('../images/picto-fleche-verte.png') no-repeat 20px 50%;
	position:relative;
	margin-top: 27px;
	width: 40px;
	float:left;
}
#fleche-verte2 {
	height: 77px;
	background:url('../images/picto-fleche-verte.png') no-repeat 20px 50%;
	position:relative;
	width: 40px;
	float:left;
}

/* ----------------------------------    partie anim flash, flux rss, blocs              -----------------------------------*/
#banniere {
	position:relative;
	width : 950px;
	margin-top : 10px;
	height:320px;
}
#ban_flash {
	float:left;
	width : 575px;
	height:320px;
}
#contenu-droite {
	float:right;
	width : 350px;
}

#flux_rss {
	position:relative;
	float:left;
	width: 300px;
}

#blocs {
	position:relative;
	float:left;
	margin-bottom: 10px;
}
#bloc-gauche{
	float:left;
	background:url('../images/cadre-droite1.png') no-repeat;
	width:4px;
	height:79px;
}
#bloc-milieu {
	float:left;
	background:url('../images/cadre-droite2.png') repeat-x;
	height:79px;
	width:200px;
}
h1.bloc{
	font-size: 1.2em;
	margin-left: 10px;
	padding-top: 5px;
	color:#2e2b26;
	text-align:left;
	font-weight:bold;
}
.contenu-bloc {
	margin-left: 10px;
	text-align:left;
	color:#979390;
}

#bloc-droit {
	background:url('../images/cadre-droite3a.jpg') no-repeat;
	height:79px;
	width:93px;
	float:left;
}
#bloc-droit2 {
	background:url('../images/cadre-droite3c.jpg') no-repeat;
	height:79px;
	width:94px;
	float:left;
	position:relative;
	margin-bottom: 10px;
}


/* ----------------------------------       partie menu  horizontal        -----------------------------------*/
#menu {

width: 100%;
color: #FFFFFF;
padding-bottom: 2px;
position:relative;
z-index:2;
}
#trait-pointille {
	width : 900px;
	Border-Style: None None dashed none;
	border-width:1px;
	border-color:#a6a6a6;
	position:relative;
}
.blanc {
	color:#fff;
}
.lavaLampBottomStyle {
	position: relative;
	height: 35px;
	width: 100%;
	background-color: white;
	padding: 5px 0px;
	margin: 0px 0px;
	overflow: hidden;
	/*border-left:1px #000000 solid;*/
}
		.lavaLampBottomStyle li {
			float: left;
			list-style: none;
			padding-right: 20px;
			margin-right: 5px;
		}
			/*propriété du trait qui bouge*/
			.lavaLampBottomStyle li.back {
				margin-top : 18px;
				margin-left : 28px;
				border-bottom: 2px solid #82af3a;
				height: 20px;
				z-index: 8;
				position: absolute;
				padding-right: 20px;
			}
			.lavaLampBottomStyle li a {
				
				Border-Style: solid none none;
				border-width:5px;
				border-color: #e9e9e9;

				font: bold 1.3em century gothic,serif;				
				text-decoration: none;
				color: #005ca2;
				outline: none;
				text-align: center;
				top: 1px;
				letter-spacing: 0;
				z-index: 10;
				display: block;
				float: left;
				height: 30px;
				position: relative;
				overflow: hidden;
				padding-left : 7px;
				padding-right : 7px;
				padding-top : 10px;
				background:url('../images/rond-gris-nre.png') no-repeat 0px 8px;

			}   
				.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active {
				Border-Style: solid none none;
				border-width:5px;
				border-color: #e9e9e9;
				color: #d98650;
				}                     

/*  --------------------       cadre du  milieu   -------------------------- */
#milieu {
	float:left;
	width: 950px;
	margin-top: 0px;
	text-align:left;
}


/*  --------------------       cadre de gauche   -------------------------- */

#gauche {
	position:relative;
	float:left;
	width: 200px;
	margin-top: 10px;
}
#cadre-gauche {
	position:relative;
	border:1px solid #cfcfcf;
	width: 200px;
	text-align:left;
	background:url('../images/fond-cadre-gauche.png') repeat-x bottom;
}

#contenu {
	position:relative;
	float:left;
	width: 700px;
	margin-top: 10px;
	background:url('../images/cadres/milieu_gauche.png') repeat-y ;
	margin-left: 10px;
	border:1px solid #cfcfcf;
}
#contenu2 {
	position:relative;
	float:left;
	width: 895px;
	margin-top: 10px;
	background:url('../images/cadres/milieu_gauche.png') repeat-y ;
	margin-left: 2px;
	border:1px solid #cfcfcf;
}

#contenu-texte {
	position:relative;
	width: 99%;
	margin-top: 10px;

}
#contenu-texte h1 {
	font-size: 1.2em;
	margin: 5px 5px;
	color:#2e2b26;
	background:url('../images/fleche_verte.png') 2px no-repeat;
}
#contenu-texte h2 {
	font-size: 1em;
	margin: 5px 5px;
	color:#585e63;
	background:url('../images/fleche_verte.png') 2px no-repeat;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	line-height:1.5em;
}
#contenu-texte h3 {
	text-align: center; 
	font: 1.2em Georgia, serif;
 	padding: 0.25em 0 0.25em; 
	margin: 0.25em 0 0.5em; 
	background: #F8F7EF;
	border: 1px dashed #B2B2B2; 
	border-width: 1px 0;	
}
#contenu-texte h4 {
	text-align: left; 
	font: 1em Georgia, serif;
	color:#3f84b9;
 	padding-left: 10px;
	margin: 0.5em 0 0.5em; 
}

.fleche{
	background:url('../images/picto-fleche-RSE.png') 1px no-repeat;
	padding:10px;
	font-weight:bold;
}

/*  --------------------      photos     -------------------------- */

.photos{
	margin:5px;
}

h1.titre{
	margin: 10px 10px;
	color:#2e2b26;
	font: bold 1.4em century gothic,serif;
	padding:0;
}
#pointille {
	width : 50%;
	Border-Style: None None dashed none;
	border-width:1px;
	border-color:#a6a6a6;
	margin:0;
	padding:0;
	height:1px;
}

.cadre {
	width: 100%;
	margin-left:1px;
	margin-bottom: 0;
	padding:0;
}
.head{
	margin:5px;
	padding:0;	
}
h3.head {
	font-size: 1.0em;
	text-decoration: none;
	color: #87b242;
	outline: none;
	text-align: left;
	letter-spacing: 0;
	background:url('../images/picto-fleche-RSE.png') no-repeat 0px 3px;
	padding-left:10px;

}
h4.head {
	font-size: 1.0em;
	text-decoration: none;
	color: #87b242;
	outline: none;
	text-align: left;
	letter-spacing: 0;
	background:url('../images/picto-fleche-RSE.png') no-repeat 0px 3px;
	padding-left:10px;

}
.cadre {
	list-style: none;
	padding-left : 10px;
	margin:3px;
}
.cadre li {
	list-style: none;
}
.cadre a {
	font-size: 1.1em;
	text-decoration: none;
	color: #87b242;
	outline: none;
	text-align: left;
	letter-spacing: 0;

}   
.cadre a:hover, .cadre a:active, .cadre a:visited {
	color: #098145;
}
.sous {
	margin:10px;
	padding:0;
} 
.sous li a{                 
	background:url('../images/picto-fleche-bleue.png') no-repeat 0px 6px;
	padding-left: 10px;
	color: #646464;
	font-style:italic;
}
/*//////////////////////////////////////////////////////////////*/
#haut_vert{
	margin: 5px;
	position:relative;
	background:url("../images/bord-cadre-vert.png") no-repeat ;
	height:42px;
	width:100%;
}	 
#haut_vert_g {
	float:left;
	position:relative;
	background:url("../images/bord-cadre-vert.png") no-repeat ;
	height:42px;
	width:4px;
}
#haut_vert_m {
	float:left;
	position:relative;
	background:url("../images/milieu-cadre-vert.png") repeat-x ;
	height:42px;
	width:88%;
	text-align:left;
	padding: 8px;
	color:#FFFFFF;
	font-weight:bold;
	font: normal 2em century gothic,serif;
}
#haut_vert_m2{
	float:left;
	position:relative;
	background:url("../images/milieu-cadre-vert.png") repeat-x ;
	height:42px;
	width:91%;
	text-align:left;
	padding-top: 10px;
	padding-left: 10px;
	color:#FFFFFF;
	font-weight:bold;
	font: normal 2em century gothic,serif;
}

#haut_vert_d {
	float:left;
	position:relative;
	background:url("../images/droite-cadre-vert.png") no-repeat ;
	height:42px;
	width:52px;
}

h2.vert{
	font-size: 1em;
	margin-left: 10px;
	padding-left: 5px;
	color:#000;
}

#bouton {
	margin-left: 45%;
}
#bouton {
padding-top: 10px;
padding-left: 1px;
}
td.ligne_centre{
text-align:center;
}
td.ligne_gauche{
text-align:left;
padding-left: 5px;
padding-right: 2px;
padding-top: 5px;
padding-bottom: 5px;
color:#000000;
}

textarea {
background-color:#ffffff;
font-family:"Andale Mono",Arial,sans-serif;
BORDER-RIGHT: 1px solid; 
BORDER-TOP: 1px solid; 
FONT-SIZE:10pt; 
BORDER-LEFT: 1px solid; 
BORDER-BOTTOM: 1px solid; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff;
border-color:#d0d0d0;
COLOR: #2b72b4;
}
input.text
{

FONT-SIZE:10pt; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #2b72b4;
text-align: left;
BORDER-RIGHT: 1px solid; 
BORDER-TOP: 1px solid; 
BORDER-LEFT: 1px solid; 
BORDER-BOTTOM: 1px solid; 
margin-left: 10px;
}
input.radio
{

FONT-SIZE:10pt; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #2b72b4;
text-align: left;
BORDER-RIGHT: 0px solid; 
BORDER-TOP: 0px solid; 
BORDER-LEFT: 0px solid; 
BORDER-BOTTOM: 0px solid; 

}
input.login
{

FONT-SIZE:10pt; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #2b72b4;
text-align: left;
BORDER-RIGHT: 1px solid; 
BORDER-TOP: 1px solid; 
BORDER-LEFT: 1px solid; 
BORDER-BOTTOM: 1px solid; 

}
select
{
BORDER-RIGHT: 1px solid; 
BORDER-TOP: 1px solid; 
FONT-SIZE:10pt; 
BORDER-LEFT: 1px solid; 
BORDER-BOTTOM: 1px solid; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #2b72b4;
text-align: left;
margin-right: 20px;
}
input.checkbox
{
BORDER-RIGHT: 0px solid; 
BORDER-TOP: 0px solid; 
FONT-SIZE:14pt; 
BORDER-LEFT: 0px solid; 
BORDER-BOTTOM: 0px solid; 
FONT-FAMILY: arial; 
BACKGROUND-COLOR: #ffffff; 
border-color:#d0d0d0; 
COLOR: #d81c63;
text-align: center;
margin-right: 10px;
}
table.indic
{
border-style: solid;
border-color: #d2d2d2;
border-right-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
}