/* CSS Document */
body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg_body.jpg) repeat-x left top #009EE0;
	color:#15A0C9;
}
*  {
	margin: 0 ;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	padding:0 0 5px 0;
	text-align:justify;
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;
}
br
{
	padding:0;
	margin:0;
}
.clrleft
{
	clear:left;	
}
.clrright
{
	clear:right;
}
/********************************************************************************/
#gauche {
	background:url(images/ombre-gauche.jpg) no-repeat right top;
}

#droite {
	background:url(images/ombre-droit.jpg) no-repeat left top;
}

#page
{
	margin:0 auto;
	width:955px;
	background:url(images/bg_page.jpg) repeat-y  0 0;
}
#header
{
	float:left;
	height:319px;
	width:955px;
	padding:0 0 0 0;
	background:url(images/header.jpg) no-repeat 0 top;
}
.logo
{
	margin:184px 0 0 10px;

}
#header .service
{
	float:right;
	margin:182px 10px 0 0;
}
#right_head
{
	width:672px;
	float:right;
	
}
#right_head .conseil
{
	float:right;
	padding:22px 105px 0 0;		
}
#menu_top{
	padding:4px 10px 0 0;
	color:#87D2F1;
	float:right;
	height:17px;
}
#menu_top li {
	display:inline;
	font-weight:normal;	
}
#menu_top a{	
	font-size:11px;		
	color:#87D2F1;	
	padding:0 3px;	
}
#menu_top .none
{
	padding:0 3px 0 0;
}
#menu_top a:hover,#menu_top .active{
	color:#E74215;	
}
.acces
{
	float:right;
	padding:13px 3px 0 4px;
}
/**********************************************MENU************************************************/
#menu
{
	
	float:left;
	padding:12px 0 0 0;	
	width:672px;
}
#menu li{
	float:left;			
	height:161px;
	background:#E65013;
}
#menu  a
{	
	color:#fff;
	font-size:14px;
	background:url(images/menu.gif) no-repeat right 0 #182F8C;	
	font-weight:bold;		
	display:block;
	padding:7px 0 0 4px;
	letter-spacing:-1px;
	height:18px;		
}
#menu #acc a
{
	width:74px;	
	background:url(images/m_acc.jpg) repeat-x 0 0;
}
#menu #acc a:hover,#menu #acc .active
{	
	background:url(images/m_acc_on.jpg) repeat-x 0 6px;
	width:74px;	
}
#menu #formation a
{
	width:74px;	
	background:url(images/m_for.jpg) repeat-x 0 0;
}
#menu #formation a:hover,#menu #formation .active
{
	width:74px;	
	background:url(images/m_for_on.jpg) repeat-x 0 6px;
}
#menu #conseil a
{
	width:72px;
	background:url(images/m_rec.jpg) repeat-x 0 0;
}
#menu #conseil a:hover,#menu #conseil .active
{
	width:72px;
	background:url(images/m_rec_on.jpg) repeat-x 0 6px;
}
#menu #reference a
{
	background:url(images/m_ref.jpg) repeat-x 0 0;
	width:77px;	
}
#menu #reference a:hover,#menu #reference .active
{
	background:url(images/m_ref_on.jpg) repeat-x 0 6px;
}
#menu #poste  a
{
	width:107px;
	background:url(images/m_acc.jpg) repeat-x 0 0;	
}
#menu #poste a:hover,#menu #poste .active
{
	
	background:url(images/m_acc_on.jpg) repeat-x 0 6px;	
}
#menu #actualite  a
{
	width:75px;
	background:url(images/m_actua.jpg) repeat-x 0 0;
}
#menu #actualite  a:hover,#menu #actualite .active
{
	background:url(images/m_actua_on.jpg) repeat-x 0 6px;
}

#menu #recrutement  a
{
	width:86px;
	background:url(images/m_rec.jpg) repeat-x 0 0;
}
#menu #recrutement  a:hover,#menu #recrutement .active
{
	background:url(images/m_rec_on.jpg) repeat-x 0 6px;
}
#menu #contact  a
{
	width:75px;
	background:url(images/m_cont.jpg) repeat-x 0 0;
}
#menu #contact  a:hover,#menu #contact .active
{
	width:75px;
	background:url(images/m_cont_on.jpg) repeat-x 0 6px;
}
#menu #acc 
{
	background:url(images/m1.jpg) no-repeat -15px 25px;
	
}
#menu #formation 
{	
	background:url(images/m2.jpg) no-repeat 0 25px;
}
#menu #conseil 
{
	background:url(images/m3.jpg) no-repeat 0 25px;
}
#menu #poste 
{
	background:url(images/m6.jpg) no-repeat 0 25px;
}
#menu #reference 
{
	background:url(images/m4.jpg) no-repeat 0 25px;
}

#menu #recrutement  
{
	background:url(images/m7.jpg) no-repeat 0 25px;
}
#menu #contact  
{
	background:url(images/m8.jpg) no-repeat -10px 25px;
}
#menu #actualite
{
	background:url(images/m5.jpg) no-repeat 0 25px;
}
/***********************************Fin Menu********************************************/
.first_titre
{
	font-weight:bold;
	font-size:16px;
	background:url(images/rectangle_bleu.gif) no-repeat -7px 0; 
	padding:3px 0 3px 11px;
	margin-bottom:8px;
	display:block;
	color:#fff;		
}
.add
{
	background:url(images/rectangle_bleu.gif) no-repeat 0 0;
}
.first_titre span	
{
	font-size:12px;
}
.second_titre
{
	font-weight:bold;
	font-size:14px;
	padding:0 0 0px 0;	
	color:#3878DB;
}
/*****************************************************************************/
#content
{
	float:left;
	width:890px;	
	padding:10px 0 0 65px;
	background:url(images/bg_contenu.jpg) no-repeat 64px 0;	 
}
#bloc1
{
	float:left;
	width:250px;
	padding:25px 234px 1px 0;
	color:#FFFFFF;
	margin:0 12px 0 0;
	background:url(images/reunion.jpg) no-repeat right 0 #BD1320;
}
.puce_blanc
{
	padding:0 26px 3px 0;
	background:url(images/puce_cercle.gif) no-repeat right 0;	
	margin:0 0 14px 0;
	font-weight:bold;
	text-align:right;
} 
#bloc2
{
	float:left;
	width:295px;	
	padding:0 0 0 13px;
	border-left:1px solid #E6062B;
}
#bloc2 .first_titre
{
	background:url(images/rectangle_rouge.gif) no-repeat 0 0; 
}
#bloc2 .txt
{	
	padding:0 0 0 0;
	line-height:14px;
}
#bloc2 .txt span
{
	color:#69B1CA;
}
.puce_rouge
{
	padding:0 0 0 58px;
	background:url(images/puce_rouge.jpg) no-repeat 42px 2px;
	font-size:12px;
	margin:8px 0 0 0;
	color:#15A0C9;
	text-align: left;
} 
#actua
{
	float:left;
	clear:both;
	width:852px;
	margin:0 0 0 0;	
	padding:8px 0 9px 0;
}
.site
{
	float:left;
	width:400px;
	padding:0 15px 15px 0;	
	text-align:left;
}
#site
{
	width:262px;
}
.site img
{
	float:left;
	padding:2px 12px 0 0;
}
.site span
{
	display:block;
}
.site .date
{
	color:#D9081B;
	font-weight:bold;		
}
.site .lien
{
	padding:35px 0 2px 0;
	font-size:11px;
	font-weight:bold;
	float:left;
	width:132px;
	border-bottom:1px solid #E6062B;
}

.site a
{
	background:url(images/plus.jpg) no-repeat right center;
	padding:0 0 0 0;
	color:#147FCF;
	width:61px;
	float:left;
	display:block;
}
/***********************************Formation**********************************/
#content_nav
{
	float:left;
	width:815px;	
	padding:10px 75px 0 65px;
	background:url(images/bg_contenu.jpg) no-repeat 64px 0;	 
}
.bloc1_form
{
	float:left;
	width:315px;	
	padding:0 23px 0 0;		
}
#sante
{
	margin-top:97px;
}
.bloc2_form
{
	float:left;
	width:471px;	
	padding:0 0 0 0;	
}
.cercle
{
	padding:4px 0 0 314px;
	background:url(images/puce_rouge.jpg) no-repeat 291px 8px;
	margin:0 0 7px 0;
	font-weight:bold;
	text-align:left;
	line-height: 18px;
}
.cercle2
{
	padding:4px 0 0 314px;
	background:url(images/puce_rouge.jpg) no-repeat 291px 8px;
	margin:0 0 7px 0;
	font-weight:bold;
	text-align:left;
}
.cercle3
{
	padding:4px 0 0 20px;
	background:url(images/puce_rouge.jpg) no-repeat 3px 6px;
	margin:0 0 7px 0;
	font-weight:bold;
	text-align:left;
}
.formation
{
	float:left;
	padding:0 10px 0px 0;
} 
.cours
{
	padding-top:9px;	
	border-top:1px solid #D6001A;
}
.contacter
{
	float:right;
	padding:0 7px 0 0;
	margin:0;
}
/***********************************References**********************************/

#bloc1_ref
{
	float:left;
	width:315px;	
	padding:0 0 0 0;		
}

#bloc2_ref
{
	float:left;
	width:471px;	
	padding:0 0 0 23px;	
}
#bloc2_ref .first_titre
{
	background:url(images/rectangle_bleu2.gif) no-repeat 0 0;
}
.para
{
	padding:4px 0 15px 0;
	font-size:13px;
}
.line
{
	line-height:20px;
	padding-bottom:10px;
}
.line2
{
	line-height:20px;
	padding-bottom:7px;
}
.line3
{
	line-height:22px;
	padding-bottom:7px;
}
.right
{
	float:right;
	padding:0 0 0 12px;
}
.pic 
{
	clear:right;
	padding:3px 0 0 0;
		
}
.pic img
{
	float:right;
	padding:0;
}
.pic .comp
{	
	padding:4px 0 0 50px;
}
/***********************************Poste***********************************/
.bloc_poste
{
	float:left;
	width:295px;
	padding:0 12px 0 0;
}
.puce
{
	padding:4px 0 0 23px;
	background:url(images/puce_rouge.jpg) no-repeat 0 8px;	
	margin:0 0 7px 0;
	font-weight:bold;
	text-align:left;	
}
.poste
{
	background:url(images/rectangle_poste.gif) no-repeat 0 0;
}
.social
{
	float:right;
	width:200px;	
}
.social img
{
	padding:0 0 15px 0;
}
/***********************************Recrut**********************************/
.bloc1_recrut
{
	float:left;
	width:315px;	
	padding:0 23px 0 0;		
}
.bloc2_recrut
{
	float:left;
	width:471px;	
	padding:0 0 0 0;	
}
.bloc2_recrut .objectif
{
	float:right;
	background:url(images/rectangle_rouge.gif) no-repeat right 0;
	width:170px;
	font-weight:bold;
	font-size:16px;	
	padding:3px 0 3px 11px;
	margin-bottom:5px;
	display:block;
	color:#fff;	
}
.rouge
{
	padding:10px 10px;	
	background:#E74215;
	margin:30px 0 0 0;
	border:1px solid #fff;
	line-height:18px;
	float:left;
}
.rouge a
{
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	display:block;	
}
.rouge a:hover
{
	text-decoration:underline;
}
.atout
{
	font-weight:bold;
	padding:10px 10px;
	color:#E74215;
	background:#FFFFFF;
	margin:20px 0 0 0;
	border:1px solid #E74215;
	line-height:18px;
}
/***********************************Actua***********************************/

#bloc2_actua
{
	float:left;
	width:534px;	
	padding:0 0 0 16px;
	color:#0A3F69;
}
#bloc2_actua img
{
	float:left;
	padding:0 15px 0 0;
}
/***********************************Contact**********************************/

#coordonnee
{
	float:left;
	width:476px;	
	padding:0 0 0 16px;
}
#coordonnee .medicament
{
	float:right;
	
}
#coordonnee span
{
	padding:0px 0 20px 47px;
	font-weight:bold;
	display:block;
}
#coordonnee .adr
{
	background:url(images/adresse.jpg) no-repeat left top;
	color:#53C2ED;
}
#coordonnee .mobile
{
	background:url(images/mobile.jpg) no-repeat left top;
	color:#0062B1;
}
#coordonnee .aro
{
	background:url(images/aro.jpg) no-repeat left top;
	color:#E42B19;
	padding:8px 0 0 47px;
}
#coordonnee .aro em
{
	float:left;
	display:block;
	font-style:normal;
	padding:0 0 10px 0;
}
.map
{
	border-top:1px solid #E42B19;
	padding:10px 0 0 0;
	cursor:pointer;
	margin:11px 0 0 0;
}

/***********************************Formulaire**********************************/
#formulaire
{
	float:left;
	width:316px;
} 
#formulaire p{
	width:304px;
	float:left;	
	padding:0 0 10px 0;	
}
#formulaire .first_titre
{
	width:auto;
	float:none;
	padding:3px 0 3px 11px;
	margin-bottom:40px;
}
#formulaire span{
	float:left;	
	font-weight:bold;
	font-size:11px;
} 
#formulaire input{
	float:right;	
	width:232px;
	height:20px;
	border:0;
}
#formulaire textarea{
	float:right;	
	width:232px;
	height:85px;	
	border:0;		
}
#formulaire .bout{
	width:38px;
	height:39px;
	border:none;
	float:right;
	background:none;
	
}
#formulaire em{
	color:#E42B19;		
}
#formulaire .info{
	color:#E42B19;	
	font-weight:bold;
	float:left;
	font-size:13px;	
	padding:14px 0 0 0;
}
#formulaire .puvoir,.puvoir{			
	
	font-weight:bold;
	padding:10px 10px;
	color:#E74215;
	background:#FFFFFF;
	margin:0 0 0 0;
	border:1px solid #E74215;
	width:280px;
		
}
.puvoir a{
		color:#0B4DA1;
}
.puvoir a:hover{
	text-decoration:underline;
	color:#E74215;
}
/***********************************Mention**********************************/
.contenuMention{
	float:left;
	width:815px;	
	padding:10px 75px 0 65px;
	background:url(images/bg_contenu.jpg) no-repeat 64px 0;	 

}
.contenuMention p{
	 padding:4px 0 4px 0;
	 line-height:17px;
	 text-align:justify;			 	
}
.contenuMention .titre
{	
	line-height:normal;
	text-align:left;
	font-weight:bold;
	font-size:16px;
	background:url(images/rectangle_bleu.gif) no-repeat -7px 0; 
	padding:3px 0 3px 11px;
	margin-bottom:8px;
	display:block;
	color:#fff;	
		
}
.contenuMention .fonce
{
	color:#E44317;
	font-weight:bold;
}
.contenuMention strong
{
	color:#E44317;
}
/*********************************Footer************************************************/
.tache
{
	position:absolute;
	top:9px;
	right:-52px;
	border:0;

}
#footer{	
	width:940px;
	color:#E6062B;	
	margin:0 auto;			
	clear:both;
	padding:10px 0 10px 15px;
	background:url(images/bg_footer.jpg) no-repeat  0 0;
	position:relative;
}
#footer p
{
	font-size:10px;
	text-align:center;
	padding:0;
}
#footer p span
{
	font-weight:bold;
	font-size:11px;
}
#footer object
{
	position:relative;
	top:6px;
}
#navigation{		
	color:#147FCF;
	padding:5px 0 8px 108px;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 3px 0 3px;
	font-size:11px;	
	color:#147FCF;	
}
#navigation a:hover,#navigation .active{
	color:#E65013;
}
#footer #toptech {		
	text-align:center;
	padding:20px 0 0 0;
	margin:0;	
}
#toptech a{
	color:#fff;
	font-size:10px;
	outline:none;
	letter-spacing:-1px;
}
#toptech a:hover{
	color:#C7E8F9;	
}


/* ####################### STYLES MODULE ACTUS ####################### */

#liste-actus{
	float:left;
	width:320px;
	padding:0 20px 0 0;
}

#liste-actus ul li{
	padding:0 0 5px 0;
}

#liste-actus ul li a{
	color:#0099CC;
}

#liste-actus ul li a:hover{
	color:#00CCFF;
}

#actus{
	float:left;
	width:510px;
}

#actus img{
	float:left;
	padding:0 10px 0 0;
}

.date-liste{
	font-size:10px;
	font-style:italic;
}

.titre-actu{
	color:#3366FF;
}

h1 {
	display:none;}