body {
	margin:0 auto;
	background:#96bedc url(images/px_body.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	}

*  {
	margin: 0 ;
	padding:0;
}



p, h2, h3 , h4 , h5  {
	display:block;
}

ul  {
	list-style:none;
}




a {
	text-decoration:none;
	
	
	
}


a:hover {
	text-decoration:none;
	color:#000;
	
}
.clr{
    clear:both;
	font-size:0;
}

.clr2{
    clear:both;
}

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

#baniere{
margin:0 auto;
	background:url(images/img_header.jpg) no-repeat;
		width:955px;
		height:336px;
}

.p_img_txt{
float:left;
width:224px;}

.p_img_txt img{
float:left;
margin:0 8px 0 0;
}

.p_img_txt img.nnnmarge{
margin:0 0px 0 0;
}
/*-------------menu header -------------*/


#menu{
width:555px;
height:34px;
float:left;
margin:5px 0 0 75px;
}

	
#menu li {
	float:left;
	display:block;
	
}
#menu li a{

    display:block;
	height:34px;
	color:#fff;
	line-height:30px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	text-transform:capitalize;
}



/*menu_accueil*/
#menu .mnacc a{
	color:#fff;
	font-size:14px;
	text-align:center;
	width:65px;
	height:34px;
	font-weight:bold;
	text-transform:capitalize;
	
}

#menu .mnacc a:hover, #menu .mnacc_a a{
background:url(images/btn_hover_acc.jpg) no-repeat;
width:65px;
height:34px;
color:#fff;

}

/*menu_savoir*/
#menu .mnsav a{
margin:0 0 0 5px;
	color:#fff;
	font-size:14px;
	text-align:center;
	width:94px;
	height:34px;
	font-weight:bold;
	text-transform:capitalize;
	
}

#menu .mnsav a:hover, #menu .mnsav_a a{
margin:0 0 0 5px;
background:url(images/btn_hover_2.jpg) no-repeat;
width:94px;
height:34px;
color:#fff;

}

/*menu_pres*/
#menu .mnpre a{
margin:0 0 0 5px;
	color:#fff;
	font-size:14px;
	text-align:center;
	width:90px;
	height:34px;
	font-weight:bold;
	text-transform:capitalize;
	
}

#menu .mnpre a:hover, #menu .mnpre_a a{
margin:0 0 0 5px;
background:url(images/btn_hover_3.jpg) no-repeat;
width:90px;
height:34px;
color:#fff;

}

/*menu_ref*/
#menu .mnref a{
margin:0 0 0 5px;
	color:#fff;
	font-size:14px;
	text-align:center;
	width:116px;
	height:34px;
	font-weight:bold;
	text-transform:capitalize;
	
}

#menu .mnref a:hover, #menu .mnref_a a{
margin:0 0 0 5px;
background:url(images/btn_hover_4.jpg) no-repeat;
width:116px;
height:34px;
color:#fff;

}

/*menu_actu*/
#menu .mnactu a{
margin:0 0 0 5px;
	color:#fff;
	font-size:14px;
	text-align:center;
	width:84px;
	height:34px;
	font-weight:bold;
	text-transform:capitalize;
	
}

#menu .mnactu a:hover, #menu .mnactu_a a{
margin:0 0 0 5px;
background:url(images/btn_hover_5.jpg) no-repeat;
width:84px;
height:34px;
color:#fff;

}

/*menu_cont*/
#menu .mncont a{
margin:0 0 0 5px;
	color:#fff;
	font-size:14px;
	text-align:center;
	width:69px;
	height:34px;
	font-weight:bold;
	text-transform:capitalize;
	
}

#menu .mncont a:hover, #menu .mncont_a a{
margin:0 0 0 5px;
background:url(images/btn_hover_6.jpg) no-repeat;
width:69px;
height:34px;
color:#fff;

}
.mini_menu{ padding:0 0 0 30px;}
.mini_menu a{
font-size:10px;
color:#96bedc;
width:460px;
padding:0 0 0 5px;



}

.logo{
float:left;
margin:10px 0 0 49px;}

#contenu00{
width:955px;
float:left;
background:url(images/px_contenu.jpg) 0 0 repeat-y;}

#contenu{
width:915px;
padding:0 0 20px 40px;
float:left;
background:url(images/bg_contenu.jpg) 0 bottom no-repeat;}

#block_actualite{
width:244px;
padding:0 23px 0 0;
background:url(images/bg_actu.jpg) 0 0 no-repeat;
float:left;}

.act{
color:#142963;
font-weight:bold;
text-transform:uppercase;
padding:19px 0 0 90px;}

.date{
color:#142963;
font-weight:bold;
padding:10px 0 0 43px;}

.date a{
color:#142963;
font-weight:bold;
}

.date a:hover{
text-decoration:underline;
color:#8292a5;
}

.date00{
color:#142963;
padding:0px 0 0 43px;}

.lire {
padding:5px 5px 10px 160px;
background:url(images/puce.jpg) right 10px no-repeat;
}

.lire a{
color:#142963;
font-weight:bold;
}

.lire a:hover{
text-decoration:underline;
color:#8292a5;
}

#block_middle{
background:url(images/bg_middle.gif) 0 0 no-repeat;
width:330px;
padding:0 20px 0 0;
float:left;}

#block_middle2{
background:url(images/bg_middle.gif) 0 0 no-repeat;
width:350px;
padding:0 20px 0 0;
float:left;}

.ac{
color:#142963;
font-weight:bold;
font-size:16px;
padding:12px 0 0 25px;}

.bb{
float:left;
padding:20px 10px 0 10px;}

.txt{
color:#142963;
padding:10px 0 15px 0;
text-align:justify;}

.fenetre{
float:left;
}

.mobil{
background:url(images/puce_bleu.gif) 115px 3px no-repeat;
padding:0 0 0 130px;
line-height:17px;
color:#142963;
font-weight:bold;}

#block_middle_savoir{
padding:0 20px 0 0;
background:url(images/bg_middle.gif) 0 0 no-repeat;
width:330px;
float:left;}

#right_contenu_acc{

width:276px;
float:left;
background: url(images/px_acc_right.jpg) right 0 repeat-y;}

#right_contenu_acc00{

width:276px;
float:left;
background: url(images/bg_acc_right.gif) 0 0 no-repeat;}

.cc{
float:right;}


/*-------------savoir -------------*/

#block_left_savoir{
width:290px;
padding:0 23px 0 0;
float:left;}

.diap{
width:51px;
float:left;
padding:0 5px 0 0;}

.diap img{
float:left;
}

.esp{
padding:0 0 8px 0;}

.diap00{
	padding:0;
	border: #142963 solid 1px;
	margin: 0 0 5px 0;
}

.pag_2{
width:223px;
float:left;}

.txt00{
color:#142963;
font-weight:bold;
padding:10px 0 0 30px;
background:url(images/puce_savoir.gif) 10px 12px no-repeat;
}



.txt01{
color:#142963;
font-weight:bold;
padding:10px 0 0 30px;
background:url(images/puce_savoir2.gif) 10px 12px no-repeat;
}

.vea{
color:#142963;
padding:0 0 2px 30px;}

.vea06{
color:#142963;
padding:20px 0 2px 10px;}

.vea07{
	color:#142963;
	padding:10px 0 2px 10px;
	clear:both;
	line-height: 18px;
}

.vea07 a{
color:#142963;
font-weight:bold;
text-decoration:none;
}
.vea07 a:hover{
text-decoration:underline;
}

.vea00{
color:#142963;
padding:0 0 50px 30px;}

.vea span{
padding:0px 0 0 105px;}

#block_right_savoir{

width:206px;
float:left;
background: url(images/bg_left.gif) 0 0 no-repeat;}

.domaine{
padding:10px 0 0 20px;
color:#142963;
font-weight:bold;
font-size:14px;
}

.photo{
	float:left;
	margin:20px 0 0 20px;
	border: #142963 solid 1px;
}

/* ... savoir faire new generation ... */

/* gauche */

#sf-gauche{
	float:left;
	width:280px;
}

.diapo{
	color:#142963;
	font-weight:bold;
	padding:20px 0 0 30px;
	height:50px;
	background:url(images/puce_savoir.gif) 10px 23px no-repeat;
}

#sf-gauche img{
	float:right;
	border:solid 1px #3366CC;
	margin:0 15px 0 0;
	cursor:pointer;
}

/* centre */

#sf-centre{
	float:left;
	width:340px;
	text-align:center;
}

#sf-centre img{
	border:solid 1px #3366CC;
}

/* droite */

#sf-droite{
	float:left;
	width:280px;
}

#sf-droite img{
	border:solid 1px #3366CC;
	float:left;
	margin:0 0 0 15px;
	cursor:pointer;
}

#sf-droite p{
	float:left;
	width:180px;
}

/* bas */

#sf-bas{
	clear:both;
	padding:0 0 0 280px;
	width:340px;
}

#sf-bas p{
	color:#142963;
	font-weight:bold;
	padding:20px 0 0 0;
	text-align:center;
}

#sf-bas img{
	border:solid 1px #3366CC;
	margin:0 5px 0 0;
	cursor:pointer;
}

#sf-bas img.nomargin{
	margin: 0 0 0 0;
}

#sf-bas p span{
font-weight:normal;
font-size:11px;
}






.presta{
	margin:10px 0;
	border:solid 1px #3366CC;
}

#presta-gauche{
	float:left;
	width:280px;
}

#presta-droite{
	float:left;
	width:280px;
}

/*-------------ref -------------*/

#block_right_ref02{
	width:263px;
	float:left;
	background: url(images/px_ref22.jpg) right 0 repeat-y;
	margin: 10px 0 0 0;
}

#block_right_ref05{
	width:263px;
	float:left;
	background: url(images/img_bg23.jpg) 0 0 no-repeat;
}

.cc{
float:right;}

#block_right_ref{

width:215px;
float:left;
background: url(images/px_ref23.jpg) 0 0 repeat-y;}

#block_right_ref00{

width:215px;
background: url(images/img_bg2.jpg) 0 0 no-repeat;}

.cc{
float:right;}



/* ... References new generation ... */

/* gauche */

#ref-gauche{
	float:left;
	width:230px;
	padding:0 40px 0 0;
	text-align:right;
}

.fsize10{
	font-size:10px;
	background:none;
}

.italic{
	font-style:italic;
}

.diapo2{
	color:#142963;
	font-weight:bold;
	padding:0 0 15px 0px;
}

.diapo2 img{
	border:solid 1px #3366CC;
	margin:4px 5px 0 0;
	cursor: pointer;
}

.diapo2 img.nomargin{
	margin:4px 0 0 0;
}

/* centre */

#ref-centre{
	float:left;
	width:340px;
	text-align:center;
}

#ref-centre img{
	border:solid 1px #3366CC;
}

/* droite */

#ref-droite{
	float:left;
	width:240px;
	padding: 0 0 0 40px;
}

/* bas */

#ref-bas{
	clear:both;
}

#ref-bas p{
	text-align:center;
}












/*-------------contact -------------*/

#block_left_contact{
	width:267px;
	padding:0 23px 0 0;
	background:url(images/bg_contact.gif) 0 0 no-repeat;
	float:left;
	margin: 40px 0 0 0;
}

.ac00{
font-size:14px;
color:#142963;
font-weight:bold;
padding:12px 0 10px 25px;}

.stil_plan{
padding:10px 0 0 8px;}

#block_middle_contact1{
width:563px;
float:left;}

.lettre{
float:left;
width:200px;
color:#142963;
padding:0 0 0 0;}

.lettre span{
color:#142963;
font-weight:bold;
}

.tele{
float:left;
width:200px;
color:#142963;
padding:0 0 20px 0;}

.tele span{
color:#142963;
font-weight:bold;
}

.mail{
float:left;
width:150px;
color:#142963;
padding:0 0 20px 0;}

.mail span{
color:#142963;
font-weight:bold;
}

/**************************************** formulaire****************************/
#formulaire {

	float:left;
width:563px;
margin:10px 0 0 0;

	
	
}
#formulaire h3{
padding-left:32px;
font-size:16px;
color:#014695;
background:url(images/puce_contact.gif) 0px 0px no-repeat;

}
#formulaire p{
color:#014290;
	width:268px;
	float:left;	
	padding:0 0 10px 2px;	
}
#formulaire span{
	float:left;	
	padding-top:1px;
}
#formulaire .question{
	padding:1px 0 0 0;
} 
#formulaire input{
	float:right;	
	width:198px;
	color:#000;
	height:14px;
	border:1px solid #014290;
	font-size:11px;	
}
#formulaire textarea{
	float:right;
	border:1px solid #014290;	
	width:198px;
	height:103px;
	color:#000;
}
#formulaire .bout{
	width:64px;
	height:17px;
	border:none;
	float:right;
	
}
em{
	color:#01428f;		
}
#formulaire .rouge{
	color:#FF0000;	
	font-weight:bold;
	float:left;	
}
#formulaire  #gauche
{
	float:left;
	width:268px;
}
#formulaire  #droite
{
	float:left;
	width:275px;
	padding:0 0 0 15px;	
}

/*************************** Mention legal ****************************/
#content_mention{

width:875px;
padding:0 40px 20px 40px;
float:left;
background:url(images/bg_contenu.jpg) 0 bottom no-repeat;	
}
#content_mention p{
color:#142963;
	padding:5px 0 0 0;
	line-height:18px;
}
#content_mention strong{
}
#content_mention  p.titre{		
background:url(images/puce_noir.jpg) 0px 0 no-repeat;
text-transform:uppercase;
font-size:14px;
padding:5px 0 5px 0px;
font-weight:bold;
color:#142963;

}

/*-------------footer -------------*/


#footer {
padding:10px 0 20px 0;
	width:955px;
	margin:0 auto;
	text-align:center;
	background:#0f1a20 url(images/img_footer.jpg) no-repeat;
	color:#767d80;
	clear:both;
}


#footer.interne ul {
	color:#142963;
}
#footer.interne li a {
	color:#142963;
}
#content-footer {
	margin:0 auto;
	background: url(images/fnd-footer.jpg) no-repeat;
	width:955px;
 }

#footer ul {
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	color:#142963;
	padding:0px 0 0px 0;
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#142963;
	
}
 
#footer li a:hover{
	color:#F27B03;
}


#footer p{
color:#142963;
	font-size:11px;
}

#footer span{
	position:relative;
	top:5px;
}


#logo_top {
margin-top:20px;
	text-align:center;
	line-height:20px;
} 


#logo_top a{
	font-size:9px;
	border:none;
	color:#142963; 

}

#logo_top a:hover{
	color:#F27B03;
}