body {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
margin:auto;
background-color:#060606;
background-image:url('../img/background.jpg');background-position:top center;background-repeat:no-repeat;
color: #000000;
position: relative;
width: 940px;
}

p {margin-bottom: 15px;}

a, a:link, a:visited { color:#000000; text-decoration:underline; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size:24px; margin-top: 20px;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size:20px; color: #a40241; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size:20px;}

#header { position:relative; background:transparent url('../img/back-entete.jpg') scroll no-repeat 0 0; width: 100%; height: 565px;margin-top: 3px;}
#header .contact {width: 92%; height: 86px; float: left;text-align: right;}
#header .facebook {width: 61px; height: 86px; float: left; margin-top:10px;}

#logo { position: absolute; width:383px; height:180px;top:0px; left:285px; background:transparent url('../img/nancy-emond-notaire-alma.png') scroll no-repeat 0 0;}
#plume { position: absolute; width:1140px; height:509px;top:44px; left:0px; background:transparent url('../img/plume-notaire.png') scroll no-repeat 0 0;}
#nancy-emond { position: absolute; width:620px; height:518px;top:60px; left:-10px; background:transparent url('../img/nancy-emond-notaire2.png') scroll no-repeat 0 0;}

#accueil_top { position:relative; background: url('../img/back-accueil-top.png') scroll repeat 0 0; width:100%; height: 336px;}
#bienvenue {width: 628px; height: 305px; float: left;padding: 15px; text-align: justify; line-height: 20px;}
#horaire { width:25%; height: 245px;float: right; padding: 20px; color: #ffffff;}

#container { position:relative; background:transparent url('../img/nancy-emond-alma.jpg') scroll no-repeat 0 0; width:100%; min-height: 704px;}

#container .container_center { width:430px; text-align: justify; height: 614px;position: relative; color: #ffffff; padding-top:90px; line-height: 20px;}
#container ul { padding:0 0 0 35px; }
#container ul li { margin:2px 0; list-style-type: disc; }
#veronique-vandal {position: absolute;width: 300px;height: 20px;top: 675px; left: 725px;color: #000000;}

#footer { position:relative; background:transparent url('../img/back-footer.png') scroll no-repeat 0 0; width: 100%; height: 99px;color: #c7c7c7;font-family: Helvetica, Arial, sans-serif; font-size:14px; text-align: center;padding-top: 45px; height: 54px; padding-bottom: 0px; margin-bottom: 0px;}
#footer a {color: #c7c7c7; text-decoration: underline;}

#signature {position:relative;width: 100%; height: 20px;color: #868686; font-size: 11px; text-align: right;padding-top: 5px; margin-bottom: 5px;}
#signature a {color: #868686; text-decoration: underline;}
#politique{
    background-color:#ffffff;
    padding:20px;
}
@media only screen and (max-width:480px) {
 body {
 width: 100%;
 background-color:#060606;
 background-image: none;
 color:#000000;
 }
 #header {background-image:none; min-height: 180px;margin-top: 0px;float: left;height: 20%;}
 #logo {left:0px; position: relative; margin: auto;}
 #container {background-image: none;padding-bottom: 5px; float: left;height:60%;}
 #container .container_center {padding-top: 5px; width: 95%; margin: auto;}
 #footer {float: left;height: 20%;}
 }
.footer-politique{
    text-align: center;
    background-color: #000;
    padding-block: 20px;
}
.footer-politique a {
color: #c7c7c7;
    text-decoration: none;
    line-height: 30px;
}
@media only screen and (max-width:480px) {
 .not_mobile {display: none;}
}

@media only screen and (max-width:800px) {
 body {
  background-color:#363636;
  background-image: none;
 }
 #plume {width:1008px; background:transparent url('../img/plume-notaire-800.png') scroll no-repeat 0 0;}
 #plume {width:1008px; background:transparent url('../img/plume-notaire-800.png') scroll no-repeat 0 0;}

}
 }