/* CSS Document */
body{
	background-image:url(../images/background.jpg);
	background-repeat:repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	
}

#conteneur{
	background-color:#FFFFFF;
	width:1012px;
	height:1087px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	display:block;
	background-image:url(../images/conteneur_back.jpg);
	overflow:hidden;
}

#conteneur #header{

	width:998px;
	height:123px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
	
}
 #header_lien{
	
	width:998px;
	height:120px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	color:#E0E0E0;
	text-align:justify;	
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	
}

#conteneur #menu_top{
	
	background-image:url(../images/menu_top.jpg);
	width:998px;
	height:41px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-transform:uppercase;

}
#conteneur #banniere{

	width:998px;
	height:250px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#conteneur #banniere #banniere_top{

	width:998px;
	height:245px;
	background-image:url(../images/banniere_back.jpg);
	margin-top:4px;
	overflow:hidden;

}
#conteneur #banniere #banniere_pied{

	width:998px;
	height:5px;
	background-image:url(../images/banniere_pied.jpg);
	background-repeat:no-repeat;
	overflow:hidden;


}
#conteneur #banniere #banniere_left{
	
	width:322px;
	height:246px;
    float:left;
	background-color:#FFFFFF;
	padding-left:3px;
	overflow:hidden;

}
/*------------------------------------ Style Banniere Menu------------------------------------------*/

#conteneur #banniere #banniere_left #menu_left{
	
	width:322px;
	height:172px;
	background-image:url(../images/menu_left.jpg);
	background-repeat:repeat-y;
	
}
#conteneur #banniere #banniere_left #menu_left .case{
	
	width:322px;
	height:32px;
	border-bottom-style:inset;
	border-bottom-color:#648eab;
	border-bottom-width:thin;
	overflow:hidden;
}
#conteneur #banniere #banniere_left #menu_left .case .lien{
	
	width:276px;
	height:20px;
	margin-top:8px;
	margin-left:12px;
	
	overflow:hidden;
	float:left;
	text-transform:capitalize;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;

	text-decoration:none;
	
}
#conteneur #banniere #banniere_left #menu_left .case .lien:hover{
	
	width:276px;
	height:24px;
	margin-top:8px;
	margin-left:12px;
	overflow:hidden;
	float:left;
	text-transform:capitalize;
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#E1E1E1;
	cursor:pointer;
	
}

#conteneur  #banniere  #banniere_left #objectif #obj_titre{
	
	width:317px;
	height:18px;
	margin-top:0px;
	padding-left:2px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
}
#conteneur  #banniere  #banniere_left #objectif #obj_text{
	
	width:304px;
	height:38px;
	padding-left:8px;
	padding-bottom:8px;
	margin-top:2px;
	font-size:11px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	overflow:hidden;
}


/*------------------------------------ Fin Style Banniere Menu------------------------------------------*/

#conteneur #banniere #bannier_right{
	
	background-color:#FFFFFF; 
	width:664px;
	height:246px;
	float:left;
	padding-left:5px;
	background-repeat:no-repeat;
	overflow:hidden;
	
	

}

#conteneur  #banniere  #banniere_left #objectif{
	background-image:url(../images/banniere_text.jpg);
	width:322px;
	height:70px;
	margin-top:4px;
	padding-left:0px;
	overflow:hidden;
}
#conteneur  #main_body{
	
	width:992px;
	height:556px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding-left:3px;
	overflow:hidden;


}
/*------------------------------------  Style body ------------------------------------------*/
 .body_bloc{
	
	width:330px;
	height:556px;
	float:left;
	padding-left:0px;
}
 .body_bloc .body_left_top {
	
	width:330px;
	height:350px;
	overflow:hidden;
}
#conteneur  #main_body  .body_top_bloc{
	
	width:330px;
	height:8px;
	background-image:url(../images/top_bloc.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
#conteneur  #main_body  .body_bottom_bloc{
	
	width:330px;
	height:8px;
	background-image:url(../images/bottom_bloc.jpg);
	background-repeat:no-repeat;
	
}

.body_bloc .body_left_top .cadre_1{
	
	width:330px;
	height:334px;
	background-image:url(../images/bloc_back.jpg);
	background-repeat:repeat-y;
	text-align:center;

	overflow:hidden;
}	

#conteneur #main_body .cadre_titre{
	
	width:300px;
	height:18px;
	margin-top:2px;
	padding-left:2px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	text-transform:uppercase;
	padding-top:0px;
	padding-left:4px;
	text-align:justify;
}
#conteneur #main_body   .cadre_text{
	
	width:300px;
	height:44px;
	margin-top:2px;	
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	text-decoration:none;
	text-align:left;
	text-transform:uppercase;
	padding:2px;
	font-weight:bold;

}
 .body_bloc .body_left_top #contenu_1{
	
	width:304px;
	height:82px;
	background-repeat:repeat-y;
	text-align:justify;
	margin-left:8px;	
	margin-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	margin-top:10px;
	overflow:hidden;
}


 .contenua{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	text-decoration:none;
}

 .contenua1{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}

 .contenua2{
	font-family:Arial, Helvetica, sans-serif;
	color:#e7384b;
	font-size:12px;
	text-decoration:none;
}

#conteneur  #main_body  .body_cadre {
	
	width:330px;
	height:102px;
	overflow:hidden;
	text-align:center;	

}
#conteneur  #main_body .body_cadre .contenu2{
	
	width:330px;
	height:86px;
	background-image:url(../images/bloc_back.jpg);
	background-repeat:repeat-y;
	overflow:hidden;	
	
	
}
#conteneur  #main_body .body_cadre .contenu2 #cadre_2_back{
	
	width:317px;
	height:86px;
	background-image:url(../images/left_2.jpg);
	margin-left:auto;
	margin-right:auto;


	
}
#conteneur  #main_body .body_cadre .contenu2 #cadre_3_back{
	
	width:317px;
	height:86px;
	background-image:url(../images/cadre_2.jpg);
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#conteneur  #main_body .body_cadre .contenu2 #cadre_4_back{
	
	width:317px;
	height:86px;
	background-image:url(../images/bloc_center_2.jpg);
	margin-left:auto;
	margin-right:auto;
}
#conteneur  #main_body .body_cadre .contenu2 #cadre_5_back{
	
	width:317px;
	height:86px;
	background-image:url(../images/bloc_center_3.jpg);
	margin-left:auto;
	margin-right:auto;
}
#conteneur  #main_body .titre{
	
	width:317px;
	height:32px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;

	
}
#conteneur  #main_body .titre .titre_bloc_text{
	
	width:291px;
	height:32px;
	background-image:url(../images/titre_bloc.jpg);		
	float:left;	
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-top:4px;
	text-align:justify;
	padding-left:4px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	
	
	
}
#conteneur  #main_body .titre .picto_titre_bloc{
	
	width:22px;
	height:32px;
	background-image:url(../images/picto2.jpg);
	float:left;
	
}
  #contenu3{
	
	width:290px;
	height:114px;
	text-decoration:none;
	color:#666666;
	margin-left:auto;
	margin-right:auto;
	padding-top:2px;
	margin-top:8px;
	text-align:justify;	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
}
.body_bloc  #mini{
	
	width:300px;
	height:260px;
	margin-left:auto;
	margin-right:auto;
    overflow:hidden;

}
 .body_bloc  .cadre_mini{
	
	width:145px;
	height:117px;	
	margin-top:10px;
	float:left;		
	overflow:hidden;
	outline:none;
	outline-color:#FF0000;
}
 .body_bloc  .cadre_mini .top_mini{
	
	width:145px;
	height:6px;
	background-image:url(../images/top_mini.jpg);
	overflow:hidden;
}
 .body_bloc  .cadre_mini .bottom_mini{
	
	width:145px;
	height:4px;
	background-image:url(../images/bottom_mini.jpg);
	overflow:hidden;
}
 .body_bloc  .contenu_mini{
	
	width:145px;
	height:110px;	
	background-image:url(../images/back_mini.jpg);
	text-decoration:none;
	
	overflow:hidden;
}
 .contenu_mini .image{
	
	width:133px;
	height:107px;
	overflow:hidden;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	color:#FFFFFF;

}
  #cadre_page_mini{

	height:15px;
	margin-left:20px;
	margin-top:10px;
	overflow:hidden;
	float:left;
	text-align:center;

}
  .page_mini{
	
	width:15px;
	height:15px;
	margin-right:10px;
	float:left;
	color:#E84556;
	font:"Times New Roman", Times, serif;
	font-size:12px;
	text-decoration:none;
	
	overflow:hidden;
}
  .page_mini:hover{
	
	width:15px;
	height:15px;
	margin-right:10px;
	float:left;
	background-color:#E84556;
	color:#FFFFFF;
	font:"Times New Roman", Times, serif;
	font-size:12px;	
	overflow:hidden;
	cursor:pointer;
}

/*--------------------------------- hebergement --------------------------------------*/
#conteneur  #main_body  #body_cadre_hebergement {
	
	width:330px;
	height:206px;
	overflow:hidden;
	

}
#conteneur  #main_body  #body_cadre_hebergement .heberg_titre{
	
	width:86px;
	height:35px;
	padding-top:1px;
	padding-left:2px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	float:left;
	

}
#conteneur  #main_body  #body_cadre_hebergement .heberg_text {
	
	width:110px;
	height:35px;
	margin-top:2px;
	padding-left:14px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	float:left;
	

}
/*--------------------------------- hebergement --------------------------------------*/
#conteneur  #main_body  #contenu4{
	
	width:330px;
	height:190px;
	background-image:url(../images/bloc_back.jpg);
	background-repeat:repeat-y;	
	text-align:center;
	
	
}
#conteneur  #main_body  #contenu4  #heberge_button1{
	
	width:283px;
	height:35px;
	background-image:url(../images/hebergement_b1.jpg);
	background-repeat:no-repeat;
	margin-top:8px;	
	margin-left:auto;
	margin-right:auto;
}
#conteneur  #main_body  #contenu4  #heberge_button2{
	
	width:283px;
	height:35px;
	background-image:url(../images/hebergement_b2.jpg);
	background-repeat:no-repeat;
	margin-top:8px;	
	margin-left:auto;
	margin-right:auto;
}
#conteneur  #main_body  #contenu4  #heberge_button3{
	
	width:283px;
	height:35px;
	background-image:url(../images/hebergement_b3.jpg);
	background-repeat:no-repeat;
	margin-top:8px;	
	margin-top:8px;	
	margin-left:auto;
	margin-right:auto;
}
#conteneur  #main_body .body_bloc  .deatil{
	
	width:72px;
	height:15px;	
	background-image:url(../images/details_button.jpg);
	margin-left:200px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:10px;
	overflow:hidden;
}
#conteneur  #main_body .body_bloc  .deatil:hover{
	
	width:72px;
	height:15px;	
	background-image:url(../images/details_button.jpg);
	margin-left:200px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#999999;
	font-size:10px;
	overflow:hidden;
	text-decoration:underline;
	cursor:pointer;
		
}
/*------------------------------------ Style Menu------------------------------------------*/
#conteneur #menu{

	margin-top:0px;
	width:998px;
	height:41px;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	overflow:hidden;
}
	
#conteneur #menu  #menu1 {

	float:left;
	width:136px;
	height:41px;
	text-align:center;
	background-image:url(../images/des_1.jpg);
    background-repeat:repeat-x;
	margin-left:1px;


}
#conteneur #menu  #menu2 {
	float:left;
	width:143px;
	height:41px;
	text-align:center;
	background-image:url(../images/des_2.jpg);
 	background-repeat:repeat-x;
	margin-left:1px;
}
#conteneur #menu  #menu3 {

	float:left;
	width:144px;
	height:41px;
	text-align:center;
	background-image:url(../images/des_3.jpg);
 	background-repeat:repeat-x;
	margin-left:1px;
}
#conteneur #menu  #menu4 {

	float:left;
	width:143px;
	height:41px;
	text-align:center;
	background-image:url(../images/des_4.jpg);
    background-repeat:repeat-x;
	margin-left:1px;
}
#conteneur #menu  #menu5 {

	float:left;	
	width:143px;
	height:41px;
	text-align:center;
	background-image:url(../images/des_5.jpg);
	background-repeat:repeat-x;
	margin-left:1px;
}
#conteneur #menu  #menu6 {

	float:left;
	width:144px;
	height:41px;
	text-align:center;
	background-image:url(../images/des_6.jpg);
	background-repeat:repeat-x;
	margin-left:1px;
}
#conteneur #menu  #menu7 {

	float:left;
	width:137px;
	height:41px;
	text-align:center;
	background-image:url(../images/des_7.jpg);
	background-repeat:repeat-x;
	margin-left:1px;

}
.style_meny-top {

	margin-top:13px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;

}
.style_meny-top:hover {

	margin-top:13px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;
	color:#E1E1E1;
	font-weight:bold;
	cursor:pointer;	

}
/*------------------------------------ Fin Style Menu------------------------------------------*/
/*------------------------------------  Style Pied------------------------------------------*/
#conteneur #pied
{

	width:998px;
	height:60px;
	margin-top:12px;
	display:block;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	
}
#conteneur #pied #pied_conteneur
{

	width:998px;
	height:30px;
	display:block;
	overflow:hidden;
	
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	border-bottom-width:thin;

	border-top-style:solid;
	border-top-color:#CCCCCC;
	border-top-width:thin;
	border-width:thin;
	
	

	
}
#conteneur #pied #pied_conteneur #contenuer_case 
{
    width:720px;
	height:30px;	
	margin-left:auto;
	margin-right:auto;
	
}
#conteneur #pied #pied_conteneur #contenuer_case .case_pied
{

    width:100px;
	height:10px;
	margin-top:10px;
	border-right-style:solid;
	border-right-color:#CCCCCC;
	border-right-width:thin;
	text-align:center;
	color:#CCCCCC;
	float:left;
	text-transform:uppercase;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	
}
#conteneur #pied #pied_conteneur #contenuer_case .case_pied:hover
{

    width:100px;
	height:10px;
	margin-top:10px;
	border-right-style:solid;
	border-right-color:#CCCCCC;
	border-right-width:thin;
	text-align:center;
	color:#999999;
	float:left;
	text-transform:uppercase;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	
}

#conteneur #pied  #copyright
{

    width:998px;
	height:10px;
	text-align:center;
	margin-top:10px;
	color:#CCCCCC;
	float:left;
	text-transform:uppercase;
	font-size:10px;	
	
}
/*********************** autre page *****************/
#conteneur  #blocs
{
	width:996px;
	height:564px;
	overflow:hidden;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding-left:auto;
	padding-right:auto;
}
#conteneur  #bloc_1
{
	width:330px;
	height:564px;
	background-image:url(../images/bloc_1.jpg);
	overflow:hidden;
	margin-left:1px;
	float:left;
	
}
#conteneur  #bloc_2
{
	width:330px;
	height:564px;
	background-image:url(../images/bloc_2.jpg);
	overflow:hidden;;
	margin-left:2px;
	float:left;
		
}
#conteneur  #bloc_3
{
	width:330px;
	height:564px;
	background-image:url(../images/bloc_3.jpg);
	overflow:hidden;
	margin-left:2px;
	float:left;
	overflow:hidden;
		
}

#conteneur .cadre_realisation
{
  width:317px;
  height:153px;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;

}
#conteneur .cadre_realisation .image_real
{
  width:156px;
  height:132px;
  margin-left:6px;;
  float:left;
  margin-top:0px;
  overflow:hidden;

}
#conteneur .cadre_realisation .text_real
{
  width:140px;
  height:120px;
  float:left;
  overflow:hidden;
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
  padding-left:2px;
  padding-top:4px;

}

#conteneur .cadre_realisation .lien_real
{
  width:317px;
  height:16px;
  float:left;
  margin-top:5px;
  opacity:0.5;
  background-color:#e2e2e2;
  overflow:hidden;
  color:#000000;
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
  padding-left:250px; 

}
/***************** style titre bloc************************/
#conteneur .titre_bloc
{
  width:317px;
  height:38px;
  overflow:hidden;
  margin-top:8px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(../images/titre_back.jpg);
  overflow:hidden;
}
#conteneur .titre_text_bloc
{
    width:200px;
	height:38px;
	padding-left:4px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
    overflow:hidden;

}
/***************** style text bloc************************/

#conteneur .bloc_text_1
{
    width:290px;
	height:20px;
	text-align:left;
	text-transform:uppercase;
	color:#e95161;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
    overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:14px;


}
#conteneur .bloc_text_2
{
    width:290px;
	height:44px;
	text-align:left;	
	text-transform:uppercase;
	font-weight:bold;
	color:#e95161;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:14px;
}
#conteneur .bloc_cadre_3
{
    width:296px;
    margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	overflow:hidden;
	margin-bottom:1px;
}
#conteneur .bloc_picto_text
{
    width:4px;
	height:4px;
	background-image:url(../images/pito_text.jpg);
	float:left;
	margin-left:0px;
	margin-top:4px;
	overflow:hidden;
	

}
#conteneur .bloc_text_3
{

    width:290px;
	text-align:justify;
	color:#999999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
    overflow:hidden;	
	float:left;
	margin-left:2px;
	
}



#conteneur .bloc_text_4
{
    width:300px;
	color:#CC0000;
	opacity:0.5;
	text-transform:uppercase;
	background-color:#CCCCCC;
	border-left-color:#666666;
	border-left-style:solid;
	border-bottom-width:thin;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
    overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	padding-left:10px;
    padding-top:0px;
	padding-right:4px;

}


/**** *********** ******************* Sous titre *************** **************/

#conteneur .sous_titre_bloc
{
  width:310px;
  overflow:hidden;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}
#conteneur .sous_titre_text
{
    width:290px;
	padding-left:4px;
	color:#e95161;
	text-transform:uppercase;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-top:0px;
    overflow:hidden;
	font-weight:bold;

}
#conteneur .sous_titre_picto
{
    width:9px;
	height:9px;
	background-image:url(../images/picto_sous_titre.jpg);
	float:left;
	margin-top:2px;
	margin-left:0px;
	overflow:hidden;
	

}
/***** conseil communication *********************/

#conteneur .bloc_text_5
{
    width:280px;
	overflow:hidden;
	margin-left:20px;
	float:left;
		
	
	

}
#conteneur .bloc_text_5_picto
{
    width:4px;
	height:4px;
	color:#999999;
	background-image:url(../images/pito_text.jpg);
	float:left;
	overflow:hidden;
	margin-top:5px;


}
#conteneur .bloc_text_5_gris
{
    width:auto;
	height:20px;
	color:#999999;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
    overflow:hidden;
	float:left;
	margin-left:6px;
	

}
#conteneur .bloc_text_5_rouge
{
    width:auto;
	height:20px;
	color:#e95161;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
    overflow:hidden;
	float:left;
}

/********************************LIGHTBOX EXAMPLE************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; color:#FFFFFF; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


img{
	background-color: none;
	text-decoration:none;
	color:#ffffff;
	font-size:0px;
	border:0px;
} 
/********************** recrutement *********************/

.recutement
{
   width:990px;
   height:420px;
   background-image:url(../images/recrutement.jpg);
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   display:block;
}
.recrutement_titre
{
   margin-top:30px;
   width:990px;
   height:20px;
   font-size:24px;
   color:#666666;
   font-weight:bold;
   text-align:center;
 
}
.recrutement_body
{

   height:350px;
   width:998px;
   margin-top:20px;
   margin-left:auto;
   margin-right:auto;

}

.recrutement_form
{

   height:350px;
   margin-left:0px;
   float:left;	

}
.recrutement_letf
{
   height:350px;
   width:300px;    
   float:left;
   overflow:hidden;
   margin-left:20px;
   
  
   
}
.recrutement_text
{
   margin-top:20px;
   width:250px;
   height:190px;
   font-size:12px;
   float:left;
   
}

input, select,textarea
{
width:200px;
 
}
.Style1
{
  color:#666666;
  font-weight:bold;
}
/************************** references ***************************/

#references
{
	width:990px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#references #ref_top
{
	width:990px;
	height:6px;
	background-image:url(../images/ref_top.jpg);
	overflow:hidden;
}
#references #ref_body
{
	width:990px;
	height:546px;
	background-image:url(../images/ref_body.jpg);
	overflow:hidden;
}
#references #ref_bottom
{
	width:990px;
	height:6px;
	background-image:url(../images/ref_bottom.jpg);
	overflow:hidden;
}

.cadre_ref
{
	width:114px;
	height:81px;
	margin-left:22px;
	margin-top:10px;
	float:left;
}

.lika {
font-family:arial;
color:#000000;
text-decoration:none;
font-size:11px;
}
.nodeco
{
text-decoration:none;
color:#ffffff;

  
}
.nodeco:hover
{
text-decoration:underline;
color:#333333; 
}
img{
opacity:1;
}
/************* liens header *****************/
#header_lien a 
{
   text-decoration:none;
   color:#CCCCCC;
}
#header_lien a:hover 
{
   text-decoration:none;
   color:#666666;
}