body {
margin: 0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 20px;
margin:auto;
background-color:#e3e3e3;
background-image:url('../img/background.jpg');background-position:top left;background-repeat:repeat;
color: #333333;
position: relative;
margin: auto;
width: 960px;
}

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

p {}

h1 { font-family: Arial, Helvetica, sans-serif; font-size:30px; margin-top: 0px; color: #ef4a34; background-image:url('../img/ligne-h1.png');background-position:top center;background-repeat:repeat; height: 30px;text-transform: uppercase;width: 96%; margin-left: 0%; margin-right: 4%; float: left;font-weight: normal;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size:25px; padding-top: 20px;  padding-bottom: 30px; margin-bottom: 0px; margin-top:0px; color: #202020; width: 100%; float: left;font-weight: normal;display: block;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size:15px; padding-top: 0px;  padding-bottom: 0px; margin-bottom: 0px; margin-top: 9px; color: #ffffff; width: 100%; float: left;text-align: center;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size:18px; padding-top: 5px;  padding-bottom: 5px; margin-bottom: 0px; color: #f55d12; width: 100%; float: left;font-weight: normal;}

#header { position:relative; height: 690px; float: left; background-color:#ffffff;background-image:url('../img/back-header.jpg');background-position:top left;background-repeat:repeat;}
#header .logo {margin-left: 0px; margin-top: 0px; height: 690px; width: 284px; float: left;}

#header .certifie {position: absolute; top: 82px; left: 900px;}

#header .menu {width:675px; height: 75px; background-image:url('../img/back-menu.jpg');background-position:top left;background-repeat:repeat; float: left;}
#header .menu ul {padding-top: 0px;padding-left:0px;margin-top: 0px; margin-bottom: 0px;}
#header .menu li {display: block; float: left; width: auto; color: #ed4731;padding-top:30px;padding-left:30px;font-size: 18px;text-transform: uppercase;}
#header .menu li a {text-decoration: none; color: #ed4731;}

#container { width:100%; background-color: #ffffff; position: relative; float: left;padding-bottom: 10px; }

/* Page d'accueil */
#boite-hebergement-longue-duree {width: 229px; height: 378px;float: left;background-image:url('../img/accueil/hebergement-longue-duree.jpg');background-position:top left;background-repeat:no-repeat;margin-left: 8px;}
#boite-hebergement-longue-duree .texte {margin-left: 0px; margin-top: 0px; padding-left: 9px; padding-right: 9px; list-style: none;color: #747373;padding-top: 290px;}
#boite-convalescence {width: 229px; height: 378px;float: left;background-image:url('../img/accueil/convalescence.jpg');background-position:top left;background-repeat:no-repeat;margin-left: 8px;}
#boite-convalescence .texte {margin-left: 0px; margin-top: 0px; padding-left: 9px; padding-right: 9px; list-style: none;color: #747373;padding-top: 290px;}
#boite-repit-depannage {width: 229px; height: 378px;float: left;background-image:url('../img/accueil/repit-depannage.jpg');background-position:top left;background-repeat:no-repeat;margin-left: 8px;}
#boite-repit-depannage .texte {margin-left: 0px; margin-top: 0px; padding-left: 9px; padding-right: 9px; list-style: none;color: #747373;padding-top: 290px;}
#boite-unites-supervisees {width: 229px; height: 378px;float: left;background-image:url('../img/accueil/unites-supervisees.jpg');background-position:top left;background-repeat:no-repeat;margin-left: 8px;}
#boite-unites-supervisees .texte {margin-left: 0px; margin-top: 0px; padding-left: 9px; padding-right: 9px; list-style: none;color: #747373;padding-top: 290px;}

/* Page A propos */
#proprietaires {width: 229px; height: 378px;float: left;background-image:url('../img/apropos/france-fradette-gilles-lavoie.jpg');background-position:top left;background-repeat:no-repeat;margin-left: 8px;margin-top: 20px;}
#proprietaires .texte {margin-left: 0px; margin-top: 0px; padding-left: 9px; padding-right: 9px; list-style: none;color: #ffffff;padding-top: 225px;font-size: 16px; text-align: center; font-weight: bold;}
#apropos { float: left; width: 680px; margin-left: 15px;}

/* Page Services */
#services {float: left; width: auto; height: auto;display: block;padding-left:10px;}
#services .photo {width: 230px; float: left;padding-left: 5px; padding-right: 20px;min-height: 260px;}
#services .texte {width: auto; float: left;padding-left: 5px; padding-right: 20px;}
#services .texte h2 {width: auto; display: block;padding-top: 0px;padding-bottom: 0px;}
#services .texte ul {padding-top: 0px; margin-top: 0px; padding-left: 16px;}
#services .texte ul,li {line-height: 22px;}

/* Page Appartements */
#appartements {float: left; width: auto; height: auto;display: block;padding-left:10px;}
#appartements .photo {width: 230px; float: left;padding-left: 5px; padding-right: 12px;height: 260px;}

/* Page Contact */
#contact {float: left; width: auto; height: auto;display: block;padding-left:10px;}

#footer { position:relative; float: left; background-image:url('../img/back-footer.jpg');background-position:top left;background-repeat:repeat; height: 250px; font-size:14px; padding-bottom: 0px; margin-bottom: 0px;width: 100%;}
#footer a {color: #747373; text-decoration: none;}
#footer ul,li {padding-left: 0px;}
#footer li {list-style: none ;padding-left: 0px;}
#footer .ligne-footer { position:relative; float: left; background-image:url('../img/ligne-footer.png');background-position:top center;background-repeat:repeat; height: 1px; padding-bottom: 0px; margin-top: 20px;width: 90%; margin-left: 5%; margin-right: 5%; }

#signature {position:relative; float: left;width: 95%; height: 18px;color: #868686; font-size: 11px; text-align: right;padding-top: 15px; margin-bottom: 5px; padding-right: 5%;background: #ffffff;}
#signature a {color: #868686; text-decoration: underline;}

@media only screen and (max-width:480px) {
    body {width: 100%;background-image:none; }
    h1 { font-family: Arial, Helvetica, sans-serif; font-size:22px; margin-left: 8px;margin-top: 10px; color: #ef4a34; background-image:url('../img/ligne-h1.png');background-position:top center;background-repeat:repeat; height: 30px;text-transform: uppercase;width: 96%; margin-left: 0%; margin-right: 4%; float: left;font-weight: normal;}    
    #header {height:auto; margin: 0; padding: 0; background-color: #ed4731;background-image:url('../img/logo-mobile.jpg');background-position:top center;background-repeat:no-repeat;}    

    /* MENU */
    #header .logo {margin-left: 0px; margin-top: 0px; height: 250px; width: 100%;padding:0; margin: 0;}
    
    #header .menu {background-image: none;height: auto;width: 100%; margin: 0; padding: 0;}
    #header .menu ul {margin: 0; padding: 0;}
    #header .menu li {width:100%;background-color: #00576a;margin: 0; padding: 0; text-align: center;border-bottom-color: #ffffff; border-bottom-width: 1px; border-bottom-style: solid; font-size: 18px; padding-top:10px; padding-bottom:10px;}
    #header .menu li a {color: #ffffff;}

    #container .container {background-image: none; width: 100%; margin: 0; padding: 0; }
    #proprietaires {height: auto;}
    #apropos {width: auto; margin-left: 5px;}
    

    #footer {display: none;}
    
    .not_mobile {display: none;}
}

@media only screen and (max-width:768px) {

    #header {height:auto; margin: 0; padding: 0;}         
    #footer {width:100%; }

}