@charset "utf-8";
body {
    background: #f8f8f8 url(../img/common/bg_body_pages.gif) repeat-y 50px top;
    margin: 0;
    padding: 0;
    font: 11px "Trebuchet MS", Verdana, sans-serif;
    color: #333A46
    }
img {
    border: none
    }
/*=======================divs principales=============================================*/
#ariane {
    /*on op of all*/
    padding-top: 20px
    }
#wrapper {
    /*pour que les floats restent les uns a cote des autres*/
    width: 980px
    }
#menu {
    margin-left: 20px;
    float: left;
    width: 660px;
    margin-top: 20px
    }
#sousliens {
    /*barre de gauche*/
    background: url(../img/common/bg_titre_page.jpg) no-repeat;
    float: left;
    width: 158px;
    padding-top: 270px;
    margin-left: 50px;
    _margin-left: 25px;
    padding-left: 20px;
    margin-top: -5px;
    position: relative;
    z-index: 0
    }
/*=========================les 3 en position absolue*/
#coin_haut_d {
    background: url(../img/common/coin_haut_d_pages.gif) no-repeat right top;
    position: absolute;
    top: 102px;
    left: 863px;
    padding: 40px
    }
#text_images {
    background: url(../img/common/coin_bas_g_pages.gif) no-repeat left bottom;
    height: 20px;
    padding-left: 40px;
    position: absolute;
    top: 560px;
    left: 230px
    }
#googlemaps {
    position: absolute;
    top: 57px;
    left: 480px;
    background: #f0f0f0;
    padding: 4px
    }
#visuel {
    position: absolute;
    top: 155px;
    left: 950px;
    width: 200px;
    height: 200px
    }
#googlemaps a {
    text-decoration: underline
    }
h1 {
    font: 20px "Trebuchet MS", Verdana, sans-serif;
    margin-top: 0;
    padding-left: 53px;
    letter-spacing: 2px
    }
h2 {
    padding-left: 53px;
    font: 15px "Trebuchet MS", Verdana, sans-serif;
    margin: 0;
    color: #e1e1e1;
    position: relative;
    z-index: 1;
    display: inline
    }
h3 {
    display: inline;
    position: relative;
    z-index: 1;
    padding-left: 10px;
    font-size: 15px;
    margin: 0
    }
h2 a {
    color: #f8f8f8;
    text-decoration: underline
    }
/*=======================nav=====================*/
ul {
    list-style: none;
    padding: 0;
    margin: 0
    }
/* ------------  placer le menu horizontalement ------------ */
#menu li {
    float: left;
    display: block;
    width: 140px;
    line-height: 18px
    }
/* ------------  cacher les sous menus ------------ */
#menu li ul {
    position: absolute;
    width: 130px;
    left: -9999px
    }
/* ------------ Couleur  des sous menus ------------ */
#menu li ul.smenu2 li a {
    text-decoration: none;
    background: #EBD088;
    color: #888;
    display: block;
    padding-left: 10px;
    border-left: #EBD088 3px solid
    }
#menu li ul.smenu2 li a:hover {
    color: #fff;
    border-left: #888 3px solid;
    padding-left: 10px
    }
/* ------------ Mise en forme des onglets du deuxième niveau du menu ------------ */
#menu li ul li a {
    display: block;
    width: 120px;
    padding: 0;
    text-decoration: none;
    background: #fff
    }
/* ------------ Réaparition des sous menus au apssage de la souris ------------ */
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
    left: auto;
    min-height: 0;
    /* bug IE */
    }
/*premier élément du menu*/
a.lys {
    text-decoration: none;
    color: #555;
    display: block;
    padding-left: 20px;
    background: #f8f8f8 url(../img/common/lys.png) no-repeat;
    padding-bottom: 4px;
    border-bottom: 1px solid #ccc;
    height: 18px
    }
a.lys:hover {
    color: #000
    }
/*=======================classes=====================*/
.colorf8 {
    color: #f8f8f8
    }
.colorblue {
    color: #6d7b99
    }
.colorgold {
    color: #C19824
    }
.font14px {
    font-size: 14px
    }
.font16jaune {
    font-size: 16px;
    color: #B9A865;
    font-weight: bold
    }
.clear {
    clear: both
    }
.letrine {
    color: #e6cb5b;
    font-size: 30px;
    float: left;
    margin-right: 3px
    }
.vestiges {
    line-height: 25px;
    font-size: 11px;
    background: #EFF1DE;
    padding-left: 2px;
    width: 165px;
    padding-right: 2px
    }
.lineheight {
    line-height: 20px
    }
.floatleftimg {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 0;
    display: block
    }
.bordimg {
    padding: 2px;
    border: 1px solid #CDBF88
    }
.photos_mur {
    clear: both;
    padding-right: 10px
    }
/*=======================liens=====================*/
#sousliens a {
    text-decoration: none;
    color: #f8f8f8
    }
a {
    color: #333;
    text-decoration: none
    }
/*quand on ne veut pas du scoll*/
#contenu {
    float: left;
    width: 620px;
    margin-top: 30px;
    margin-left: 30px
    }
/*pour le scroll*/
/* scrollable div area */
#scrollable1 {
    float: left;
    width: 620px;
    height: 400px;
    overflow: hidden;
    margin-top: 30px;
    margin-left: 30px
    }
/* vertical track */
#track1 {
    float: left;
    width: 7px;
    height: 400px;
    margin-left: 10px;
    background-color: #ccc;
    margin-top: 30px
    }
.flotleft {
    float: left;
    margin-right: 5px
    }
/* vertical track handle */
#handle1 {
    width: 7px;
    height: 20px;
    background-color: #C19824;
    cursor: hand
    }
#image-cadastre {
    float: left;
    width: 310px
    }
#texte-cadastre {
    float: right;
    width: 200px
    }
.plan {
    float: left;
    width: 250px;
    margin-bottom: 20px
    }
.plan ul li {
    background-image: url(../img/common/lys.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    line-height: 20px
    }
.plan h1 {
    padding-left: 0
    }