body {
	background-color: #3f6dc4;
	}
ul{
    list-style-type: none;
}
a:link 
{ 

 text-decoration:none; 
 color: #FFFFFF;
 font-family: Myriad Pro;
} 
a:visited 
{ 
 text-decoration:none; 
 color: #FFFFFF;
 font-family: Myriad Pro;
} 
div {
	text-align:center;
	}
div#total{
	width:1200px;
	height: 760px;
	position: absolute;
	margin-left: -600px;
	margin-top: 0px;	
	left: 50%;
	background: url("images/conteneurindex.png");
	z-index: 1;
	 }
div#bandeau {
	position: absolute;
	width:1200px;
	height:190px;
	background-color:#00CCFF;
	background: url("images/header.png");
	}
div#logo {
	position: absolute;
	width: 375px;
	height: 180px;
	margin-left: 0px;
	margin-top: 9px;
	background: url("images/logo.png");
	z-index: 5;
	}
div#menu {
	text-align:center;
	position:absolute;
	margin-top: 190px;
	margin-left: 0px;
	width:376px;
	height:444px;
	background-color:#FF6699;
	background: url("images/nav.png");
	}
div#contenu {
	position: absolute;
	background-color:#FFCC00;
	width:668px;
	height:570px;	
	margin-left: 396px;
	margin-top: 190px;
	background: url("images/articleindex.png");
	z-index: 1;
	}
div#devis {
	text-align:center;
	position: float;
	margin-top: -27px;
	margin-left: 47px;
	width:240px;
	height: 45px;
	z-index: 5;
}
div#slogan {
	position: absolute;
	background-color:#FFCC00;
	width:668px;
	height:152px;	
	margin-left: 0px;
	margin-top: 0px;
	background: url("images/slogan.png");
	z-index: 2;
	}
div#stan {
	position: float;
	width: 581px;
	height: 393px;
	margin-top: 50px;
	margin-left: 88px;
	background: url("images/petitstan.png");	
	}
	
buttonpromo, a.buttonpromo{ 
     position: absolute;	 
	 font-family: Arial;
	 font-weight: 800;
     font-size: 1.6em;
     width: 350px;
     height: 80px;
	 padding-top: 15px; /*permet le centrage vertical*/
	 padding-bottom: 15px;
	 margin-top: 130px;
	 margin-left: -330px;
     text-align: center;
	 text-shadow: 0px 2px 0px rgba( 80, 0, 0, 0.5);
     color: #FFFFFF;
     background: #FF0000;
	 background: linear-gradient( #FF00AA, #FF0022);
	 border-radius: 20px;
	 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -3px 0 rgba( 112, 0, 0, 0.4);
	 z-index: 4;
}

.promo:hover{
     color: #FFFEFE;
     background: #FF0000;
	 background: linear-gradient( #FF00AA, #FF2222, #FF0055);
}
	 
.promo:active{
     color: #DDDDDD;
     background: #DD0000;
     background: linear-gradient( #DD0099, #DD0011);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}

div#lorraine {
	position: absolute;
	width: 178px;
	height: 111px;
	margin-top: 30px;
	margin-left: 475px;
	background: url("images/lorraine2.png");
	z-index: 2;
	}
div#cible {
	position: absolute;
	width: 322px;
	height: 111px;
	margin-top: 30px;
	margin-left: 700px;
	background: url("images/cible.png");
	z-index: 3;
	}
div#piedpage {
	position: absolute;
	margin-top: 660px;
	width:1200px;
	height:100px;
	background: url("images/footer.png");	
	font-size: 12px;
	z-index: 5;
	}
nav ul
{
list-style-type: none;
margin-top: 0px;
}

nav li
{
 display: inline-block;
 margin-right: 15px;
}

nav a
{
 font-size: 1.3em;
 color: #181818;
 padding-bottom: 3px;
 text-decoration: none;
}

nav a:hover
{
 color: #760001;
 border-bottom: 3px solid #760001;
}
	

	
	/*Bouton Accueil*/
	
	button1, a.button1 {
margin-top: -20px;
margin-bottom: 4px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 15px 81px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button1::-moz-focus-inner, a.button1::-moz-focus-inner {
padding:0;
border:0;
}
button1:hover, a.button1:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
button1:active, a.button1:active {
background: #000000;
padding: 15px 81px 8px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
outline-style:none;
outline:none;
}
.accueil {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,108)), color-stop(0.58, rgb(15,32,159)));
background: -moz-linear-gradient(center bottom, rgb(15,32,108) 21%, rgb(15,32,159) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.accueil:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,159)), color-stop(0.58, rgb(15,32,210)));
background: -moz-linear-gradient(center bottom, rgb(15,32,159) 21%, rgb(15,32,210) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.accueil:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,80)), color-stop(0.58, rgb(15,32,109)));
background: -moz-linear-gradient(center bottom, rgb(15,32,80) 21%, rgb(15,32,109) 58%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}

	/*Bouton Alarmes*/
	
	button2, a.button2 {
margin-bottom: 4px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 15px 77px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button2::-moz-focus-inner, a.button2::-moz-focus-inner {
padding:0;
border:0;
}
button2:hover, a.button2:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
button2:active, a.button2:active {
background: #000000;
padding: 15px 77px 8px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
outline-style:none;
outline:none;
}
.alarmes {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,108)), color-stop(0.58, rgb(15,32,159)));
background: -moz-linear-gradient(center bottom, rgb(15,32,108) 21%, rgb(15,32,159) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.alarmes:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,159)), color-stop(0.58, rgb(15,32,210)));
background: -moz-linear-gradient(center bottom, rgb(15,32,159) 21%, rgb(15,32,210) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.alarmes:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,80)), color-stop(0.58, rgb(15,32,109)));
background: -moz-linear-gradient(center bottom, rgb(15,32,80) 21%, rgb(15,32,109) 58%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}

	/*Bouton Videoprotection */
	
	button3, a.button3 {
margin-bottom: 4px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 15px 48px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button3::-moz-focus-inner, a.button3::-moz-focus-inner {
padding:0;
border:0;
}
button3:hover, a.button3:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
button3:active, a.button3:active {
background: #000000;
padding: 15px 48px 8px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
outline-style:none;
outline:none;
}
.video {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,108)), color-stop(0.58, rgb(15,32,159)));
background: -moz-linear-gradient(center bottom, rgb(15,32,108) 21%, rgb(15,32,159) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.video:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,159)), color-stop(0.58, rgb(15,32,210)));
background: -moz-linear-gradient(center bottom, rgb(15,32,159) 21%, rgb(15,32,210) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.video:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,80)), color-stop(0.58, rgb(15,32,109)));
background: -moz-linear-gradient(center bottom, rgb(15,32,80) 21%, rgb(15,32,109) 58%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}

	/*Bouton Contrôle d'accès*/
	
	button4, a.button4 {
margin-bottom: 4px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 15px 49px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button4::-moz-focus-inner, a.button4::-moz-focus-inner {
padding:0;
border:0;
}
button4:hover, a.button4:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
button4:active, a.button4:active {
background: #000000;
padding: 15px 49px 8px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
outline-style:none;
outline:none;
}
.acces {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,108)), color-stop(0.58, rgb(15,32,159)));
background: -moz-linear-gradient(center bottom, rgb(15,32,108) 21%, rgb(15,32,159) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.acces:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,159)), color-stop(0.58, rgb(15,32,210)));
background: -moz-linear-gradient(center bottom, rgb(15,32,159) 21%, rgb(15,32,210) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.acces:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,80)), color-stop(0.58, rgb(15,32,109)));
background: -moz-linear-gradient(center bottom, rgb(15,32,80) 21%, rgb(15,32,109) 58%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}

	/*Bouton Télésurveillance*/
	
	button5, a.button5 {
margin-bottom: 4px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 15px 51px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button5::-moz-focus-inner, a.button5::-moz-focus-inner {
padding:0;
border:0;
}
button5:hover, a.button5:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
button5:active, a.button5:active {
background: #000000;
padding: 15px 51px 8px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
outline-style:none;
outline:none;
}
.tls {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,108)), color-stop(0.58, rgb(15,32,159)));
background: -moz-linear-gradient(center bottom, rgb(15,32,108) 21%, rgb(15,32,159) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.tls:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,159)), color-stop(0.58, rgb(15,32,210)));
background: -moz-linear-gradient(center bottom, rgb(15,32,159) 21%, rgb(15,32,210) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.tls:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,80)), color-stop(0.58, rgb(15,32,109)));
background: -moz-linear-gradient(center bottom, rgb(15,32,80) 21%, rgb(15,32,109) 58%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}

	/*Bouton Incendie*/
	
	button6, a.button6 {
margin-bottom: 4px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 15px 77px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button6::-moz-focus-inner, a.button6::-moz-focus-inner {
padding:0;
border:0;
}
button6:hover, a.button6:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
button6:active, a.button6:active {
background: #000000;
padding: 15px 77px 8px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
outline-style:none;
outline:none;
}
.incendie {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,108)), color-stop(0.58, rgb(15,32,159)));
background: -moz-linear-gradient(center bottom, rgb(15,32,108) 21%, rgb(15,32,159) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.incendie:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,159)), color-stop(0.58, rgb(15,32,210)));
background: -moz-linear-gradient(center bottom, rgb(15,32,159) 21%, rgb(15,32,210) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.incendie:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,80)), color-stop(0.58, rgb(15,32,109)));
background: -moz-linear-gradient(center bottom, rgb(15,32,80) 21%, rgb(15,32,109) 58%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}

	/*Bouton Surveillance Humaine*/
	
	button7, a.button7 {
margin-bottom: 4px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 15px 33px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button7::-moz-focus-inner, a.button7::-moz-focus-inner {
padding:0;
border:0;
}
button7:hover, a.button7:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
button7:active, a.button7:active {
background: #000000;
padding: 15px 33px 8px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
outline-style:none;
outline:none;
}
.humain {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,108)), color-stop(0.58, rgb(15,32,159)));
background: -moz-linear-gradient(center bottom, rgb(15,32,108) 21%, rgb(15,32,159) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.humain:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,159)), color-stop(0.58, rgb(15,32,210)));
background: -moz-linear-gradient(center bottom, rgb(15,32,159) 21%, rgb(15,32,210) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.humain:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,80)), color-stop(0.58, rgb(15,32,109)));
background: -moz-linear-gradient(center bottom, rgb(15,32,80) 21%, rgb(15,32,109) 58%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}

	/*Bouton Partenaires
	
	button8, a.button8 {
margin-bottom: 4px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 11px 53px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) , inset 0 1px 0 0 rgba(255,255,255,0.5) , inset 0 -3px 0 0 rgba(0,0,0,0.5) ;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button8::-moz-focus-inner, a.button8::-moz-focus-inner {
padding:0;
border:0;
}
button8:hover, a.button8:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
button8:active, a.button8:active {
background: #000000;
padding: 11px 53px 8px; 
-moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
outline-style:none;
outline:none;
}
.partenaires {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,108)), color-stop(0.58, rgb(15,32,159)));
background: -moz-linear-gradient(center bottom, rgb(15,32,108) 21%, rgb(15,32,159) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.partenaires:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,159)), color-stop(0.58, rgb(15,32,210)));
background: -moz-linear-gradient(center bottom, rgb(15,32,159) 21%, rgb(15,32,210) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.partenaires:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,80)), color-stop(0.58, rgb(15,32,109)));
background: -moz-linear-gradient(center bottom, rgb(15,32,80) 21%, rgb(15,32,109) 58%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}
*/
	/*Bouton Nous contacter*/
	
	button9, a.button9 {
margin-bottom: 4px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 15px 55px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button9::-moz-focus-inner, a.button9::-moz-focus-inner {
padding:0;
border:0;
}
button9:hover, a.button9:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
button9:active, a.button9:active {
background: #000000;
padding: 15px 55px 8px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 0px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
outline-style:none;
outline:none;
}
.contact {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,108)), color-stop(0.58, rgb(15,32,159)));
background: -moz-linear-gradient(center bottom, rgb(15,32,108) 21%, rgb(15,32,159) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.contact:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,159)), color-stop(0.58, rgb(15,32,210)));
background: -moz-linear-gradient(center bottom, rgb(15,32,159) 21%, rgb(15,32,210) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.contact:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,80)), color-stop(0.58, rgb(15,32,109)));
background: -moz-linear-gradient(center bottom, rgb(15,32,80) 21%, rgb(15,32,109) 58%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}

/* Bouton DEVIS */


bouton, a.bouton {
position: relative;
margin-top: 171px;
margin-left: 773px;
width:200px;
height: 25px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 24px;
font-weight: 70;
padding: 7px 19px 13px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(203,203,203)), color-stop(0.58, rgb(227,226,226)));
background: -moz-linear-gradient(center bottom, rgb(203,203,203) 21%, rgb(227,226,226) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.5) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.5), inset 0 -3px 0 0 rgba(0,0,0,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
bouton::-moz-focus-inner, a.bouton::-moz-focus-inner {
padding:0;
border:0;
}
bouton:hover, a.bouton:hover {
background: #C9C9C9;
cursor: pointer;
outline-style:none;
outline:none;
}
bouton:active, a.bouton:active {
background: #ccc;
padding: 7px 19px 12px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 -1px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 -1px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 0px rgba(255,255,255,0.3), inset 0 -1px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
}

.devis {
background: #0F206C;
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,180)), color-stop(0.58, rgb(15,32,255)));
background: -moz-linear-gradient(center bottom, rgb(15,32,180) 21%, rgb(15,32,255) 58%);
text-shadow: 0 1px rgba(0,0,0,0.25);
}
.devis:hover {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,60,255)), color-stop(0.58, rgb(15,68,255)));
background: -moz-linear-gradient(center bottom, rgb(15,60,255) 21%, rgb(15,68,255) 58%);
text-shadow: 0 1px rgba(0,0,0,0);
}
.devis:active {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(15,32,180)), color-stop(0.58, rgb(15,32,220)));
background: -moz-linear-gradient(center bottom, rgb(15,32,180) 21%, rgb(15,32,220) 58%);