/***************************************************************************************************/
/*******************************************CENTRER UN SITE*****************************************/
/***************************************************************************************************/
html, body {
background-color : #D8d7d8;
margin:0px; /* pour éviter les marges */
text-align: center; /* Pour centrer avec IE*/
padding:0px;

font-size: 11px;
font-weight: normal;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-transform: none;
	text-decoration: none;
	color: #000000;

}

div#general {/* div contenant tout le site*/
margin-left: auto; /* Pour centrer avec Firefox & co */
margin-right: auto;
text-align: left; /* Pour remettre normal */
width: 960px; /* Tout à fait ce que l'on veut ici... */
padding: 0px;
}

/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
hr, .hrhidden {
width:20px;
height:0px;
clear:both;
visibility:hidden;
padding:0px;
margin:0px;
border:0px;
height:1px;
font-size:0.1em;
margin-top:-1px;
}

p, h1, h2, h3, h4, h5, ul, li, div, blockquote {padding:0px; margin:0px; border:0px;}
blockquote { padding-left:20px;}

a {text-decoration: none;	color: #5b982d;}
a:hover {text-decoration: underline;}
a.gris:hover {color: #000000;}
a.noirboldgrd:hover {color: #7F7F7F;}

img { border:0px;}

/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
input, textarea {border-width:1px; border-color:#9FA390;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002878;
	text-decoration: none;
	background-color:#5b982d;
	width:260px;}
	
	table td {padding:5px; font-weight:bold;}
/***********************************************************************************************************/
/******************************************************css**************************************************/
/***********************************************************************************************************/
.gris {color: #7F7F7F;}
.grisbold {font-weight: bold; color: #7F7F7F;}
.noir {color: #0000000;}
.noirbold {font-weight: bold; color: #000000;}
.orange {color: #F79647;}
.orangebold {color: #F79647; font-weight:bold;}
.blanc {color: #FFFFFF;}
.blancbold {font-weight: bold; color: #FFFFFF;}

.grisboldgrd {font-size: 12px; font-weight: bold; color: #7F7F7F;}
.blancboldgrd {font-size: 12px;	font-weight: bold; color: #FFFFFF;}
.noirboldgrd {font-size: 12px; font-weight: bold; color: #000000;}
.orangeboldgrd {font-size: 12px; font-weight: bold;	color: #F79647;}

.titreRubCentre {
font-family: "Trebuchet MS";
font-size:16px;
font-weight:bold;
color:#FFFFFF;
background-color:#002878;

width:484px;
min-height:22px;
padding:0px;
margin:0px;

padding-left:16px;
/*text-transform:uppercase;*/
}
.titreRubCentre2 {
font-family: "Trebuchet MS";
font-size:16px;
font-weight:bold;
color:#FFFFFF;
background-image:url(../../images/pdts/fd-titre.gif);
background-repeat:repeat-y;
background-color:#002878;

width:484px;
min-height:22px;
padding:0px;
margin:0px;

padding-left:203px;
/*text-transform:uppercase;*/
}
.titreColoneGauche {
font-family: "Trebuchet MS";
font-size:15px;
font-weight:bold;
color:#FFFFFF;
background-color:#002878;

width:170px;
height:22px;
padding:0px;
margin:0px;

padding-left:16px;

letter-spacing:1px;

}
.titreColoneGauche a  { text-decoration:none; color:#FFFFFF;}
.titreColoneGauche a:hover  { text-decoration:none;}
/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
.top {width:968px; padding-top:12px; margin-left:-8px;}

#navigation {width:773px; padding-left:187px; padding-top:8px; background-image:url(../../images/general/fond.gif); background-position:bottom; background-repeat:repeat-x; height:21px; text-align:right;}

.menuhaut {float:left; width:773px; height:21px; text-align:left;}


#navigation div.menuhaut a {display:block; float:left; height:15px; padding:3px 8px 2px 8px; font-family:"Trebuchet MS"; color:#000000; font-weight:bold; font-size:12px; text-decoration:none; margin-right:30px;}

#navigation .menuhaut a:hover {color: #002878;}

#navigation .menuhaut a.etatON {background-color:#FFFFFF; border:#002878 solid 1px;  border-bottom:#FFFFFF solid 1px; color:#000000;}

.contourrest { clear:both; background-image:url(../../images/general/fond-gene-page.gif); border-bottom:1px solid #002878; border-left:1px solid #002878; border-right:1px solid #002878; width:958px;}


.ssnavig {float:left; width:187px; min-height:400px; border-top:#FFFFFF solid 14px;}
.ssnavig a{ color:#FFFFFF;}

.centrerest {float:left; width:500px; border-top:#FFFFFF solid 14px; border-right:#FFFFFF solid 1px;}
.centrerestlong {float:left; width:688px; border-top:#FFFFFF solid 14px; color:#002878;}
	.contenutexte {padding:20px; color:#002878;}/*text-align:justify; */
	.contenutexte2 {padding:0px; color:#002878;}/*text-align:justify; */

.droiteillus {float:left; width:270px; background-color:#E9E9E9;}


.baspage {clear:both; width:950px; text-align:left; padding:5px; color:#FFFFFF; background-color:#002878;}
	
.copyright, .copyright a {clear:both; padding-top:15px; text-align:center; color:#000000; }

.pointilles { clear:both; background-image:url(../../images/pointilles.gif); background-repeat:repeat-x; background-position:left top; height:3px; margin-top:-2px;} /*padding-bottom:10px; padding-top:10px; */

.pointilles2 { clear:both; background-image:url(../../images/pointilles.gif); background-repeat:repeat-x; background-position:left bottom; height:3px; margin-bottom:-2px;} /*padding-bottom:10px; padding-top:10px; */


.pdtIll {float:left; width:186px; text-align:center;}
.pdtTxt { float:left; padding:10px 5px 10px 25px; width:460px;}
.pdtTxt2 { float:left; padding:0px; width:500px;}

.adContact {padding:10px; color:#FFFFFF;}
.adContact2 { width:185px; padding:15px 0px 15px 0px; color:#FFFFFF; background-color:#39631b; text-align:center;}

.accContact {font-size:12px; color:#5b982d; font-weight:bold;}

.contenutexte em {font-size:10px; color:#6c6c6c;}

.outilTitre { font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; height:23px; line-height:23px; padding-right:36px; background-color:#72706a; color:#FFFFFF; padding-left:30px;}
/***********************************************************************************************************/
/******************************************************css**************************************************/
/***********************************************************************************************************/