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

 text-decoration:none; 
 color: #FFFFFF;
 font-family: Myriad Pro;
 font-size: 19px;
} 
a:visited 
{ 
 text-decoration:none; 
 color: #FFFFFF;
 font-family: Myriad Pro;
} 


div {
	/*text-align:center;*/
	}
body,td,th {
}
#total #contenu p {
	text-align: left;
	color: #CCC;
	z-index: 10;
	padding-right: 20px;
	
	}

div#total{
	width:1200px;
	height: 860px;
	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#dome{
	text-align: center;
    position: absolute;
    margin-top: -543px;
    margin-left: -223px;
    width: 240px;
    height: 45px;
    z-index: 5;
	}
div#titre {
	position: absolute;
	width: 640px;
	height: 65px;
	margin-left: 396px;
	margin-top: 52px;
	background: url("images/titre_videoprotection.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:670px;	
	margin-left: 396px;
	margin-top: 190px;
	padding-left: 20px;
	font-size: 14px;
	background: url("images/articleindex.png");
	z-index: 1;
	
	}
.photovideo
{
    float: left;
	padding-left: 145px;
	
}
.dessous
{
    clear: both;
}


div#piedpage {
	position: absolute;
	margin-top: 760px;
	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 DOME */


bouton, a.bouton {
position: relative;
z-index: 5;
margin-top: 200px;
margin-left: 200px;
width:420px;
height: 24px;
border: 1px solid rgba(0,0,0,0.3);
background: #eee;
color: #515151;
display: inline-block;
font-size: 23px;
font-weight: 70;
padding: 6px 15px 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;
}
.dome {
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);
}
.dome: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);
}
.dome: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%);
}
ul{
padding-left:142px;
padding-top: 5px;
text-align: center;

}