@charset "UTF-8";
/* CSS Document */


a:LINK{
	color:#808080;
}

a:hover{
	color:#43338A;
}

a:visited{
	color:#808080;
}

#fond_titre_sefco {
	width:100%;
	min-width:800px;
	height:70px;
	background-color:#b4b4b4;
}

#titre_sefco {
	position:relative;
	width: 100%;
	top:7px;
	text-align: center;
	color: #D6D6D6;
	font-family: arimo;
	font-style: normal;
	font-weight: 300;
	font-size: 40px;	
}

#fond_banniere_logo_adresse {
	position: relative;
	width: 100%;
	height: 100px;
	border-bottom: 2px solid #B4B4B4;
}
#banniere_logo_adresse {
	position:relative;
	width:865px;
	height:100px;
	min-width:760px;
	margin-left:auto;
	margin-right:auto;
}

#fond_logo_sefco {
	position: relative;
	width: 320px;
	height: 100px;
	border-right: 2px solid #B4B4B4;
	float: left;
}

#logo_sefco {
	position:relative;
	top:10px;
	left:-30px;
}

#adresse {
	position: relative;
	width:200px
	left:20px;
	clear: none;
	left: 370px;
	top: -64px;
	
	font-style: normal;
	font-weight: 300;
	color: #43338A;
	line-height: 20px;
}

.mail{
	color: #43338A;
	text-decoration: none;	
}
#fond_centre {
	position: relative;
	top:20px;
	width: 865px;
	margin-left: auto;
	margin-right: auto;
	height: 1000px;
}

#cadre_boutons{
	position:relative;
	height:330px;
}

#bt_securite {
	position:relative;
	width: 283px;
	height:330px;
	color: #ED6501;
	font-family: arimo;
	font-style: normal;
	font-weight: 100;
	font-size: xx-large;
	float:left;
	cursor:pointer;
}

#bt_matieres {
	position:relative;
	width: 283px;
	height:330px;
	color: #e72d1e;
	font-family: arimo;
	font-style: normal;
	font-weight: 100;
	font-size: xx-large;
	float:left;
	cursor:pointer;
}

#bt_environnement {
	position:relative;
	width: 283px;
	height:330px;
	color: #76b727;
	font-family: arimo;
	font-style: normal;
	font-weight: 100;
	font-size: xx-large;
	float:left;
	cursor:pointer;
}

#fond_bt_triangle {
	position:relative;
	left:130px;
	width:30px;
}

#fond_bt_carre {
	position:relative;
	left:130px;
	width:30px;
}

#fond_bt_rond {
	position:relative;
	left:130px;
	width:30px;
}

#text_teddy {
	position: relative;
	top: 50px;
	text-align: right;
	right: 0px;
	color: #43338A;
	z-index:2;
}

#cadre_technique {
	position: relative;
	top: 120px;
	height: 350px;
	width: 700px;
	left:75px;
	border: 2px dashed #64BBCC;
}

#titre_il_vous {
	position: relative;
	top: 10px;
	font-weight: bold;
	font-size: large;
	color: #43338A;
	text-align: center;
}

#texte_tech_g {
	position: relative;
	top: 35px;
	left: 50px;
	color: #b2b4b3;
	float: left;
}
	
#texte_tech_d {
	position: relative;
	top: 35px;
	left: 100px;
	color: #b2b4b3;
	float:left;
}

#picto_bleu {
	position:absolute;
	top:453px;
	left:-43px;
}

#cadre_reference{
	position:relative;
	top:300px;
	left: 75px;
	width:700px;
	height:200px;
}

#titre_reference{
	position:relative;
	color: #64BBCC;
	font-size: 40px;
	font-weight: bold;
	left:80px;
}

#texte_ref_g{
	position: relative;
	top: 25px;
	left: 50px;
	color: #b2b4b3;
	float: left;
	height:350px;
}

#texte_ref_d{
	position:relative;
	top:25px;
	left:140px;
	color:#b2b4b3;
}

#cadre_photos{
	position:absolute;
	top:910px;
	left:450px;
}

#photo_1{
	position: relative;
	float: left;
}

#photo_2{
	position:relative;
	left:15px;
	float:left;
}

#photo_3{
	position:relative;
	left:30px;
	float:left;
}

#cadre_casque_rond{
	position:absolute;
	left:-120px;
	top:400px;
	cursor:pointer;

}

#cadre_photo_gauche{
	position:relative;
	height:460px;
	width:400px;
	left:-80px;
}

#zone_gauche{
	position:relative;
	float:left;
}

#zone_droite{
	position:absolute;
	left:330px;
	width:660px;
	height:390px;
	z-index:2;
	
}

#titre_securite{
	position: relative;
	left: 25px;
	font-size: xx-large;
	color: #ff6633;
	font-weight: 100;
}

#texte_securite{
	position:relative;
	top:20px;
	left:25px;
}

#menu_nav{
	position:absolute;
	left:500px;
	top:350px;
	height:150px;
	width:300px;
}

#bt_1_menu_nav{
	position:relative;
	float:left;
	cursor:pointer;
}

#bt_2_menu_nav{
	position:relative;
	left:20px;
	width:108px;
	float:left;
	cursor:pointer;
}

#cadre_carre_r_nav{
	position:relative;
	left:42px;
	width:100px;
	height:26px;
}

#cadre_point_v_nav{
	position:relative;
	left:42px;
	width:100px;
	height:26px;
}

#cadre_photalia_secu{
	position:absolute;
	top:-59px;
	left:950px;
}

#cadre_photalia_matdang{
	position:absolute;
	left:820px;
	top:-72px;
	z-index:1;
}

#titre_environnement{
	position: relative;
	left: 25px;
	font-size: xx-large;
	color: #99CC33;
	font-weight: 100;
}

#cadre_photalia_environ{
	position:absolute;
	top:-124px;
	left:830px;
}