/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web ---  CSS 27 fev 08 --*
 *------------------------------------------------*/


html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../images/deco/background.jpg);
	background-repeat:repeat-x;
	position: center top;
	background-color: #FFFFFF;
	color: #333333;
}

p, form, input {
	margin: 0;
	padding: 0;
}

p strong{
	font-weight: bold;
	color:#885b0e;
}

select {
	color: #000;
	background-color: #fff;
}



 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto;
	padding:0;
	width:100%;
}

/*Haut de page  HEADER*/

#header{
	margin:10px auto;
	padding:0;
	width:920px;
	height:182px;
	background-image:url(../images/deco/header2.png);
	background-position:top left;
	background-repeat:no-repeat;
	color:#885b0e;

}

#header p{
color:#885b0e;
}

#header a{
	
	text-decoration:none;
}

#header a:hover{
	color:#999;
}


.terme_index{
   	   padding-left:20px;
       padding-top: 110px;
	   color:#885b0e;
	   font-size:15px; 
	   text-transform:uppercase;
	   font-weight:bold;
	   width:800px;
}


#menu_index{
	padding-bottom:40px;
	padding-left:25px;

}

#recrutement{
	float:right;
display:block;
	width:133px;
	height:130px;
	z-index:1000;
	position:absolute;
	top:30px;
	left:1000px;
}

#texte_anime{
	float:left;
	width:400px;
	height:69px;
	display:block;
	position:absolute;
	top:15px;
	left:300px;

}

/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	padding:0;
	width: 920px;
}

#content p{ padding : 0 0 5px 0; font-size:12px; line-height:18px;}

#imgHaut{ height:28px; width:920px; background-repeat:no-repeat;}
#imgBas{ height:28px; width:920px; background-repeat:no-repeat;}


#content strong{
 font-weight:bold;
 
}

#content a{
	color:#885b0e;
	text-decoration:none;
}

#content a:hover{
	
}
.terme{
   	   margin: 0 0 20px 60px;
       padding: 0;
	   color:#885b0e;
	   font-size:12px; 
	   text-transform:uppercase;
	   font-weight:bold;
	   width:800px;
}

#map{
	border: 1px solid #885B0E;
}

/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding-top:5px;
	width:850px;
	height:30px;
	text-align: center;
	color: #000;
	border-top:1px solid #885B0E;
	color:#885B0E;
}

#footer a{
	color:#B47E1E;
	text-decoration:none;
}

#footer a:hover{
	color:#885b0e;
}


/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}


 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
   h1 {
   	margin: 0 0 0 20px;
    padding: 0;
	   color:#885b0e;
	   font-size:12px; 
	   text-transform:uppercase;
	   font-weight:bold;
	   border-bottom:1px solid #885b0e;
	   width:850px;

  }
  
   h2 {
   	margin: 0;
    padding: 0 0 5px 10px;
	   color:#000;
	   font-size:13px; 
	   font-weight:bold;
	   color:#885b0e;
	   
  }
  
   h3 {
   	margin: 0;
    padding-bottom: 5px;
	color:#885b0e;
	font-size:12px;
	font-weight:bold;
  }
  
   h4 {
   	margin: 0;
    padding: 0;
	   color:#000;
  }
  
   h5 {
   	margin: 0;
    padding: 0;
	   color:#000;
  }
  
   h6 {
   	margin: 0;
    padding: 0;
			 color:#000;
  }
		
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/

#contenuTexte{ float:left; width:370px; padding:10px 0 0 20px;
}
#contenuTexte p{ padding:0 0 5px 0; font-size:12px;
}
#contenuTexteQui{float:left; width:450px; padding:10px 0 0 20px;}

.flaotRight{
	float: left;
	margin: 0 0 10px 10px;
/*	clear: right;*/
}

.rouge {color:#FF0000; font-weight:bold;}
#contenuImgAccueil{float:left; padding:10px 0 0 0;}
#contenuimgsavoirtfaire{
	float:left;
	padding:10px 0 0 10px;
	width:400px;
}

#contenuminiasf{
	float:left;
	width:855px;
	padding:10px 0px 0  0px;
}



#contLegendeSf{ 
	width:325px; 
	height:80px;
	float:left; 
	margin:0;
	padding:20px 0 0 0; 
	color:#885b0e; 
	font-weight:bold; 
	font-style:italic;
	font-size:15px;

}

.partie{
	padding:10px 30px 30px 30px;
	width:400px;
	float:left;
}

.signature{
float:right;}

.partie2{
	padding:10px 30px 30px 30px;
	width:450px;
	float:left;
}

.partie_droite{
	padding:10px 0 30px 20px;
	width:320px;
	float:left;
}

.partie_droite  h2 {
	margin: 0;
	padding: 0 0 5px 10px;
	color:#000;
	font-size:13px; 
	font-weight:bold;
	color:#885b0e;
	
}

.vous {
	margin: 0;
	padding: 0 0 5px 15px;
	color:#000;
	font-size:13px; 
	font-weight:bold;
	color:#885b0e;
}


#evolution{
	float:left;
	background-color:#ae4a34;
	width:400px;
	padding:10px 0 10px 10px;
	margin-top:10px;
	margin-left:5px;
	border: 1px solid #FFFFFF;
	text-align:center;
}

#evolution p{
	color: #FFFFFF;
}

#evolution p strong{
	font-weight: bold;
	color: #FFFFFF;
}
  
.bigYellow{ font-size:14px; font-weight:bold; color:#885b0e; padding:5px 15px; letter-spacing:1px;}

.imgspe{
 margin:0 3px 5px 5px;
}

.imgspe_2{
 margin:0 30px 5px 50px;
}

.pPadding{ padding:0 0 0 20px;}
.lienPDF{ display:block; background-image:url(../images/deco/pdf.gif); background-repeat:no-repeat; padding:0 0 0 20px; height:26px; font-weight:bold;}
.porange{ font-weight:bold; color:#885b0e; padding:5px 15px 5px 15px;}
.pBold{ font-weight:bold;}
.cadre  {display:block; border:solid #000 1px; padding:5px; color:#000;}
.yellow{ color:#885b0e;}
#content ul{ width:300px;
font-weight:bold; margin:10px 0 0 15px; list-style-type:none;}
#content ul li{ background-image:url(../images/deco/puce.gif); background-repeat:no-repeat; width:250px;padding:0 0 0 0x; background-position:0 0; margin:0 0 5px 0; }
.para a{ float:right; margin:0 10px 0 0;}
.para{ margin:0 0 0 15px;}
#content img{border:none;}
#contplan{ 
	float:left;
	padding:10px 0 0 120px;
	margin:0;
}

#contplan p{ font-size:12px; font-weight:bold; font-style:italic; padding:5px 0 10px 10px;}

#contenuForm{
	width:300px; 
	float:left;
	padding:10px 0 0 0;
	background-repeat:no-repeat;
	margin:0 0 0 30px;
}

#savoir_gauche{
width:430px;
padding-left:20px;
padding-top:15px;
float:left;
border-right:#885b0e 1px solid;

}


#savoir_droite{
width:370px;
padding-left:20px;
padding-top:15px;
float:left;


}
   

 /*------------------------------------------------------*
  *--------------------------     CSS MENU DEBUT     ----*
  *------------------------------------------------------*/

/* MENU VERTICAL */

ul#menu_vertical{
	margin:0;
	padding:0;
	width:200px;
	list-style:none;
	text-align:center;
	color:#fff;
}

ul#menu_vertical li{
	margin:0 0 1px 0;
	
	border: 1px solid #600;
}

ul#menu_vertical li a{
	padding:4px 0;
	
	display:block;
	color:#fff;
	text-decoration:none;
}

ul#menu_vertical li a:hover, ul#menu_vertical li a:actif {
	background-color:#900;
	text-decoration:none;
}

/* MENU HORIZONTAL ne pas oublier de mettre un clear:both; après votre menu*/

ul#menu_horizontal{
	margin: 0; 
	padding: 100px 0 0 20px;
	list-style: none;
	float:left;
/*	width:765px;*/
}


ul#menu_horizontal li{
	margin:0 1px 0 0;
	padding:0;	
	color:#fff;
	float:left;
	
}

ul#menu_horizontal li a{
	padding:30px 0 0  10px;
	font-weight:bold;
	text-align:left;
	width:134px;
	height:18px;
	display:block;
	color:#FFFFFF;
	line-height:18px;
	text-decoration:none;
	/*	background-image:url(../images/deco/back_menu.jpg);*/
	background-repeat:no-repeat;
}

/*#header a.blocLienHeader{ display:block; float:left; width:130px; height:130px; text-indent:-10000px; margin:20px 0 0 0;}*/

 #accueil{
	background-image: url(../images/menu/accueil1.jpg);
	border: 1px solid #FFFFFF;


}
 #savoirFaire{ 
 	background-image: url(../images/menu/savoir1.jpg);
 	border: 1px solid #FFFFFF;

}
	
#qui{
	background-image: url(../images/menu/nous1.jpg);
	border: 1px solid #FFFFFF;

 }
 
#objectif{
	background-image: url(../images/menu/qualite1.jpg); 
	border: 1px solid #FFFFFF;
 }
 
#contact{
	background-image: url(../images/menu/contact1.jpg); 
	border: 1px solid #FFFFFF; 
 }

ul#menu_horizontal li #accueil a, ul#menu_horizontal li #savoirFaire a, ul#menu_horizontal li #qui a, ul#menu_horizontal li #objectif a, ul#menu_horizontal li #contact a{
	background-position:top left;
}


ul#menu_horizontal li #accueil:hover, ul#menu_horizontal li #accueil:focus, ul#menu_horizontal li #accueil:active ,ul#menu_horizontal li .menu_actifAccueil{ 
	background-position:bottom left; 
	padding:30px 0 0  10px;
	font-weight:bold;
	text-align:left;
	width:134px;
	height:18px;
	display:block;
	color:#fff;
	line-height:18px;
	text-decoration:none;
	text-align:left;}
ul#menu_horizontal li #savoirFaire:hover, ul#menu_horizontal li #savoirFaire:focus, ul#menu_horizontal li #savoirFaire:active ,ul#menu_horizontal li .menu_actifSavoir{ 
	background-position:bottom left; 
	padding:30px 0 0  10px;
	font-weight:bold;
	text-align:left;
	width:134px;
	height:18px;
	display:block;
	color:#e2d6c0;
	line-height:18px;
	text-decoration:none;
	text-align:left; }
ul#menu_horizontal li #qui:hover, ul#menu_horizontal li #qui:focus, ul#menu_horizontal li #qui:active ,ul#menu_horizontal li .menu_actifQui{
	background-position:bottom left; 
	padding:30px 0 0  10px;
	font-weight:bold;
	text-align:left;
	width:134px;
	height:18px;
	display:block;
	color:#e2d6c0;
	line-height:18px;
	text-decoration:none;
	text-align:left;}
ul#menu_horizontal li #objectif:hover, ul#menu_horizontal li #objectif:focus, ul#menu_horizontal li #objectifui:active ,ul#menu_horizontal li .menu_actifObjectif{ 
	background-position:bottom left; 
	padding:30px 0 0  10px;
	font-weight:bold;
	text-align:left;
	width:134px;
	height:18px;
	display:block;
	color:#fff;
	line-height:18px;
	text-decoration:none;
	text-align:left;}
ul#menu_horizontal li #contact:hover, ul#menu_horizontal li #contact:focus, ul#menu_horizontal li #contact:active ,ul#menu_horizontal li .menu_actifContact{ 
	background-position:bottom left; 
	padding:30px 0 0  10px;
	font-weight:bold;
	text-align:left;
	width:134px;
	height:18px;
	display:block;
	color:#fff;
	line-height:18px;
	text-decoration:none;
	text-align:left;}

 /*------------------------------------------------------*
  *--------------------------     CSS MENU FIN	     ----*
  *------------------------------------------------------*/




 

 /*------------------------------------------------------*
  *--------    CSS REFERENCEMENT  DEBUT              ----*
  *------------------------------------------------------*/

#referencement {
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: center;
	padding-top: 50px;
	color: #000;
}

#referencement a {
	color: #B47E1E;
	text-decoration: none;
}

#referencement a:hover {
	color: #885b0e;
}

#referencement a img {
	border: none;
	padding: 3px;
}

   /*------------------------------------------------------*
  *--------    CSS text page index  DEBUT              ----*
  *------------------------------------------------------*/

#text_index {
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
	color: #000;
	width: 80%;
}

#text_index a {
	color: #B47E1E;
	text-decoration: none;
}

#text_index a:hover {
	color: #885b0e;
}



 /*------------------------------------------------------*
  *--------    CSS text page index  FIN                ----*
  *------------------------------------------------------*/
 /*------------------------------------------------------*
  *--------    CSS REFERENCEMENT  FIN                ----*
  *------------------------------------------------------*/
		
		 /*------------------------------------------------------*
  *--------    appel de la css formulaire contact         ----*
  *------------------------------------------------------*/

@import url(formulaire.css);