@CHARSET "iso-8859-15";

#accueil {
	position: absolute;
}

#intro {
	position:absolute;
	left:360px;
	top:80px;
	width:530px;
	height:70px;
	text-align: center;
}

#titre_intro {
	font-family: "FjallaOne-Regular";
	font-size: 24px;
	color: #58585a;
	line-height: 30px;
}

#texte_intro {
	font-family: "Maeven-Pro";
	font-size: 12px;
	color: #58585a;
	line-height: 20px;
}

#univers {
	position:absolute;
	/*left:140px;*/
	top:250px;
	width:1000px;
	height:250px;
	background-image: url('/images/fond_page_accueil.jpg');
}

#titre_univers {
	position: absolute;
	left:10px;
	top:40px;
	width:240px;
	height:20px;
	text-align: center;
	font-family: "FjallaOne-Regular";
	font-size: 18px;
	color: #58585a;
	line-height: 24px;
}

#texte_univers {
	position: absolute;
	left:20px;
	top:80px;
	width:220px;
	height:80px;
	text-align: justify;
	font-family: "Maeven-Pro";
	font-size: 11px;
	color: #58585a;
	line-height: 15px;
}

#lien_univers {
	position: absolute;
	left:20px;
	top:170px;
	width:220px;
	height:30px;
	text-align: left;
	font-family: "Maeven-Pro";
	font-weight: bold;
	font-size: 12px;
	color: #e53e21;
	
	cursor: Pointer;
}
#carte-france {
	position:absolute;
	/*left:140px;*/
	top:500px;
	width:500px;
	height:240px;
	background-image: url('/images/carte_france.jpg');
}
#clients {
	position:absolute;
	/*left:140px;*/
	top:740px;
	width:500px;
	height:150px;
	background: #d9d9d9;
}

#libelle_clients {
	position:absolute;
	top: 25px;
	width:500px;
	text-align: center;
	
}

#titre_clients {
	font-family: "FjallaOne-Regular";
	font-size: 24px;
	color: #58585a;
	line-height: 30px;
}

#texte_clients {
	font-family: "Maeven-Pro";
	font-size: 12px;
	color: #58585a;
	line-height: 15px;
}

#logo-polley {
	position:absolute;
	left:390px;
	top:90px;
	width:87px;
	height:41px;
}

#logo-4b {
	position:absolute;
	left:325px;
	top:90px;
	width:51px;
	height:49px;
}

#logo-vdb {
	position:absolute;
	left:250px;
	top:90px;
	width:51px;
	height:51px;
}

#logo-le-31 {
	position:absolute;
	left:160px;
	top:90px;
	width:69px;
	height:49px;
}

#logo-vdc {
	position:absolute;
	left:20px;
	top:90px;
	width:117px;
	height:49px;
}

#reference {
	position:absolute;
	left:500px;
	top:500px;
	width:500px;
	height:240px;
	background: #58585a;
}

#libelle_reference {
	position: absolute;
	left: 15px;
	top: 9px;
	width: 460px;
	height: 135px;
}

#titre_reference {
	font-family: "FjallaOne-Regular";
	font-size: 24px;
	color: #d2d1d1;
	line-height: 30px;
}

#texte_reference {
	font-family: "Maeven-Pro";
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
	
}

#reference-1 {
	position:absolute;
	left:15px;
	top:145px;
	width:92px;
	height:91px;
}

#reference-2 {
	position:absolute;
	left:110px;
	top:145px;
	width:90px;
	height:91px;
}

#reference-3 {
	position:absolute;
	left:205px;
	top:145px;
	width:90px;
	height:91px;
}

#reference-4 {
	position:absolute;
	left:300px;
	top:145px;
	width:90px;
	height:91px;
}

#reference-5 {
	position:absolute;
	left:395px;
	top:145px;
	width:90px;
	height:91px;
}

#contact {
	position:absolute;
	left:500px;
	top:740px;
	width:500px;
	height:150px;
	background: #58585a;
}

#libelle_contact {
	position: absolute;
	left: 15px;
	top: 9px;
	width: 460px;
	height: 130px;
}

#libelle_contact a{
	text-decoration: none;
	color: #FFFFFF
}

#titre_contact {
	font-family: "FjallaOne-Regular";
	font-size: 24px;
	color: #d2d1d1;
	line-height: 20px;
	display:block;
}

#texte_contact {
	font-family: "Maeven-Pro";
	font-size: 12px;
	color: #FFFFFF;
	line-height: 14px;
	display:block;
	
}

#surveillance-electronique {
	position:absolute;
	left:0px;
	top:0px;
}

#surveillance-electronique-detail {
	position:absolute;
	left:268px;
	top:173px;
	width:216px;
	height:315px;
	background-image: url('/images/surveillance-electronique-detail.png');
	
	cursor: Pointer;
}

#surveillance-electronique-titre{
	position: absolute;
	left: 41px;
	top: 119px;
	width: 136px;
	text-align: center;
	font-family: "Maeven-Pro";
	font-weight: medium;
	font-size: 24px;
	color: #58585a;
}

#surveillance-electronique-contenu{
	position: absolute;
	left: 21px;
	top: 185px;
	width: 175px;
	font-family: "Maeven-Pro";
	font-size: 12px;
	color: #58585a;
}

#protection-incendie {
	position:absolute;
	left:0px;
	top:0px;
}

#protection-incendie-detail {
	position:absolute;
	left:514px;
	top:173px;
	width:216px;
	height:315px;
	background-image: url('/images/protection-incendie-detail.png');
	
	cursor: Pointer;
}

#protection-incendie-titre{
	position: absolute;
	left: 41px;
	top: 119px;
	width: 136px;
	text-align: center;
	font-family: "Maeven-Pro";
	font-weight: medium;
	font-size: 24px;
	color: #58585a;
}

#protection-incendie-contenu{
	position: absolute;
	left: 21px;
	top: 185px;
	width: 175px;
	font-family: "Maeven-Pro";
	font-size: 12px;
	color: #58585a;
}

#surveillance-humaine {
	position:absolute;
	left:0px;
	top:0px;
}

#surveillance-humaine-detail {
	position:absolute;
	left:762px;
	top:173px;
	width:216px;
	height:315px;
	background-image: url('/images/surveillance-humaine-detail.png');
	
	cursor: Pointer;
}

#surveillance-humaine-titre{
	position: absolute;
	left: 41px;
	top: 119px;
	width: 136px;
	text-align: center;
	font-family: "Maeven-Pro";
	font-weight: medium;
	font-size: 24px;
	color: #58585a;
}

#surveillance-humaine-contenu{
	position: absolute;
	left: 21px;
	top: 185px;
	width: 175px;
	font-family: "Maeven-Pro";
	font-size: 12px;
	color: #58585a;
}

#numero_urgence {
	position: absolute;
	left: 10px;
	top: 450px;
	font-family: "Maeven-Pro";
	font-weight: bold;
	font-size: 18px;
	color: #e53e21;
	
	cursor: Pointer;
}

#btn-contactez-nous {
	position:absolute;
	left:760px;
	top:800px;
	width:207px;
	height:40px;
	
	cursor: Pointer;
}

#btn-contactez-nous-off {
	position:absolute;
	left:0px;
	top:0px;
}

#btn-contactez-nous-on {
	position:absolute;
	left:0px;
	top:0px;
}

#btn-qui-sommes-nous {
	position:absolute;
	left:60px;
	top:225px;
	width:207px;
	height:40px;
	
	cursor: Pointer;
}

#btn-qui-sommes-nous-off {
	position:absolute;
	left:0px;
	top:0px;
}

#bottom {
	top: 900px;
}