#ecranUser {
    background-image: url(/lae/public1.0/img/fond-general.jpg);
    background-repeat: repeat;
    min-width: 980px;
    background: url(/lae/public1.0/img/fd-content-b.jpg) no-repeat bottom, url(/lae/public1.0/img/fond-general.jpg) repeat
    }
header div.centree, nav div.centree, #content section, #pavesFooter, footer div.centree {
    width: 980px;
    margin: 0 auto
    }
/* HEADER */
header {
    /*background-image: url(/lae/public1.0/img/header/fond.jpg);*/
    background-image: url(/lae/public1.0/img/header/fond_02.jpg);
    background-repeat: repeat-x;
    background-position: top
    }
header div.centree {
    /*height: 62px;*/
    height: 90px;
    position: relative
    }
.flag img {
    float: left;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 15px;
    height: 12px;
    margin-top: 10px
    }
.flag span {
    display: none
    }
a.flag {
    margin-left: 10px
    }
a.flag img {
    margin-top: 3px
    }
#titreP {
    margin: 0;
    /*width: 440px;
      height: 58px;
      background-image: url(/lae/public1.0/img/header/titre.png);*/
    width: 522px;
    height: 89px;
    background-image: url(/lae/public1.0/img/header/titre_03.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -13px;
    bottom: 0
    }
#titreP a {
    display: block;
    width: 100%;
    height: 100%
    }
header div.outils {
    position: absolute;
    right: 0;
    top: 15px
    }
header ul.langues, header form, header ul.pictos {
    float: right
    }
header ul.langues {
    width: 36px;
    height: 31px;
    padding: 0;
    margin-right: 7px;
    margin-top: 5px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.24);
    overflow: hidden
    }
header ul.langues:hover {
    height: auto
    }
header ul.langues li {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 36px;
    height: 31px;
    line-height: 31px;
    font-family: Calibri, arial;
    font-size: 12px;
    font-weight: 400;
    color: #9a8c4c;
    text-transform: uppercase;
    text-align: center
    }
header ul.langues li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #9a8c4c;
    text-decoration: none
    }
header ul.langues li.cur {
    text-align: left;
    padding-left: 7px;
    background-image: url(/lae/public1.0/img/header/f-select.png);
    background-repeat: no-repeat;
    background-position: 24px 16px;
    cursor: pointer
    }
header form {
    width: 181px;
    height: 29px;
    margin-right: 3px;
    margin-top: 5px;
    border: 1px solid #9a8c4c;
    border: 1px solid rgba(154, 140, 76, 0.24);
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.24)
    }
header form input {
    display: block;
    float: left;
    background-color: transparent;
    border: none
    }
header form input.s {
    height: 100%;
    padding-left: 13px;
    width: 137px;
    font-family: Calibri, arial;
    font-size: 12px;
    line-height: 29px;
    font-weight: 400;
    color: #9a8c4c;
    color: rgba(154, 140, 76, 0.55)
    }
header form input.s:focus {
    color: #9a8c4c;
    outline: none
    }
header form ::-webkit-input-placeholder {
    color: rgba(154, 140, 76, 0.55)
    }
header form :-moz-placeholder {
    color: rgba(154, 140, 76, 0.55)
    }
header form ::-moz-placeholder {
    color: rgba(154, 140, 76, 0.55)
    }
header form :-ms-input-placeholder {
    color: rgba(154, 140, 76, 0.55)
    }
header form input.b {
    width: 30px;
    height: 100%;
    background-image: url(/lae/public1.0/img/header/p-loupe.png);
    background-repeat: no-repeat;
    background-position: center
    }
header ul.pictos {
    margin-right: 13px;
    margin-top: 5px;
    height: 31px
    }
header ul.pictos li {
    list-style: none;
    display: block;
    float: right;
    height: 100%
    }
header ul.pictos li a {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=84)";
    filter: alpha(opacity=84);
    -moz-opacity: 0.84;
    -khtml-opacity: 0.84;
    opacity: 0.84
    }
header ul.pictos li a.carte {
    background-image: url(/lae/public1.0/img/header/p-carte.png);
    width: 13px;
    margin-left: 12px
    }
header ul.pictos li a.meteo {
    background-image: url(/lae/public1.0/img/header/p-meteo.png);
    width: 26px
    }
header ul.pictos li a:hover, header ul.pictos li a:focus {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
    }
/* ARIANE */
div.filAriane {
    width: 980px;
    margin: 0 auto;
    height: 45px
    }
div.filAriane ul {
    padding: 0;
    height: 45px
    }
div.filAriane ul li {
    list-style: none;
    display: block;
    float: left;
    height: 100%;
    line-height: 45px;
    padding-right: 20px;
    margin-right: 21px;
    background-image: url(/lae/public1.0/img/site/p-fleche-ariane.png);
    background-repeat: no-repeat;
    background-position: right
    }
div.filAriane ul li a {
    font-family: Verdana, arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    color: #fff;
    text-decoration: none
    }
div.filAriane ul li:last-of-type {
    background: none
    }
div.filAriane ul li:last-of-type a {
    color: #bbd45a;
    font-weight: bold
    }
div.filAriane ul li.accueil {
    background-image: url(/lae/public1.0/img/site/p-accueil-ariane.png);
    padding-right: 20px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: right
    }
div.filAriane ul li.accueil a {
    color: transparent
    }
/* NAV */
#toggleMenuMobile {
    display: none
    }
nav p.retour {
    display: none
    }
nav {
    background-image: url(/lae/public1.0/img/site/fd-nav.jpg);
    background-position: top;
    background-repeat: no-repeat
    }
nav div.fd {
    background-image: url(/lae/public1.0/img/header/fd-nav-r.jpg);
    background-position: top;
    background-repeat: repeat-x
    }
#menu {
    padding: 0;
    margin: 0 auto;
    width: 980px;
    height: 57px;
    position: relative;
    overflow: hidden
    }
#menu li.menu-niveau1, #menu li.menu-niveau1-actif {
    display: block;
    float: left;
    list-style: none;
    margin: 1px 36px;
    width: 124px;
    border-bottom: 4px solid transparent;
    height: 53px
    }
#menu li.menu-niveau1-actif {
    border-bottom: 4px solid #96ad3b
    }
#menu a.lien-niveau1 {
    display: block;
    width: 100%;
    height: 100%;
    font-family: "klavika_regularregular", arial;
    font-size: 17px;
    line-height: 60px;
    font-weight: normal;
    color: #f1eeea;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
    }
#menu li.menu-niveau1-actif a.lien-niveau1, #menu a.lien-niveau1:hover, #menu a.lien-niveau1:focus, #menu .sousMenuVisible a.lien-niveau1 {
    color: #96ad3b
    }
#menu ul.niveau2 {
    visibility: hidden;
    /*
      BUG sur navigateur android de base sur galaxy note 10
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -webkit-transition: all 0.3s ease-in-out;  
      -moz-transition: all 0.3s ease-in-out; 
      -o-transition: all 0.3s ease-in-out;  
      transition: all 0.3s ease-in-out;
      */
    }
#menu .sousMenuVisible ul.niveau2 {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
    }
#menu li ul.niveau2 {
    position: absolute;
    left: 0;
    top: 58px;
    width: 100%;
    padding: 0
    }
#menu li.menu-niveau2, #menu li.menu-niveau2-actif {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 235px;
    margin-right: 10px;
    position: relative
    }
span.carre {
    display: block;
    width: 78px;
    height: 78px;
    margin-right: 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.48);
    position: absolute;
    top: 20px;
    left: 0;
    background-repeat: no-repeat
    }
#mPatrimoine span.carre {
    background-image: url(/lae/public1.0/img/site/toit.jpg)
    }
#mArt span.carre {
    background-image: url(/lae/public1.0/img/site/art.jpg)
    }
#mGorges span.carre {
    background-image: url(/lae/public1.0/img/site/gorges.jpg)
    }
#menu a.lien-niveau2 {
    display: block;
    padding-top: 20px;
    font-family: "klavika_regularregular", arial;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    color: #a7b535;
    text-decoration: none
    }
#menu ul.niveau3 {
    padding: 0;
    margin: 0;
    margin-top: 10px
    }
#menu ul.niveau3 li {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 14px
    }
#menu ul.niveau3 li a {
    font-family: Calibri, arial;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    color: #fefefe;
    text-decoration: none
    }
.menu-niveau3-actif a {
    color: #bbd45a !important
    }
#menu a.lien-niveau2, #menu ul.niveau3 {
    margin-left: 90px
    }
/* FOOTER */
footer {
    height: 145px;
    background-image: url(/lae/public1.0/img/footer/fd-r-degrade.png);
    background-repeat: repeat-x;
    border-top: 1px solid #625b3d;
    clear: both
    }
footer div.centree {
    position: relative
    }
footer p.adresse {
    height: 115px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding-left: 170px;
    padding-top: 30px;
    /*background-image: url(/lae/public1.0/img/footer/logo-adresse.png);*/
    background-image: url(/lae/public1.0/img/footer/logo-adresse_v02.png);
    background-repeat: no-repeat;
    background-position: 12px 15px;
    font-family: Calibri, arial;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #7e785f
    }
footer p.adresse a {
    text-decoration: none;
    color: #7e785f
    }
footer p.adresse a:hover, footer p.adresse a:target {
    text-decoration: underline
    }
footer p.liens {
    font-family: Calibri, arial;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #7e785f;
    position: absolute;
    left: 170px;
    /*top: 90px;*/
    top: 105px
    }
footer p.liens a {
    color: #7e785f;
    text-decoration: none
    }
footer p.liens a span {
    display: inline-block;
    padding: 0 12px
    }
footer p.liens a:hover, footer p.liens a:focus {
    text-decoration: underline
    }
footer ul.logos {
    position: absolute;
    right: 0;
    /*top: 30px;*/
    /*top: 18px;*/
    top: 10px
    }
footer ul.logos li {
    list-style: none;
    float: left;
    margin-left: 6px
    }
footer ul.logos li a {
    display: block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat
    }
footer ul.logos li a.slow {
    background-image: url(/lae/public1.0/img/footer/l-citaslow.jpg)
    }
footer ul.logos li a.famille {
    background-image: url(/lae/public1.0/img/footer/l-familleplus.jpg)
    }
footer ul.logos li a.verte {
    background-image: url(/lae/public1.0/img/footer/l-stationverte.jpg)
    }
footer ul.logos li a.mairie {
    width: 220px;
    background-image: url(/lae/public1.0/img/footer/btn-mairie.jpg)
    }
footer ul.logos li.villageFleuri {
    /*background-image: url(/lae/public1.0/img/footer/village-fleuri.png);
      width: 201px;
      height: 80px;
      background-position: cover;*/
    clear: both;
    /*float:right;
      padding-right:9px;*/
    padding-top: 6px
    }
footer ul.logos li.villageFleuri a {
    background-image: url(/lae/public1.0/img/footer/village-fleuri.png);
    height: 36px;
    width: 90px
    }
/* Paves footer */
/** inscription newsletter */
#mc_embed_signup {
    border-style: solid;
    border-width: 1px;
    color: #858585;
    display: block;
    font-family: Calibri, arial;
    font-size: 11px;
    font-weight: normal;
    height: 31px;
    line-height: 32px;
    padding: 0 10px;
    width: 190px
    }
#mc_embed_signup form {
    width: 280px
    }
#mc_embed_signup #saveForm {
    background-image: url(/lae/public1.0/img/footer/btn-ok.png);
    background-repeat: no-repeat;
    border: medium none;
    color: transparent;
    display: block;
    height: 33px;
    margin-left: 2px;
    opacity: 0.8;
    width: 34px
    }
#mc_embed_signup #saveForm:hover {
    opacity: 1
    }
#mc_embed_signup #mce-EMAIL {
    float: left;
    border-style: solid;
    border-width: 1px;
    color: #858585;
    display: block;
    font-family: Calibri, arial;
    font-size: 11px;
    font-weight: normal;
    height: 31px;
    line-height: 31px;
    padding: 0 0 0 10px;
    margin-left: -10px;
    margin-right: 2px;
    width: 200px
    }
/** (fin) inscription newsletter */
#pavesFooter {
    min-height: 300px
    }
#pavesFooter.accueil {
    min-height: 615px
    }
#pavesFooter div.aimez {
    float: right;
    margin-left: 15px;
    width: 282px
    }
#pavesFooter.accueil div.aimez {
    float: left;
    margin-left: 0;
    width: 318px
    }
#pavesFooter div.aimez h4 {
    font-family: "klavika_regularregular", arial;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    padding-left: 10px;
    padding-top: 10px
    }
#pavesFooter.accueil div.aimez h4 {
    padding-top: 20px
    }
#pavesFooter div.aimez ul.liens {
    width: 280px;
    height: 246px;
    background-color: #373635;
    padding: 1px
    }
#pavesFooter.accueil div.aimez ul.liens {
    height: 283px;
    width: 316px
    }
#pavesFooter div.aimez ul.liens li {
    list-style: none;
    float: left
    }
#pavesFooter div.aimez ul.liens li a {
    display: block;
    width: 93px;
    height: 244px;
    position: relative;
    font-family: "klavika_regularregular", arial;
    font-size: 27px;
    line-height: 25px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
    }
#pavesFooter.accueil div.aimez ul.liens li a {
    width: 104px;
    height: 277px;
    margin-top: 1px;
    margin-left: 1px
    }
#pavesFooter div.aimez ul.liens li a.famille {
    color: #ad6f0d;
    border-bottom: 4px solid #ad6f0d;
    background-image: url(/lae/public1.0/img/footer/fd-enfamille.jpg)
    }
#pavesFooter.accueil div.aimez ul.liens li a.famille {
    background-image: url(/lae/public1.0/img/footer/fd-enfamille-acc.jpg)
    }
#pavesFooter div.aimez ul.liens li a.groupe {
    color: #ad2f0d;
    border-top: 4px solid #ad2f0d;
    background-image: url(/lae/public1.0/img/footer/fd-engroupe.jpg);
    background-position: bottom
    }
#pavesFooter.accueil div.aimez ul.liens li a.groupe {
    background-image: url(/lae/public1.0/img/footer/fd-engroupe-acc.jpg)
    }
#pavesFooter div.aimez ul.liens li a.couple {
    color: #ca316e;
    border-bottom: 4px solid #ca316e;
    background-image: url(/lae/public1.0/img/footer/fd-encouple.jpg)
    }
#pavesFooter.accueil div.aimez ul.liens li a.couple {
    background-image: url(/lae/public1.0/img/footer/fd-encouple-acc.jpg)
    }
#pavesFooter div.aimez ul.liens li a span {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center
    }
#pavesFooter div.aimez ul.liens li a.famille span, #pavesFooter div.aimez ul.liens li a.couple span {
    top: 185px
    }
#pavesFooter.accueil div.aimez ul.liens li a.famille span, #pavesFooter.accueil div.aimez ul.liens li a.couple span {
    top: 210px
    }
#pavesFooter div.aimez ul.liens li a.groupe span {
    top: 5px
    }
#pavesFooter div.aimez ul.liens li a:hover, #pavesFooter div.aimez ul.liens li a:focus {
    background-size: 103%
    }
/* suivez nous */
#pavesFooter div.suivez {
    background-color: #174866;
    width: 300px;
    height: 250px;
    float: right;
    margin-left: 15px;
    margin-top: 37px
    }
#pavesFooter.accueil div.suivez {
    float: left;
    margin-left: 0;
    margin-top: 12px
    }
#pavesFooter div.suivez h4 {
    width: 180px;
    height: 39px;
    padding-top: 16px;
    padding-left: 13px;
    position: relative;
    left: 10px;
    top: -1px;
    background-image: url(/lae/public1.0/img/footer/fd-titre-suivez.png);
    background-repeat: no-repeat;
    font-family: "klavika_regularregular", arial;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    color: #dfdcd3;
    text-transform: uppercase
    }
#pavesFooter div.suivez ul {
    height: 52px;
    margin-top: 15px
    }
#pavesFooter div.suivez ul li {
    list-style: none;
    display: block;
    float: left;
    height: 52px;
    width: 34px;
    margin: 0 5px;
    position: relative
    }
#pavesFooter div.suivez ul li a {
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: top;
    overflow: hidden
    }
#pavesFooter div.suivez ul li span.reflet {
    position: absolute;
    top: 35px;
    left: 0;
    display: block;
    width: 34px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: top;
    color: transparent;
    overflow: hidden
    }
#pavesFooter div.suivez ul li.facebook a {
    background-image: url(/lae/public1.0/img/footer/soc/fb.png)
    }
#pavesFooter div.suivez ul li.facebook span.reflet {
    background-image: url(/lae/public1.0/img/footer/soc/fb-s.png)
    }
#pavesFooter div.suivez ul li.flickr a {
    background-image: url(/lae/public1.0/img/footer/soc/flickr.png)
    }
#pavesFooter div.suivez ul li.flickr span.reflet {
    background-image: url(/lae/public1.0/img/footer/soc/flickr-s.png)
    }
#pavesFooter div.suivez ul li.youtube a {
    background-image: url(/lae/public1.0/img/footer/soc/youtube.png)
    }
#pavesFooter div.suivez ul li.youtube span.reflet {
    background-image: url(/lae/public1.0/img/footer/soc/youtube-s.png)
    }
#pavesFooter div.suivez ul li.picasa a {
    background-image: url(/lae/public1.0/img/footer/soc/picasa.png)
    }
#pavesFooter div.suivez ul li.picasa span.reflet {
    background-image: url(/lae/public1.0/img/footer/soc/picasa-s.png)
    }
#pavesFooter div.suivez ul li.instagram a {
    background-image: url(/lae/public1.0/img/footer/soc/instagram.png)
    }
#pavesFooter div.suivez ul li.instagram span.reflet {
    background-image: url(/lae/public1.0/img/footer/soc/instagram-s.png)
    }
#pavesFooter div.suivez ul li.googleplus a {
    background-image: url(/lae/public1.0/img/footer/soc/googleplus.png)
    }
#pavesFooter div.suivez ul li.googleplus span.reflet {
    background-image: url(/lae/public1.0/img/footer/soc/googleplus-s.png)
    }
#pavesFooter div.suivez ul li.rss a {
    background-image: url(/lae/public1.0/img/footer/soc/rss.png)
    }
#pavesFooter div.suivez ul li.rss span.reflet {
    background-image: url(/lae/public1.0/img/footer/soc/rss-s.png)
    }
#pavesFooter div.suivez ul li:hover span.reflet {
    top: 37px
    }
#pavesFooter div.suivez ul li:hover a {
    top: -2px
    }
#pavesFooter div.newsletter {
    margin-top: 13px;
    height: 115px;
    padding: 0 24px;
    background-image: url(/lae/public1.0/img/footer/fd-newsletter.jpg);
    background-repeat: no-repeat;
    background-position: top
    }
#pavesFooter div.newsletter h5 {
    display: block;
    padding-top: 9px;
    padding-left: 11px;
    padding-bottom: 8px;
    font-family: "klavika_regularregular", arial;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #b0c6d4
    }
#pavesFooter div.newsletter h5 strong {
    display: block;
    font-family: "klavika_regularregular", arial;
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
    color: #b0c6d4;
    text-transform: uppercase
    }
/* a votre service */
#pavesFooter div.service {
    width: 367px;
    height: 249px;
    background-image: url(/lae/public1.0/img/footer/fd-europe_v02.png);
    background-repeat: no-repeat;
    position: relative;
    float: right;
    margin-top: 37px
    }
#pavesFooter.accueil div.service {
    float: left;
    margin-top: 12px;
    margin-right: 5px
    }
#pavesFooter div.service h4 {
    width: 190px;
    height: 39px;
    padding-top: 16px;
    padding-left: 14px;
    position: relative;
    left: 7px;
    top: -7px;
    background-image: url(/lae/public1.0/img/footer/fd-titre-service.png);
    background-repeat: no-repeat;
    font-family: "klavika_regularregular", arial;
    font-size: 21px;
    line-height: 21px;
    font-weight: normal;
    color: #e9d7c1;
    text-transform: uppercase;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.27)
    }
#pavesFooter div.service p.questions {
    font-family: Calibri, arial;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    color: #e9d7c1;
    position: absolute;
    left: 60px;
    top: 33px
    }
#pavesFooter div.service p.questions strong {
    display: block;
    font-family: Calibri, arial;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    color: #e9d7c1
    }
#pavesFooter div.service ul.btns {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    padding: 0
    }
#pavesFooter div.service ul.btns li {
    display: block;
    list-style: none;
    float: left;
    width: 60px;
    margin-left: 1px
    }
#pavesFooter div.service ul.btns li a {
    display: block;
    width: 100%;
    height: 15px;
    padding-top: 42px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.47);
    font-family: Calibri, arial;
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    color: #e9d7c1;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 50% 40%
    }
#pavesFooter div.service ul.btns li a:hover, #pavesFooter div.service ul.btns li a:focus {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6)
    }
#pavesFooter div.service ul.btns li a.pro {
    background-image: url(/lae/public1.0/img/footer/p-pro.png)
    }
#pavesFooter div.service ul.btns li a.presse {
    background-image: url(/lae/public1.0/img/footer/p-presse.png)
    }
#pavesFooter div.service ul.btns li a.locale {
    background-image: url(/lae/public1.0/img/footer/p-locale.png)
    }
#pavesFooter div.service ul.btns li a.carte {
    background-image: url(/lae/public1.0/img/footer/p-carte.png)
    }
#pavesFooter div.service ul.btns li a.acces {
    background-image: url(/lae/public1.0/img/footer/p-acces.png)
    }
#pavesFooter div.service ul.btns li a.meteo {
    background-image: url(/lae/public1.0/img/footer/p-meteo.png)
    }
#pavesFooter div.service ul.v {
    padding: 0;
    position: absolute;
    left: 60px;
    top: 93px
    }
#pavesFooter div.service ul.v li {
    list-style: none;
    height: 30px;
    line-height: 30px
    }
#pavesFooter div.service ul.v li a {
    font-family: Calibri, arial;
    font-size: 15px;
    line-height: 15px;
    font-weight: normal;
    color: #e9d7c1;
    text-decoration: none
    }
#pavesFooter div.service ul.v li a:hover, #pavesFooter div.service ul.v li a:focus {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4)
    }
/* CONTENU */
#content {
    background-image: url(/lae/public1.0/img/fd-content-h.jpg);
    background-repeat: no-repeat;
    background-position: top
    }
#content section {
    background-color: #FFF;
    /*min-height: 400px;*/
    }
#content section.transparent {
    background-color: transparent
    }
#content section h1 {
    font-family: "klavika_regularregular", arial;
    font-size: 48px;
    line-height: 48px;
    font-weight: normal;
    color: #403a32;
    margin: 0;
    padding: 24px 50px;
    background-color: #96ad3b
    }
#content article {
    clear: both;
    margin-bottom: 50px
    }
.articleCM {
    width: 980px
    }
#content article figure figcaption, .articleCM figcaption {
    display: none
    }
#content article h2, #content article h3, #content article p, #content article ul, #content article ol, #content article table, .articleCM h2, .articleCM h3, .articleCM p, .articleCM ul, .articleCM ol, .articleCM table {
    margin: 0 50px
    }
#content article h2, .articleCM h2 {
    font-family: "klavika_regularregular", arial;
    font-size: 30px;
    line-height: 42px;
    font-weight: normal;
    color: #a7b535;
    padding-top: 35px
    }
#content article h2.souligne, .articleCM h2.souligne {
    padding-bottom: 0;
    border-bottom: 1px solid #a7b535
    }
#content article h3, .articleCM h3 {
    font-family: "klavika_regularregular", arial;
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    color: #403a32;
    padding-top: 20px
    }
#content article p, .articleCM p {
    font-family: Calibri, arial;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #393838;
    padding-top: 15px
    }
#content article li, .articleCM li, #content article td, .articleCM td {
    font-family: Calibri, arial;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #676666
    }
#content article a, .articleCM a {
    color: #a7b535
    }
#content article a.dwl, .articleCM a.dwl {
    display: inline-block;
    text-decoration: none;
    color: #f6f2ef;
    background-color: #8a9a07;
    background-image: url(/lae/public1.0/img/site/p-dwl.png);
    background-repeat: no-repeat;
    background-position: 3% 50%;
    padding: 8px;
    padding-left: 32px;
    padding-bottom: 5px
    }
#content article a.dwl:hover, .articleCM a.dwl:hover, #content article a.dwl:focus, .articleCM a.dwl:focus {
    background-color: #7A8806
    }
#content article figure.imageGauche, .articleCM figure.imageGauche {
    float: left;
    margin-right: 35px;
    max-width: 400px;
    margin-bottom: 10px
    }
#content article figure.imageDroite, .articleCM figure.imageDroite {
    float: right;
    margin-left: 35px;
    max-width: 400px;
    margin-bottom: 10px
    }
#content article p.approfondir, .articleCM p.approfondir {
    float: right;
    margin-left: 35px;
    width: 330px;
    color: #f6f2ef;
    padding: 10px;
    padding-left: 60px;
    background-color: #8e5c2a;
    margin-right: 0;
    background-image: url(/lae/public1.0/img/site/p-approfondir.png);
    background-repeat: no-repeat;
    background-position: 13px 13px
    }
#content article div.colD, .articleCM div.colD {
    float: right;
    margin-left: 35px;
    width: 400px
    }
#content article div.colD p, .articleCM div.colD p, #content article div.colD figure, .articleCM div.colD figure {
    margin-bottom: 1px;
    margin-left: 0
    }
#content article ul, .articleCM ul, #content article ol, .articleCM ol {
    padding-top: 10px
    }
#content article.introduction {
    margin: 0
    }
#content article.introduction figure {
    height: 367px;
    width: 100%;
    position: relative;
    overflow: hidden
    }
#content article.introduction figcaption {
    display: block;
    width: 340px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    padding-left: 50px;
    font-family: Calibri, arial;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6)
    }
#content article.introduction figcaption p {
    margin: 0;
    padding: 0;
    font-family: Calibri, arial;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #fff
    }
/* ACCUEIL */
#diaporamaAccueil {
    height: 520px
    }
#diaporamaAccueil div.diaporamaLaetis {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative
    }
#diaporamaAccueil img, #diaporamaAccueil h6 {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
    }
#diaporamaAccueil .rsOverflow img, #diaporamaAccueil .rsOverflow h6 {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
    }
#diaporamaAccueil .rsABlock {
    background-color: transparent
    }
#diaporamaAccueil h6 {
    font-family: Calibri, arial;
    font-size: 36px;
    line-height: 40px;
    font-weight: 300;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 125px;
    top: 65px
    }
#diaporamaAccueil div.rsArrow {
    height: 100%;
    width: 67px;
    /*display: block !important;*/
    display: none;
    position: absolute;
    top: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.63);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
    }
#diaporamaAccueil div.rsArrow * {
    display: none
    }
#diaporamaAccueil div.rsArrowLeft {
    background-image: url(/lae/public1.0/img/site/f-da-gauche.png);
    left: 0
    }
#diaporamaAccueil div.rsArrowRight {
    background-image: url(/lae/public1.0/img/site/f-da-droite.png);
    right: 0
    }
#diaporamaAccueil div.rsArrowLeft:hover, #diaporamaAccueil div.rsArrowRight:hover {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
    }
#diaporamaAccueil .diaporamaLaetis .lien {
    display: block;
    position: absolute;
    top: -320px;
    left: 0;
    right: 0
    }
#diaporamaAccueil .diaporamaLaetis .lien a:hover {
    background-color: rgba(0, 0, 0, 0.4)
    }
#videoAcc {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    z-index: 100
    }
#videoAcc .close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background-image: url(/lae/public1.0/img/accueil/p-close-video.png);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 100
    }
#diaporamaAccueil div.rsCaption p {
    float: left;
    clear: both
    }
#diaporamaAccueil .diaporamaLaetis .lien a {
    display: block;
    width: 129px;
    height: 0;
    padding-top: 135px;
    overflow: hidden;
    position: relative;
    top: -20px;
    margin: 0 auto;
    border: 4px solid #fff;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    border-radius: 140px;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/lae/public1.0/img/accueil/p-video.png);
    background-position: 55% 50%;
    background-repeat: no-repeat;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s
    }
div.contentAccueil {
    background-image: url(/lae/public1.0/img/fd-accueil.jpg);
    background-repeat: no-repeat;
    background-position: top
    }
.item .rsABlock .lien a {
    color: #535353;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    text-align: right;
    display: block;
    background-image: url(img/savoirPlusSlider.gif);
    background-repeat: no-repeat;
    background-position: 100% 5px;
    padding: 3px 15px 4px 0
    }
#diapoUne, #diapoAgenda {
    width: 316px;
    float: left;
    position: relative
    }
#diapoAgenda {
    margin-left: 14px;
    margin-right: 14px
    }
#diapoUne h2, #diapoAgenda h2 {
    font-family: "klavika_regularregular", arial;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    padding-left: 10px;
    /*padding-top: 20px;*/
    padding-top: 46px
    }
#diapoUne ul.fleches, #diapoAgenda ul.fleches {
    position: absolute;
    /*top: 15px;*/
    top: 38px;
    right: 0
    }
#diapoUne ul.fleches li, #diapoAgenda ul.fleches li {
    list-style: none;
    float: left;
    display: block;
    width: 20px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
    }
#diapoUne ul.fleches li.gauche, #diapoAgenda ul.fleches li.gauche {
    background-image: url(/lae/public1.0/img/site/f-une-g.png)
    }
#diapoUne ul.fleches li.droite, #diapoAgenda ul.fleches li.droite {
    background-image: url(/lae/public1.0/img/site/f-une-d.png);
    border-left: 1px solid #fff
    }
#diapoUne div.diaporama, #diapoAgenda div.diaporama {
    width: 316px;
    height: 253px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    position: relative
    }
#diapoUne div.diaporama div.avance {
    position: absolute;
    padding-right: 25px;
    padding-bottom: 30px;
    bottom: 0;
    right: 0;
    padding-top: 20px;
    padding-left: 30px;
    width: 110px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
    }
#diapoUne div.diaporama div.avance h3 {
    font-family: "klavika_regularregular", arial;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    color: #FFF;
    text-align: right
    }
#diapoUne div.diaporama div.avance h4 {
    font-family: "klavika_regularregular", arial;
    font-size: 17px;
    line-height: 18px;
    font-weight: normal;
    color: #FFF;
    text-align: right
    }
#diapoUne div.diaporama div.avance p.plus a {
    display: block;
    width: 39px;
    height: 39px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/lae/public1.0/img/site/plus-vert.png);
    background-repeat: no-repeat
    }
#diapoUne div.legendeSlider {
    padding: 0
    }
#diapoUne p.tous {
    margin: 0
    }
#diapoUne p.tous a {
    height: 30px;
    display: block;
    font-family: Calibri, arial;
    font-size: 12px;
    line-height: 30px;
    font-weight: normal;
    color: #000;
    background-color: #8fa013;
    text-decoration: none;
    padding-left: 10px;
    margin-top: 1px
    }
#diapoAgenda div.diaporama div.avance {
    position: absolute;
    padding: 7px 10px;
    bottom: 0;
    right: 0;
    width: 296px;
    height: 91px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
    }
#diapoAgenda div.diaporama div.avance h4 {
    margin: 0;
    font-family: Calibri, arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase
    }
#diapoAgenda div.diaporama div.avance h3 {
    margin: 0;
    font-family: "klavika_regularregular", arial;
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase
    }
#diapoAgenda div.diaporama div.avance h3 a {
    color: #fff;
    text-decoration: none;
    /*float: left;*/
    /*height: 52px;*/
    /*overflow:hidden;*/
    }
#diapoAgenda div.diaporama div.avance p {
    margin: 0;
    font-family: Calibri, arial;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #fff
    }
#diapoAgenda div.diaporama div.avance p.date {
    margin: 0;
    font-family: Calibri, arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: #ffb308
    }
#diapoAgenda div.diaporama div.avance p.date strong {
    text-transform: uppercase;
    font-weight: normal
    }
#diapoAgenda p.tous {
    margin: 0
    }
#diapoAgenda p.tous a {
    height: 30px;
    display: block;
    font-family: Calibri, arial;
    font-size: 12px;
    line-height: 30px;
    font-weight: normal;
    color: #000;
    background-color: #1e93e7;
    text-decoration: none;
    padding-left: 10px;
    margin-top: 1px
    }
/* diapo idées séjours accueil */
#ideesSejours {
    width: 300px;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin-left: 5px;
    margin-top: 12px;
    float: left
    }
#ideesSejours div.diaporama {
    height: 225px;
    overflow: hidden
    }
#ideesSejours h2 {
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #ef9800;
    margin: 0;
    padding: 5px 10px;
    font-family: "klavika_regularregular", arial;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    color: #262626;
    z-index: 1000
    }
#ideesSejours ul.fleches {
    position: absolute;
    bottom: 0;
    right: 5px
    }
#ideesSejours ul.fleches li {
    list-style: none;
    float: left;
    height: 24px;
    width: 15px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center
    }
#ideesSejours ul.fleches li.gauche {
    background-image: url(/lae/public1.0/img/site/f-idee-g.png)
    }
#ideesSejours ul.fleches li.droite {
    background-image: url(/lae/public1.0/img/site/f-idee-d.png)
    }
#ideesSejours p.tous {
    margin: 0
    }
#ideesSejours p.tous a {
    height: 24px;
    display: block;
    font-family: Calibri, arial;
    font-size: 12px;
    line-height: 24px;
    font-weight: normal;
    color: #0b0c0f;
    background-color: #ef9800;
    text-decoration: none;
    padding-left: 10px;
    margin-top: 1px
    }
#ideesSejours div.diaporama div.avance {
    position: absolute;
    padding: 7px 10px;
    bottom: 0;
    right: 0;
    width: 280px;
    height: 68px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
    }
#ideesSejours div.diaporama div.avance h3 {
    /*width: 205px;*/
    width: 180px;
    height: 40px;
    overflow: hidden;
    margin: 0;
    font-family: "klavika_regularregular", arial;
    /*font-size: 18px;*/
    font-size: 17px;
    line-height: 20px;
    font-weight: normal;
    color: #fff
    }
#ideesSejours div.diaporama div.avance h3 a {
    text-decoration: none;
    color: #fff
    }
#ideesSejours div.diaporama div.avance p {
    /*width: 205px;*/
    width: 180px;
    margin: 0;
    font-family: Calibri, arial;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    color: #fff;
    height: 30px;
    overflow: hidden
    }
#ideesSejours div.diaporama div.avance p.prix {
    width: auto;
    margin: 0;
    font-family: Calibri, arial;
    font-size: 10px;
    line-height: 15px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 13px 8px;
    height: 56px;
    background-color: #b52817
    }
#ideesSejours div.diaporama div.avance p.prix strong {
    display: block;
    margin: 0;
    font-family: Calibri, arial;
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
    color: #fff;
    text-align: center
    }
/**
* Modèle article CMS+SIT
*/
.dsioMixte {
    padding-top: 20px;
    margin-bottom: 0 !important
    }
.dsioMixte a.lienTitre {
    text-decoration: none
    }
.dsioMixte p, .dsioMixte ul, .dsioMixte ul li {
    margin-left: 0 !important;
    font-family: Calibri;
    font-size: 14px;
    color: #676666 !important;
    padding-top: 0 !important
    }
.dsioMixte .dsioDetailColImg {
    float: left;
    /*width:364px;*/
    width: 270px;
    margin-left: 49px;
    margin-right: 45px;
    vertical-align: top
    }
.dsioMixte .dsioDetailColImg img {
    /*margin-left:49px;
      margin-right:45px;*/
    width: 270px
    }
.dsioMixte .dsioDetailColInfos {
    float: left;
    width: 580px;
    /*float:left;*/
    }
.dsioMixte .dsioDetailColInfos h3 {
    color: #a7b535 !important;
    font-size: 24px;
    font-family: "klavika_regularregular", arial;
    font-weight: normal;
    border-bottom: solid 1px #D4D2D1;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important
    }
.dsioMixte .dsioDetailColInfos .dsioMixteContacts {
    float: left;
    width: 250px
    }
.dsioMixte .dsioDetailColInfos .dsioMixteContacts a {
    text-decoration: none
    }
.dsioMixte .dsioDetailColInfos .dsioMixtePresentation {
    float: right;
    width: 320px
    }
.dsioMixte .dsioDetailColInfos .tfoOuverture {
    list-style: none;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 15px !important
    }
/* plan du site */
#planSite {
    margin-bottom: 30px;
    padding-left: 30px
    }
#planSite ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
#planSite a.lien-niveau1 {
    display: block;
    font-family: "klavika_regularregular", arial;
    font-size: 30px;
    line-height: 42px;
    font-weight: normal;
    color: #a7b535;
    padding-top: 20px;
    text-decoration: none
    }
#planSite li.menu-niveau1, #planSite li.menu-niveau1-actif {
    clear: both
    }
#planSite li.menu-niveau2, #planSite li.menu-niveau2-actif {
    float: left;
    margin-right: 30px;
    margin-top: 10px;
    width: 200px
    }
#planSite a.lien-niveau2 {
    display: block;
    font-family: Calibri, arial;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    color: #393838;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 5px
    }
#planSite a.lien-niveau3 {
    display: block;
    font-family: Calibri, arial;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #393838;
    text-decoration: none
    }