/* reset CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6, input, select, button{font-size:100%}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
fieldset, img{border:0}
caption, th{text-align:left}


body {
    background-color: #aaabab;
    text-align: center;
    font-family: verdana, "sans serif";
 }

a {
    color: black;
    text-decoration:none;
 }

h1    {
    color: #aaabab;
    text-align: left;
    font-size: 1.8em;
}
h2    {
    color: #aaabab;
    font-size: 1.2em;
    text-align: left;
    margin: 40px 0 0 20px;
}
p    {
    color: black;
    font-size: 1em;
    text-align: center;
}


#degrade {
    background: url(fond-degrade.png) top center transparent no-repeat;
 }
#page {
    margin: auto;
    width: 1024px;
    height: auto;
    background-color: #6d6c6c;
/*----------
    padding-bottom: 60px;-------*/
     }
#degrade #page #menuaccess ul li {
    display: none;
    }
#header {
    background: url(bandeau-haut.png) top center no-repeat;
    padding: 161px 0 50px 0;
    width: 1024px;
    text-align: center;
  }

#header #barre-menu {
    list-style: none;
      }

#header #barre-menu li.menu {
    display: block;
    text-align: left;
    padding-left: 0;
    float: left;
  }

#header #barre-menu li.menu a {
     background: url(bouton-menu.jpg) transparent no-repeat;
     font-size: 0.75em;
     font-weight: bold;
     padding: 2px 0 15px 21px;
     width: 89px;
     float: left;
       }
#header #barre-menu li.menu #invisible {
    visibility: hidden;
    padding: 2px 0 15px 45px;
     }
#header #barre-menu li.menu:hover a,
#header #barre-menu li.menu a:hover {
    color: black;
    text-decoration:none;
    background: url(bouton-menu-choisi.jpg) transparent no-repeat;
  }

/*-------------sous menu----------------*/

#header #barre-menu li.menu ul.smenu {
     position: absolute;
     left: -5000px;
     width: 0;
     height: auto;
     list-style: none;
     z-index: 200;
}

#header #barre-menu li.menu:hover ul.smenu {
     left: auto;
     z-index: 1000;
     margin: 25px 0 0 2px;
     border-left: 2px solid #861819;
     width: 100px;
     }
#header #barre-menu li.menu ul.smenu li {
    width: 100px;
    height: 50px;
    }

#header #barre-menu li.menu ul.smenu li a {
    padding: 0;
    height: 50px;
    width: 100px;
  }
#header #barre-menu li.menu ul.smenu li a b {
    position: absolute;
    left: -5000px;
  }
#header #barre-menu li.menu ul.smenu li a:hover b {
    margin: 12px 0 0 50px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    left: auto;
    width: auto;
    height: 25px;
    white-space: nowrap;
    text-align: center left;
    font-size: 0.9em;
    line-height: 25px;
    background: #aaabab;
       }

/* -------------- background sous menu 2---------------- */

#header #barre-menu li.menu ul.smenu li a.smenu21 {
    background: url(images/agence.jpg) transparent no-repeat;
   }
#header #barre-menu li.menu ul.smenu li a.smenu22 {
    background: url(images/missions.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu23 {
    background: url(images/moyens.jpg) transparent no-repeat;
}

/* -------------- background sous menu 3---------------- */

#header #barre-menu li.menu ul.smenu li a.smenu31 {
    background: url(images/villasenprojet.jpg) transparent no-repeat;
   }
#header #barre-menu li.menu ul.smenu li a.smenu315 {
    background: url(images/villa323.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu32 {
    background: url(images/villa279.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu33 {
    background: url(images/villa256.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu34 {
    background: url(images/villa252.jpg) transparent no-repeat;
   }
#header #barre-menu li.menu ul.smenu li a.smenu35 {
    background: url(images/villa254.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu36 {
    background: url(images/villa197.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu37 {
    background: url(images/villa240.jpg) transparent no-repeat;
   }
#header #barre-menu li.menu ul.smenu li a.smenu38 {
    background: url(images/villa184.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu39 {
    background: url(images/villa157.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu310 {
    background: url(images/villa156.jpg) transparent no-repeat;
   }
#header #barre-menu li.menu ul.smenu li a.smenu311 {
    background: url(images/villa159.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu312 {
    background: url(images/villa118.jpg) transparent no-repeat;
    }
#header #barre-menu li.menu ul.smenu li a.smenu313 {
    background: url(images/villa109.jpg) transparent no-repeat;
   }
#header #barre-menu li.menu ul.smenu li a.smenu314 {
    background: url(images/villastraditionnelles.jpg) transparent no-repeat;
}

/* -------------- background sous menu 4--------------- */
#header #barre-menu li.menu ul.smenu li a.smenu46 {
    background: url(images/extension353.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu45 {
    background: url(images/extension344.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu41 {
    background: url(images/extension331.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu42 {
    background: url(images/extension278.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu43 {
    background: url(images/extension162.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu44 {
    background: url(images/surelevations.jpg) transparent no-repeat;
}
/* -------------- background sous menu 5---------------- */


#header #barre-menu li.menu ul.smenu li a.smenu51 {
    background: url(images/renovation322.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu52 {
    background: url(images/renovation250.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu53 {
    background: url(images/renovation217.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu54 {
    background: url(images/renovation117.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu55 {
    background: url(images/renovationext.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu56 {
    background: url(images/renovationint.jpg) transparent no-repeat;
}
/* -------------- background sous menu 6---------------- */

#header #barre-menu li.menu ul.smenu li a.smenu61 {
    background: url(images/autreprojet327.jpg ) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu62 {
    background: url(images/autreprojet324.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu63 {
    background: url(images/autreprojet305.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu64 {
    background: url(images/autreprojet285.jpg ) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu65 {
    background: url(images/autreprojet268.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu66 {
    background: url(images/autreprojet265.jpg) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu67 {
    background: url(images/autreprojet198.jpg ) transparent no-repeat;
}
#header #barre-menu li.menu ul.smenu li a.smenu68 {
    background: url(images/autreprojet130.jpg) transparent no-repeat;
}

/* ----------------apparition sous menu-------------- */

#header #barre-menu li.menu ul.smenu li a:hover {
    background-position: 0 -50px;
    position: relative;
}

/* ------------menu bas----------------- */
#footer {
    height: 52px;
    background: url(menu-bas.jpg) transparent center top no-repeat;
    padding: 0 0 0 0;
 }
#footer ul {
    margin: 0 0 0 0;
    padding:0;
    }
#footer li {
    display: inline;
    text-align: left;
    margin: 0 1em 0 1em;
   }
#footer li a {
    font-size: 0.7em;
   }
#footer ul.access li a {
    font-size: 0.6em;
}

/* ------------page accueil----------------- */
#corps {
    margin: 0 0 0 85px;
    }
#corps h1 {
    width: 254px;
    margin: 10px 0 10px 0px;
    padding: 0;
    white-space: nowrap;
   }
#corps #architecture {
    float: left;
    text-align: center;
   }
#corps #architecture  p {
    font-size: 0.95em;
    width: 814px;
    text-align: justify;
    margin: 10px;
    padding: 5px 10px 5px 10px;
    text-indent: 20px;
    color: #aaabab;
    font-weight: normal;
}
#corps #architecture  p:first-letter {
    color: #861819;
    font-weight: bold;
    font-size: 1.1em;
}

#corps #photo-tetes {
    clear: left;
    margin: 30px 0 0px -85px;
    padding: 30px 0 15px 0;
    }
#corps #photo-tetes p {
    width: 1024px;
    display: inline;
    text-align: center;
    word-spacing: 58px;
      }
/* ------------page agence----------------- */
#corps #agence ul {
    margin: 10px 0 20px 10px;
    text-align: justify;
    width: 814px;
            }
#corps #agence ul.petite-tete {
    list-style: none;
    }
#corps #agence ul li {
    text-align: left;
    color: #aaabab;
    font-size: 0.95em;
    margin-left: 52px;
}
#corps #agence ul.petite-tete li {
    text-align: left;
    color: #aaabab;
    font-size: 0.95em;
    padding: 25px 0 0 52px;
    height: 50px;
 }
#corps #agence ul.petite-tete li:first-letter {
    color: #861819;
    font-weight: bold;
    font-size: 1.1em;
}
#corps #agence li.petite-tete-philippe {
    background: url(petite-tete-philippe.jpg) no-repeat left;
}
#corps #agence li.petite-tete-christele {
    background: url(petite-tete-christele.jpg) no-repeat left;
}
#corps #agence li.petite-tete-isabelle {
    background: url(petite-tete-isabelle.jpg) no-repeat left;
}
#corps #agence h1 {
    border-bottom: 2px solid #861819;
    width: 854px;
    }
#corps #agence h1 b{
    font-size: 0.8em;
    }
#corps #agence  p {
    font-size: 0.95em;
    width: 814px;
    text-align: justify;
    margin: 10px;
    padding: 5px 10px 5px 10px;
    text-indent: 20px;
    color: #aaabab;
    font-weight: normal;
}
#corps #agence  p:first-letter ,
#corps #agence  dt:first-letter {
    color: #861819;
    font-weight: bold;
    font-size: 1.1em;
}
#corps #agence  a {
    font-size: 0.95em;
    width: 814px;
    text-align: justify;
    color: #aaabab;
    font-weight: normal;
}
#corps #agence dl {
    font-size: 0.95em;
    color: #aaabab;
    font-weight: normal;
    margin: 10px;
    text-align: justify;
    width: 814px;
    }
#corps #agence  dt {
    margin: 20px 0 5px 10px;
    font-weight: bold;
   }
#corps #agence dd {
    margin-left: 40px;
     }
#corps #agence strong {
    font-weight: bold;
     }
/* ------------page villa presentation----------------- */

#corps .photo {
    float:left;
    width: 256px;
      }
#corps .photo ul {
    list-style:none;
    padding: 0;
    width: 256px;
    height: 256px;
    border: 1px solid #861819;
    position: relative;
   }
#corps .photo ul li {
    float: left;
    margin: 6px;
    }
#corps .photo ul li a {
    display: block;
    width:52px;
    height:52px;
    background: url(images/arrow.gif) center no-repeat;
    text-decoration:none;
     }
#corps .photo ul li a.photopresentation:hover {
    position: static;
    }
#corps .photo ul li a.photopresentation:hover img {
    position: absolute;
    z-index: 850;
    left: 341px;
    top: 0;
    width: 445px;
    height: 332px;
    border: none;
    padding: 32px 32px;
    }
#corps .photo ul li a.photopresentation:hover b {
    display: block;
    position: absolute;
    width: 254px;
    height: auto;
    bottom: -30px;
    left: 0;
    color: #aaabab;
    font-weight: normal;
}
#corps .textepresentation {
    position: relative;
    z-index: 800;
    top: 55px;
    bottom: 40px;
    margin: 0 0 100px 341px;
    width: 509px;
    height: 425px;
    border: 1px solid #861819;
    }
#corps .textepresentation p {
    margin: 12px;
    text-align: justify;
    color: #aaabab;
        }
#corps .textepresentation p:first-letter {
    color: #861819;
    font-weight: bold;
    font-size: 1.1em;
    }
#corps .textepresentation  ul {
    text-align: left;
    margin: 12px 12px 12px 60px;
    color: #861819;
     }
#corps .textepresentation  ul li {
    text-align: left;
    }

/* ------------page villas----------------- */
#corps .photo ul li a b {
    display: none;
    }
#corps .photo ul li a img {
    display:block;
    width:50px;
    height:50px;
    border:1px solid #6d6c6c;
    border-top-color: #aaabab;
    }
#corps .photo ul li a:hover {
    white-space: normal;
    position: relative;
    }
#corps .photo ul li a.vert:hover img {
    position:absolute;
    left:-5px;
    top:-15px;
    width:60px;
    height:80px;
    border-color: #aaabab;
    }
#corps .photo ul li a.hor:hover img {
    position:absolute;
    left:-15px;
    top:-5px;
    width:80px;
    height:60px;
    border-color: #aaabab;
    }
#corps .photo ul li a:active,
#corps .photo ul li a:focus {
    position: static;
    outline: 0;
    }
#corps .photo ul li a:focus.vert img,
#corps .photo ul li a:active.vert img {
    background-color: #6d6c6c;
    position: absolute;
    left: 341px;
    top: 0;
    width: 332px;
    height: 445px;
    border: 1px solid #861819;
    padding: 20px 89px;
    }
#corps .photo ul li a:focus.hor img,
#corps .photo ul li a:active.hor img {
    background-color: #6d6c6c;
    position: absolute;
    left: 341px;
    top: 0;
    width: 445px;
    height: 332px;
    border: 1px solid #861819;
    padding: 76px 32px;
    }
#corps .photo ul li a:focus b,
#corps .photo ul li a:active b {
    display: block;
    position: absolute;
    width: 254px;
    height: auto;
    bottom: 15px;
    left:0;
    color:#aaabab;
    font-weight: normal;
    padding:0;
    }
#corps #fiche-technique h1 {
    clear: left;
    white-space: nowrap;
      }
#corps #fiche-technique  dl {
    font-size: 0.8em;
    width: 256px;
    height: 220px;
    text-align: left;
    background-color: #aaabab;
    border: 1px solid #861819;
    margin: 0px 0 20px 0;
    padding: 0;
       }
#corps #fiche-technique  dt {
    padding: 05px 0 0 4px;
}

#corps #fiche-technique  dd {
    padding: 0 0 0 40px;
}

/* ------------page villas en projet----------------- */
#corps .photo ul li a dl.renseignements {
    display: block;
    position: absolute;
    left: -9999px;
    top: -9999px;
    }
#corps .photo ul li a:focus dl.renseignements,
#corps .photo ul li a:active dl.renseignements {
    font-size: 0.8em;
    text-align: left;
    display: block;
    position: absolute;
    left: 0;
    top: 302px;
    width: 254px;
    color: black;
    font-weight: normal;
    padding:0;
        }
#corps .photo ul li a:focus dl.renseignements dt,
#corps .photo ul li a:active dl.renseignements dt {
    padding: 4px 0 0 4px;
}
#corps .photo ul li a:focus dl.renseignements dd,
#corps .photo ul li a:active dl.renseignements dd {
    padding: 0 0 0 30px;
}
/* ------------page contact----------------- */

#corps #contact h1 {
    border-bottom: 2px solid #861819;
    width: 854px;
    margin: 40px 0 20px 0px;
    }

#corps #contact  p {
    font-size: 0.95em;
    width: 814px;
    text-align: justify;
    margin: 10px;
    padding: 5px 10px 5px 10px;
    color: #aaabab;
    font-weight: normal;
}
#corps #contact  a {
    font-size: 0.95em;
    width: 814px;
    text-align: justify;
    color: #aaabab;
    font-weight: normal;
}
#corps #contact fieldset {
    border: 1px solid #861819;
    width: 854px;
    margin: 20px 0 20px 0;
}
#corps #contact fieldset legend {
    color: #861819;
    font-weight: Bold;
    margin: 20px;
    padding: 0 0.5em;
}
#corps #contact fieldset#coordonnees label, .label {
    float: left;
    width: 25%;
    text-align: right;
    padding: 0 0.5em 0 0;
}
#corps #contact fieldset input,
#corps #contact fieldset textarea {
    background: #aaabab;
}
#corps #contact input#envoyer {
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 0.1em 0.5em;
    margin: 0.5em 25%;
}
iframe {
  border: 2px solid #861819;
  margin-top: 20px;
  }
#corps p a {
  border-bottom: 1px solid #861819;
}
#corps #contact  p.alert {
  color: #861819;
}
/* ------------page liens----------------- */
#corps #agence h1 {
    margin: 40px 0 20px 0px;
    }
#corps #agence ul.liens li {
    list-style: #861819;
    color: #861819;
    padding: 4px 0 4px 0;
     }
#corps #agence ul.liens li a {
    text-decoration: underline;
    color: #aaabab;
    font-size: 1.05em;
    font-weight: normal;
    }
#corps #agence ul.liens li b {
    font-size: 0.8em;
    font-weight: normal;
    color: #aaabab;
    }

/* ------------page accessibilite----------------- */
#corps #contact  ul {
    text-align: left;
    margin: 12px 12px 12px 60px;
    color: #aaabab;
     }
#corps #contact  ul li {
    text-align: left;
    }