@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
/* --- STYLES DE BASE --- */
body.accueil #wrapperBgStretch, body.accueil .backgroundStretch {
 height: 867px;
}
#wrapperBgStretch, .backgroundStretch {
 height: 567px;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}
#cookie-banner {
 position:fixed;
 top:0;
 left:0;
 width:96%;
 padding:2px 2%;
 z-index:5;
 background:#E8ECF1;
}
/*---*/
body {
margin:0;
padding:0;
/*-- 506MN -- REF - typechart.com -- */
font-family: "PT Sans",sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.4em;
color:#333;
}
body.accueil #content h1 {
margin:100px auto 0 auto;
}
body.bodygenerique #inter ul#maj > li,
body.bodygenerique #inter ul.maj > li {
padding-left:0;
background:none;
}
body.bodygenerique #inter ul#maj li img,
body.bodygenerique #inter ul.maj li img {
max-width:100%;
margin-top: 20px;
height:auto;
}
#content h1 {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
font-size:3.1em;
color:#274c69;
width:100%;
height:auto;
text-align:center;
text-transform:uppercase;
margin:50px auto 30px auto;
border-bottom:1px solid #a4cbc4;
}
#content h1 span {
position:relative;
display:inline-block;
width:75%;
background-color:white;
bottom:-18px;
}
#map_canvas{
width: 97%;
height: 400px;
float:left;
margin:80px 15px 0 15px;
}
#partageRS{
margin-top:20px;
}
#wrapperVideo {
position:relative;
padding-top:60px;
width:100%;
}
#wrapperVideo iframe {
width:100%;
height:400px;
}
body.bodyFiche .bx-wrapper ul li {
width:auto !important;
}
_:-ms-lang(x), body.moteur .listeMoteur .rayures {
    position:relative !important;
    top:-27px;
    margin: -10px 0 -45px 10px !important;
    float:left;
}
@-moz-document url-prefix() {
body.moteur .listeMoteur .rayures {
    position:relative !important;
    top:-27px;
    margin: -10px 0 -45px 10px !important;
    float:left;
}
}
/*---------HEADER----------*/
body.accueil #header {
position:relative;
height:867px;
}
#header {
position:relative;
height:567px;
}
#header h1 {
position: absolute;
top:20px;
z-index:5;
}
#header .pastille-ba {
position: absolute;
top: 145px;
z-index: 5;
left: 160px;
}
#header .pastille-ba .txt-pastille {
display: inline-block;
margin: 0 5px 0 0;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
letter-spacing: 2px;
color: #fff
}

#barreHauteHeader {
float:right;
width:370px;
margin-top:20px;
}
#barreHauteHeader ul#lienEnPlusHeader li {
background-color:red;
}
#bgstretcher ul li img {
/*width:1920px !important;
height:auto ;*/
width: 100% !important;
height: auto !important;
}
body.accueil #bgstretcher ul li img {
width:2907px ;
height:auto ;
}
#header #lien_meteo {
float:left;
background-image:url(sprites.png);
text-indent:-2000px;
display:block;
width:40px;
height:40px;
margin-top:13px;
}
#header #lien_webcam {
float:left;
background-image:url(sprites.png);
background-position: -41px 0;
text-indent:-2000px;
display:block;
width:40px;
height:40px;
margin: 13px 0 0 10px;
}
#header #le-select {
float:left;
cursor: pointer;
background:url(select-langues.png) no-repeat;
text-indent:-2000px;
display:block;
width:65px;
height: 50px;
border:none;
color: white;
margin: 4px 0 0 10px;
border-radius; 50%;
}
#header #le-select #langFr a,
#header #le-select #langEn a,
#header #le-select #langEs a,
#header #le-select #langDe a{
background:url(sprites.png);
margin:0 0 0 -40px;
width:40px;
height:40px;
display:none;
}
#header #le-select #langFr a {
margin: 50px 0 0 -40px;
}
#header #le-select:hover #langFr a,
#header #le-select:hover #langEn a,
#header #le-select:hover #langEs a,
#header #le-select:hover #langDe a{
display:block;
}
#header #le-select #langFr a {
background-position:-85px 0px;
}
#header #le-select #langEn a {
background-position:-155px 0px;
}
#header #le-select #langEs a {
background-position:-223px 0px;
}
#header #le-select #langDe a {
background-position:-223px -47px;
}
/*---------RECHERCHE----------*/
#recherche {
float:left;
font-size: x-small;
margin: 13px 10px 0 0;
padding: 0;
border:none;
width:182px;
height:21px;
}
#recherche form div,
#recherche form{
width:182px;
height:21px;
}
#recherche input.saisie {
font-size:x-small;
color:#ffffff;
background: none;
border: none;
border-bottom:1px solid white;
vertical-align:middle;
width:137px;
height: 21px;
line-height: 21px;
margin:0;
padding:0 0 0 5px;
}
#recherche ::-webkit-input-placeholder {
    color: #fff;
}
#recherche:-moz-placeholder {
    /* FF 4-18 */
    color: #fff;
}
#recherche ::-moz-placeholder {
    /* FF 19+ */
    color: #fff;
}
#recherche :-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}
#recherche input.saisie:hover,
#recherche input.saisie:focus{
color:#002460;
}
#valideSearch{
background:url(sprites.png) -250px -157px no-repeat;
border:none;
color:#002666;
font-weight:bolder;
font-size:1.1em;
height:40px;
line-height:21px;
width:40px;
text-transform:uppercase;
}
#recherche label {
position:absolute;
top:-9000px;
}
/*---------ACCUEIL----------*/
body.accueil  #wrapperAriane {
display:none;
}
body.accueil  #links > p,
body.accueil  #wrapperAgenda > p,
body.accueil #wrapperMoteurMood > p,
#chapeau > p,
#services-carte > p {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
font-size:1.6em;
color:#a4cbc4 !important;
text-align:center;
width:380px;
padding-top: 32px;
margin:-10px auto;
background-color:#fff;
}
#chapeau > p {
margin:-20px auto 30px auto;
}
body.accueil  #left {
margin-top:55px;
padding:0;
}
body.accueil  #links a {
margin:0 3% 13px 0;
}
body.accueil  #links a#patrimoine {
background:url(bgPatrimoine.jpg) no-repeat;
width:277px;
height:176px;
display:block;
text-decoration:none;
background-color:#cca07a;
background-size: 100% auto;
}
body.accueil  #links a#patrimoine span {
background-color:#cca07a;
}
body.accueil  #links a#surmesure {
width: 277px;
height: 59px;
display: block;
text-decoration: none;
background-color: #274c69;
background-size: 100% auto;
margin-top: 15px;
}
/*body.accueil  #links a#surmesure span {
background-color:#274c69;
}*/

body.accueil  #links a#patrimoine:hover,
body.accueil  #links a#surmesure:hover,
body.accueil  #links a#decouverte:hover {
opacity:.7;
}
body.accueil  #links a#patrimoine span {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
display:block;
width:80%;
height:auto;
padding:10px;
margin:122px auto 0 auto;
text-transform:uppercase;
text-align:center;
color:white;
font-size:1.2em;
}
#surmesure span {
margin: 18px 0 0 0;
display: inline-block;
}
#surmesure .pastille-ba {
   display: block;
   position: absolute;
   right: 30px;
   top: -10px;
}

body.accueil  #links a#decouverte {
background:url(bgGroupe.jpg) no-repeat top center;
width:548px;
height:365px;
display:block;
margin: 55px 0 0 7px;
text-decoration:none;
background-size: 100% auto;
}
body.accueil  #links a#decouverte span {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
display:block;
width:40%;
height:auto;
padding:10px;
margin:32px auto 0 auto;
background-color:#b1d4ce;
text-transform:uppercase;
text-align:center;
color:#274c69;
font-size:1.2em;
}
/*---------FIL D'ARIANE----------*/
#wrapperAriane {
width:100%;
height:50px;
background-color:#e3e4e4;
padding:15px;
}
#wrapperAriane > p,
#wrapperAriane a,
#wrapperAriane span {
font-family:'Open Sans', Calibri, sans-serif;
font-size:1.2em;
float:left;
margin: 0 0 5px 10px;
color:#274c69;
}
#wrapperAriane > p {
margin: 0;
font-weight:700;
}
#imprimEnvoi {
float:right;
width:80px;
}
#imprimEnvoi #envoiami a{
text-indent:-5000px;
background:url(sprites.png) no-repeat -156px -621px;
width:30px;
height:30px;
}
#imprimEnvoi #imprimpage a{
text-indent:-5000px;
background:url(sprites.png) no-repeat -194px -615px;
width:30px;
height:30px;
margin-top:-6px;
}
/*---------INTER----------*/
body.bodygenerique #inter {
width:74%;
float:left;
margin-top:20px;
}
body.bodygenerique #right {
margin-top:20px;
}
body.bodygenerique #inter #chapeau img {
width:100%;
}
body.bodygenerique #inter h2 ,
body.bodygenerique #inter p ,
body.bodygenerique #inter li ,
body.bodygenerique #inter em {
color:#274c69;
font-size:16px;
line-height:22px;
}
body.fiches #inter h2 {
margin:70px 0 20px 0;
}
body.bodygenerique #inter h3.contact {
margin-top:40px;
width:100%;
border-bottom:120px solid #e3e4e4;
}
body.bodygenerique #inter h3.contact span {
padding:10px;
margin-top:15px;
background-color:#274c69;
color:white;
}
body.bodygenerique #inter p#contact {
margin:-115px 0 0 110px;
}
body.bodygenerique #inter h2 {
font-weight:700;
font-size:1.9em;
}
body.bodygenerique #inter li {
padding-left:10px;
background:url(puce_list.jpg) no-repeat left 7px;
list-style:none;
}
body.bodygenerique #inter td {
width:320px;
}
body.bodygenerique #inter img {
max-width:845px;
height:auto;
}
body.bodygenerique #inter table img {
margin: 0 0 30px 20px;
}
body.bodygenerique #inter table {
width:80%;
}
body.bodygenerique #inter table ul {
width:100%;
}
body.bodygenerique #partageRS img {
width:125px;
margin:0;
}
.bodyFiche ul.imageBrut {
margin-left:-25px;
height:650px;
}
.bodyFiche ul.imageBrut li { 
float:left;
margin-right:15px;
}
.bodyFiche ul.imageBrut li img { 
height: 180px;
}
/*---------RIGHT----------*/
body.accueilRubrique #right {
display:none;
}
body.accueil #reservation{
margin-top:55px;
}
#reservation h2,
#billetterie h2,
#agendaRight h2,
#dispoAutres h2,
#pilgo a,
#surmesure span {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
text-transform:uppercase;
color:white;
font-size:1.35em;
font-weight:700;
text-align:center;
}
#pilgo a {
margin: 18px 0 0 0 !important;
display:inline-block;
}
#reservation p.reserveLink {
margin:65px auto;
width:120px;
height:25px;
border:1px solid #fff;
color:white;
text-transform:uppercase;
}
#reservation p.reserveLink a {
display:block;
width:100%;
text-align:center;
color:white;
text-decoration:none;
margin:3px 0 0 0;
}
#dispoHotels {
width:277px;
height:292px;
display:block;
text-decoration:none;
background-color:#cca07a;
padding-top:10px;
}
#dispoHotels > span {
background:url(sprites.png) no-repeat 0px -114px;
display:block;
width:230px;
margin:0 auto;
height:40px;
text-indent:-5000px;
}
#dispoAutres {
width:277px;
height:292px;
text-decoration:none;
background-color:#274c69;
padding-top:10px;
}
#dispoAutres > span {
background:url(sprites.png) no-repeat 0px -157px;
display:block;
width:230px;
margin:0 auto;
height:40px;
text-indent:-5000px;
}
#dispoAutres #otherDispo form {
display:block;
width:200px;
margin: 65px auto;
}
#dispoAutres #otherDispo select {
background-color:#274c69;
color:white;
border: 1px solid #fff;
height:25px;
}
#pilgo {
width:277px;
height:59px;
text-decoration:none;
background-color:#b1d4ce;
margin-top:13px;
}
#pilgo > .centrage > span {
background:url(logoPilgo.png) no-repeat;
display:block;
width:40px;
margin:8px 10px;
height:40px;
text-indent:-5000px;
float:left;
}
#billetterie {
width:277px;
height:140px;
display:block;
text-decoration:none;
background-color:#b1d4ce;
padding-top:10px;
margin-top:13px;
}
#billetterie p.reserveLink {
margin:10px auto;
width:120px;
height:25px;
border:1px solid #fff;
color:white;
text-transform:uppercase;
}
#billetterie p.reserveLink a {
display:block;
width:100%;
text-align:center;
color:white;
text-decoration:none;
margin:3px 0 0 0;
}
#billetterie > span {
background:url(sprites.png) no-repeat 0px -652px;
display:block;
width:230px;
margin:0 auto;
height:42px;
text-indent:-5000px;
}

#services-carte ul {
padding: 0
}

#services-carte li {
margin-top: 55px;
}

#services-carte li img {
width: 100%;
height: auto;
}

#services-carte li h2 {
box-shadow: 0 1px 5px #a6a6a6;
margin: 0 0 20px 0;
padding: 20px;
font-size: 1.4em;
width: 100%;
text-align: center;
font-weight: 700;
letter-spacing: 1px;
height: 70px;
}

#services-carte li h2 a {
text-decoration: none;
color: #000;
}

#agendaRight {
width:277px;
height:140px;
display:block;
text-decoration:none;
background-color:#999999;
padding-top:10px;
margin-top:13px;
}
#agendaRight p.link {
margin:10px auto;
width:120px;
height:25px;
border:1px solid #fff;
color:white;
text-transform:uppercase;
}
#agendaRight a {
display:block;
width:100%;
text-align:center;
color:white;
text-decoration:none;
margin:3px 0 0 0;
}
#agendaRight > span {
background:url(sprites.png) no-repeat 0px -695px;
display:block;
width:230px;
margin:0 auto;
height:40px;
text-indent:-5000px;
}
/*---------SLIDE AGENDA----------*/
#wrapperSlide {
margin-top:40px;
}
#wrapperAgenda #wrapperSlide img {
width:100%;
}
#wrapperAgenda #wrapperSlide ul li {
border-right:1px solid #f2f2f2;
}
#wrapperAgenda #wrapperSlide .date {
display:block;
height:70px;
width:100%;
margin:10px auto;
}
#wrapperAgenda #wrapperSlide .date .debut,
#wrapperAgenda #wrapperSlide .date .fin {
float:left;
display:block;
width:50%;
}
#wrapperAgenda #wrapperSlide .date .fullwidth{
width:100%;
}
#wrapperAgenda #wrapperSlide .date .fin {
border-left:1px solid #f2f2f2;
}
#wrapperAgenda #wrapperSlide .date .jour{
font-size:3.2em;
color:#4A4A4A;
margin:10px 0 20px 0;
text-align:center;
}
#wrapperAgenda #wrapperSlide .date .mois{
font-size:1.2em;
color:#a4cbc4;
margin:10px 0 0 0;
text-align:center;
font-style:italic;
}
#wrapperAgenda #wrapperSlide li:hover a {
color:#000;
}
#wrapperAgenda #wrapperSlide a {
color:#4A4A4A;
text-decoration:none;
}
#wrapperAgenda #wrapperSlide h3 {
font-size: 1.6em;
margin-left:20px;
min-height:40px;
}
#wrapperAgenda #wrapperSlide .bx-controls {
position:absolute;
top:50%;
width:130%;
z-index:1;
}
body.publications .bx-wrapper .bx-controls {
position:absolute;
top:40%;
width:86%;
z-index:1;
}
body.publications h2#first,
body.publications h2#second,
body.publications h2#third {
text-transform:uppercase;
color:#fff;
width:140px;
padding: 10px 20px;
font-size: 18px;
letter-spacing:1px;
text-align:center;
}
body.publications h2#first {
background-color: #cca07a;
}
body.publications h2#second {
background-color: #274c69;
}
body.publications h2#third {
background-color: #b1d4ce;
}
#wrapperAgenda #wrapperSlide .bx-controls a,
body.publications .bx-wrapper .bx-controls a {
height:70px;
width:70px;
display:block;
text-indent:5000px;
margin:-30px;
}
#wrapperAgenda #wrapperSlide .bx-prev,
body.publications .bx-wrapper .bx-prev {
background: url(sprites.png) no-repeat 0px -402px;
float:left;
}
#wrapperAgenda #wrapperSlide .bx-next,
body.publications .bx-wrapper .bx-next  {
background: url(sprites.png) no-repeat -71px -402px;
float:right;
}
#tteAgenda {
padding-left:0;
margin:38px 0 0 -15px;
}
#tteAgenda > span {
display:block;
height:50px;
width:60px;
background: url(sprites.png) no-repeat -246px -94px;
text-indent:5000px;
margin:0 auto;
}
#tteAgenda > p {
font-size:1.2em;
color:#a4cbc4;
margin:10px auto 15px auto;
text-align:center;
font-style:italic;
}
#lienAgenda {
background-color:#cca07a;
padding:100px 40px 10px 40px;
height:378px;
}
#lienAgenda h2 {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
text-transform:uppercase;
text-align:center;
color:white;
}
#lienAgenda #reserveBillet {
display:block;
color:white;
width:120px;
height:40px;
border:2px #fff solid;
border-radius:2px;
font-size:1.2em;
text-align:center;
text-decoration:none;
text-transform:uppercase;
margin:40px auto;
padding-top:8px;
}
#tteAgenda #plusAgenda {
display:block;
color:#b7b7b7;
width:200px;
height:30px;
border:1px #b7b7b7 solid;
font-size:1.2em;
text-align:center;
text-decoration:none;
padding-top:5px;
margin-top:20px;
float:right;
}
/*------- MOTEUR AGENDA----------*/
body.agenda ul.listeMoteur li {
height:420px;
}
body.agenda ul.listeMoteur h2,
body.defaut ul.listeMoteur h2 {
margin: 10px 0 0 0;
}
body.agenda ul.listeMoteur h2 a,
body.defaut ul.listeMoteur h2 a {
font-size:17px;
font-weight:700;
text-decoration:none;
color:#274c69;
}
body.agenda ul.listeMoteur img,
body.defaut ul.listeMoteur img {
width:100%;
height:auto;
}
body.agenda #wrapperMoteur label {
margin: 20px 5px 0 0;
}
body.agenda #wrapperMoteur #motsCles label {
margin:0;
}
body.agenda #wrapperMoteur input,
body.agenda #wrapperMoteur select {
background-color:#274c69;
color:#fff;
border:1px #fff solid;
}
/*---------2EME NIVEAU----------*/
body.accueilRubrique #accueilRub {
margin-top:40px;
}

body.accueilRubrique .blockRub {
  height: 340px;
}

body.accueilRubrique .blockRub h2 {
box-shadow: 0 1px 5px #a6a6a6;
margin: 0 0 20px 0;
padding:20px;
font-size:1.4em;
width:100%;
text-align:center;
font-weight:700;
letter-spacing:1px;
height:70px;
}
body.accueilRubrique .blockRub h2 a {
text-decoration:none;
color:#000;
}
body.accueilRubrique .blockRub img {
width:100%;
height:auto;
}
body.accueilRubrique .blockRub a:hover img {
opacity:.9;
}
body.accueilRubrique .blockRub .hover {
display:none !important;
}
/*---------MOTEUR PROFIL----------*/
#wrapperProfil {
margin:60px 0;
height:230px;
}
#wrapperProfil ul li#zen {
display:block;
background: url(zen.png) no-repeat;
height:230px;
}
#wrapperProfil ul li#culture {
display:block;
background: url(culture.png) no-repeat;
height:230px;
}
#wrapperProfil ul li#dynamique {
display:block;
background: url(dynamique.png) no-repeat;
height:230px;
}
#wrapperProfil ul li#amoureux {
display:block;
background: url(enAmoureux.png) no-repeat;
height:230px;
}
#wrapperProfil ul li#amis {
display:block;
background: url(entreAmis.png) no-repeat;
height:230px;
}
#wrapperProfil ul li#famille{
display:block;
background: url(enFamille.png) no-repeat;
height:230px;
}
#wrapperProfil .bx-controls {
position:absolute;
top:50px;
left:390px;
height:140px;
width:30px;
z-index:1;
}
#wrapperProfil .bx-controls a {
height:20px;
width:30px;
display:block;
text-indent:5000px;
}
#wrapperProfil .bx-prev {
background: url(sprites.png) no-repeat -17px -479px;
position:absolute;
top:0;
}
#wrapperProfil .bx-next {
background: url(sprites.png) no-repeat -17px -503px;
position:absolute;
bottom:0;
}
#wrapperProfil .bx-viewport ul li span.txt {
display:block;
border-bottom:1px solid #a4cbc4;
width:180px;
height:30px;
position:relative;
top:110px;
left:260px;
text-align:center;
font-size:1.8em;
color:#274c69;
}
#wrapperProfil .separateur {
position:absolute;
text-indent:-5000px;
background:url(sprites.png) no-repeat -203px -311px;
width:200px;
height:230px;
margin-left:-70px;
left:50%;
}
#wrapperProfil button {
float:right;
margin-right:40px;
display:block;
background:#cca07a;
width:200px;
height:30px;
color:white;
text-transform:uppercase;
border:none;
}
/*---------MOTEUR DE RECHERCHE----------*/
/*---------ACCORDEON----------*/
body.moteur .accordeon-close {
display:none;
}
body.moteur #pagination-top {
display:none;
}
body.moteur #inter form.comos-moteur {
margin:60px 0 0 0;
background-color: #274c69;
position:relative;
}
body.moteur .listeMoteur {
margin-top:60px;
}
body.moteur #wrapperMoteur h2,
body.moteur #wrapperMoteur h3 ,
body.moteur #wrapperMoteur label,
body.moteur #wrapperMoteur #validButton button {
color:white;
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
}
body.moteur #wrapperMoteur h2 {
background:#cca07a;
text-transform: uppercase;
text-align: center;
font-size:1.3em;
font-weight:400;
padding:15px;
margin:0 -15px 20px -15px;
}
body.moteur #wrapperMoteur h3 {
font-size:1.3em;
font-weight:400;
}
body.moteur #wrapperMoteur h3 a {
display:block;
color:white;
text-decoration:none;
width:100%;
border-bottom:1px solid #fff;
padding-bottom:10px;
}
body.moteur #wrapperMoteur h3 a:hover {
border-bottom:1px solid #cca07a;
}
body.moteur #wrapperMoteur h3 a span {
background:url(sprites.png) no-repeat -239px -670px;
height:20px;
width:30px;
float:right;
}
body.moteur #wrapperMoteur h3 a:hover span {
background:url(sprites.png) no-repeat -281px -670px;
}
body.moteur #wrapperMoteur h3 a.on {
color:#cca07a;
border-bottom:1px solid #cca07a;
}
body.moteur #wrapperMoteur h3 a.on span {
background:url(sprites.png) no-repeat -281px -649px;
}
body.moteur #wrapperMoteur label {
font-size:1.2em;
font-weight:400;
}
body.moteur #wrapperMoteur input[type="text"],
body.moteur #wrapperMoteur select {
background:#274c69;
border:1px #fff solid;
width:100%;
height:30px;
margin-bottom:20px;
color:#fff;
}
body.moteur #wrapperMoteur .date img {
position:absolute;
right:25px;
margin-top: 8px;
}
body.moteur #wrapperMoteur #validButton {
background:#cca07a;
padding:10px;
margin:0 -15px 0 -15px;
}
body.moteur #wrapperMoteur #validButton button {
display:block;
width:100%;
background:none;
border:none;
height:30px;
text-transform: uppercase;
font-size:1.2em;
font-weight:400;
}
body.moteur #wrapperMoteur .form-item input {
margin: 5px 0 15px 0;
background:white;
}
body.moteur #wrapperMoteur .form-item label {
position:absolute;
margin: -2px 0 0 25px;
font-weight:400;
}
body.moteur #rechercher_meuble_refonte #wrapperMoteur > p{
color:#fff;
font-size:.8em;
}
body.moteur .listeMoteur .ou > img {
width:100%;
height:224px;
}
body.moteur .listeMoteur .rayures {
position:absolute;
margin:-40px 0 0 10px;
background-color:white;
padding:10px;
}
body.moteur .listeMoteur .wrapper-resume {
padding:10px;
box-shadow:0 1px 5px #a6a6a6;
height:144px;
}
body.hotels .listeMoteur .wrapper-resume {
height:125px;
}
body.residences .listeMoteur .wrapper-resume,
body.locationMeubles .listeMoteur .wrapper-resume,
body.moteur .listeMoteur .hote .wrapper-resume {
height:165px;
}
body.moteur .listeMoteur .ou {
height:380px;
padding-left:60px;
margin-bottom:30px;
}
body.residences .listeMoteur .ou {
height:420px;
}
body.locationMeubles .listeMoteur .ou {
height:400px;
}
body.moteur .listeMoteur .hote {
height:420px;
}
body.moteur .listeMoteur .ou h2 {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
margin:0;
font-size:1.5em;
font-weight:700;
}
body.moteur .listeMoteur .ou p {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
font-size:1.1em;
margin:10px 0 0 0;
}
body.moteur .listeMoteur .wrapper-resume span {
width:100%;
display:block;
}
body.moteur .listeMoteur .wrapper-resume a {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
display:block;
width:130px;
float:left;
margin-top:15px;
padding:10px;
text-transform:uppercase;
text-decoration:none;
text-align:center;
font-weight:700;
background-color: white;
color:#a4cbc4;
}
body.moteur .listeMoteur .wrapper-resume a.fiche {
float:right;
background-color:#a4cbc4;
color:white;
}
body.moteur .listeMoteur .wrapper-resume a.geoloc:hover {
background-color:#a4cbc4;
color:white;
}
body.moteur .listeMoteur .wrapper-resume a.fiche:hover {
background-color:white;
color:#a4cbc4;
}
body.moteur .pagination {
margin:20px 0 0 32%;
}
body.moteur .pagination p,
body.moteur .pagination a {
float:left;
margin:10px 20px 10px 0;
}
body.moteur .pagination a,
body.defaut .pagination a {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
display:block;
width:180px;
margin-top:-5px;
padding:5px;
text-transform:uppercase;
text-decoration:none;
text-align:center;
font-weight:700;
background-color:#a4cbc4;
color:white;
}
body.moteur #right {
display:none;
}
body.publications #right {
display: block;
}
/*---------FICHES----------*/
body.bodyFiche #right {
display:none;
}
body.bodyFiche #inter > h2 > span {
width:80px;
display:block;
margin:0 auto;
}
body.bodyFiche .tarifs {
width:100%;
float:left;
margin-top:200px;
}
body.bodyFiche .tarifs div {
float:left;
}
body.bodyFiche .camping {
margin-top:-30px;
}
body.bodyFiche .infos,
body.bodyFiche #description {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
color:#274c69;
}
body.bodyFiche .infos {
font-size:1.4em;
line-height:28px;
}
body.bodyFiche #description {
font-size:1.2em;
line-height:23px;
min-height:280px;
}
body.bodyFiche .infos ul {
padding:0;
}
body.bodyFiche .infos .bottomLink {
display:block;
float:left;
padding:5px;
background-color:#274c69;
color:white;
margin-top:30px;
width:45%;
text-align:center;
text-transform:uppercase;
text-decoration:none;
}
body.bodyFiche .infos #promo {
display:block;
position:relative;
float:left;
margin: 30px 0 0 5%;
width:45%;
background-color:#cca07a;
color:white;
padding:5px;
}
body.bodyFiche .infos #promo h2 {
margin:0;
font-size:1em;
padding:5px;
text-transform: uppercase;
text-align:center;
}
body.bodyFiche .infos #promo p {
display:none;
top:38px;
position: absolute;
z-index:1;
font-size:.9em;
font-weight:400;
padding: 5px 15px 15px 15px;
width:100%;
margin: 0 0 0 -5px;
border-top:1px #fff solid;
}
body.bodyFiche .infos #promo:hover p {
display:block;
background-color:#cca07a;
}
body.bodyFiche .tarifs div {
border-right: 1px solid #e3e4e4;
margin-bottom:20px;
}
body.bodyFiche .descriptif_tarif {
width:100%;
border:0 !important;
}
body.bodyFiche .descriptif_tarif strong {
line-height:32px;
font-size:.7em;
}
body.bodyFiche .tarifs div:first-of-type {
border-left: 1px solid #e3e4e4;
}
body.bodyFiche .tarifs h3,
body.bodyFiche .tarifs p {
text-align:center;
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
}
body.bodyFiche .tarifs h3 {
font-style:italic;
color:#a4cbc4;
clear:both;
margin:30px 0;
}
body.bodyFiche .tarifs  p {
font-size:2.5em;
}
body.bodyFiche #wrapperSlide .bx-controls {
position:absolute;
top:50%;
width:98%;
z-index:1;
}
body.bodyFiche #wrapperSlide .bx-controls a {
height:70px;
width:70px;
display:block;
text-indent:5000px;
margin:-30px;
}
body.bodyFiche #wrapperSlide .bx-prev {
background: url(sprites.png) no-repeat 0px -402px;
float:left;
}
body.bodyFiche #wrapperSlide .bx-next {
background: url(sprites.png) no-repeat -71px -402px;
float:right;
}
body.bodyFiche #hautpageMeteoMob a,
body.fiches  #hautpageMeteoMob a {
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
display:block;
float:right;
width:200px;
font-size:18px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
padding:5px;
background-color:#a4cbc4;
color:#274c69;
margin-top:30px;
}
/*--------------UTILE----------*/
body.utile #inter h2 {
border-bottom:1px solid #b1d4ce;
margin-bottom:0;
padding-bottom:20px;
}
body.utile #inter h2 a,
body.utile #inter h2 span {
text-decoration:none;
font-weight:700;
color:#274c69;
}
body.utile #inter {
margin-right:50px;
}
body.utile #inter p {
margin:0;
}
body.utile #inter #wrapperList img {
width:100%;
height:auto;
}
body.utile #inter #wrapperList ul {
padding-right:40px;
}
body.utile #inter .replie {
margin-top:20px;
}
body.utile #inter .replie p {
float:left;
width:200px;
margin-right:10px;
height:140px;
}
body.utile #right {
margin-top:30px;
}
/*--- DISPOS HOTELS ---*/
body.moteurDispo #right {
display:none;
}
body.moteurDispo .pagination {
 display:none;
}
.disposHotels {
 float:left;
 width:100%;
 position:relative;
 padding:0;
 font-size:0.9em;
}
.disposHotels:first-child {
 margin-top:20px;
}
.disposHotels:first-child > div {
 height:66px;
}
.disposHotels > div {
 float:left;
 height:66px;
 border:1px solid #AAA;
}
.disposHotels .col01 {
 width:254px;
}
.col01.alignRight p {
 margin:0;
 padding:0 5px;
}
.dispoES .col01.alignRight p {
 line-height:1em;
}
.col01 h2 > a > img {
 width:20px;
}
.col01 h2 .rayures {
 font-size:0.7em;
 font-weight:normal;
}
#inter > .disposHotels {
margin-left:40px;
}
#inter .disposHotels h2 a {
font-size:.6em;
font-weight:700;
text-decoration:none;
color:#274c69 ;
}
#inter .disposHotels .col01 h2 {
 margin:0;
 padding:0 5px;
 border:none;
}
.disposHotels .col01 h2 span {
 display:block;
}
.colDouble {
 width:134px;
 text-align:center;
}
.colDouble > p, 
.colDouble .colDoubleInter {
 float:left;
 height:32px;
 width:100%;
 margin:0;
}
.border {
 border-bottom:1px solid #AAA;
}
.border, .colDoubleInter p {
 display:block;
 padding:7px 0;
}
.colDoubleInter p {
 margin:0;
 float:left;
 width:66px;
 border-right:1px solid #AAA;
}
.dispoES .colDoubleInter p {
 line-height:1em;
 padding:4px 0;
}
.colDoubleInter p + p {
 float:right;
 border:none;
 border-left:1px solid #AAA;
}
.disposHotels .col02, 
.disposHotels .col03, 
.disposHotels .col11 {
 width:66px;
 text-align:center;
}
.disposHotels .col02 span, 
.disposHotels .col03 span, 
.disposHotels .col04 > div, 
.disposHotels .col11 a {
 display:block;
 padding:24px 0;
}
.disposHotels .col11.colDE a {
 padding:9px 0;
 line-height:1.2em;
}
.disposHotels .col04 {
 width:470px;
 text-align:center;
}
.afficheTop {
 position:absolute;
 top:0;
}
.colOne {
 float:left;
 width:66px;
 overflow:hidden;
 position:relative;
}
.colOne span {
 position:relative;
 z-index:2;
}
.colOne img {
 position:absolute;
 top:0; 
 left:0;
 z-index:1;
}
.colOne + .colOne {
 border-left:1px solid #AAA;
}
.colOne + .colOne +.colOne +.colOne +.colOne +.colOne + .colOne {
 width:68px;
}
.bgWhite {
 background:#FFF;
}
.bgGreen {
 color:#FFF;
 background:#68AA19;
}
.bgYellow {
 color:#FFF;
 background:#FFA500;
}
.bgRed {
 color:#FFF;
 background:#DC0815;
}
/*--------------KIOSQUE & BROCHURES----------*/
body.publications #pagination-bottom {
display:none;
}
body.publications .bx-wrapper {
padding:0 30px 0 50px;
position:relative;
}
body.publications .bx-wrapper .bx-viewport {
height:400px !important;
}
body.publications #inter .bx-wrapper img {
height:300px;
width:auto;
}
body.publications .bx-wrapper h2 a {
text-decoration:none;
color:#274c69;
font-size:.8em;
}
body.publications #inter li {
background:none;
}
body.publications .bx-wrapper span {
float:right;
}
body.publications .bx-wrapper a {
float:left;
width:100%;
}
/*--------------PROFIL----------*/
body.profil ul.listeMoteur li img {
width:100%;
}
body.profil ul.listeMoteur {
padding:0;
}
body.profil #wrapperMoteur {
background:#b1d4ce;
padding:15px;
}
body.profil #wrapperMoteur label {
font-size:1.3em;
margin: 4px 0 0 0;
text-transform:uppercase;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, sans serif;
}
body.profil #wrapperMoteur select {
background:#b1d4ce;
border:1px #fff solid;
margin :-5px 10% 0 5%;
}
body.profil #wrapperMoteur button {
float:right;
color:white;
text-transform:uppercase;
background:#274c69;
padding:18px;
border:none;
margin:-15px;
font-size:18px;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, sans serif;
}
body.profil #inter li {
background:none;
min-height:290px;
}
/*--------------CALENDRIER DISPO----------*/
#calendrierDispo{
 position:absolute;
 top:940px;
}
.calendar-year {
 float:left;
 width:240px;
 padding:10px;
 border-radius:5px;
 border:1px solid #333;
 background:#EEE;
 position:relative;
 max-width:240px;
 margin-bottom:20px;
 height: 254px;
}
.calendar-year .month-dispo {
padding:0;
}
.calendar-year .bx-viewport{
 height: 245px !important;
}

.calendar-year .bx-wrapper ul > .calendar-month{
  width: 218px !important;
}

.calendar-year .bx-wrapper ul > .calendar-month li{
  width: 100% !important;
}

#nb_logement,
#ouvert {
 float:left;
 width:100%;
}
#inter_fiche .interBlock {
 float:left;
 width:49%;
 margin-bottom:20px;
}
#inter_fiche .calendar-year ul {
 margin:0 auto;
 padding:0;
 float:left;
 width:100%;
}
#inter_fiche .calendar-year ul li {
 padding-left:0;
 background-image:none;
}
.name-month,
.calendar-month,
.header-month,
.week-dispo {
 float:left;
 width:100%;
 position:relative;
}
.name-month-title {
 text-align:center;
 display:block;
 margin-bottom:15px;
 padding:3px 0;
 font-weight:bold;
 font-size:1.5em;
}
.name-month .prev {
 position:absolute;
 top:0;
 left:0;
}
.name-month .next {
 position:absolute;
 top:0;
 right:0;
}
.header-month {
 color:#FFF;
 background:#002460;
 font-weight:bold;
}
.header-month > div,
.week-dispo > div {
 float:left;
 height: auto;
 width:14.27%;
 padding:8px 5px;
 border:1px solid #333;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.header-month > div + div,
.week-dispo > div + div {
 border-left:none;
}
.week-dispo > div {
 border-top:none;
 text-align:right;
}
.week-dispo img {
 display:block;
 height:auto;
 max-width:100%;
 position:absolute;
 top:-5000px;
 left:-5000px;
}
.disabled {
 display:none !important;
}
.calendar-year .bx-controls a {
 display:block;
 height:18px;
 width:60px;
 position:absolute;
 top:0;
 margin-top:10px;
 color:#333;
 background:#DDD;
 padding:2px 5px;
 border-radius:5px;
 border:1px solid #333;
 text-align:center;
 text-decoration:none;
z-index: 99999;
}
.calendar-year .bx-controls a:hover {
 background-color:#BBB;
}
.calendar-year .bx-prev {
 left:10px;
}
.calendar-year .bx-next {
 right:10px;
}
/*--------------FORMULAIRE----------*/
body.bodyFiche #formulaireDemande {
float:left;
}
body.bodyFiche form div.entry {
float:left;
width:320px;
margin-right:40px;
}
body.preResa #para0109 ,
body.preResa #para0112 {
clear:both;
}
body.preResa #para0110 label {
width:20%;
}
body.preResa #para0110 textarea {
width:65%;
float:none;
border:none;
}
body.preResa form div.entry input.formatNumeric,
body.preResa form div.entry input.formatDecimal,
body.preResa form div.entry input.formatMoney {
width:60%;
border:none;
}
/*--------------MOTEUR DEFAUT----------*/
body.defaut ul.listeMoteur {
margin-top:50px;
}
body.defaut #pagination-top {
display:none;
}
body.defaut ul.listeMoteur li {
height:80px;
}
body.defaut .remonteeRecherche img {
display:none;
}
body.defaut .pagination {
width:100%;
}
body.defaut #inter li {
background:url(puce_list.JPG) no-repeat left 25px;
}
body.defaut .pagination p,
body.defaut .pagination a {
width:180px;
margin: 10px auto;
}
/*--------------PLAN INTERACTIF----------*/
#geoIframe {
margin-top:50px;
width:100%;
}
/*-----------FOOTER----------*/
#wrapper-footer {
background:url(bgFooter_2016.jpg) repeat-x #182f41;
color:white;
height:290px;
font-family:'Gill Sans','Gill Sans MT', Calibri, sans-serif;
margin-top:30px;
}
#footer #block-infos {
background-color: #cca07a;
height:auto;
}

#footer #block-infos h3,
#footer #block-infos .styleh3  {
position: relative;
display:block;
padding-bottom: 23px;
margin: 0;
width:100%;
text-align:center;
font-size:32px;
font-weight:700;
line-height:1;
}
#footer #block-infos .pastille-ba {
position: absolute;
right: 23px;
top: 40px;
}
#footer #block-infos .pastille-ba > span {
display: inline-block;
width: auto;
margin: 0 5px 0 0;
font-size: 12px;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
letter-spacing: 2px;
border: none;
color: #fff;
}
#footer #block-infos h3 span {
border-bottom: 1px solid #fff;
display:block;
padding: 15px 0 30px 0;
width:100%;
text-align:center;
letter-spacing:1px;
}
#footer #liens-infos {
clear:both;
background-color:#274c69;
height:auto;
}
#footer #liens-infos ul {
padding:0;
}
#footer #liens-infos ul li {
float:left;
width:30%;
margin:0 3px;
}
#footer ul li a {
color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align:center;
letter-spacing:1px;
display:block;
}
#footer #liens-infos ul li a {
margin-bottom:11px;
font-size:12px;
}
#footer #liens-footer ul li a {
font-size:16px;
}
#footer #liens-infos ul li a span {
width:30px;
height:30px;
margin:15px auto 10px auto;
display:block;
}
#footer #liens-infos ul li a#contactFooter span {
background:url(sprites.png) no-repeat -49px -473px;
}
#footer #liens-infos ul li a#horaireFooter span {
background:url(sprites.png) no-repeat -79px -473px;
}
#footer #liens-infos ul li a#geoFooter span {
background:url(sprites.png) no-repeat -117px -473px;
}
#footer #liens-footer ul li {
margin: -125px 0 65px 0;
border-right:1px solid #fff;
width:22%;
float:left;
}
#footer #liens-footer ul li a span {
width:70px;
height:55px;
margin:15px auto 30px auto;
display:block;
}
#footer #liens-footer ul li#presse-footer span {
background:url(sprites.png) no-repeat 0px -538px;
}
#footer #liens-footer ul li#visite-virtuelle-footer span {
background:url(sprites.png) no-repeat -64px -528px;
height:61px;
margin: 15px auto 24px auto;
}
#footer #liens-footer ul li#brochures-footer span {
background:url(sprites.png) no-repeat -4px -593px;
}
#footer #liens-footer ul li#infos-pratiques-footer span {
background:url(sprites.png) no-repeat -78px -593px;
}
#footer ul#footer-min {
float:right;
}
#footer ul#footer-min li {
float:left;
margin:34px 5px 0 0;
}
#footer ul#footer-min li a {
text-transform:lowercase;
font-size:1.2em;
letter-spacing:1px;
}
#footer a:hover {
opacity:.7;
}
#footer #footerLink {
margin-top:15px;
}
#footer #footerLink li {
float:left;
margin-right:10px;
height:50px;
width:20%;
background:#274c69;
margin:-25px 0 0 2%;
}
#footer #footerLink li a{
text-transform: uppercase;
text-align:right;
color:#fff;
font-weight:700;
letter-spacing:0;
padding-top:15px;
margin-right:20px;
}
#footer #footerLink li#mairie {
background: url(bgMairie.jpg) no-repeat 10px center #274c69;
}
#footer #footerLink li#congres {
background: url(bgCongres.jpg) no-repeat 0px center #274c69;
}
#footer #footerLink li#port {
background: url(bgPort.jpg) no-repeat 10px center #274c69;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ALLEMAND ---*/
.allemand #menu ul li ul li {
 font-size:.8em;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BACKGROUND ---*/
#background{
position:relative;
z-index:2;
height:auto;
width:100%;
overflow:hidden;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:1170px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/ 
/*--- MEDIAS QUERIES ---*/
@media screen and (max-width:1199px) {
#wrapper-footer {
background:#182f41 !important;
}
 #menu ul li.lien01 ul #faire,
 #menu ul li.lien02 ul #dormir,
 #menu ul li.lien03 ul #manger,
 #menu ul li.lien04 ul #shopping,
 #menu ul li.lien05 ul #culture {
 margin: -40px 0 20px 47px !important;
 }
 body.moteur .listeMoteur .ou {
 padding-left:0;
 }
 body.bodygenerique #inter {
 width:69%;
 }
 body.accueil #left {
 width:100%;
 }
 body.accueil #right #dispoHotels,
 body.accueil #right #dispoAutres {
 width:47%;
 float:left;
 margin:0 3% 0 0;
 }
 body.accueil #links #reservation {
 margin-top:30px;
 }
 body.accueil #right {
 width:100%;
 }
 body.accueil #left #patrimoine,
 body.accueil #left #surmesure {
 width:47% !important;
 }
 #content h1 {
 height:auto;
 }
 body.accueil #links a#decouverte {
 width:80%;
 margin:15px 0 0 10%;
 }
 body.accueil #pilgo {
 float:left;
 width:97%;
 }
 body.accueil #pilgo > .centrage {
 width:270px;
 margin:0 auto;
 }
 #wrapper-footer {
 height:360px;
 }
 #footer #liens-footer ul li {
 margin-top:0px;
 position:relative;
 top:-180px;
 }
 #footer-min {
 margin-top:0;
 position:absolute;
 bottom:120px;
 right:75px;
 }
 #footer ul#footer-min li a {
 font-size:1em;
 }
#footerLink {
 position:absolute;
 bottom:160px;
 left:33%;
 width:59%;
 }
#footer #footerLink li {
width:31%;
background:#274c69 !important;
}
#footer #footerLink li a {
text-align:center;
margin: 0 5px;
}
 #centrage {
 width:100%;
 }
 #lienAgenda {
 padding:100px 20px 10px 20px;
 height:307px;
 }
 #wrapperProfil #profil-envie,
 #wrapperProfil #profil-groupe {
 width:100%;
 }
 #wrapperProfil .separateur {
 display:none;
 }
 #wrapperProfil #profil-envie,
 #wrapperProfil #profil-groupe {
 width:60%;
 margin:10px 20%;
 }
}
@media screen and (max-width:991px) {
 body.accueil #wrapperBgStretch,
 body.accueil .backgroundStretch,
 body.accueil #header {
 height:700px;
 }
 #wrapperBgStretch,
 .backgroundStretch,
 #header {
 height:560px;
 }
 #menu,
 body.accueil #menu{
 height:350px;
 top:-5000px ;
 }
 body.bodygenerique #inter {
 float:none;
 width:100%;
 }
 #menu > ul > li {
 position:static;
 }
 #menuburger {
 display:block;
 position:absolute;
 top:510px;
 background:url('pucemenu.png') no-repeat 15px 22px #274c69;
 width:100%;
 padding:20px;
 color:white;
 font-size:1.6em;
 text-transform:uppercase;
 }
 body.accueil #menuburger {
 top:643px;
 }
 #menuburger {
 text-decoration:none;
 }
 #menuburger span{
 margin-left:40px;
 }
 #wrappermenu:hover #menu,
 #wrappermenu:focus #menu {
 top:160px;
 }
 body.accueil #wrappermenu:hover #menu,
 body.accueil #wrappermenu:focus #menu {
 top:293px;
 }
 #menu > ul > li {
 width:100%;
 }
 #menu > ul > li > a {
 width:100%;
 height:70px;
 padding-top:10px;
 background:none;
 }
 #menu > ul > li > a > span {
 margin:0 0 0 50px;
 float:left;
 }
 #menu ul li ul.flip {
 position:absolute;
 width:220px;
 right:0;
 top:0;
 bottom:0;
 }
 #menu > ul > li > a > p {
 float:left;
 margin:0 0 0 15px; 
 text-align:left;
 margin:15px 0 0 40px;
 width:250px;
 }
 #menu ul li.lien01 ul #faire,
 #menu ul li.lien02 ul #dormir,
 #menu ul li.lien03 ul #manger,
 #menu ul li.lien04 ul #shopping,
 #menu ul li.lien05 ul #culture {
 margin: -40px 0 20px 65px !important;
 }
 #inter {
 width:100%;
 }
 body.moteur .listeMoteur .ou > img {
 width:100%;
 height:auto;
 }
 body.moteur .listeMoteur .wrapper-resume {
 height:190px;
 }
 #lienAgenda {
 padding:40px 20px 10px 20px;
 height:230px;
 }
 body.moteur .listeMoteur .wrapper-resume a.fiche {
 float:left;
 }
 body.moteur .listeMoteur .wrapper-resume a {
 margin-top:10px;
 }
 #lienAgenda h2 {
 font-size:1.6em;
 }
 #tteAgenda #plusAgenda {
 width:140px;
 }
 #wrapperProfil #profil-envie,
 #wrapperProfil #profil-groupe {
 width:80%;
 margin:10px 10%;
 }
 #right {
 width:100%;
 }
 #dispoHotels,
 #dispoAutres,
 #billetterie,
 #agendaRight {
 float:left;
 margin-top:0; 
 }
 #dispoHotels,
 #dispoAutres,
 #billetterie {
 margin-bottom:10px;
 }
 #footer #liens-infos ul li{
 width:100%;
 }
 #footer #liens-footer ul li a {
 font-size:14px;
 }
 #footer-min {
 bottom:170px;
 width:auto;
 right:20px;
 }
 #footerLink {
 width:50%;
 bottom:220px;
 right:20px;
 }
 #footer #footerLink li {
 height:62px;
}
}
@media screen and (max-width:767px) {
 #liensEnPlusHeader{
 margin-top:150px;
 }
 #le-select{
 margin:13px 0 0 10px !important;
 }
 body.accueil #wrapperBgStretch,
 body.accueil .backgroundStretch,
 body.accueil #header {
 height:720px;
 }
 #wrapperBgStretch,
 .backgroundStretch,
 #header {
 height:293px;
 }
 #menuburger {
 top:216px
 }
 body.accueil #menuburger {
 top:643px;
 }
 body.accueil #wrappermenu:hover #menu,
 body.accueil #wrappermenu:focus #menu {
 top:293px;
 }
 #header h1 {
 position:static;
 margin:20px auto;
 width:290px;
 }
 #barreHauteHeader {
 float:none;
 width:370px;
 margin:-120px auto;
 } 
 #menu,
 body.accueil #menu {
 right:0;
 }
 #wrappermenu:hover #menu,
 #wrappermenu:focus #menu {
 top:273px;
 }
 body.accueil #left #patrimoine,
 body.accueil #left #surmesure,
 body.accueil #links a#decouverte {
 float:left !important;
 background-size: auto !important;
 }
 body.accueil #links #reservation {
 margin-top:30px;
 float:left;
 }
 body.accueil #links {
 height:880px;
 }
 #wrapperAgenda #wrapperSlide .bx-controls {
 width:95%;
 }
 body.accueil #tteAgenda {
 margin:0;
 }
 body.moteur .listeMoteur .wrapper-resume {
 height:120px;
 }
 body.moteur .listeMoteur .ou {
 margin-bottom:20px;
 height :auto;
 }
 body.moteur .listeMoteur .wrapper-resume a.fiche {
 float:right;
 }
body.accueil #links a#decouverte span {
 width:60%;
 }
 body.accueil #links a#patrimoine span,
 body.accueil #links a#surmesure span {
 width:100%;
 }
 #wrapperProfil #profil-envie,
 #wrapperProfil #profil-groupe {
 width:100%;
 margin:10px 0;
 }
 #wrapper-footer {
 background:#182f41;
 height:560px;
 }
 #wrapper-footer #liens-footer{
 float:left;
 width:100%;
 margin-top:20px;
 }
 #footer #liens-footer ul li {
 position:static;
 top:0;
 float:left;
 }
 #footer #liens-infos ul li {
 width:30%;
 }
 #footer #liens-footer ul li {
 width:33%;
 }
 #footer ul#footer-min {
 position:absolute;
 bottom:40px;
 left:0;
 width:100%;
 }
 #footerLink {
 bottom:90px;
 left:-20px;
 width:100%;
 }
 #footer #liens-footer ul {
 padding:0 !important;
 }
 body.bodyFiche #calendrierDispo {
 position:static;
 float:left;
 }
 body.bodyFiche #wrapperSlide {
 position:relative; 
 float:left;
 }
 body.bodyFiche form div.entry {
 width:100%;
 }
}
@media screen and (max-width:580px) {
 body.accueil #right #dispoHotels,
 body.accueil #right #dispoAutres {
 width:100%;
 height:auto;
 padding-bottom:20px;
 }
 #content h1 span {
 width:100%;
 height:auto;
 }
 body.accueil #links > p,
 body.accueil #wrapperAgenda > p,
 body.accueil #wrapperMoteurMood > p {
 display:none;
 }
 body.accueil #links #reservation {
 float:none;
 position:relative;
 top:40px;
 }
 body.accueil #pilgo {
 width:100%;
}
 #wrapperVideo iframe {
 height:220px;
 }
 #wrapperAgenda {
 top:100px;
 }
 #wrapperSlide {
 margin-top:80px;
 }
 #wrapperProfil ul li {
 height:370px !important;
 width:230px !important;
 margin:0 auto;
 }
 #wrapperProfil .bx-controls {
 left:48%;
 top:240px;
 height:100px;
 }
 #wrapperProfil .bx-viewport ul li span.txt {
 left:30px;
 top:280px;
 }
 #wrapperProfil ul {
 padding-left: 0;
 }
 body.profil #wrapperMoteur button {
 width:100%;
 clear:both;
 margin:30px 0 0 0;
 }
 #wrapper-footer {
 height:1140px;
 }
 #footer #liens-footer ul li {
 width:100%;
 border-bottom:1px solid #fff;
 border-right:none;
 padding-bottom:20px;
 }
#footer ul#footer-min {
 bottom:15px;
}
#footer ul#footer-min li {
 margin:5px 5px 0 0;
}
#footer #footerLink li {
 width:100%;
 height:50px;
 margin:0 0 10px 0;
}
}
@media screen and (max-width:428px) {
 body.accueil #wrapperBgStretch,
 body.accueil .backgroundStretch,
 body.accueil #header {
 height:500px;
 }
 #wrapperBgStretch,
 .backgroundStretch,
 #header {
 height:293px;
 }
 #menuburger {
 top:216px
 }
 body.accueil #menuburger {
 top:423px;
 }
 body.accueil #wrappermenu:hover #menu,
 body.accueil #wrappermenu:focus #menu {
 top:73px;
 }
 #menu > ul > li > a > span {
 margin:0 0 0 20px;
 float:left;
 }
 #menu > ul > li > a > p {
 margin:15px 0 0 30px; 
 text-align:left;
 width:130px;
 }
 #menu ,
 body.accueil #menu{
 top:-5000px;
 }
 body.moteur .listeMoteur .wrapper-resume a {
 width:100%;
 }
 body.moteur .listeMoteur .ou {
 height:420px;
 }
 body.moteur .listeMoteur .wrapper-resume {
 height:190px;
 }
 #wrapper-footer {
 height:1230px;
 }
}