body{
	margin:0px;
	padding:0px;
	background:url(../images/degrade.jpg) repeat-x #005a84;
}
.clear{
	clear:both;
}
#conteneur_global{
	width:993px;
	height:768px;
	margin:16px auto 0px auto;
}
#accroche_hp{
	width:788px;
	margin:10px 0px 0px 103px;
	float:left;
}
#accroche_site{
	width:881px;
	margin:10px 0px 0px 10px;
	float:left;
}
#le_son{
	width:25px;
	height:25px;
	margin:10px 0px 0px 51px;
	float:left;
}
#menu_hp{
	margin:80px 0px 0px 0px;
}
#footer{
	height:143px;
}
/*slider actus*/
.block_actu {
     float:left;
     overflow:hidden;
     position:relative;
     width:993px;
	 bottom:0px;
	 height:143px;
	 /*z-index:10000;*/
	/* border:1px solid red;*/
}

.slider_actu{
     float:left;
     margin:0;
     position:absolute;
     top:112px;
     width:993px;
	 height:143px;
	 background:url(../images/actu_ouvert.png) no-repeat;
}
.image_actu{
	height:31px;
	margin-top:112px;
	cursor:pointer;
}
.conteneur_actu{
    width:910px;
	margin:31px auto 0px auto;
	/*border:1px solid red;*/
}
.conteneur_legende_gche{
	float:left;
	width:120px;
	height:107px;
	margin:auto 0px;
	text-align:right;
}
.conteneur_legende_dte{
	float:left;
	width:125px;
	height:107px;
	margin:auto 0px auto 20px;
	text-align:left;
}
.titre_legende{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#01334b;
}
.texte_legende{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
}
.une_actu{
	float:left;
	margin-left:20px;
}
/*fin slider actus*/
/*MENU + SS MENU*/
#menu{
	width:320px;
	float:left;
	margin-left:10px;
	z-index:100;
	position:absolute;
	/*border:1px solid green;*/
}
#bt_metier{
	margin-bottom:10px;
}
#bt_realisations{
	margin-bottom:10px;
}
#bt_references{
	margin-bottom:10px;
}
#bt_contact{
	margin-bottom:10px;
}
.ss_menu{
	/*width:108px;*/
	margin-left:70px;
	border-left:1px solid #bfd27a;
	padding-left:5px;
	margin-bottom:10px;
}
.ss_menu_on a{
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#01334b;
	text-decoration:none;
	/*font-weight: bold;*/
}
.ss_menu_off a{
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#4885a0;
	text-decoration:none;
}
.ss_menu_off a:hover{
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#01334b;
	text-decoration:none;
}
/*FIN MENU + SS MENU*/
#contenu_metier{
	width:728px;
	float:left;
	position:absolute;
	z-index:10;
	margin-left:220px;
	margin-top:150px;
}
#photo_metier{
	float:left;
	width:320px;
	padding-top:37px;
}
#texte_metier{
	float:left;
	width:408px;
}
.txt_metier_fonce{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#01334b;
}
.txt_metier_clair{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#contenu_sfaire{
	width:728px;
	float:left;
	position:absolute;
	z-index:1;
	margin-left:150px;
	margin-top:15px;
}

#contenu_realisations{
	/*border:1px solid red;*/
	width:914px;
	height:509px;
	float:left;
	position:absolute;
	z-index:10;
	margin-left:80px;
	margin-top:65px;
	background:url(../images/realisations.png) no-repeat;
}
#bt_id_visuelle{
	width:70px;
	height:71px;
	position:relative;
	top:100px;
	left:170px;
	z-index:1000;
}
#bt_films{
	width:70px;
	height:71px;
	position:relative;
	top:28px;
	left:270px;
}
#bt_videos{
	width:70px;
	height:71px;
	position:relative;
	top:-135px;
	left:400px;
}
#bt_hd{
	width:70px;
	height:71px;
	position:relative;
	top:-200px;
	left:680px;
}
#bt_multi{
	width:70px;
	height:71px;
	position:relative;
	top:-240px;
	left:745px;
}
#contenu_id_visuelle{
	width:687px;
	height:480px;
	float:left;
	position:absolute;
	z-index:1000;
	margin-left:280px;
	margin-top:50px;
}
#fd_scroll{
	background:url(../images/realisations/fond_scroll.png) no-repeat;
	width:687px;
	height:380px;
	position:relative;
	z-index:10;
	top:-55px;
}
#ss_menu_realisations{
	position:relative;
	margin-left:190px;
	z-index:100;
}
#bt_com{
	float:left;
	width:70px;
}
#bt_securite{
	float:left;
	width:67px;
	position:relative;
	left:0px;
	top:18px;
}
#bt_formation{
	float:left;
	width:67px;
	position:relative;
	top:12px;
}
#ampoule{
	float:left;
	width:119px;
	position:relative;
	top:20px;
}
#bt_retour{
	float:left;
	width:174px;
	position:relative;
	top:-18px;
}
.titre_realisations{
	padding-top:25px;
	margin-left:35px;
}
.projet_id_visuelle{
	width:570px;
	margin-top:15px;
}
.img_id_visuelle{
	float:left;
	width:200px;
	margin:0px;
	padding:0px;
}
.txt_id_visuelle{
	float:left;
	width:370px;
	margin:0px;
	padding:0px;
}
.projet_films{
	float:left;
	width:285px;
	margin-top:15px;
}
.img_films{
	float:left;
	width:150px;
	margin:0px;
	padding:0px;
}
.txt_films{
	float:left;
	width:125px;
	margin:0px;
	padding:0px;
}
.projet_videos{
	width:570px;
	margin-top:15px;
}
.img_videos{
	float:left;
	width:200px;
	margin:0px;
	padding:0px;
}
.txt_videos{
	float:left;
	width:370px;
	margin:0px;
	padding:0px;
}
.projet_illu{
	float:left;
	width:285px;
	margin-top:15px;
}
.img_illu{
	float:left;
	width:150px;
	margin:0px;
	padding:0px;
}
.txt_illu{
	float:left;
	width:125px;
	margin:0px;
	padding:0px;
}
.projet_multimedia{
	width:570px;
	margin-top:15px;
}
.img_multimedia{
	float:left;
	width:200px;
	margin:0px;
	padding:0px;
}
.txt_multimedia{
	float:left;
	width:370px;
	margin:0px;
	padding:0px;
}
.nom_projet{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#f7931e;
	margin:0px;
	padding:0px;
}
.type_projet{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#4885a0;
	margin:0px;
	padding:0px;
}
.desc_projet{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#01334b;
	margin:0px;
	padding:10px 0px 0px 0px;
}
.desc_projet a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#01334b;
	text-decoration:none;
}
.desc_projet a:hover{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#01334b;
	text-decoration:underline;
}

#contenu_references{
	width:842px;
	height:509px;
	float:left;
	position:absolute;
	z-index:10;
	margin-left:230px;
	margin-top:15px;
}
.texte_references{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.texte_references a{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
.texte_references a:hover{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#01334b;
	text-decoration:none;
}

#contenu_contact{
	width:583px;
	height:263px;
	float:left;
	position:absolute;
	z-index:10;
	margin-left:290px;
	margin-top:170px;
	padding-top:55px;
	background:url(../images/contact.png) no-repeat;
}
#txt_contact_gche{
	float:left;
	margin-left:26px;
	width:180px;
}
#txt_contact_dte{
	float:left;
}
.titre_contact{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#dddf4b;
}