body
{
	background-image: url(IMG/Arriere%20plan.jpg);
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
}
#bloc_page
{
	width:950px;
	margin:auto;
}

header
{
	height:200px;
	background-color:#333;
}

header p
{
	position:absolute;
	margin-top:-69px;
	margin-left:30px;
}
#logo
{
	opacity: 1;
	position: absolute;
	margin-left: 375px;
	top: 40px;
}
#maison_banniere
{
	position: absolute;
	margin-top: -50px;
	margin-left: 20px;
}

#banniere_image
{
    margin-top:15px;
    height: 140px;
    border-radius: 5px;
    background: url(IMG/Banniere%202.png) no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 20px;
}

#bienvenue h2
{
	width:250px;
	padding-left:670px;
	margin-top:-12px;
	font-family: calibri, perpetia, Times, serif;
	font-size:12px;
	color:#FFF;
	text-align: justify;
}
	
#menu
{
	height:205px;
	background-color:#333;
	opacity:0.8;
}

#menu ul, #menu li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu li
{
	width: 190px;
}
#menu li a
{
	font-family: calibri, perpetua, Times, serif;
	font-size: 20px;
	display: block;
	text-decoration: none;
	text-align: center;
	border: 1px solid #fff;
}
/*---------- Niveau 1 ----------*/
#menu .niveau1 li
{
	float: left;
	margin: 0 -1px 0 0;
}
#menu .niveau1 li a
{
	padding: 15px 0;
	height: 20px;
	color: #fff;
	background: #666;
}
#menu .niveau1 li:hover a,
#menu .niveau1 li a:hover
{
	color: #fff;
	background: #999;
}
/*---------- Niveau 2 ----------*/
#menu .niveau2
{
	position: absolute;
	top: -9999em;
}
#menu .niveau2 li
{
	clear: left;
	margin: -1px 0 0;
}
#menu .niveau2 li a
{
	color: #fff;
	background: #6D8600;
}
#menu .niveau2 li a:hover
{
	color: #666;
	background: #CCC;
}
#menu li:hover .niveau2,
#menu .sfhover .niveau2
{
	top: auto;
	min-height: 0; /* corrige un bug IE7 */
}
/*---------- Niveau 3 ----------*/
#menu .niveau1 .niveau2 .niveau3
{
	position: absolute;	
	top: -9999em;
	border-top: 1px solid #fff; /* corrige un bug IE6 */
}
#menu .niveau3 li a
{
	color: #fff;
	background: #6D8600;
}
#menu .niveau3 li:hover a,
#menu .niveau3 li a:hover
{
	color: #746756;
	background: #D8ED1A;
}
#menu .niveau2 li:hover .niveau3,
#menu .niveau2 .sfhover .niveau3
{	
	top: auto;
	margin:-28px 0 0 149px;
}
#menu .inverse .niveau2 li:hover .niveau3,
#menu .inverse .niveau2 .sfhover .niveau3
{	
	top: auto;
	margin:-28px 0 0 -149px;
}

section
{
	height: auto;
	background-color: #333;
	opacity: 0.8;
}

section nav
{
	padding-top:10px;
	padding-bottom:50px;
	color: #FFF;
	width: 700px;
	margin-left: 125px;
	text-align: justify;
}

.adresse
{
	text-align:center;
	font-family: calibri, perpetua, Times, serif;
	font-weight: bold;
	font-size:20px;
	background-color: #a6242f;
}

section nav h2
{
	font-family: calibri, perpetua, Times, serif;
	font-weight: bold;
	text-decoration: underline;
	font-size:21px;
}

section nav h3
{
	font-family: calibri, perpetua, Times, serif;
	font-size:19px;
}

.merci
{
	text-align:center;
	width:500px;
	margin-left:225px;
	padding-bottom:100px;
}

.titre
{	
	text-align:center;
	font-family: calibri, perpetua, Times, serif;
	font-weight: bold;
	font-size:32px;
	background-color: #a6242f;
}

.aps
{
	border:none;
	float: right;
	padding:10px;
}

.apspre
{
	position: absolute;
	margin-top: -15px;
	margin-left: 380px;
	padding: 10px;
}

.sans
{
	text-decoration:none;
	color:#FFF;
}

.loc
{
	float:right;
	width:250px;
}

.dpe
{
	float:right;
	border: none;
	padding-bottom:20px
}

.cerfa
{
	position: absolute;
	margin-left:560px;
	margin-top:-300px;
	background: #CFC;
	padding:2px;
}

.photo_chantier
{
	float:right;
	margin-right:-80px;
	padding:20px;
}

.bepos
{
	border:none;
	float: right;
	padding:20px;
}

.effi
{
	float: right;
	margin-top: 40px;
}

.formulaire
{
	margin-left: 0px;
	padding-bottom: 20px;
	width: 300px;
}

.box
{
	width:340px;
	height:175px;
	padding:20px 10px 0 10px;
	color: #444444;
	background-color: #ddd;
	background-image: linear-gradient(#E5E5E5, #CFCFCF);
	box-shadow: -1px 2px 10px 3px #333333 inset;
}

.box2
{
	float:right;
	width:340px;
	height:175px;
	padding:20px 10px 0 10px;
	color: #444444;
	background-color: #ddd;
	background-image: linear-gradient(#E5E5E5, #CFCFCF);
	box-shadow: -1px 2px 10px 3px #333333 inset;
}

@keyframes AutoSlide {
    0%, 20%, 100% {
        left: 0px; /*1ère image*/
    }
    25%, 45% {
        left: -320px; /*2ème image*/
    }
    50%, 70% {
        left: -640px; /*3ème image*/
    }
	75%, 95% {
        left: -960px; /*4ème image*/
    }
}

#slideshow {
    position: relative;
    width: 320px;
    height: 155px;
	margin:auto;
    overflow: hidden;
	border:1px solid #FFF;
}
#sContent li {
    display: inline;
}

#sContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 1280px;
    margin: 0;            
    padding: 0;
    
    /*CSS3 keyframes animation*/
    animation-name: AutoSlide;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

footer
{
	margin-top:-14px;
	height:120px;
	background-color:#333;
	opacity:0.8;
	text-align:center;
	color:#CCC;
}

footer h3
{
	font-family: calibri, perpetua, Times, serif;
	font-size:12px;
	color:#FFF;
}

.lien1 a:link
{
	color: #CCC;
	text-decoration: none; 
}

.lien1 a:visited
{
	color: #900;
	text-decoration: none; 
}

.lien1 a:hover
{
	color: #FF0;
	text-decoration: none; 
}

.lien1 a:active
{
	color: #CCC;
	text-decoration: none; 
}