/* CSS Document */

body{
	margin: 0;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

.border{
	border: none;
}

.p_clear{
	clear: both;
	margin: 0;
	padding: 0;
}

.zindex{
z-index:1;
}

.img{
margin: 0 5px 5px 0;
}

.border_blanc{
	border: 1px solid #ffffff;
}

.marge{
	margin: 0 20px 0 20px;
}

/* ---------HEADER----------------*/

#conteneur_header{
	width: 100%;
	height: 122px;
	margin: 0 auto;
	background-image:url(images/bg_accueil.jpg);
	background-repeat:repeat-x;
	background-color: #000;
}

#header{
	width: 1000px;
	height: 122px;
	margin: 0 auto;
text-align: center;
}

#logo_01{
	border: none;
	float: left;
	display:block;
}

#header #leader{
	color: #ffffff;
	float: left;
	margin: 0 0 0 -30px;
	font-size: 14px;
	padding: 50px 53px 0 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	display: block;
	word-spacing: 8px;
}

#header #qualite{
	color: #ffffff;
	float: right;
	font-size: 14px;
	margin: 0;
	padding: 50px 0 0 0;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
}

#header #qualite span{
margin: 0 0 0 8px;
}

/* ---------MENU----------------*/

#conteneur_menu{
	width: 100%;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	background-color: #dbddde;
	background-image: url(images/bg-nav.gif);
	background-repeat: repeat-x;
}

#menu{
	width: 1083px;
	height: 35px;
	margin: 0 auto;
	text-align: center;
}

#menu ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: auto;
	float: left;

}

#menu ul li{
	display: block;
	margin: 0;
	padding: 0 21px 0 0;
	background-image: url(images/bg-nav-04.gif);
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
}

#menu ul li.end{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#menu ul li a{
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	text-transform:uppercase;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 10px 5px 0px 5px;
	background-image: url(images/bg-nav-03.gif);
	height: 25px;
	background-repeat: repeat-x;
}

#menu ul li a.on{
	background-color: #888;
	color: #dfe1e2;
}

#menu ul li a.off{
	background-color: #888;
	color: #3c3c3c;
}

#menu ul li a:hover{
	color: #fef200;
}

#menu ul li a.noborder{
	border-right: none;
}

#menu ul li a.focus{
	background-color: #ffffff;
}

#menu ul li a#double {
	padding: 8px 5px 0px 5px;
	height: 27px;
	line-height:10px;
}

/* ---------CONTENT----------------*/

#content{
	width: 960px;
	height: auto;
	margin: 0 auto;
	background-color: #000000;
	font-size: 12px;
}

#content p{
	margin: 0;
	padding: 0 0 10px 0;
	color: #ffffff;
	font-size: 12px;
	text-align: justify;
}


#content p a{
	color: #ffffff;
	text-decoration: none;
}

#content p a:hover{
	color: #fef200;
}


/* ---------FOOTER----------------*/


#conteneur_footer{
	clear: both;
	background-color: #000000;
	height: 75px;
	color: #000000;
	background-image: url(images/bgfooter.gif);
	background-repeat: repeat-x;
}
#footer-w {
	width: 600px;
}

#footer{
	width: 1000px;
	margin: 0 auto;
}

#footer .adresse{
	float: left;
	margin:0;
	padding: 7px 15px 0;
	background-image: url(images/bgfooter-02.gif);
	color: #FFFFFF;
	height: 55px;
	background-repeat: repeat-x;
}

#footer .marge_haut{
margin: 10px 0 0 15px;
}

#footer p{
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#footer .puce_footer{
	margin: 0;
	padding: 3px 5px 1px 0;
	float: left;
}

#footer #espace_adresse{
margin: 0 0 0 13px;
}

#footer #mail{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}

#footer p a.trad{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	padding: 12px 0 0 0;
}

#footer p a img{
	border: none;
	margin: -2px 4px 0 4px;
}


/*----------------------------------------------------------------------*/
/*---------------------- SITE PRINCIPALE  ------------------------------*/
/*----------------------------------------------------------------------*/


/* --- Page d'accueil --- */
#conteneur_bloc_1{
	width: 415px;
	margin: 0 auto;
	padding-top: 20px;


}

.justify{
	text-align: justify;
}

.bloc_sub_company{
	width: 153px;
	height: auto;
	float: left;
	margin: 0 0 0 0;
	background-color: #000;
	text-align: center;
}

.bloc_sub_company img{
	border: none;
}

.bloc_sub_company .img_sub{
	border: 3px solid #555;
}

#container_bloc{
	width: 867px;
	margin: 0 auto;
padding: 0 30px;
}

#container_bloc_02{
	width: 460px;
	margin: 0 auto;
padding: 0 0 0 0;
}


/* ---------HEADER_02 ----------------*/

#conteneur_header_02{
	width: 100%;
	height: 100px;
	margin: 0 auto;
	background-image:url(images/bg_header_02.jpg);
	background-repeat:repeat-x;
	background-color: #000000;
}

#header_02{
	width: 925px;
	height: 100px;
	margin: 0 auto;
padding: 0 60px 0 0;
}

/*-----PRESENTATION ----*/


#container_01{
float: left;
width: 600px;
height: auto;
margin: 0 0 25px 0;
line-height: 18px;
}

li span.span_spacer{
margin: 0 0 0 44px;
color: #fff;
}

li span#space_pf{
color: #fff;
margin: 0 0 0 13px;
}

#container_02{
float: left;
width: 325px;
height: auto;
margin: 5px 0 0 30px;
background-color: #000;
}

p#president{
margin: 10px 0 0 0;
line-height: 18px;
}

#align_center{
	width: 900px;
	margin: 20px auto;
}

.titre_presentation{
	clear: both;
	width: 133px;
	height: 24px;
	color: #333333;
	font-size: 0.75em;
	text-align: center;
	margin: 40px 0 10px 0;
	padding: 4px 0 0 0;
	background-image:url(images/bg_titre_page_presentation.jpg);
	background-repeat:no-repeat;
	display: block;
}

.titre_presentation_02{
	clear: both;
	width: 214px;
	height: 28px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
text-transform: uppercase;
	margin: 40px 0 10px 0;
	padding: 10px 0 0 0;
	background-image:url(images/img_titre.jpg);
	background-repeat:no-repeat;
}

.titre_presentation_02a{
	clear: both;
	width: 180px;
	height: 28px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0 0 0;
	background-image:url(images/img_titre-2.gif);
	background-repeat:no-repeat;
	display: block;
}

.titre_presentation_test{
	clear: both;
	width: 214px;
	height: 30px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
text-transform: uppercase;
	margin: 40px 0 10px 0;
	padding: 7px 0 0 0;
	background-image:url(images/img_titre.jpg);
	background-repeat:no-repeat;
}

.titre_presentation_03{
	clear: both;
	width: 214px;
	height: 28px;
	color: #FFFFFF;
	font-size: 0.75em;
text-transform: uppercase;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	background-image:url(images/img_titre.jpg);
	background-repeat:no-repeat;
}


.liste_presentation_01{
	list-style-image: url(images/puce_presentation.gif);
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 15px;
}

div.liste_01{
	width: 310px;
	height: auto;
	color: #ffffff;
	font-size: 0.9em;
	margin: 0;
line-height: 18px;
	padding: 10px 10px 10px 10px;
	background-color: #373738;

}

div.liste_01 ul{
font-size: 12px;
margin: 0;
padding: 0 0 5px 15px;
list-style-image: url('images/puce_presentation.gif');
}

div.liste_01 ul li{

margin: 0;
padding: 0 0 10px 0;

}

.liste_04{
	width: 310px;
	height: auto;
	color: #ffffff;
	font-size: 12px;
	padding: 5px 10px 10px 10px;
	list-style-type:none;
	line-height: 20px;
	background: #373738;
	line-height: 20px;
	display: block;
	margin: 0;
}

.liste_04 li{
	margin: 0;
	padding: 0 0;
}

.liste_04 span{
	color: #d9ac25;
	padding: 0 0px 0 0;
}

.liste_04 .espace_liste_04{
	padding: 0 0 0 45px;
}

#liste_02{
	width: 633px;
	height: 142px;
	color: #ffffff;
	font-size: 12px;
	margin: 0;
	padding: 15px 10px 0 260px;
	list-style-image:url(images/puce_rouge_2.gif);
	background-image:url(images/bg_presentation_01.gif);
	background-repeat:no-repeat;
}

#liste_02 li{
	margin: 0;
	padding: 3px 0;
}

.liste_03{
	width: 633px;
	height: 200px;
	color: #ffffff;
	font-size: 0.9em;
	margin: 0;
	padding: 5px 10px 0 260px;
	list-style-image:url(images/puce_rouge_2.gif);
	background-image:url(images/bg_presentation_04.gif);
	background-repeat:no-repeat;
}

.liste_03 li{
	margin: 0;
	padding: 3px 0;
}

.liste_03 span{
	color: #d9ac25;
	padding: 0 20px 0 0;
}

.liste_03 a{
	color: #ffffff;
	text-decoration: none;
}

.liste_03 a:hover{
	color: #ffffff;
	text-decoration: underline;
}

#gauche{
	width: 225px;
	height: 405px;
	float: right;
margin: 60px 40px 0 0;
	background-image:url(images/bg_presentation_02.gif);
	background-repeat:no-repeat;
}

#logo_presentation_02{
	margin: 0;
	padding: 160px 0 0 50px;
	border: none;
}

#droite{
	width: 600px;
	height: 500px;
	float: left;
	background-color:#373738;
}

#bloc_3{
	width: 561px;
	height: 470px;
	margin: 18px 0 0 18px;
	padding: 0 0 0 40px;
	background-image:url(images/bg_presentation_03.gif);
	background-repeat:no-repeat;
	position: relative;
}

#bloc_3 p{
	font-weight: bold;
	text-transform:uppercase;
	font-size: 0.75em;
	position: absolute;
	text-align: center;
	visibility: visible;
	z-index: 2;
}
.text-absolute{
	font-weight: bold;
	text-transform:uppercase;
	font-size: 0.9em;
	position: absolute;
	text-align: center;
	color: #FFFFFF;
}
#bloc_3 p#p_01{
	padding:0;
	margin:255px 0 0 60px;
}

#bloc_3 p#p_02{
	padding: 0;
	margin: 255px 0 0 370px;
}

#bloc_3 p#p_03{
	padding: 0;
	margin: 5px 0 0 365px;
}
#bloc_3 p#p_04{
	padding: 0;
	margin: 6px 0 0 195px;
}
#bloc_3 p#p_05{
	padding: 0;
	margin: 7px 0 0 5px;
}

#bloc_3 p#p_07{
	padding: 0;
	margin: 495px 0 0 15px;
}

#bloc_3 p#p_08{
	padding: 0;
	margin: 495px 0 0 220px;
}

.img_1_2{
	margin: 0;
	padding: 50px 56px 0 0;
	border: none;
}

.img_3{
	margin: 0;
	padding: 0 0 0 18px;
	border: none;
}

.img_4_5_6{
	margin: 0;
	padding: 90px 56px 0 0;
	border: none;
}

.img_7_8{
	margin: 0;
	padding: 90px 56px 0 0;
	border: none;
}

/* --- ACTIVITE ---*/

#logo_02{
	border: none;
	padding: 0 0 0 30px;
	float: left;
	margin: -4px 0 0 0;
}

#diaporama_01{
	margin: 0 0 0 0;
padding: 0;
}

#bloc_1{
	width: 300px;
	height: auto;
	float: left;
	margin: 30px 0;
	padding: 0 0 0 0;
	background-color:#000;
}

#texte_bloc_1{
float: left;
width: 260px;
height: 302px;
background-color: #000;
}

#diapo_01{
float: left;
margin: 0 0 20px 0;

}

#bloc_1 p{
	margin: 0;
	padding: 5px 0 0 0;
}

#bloc_2{
	width: 305px;
	height: auto;
	float: left;
	margin: 30px 0;
	padding: 0 0 0 15px;
	background-color:#000;
}

#bloc_03{
	width: 305px;
	height: auto;
	float: left;
	margin: 30px 0;
	padding: 0 0 0 5px;
	background-color:#000;
}



.liste_activite_01{
	margin: 0;
	padding: 0 0 10px 15px;
	list-style-image:url(images/puce_presentation.gif);
	font-size: 12px;
}

/*module d'actu*/



.new_actu{
	float: left;
	width: 315px;
	height: auto;
	padding: 0;
	margin: 0 0 10px 0;
}


#bloc_2 .image_actu{
float: left;
margin: 0 10px 0 0;
border: 1px solid #fff;
}

#bloc_2 .image_actu:hover{
border: 1px solid yellow;
}

#bloc_03 .image_actu{
float: left;
margin: 0 10px 0 0;
border: 1px solid #fff;
}

#bloc_03 .image_actu:hover{
border: 1px solid yellow;
}

.module_actu .texte{
	float: left;
	width: 180px;
	height: auto;
}

/* fin mudule actu*/


/* ---- ACTUALITE ------- */

.container_actu{
width: 830px;
height: auto;
background-image:url(images/ongle.jpg);
background-repeat: no-repeat;
background-color: #373738;
background-position: left top;
padding: 28px 0 20px 20px;
margin: 0 0 5px 0;
}

.texte-actualite{
width: 450px;
float: left;
margin: 0 25px 0 0;
text-align: justify;
}

.texte-actualite-titre {
width: 565px;
float: left;
margin: 0;
text-align: justify;
}

.texte-actualite-titre h3 {
	margin:0 0 20px 0;
	font-size: 14px;
}

/*sponsoring et evenementiel*/


.bloc_event{
	width: 400px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 20px 15px 0;
}

.container_actu img{
	margin: 18px 5px 5px 0;
	padding: 0 0 0 0;
	float: left;
	border:none;
}

.text-event{
	clear: both;
}

.lien_event{
	float: right;
}

/* ----------- EQUIPE ------------------*/

#h2_equipe{
	color: #ffffff;
	font-size: 1em;
	margin: 50px 0 0 0;
	padding: 10px 0;
}

.border_blanc{
	border: 1px solid #ffffff;
}

#texte_equipe{
	width: 510px; 
	height: auto;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 10px 0;
}

#texte_equipe p {
	padding-bottom: 5px;

}

.h3_equipe{
	color: #ffffff;
	margin: 0;
	
text-align: justify;
	
}

.img_equipe{

float: left;
margin: 30px 0 0 0;

}

#liste_equipe{
	color: #ffffff;
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px 15px;
	list-style-image:url(images/puce_accueil_2.gif);
}

#liste_equipe li{
	margin: 0;
	padding: 4px 0;;
}

/* -------------- CONTACT ---------------------- */

#bloc_haut{
	width: 680px;
	height: 180px;
	margin: 0 auto;
padding: 40px 0 0 0;
font-size: 0.85em;
}

#container_contact{
	width: 765px;
	margin: 0 auto;
}

#bloc_haut h2{
color: #ffffff;
font-size: 1em;
margin: 0;
color: yellow;
padding: 0 0 10px 0;
}

#bloc_haut p{
margin: 0;
padding: 0 0 10px 0;
}

#bloc_haut img{
margin: 0 10px 0 0;
}

#plan{
	float: left;
	border: none;
	margin: 0 0 0 65px;
}

#plan:hover{
}


/* ------ chiffres cles --------*/

#content_chiffre{
	width: 850px;
	height: auto;
	margin: 0 auto;
background-color: #000;
}

.espace_img_chiffre{
	margin: 0 60px 0 0;
}

#container_anim{
text-align: center;
}


/* ------ PARTENAIRES ---------*/

#texte_partenaires{
	width: 510px;
	height: auto;
	margin: 0 0 0 20px;
float: left;
}

#diapo_partenaires{
border: none;
float: left;
margin: 10px 0;
}

.liste_simple{
	list-style-image: url(images/puce_accueil_2.gif);
	margin: 20px 25px 20px 0;
	padding: 0 0 0 15px;
	width: 280px;
	height: auto;
	color: #ffffff;
	float: left;
	font-size: 12px;
}

.espace_20{
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	border: none;
}

/* ----- ACTU ---------- */

#container_actu_01{
width: 600px;
float: left;
}

#container_actu_02{
width: 320px;
float: left;
margin: 100px 0 0 0;
}

#container_actu_02 img{
border: 1px solid #fff;
}

#container_actu_02 img:hover{
border: 1px solid #ff9900;
}


/* -----------PRESSE ---- */

#anim_presse{
float: left;
margin: 0 20px 50px 0;
}

#container_presse{
	width: 430px;
	float: left;
	padding-left: 20px;
}

.container_presse_01{
clear: both;
width: 930px;
height: auto;
background-image:url(images/ongle.jpg);
background-repeat: no-repeat;
background-color: #373738;
background-position: left top;
padding: 30px 0 20px 30px;
margin: 20px 0 20px 0;
}

.presse_01{
width: 580px;
margin: 0 20px 0 0;
}


/*----------------------------------------------------------------------*/
/*---------------------- SITE INTERNE  ------------------------------*/
/*----------------------------------------------------------------------*/

.container_cle{
clear: both;
width: 930px;
height: auto;
background-image:url(images/ongle.jpg);
background-repeat: no-repeat;
background-color: #373738;
background-position: left top;
padding: 30px 0 20px 30px;
margin: 2px 0 5px 0;
}

.container_cle object {
	margin:20px 0 0 180px;
	display: block;
}

#content p.titre-cle {
	font-size:12px;
	color:#F5E925;
	font-weight: bold;
}

/* ---------HEADER SUB----------------*/

#conteneur_header_sub{
	height: 101px;
	margin: 0 auto;
	background-image:url(images/bg_header_sub.jpg);
	background-repeat:repeat-x;
	background-color: #000000;
}

#header_sub{
	width: 955px;
	height: 83px;
	margin: 0 auto;
padding: 18px 0 0 25px;
}

#header_logo_sub{
	border: none;
	margin: 0px;
	padding: 0 0 0 0;
	display: block;
}


/* ---------MENU SUB----------------*/

#conteneur_menu_sub{
	width: 100%;
	height: 18px;
	margin: 0 auto;
	text-align: center;
	background-color: #dbddde;
}

#menu_sub{
	width: 955px;
	height: 18px;
	margin: 0 auto;

	text-align: center;
}

#menu_sub ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: auto;
	float: left;

}

#menu_sub ul li{
	display: inline;
	margin: 0;
	padding: 0;
}

#menu_sub ul li a{
	display: block;
	float: left;
	width: 90px;
	text-align: center;
	font-size: 0.7em;
	text-transform:uppercase;
	color: #3c3c3c;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 2px 0 2px 0;
	border-right: 2px solid #000000;
}

#menu_sub ul li a:hover{
	color: #ffffff;
	background-color: #b6b7b7;
}

#menu_sub ul li a.noborder{
	border-right: none;
}

#menu_sub ul li a.focus{
	background-color: #ffffff;
}

/* ---------CONTENT SUB ----------------*/

#content_sub{
	width: 945px;
	height: auto;
	margin: 0 auto;
padding: 0 0 0 15px;
	background-color: #000;
}

#content_sub p{
	margin: 0;
	padding: 0 0 5px 0;
	color: #ffffff;
	font-size: 12px;
}

#content_sub p.yellow{
color: #ffff00;
}


#content_sub p a{
	color: #fff;
	text-decoration: none;
}

#content_sub p a:hover{
	color: #FFCC00;
}

/* ------ MENU_02--------- */

#menu_02{
	width: 169px;
	height: auto;
	float: left;
	margin: 10px 0 25px 0;
	background-color: #000000;
	border: 3px solid #373738;
	position: relative;
	
}

#content_sub p#adresse{
	font-size: 11px;
	margin: 0;
	padding: 25px 10px 30px 0px;
	/*background-image:url(images/bg_adresse.gif);
	background-repeat:no-repeat;*/
	text-align: center;
	width: 169px;
	height: 108px;
}

#content_sub p#adresse_hierros{
	font-size: 11px;
	margin: 0;
	padding: 25px 10px 30px 0px;
	/*background-image:url(images/bg_adresse.gif);
	background-repeat:no-repeat;*/
	text-align: center;
	width: 169px;
	height: 108px;
}

#menu_02 ul{
	margin: 0;
	padding: 10px 0;
	list-style-type: none;
}

#menu_02 ul li a{
	display: block;
	width: 169px;
	height: 20px;
	color: #ffffff;
	text-decoration: none;
	background-color: #606162;
	text-align:center;
	font-size: 12px;
	margin: 2px 0;
}

#menu_02 ul li a:hover{
	background-color: #999999;
}

/*------------- bloc_contenu SUB---------------*/

#bloc_contenu_sub{
	width: 725px;
	height: auto;
	float: left;
	margin: 0px 0 30px 20px;
	background-color:#000000;
}

#bloc_contenu_sub a.fichier{
	color:#FFFF00;
	font-weight: bold;
}
#bloc_contenu_sub a.fichier:hover{
	color:#fff;
	font-weight: bold;
}

/*----------------------------------------------------------------------*/
/*----------------------      STYLE  SUB       ------------------------------*/
/*----------------------------------------------------------------------*/

.liste2{
	color: #ffffff;
	font-size: 12px;
	margin: 0;
	padding: 0 0 5px 15px;
	list-style-image:url(images/puce_presentation.gif);
	display: block;
	width: 225px;
	float: left;
}

.liste{
	color: #ffffff;
	font-size: 12px;
	margin: 0;
	padding: 0 0 5px 15px;
	list-style-image:url(images/puce_presentation.gif);
}

.liste li, .liste2 li{
margin: 0 0 5px 0;
}

.liste a, .liste2 a{
	color: #fff;
	text-decoration: none;
}

.liste a:hover, .liste2 a:hover{
	color: #fef200;
	text-decoration: none;
}

#bloc_contenu_sub .orange{
	color: #f4b75e;
}
#content .color_orange{
color: #fef200;
}

#content a.color_orange:hover {
	color:#FFFFFF;
}

#content .rond {
	background: url(images/rond.gif) no-repeat left 6px;
	padding-left: 20px;
}
#content .liste_01 ol {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}
.float-left {
	float: left;
}
#p_06 {
	position:absolute;
	left:32px;
	top:480px;
	width:550px;
	z-index:1;
}

.align-right {
	text-align: right;
}
.float-right {
	float: right;
}
#footer-w {
	width: 1050px;
	float: left;
	padding: 0 0 0 25px;
}

#footer-w-2 {
	width: 850px;
	float: left;
	padding: 0 0 0 125px;
}

#footer-w img, #footer-w-2 img {
	float:left;
}

#margin-left {
	margin-left: 150px;
}
.align-center {
	text-align: center;
}

#graph{
	padding: 0 0 0 500px;
}

#content_sub #menu_02 p.slogan{
	font-weight: bold;
	color: #d9ac25;
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

#img_hierros{
	position: absolute;
	margin: 240px 0 0 473px;
	padding: 0;
}

/* ---------- RECRUTEMENT ------- */

#anim_recrutement{
margin: 0 20px 50px 0;
float: left;
}

#container_recrutement{
	width: 450px;
	float: left;
	padding-left: 20px;
}

/* --------- EVENEMENT ------------ */
.container_event{
width: 700px;
height: auto;
background-image:url(images/bg_presentation_04.gif);
background-repeat: no-repeat;
background-color: #373738;
padding: 20px 0 20px 250px;
margin: 0 0 20px 0;
}

/* -------- SENDIN TP ------------ */

.container_event_tp{
width: 490px;
height: auto;
background-image:url(images/bg_presentation_petit.gif);
background-repeat: no-repeat;
background-color: #373738;
background-position: left center;
padding: 10px 0 10px 250px;
margin: 0 0 20px 0;
}

.container_sub{
width: 620px;
height: auto;
clear: both;
background-color: #373738;
padding: 10px 0 10px 20px;
margin: 0 0 20px 0;
}

.int_container_sub{
float: left;
margin: 0 20px 0 0;
width: 260px;
}


.int_container_chiffre_bat{
float: left;
margin: 0 20px 0 0;
padding: 30px 0 0 0;
width: 250px;
}


.container_img{
	width: 730px;
	background-color: #000000;
	padding: 20px 0px 5px 18px;
	border: 3px solid #333333;
}

.container_img img {
	border:none;
}

.prodListVign {
	display: block;
	float: left;
	width:100px;
	height:100px;
	margin: 0 18px 20px 0;
	padding: 0;
	text-align: center;
}
.prodListVign a img{
	border:none;
}
.prodListVign a:hover img{
	border: 1px solid #fff;
}


.gauche_contact_tp{
width: 350px;
float: left;
margin: 0 0 20px 20px;
}

#space_event_01{
margin: 0 0 0 95px;
}

.space_event_02{
margin: 0 0 0 208px;
}

/* ----- SENDIN BATIMENT --------- */

.gauche_contact_bat{
width: 350px;
float: left;
margin: 0 0 30px 20px;
}

.bloc_produit_negoce_1{
width: 224px;
height: 230px;
float: left;
background-color: #333;
padding: 10px 5px 0 10px;
margin: 25px 0 0 0;
}

.bloc_produit_negoce_1 img{
margin: 0 5px 5px 0;
}

.gauche_contact_prod_negoce{
width: 350px;
float: left;
margin: 20px 0 30px 20px;
}

/* ------- HIERROS ------------- */

#photo_moyens_hierros{
width: 263px;
background-color: #333;
padding: 15px 5px 10px 15px;
float: left;
margin: 0 20px 20px 0;
}

#photo_moyens_hierros img{
border: 1px solid #fff;
margin: 0 5px 5px 0;
}

.left_moyens_hierros{
float: left;
width: 400px;
margin: 0 0 15px 0;
}

.gauche_contact_hierros{
width: 350px;
float: left;
margin: 10px 0 0 20px;
}

/* --------- STEEL YARD ------------ */

.gauche_contact_steel{
width: 350px;
float: left;
margin: 0 0 90px 15px;
}

.ponts{
width: 230px;
float: left;
height:130px;
margin: 0 0 10px 0px;
}

/* ------- CHIFFRE CLE --------- */

.container_graph{
width: 760px;
height: auto;
background-image:url(images/bg_presentation_petit.gif);
background-repeat: no-repeat;
background-color: #373738;
background-position: left center;
padding: 10px 0 20px 200px;
margin: 0 0 20px 0;

}

#content_sub .jaune{
color: #ffff00;
font-size: 0.9em;
margin: 0 0 10px 0;
}

#marge_plan{
margin: 0 0 20px 0;
}

#marge_plan2{
margin: 0;
}
/**/
div.bloc_uk_01{
float: left;
width: 170px;
padding: 5px;
margin: 10px 20px 0 0;
border: 1px dashed #eee;
}

div.bloc_uk_01 ul{
margin: 0;
padding: 0 0 0 15px;
list-style-type: square;
font-size: 12px;
}

.ul_uk{
margin: 0;
padding: 0 0 10px 15px;
list-style-type: square;
font-size: 12px;
}

#hierros00 {
	margin:0 90px 0 90px;
}

.bloc3 {
	text-align: center;
	padding: 20px 128px 0;
}

.bloc3 object {
	float:left;
}

#flashmillieu {
	margin:10px 30px 50px 30px;
	display: block;
}

.contenuphoto {
	background-image:url(images/bgphoto.gif);
	width:366px;
	height:250px;
	float: left;
}

.contenuphoto img {
	margin: 9px 0 0 9px;

}

.photo {
	width:422px;
	display: block;
	height: 250px;
	margin: 20px auto;
}

.photo2 {
	width:422px;
	display: block;
	height: 250px;
	margin: 0;
	float: left;
}

.photo2a {
	width:422px;
	display: block;
	height: 250px;
	margin: 0 161px;
	float: left;
}

.photo img, .photo2 img, .photo2a img {
	float: left;
}


.marquee {
	background-color:#373738;
	margin: 0 0 15px 0;
	display: block;
}

#carte {
	margin:20px 0 0 0;
	display:block;
	width: 771px;
	float: left;
}

.legende {
	float:left;
	width:180px;
	margin:20px 0;
	padding: 0 0 0 9px;
}

.up {
	text-transform:uppercase;
}

#margtop {
	margin:20px 10px 10px 115px;
	float: left;
}

.adresse-contact {
	text-align:center;
}

#float {
	float:left;
}

#floata {
	float:left;
	margin:0 10px;
}

#floata2 {
	float:left;
	margin:20px 10px 0 33px;
}

#flashmenu {
	position:absolute;
	top:-3px;
	left:-3px;
	background-color: #000000;
	padding-bottom: 20px;
}

.marge2 {
	margin-top:150px;
}

.marge3 {
	margin-top:170px;
}

.carte {
	width:745px;
}

.slide {
	background-image:url(images/bg-slide.gif);
	background-repeat:no-repeat;
	height:130px;
	width:712px;
}

.slide2 {
	background-image:url(images/bg-slide.gif);
	background-repeat:repeat-x;
	height:130px;
	width:960px;
}

.btgauche-slide {
	display:block;
	float:left;
}

.btdroite-slide {
	display:block;
	float:left;
}

.slide-contenu {
	float:left;
	height:130px;
	width:618px;
	overflow : hidden;
}

.slide-contenu2 {
	float:left;
	height:130px;
	width:878px;
	overflow : hidden;
}

.slide-contenu img, .slide-contenu2 img {
	margin: 12px 0 0 5px;

}

#floatr {
	float:right;
	margin-right: 10px;
}

.pagination{margin-top:10px;text-align:center; CLEAR:BOTH; color:#000000;}
.pagination a {margin:2px;font-weight:bold; padding:0px 4px 0 4px; font-size:11px; color:#000000;}
.pagination a:hover {font-weight:bold; padding:0px 4px 0px 4px; color:#faef33;}
.pagination .courante  {padding:0px 4px 0px 4px; font-weight:bold; color:#FFFFFF; margin:1px; border:none;}

.btrecrut {
	background-image:url(images/img_titre.jpg);
	background-repeat:no-repeat;
	height:29px;
	width: 214px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	text-align: center;
}

.btrecrut a {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.btrecrut a:hover {
	color:#FFFF00;
}

.btrecrut img {
	float:left;
}

.carte2 {
	text-align:center;
	width: 960px;
}

.poste{
	display:block;
	text-align:center;
	width:960px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.arbo {
	background-image:url(images/img_titre.jpg);
	background-repeat:repeat-x;
	height:28px;
	margin: 10px 0 10px 10px;
	float: left;
	width: 214px;
	text-align: center;
	padding: 10px 0 0 0;
}

.arbo a {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.arbo a:hover {
	color:#FFFF00;
}

.arbo img {
	float:left;
}

.detail {
	display:block;
	float:left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding: 5px 10px 0 10px;
}

.btrecrute {
	float:left;
	padding:0 0 0 50px;
}