body{
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	background-color: #B9C7C8;	
	background-image: url(../images/bg-degrad2.jpg);
	background-position: top;
	_background-image:none;	
	background-repeat: repeat-x;
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	/*font-family: Georgia, serif; */
	/*	font-family: Arial, sans-serif; 
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #4D4D4D;
	/*height: 100%;*/
}
table#actus{
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #4D4D4D;
}
div#contener
{
	width: 765px ;
	margin: 0 auto;
	text-align: left ;
	background: url(../images/trame-vert.png) repeat-y;
	_background: url(../images/trame-vert.jpg) repeat-y;
}

div#header{
	height: 187px;
	border: 0;
	margin: 0;
	padding: 0;
}
div#header a {
display: block;
text-decoration: none;
border: 0px;
}
div#header a img {border:0}

h1#title{ 
	font-size: 16px; 
	margin: 10px 15px 0 145px;
	padding: 0 15px 0px 0;
	text-align:right;
	color:#5A82B4;
	border-bottom-color: #5A82B4;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

div#body{ 
	
padding: 0;
margin: 0; 
/*height:200px;*/
}

p#footer{
	width: 765px ;
	margin: 0 auto;
	text-align: left;
	padding:8px 0 0 0;
	text-align: center;
	color: #FFFFFF;
	background-image: url(../images/bottom_frame.jpg) ;
	background-repeat: no-repeat;
	height: 34px;
	font-size: 10px;
} 
a.footerLink{
	text-decoration:none;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
}
a:hover.footerLink {
	text-decoration: underline;
}
#divNoscript{
	overflow: auto;
	width: 570px;
	height:90px;
}
/*--------------------        MENU TOP      ------------------------------*/
ul#nav{
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	font-size: 13px;
	color: White;	
	padding: 0px;
	border: 0px;
	margin: 0px 0 0 10px;
	width: 740px !important;
	width: 740px;
	height: 29px;
	background: url(../images/trame-navTop.jpg) repeat-x;
	}
ul#nav li {
	display: block;
	float: left;
	line-height: 31px !important;
	line-height: 30px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	height: 29px;

} 
ul#nav li.first {
	padding: 0px;
	border: 0px;
	margin: 0px;
	width: 11px;
	height: 29px;
}
ul#nav li.pipe {
	background-image: url(../images/www/separateur.jpg);
	padding: 0px;
	border: 0px;
	margin: 0px;
	width: 24px;/* width of background-image */
	height: 29px;
}
ul#nav li.space {
	background-image: url(../images/www/emx_globalnav_hoff.gif); /***********************A DEFINIR**********************/
	padding: 0px;
	border: 0px;
	margin: 0px;
	width: 8px; /* width of background-image */
	height: 29px;
}
ul#nav li a,
ul#nav li a:link
/*ul#globalnav-menu li a:visited*/
/*ul#globalnav-menu li a:visited:hover*/
 {
 	padding: 2px 2px 2px 2px;
	background-color: transparent;
	color: white;
	text-decoration: none;
}
ul#nav li a:hover{
	background-color: #ABBDD8;
	color: white;
	text-decoration: none;
	border-bottom: medium solid #98C76B;

}
a.subNav{
padding: 0 0 0 0px;
font-size: 10px;
/*background-color: #3E5C82;*/
text-decoration:none;
}
a:hover.subNav{
/*border:thin solid #ABBDD8;*/
}
/**************    IMAGES   *****************/
.subImg{ 
vertical-align: middle;
_padding-top:8px;
border:0px;
}
.imgArt{
	display: block;
	border: thin solid #313131;
	margin: 0 auto;
	text-align: left ;
}
.imgArtLeft{
	display: block;
	border: thin solid #313131;
	text-align: left ;
}

a.plan{
	text-decoration: none;
	color: #5F5F5F;
}
a:hover.plan{
	text-decoration: underline;
	color: Red;
}
/*--------------------        MENU PRINCIPAL      --------------------*/
#leftContener{
	float:left;
}
ul#menu{
font-family: Verdana, Arial, Helvetica, sans-serif !important;
/*float: left;*/
list-style-type: none; 
width: 100px;
/*width: 100%;  précision pour Opera */
margin-left:0px;
_margin-left: 10px;/* valeur IE*/
padding:  0 0 0 15px;
_padding: 15px 0 0 0px;
}


#header>ul#menu{
}


ul#menu li {
margin-left: 0px;
} 
/*
#header>ul#menu li {
margin-left: 15px;
} 
*/
	
ul#menu a{
 border-top: 1px solid #92C647; 
 margin: 0px 10px 0px 5px; /* nouvelle valeur ŕ bien tester*/
 padding: 5px 0px 0px 5px; /* nouvelle valeur ŕ bien tester*/
 _padding: 5px 0px 0px 0px; /* nouvelle valeur ŕ bien tester*/
 /*margin: 0pt 2px; */
 width: 120px; 
 height: 20px; 
 display: block; 
 text-align: left; 
 font-size: 14px;
 font-weight: bolder; 
 text-decoration: none; 
 color: #4D4D4D;
 -moz-background-clip: initial;
 -moz-background-origin: initial;
 -moz-background-inline-policy: initial;
}

ul#menu a:hover{
	background-color:#9ECD95;
	border-left: 3px solid #006400;
	}
	
/*************************   menu bas de pg niv3  **********************************/
.pLinkN3{
	text-align: center;
}
a.linkN3{
	/*text-align: center;*/
	color:green;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
}
a:hover.linkN3{
	text-decoration:underline;
}
	
/*************************   ENCARTS  **********************************/


/************* NE SERT A RIEN ????? ****************/
div#espacRedac {
	width:590px;
	height:150px;
	margin-left: 155px;
	margin-top: 15px;
	/* margin-left: 140px; valeur IE*/
}


/**  niv2*/
div#espacRedacNiv2{
	width:590px;
	margin-left: 150px;
	margin-top: 15px;
	padding-left:5px;
	/* margin-left: 140px; valeur IE*/
}
#espacRedacNiv2 h2  {
font-size: 13px;
/*
color: #CE7B03;
*/
/*  border-bottom: thin solid #5A82B5;*/
 background-color: #9ECD95;
 color: White;
 padding: 2px 0 2px 2px ; 
 /*
 background-image: url(../images/pucetourn.png);
 background-position: left;
 background-repeat: no-repeat;
 */
 text-align: center;
 border-left: medium solid #2E8B57;
 border-right: medium solid #2E8B57;
}
.puceh2{
vertical-align: middle;
border: 0; 
}

/*********/
div.navlist1, div.navlist2, div.navlist3{
   width:185px;
   float:left;
	height:150px;

}
div.navlist1{
	margin-left:0px;
	padding: 45px 5px 0px ;
	list-style-type: none;
	background: url(../images/esp-particuliers.jpg) no-repeat;
}

div.navlist2{
	margin-left: 0px;
	padding: 0;
	list-style-type: none;
	background: url(../images/esp-collectivites.jpg) no-repeat;
	padding: 45px 5px 0px;
}

div.navlist3{
	margin-left: 0px;
	padding: 0;
	list-style-type: none;
	background: url(../images/esp-entreprises.jpg) no-repeat;
	padding: 45px 5px 0px;
}

div.navlist1 a, div.navlist2 a, div.navlist3 a {
color: #4D4D4D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
background: url('../images/0121_ul.png') no-repeat;
padding-left: 15px;
}
div.navlist1 a:hover, div.navlist2 a:hover, div.navlist3 a:hover {
color: #339999;
}

.navTxt{
	display:none;
}


/**************************************************************************************/
/********************** ENCARTS ACTUS      ********************************************/
/**************************************************************************************/
div#actus{ 
display: block;
/*clear:left;*/
margin-left:140px;
padding: 30px 15px 2px 10px;
_padding: 0px 15px 2px 10px;
}
.top_actus {
  background: url(../images/top_actu.jpg) no-repeat left top;
  height:37px;
  padding: 0px 0 0 0;
  } 
.top_actus h2 {
font-size:14px;
padding: 10px 0 0 15px;
margin:0 0 0 0;
 }
.actu_middle {
	padding: 0 15px;
	margin: 0;
	height:80px;
	background-image: url(../images/middle_actus.jpg);
	background-repeat: repeat-y;
}
.actus_footer {
	background-image: url(../images/bottom_actus.jpg);
	background-repeat: no-repeat;
	_margin-left: 3px;
	height:22px;
}
.actu_middle p{
margin:0;
padding-left:10px;
}
.ScrollerFrame{
   text-align:left;
	margin: 0 0 0 15px;
	padding: 0;
 }
/************************* NIV2 *********************** */

/********************************** FORM *******************************/

form.css fieldset{
padding: 1em;
}
form.css label {
display: inline;
float: left;
width: 230px;
text-align:right;
}
.missing {
	background-color: #9ECD95;
	border: #FF0000;
	border-color: #FF0000;
	border-style: solid;
	border-width: thin;
}
#mail h2{
	 color: #CE7B03;
	 text-align: center;
}


/****** form login*/
/*#formLog{*/
.identif{	
margin-left:0px;
_margin-left: 15px;/* valeur IE*/
padding:  0 0 0 15px;
_padding: 15px 0 0 0px;
}
.login{ 
color: #808080;
font-size:10px;
width: 100px;
}
#coordonnees{
/*background: #B9C7C8;*/
width: 120px;
text-align: center;
	margin-left:15px;
	_margin-left: 15px;/* valeur IE*/
	padding:  0 0 0 5px;
	_padding: 15px 0 0 0px;
	font-size:12px;
/*	float:left;*/
/*border-top: thin dotted #696969;*/
}

/****************************** NIV PG 2******************************/
.h3Rmq{
margin: 5px 10px 5px 0;
_padding: 0px 0 5px 15px;
padding: 10px 0 5px 15px;
font-size: 14px;
color: Gray;
border-bottom: thin solid #708090;
 background: url(../images/puces/rmq.png) no-repeat left;
}

.rmq{
clear:left;
	font-size: 12px;
	padding: 0 30px;
	margin: 0 0 0 140px;
	height:119px;
	background: url(../images/rmq.jpg) no-repeat;
}
.txtRmq{
	border-left: medium #708090 solid;
	padding: 0 0 0 3px;
	text-align: justify;
	font-size: 12px;
}

.rmq2{
	font-size: 12px;
	padding: 0 30px;
	margin: 0 0 0 140px;
	height:350px;
	background: url(../images/rmq.jpg) no-repeat;
}
.txtRmq2{
	border-right: medium #708090 solid;
	padding: 0 3px 0 0;
	text-align: justify;
	font-size: 12px;
}
.subtitle{
	text-decoration:underline;
	font-weight: bolder;
	color: #344B6D;
	background: url(../images/puces/tit-fleche.gif) no-repeat left;
	padding-left:15px;
	font-size:14px;
	}
.imgChapo{
	border:20px;
	float: left;
	padding-right: 15px;

}
.imgLogo{
	border: 0;
	display: inline;
	float:right;
}
p#ref{
	margin: 0 auto;
	text-align: center;
	background-color: White;
	width:400px;
}
.leftFloat{
	float:left;
	width:50%;
	text-align:center;
}
.center{text-align:center;}
.clear{clear:both;}