/*    Front		SCARUS		*/

* 			{ margin:0; padding:0; border: none; text-decoration: none }

body 		{ padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background-color: #fff }

h1 a 		{ position: absolute; top: 100px; left: 0; top: 0; width: 231px; height: 154px; display:block;  text-indent: -5000px;    }
h1 a img		{  display: none;    }

h2   		{ width: /*310px*/ auto;  height: 34px;   padding: 0 0 7px 15px; font: normal 18px "Trebuchet MS"; color: #074d96; 
     		  background: url(../images/fond/f-h2.gif) left bottom no-repeat; /*  margin: -35px 0 15px 16px; */   margin: 0px 0 15px 16px;   }
			  
h2#bigH2    {  font: normal 21px "Trebuchet MS";  } 
#affichageCV p    { font: normal 14px "Trebuchet MS"; }  
 
h3  		{ margin: 15px 0 10px 20px; font: bold 15px arial; color: #074d96; text-align: left; }
h4   		{ margin: 15px 0 10px 20px; font: bold 14px "Trebuchet MS"; color: #074d96 }
h5   		{ margin: 15px 0 10px 20px; font: bold 13px "Trebuchet MS"; color: #60a234}

p    		{ font: normal 11px/15px arial; margin: 0 0 5px 0; text-align:left }

input       { padding: 0 0 0 3px; font: normal 11px arial; color: #074d96 }
textarea    { padding: 4px; font: normal 11px arial; color: #074d96 }
select	   { border: 1px solid #95b9df;  font: normal 11px arial;   color: #074d96  } 
ul li 				{ list-style: none; font: normal 11px/15px arial; margin: 10px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
p.puced    {  margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }  
a img    { border: none; text-decoration: none }

a        { color: #0c549a; text-decoration: none; font: normal 11px arial }
a:hover  { color: #0c549a; text-decoration: underline }

.formatHome        { padding: 0 15px } 
.formatHome p      { color: #074d96  } 

.format        { padding: 0 56px   } 
.format p      { color: #074d96; line-height: 18px } 
.format ul li  { color: #074d96; } 

.formatAgence    { padding: 0 26px 0 56px  } 

.messageFinal   { text-align: center; color: #084d98;  margin: 15px 35px 10px 35px; font: bold italic 12px arial;    } 

#metiers h3    {  margin: 25px 0 10px 20px; } 


p.button2    {  margin: 15px 0 0 0px; text-align: center;  } 


.visiteur       { padding: 20px 0 0 15px; } 
.visiteur p     { color: #4ca1d4;  font-weight: bold;   } 
.visiteur p span{ color: #2d6e91;    } 


p.small    {  text-align: center; font: normal 9px arial;   } 

/**/

.visuEdito     { float: right; margin: 55px 0 0 10px;    }
.visuEdito img {  margin: 0 0 80px 0px;     } 

ul.listeFile         { margin: 15px 0 0 0px;   } 
ul.listeFile  li     {  float: left; margin: 0 0 0 65px; background: url(../images/fond/corner-box.jpg) left top no-repeat;    } 
ul.listeFile  li  a  {   background:transparent url(../images/illustr/file.gif) no-repeat scroll center 46px;
								display:block;
								height:109px;
								padding:10px;
								width:124px;}  

/*		Actualites								*/

.oneActu      { padding: 0px 0 11px 0;      } 
.oneActu h3   { margin: 15px 0 10px 7px; font: bold 15px arial; color: #60a234  } 
.oneActu p    { padding: 0 45px;  } 
.oneActu p.img    { float: right;  margin: 0 20px 11px 30px ; padding: 0 0 0 0;    } 
.oneActu  .separator  {  height: 5px; clear: both;  background: url(../images/fond/sep.jpg) center bottom no-repeat;  } 
span.date      { font: normal 11px arial; float: right; position:relative; top: 0px; left: -25px;    } 
p.lireSuite    { margin: 15px 80px 10px 0px; text-align: right   } 

/**/
#actuSeule    {   } 
#actuSeule    {   } 
#actuSeule  p.date  { font: normal 11px arial; float: right;  } 
#actuSeule  p.img  {   float: right;  margin: 0 20px 11px 30px ; padding: 0 0 0 0;  } 


/*			loginForm			*/

.loginForm         {   width: 67%; padding: 0px 0 5px 29px;   } 
.loginForm  label  {  margin: 0 4px 0 0px;  color: #628fbd; font-weight: bold;   } 
.loginForm  input  { border: 1px solid #f68409;   } 

p.validLogin   {  text-align :right; margin: 4px 0 0 0px;  } 
p.linkss    {   } 

/*				theCV		fiche		*/

p.suiviCV             { width: 672px; margin: 0 auto;   } 
#theCV     			    { width: 570px; border-bottom: 3px solid #d4e7f2; border-right: 3px solid #d4e7f2; margin: 0 auto;    } 

#theCV .entete        { margin: 0 0 12px 0px; padding: 3px 10px;  background-color: #eaf7fe;  } 
#theCV h3.titleCV     { font: bold 18px arial; text-align: center;    }  
#theCV h3     			 { font: bold 14px arial;  margin: 20px 0 18px 0px; padding: 0 0 0 0;    clear: both;   } 
#theCV h4     			 { float: left; width: 215px; margin: 0 10px 0 15px; padding: 0 0 0 0; color: #074d96 ; font: normal 11px arial     } 
#theCV .separator     { clear: both; margin: 10px 0 7px 0;  border-bottom: 1px solid #caedf9 } 
#theCV .separator     { clear: both; margin: 0px 0 5px 0;  border-bottom: 1px solid #caedf9 } 


#theCV p.centerbut    { clear: both; margin: 15px 0 10px 0px;    } 

#theCV p.donnee   	 { float: left;  margin: 0 10px 0 0px;    } 
p.parution    			 { float: right;   } 
p.date       			 {   } 


/*				showCV					*/

.showCV .infoCandidat    { width: 38%; min-height: 90px;   margin: 10px 0 15px 15px;  padding: 10px; float: left; 
									 border-top: 1px solid #6FA8E7 ;
									 border-left: 1px solid #6FA8E7 ;
									 border-right: 1px solid #6295cc; 
									 border-bottom: 1px solid #6295cc ;
									  background-color: #eef5fb   } 
									  
.showCV .infoCandidat h3  { margin: 5px 0 10px 7px; padding: 0 0 0 0;  font: bold 15px arial; color: #074d96 } 									 
.showCV .infoCandidat p   { padding: 5px; margin: 5px;  border: 1px solid #aed2f9; background-color: #fff; color: #074d96; font: normal 14px arial; } 									 

.showCV .photoCandidat    {  margin: 10px 0 15px 31px;  padding: 10px; float: left;  
									 border-top: 1px solid #6FA8E7 ; padding: 5px; 
									 border-left: 1px solid #6FA8E7 ;
									 border-right: 1px solid #6295cc; 
									 border-bottom: 1px solid #6295cc ;
									  background-color: #eef5fb   } 		  

.showCV .photoCandidat  img  {	 border: 1px solid #aed2f9; }							  


.showCV table.first  td         			{ margin: 0 0 0 0px; padding: 0 0 0 0; vertical-align: top;   } 
.showCV table.first  b          			{   padding: 0px 4px;  } 
.showCV table.first  p.libellee        	 {  margin: 0 0 0 0px; padding: 3px 0; background-color: #ddeaf8; color: #628fbd     } 
.showCV table.first  p        				{ margin: 4px 0px; padding: 3px 4px; font: normal 14px arial;  } 


.showCV table      					{ width: 670px; margin: 5px auto 10px auto; border-collapse: collapse;   } 
.showCV table td    					{  padding: 4px;  border: 1px solid #6fa8e7    } 
.showCV table td.libelle    		{  padding: 4px 4px 4px 15px; background-color: #ddeaf8;  color: #628fbd       } 
.showCV table td                 {  color: #074d96; } 
.showCV table td strong  ,
.showCV table td b   		       {   color: #628fbd       } 
.showCV table td.donnee     		 {  padding: 4px;     } 


/*					edition de CV					*/

input#objective    { width: 280px;   } 
.contactformCV   							 { width: 575px; margin: 20px auto 20px auto; padding: 30px 10px 12px 10px;
													 background: url(../images/fond/f-form.jpg) right bottom no-repeat; 	 }	
													 
.contactformCV label.lbleft         { width: 238px; text-align :right; margin: 0 4px 0 0px;  color: #628fbd ;font-weight: bold;} 

.scrollblock         { width: 269px;  height: 200px; overflow: auto;  border: 1px solid #95b9df;  background-color: #fff;} 
.scrollblock ul      { margin: 0 0 0 -10px;    } 
.scrollblock ul li   { color: #074d96;   } 

ul.listeContrat      { clear: both; margin: 0 0 10px 255px; overflow: auto;  width: 320px;   } 
ul.listeContrat li   { color: #074d96; float: left; margin: 0 0 4px 0; width: 145px;    } 

ul.listeContrat2      { clear: both; margin: 0 0 0 131px;   } 
ul.listeContrat2 li   { color: #628fbd } 

ul.listeContrat3      { clear: both; margin: 0 0 0 230px;   } 
ul.listeContrat3 li   { color: #628fbd } 

textarea.editcvtextarea       { border: 1px solid #95b9df;  width: 320px; position:relative; top: 0px; left: 0px; } 
textarea.commentlanguageEdit  { border: 1px solid #95b9df;  width: 320px; position:relative; top: 0px; left: 0px; } 

p.centerbutTable     { margin: 5px 0 0 34px; text-align: center;   } 
p.centerbutTable a   { margin: 0 10px;   } 


p.photo    {  } 
p.photo span      { font-style: italic; position:relative; top: 0px; left: 246px;   } 
p.photo span img  { padding: 0 0 7px 0;  position:relative; top: 0px; left: 15px;  } 
p.photo a         {  padding: 8px } 

/*			EditCV experienceEdit				*/
textarea#missions    { border: 1px solid #f68409; width: 372px;
								position:relative; top: 0px; left: 156px;    } 

								
								
								
/*			Offres				*/
table#offresTable2                   { position: absolute; top: -5000px; left: -5000px;  } 
table#offresTable                   { width: 670px; margin: 25px auto 10px auto;   } 
table#offresTable caption           { font: bold 12px arial;  color: #3377bf; margin: 0 0 0 39px; padding: 0 0 2px 0;   text-align: left;  } 
table#offresTable caption b          {color: #2463a5 }
table#offresTable thead             { height: 26px;   text-align: center;  background-color: #f1f2f0  ; color: #5c9037}
table#offresTable th                { border: 1px solid #48c3d4; font: bold 12px arial;} 
table#offresTable tr.paire td       { background-color: #f1f2f0 } 
table#offresTable tr.impaire  td    { background-color: #ffffff } 

table#offresTable tr td             { color: #074d96   } 
table#offresTable tr td.bordered    { padding: 4px;  border: 1px solid #48c3d4 } 

p.reour    { margin: 15px 0 10px 0px;  text-align: center;   } 


/* 			Page Contact 						  */
  
.couleur1    { background-color: #ddeaf8; padding: 3px 0;    }
.couleur0    {    padding: 3px 0;  }  

form.contactform 	 									 { width: 575px; margin: 20px auto 20px auto; padding: 30px 10px 32px 10px;
																background: url(../images/fond/f-form.jpg) right bottom no-repeat; 	 
																}	
form.contactform .zone1						       { float: left; padding: 1px 0 0 0;  margin: 0 15px 0 0 ;    }
form.contactform .zone1	p						    { margin: 0 0 16px 0 }
form.contactform .zone1	p	label					  { width: 95px;  }
form.contactform .zone1	p	input.ch  		    { width: 120px;   }
	
form.contactform .zone2    						 { float: left;    }	
form.contactform .zone2	p						    { margin: 0 0 10px 0 }
form.contactform .zone2  label 					 { text-align :right; }

form#contactFormu textarea#comment    {  width: 514px;  } 

label#lastLab     {  width: 95px; text-align :right;  } 

p.lastPara2    { padding: 10px 0 0 0;    } 


form.contactform input, form.nLetterform input,
 form.contactform2 input, form.contactform3 p input.ch,
 form.contactform4 p input.ch, .contactformCV input,textarea#missions,
 form.contactform5 input, .loginForm input, form.contactform6 input	, form.envoiForm	input {   border-right: 1px solid #5c99dc;
																									 border-bottom: 1px solid #5c99dc;
																									 border-top: 1px solid #7cb4f2;		
																									 border-left: 1px solid #7cb4f2;  padding: 0 0 0 2px }


/* Bulles d aides fiche produit */
.tool-tip   { width: 175px; height: 70px; padding: 20px 12px 0 12px; background: url(../images/fond/tips.gif) left top no-repeat;  color: #245a91;    }
.tool-title { }
.tool-text  { }





/**/																									 
form.contactform label   { width: 137px; text-align :right;  font: normal 11px verdana; margin: 0 10px 0 0px; color: #628FBD ; font-weight: bold;  }
form.nLetterform  label  { width: 93px; text-align :right;  font: normal 11px verdana; margin: 0 10px 0 0px; color: #628FBD ; font-weight: bold;  }
form.contactform textarea#comment    			   { width: 267px; height: 112px;  margin: 6px auto 0 auto;
																  border-right: 1px solid #5c99dc;
																  border-bottom: 1px solid #5c99dc;
																  border-top: 1px solid #7cb4f2;
																  border-left: 1px solid #7cb4f2;  }

.conformement 											 { margin: 25px auto 10px auto; font: normal 10px arial; width: 75% }
.conformement a										 { font: normal 10px arial;  }

/*					Contactform 2					*/

form.contactform2 	 								 { width: 572px; margin: 20px auto 20px auto; padding: 10px 10px 12px 10px;
																 background: url(../images/fond/f-form.jpg) right bottom no-repeat; 	 }	
form.contactform2 .zone1 label.lbleft         { width: 143px; text-align :right; margin: 0 4px 0 0px; color: #628fbd  } 																
form.contactform2 .zone1						    { float: left; margin: 0 15px 0 0 ;   }
form.contactform2 .zone1 p						    { margin: 0 0 10px 0 }
form.contactform2 .zone1 p	input.ch  		    { width: 120px;  }
form.contactform2 .zone1 p	select   		    { font: normal 11px arial;     }
	
form.contactform2 .zone2    						 { float: left;     }	
form.contactform2 .zone2 label.lbleft 			 { width: 110px; margin: 0 4px 0 0px;   text-align :right; color: #628fbd }
form.contactform2 .zone2 p						    { margin: 0 0 10px 0 }

input#confirmpassword    { margin: -5px 0 4px 0px;   } 


p#lastPara   											 { clear: both; margin: 0px 0 10px 0px; padding: 6px 0 0 0;     } 
p#lastPara  label.lbleft 			             { color: #628fbd}
p#lastPara #cvdoc    								 { position:relative; top: -7px; left: 0px;   } 
p#lastPara span.validForm   						 { position:relative; top: 6px; left: 78px;   } 

label.color   											 { color: #074d96  } 

table.contactTable   			 { margin: 0 0 15px 0px;   } 
table.contactTable td	    	 { padding: 0 25px;   } 
table.contactTable td 	h3		 { margin-top: 0   } 
table.contactTable td.one p    {  text-align :right;  } 



/*					Contactform 3 					*/

form.contactform3 	 								  { width: 402px; height: 66px;  margin: 20px auto 20px auto; padding: 37px 10px 12px 10px;  
																 background: url(../images/fond/f-form2.jpg) right bottom no-repeat; 	position:relative; top: 0px; left: 0px;   }	
form.contactform3 label.lbleft         		  { width: 143px; text-align :right;margin: 0 4px 0 0px; color: #628fbd ;font-weight: bold;  } 																
form.contactform3 p						   		  { margin: 0 0 10px 0 }
form.contactform3  p	select   		   		  { font: normal 11px arial;  border: 1px solid #7cb4f2   }
 
form.contactform3 p.validLogin   				  { position: absolute; top: 50px; left: 310px;   } 
form.contactform3 p.validForgot 		           { position: absolute; top: 36px; left: 310px;   } 
 p.links    											  {  color: #0c549a; text-align : center;  width: 402px;  margin: 0px auto } 
 
 
 
 
 
/*					Contactform 4					*/

form.contactform4 	 								  { width: 423px; height: 96px;  margin: 0px auto 20px auto; padding: 37px 10px 12px 10px;  position:relative; top: 0px; left: 0px; 
																 background: url(../images/fond/f-form2.jpg) right bottom no-repeat; 	position:relative; top: 0px; left: 0px;   }	
form.contactform4 label.lbleft         		  { width: 140px; text-align :right;margin: 0 4px 0 0px; color: #628FBD ;font-weight: bold;   } 																
form.contactform4 p						   		  { margin: 0 0 10px 0 }
form.contactform4  p	select   		   		  { font: normal 11px arial;  border: 1px solid #7cb4f2   }

form.contactform4  p.centerbut  		   		  { position:absolute; left: 338px; top:51px; text-align:left;}
form.contactform4  p.centerbut input  		     { padding: 0 0 12px 0;   }																
 
 
/*					Contactform 5					*/

form.contactform5 	 								 { width: 572px; margin: 20px auto 20px auto; padding: 10px 0px 12px 0px;
																 background: url(../images/fond/f-form.jpg) right bottom no-repeat; 	 }	
																 
form.contactform5 h3  								 { margin:8px 0pt 14px 7px;  padding: 0 0 0 0;  	 }	
																 
form.contactform5 .zone1 label.lbleft         { width: 150px; text-align :right; margin: 0 4px 0 0px; color: #628fbd ;font-weight: bold;  } 																
form.contactform5 .zone1						    { float: left; margin: 0 15px 0 0      }
form.contactform5 .zone1 p						    { margin: 0 0 10px 0;   }
form.contactform5 .zone1 p	input.ch  		    { width: 120px;  }
form.contactform5 .zone1 p	select   		    { font: normal 11px arial;     }
	
	
	    .sousZone1    { float: left;     } 
		 .sousZone2    {  float: left;  } 
		 label.lbleft2  { width: 101px; margin: 0 4px 0 0px;   text-align :right; color: #628fbd;  float: left ;font-weight: bold; } 
				 
form.contactform5 .zone2    						 { clear: both;    }	
form.contactform5 .zone2 label.lbleft 			 { width: 150px; margin: 0 4px 0 0px;   text-align :right; color: #628fbd;font-weight: bold;  }
form.contactform5 .zone2 p						    { margin: 0 0 10px 0;  }

form.contactform5 .zone3	 	 				    { float: left;   }
form.contactform5 .zone4	    					 { float: left;   }
form.contactform5 .zone3	label.lbleft 	    { width: 150px; margin: 0 4px 0 0px;   text-align :right; color: #628fbd  ;font-weight: bold;  }
form.contactform5 .zone4	label.lbleft       { width: 101px; margin: 0 4px 0 0px;   text-align :right; color: #628fbd   ;font-weight: bold;  }

input#confirmpassword    { position:relative; top: 6px; left: 0px;   } 
form.contactform5 .zone3						    {    }
 

.sep    { width: 515px; height: 4px; margin: 15px auto;   background: url(../images/fond/sep.jpg) left top no-repeat;   } 
.separator    { clear: both; height: 5px;   } 


/* 				Page envoiForm				 */

form.envoiForm 	 									 { width: 575px; margin: 20px auto 20px auto; padding: 30px 10px 12px 10px;
																background: url(../images/fond/f-form.jpg) right bottom no-repeat; overflow: auto; 	 
																}	
form.envoiForm .zone1						       { float: left; margin: 0 15px 0 0 ;    }
form.envoiForm .zone1	p						    { margin: 0 0 10px 0 }
form.envoiForm .zone1	p	input.ch  		    { width: 120px;   }
	
form.envoiForm .zone2    						 { float: left;   }	
form.envoiForm .zone2  label 					 { text-align: left }

form.envoiForm  p#lastPara2                 { clear: both;     } 



/* 			tableAvantages			 */

table#offresTable         {   } 
table#offresTable ul       		{ margin: 5px 0 0 0px; padding: 0 10px;     } 
table#offresTable ul li    		{ margin: 0 0 5px 0px; padding: 0 0 0 15px; background: url(../images/puce/puce.gif) left top no-repeat;     } 
table#offresTable ul li ul 		{ margin: 0 0 0 0px; padding: 0 0 0 0; border-bottom: 1px solid #c1e9f8   } 
table#offresTable ul li ul li		{ margin: 0 0 5px 0px; padding: 0 0 0 0; background: none;   } 



/*					Contactform Newsletter 					*/

form.contactform6 	 								  { width: 402px; height: 125px;  margin: 20px auto 20px auto; padding: 17px 10px 12px 10px;  
																 background: url(../images/fond/f-form2.jpg) right bottom no-repeat; 	position:relative; top: 0px; left: 0px;   }	
form.contactform6 label.lbleft         		  { width: 143px; text-align :right;margin: 0 4px 0 0px; color: #628fbd ;font-weight: bold;  } 																
 
form.contactform6 ul	 								  { position:relative; top: -7px; left: 124px; height: 16px;   }
 
 
   
/*				formulForgot				*/

form#formulForgot 	 								 { width: 402px; height: 46px;  margin: 10px auto 20px auto; padding: 33px 10px 12px 10px;    } 
 
/*					Profile				*/
p.paraChoice     { text-align: center; margin: 20px 0px 10px 0px;    } 
p.paraChoice  label.lbleft       { width: 150px; margin: 0 4px 0 0px;   text-align :right; color: #628fbd ; float: left  ;font-weight: bold;  }

p.paraChoice a   { margin: 0 5px;   }  



/* 			General styles 						*/
.lbleft 		{ float: left; width: 140px }
.input 		{ border: 1px solid black }
.bordered 	{   }
.noborder 	{ border:none }
.clear 		{ clear:both; display: none }
.clear2 		{ clear:both; visibility: hidden; height: 0 }
.kill 		{ display: none }
.fleft 		{ float: left }
.fright 		{ float: right }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden }
.noborder 	{ border: none }
.format .bita , .bita, .bita p  { margin: 15px 35px 10px 35px; text-align: center; font: bold italic 12px arial; color: #60a234 }
.format .bita strong , .bita strong, .bita p strong  {color: #4c8527 }

.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.centerbut	{ text-align: center; margin: 15px 0 10px 0; clear: both }
 

/* 			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 50px; color: red; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; color: #e65051;  background: url(../images/puce/puceRouge.gif) left 2px no-repeat;  }



/*						Home					*/
p.escargot    { float: right;  margin: -8px 55px 0 10px;    } 
p.edito       { margin: 0 0 0 10px;   } 
p.suite       { margin: 10px 0 0 0px;    } 

#vagues       { width: 584px; height: 61px; margin: 0 0 0 0px; padding: 0 0 0 0; border: none;   background: url(../images/fond/vagues.gif) left top no-repeat;   } 


table#homeTable            				{ margin: 0 40px;   } 
table#homeTable  td        				{ width: 223px;    } 
table#homeTable  td p         		   { color: #074d96; padding: 0 15px   } 
table#homeTable  td#one    				{ padding:  0;     } 
table#homeTable   a.linkTop  	         {             }
table#homeTable  td#two    				{ padding: 0;     } 
table#homeTable  td#three  				{ padding: 0;   } 

table#homeTable  td#one ul,
table#homeTable  td#two ul,
table#homeTable  td#three ul 				{ margin: 0 0 0 20px; padding: 0  ;   } 
table#homeTable  td#one ul li,
table#homeTable  td#two ul li,
table#homeTable  td#three ul li  	   { margin: 0 0 5px 0px; padding: 0 0 0 17px; color: #074D96  } 
 


/* 			Conteneurs generaux 					*/	
#main				    { position: relative; width: 947px; margin: 0 auto;  text-align:left; background: url(../images/fond/spread.gif) left top repeat-y }

#intro 				 { width: 947px; height: 158px; background: url(../images/fond/header.jpg) left top no-repeat }

#menu-top 			 {		}

#content 			 { margin: 0; padding:0;      }
div#colonne_gauche { float: left; width: 202px; padding: 0px 5px 0 5px;   }
div#colonne_droite { float: left; width: 717px;   margin: 0; padding: 0px 0px 20px 0px;   }

div#sides        {    } 


/*			Col gauche			*/
div#menu-left    { width: 196px; padding: 76px 0 0 0;  position:relative; top: 0px; left: 10px; 
						 background: url(../images/fond/presentation.gif) left top no-repeat;  } 
						 
div#menu-left ul#menu1        { } 
div#menu-left ul#menu1 li     { margin: 0 0 4px 10px;  padding: 0 0 0 20px; background: url(../images/puce/puceBulle.gif) left top no-repeat; }
div#menu-left ul#menu1 li a   { display: block; background: url(../images/fond/f-a.gif) left bottom repeat-x;
										    padding: 0 0 3px 0; color: #60a234; text-decoration: none; }
											 
div#menu-left ul#menu2        { width: 196px; margin: 15px 0 0 0px;  padding: 76px 0 0 0;  
											 background: url(../images/fond/esp_membre.gif) left top no-repeat  } 
div#menu-left ul#menu2 li     { margin: 0 0 4px 10px;  padding: 0 0 0 20px; background: url(../images/puce/puceBulle.gif) left top no-repeat;   }
div#menu-left ul#menu2 li a   { display: block; background: url(../images/fond/f-a.gif) left bottom repeat-x;
										    padding: 0 0 3px 0;   color: #60a234; text-decoration: none; }
											 
#menu2        { width: 196px; margin: 15px 0 0 0px;  padding: 76px 0 0 0;  
											 background: url(../images/fond/esp_membre.gif) left top no-repeat  } 
#menu2 ul li     { margin: 0 0 4px 10px;  padding: 0 0 0 20px; background: url(../images/puce/puceBulle.gif) left top no-repeat; border: 1px solid #fff  }
#menu2 ul li a   { display: block; background: url(../images/fond/f-a.gif) left bottom repeat-x;
										    padding: 0 0 3px 0;   color: #60a234; text-decoration: none; }
																		 											 
											 											 
h3#offresParMail    { margin: 10px 0 0px 0px; padding: 0 0 0 0; text-align: center;    } 


/* 			Footer								   */
#outro 				 { width:947px; height: 65px; background: #fff url(../images/fond/footer.gif) no-repeat; clear: both }
#outro p 			 { color: #5d8aba; text-align: left; padding: 10px 0 0 17px }
#outro p a 			 { color: #5d8aba; text-decoration: none }
#outro p a:hover   { text-decoration: underline }


/* 			Page Mentions						   */
 
#mentions              { width: 608px;   background: url(../images/fond/f-mentions.gif) right top no-repeat; } 
#mentions .conformemement2             { width: 75%; padding: 15px 0 0 0;  margin: 0 auto ; font: normal 10px arial;   }


p.titleMentions        { margin: 16px 0 8px 0px;   } 
p.titleMentions  span  { padding: 0 0 1px 0;  border-bottom: 1px solid #c5dbf3  } 
.adr, .adr2 			  { width:60%;  padding: 0px 10px; margin: 0 0 0 0px;
								 border-top: 1px solid #d3e5f8;
								 border-left: 1px solid #d3e5f8;
								 border-right: 1px solid #b0c9e4;
								 border-bottom: 1px solid #b0c9e4;   }
 
.conformemement 		  { font: normal 10px arial }
 
 

/*				galerie Photos			*/

table.galerieTable                     { width: 650px; margin: 5px auto 10px auto; border-collapse: collapse;    } 
table.galerieTable tfoot               { height: 32px;   text-align: center;  color: #074d95;      }
table.galerieTable tfoot td            {  text-align: left;  padding: 0px 0 0px 15px; background: url(../images/fond/f-tfoot.jpg) left top no-repeat;    }
table.galerieTable thead td            {  height: 32px;   text-align: left; padding: 0 0 10px 15px; background: url(../images/fond/f-thead.jpg) right top no-repeat;   }

table.galerieTable tfoot p, table.galerieTable thead p             {  padding: 0px 0 0 0px; text-align: left; color: #074d96 } 
table.galerieTable tfoot p a, table.galerieTable thead p a           {  padding: 0 5px;  color: #074d96  } 

.galerieTable td 							   { text-align: center; background: url(../images/fond/f-td.jpg) right bottom no-repeat;    } 
.galerieTable td div							{ width: 100%;  min-height: 187px; padding: 15px 0 0 0;   text-align: center; background: url(../images/fond/f-td2.jpg) left top no-repeat;    } 
.galerieTable td img							{ padding: 0 0 4px 0;   } 
.galerieTable td p.desc						 { padding: 0 0 5px 0;  text-align: center; color: #074d96 ; font: bold 11px arial   }  
 
 
 #printButton    { position:relative; top: 2px; left: 0px;   } 
 
 td#buttonCase    {   } 
 td#buttonCase a   { padding: 0 3px;   } 
  
/* Linkx page metiers */
 h3.linkMetier    { margin: 21px 0 10px 0; padding: 0 } 


/* Page interim */

#interim h3    {  margin: 34px 0 10px 0px;  padding: 0 0 0 0;  } 
span.underligned  { border-bottom: 1px solid #074D96;  }  

#interim h4  span {  border-bottom: 1px solid #074D96;   } 

.centerAdresse    { width: 380px; margin: 15px auto 10px auto; padding: 0 0 12px 0;  text-align: center;  background: url(../images/fond/degrade.gif) left bottom no-repeat;  } 
.bold a           { font-weight: bold; font: bold 16px arial;    } 

.bold             { font: italic bold 16px arial;   } 
p.bold    { border: none; background: none;   } 

/* 4 mac */

 
 
html*span.buttonSearch{ position:relative; top: 0px; left: 13px; 
										}  
										