*{
	margin:0px;
	padding:0px;
}

body{
	background:url(images/bg_body.gif) repeat-x;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7C5140;
}

a{
	text-decoration:none;
}
 
 
 
/*xxxxxxxxxxxxxxxxxxxxxx              h               xxxxxxxxxxxxxxxxxxxxxx*/



h2{
	font:bolder 17px Arial, Helvetica, sans-serif;
	color:#000;
}

h3{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#2E2E2E;
}

h3.rond{
	background:url(images/bg_h3_rond.gif) no-repeat 0px 0px;
	padding:12px 0 10px 10px;
}

h3.carre{
	background:url(images/bg_h3_carre.gif) no-repeat 0px 0px;
	padding:12px 0 10px 11px;
}

h4{
	font-size:17px;
	font-weight:bold;
	color:#7F6446;
}


/*xxxxxxxxxxxxxxxxxxxxxx             ul                xxxxxxxxxxxxxxxxxxxxxx*/



ul.ulm li{
	background:url(images/bg_li_marron.gif) no-repeat 0px 3px;
	padding:0px 0px 0px 28px;
	list-style-type:none;
}

ul.ulb li{
	list-style-type:none;
	background:url(images/bg_li_bleu.gif) no-repeat 0px 1px;
	padding:0 0 0px 17px;
}



/*xxxxxxxxxxxxxxxxxxxxxx  classes visibilité et clear  xxxxxxxxxxxxxxxxxxxxxx*/




.dispnone{
	display:none;
}

.vishidden{
	visibility:hidden;
}

.lineclear{
	height:1px;
	clear:both;
}

.clear{
	clear:both;
}



/*xxxxxxxxxxxxxxxxxxxxxx   classes pour le texte     xxxxxxxxxxxxxxxxxxxxxx*/



.bold{
	font-weight:bold;
}

.bleu{
	color:#0051BA;
}

.noir{
	color:#000;
}

.fsize13{
	font-size:13px;
}

.gris{
	color:#797979;
}

p.base{
	color:#000;
	font-weight:bold;
	font-size:15px;
	padding-bottom:15px;
}

.center{
	text-align:center;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX       STRUCTURE COMMUNE       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#global{
	width:955px;
	margin:0 auto;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx            bandeau            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#bandeau{
	height:180px;
	background:url(images/bg_bandeau.jpg) no-repeat;
}

#bandeauG{
	width:702px;
	float:left;
	padding:34px 0 0 24px;
}

#bandeauG p{
	color:#000;
	font-weight:bold;
	font-size:15px;
	padding-top:20px;
}

#bandeauD{
	width:223px;
	float:left;
}

#bandeauD ul{
	padding:80px 0 0 0;
}

#bandeauD ul li{
	background:url(images/bg_li_menu.gif) no-repeat 0px 8px;
	padding:5px 0 3px 20px;
	list-style-type:none;
}

#bandeauD ul li a{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#5E5E5E;
}

#bandeauD ul li a:hover{
	color:#fff;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx            contenu            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#contenu{
	width:931px;
	padding:0 0 0 24px;
	background:url(images/bg_contenu.jpg) no-repeat;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx       blocs avec bordure      xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.bordureM{
	float:left;
	border-bottom:solid 1px #7C5140;
	border-left:solid 1px #7C5140;
}

.bordureB{
	float:left;
	border-bottom:solid 1px #0051BA;
	border-left:solid 1px #0051BA;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx          colonne droite       xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#colD{
	float:right;
	width:202px;
	padding:107px 36px 10px 14px;
	background:url(images/bg_colD.jpg) no-repeat;
	color:#000;
}

p.coldp{
	font-size:12px;
	height:101px;
	font-weight: bold;
}

p.coldp span{
	font-size:14px;
	font-weight:bold;
}

#colD div{
	height:75px;
}

#colD div p{
	text-align:right;
line-height:12px;
}

#colD div img{
	float:left;
	padding:0px 4px 0 0;
}

#colD div p.deuxl{
	padding:10px 0 0 0;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx             footer            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#footer{
	text-align:center;
	padding:40px 0 0 0;
}

#footer ul li{
	display:inline;
	list-style-type:none;
}

#footer ul li a{
	font-size:10px;
	color:#005BC3;
}

#footer ul li a:hover{
	color:#7C5140;
}

div.adr{
	padding-top:15px;
	color:#000;
	width:750px;
	padding-left:100px;
}

div.adr p{
	text-align:center;
	float:left;
	padding:0px 15px;
	border-right:solid 1px #000;
}

div.adr p img{
	padding:5px 0px;
}

#footer div.adr p.noborder{
	border:none;
	padding-top:5px;
	float: left;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx            logo tt            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



#tt{
	text-align:center;
	margin-top:20px;
}

#tt a{
	font-size:9px;
	color:#7C5140;;
}

#tt a:hover{
	color:#0051BA;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX            ACCUEIL            XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx            contenu            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx              vous              xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#vous{
	width:287px;
	padding:10px;
	text-align:justify;
	margin-right:40px;
}

#picto1{
	padding:0px 0px 15px 0px;
}

#vous ul{
	float:left;
}

#vous ul.ulm li{
	padding-bottom:20px;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx              nous              xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#nous{
	width:287px;
	padding:10px;
	text-align:justify;
}

#picto2{
	padding:0px 0px 15px 0px;
}

#nous ul.ulb li{
	padding-bottom:4px;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX    CONTEXTE D'INTERVENTION    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx            contenu            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx           bloc bordure         xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#contexte{
	width:658px;
	float:left;
	text-align:justify;
	padding:10px;
}

#arc{
	float:left;
	padding:5px;
}

#contexte a{
	color:#7C5140;
}

#contexte a:hover{
	color:#0051BA;
}

#contexte ul.ulm li{
	padding-bottom:26px;
}


#contexte ul.ulb li{
	padding-bottom:15px;
}

#contexte a.violet{
	color:#7B1386;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx              schema            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#schema{
	float:right;
	width:425px;
	background:url(images/bg_schema.jpg) no-repeat;
	margin:0 0 15px 15px;
	position:relative;
}

p.nosdom{
	position:absolute;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	left:291px;
	top:68px;
	line-height:25px;
}

/*............   titres    ............*/


.strategie{
	padding:5px 0 20px 130px;
}

.organisation{
	padding:23px 0 3px 67px;
}

.actions{
	padding:20px 0 9px 115px;
}

.outils{
	padding:15px 0 10px 230px;
}

/*............   listes    ............*/

.ulb2{
	color:#000;
	font-weight:bold;
	padding:0 0 0 57px;
}

.ulb2 li{
	background:url(images/bg_li_schema.gif) no-repeat 0px 4px;
	padding:0 0 0 10px;
	list-style-type:none;
	height:15px;
}

ul.ulb3{
	color:#000;
	font-weight:bold;
	padding:0 0 20px 170px;
}

ul.ulb3 li{
	background:url(images/bg_li_schema.gif) no-repeat 0px 3px;
	padding:0 0 0 10px;
	list-style-type:none;
	height:15px;
}




/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX      DOMAINES D'EXPERTISE     XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx            contenu            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     texte + liste en haut      xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

ul.uln{
	padding:0;
	font-size: 14px;
}

ul.uln li{
	background:url(images/bg_li_schema.gif) no-repeat 0px 4px;
	color:#000;
	padding:0 0 9px 10px;
	list-style-type:none;
}

.principes{
	font-weight:bold;
	font-size:14px;
	padding-bottom:7px;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx              vous              xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#vous2{
	width:287px;
	padding:10px;
	text-align:justify;
	margin-right:40px;
}

#vous2 ul{
	padding-top:5px;
}

#vous2 ul.ulm li{
	padding-bottom:6px;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx              nous              xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#nous2{
	width:287px;
	padding:10px;
	text-align:justify;
}

#nous2 ul.ulb li{
	padding-bottom:19px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx       quote colonne droite     xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

p.quote{
	font-weight:bold;
	font-size:14px;
	text-align:center;
	margin-top:7px;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX            CONTACT            XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                               XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx            contenu            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx              vous              xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#vous3{
	width:287px;
	padding:10px;
	text-align:justify;
	margin-right:40px;
}

#vous3 ul{
	padding-top:5px;
}

#vous3 ul.ulm li{
	padding-bottom:10px;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx              nous              xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#nous3{
	width:287px;
	padding:10px;
	text-align:justify;
}

#nous3 ul.ulb{
	padding-top:20px;
}

#nous3 ul.ulb li{
	padding-bottom:26px;
}

p.fleche{
	background:url(images/bg_fleche.gif) no-repeat 0px 15px;
	padding:10px 0 20px 12px;
}

#nous3 p.gris{
	padding:10px 0;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx notre metier est une affaire...xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.metier{
	font-size:16px;
	height:101px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx            formulaire          xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#form{
	padding:20px 0px 0px 0px;
	margin:0px;
}

label{
	display:block;
	float:left;
	width:70px;
	color:#000;
}

.input{
	width:205px;
	height:15px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#7C5140;
	border:solid 1px #7C5140;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
}

textarea{
	width:205px;
	height:70px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#0051BA;
	border:solid 1px #7C5140;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
}

#bouton{
	display:block;
	width:220px;
	padding:1px 0px 1px 0px;
	margin:0px 0px 0px 65px;
	background:#AEC9EA;
	border:solid 1px #0051BA;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#0051BA;
	cursor:pointer;
}

input.check{
	margin:0px 5px 0px 0px;
}
