/* CSS Document */  /*  projet_mod  */
/* réalisé par younes CHRAK le 17-09-2009 : */
/* pour tous les navigateurs  */


/*---DEB  General ------*/

#presse td{text-align:center;}
#presse2 td{text-align:center; padding:5px; background-color:#f9f9f9;}
.cont_tablo{height:400px; overflow:auto;}
.reff{height:400px; width:400px; overflow:auto;   color:#fff; padding:20px 0px 0px 35px; margin-right:0px;}
.reff2{  background:url(../images/fd.jpg) no-repeat; padding:0px 0px 0px 0px; }
* { padding:0;  margin:0;  border:none; }  

body {padding:0;  margin:0;  background:#fff;  font-family:Arial, Helvetica, sans-serif;  color:#999;  font-size:11px;}

#page { width:902px;  margin:0 auto;  background:#fff; }		   

.clear {clear:both; height:0px; width:0px;}

#footer {

	width:100%; position:relative; border-top: 1px solid #DEDEDC; line-height:30px; text-align: center;
	bottom:0px;
	}
	
	

ul {list-style:none;}

h1, h2, h3 , h4 { font-weight:bold; margin:12px 0px; } 	
		   h1 {  font-size:20px; text-transform:uppercase; color:#B1C312; } 
		   h2 {  font-size:17px; }
		   h3 {  font-size:14px; }
		   h4 {  font-size:12px; }
	   
	   hr { border-bottom: solid 0,5px #BBAC91;}
	   
	   a { color: #B1C312; text-decoration:none; cursor:pointer;  }
	   
	   a:hover { text-decoration: underline ; }
	   
	   .important { color:#B1C312; }

    .link_title ,  .link_title2 { font-weight:bold;  display:block; margin:10px 0px;   }
       .link_title { text-decoration: underline; } 
       .link_title2 { text-decoration:none; cursor:text;   }

  #ctn_txt ul { margin:10px 0 10px 10px;  }
	#ctn_txt ul li { background:url(../images/puce_site.gif) 0px 4px no-repeat ; padding-left:15px ; margin:5px 0; }


  .tab_data2 { width:500px; margin: 0 auto; }
  .tab_data2 th { background:#B1C312 ;   color : #fff; font-weight:bold; font-size:11px; width:50%; text-align: center;  line-height:23px; font-size:15px; }
	   
/*---FIN  General------*/
  
  
  
/*---DEB  entete ------*/
   #entete {width:100%;  height:390px;  position:relative;} 
   
     #langues { position:absolute;  left:700px; height:30px;  top:-5px; }
	 	#lang_fr ,  #lang_en { color:#96A413;  font-size:10px;  width:45px;  padding-left:26px;  position:absolute;  top:10px;  line-height:20px; } 
		#lang_fr { background:url(../images/langue_fr.jpg) no-repeat left center; left:10px; }
		#lang_en { background:url(../images/langue_en.jpg) no-repeat left center; left:100px}
		
     #logo { background:url(../images/iblog.png);  width:113px;  height:100px;  position:absolute;  left:10px;  top:8px;  display:block;   }
	 
	 #top_recherche { position:absolute;  left:451px;  top:31px;  background:url(../images/bg_search.jpg); width:452px; height:85px; }	
	 	#tp_ctn {position:relative;  left:113px;  top:33px;  width:293px;} 
		#tp_ctn label { background:url(../images/loop.gif) no-repeat left center;  width:100px;  height:20px; padding-left:15px;  color:#9FAE17;   }
		#tp_ctn .ch_txt { height:20px; border: 1px solid #ccc; height:14px; position:relative;  top:2px;   }
	 	#tp_ctn .bt_ok { width:17px; height:15px; background:url(../images/bt_ok.gif) no-repeat #A2AC00 0 0; color:#fff; position:relative;  top:1px; font-size:10px;  } 
		
	 #menu_haut  { width:100%; height:26px; position:absolute; top:118px;  background:url(../images/bg_topmenu.jpg) #D5E455 no-repeat 0 0 ;  width:888px; padding:0px 7px;}
		#menu_haut li {float:left; display:block;}
		#menu_haut li a {display:block;   color:#003567; font-size:12px;  line-height:26px; text-decoration:none; color:#849300; width:148px; text-align:center;  font-weight:bold; text-transform:uppercase;} 
		#menu_haut li a:hover{text-decoration:none; color:#fff; background: url(../images/bg_topmenu_hover.jpg) repeat-x;}
	
        .mh_smenu { width :148px; background :url(../images/bg_top_smenu.png) repeat; position : absolute; top : 143px; z-index: 100; } 
           .mh_smenu a { display : block ; width : 130px; padding-left :7px; margin: 0 auto;  line-height : 15px; border-bottom : 1px solid #6b0992; color :#6b0992; font-weight : bold; font-size : 11px; text-decoration : none;    }	
           .mh_smenu a:hover {     text-decoration : none; color : #fff; }

    #mh_smenu1 { left :155px; } 
    #mh_smenu2 { left :303px; } 
    #mh_smenu3 { left :599px; } 
         
        #top_banner { position:absolute; top:152px; left:0px; background:url(../images/top_banner_p2.jpg) #A8C2DD no-repeat right top;  width:902px; height: 237px; } 
                 
                  #news_ticker { z-index :-1 ; } 
			#tp_p1 { background:url(../images/top_banner_p1.jpg) no-repeat ; height:237px; position:relative; font-size:30px; } 
				#banner_slogons { position:absolute; left:36px ; top:100px;  color:#fff; font-size:18px; width:502px;  }
					#banner_slogons .bs_title { color:#C3D713;  font-size:30px; text-transform:uppercase;  } 
				
/*---FIN  entete ------*/



/*---DEB  contenu ------*/
  #contenu {width:100%;  position:relative; height: auto !important; min-height:400px; height:400px; padding-top:24px; } 
  
  	#contenu_gauche {float:left;  width: 610px; text-align : justify; overflow:hidden;   }
	#contenu_gauche2 { height:540px; overflow:auto;  }
			#contenu_gauche p { margin:10px 0px; } 
		#ctn_txt { width:92%; padding:0 2%; font-size:12px;} 
		
	#contenu_droite {float:right;  width:284px;} 
		.right_title { background:url(../images/bg_title_right.jpg) no-repeat;  text-align:center; color:#A3A3A3; line-height:31px;  font-weight:bold;  }
		
		.espacemenet {  border-bottom:1px solid #DEDEDC; padding-bottom:7px; margin-bottom:7px; } 
		#bloc_news { }
			.bn_row { width:96%; padding:0% 2%; text-align:justify; }  
				.bnr_date { color:#FF9000; margin:10px auto;  }
				.bnr_chapeau { color:#B1C312;  margin:10px auto; font-weight:bold; } 
				.bnr_ctn {} 
			.bouton_right { background:url(../images/bt_site.jpg) no-repeat; width:115px; float:right; text-align:center; color:#A3A3A3;  display:block; margin : 11px 0px; font-size:10px; line-height:19px;} 
			.bouton_right:hover { text-decoration:none; } 
			
		#recrutement { text-align:center;   } 
		
		#newsletter {background:url(../images/bg_newsletter.jpg) no-repeat right bottom;  height:155px}
			#ctn_newsletter {left:18px; position:relative; top:6px;}  
			#ctn_newsletter .cn_txt { height:20px; border: 1px solid #ccc; height:14px; position:relative;  top:2px; width:161px; font-size : 11px;    }
	 	    #ctn_newsletter .bt_ok { width:17px; height:15px; background:url(../images/bt_ok.gif) no-repeat #A2AC00 0 0; color:#fff; position:relative;  top:1px; font-size:10px; position:absolute; top:16px; left : 166px; width:17px; display : block;  } 
			

/******* page home  ********/

 .databox { float:left; width:201px; margin-left:1px; } 
 	.databox .db_entete { background:url(../images/databox_entete.jpg) no-repeat ; height:18px ;} 
	.databox .db_ctn { height:290px; background:url(../images/fdg.jpg) no-repeat ;  width: 175px;  padding: 0px 13px ; } 
		.databox .db_ctn .dbc_header { text-align:center; padding-top:10px;  }
		.databox .db_ctn .dbc_title { padding-top:10px;text-align:center; font-weight:bold; color:#9a2fbd; font-size:17px; height:42px; text-transform:uppercase;  }
		.databox .db_ctn .dbc_txt { text-align:justify; }
	.databox .db_pied { background:url(../images/databox_pied.jpg) no-repeat; height:18px; position:relative; } 
	.databox .db_pied_en { background:url(../images/databox_pied_en.jpg) no-repeat; height:18px; position:relative; } 

		.dbp_suite { display:block; width:80px; height:17px; position:absolute; left:113px; }
			
			
/** page :  Certifications  **/
    .tab_data  { border-top: 1px solid #B1C312; border-left:1px solid #B1C312; width:90%; margin:0 auto;}
	.tab_data  td {   border-bottom:1px solid #B1C312; border-right : 1px solid #B1C312; }
	.td_col1 , .td_col2 { text-align:center; font-weight:bold; background: #B1C312; color:#fff; line-height : 30px; font-size :14px;}


/**** page : reference client  ****/
   
   #rideaux { width:90%; margin : 0 auto} 
   #rideaux .rd_row { margin:2px 0px;} 
   #rideaux .rd_title {display:block; background:#B1C312; width:95%; padding-left: 5% ; color:#fff; font-weight:bold; font-size:13px; border-left: 3px solid #798608;  line-height:27px;   } 
   #rideaux .rd_ctn {  width:90%; margin:2% auto; }




/*@@___________@@@ DEBUT CSS FORMULAIRE @@@_______________@@*/
form {}
form #msg_err { color:red; height:22px;}
form em { color:red; font-weight:bold;}

/* conteneur des element de formulaires */
form #ctn_form { width:85%; margin:0  auto; }

	/* une ligne de formulaire */
	form #ctn_form .cf_row {margin:8px 0; }
	
		form #ctn_form label { font-weight:bold; font-size:11px; display:block; float:left; width:23%; padding: 0 3%; text-align:right; background : #F1FFD2; color :#B1C312; line-height : 22px;   }
		form #ctn_form .chp_txt, form .chp_cbo { border:solid 1px #ccc; width: 55% ; height:20px;  }
		form #ctn_form .chp_txa { width:69%; height:100px;  border:solid 1px #ccc;  }
		
		form #ctn_form .bouttons { width:218px; position:relative; left : 33%;  /* margin: 0 auto; */   }
			form #ctn_form .bouttons  .bouton_site { display:block; float:left; line-height:24px; text-align:center; width:100px; border:solid 2px #eee; background:#F1FFD2 ; font-size:13px;  font-weight:bold; color:#B1C312; margin:0px 2px; cursor:pointer;  }

/*@@___________@@@ FIN CSS FORMULAIRE @@@_______________@@*/




				
				
/*---FIN  contenu  ------*/



/*---DEB  pied ------*/
#pied {width:100%; position:relative; border-top: 1px solid #DEDEDC; line-height:30px; text-align:center; } 
#pied a { color : #A2A2A2; }	
	#plan_site { position:relative; float:right; background:url(../images/puce.gif) no-repeat left center;  display:block;
	  float:right; line-height:21px; padding-left:17px;  position:relative;  text-align:left; width:60px; } 
/*---FIN  pied ------*/
  
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}