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:left;
	text-decoration:none; 
	color: #FFFFFF;
	font-family: Myriad Pro;
	}
#total #contenu p {
	text-align: left;
	color: #CCC;
	z-index: 10;
	
	}
#total #contenu {
	text-align: left;
	color: #CCC;
	z-index: 10;
	}
div#total{
	width:1200px;
	height: 670px;
	position: absolute;
	margin-left: -600px;
	margin-top: 0px;	
	left: 50%;
	background: url("images/leveedoute.png");
	z-index: 1;
	 }
div#bandeau {
	position: absolute;
	width:1200px;
	height:190px;
	background-color:#00CCFF;
	background: url("images/headerleveedoute.png");
	}
div#logo {
	position: absolute;
	width: 375px;
	height: 180px;
	margin-left: 0px;
	margin-top: 9px;
	background: url("images/logo.png");
	z-index: 5;
	}
div#contenu {
	position: absolute;
	width: 1200px;
	height: 722px;
	margin-top: 190px;
	padding-left: 0px;
	background: url("images/bgleveedoute2.png");
	text-decoration:none; 
	color: #FFFFFF;
	font-family: Myriad Pro;
	}
	
	
div#negatif {
	position: absolute;
	width:250px;
	height:188px;	
	margin-left: 190px;
	margin-top: 25px;
	padding-left: 20px;
	z-index: 1;
	}
div#positif {
	position: absolute;
	width:250px;
	height:422px;	
	margin-left: 190px;
	margin-top: 270px;
	margin-bottom: 25px;
	padding-left: 20px;
	z-index: 1;
	}
div#texte{
	position: absolute;
	width: 550px;
	margin-left: 550px;
	margin-top:50px;
	z-index: 30;
	}
.negatif
{
    float: left;
	padding-right: 40px;
	}

.positif1{
    float: left;
	padding-left: 0px;
	padding-right: 40px;
	margin-top: 25px;
	margin-bottom: 0px;
	z-index: 10;
	}
	
.positif2{
    float: left;
	padding-right: 40px;
	padding-top: 25px;
	padding-left: 0px;
	z-index: 10;
	}


div#devis {
	text-align:center;
	position: float;
	margin-top: -27px;
	margin-left: 47px;
	width:240px;
	height: 45px;
	z-index: 5;
}
div#piedpage {
	position: absolute;
	margin-top: 660px;
	width:1200px;
	height:25px;
	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 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%);