/* --- z-index ---

header => 500
div#transition => 500
p.pager => 501
div#liens => 502

*/

/*

marron foncé #302d24
marron clair #927e5e
beige #e9e0ce
orange #ff9e00
rouge #f4383b

*/

@charset "utf-8";

/* ------ TYPOS ---------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 9, 2014 */

@font-face {
    font-family: 'neucharegular';
    src: url('fonts/neucha-webfont.eot');
    src: url('fonts/neucha-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/neucha-webfont.woff') format('woff'),
        url('fonts/neucha-webfont.ttf') format('truetype'),
        url('fonts/neucha-webfont.svg#neucharegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---- RESET MEYER ------------*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* --- CK --- */

/* FO */
div.ck ul,
/* BO */
body.cke_editable ul {
    padding-left: 25px;
    list-style: square;
    margin: 10px;
}

div.ck h2 {
    font-family: montserratregular;
    font-size: 20px;
    color: #767e70;
    margin: 15px 0;
}


/* --- FORMULAIRES --- */

input,
textarea,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: arial;
    border: 0;
}

button {
    font-family: neucharegular;
}


.saisie {
    background-color: #fdfaf2;
    border: 1px solid #e9e0ce;
    color: #000;
    /* -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;*/
    display: inline-block;
    font-size: 15px;
    padding: 0 6px;
}

input.saisie {
    height: 25px;
}

textarea.saisie {
    width: 510px;
    height: 135px;
    resize: vertical
}


input:-moz-placeholder {
    font-family: arial;
    opacity: 0.5;
    color: #50493c;
}

input::-moz-placeholder {
    font-family: arial;
    opacity: 0.5;
    color: #50493c;
}

input:-webkit-input-placeholder {
    font-family: arial;
    opacity: 0.5;
    color: #50493c;
}

input:-ms-input-placeholder {
    font-family: arial;
    opacity: 0.5;
    color: #50493c;
}

textarea:-moz-placeholder {
    font-family: arial;
    opacity: 0.5;
    color: #50493c;
}

textarea::-moz-placeholder {
    font-family: arial;
    opacity: 0.5;
    color: #50493c;
}

textarea:-webkit-input-placeholder {
    font-family: arial;
    opacity: 0.5;
    color: #50493c;
}

textarea:-ms-input-placeholder {
    font-family: arial;
    opacity: 0.5;
    color: #50493c;
}


ul#feedback_ko,
ul#feedback_ok {
    margin: 20px;
    list-style: square;
    padding-left: 25px;
}

ul#feedback_ok {
    /*    color:#fff;*/
    /*    font-family: montserrat_alternatesregular;*/
    font-size: 20px;

    list-style: none;
    margin-top: 50px;
    text-align: center;
    padding-left: 0;

}

ul#feedback_ko {
    color: #f00;
}

/* --- BOUTONS --- */

.bouton {
    cursor: pointer;
    background-color: #534632;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    font-family: neucharegular;
    font-size: 16px;
}

.bouton.beige {
    background-color: #e9e0ce;
    color: #302d24;
}

.bouton.orange {
    background-color: #ff9e00;
    color: #fff;
}

.bouton:hover {
    text-decoration: none
}

/* --- COULEURS --- */


/*--- raccourcis ---*/

/*
.fontweightbold { font-family: latobold }
*/
.textaligncenter {
    text-align: center
}

.justify {
    text-align: justify
}

.clearboth {
    clear: both
}

.floatnone {
    float: none
}

.width320px {
    width: 320px
}

.displaynone {
    display: none
}

.displayblock {
    display: block
}

.uppercase {
    text-transform: uppercase
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb50 {
    margin-bottom: 50px
}

.tac {
    text-align: center
}

ul.disc {
    padding-left: 15px;
    list-style: disc
}

/*
.hoverunderline { text-decoration:none }
.hoverunderline:hover { text-decoration:underline }

*/

/* --- POLICES --- */

body {
    font-family: "neucharegular";
    font-size: 18px;
    line-height: 18px;
    color: #534632;
}

.arial {
    font-family: arial;
    font-size: 14px
}

.arial b,
.arial strong {
    font-weight: bold
}

.neucha {
    font-family: neucharegular;
    font-size: 18px;
}



/* --- template --- */

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

a:hover {
    text-decoration: underline
}

a.underline {
    text-decoration: underline
}

a.underline:hover {
    text-decoration: none
}

a.no_underline:hover,
a.no_underline {
    text-decoration: none
}

.wrap {
    display: block;
    margin: auto;
    width: 1000px
}

div#corps p {
    margin-bottom: 20px
}

aside.tete_ronde {
    padding-top: 40px;
}

aside p {
    margin-bottom: 10px
}

aside ul {
    margin-bottom: 10px
}

aside iframe {
    width: 270px;
    height: 200px;
    margin-bottom: 10px;
}

aside i {
    font-style: italic
}



body {
    background: transparent url(img/bg-defaut.jpg) center 650px no-repeat;
}

body#index {
    background-position: center 730px
}


body div#fond {
    position: absolute;
    left: 0;
    top: 0;
    height: 650px;
    width: 100%;
    background: transparent url(img/bg-defaut.jpg) center 0 no-repeat;
}

body#ferme div#fond {
    background-image: url(img/bg-photo-ferme.jpg);
}

body#foires div#fond {
    background-image: url(img/bg-photo-foires.jpg);
}

body#animations div#fond {
    background-image: url(img/bg-photo-animations.jpg);
}

body#animations-tourisme div#fond {
    background-image: url(img/bg-photo-animations.jpg);
}

body#marches div#fond {
    background-image: url(img/bg-photo-marches-paysans.jpg);
}

body#musee div#fond {
    background-image: url(img/bg-photo-musee.jpg);
}

body#location div#fond {
    background-image: url(img/bg-photo-location-salle.jpg);
}

body#contact div#fond {
    background-image: url(img/bg-photo-contact.jpg);
}

body#mentions div#fond {
    background-image: url(img/bg-photo-contact.jpg);
}

body#page404 div#fond {
    background-image: url(img/bg-photo-contact.jpg);
}


h1 {}

/* --- CONTENEURS PRINCIPAUX --- */


header,
div#main,
footer {
    width: 1000px;
    margin: auto;
}






/* --- HEADER --- */

header {
    text-align: center;
    position: relative;
    z-index: 500;
    margin-bottom: 20px
}


/* --- HEADER > menu --- */

ul#menu {
    /*  border-top:3px solid orange;*/
    /* @debug+ * / background:blue; /* @debug- */
    font-size: 16px;
    text-transform: uppercase;
}

ul#menu li {
    /* @debug+ * / background:hotpink; /* @debug- */
    display: block;
    float: left;
    background: transparent url(img/menu.png) 0px bottom no-repeat;
    height: 106px;
    display: block;
    width: 48px;
}

ul#menu li.nth1 {
    width: 149px;
    padding-right: 16px;
}

ul#menu li.nth1.actif,
ul#menu li.nth1:hover {
    background-position: 0px top;
}

ul#menu li.nth2 {
    width: 154px;
    background-position: -149px bottom;
}

ul#menu li.nth2.actif,
ul#menu li.nth2:hover {
    background-position: -149px top;
}

ul#menu li.nth3 {
    width: 144px;
    background-position: -303px bottom;
}

ul#menu li.nth3.actif,
ul#menu li.nth3:hover {
    background-position: -303px top;
}

ul#menu li.nth4 {
    width: 132px;
    background-position: -447px bottom;
}

ul#menu li.nth4.actif,
ul#menu li.nth4:hover {
    background-position: -447px top;
}

ul#menu li.nth5 {
    width: 132px;
    background-position: -579px bottom;
}

ul#menu li.nth5.actif,
ul#menu li.nth5:hover {
    background-position: -579px top;
}

ul#menu li.nth6 {
    width: 155px;
    background-position: -711px bottom;
    padding-left: 10px;
}

ul#menu li.nth6.actif,
ul#menu li.nth6:hover {
    background-position: -711px top;
}

ul#menu li.nth7 {
    width: 134px;
    background-position: -866px bottom;
}

ul#menu li.nth7.actif,
ul#menu li.nth7:hover {
    background-position: -866px top;
}

ul#menu li>* {
    display: block;
    height: 100%;
    padding-top: 53px
}

ul#menu li.actif,
ul#menu li:hover {
    color: #ff9e00
}

ul#menu li.actif a,
ul#menu li:hover a {
    text-decoration: none
}


/* --- PW > subheader --- */

#pw_subheader {
    background-color: #927e5e;
    font-family: arial;
    font-size: 13px;
    color: #fff
}

#pw_subheader button {
    background: none repeat scroll 0 0 #8A8168;
    border: medium none;
    border-radius: 50%;
    color: #FFFFFF;
    cursor: pointer;
    height: 24px;
    text-align: center;
    width: 24px;
}

#pw_subheader button:hover {
    background: none repeat scroll 0 0 #433c29;
}

TODELETEOLD#pw_subheader ul {
    list-style-type: none;
    background-color: #990B04;
    /*    color: #FFFFFF;*/
    display: table;
    width: 960px;
    padding-left: 20px;
    padding-right: 20px;
}

#pw_subheader ul {
    /* modification apportée */
    list-style-type: none;
    padding-left: 20px;
    height: 36px;
}

TODELETEOLD#pw_subheader ul li {
    display: table-cell;
    /*    float: left;*/
    height: 36px;
    vertical-align: middle;
    padding-right: 5px
}

#pw_subheader ul li {
    /* modification apportée */
    height: 100%;
    float: left;
    margin-right: 10px;
}

#pw_subheader ul li a {
    display: block;
    height: 100%;
    padding-top: 9px;

}

#pw_subheader ul li a:hover {
    text-decoration: none;
}

TODELETEOLD.li#pw_subheader_newsletter_form form {
    position: relative;
}

#pw_subheader #pw_subheader_newsletter_form {
    /* modification apportée */
    padding-top: 7px;
    position: relative;
}

li#pw_subheader_newsletter_form input[id=pw_subheader_email] {
    height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #8a8168;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px !important;

    width: 160px;

    font-size: 11px;

    background: #fff url(img/picto-header-newsletter.png) 5px 7px no-repeat;
    /* le picto fait 14x10 */
    padding: 0 5px 0 22px;
}

#pw_newsletter_bonus {
    text-align: left;
    display: none;
    position: absolute;
    left: -4px;
    top: 34px;
    width: 200px;
    height: 30px;
    background-color: #927e5e;

    padding: 0 4px 4px;

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px !important;
}

li#pw_subheader_newsletter_form input[id=pw_subheader_cp] {
    height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #8a8168;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px !important;

    width: 160px;

    font-size: 11px;

    padding: 0 5px 0 22px;
}

li#pw_subheader_newsletter_form input::-webkit-input-placeholder {
    font-style: italic;
}

li#pw_subheader_newsletter_form input::-moz-placeholder {
    font-style: italic;
}

li#pw_subheader_newsletter_form input::-ms-input-placeholder {
    font-style: italic;
}

#pw_subheader button#pw_subheader_submit {
    position: absolute;
    /*    z-index:10000005;*/
    left: 165px;
    top: 8px;
    background-color: #fff;
    color: #927e5e;
    padding: 0
}

li#pw_subheader_newsletter_label {
    font-size: 12px;
    padding-top: 9px;
}

TODELETEli#pw_subheader_charte {
    background: #990B04 url(../../../pw/img/picto_subheader_charte.png) left center no-repeat;
    padding-left: 14px;
    /* = 9px + 5px */
    /*    width: 120px;*/
}

TODELETEli#pw_subheader_qui {
    background: #990B04 url(../../../pw/img/picto_subheader_qui.png) left center no-repeat;
    padding-left: 21px;
    /*   width: 140px;*/
}

TODELETEli#pw_subheader_catalogue {
    background: #990B04 url(../../../pw/img/picto_subheader_catalogue.png) left center no-repeat;
    padding-left: 22px;
    /*   width: 100px;*/
}

TODELETEli#pw_subheader_telecharger {
    background: #990B04 url(../../../pw/img/picto_subheader_telecharger.png) left center no-repeat;
    /*   width: 230px;*/
    padding-left: 17px;
}



#pw_subheader ul li#pw_subheader_contact {
    /* modification apportée */
    background: transparent url(img/picto-header-contact.png) left center no-repeat;
    padding-left: 20px;
    float: right;
}

#pw_subheader ul li#pw_subheader_facebook {
    /* modification apportée */
    background: transparent url(img/picto-header-facebook.png) left center no-repeat;
    padding-left: 20px;
    float: right;
}

TODELETE#pw_subheader_img-facebook {
    /* modification apportée */
    padding-top: 9px;
    float: left;
    margin-left: 20px;
}

TODELETE#pw_subheader_img-contact {
    /* modification apportée */
    padding-top: 9px;
    margin-left: 9px;
    float: left;
}

TODELETE#pw_subheader_img-newsletter {
    /* modification apportée */
    position: absolute;
    left: 6px;
    top: 6px;
}



/* --- MAIN --- */

div#main {
    position: relative;
    background-color: #fff;
    width: 1000px;
    margin: 0 auto 20px
}

body#index div#main {
    background: none
}


body#mentions-legales div.ck p {
    margin-bottom: 20px
}

/* --- FOOTER --- */


footer {
    position: relative;
    background-color: #fff;
}

footer strong {
    display: block;
    font-size: 18px;
    margin-bottom: 10px
        /*color:red;*/
}

footer div.nth1 {
    float: left;
    width: 240px;
    margin-top: 20px;
    padding-left: 20px;
    /*  height:125px;*/
}

footer div.nth2 {
    float: left;
    width: 260px;
    border-right: 1px solid #e9e0ce;
    margin-top: 20px;
    padding-left: 20px;
}

footer div.nth3 {
    float: left;
    width: 250px;
    margin-top: 20px;
    padding-left: 20px;
}

footer div.nth3 p {
    font-family: arial;
    font-size: 12px
}

footer img.nth4 {
    display: block;
    float: left;
    /*    width:200px;*/
}

footer>p {
    clear: both;
    border-top: 1px solid #e9e0ce;
    padding: 10px;
    font-family: arial;
    font-size: 11px
}



/* --- MAIN --- */

div#corps {
    padding: 30px 20px;
    overflow: hidden;
    /* Empêche le dépassement des flottants. */
    /*     background-color:#eee;*/
}

body#foires div#corps {
    padding-bottom: 0
}

div#corps h1 {
    font-size: 30px;
    color: #ff9e00;
    margin-bottom: 20px;
}

div#corps h1+em {
    display: block;
    margin-top: -10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #927e5e;
}

div#corps h2 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: neucharegular;
    font-size: 20px;
    color: #ff9e00
}

div#monocorps {
    clear: both;
    padding: 20px;
}


/* --- MULTISLIDER --- */


/* --- tous les sliders --- */
div.multislider .slide {
    position: relative;
    width: 100% !important;
    height: 100%;
}

div.multislider .slide a:hover {
    text-decoration: none;
}

div.multislider p.cycle-pager {
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 501;
    text-align: center
}

div.multislider p.cycle-pager span {
    cursor: pointer;
    display: inline-block;
    width: 38px;
    height: 30px;
    background: transparent url(img/bg-pagination-off.png) left top no-repeat;
}

div.multislider p.cycle-pager span.cycle-pager-active {
    background-image: url(img/bg-pagination-on.png);
}


/* --- slider de la home --- */
div.multislider.home {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100% !important;
    height: 730px;
}

div.multislider.home div.wrap {
    padding: 380px 80px 0;
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    text-shadow: 0.5px 0.866px 4px rgb(2, 0, 0);
}

div.multislider.home div.wrap strong {
    text-transform: uppercase;
    display: block;
    font-size: 47px;
    margin-bottom: 50px;
}

div.multislider.home div#transition {
    position: absolute;
    left: 0;
    top: 570px;
    width: 100%;
    height: 200px;
    z-index: 500;
    background: transparent url(img/transition-slider.png) center top no-repeat;
}

/* --- sliders des pages internes --- */
div.multislider.page_interne {
    position: relative;
    height: 372px;
}

div.multislider.page_interne .slide strong {
    display: block;
    background: red;
    background: transparent url(img/masque-gauche-slider.png) left top no-repeat;
    width: 263px;
    height: 372px;
    color: #fff;
    text-transform: uppercase;
    padding: 50px 30px 0;
    font-size: 30px;
    line-height: 35px;
}



/* --- ASIDE --- */

aside {
    width: 340px;
    padding: 20px;
    /*  background-color:hotpink;*/
    float: right;
    font-family: arial;
    font-size: 14px;
}

aside div.contenu {
    background-color: #e9e0ce;
    padding: 15px;
}

aside div.contenu.center {
    padding: 15px 0;
    text-align: center
}

aside h2 {
    color: #fff;
    background: transparent url() center top no-repeat;
    padding-top: 31px;
    margin-top: -22px;
}

aside h2 span {
    display: block;
    text-align: center;
    background-color: #ff9e00;
    padding: 10px 0;
    font-family: neucharegular;
    font-size: 18px;
}

aside b,
aside .bold {
    font-weight: bold;
}


body#contact aside h2 {
    background-image: url(img/bg-titre-coordonnees.png);
}

body#musee aside h2 {
    background-image: url(img/bg-titre-tous-les-jours.png);
}

body#musee aside h2~h2 {
    background-image: url(img/bg-titre-en-ete.png);
}

body#marches aside h2 {
    background-image: url(img/bg-titre-producteurs.png);
}

body#animations aside h2 {
    background-image: url(img/bg-titre-week-end.png);
}

body#foires aside h2 {
    background-image: url(img/bg-titre-passer-commande-foire.png);
}

body#location aside h2 {
    background-image: url(img/bg-titre-un-peu-histoire.png);
}


/* --- CKEDITOR --- */

/*@CK producteurs > nom */
p.ck_producteurs_nom {
    font-weight: bold
}

/*@CK producteurs > slogan */
div.ck_producteurs_slogan {
    font-style: italic;
    padding-top: 10px;
}


/* --- INDEX > Slider --- */

div.multislider.home {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100% !important;
    /*z-index: 400;*/
}

div.multislider.home>.slide {
    position: relative;
    width: 100% !important;
    height: 730px;
    /*z-index: 400;*/
}

div.multislider.home div.wrap {
    padding: 380px 80px 0;
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    text-shadow: 0.5px 0.866px 4px rgb(2, 0, 0);
}

div.multislider.home div.wrap strong {
    text-transform: uppercase;
    display: block;
    font-size: 47px;
    margin-bottom: 20px;
}



div.multislider.home div#transition {
    position: absolute;
    left: 0;
    top: 555px;
    width: 100%;
    height: 200px;
    z-index: 500;
    background: transparent url(img/transition-slider.png) center top no-repeat;
}



div.multislider.home div#transition img {
    display: none
}

div.multislider.home p.cycle-pager {
    width: 100%;
    position: absolute;
    left: 0;
    top: 630px;
    z-index: 501;
    text-align: center
}

div.multislider.home p.cycle-pager span {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    background-color: #fff;
    border-radius: 50%;
    /*  background:transparent url(img/bg-pagination-off.png) left top no-repeat;*/
}

/*div.multislider.home p.cycle-pager span:hover,*/
div.multislider.home p.cycle-pager span.cycle-pager-active {
    background-color: #ff9e00;
    /*  background-image:url(img/bg-pagination-on.png);*/
}



/* --- toutes les pages --- */

div.corde {
    border-right: 1px solid #e9e0ce;
    border-bottom: 1px solid #e9e0ce;
    border-left: 1px solid #e9e0ce;
    background: transparent url(img/corde.png) 0 0 no-repeat;
    padding-top: 10px;
    margin-top: 80px;
}

div#corps div.corde h2.epingle {
    height: 117px;
    text-align: center;
    padding-top: 78px;
    margin-top: -90px;
    font-size: 18px;
    color: #534632;
    background: transparent url(img/bloc-pince-grand.png) center 0 no-repeat;
}


/* --- INDEX > LIENS --- */

div#liens {
    margin-top: 385px;
    /* on met un margin et pas un padding pour que ce div ne recouvre pas le pager du slider */
    position: relative;
    z-index: 502;
}

div#liens a {
    background: transparent url() 0 154px no-repeat;
    position: relative;
    height: 369px;
    display: block;
    float: left;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    /*    padding-top:10px;*/
}

div#liens a.nth1,
div#liens a.nth4 {
    width: 323px;
    margin-right: 14px;
}

div#liens a.nth2,
div#liens a.nth5 {
    width: 325px;
    margin-right: 15px;
}

div#liens a.nth3,
div#liens a.nth6 {
    width: 323px;
}

div#liens a.nth7 {
    width: 100%;
    clear: both;
}

div#liens a h2,
div#liens a h1 {
    background: transparent url(img/bg-etiquette-blocs-index.png) center top no-repeat;
    position: relative;
    width: 213px;
    margin: 0 auto 0;
    height: 75px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding-top: 25px;
}

div#liens a p,
div#liens a h3 {
    /* @debug+ * / background:green; /* @debug- */
    height: 140px;
    margin-top: -61px;
    padding: 70px 25px 0;
    color: #fff
}

div#liens a div.en_savoir_plus {
    position: absolute;
    left: 0;
    top: 329px;
    width: 100%;
    background: red;
    height: 198px;
    padding-top: 28px;
    background: transparent url() center top no-repeat;
}

div#liens a div.en_savoir_plus span {
    display: block;
    /*background:blue;*/
    text-transform: uppercase;
    padding-top: 30px;
    height: 350px;
    color: #fff;

}

div#liens a.nth1 {
    background-image: url(img/index-bloc-ferme-souleilles.jpg);
}

div#liens a.nth2 {
    background-image: url(img/index-bloc-musee.jpg);
}

div#liens a.nth3 {
    background-image: url(img/index-bloc-marches-paysans.jpg);
}

div#liens a.nth4 {
    background-image: url(img/index-bloc-animations.jpg);
}

div#liens a.nth5 {
    background-image: url(img/index-bloc-boutique.jpg);
}

div#liens a.nth6 {
    background-image: url(img/index-bloc-foires-salons.jpg);
}

div#liens a.nth7 {
    background-position: left 14px;
    background-image: url(img/index-bloc-location-salle.jpg);
    height: 175px;
}


div#liens a.nth1 div.en_savoir_plus {
    background-image: url(img/index-bloc-ferme-souleilles-picto.png);
}

div#liens a.nth2 div.en_savoir_plus {
    background-image: url(img/index-bloc-musee-picto.png);
}

div#liens a.nth3 div.en_savoir_plus {
    background-image: url(img/index-bloc-marches-paysans-picto.png);
}

div#liens a.nth4 div.en_savoir_plus {
    background-image: url(img/index-bloc-animations-picto.png);
}

div#liens a.nth5 div.en_savoir_plus {
    background-image: url(img/index-bloc-boutique-picto.png);
}

div#liens a.nth6 div.en_savoir_plus {
    background-image: url(img/index-bloc-foires-salons-picto.png);
}

div#liens a.nth7 div.en_savoir_plus {
    background-image: url(img/index-bloc-location-salle-picto.png);
    top: 100px;
}

div#liens a.nth1 p,
div#liens a.nth1 h3,
div#liens a.nth1 div.en_savoir_plus span {
    background-color: #927e5e;
}

div#liens a.nth2 p,
div#liens a.nth2 h3,
div#liens a.nth2 div.en_savoir_plus span {
    background-color: #bba976;
}

div#liens a.nth3 p,
div#liens a.nth3 h3,
div#liens a.nth3 div.en_savoir_plus span {
    background-color: #433c29;
}

div#liens a.nth4 p,
div#liens a.nth4 h3,
div#liens a.nth4 div.en_savoir_plus span {
    background-color: #433c29;
}

div#liens a.nth5 p,
div#liens a.nth5 h3,
div#liens a.nth5 div.en_savoir_plus span {
    background-color: #ff9e00;
}

div#liens a.nth6 p,
div#liens a.nth6 h3,
div#liens a.nth6 div.en_savoir_plus span {
    background-color: #927e5e;
}

div#liens a.nth7 p,
div#liens a.nth7 h3 {
    padding: 80px 340px 0;
}

div#liens a.nth7 div.en_savoir_plus span {
    background-color: #927e5e;
}

div#liens a.nth7 div.en_savoir_plus {
    top: 135px;
}


/* ------------------------ */
/* ------- FERME ---------- */
/* ------------------------ */



body#ferme div#charte {
    background: transparent url(img/bg-charte-qualite.png) left top no-repeat;
    width: 303px;
    height: 73px;
    color: #fff;
    padding-left: 90px;
    padding-top: 20px;
    margin-bottom: 10px;
    font-family: neucharegular;
    font-size: 16px;
}

body#ferme div#charte strong {
    display: block;
    text-transform: uppercase;
}

body#ferme div#recettes {
    background: transparent url(img/bg-recettes-simples-ferme.png) left top no-repeat;
    width: 303px;
    height: 323px;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 20px;
    margin-bottom: 10px;
    font-family: neucharegular;
    font-size: 18px;
}

body#ferme div#recettes strong {
    display: block;
    text-transform: uppercase;
    color: #ff9e00;
    line-height: 26px;
    margin-bottom: 2px;
}

body#ferme div#recettes li {
    margin-bottom: 0px;
    position: relative;
    line-height: 26px;

}

body#ferme div#recettes li span {
    position: absolute;
    left: 0;
    top: 0;
    color: #f00
}

body#ferme div#recettes li.plus {
    padding-left: 15px;
}

body#ferme div#raymonde {
    width: 283px;
    height: 300px;
    margin-top: -35px;
    /* margin-bottom:35px;*/
    margin-left: 10px;
    padding: 70px 10px 0 10px;
    background: transparent url(img/raymonde-responsable-gavage.png) left top no-repeat;
    position: relative;

}

body#ferme div#raymonde p {
    color: #f4383b;
    font-family: neucharegular;
    width: 100px;
    height: 95px;
    text-align: right;
    font-size: 18px;
}

body#ferme div#raymonde i {
    display: block;
    margin-left: 160px;
    width: 110px
}




/* --- plan --- */

body#ferme div#conteneur_plan {
    margin-top: 100px;
    padding: 120px 0 50px;
    background: transparent url(img/corde.png) center top no-repeat;
    border-right: 1px solid #e9e0ce;
    border-bottom: 1px solid #e9e0ce;
    border-left: 1px solid #e9e0ce
}

body#ferme div#conteneur_plan h2 {
    background: transparent url(img/bloc-pince-grand.png) center top no-repeat;
    margin-top: -200px;
    text-align: center;
    text-transform: uppercase;
    height: 125px;
    padding-top: 80px;
    margin-bottom: 0;
}

body#ferme div#plan {
    position: relative;
    width: 525px;
    height: 466px;
    /* titre(60px) + image(406px) */
    margin: auto;
}

body#ferme div#plan div#titre_carte {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
}

body#ferme div#plan div#titre_carte p,
body#ferme div#plan div.zone h3 {
    display: table-cell;
    vertical-align: middle;
    width: 525px;
    height: 60px;
    text-align: center;
    line-height: 23px;
}

body#ferme div#plan div#titre_carte p {
    font-size: 18px;
}

body#ferme div#plan div.zone h3 {
    text-transform: uppercase;
    font-family: neucharegular;
    font-size: 16px;
}

body#ferme div#plan div.zone p {
    font-size: 13px;
}


body#ferme div#plan div#mappage {
    position: absolute;
    left: 0;
    top: 60px;
}

map {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7
}

body#ferme div#plan div#mappage img#image_carte {
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
}

body#ferme div#plan div#mappage img#image_carte_transparent {
    z-index: 6;
    position: absolute;
    left: 0;
    top: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

body#ferme div#plan div#mappage img.hover {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0px;
}

body#ferme div#plan div#mappage img.hover.visible {
    z-index: 5;
}

body#ferme div#plan div#afficher_le_plan {
    display: none;
    z-index: 8;
    position: absolute;
    right: -30px;
    top: -20px;
}

body#ferme div#plan div#afficher_le_plan.visible {
    display: block;
    cursor: pointer;
}

body#ferme div#plan div#afficher_le_plan:hover {
    text-decoration: underline;
}

body#ferme div#plan div.zone {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 466px;
    background-color: #fff;
    font-size: 14px;
    font-family: arial;
}

body#ferme div#plan div.zone.titre_visible {
    z-index: 3;
}

body#ferme div#plan div.zone.visible {
    z-index: 8;
}

body#ferme div#plan div.zone h3 {
    height: 60px;
    text-transform: uppercase;
    text-align: center;
}

body#ferme div#plan div.zone .cycle-slideshow {
    width: 460px;
    margin: 0 auto 20px;
}

body#ferme div#plan div.zone .cycle-prev,
body#ferme div#plan div.zone .cycle-next {
    cursor: pointer;
    width: 9px;
    height: 23px;
    position: absolute;
    top: 150px;
}

body#ferme div#plan div.zone .cycle-prev {
    left: -30px;
    background: transparent url(img/fleche-gauche.png) left top no-repeat;
}

body#ferme div#plan div.zone .cycle-next {
    right: -30px;
    background: transparent url(img/fleche-droite.png) left top no-repeat;
}

/* ----------------- */
/* ----- MUSEE ------ */
/* ----------------- */

body#musee div#apero {
    background: #e9e0ce url(img/assiette-apero.png) right top no-repeat;
    height: 170px;
    padding-right: 160px;
}

body#musee div#assiette {
    background: #e9e0ce url(img/assiette-gourmande.png) right top no-repeat;
    height: 170px;
    padding-right: 160px;
}

body#musee div#cassoulet {
    background: #e9e0ce url(img/assiette-cassoulet.png) right top no-repeat;
    height: 170px;
    padding-right: 160px;
    /*border-top: 1px solid #534632;*/
}

body#musee div#presentation img {
    display: block;
    float: left;
}

body#musee div#presentation img+div {
    display: block;
    float: left;
    width: 385px;
    /*background-color: red;*/
}

body#musee div#corps h2 {
    color: #ff9e00;
    text-transform: uppercase;
    margin-bottom: 10px;
}

body#musee div#gourmandes {
    float: right;
    width: 180px;
    margin-left: 10px;
    margin-bottom: 10px;
}

body#musee div#gourmandes .pointilles {
    background: transparent url(img/bg-journees-gourmandes.png) 0 0 no-repeat;
    width: 182px;
    height: 250px;
    overflow: hidden;
    padding: 33px;
    text-align: center;

}

/* ----------------- */
/* ---- MARCHES ---- */
/* ----------------- */


body#marches aside div#formules {
    background-color: #3e3724;
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;

}

body#marches aside div#formules h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: neucharegular;
    font-size: 20px;
    text-align: center;
    color: #ff9e00;
}

body#marches aside div#formules h3+p {
    text-align: center;
    font-family: neucharegular;
    font-size: 17px;
}

body#marches aside div#producteurs {
    text-align: center;
    margin-bottom: 20px;
}


body#marches #produslider {
    position: relative;
    margin-bottom: 20px;

}

/*
body#marches #produslider .prev_next {
    position: asb
}
*/
body#marches #produslider div.cycle-prev {
    cursor: pointer;
    position: absolute;
    top: 60px;
    left: 0;
    width: 9px;
    height: 23px;
    background: transparent url(img/fleche-gauche.png) right center no-repeat;
    z-index: 1000;

}

body#marches #produslider div.cycle-next {
    cursor: pointer;
    position: absolute;
    top: 60px;
    right: 0;
    width: 9px;
    height: 23px;
    background: transparent url(img/fleche-droite.png) right center no-repeat;
    z-index: 1000;

}

body#marches #produslider div.producteur {
    text-align: center;
    height: 365px;
    /*   border:1px solid #000;*/
    width: 100%;
}

body#marches #produslider img {
    display: block;
    margin: 0 auto 10px
}

body#marches #produslider h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #f4383b;
    font-family: neucharegular;
    font-size: 18px;
}

body#marches #produslider h3+p {
    font-weight: bold;
}

body#marches #produslider p {
    margin-bottom: 0;
}

body#marches #produslider em {
    display: block;
    padding-top: 10px;
    font-style: italic;
    color: #302d24
}


body#marches aside div#producteurs h3 {
    color: #f4383b;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: neucharegular;
    font-size: 18px;
}

body#marches aside div#producteurs i {
    font-size: 13px;
}

body#marches aside div#fiesta {
    position: relative;
    background-color: #f4383b;
    color: #fff;
    padding: 20px
}

body#marches aside div#fiesta h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: neucharegular;
    font-size: 20px;
}

body#marches aside span.drapeau {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 67px;
    height: 51px;
    background: transparent url(img/drapeau-fete-occitane.png) left top no-repeat;
}


body#marches div#presentation {
    /*    background-color: hotpink;*/
    padding-right: 220px;
    position: relative;
    min-height: 436px
}

body#marches div#presentation p.monobloc {
    width: 345px;
    margin-bottom: 35px;
}

body#marches div#presentation>p {
    text-align: justify;
}

body#marches div#presentation>h2 {
    margin-bottom: 35px;
}

body#marches div#encart {
    width: 249px;
    height: 436px;
    background: transparent url(img/bg-programme-marche.png) left top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    padding: 50px 30px
}

body#marches div#encart h2 {
    font-size: 22px;
    text-align: center;
}

body#marches #au_fil_des_stands {
    padding-right: 225px;
    min-height: 235px;
    background: transparent url(img/illustration-composez-pique-nique.png) right top no-repeat;

}


body#marches div#animations {
    height: 450px;
    /*                background-color: burlywood;*/
    margin-bottom: 10px;
}

body#marches div.pack {
    width: 618px;
}

body#marches div.animation {
    height: 165px;
    background: transparent url(img/filet-pointilles.jpg) center top no-repeat;
    padding: 20px;
    width: 100%;
}

body#marches div.animation.cycle-slide-active,
body#marches div.animation.vide {
    /* on masque les pointillés de la première animation visible */
    background: none;
}

body#marches div.animation img,
body#marches div.animation div.illustration {
    float: right;
    width: 200px;
    height: 125px;
    background-color: #ddd;
    margin-left: 30px;
}

body#marches div.animation h3 {
    color: #f4383b;
    margin-bottom: 5px;
}

body#marches div.animation p {
    font-family: arial;
    font-size: 15px
}



body#marches #animations_pager {
    text-align: center;
    margin-bottom: -17px;
}

body#marches #animations_pager span {
    cursor: pointer;
    display: inline-block;
    width: 38px;
    height: 30px;
    background: transparent url(img/bg-pagination-off.png) left top no-repeat;
    font-family: neucharegular;
    font-size: 18px;
    color: #927e5e;
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
}

body#marches #animations_pager span.cycle-pager-active {
    background-image: url(img/bg-pagination-on.png);
    color: #fff;
}





body#marches div.corde em {
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #927e5e;
    margin-bottom: 20px;
}


/* ----------------- */
/* -- ANIMATIONS --- */
/* ----------------- */


body#animations aside div.contenu p {
    background: transparent url(img/illustration-week-end.png) right top no-repeat;
    padding-right: 150px
}

body#animations .corde {
    padding-top: 5px;
    position: relative
}

body#animations .saison h2 {
    width: 120px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 20px;
    height: 117px;
    text-align: center;
    padding-top: 78px;
    margin-top: -90px;
    font-size: 18px;
    color: #000;
    background: transparent url(img/bloc-pince-petit.png) center bottom no-repeat;
}

body#animations .saison h2:hover,
body#animations .saison.actif h2 {
    background-position: center top;
    color: #fff
}

/*
body#animations div#saison_paques h2 {                        
    left:130px;
}
body#animations div#saison_ete h2 {                        
    left:250px;
}
body#animations div#saison_toussaint h2 {                        
    left:370px;
}
*/
body#animations div.saison.nth1 h2 {
    left: 130px;
}

body#animations div.saison.nth2 h2 {
    left: 250px;
}

body#animations div.saison.nth3 h2 {
    left: 370px;
}

body#animations #saison_ete {
    background: transparent url(img/bg-saison-animations-ete.jpg) left top no-repeat;
}

body#animations #saison_paques {
    background: transparent url(img/bg-saison-animations-paques.jpg) left top no-repeat;
}

body#animations #saison_toussaint {
    background: transparent url(img/bg-saison-animations-toussaint.jpg) left top no-repeat;
}

body#animations .animations {
    padding-top: 50px;
    display: none;
    min-height: 250px
}

body#animations .saison.actif .animations {
    display: block;
}

body#animations .saison.actif .animations p.aucune_animation {
    text-align: center;
    padding: 50px 100px;
}

body#animations .animation {
    min-height: 200px;
    padding: 20px;
    background: transparent url(img/filet-pointilles.jpg) center top no-repeat;
}

body#animations .animation:first-child {
    background: none;
}

body#animations .animation .gauche {
    float: left;
    width: 280px;
    padding-right: 30px;
}

body#animations .animation .droite {
    float: left;
    width: 295px;
}

body#animations .animation h3 {
    color: #f4383b;
    text-transform: uppercase;
}

body#animations .animation p.dates {
    color: #f4383b;
    margin-bottom: 20px;
}

body#animations .animation p.horaires {
    font-family: arial;
    font-weight: bold;
    margin-bottom: 10px;
}

body#animations .animation div.description {
    margin-bottom: 5px;
}

body#animations .animation a.bouton {
    display: block;
    margin-bottom: 5px;
    width: 150px;
}

body#animations .animation div.cycle-slideshow {
    position: relative;
    /*     text-align: center;*/
    /*   padding:0 20px;*/
    /*    background-color: green;*/
    width: 295px;
    /*  margin:auto;*/
}

body#animations .animation div.cyycle-slideshow img {
    display: block;
}

body#animations .animation div.cycle-prev {
    cursor: pointer;
    position: absolute;
    top: 85px;
    left: -15px;
    width: 9px;
    height: 23px;
    background: transparent url(img/fleche-gauche.png) right center no-repeat;
    z-index: 1000;
}

body#animations .animation div.cycle-next {
    cursor: pointer;
    position: absolute;
    top: 85px;
    right: -15px;
    width: 9px;
    height: 23px;
    background: transparent url(img/fleche-droite.png) right center no-repeat;
    z-index: 1000;
}




/* ------------------------------ */
/* ---- ANIMATIONS TOURISME ----- */
/* ------------------------------ */

body#animations-tourisme #corps a.bouton {
    float: right;

}

/* ----------------- */
/* ---- FOIRES ----- */
/* ----------------- */

body#foires aside p.telephone {
    background: transparent url(img/picto-tel-foire.png) 0 0 no-repeat;
    padding-left: 25px;
    padding-top: 3px;
    min-height: 30px;
    font-family: neucharegular;
    font-size: 24px;
}

body#foires aside p.souris {
    background: transparent url(img/picto-cliquez-ici.png) 0 0 no-repeat;
    padding-left: 25px;
    padding-top: 3px;
    min-height: 30px;
    font-family: neucharegular;
    font-size: 24px;
}



body#foires div#carte {
    width: 370px;
    height: 355px;
    background: transparent url(img/carte-foires.jpg) left top no-repeat;
    position: relative;
    margin: auto;
}

body#foires div.repere {
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-color: #f4383b;
    position: absolute;
    left: 120px;
    top: 235px;
    border-radius: 50%;
}

body#foires div.repere.hover,
body#foires div.repere.actif {
    background-color: #302d24;
    transition: all 250ms linear;
    -webkit-transition: all 250ms linear;
    transform: scale(1.5);
    -webkit-transform: scale(1.5)
}

body#foires div#secteurs {
    position: relative;
    padding-top: 63px;
}

body#foires .secteur {}

body#foires .secteur h2 {
    display: table;
    width: 123px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 16px;
    color: #000;
    background: transparent url(img/onglet-secteur-foire.png) center bottom no-repeat;
}

body#foires .secteur .data-21 {
    display: table;
    width: 123px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 16px;
    color: #000;
    background: transparent url(img/onglet-secteur-foire-colis-alsace.png) center top no-repeat;
}

body#foires .secteur h2:hover,
body#foires .secteur.actif h2 {
    background-position: center top;
    color: #fff;
}

body#foires .secteur .data-21:hover {
    color: #000;
    background: transparent url(img/onglet-secteur-foire-colis-alsace.png) center bottom no-repeat;
}

body#foires .secteur h2>span {
    display: table-cell;
    height: 63px;
    vertical-align: middle;
    /*    padding: 20px 10px 0;              */
    word-wrap: break-word;
}

body#foires .secteur h2>span>span {
    display: block;
    padding: 20px 10px 0;
}


body#foires .secteur.nth1 h2 {
    left: 0;
}

body#foires .secteur.nth2 h2 {
    left: 122px;
}

body#foires .secteur.nth3 h2 {
    left: 244px;
}

body#foires .secteur.nth4 h2 {
    left: 366px;
}

body#foires .secteur.nth5 h2 {
    left: 488px;
}


body#foires .foires {
    display: none;
    border: 1px solid #e9e0ce;
}

body#foires .secteur.actif .foires {
    display: block;
}

body#foires .foire {
    /*   outline: 1px solid green;*/
    min-height: 200px;
    /*  margin-bottom: 20px;*/
    /*padding:15px;*/
    padding: 30px 15px 15px 15px;
    background: transparent url(img/filet-pointilles-grand.jpg) center top no-repeat;

}

body#foires .foire:first-child {
    background: none;
    padding: 15px;
}

body#foires .foire div.gauche {
    float: left;
    width: 598px;
    /* 600px - 2px de border */
    margin-right: 20px;
}

body#foires .foire a.bouton {
    float: right;
}

body#foires .foire h3 {
    color: #f4383b;
    text-transform: uppercase;
}

body#foires .foire p.dates {
    color: #f4383b;
    margin-bottom: 20px;
    padding-bottom: 20px;
    /*    background:transparent url(img/filet-pointilles.jpg) center bottom no-repeat;*/

}



body#foires .foire div.droite {
    float: left;
}

body#foires .foire div.droite div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 200px;
    width: 310px;
}

body#foires .foire div.droite div img {
    display: block
}


/* ----------------- */
/* ---- LOCATION --- */
/* ----------------- */

body#location aside h3 {
    font-weight: bold;

}





/* --- plan --- */

body#location div#conteneur_plan {
    margin-top: 100px;
    padding: 120px 0 50px;
    background: transparent url(img/corde.png) center top no-repeat;
    border-right: 1px solid #e9e0ce;
    border-bottom: 1px solid #e9e0ce;
    border-left: 1px solid #e9e0ce
}

body#location div#conteneur_plan h2 {
    background: transparent url(img/bloc-pince-grand.png) center top no-repeat;
    margin-top: -200px;
    text-align: center;
    text-transform: uppercase;
    height: 125px;
    padding-top: 80px;
}

body#location div#plan {
    position: relative;
    width: 525px;
    height: 606px;
    /* OLD = 666px; */
    /* titre(60px) + image(406px) */
    margin: auto;
}

body#location div#plan div#titre_carte {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
}

body#location div#plan div#titre_carte p,
body#location div#plan div.zone h3 {
    display: table-cell;
    vertical-align: middle;
    width: 525px;
    height: 60px;
    text-align: center;
    line-height: 23px;
}

body#location div#plan div#titre_carte p {
    font-size: 18px;
}

body#location div#plan div.zone h3 {
    text-transform: uppercase;
    font-family: neucharegular;
    font-size: 16px;
}

body#location div#plan div.zone h4 {
    font-size: 14px;
    font-weight: bold;
}

body#location div#plan div.zone p {
    font-size: 14px;
}


body#location div#plan div#mappage {
    position: absolute;
    left: 0;
    top: 60px;
}

map {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7
}

body#location div#plan div#mappage img#image_carte {
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    width: 525px;
    height: 586px;
    /* 646px; */
}

body#location div#plan div#mappage img#image_carte_transparent {
    z-index: 6;
    position: absolute;
    left: 0;
    top: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 525px;
    height: 586px;
    /* 646px; */
}

body#location div#plan div#mappage img.hover {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0px;
}

body#location div#plan div#mappage img.hover.visible {
    z-index: 5;
}

body#location div#plan div#afficher_le_plan {
    display: none;
    z-index: 8;
    position: absolute;
    right: -30px;
    top: -20px;
}

body#location div#plan div#afficher_le_plan.visible {
    display: block;
    cursor: pointer;
}

body#location div#plan div#afficher_le_plan:hover {
    text-decoration: underline;
}

body#location div#plan div.zone {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 606px;
    /* OLD = 666px */
    background-color: #fff;
    font-size: 14px;
    font-family: arial;
}

body#location div#plan div.zone.titre_visible {
    z-index: 3;
}

body#location div#plan div.zone.visible {
    z-index: 8;
}

body#location div#plan div.zone h3 {
    height: 60px;
    text-transform: uppercase;
    text-align: center;
}

body#location div#plan div.zone .cycle-slideshow {
    width: 460px;
    margin: 0 auto 20px;
}

body#location div#plan div.zone .cycle-prev,
body#location div#plan div.zone .cycle-next {
    cursor: pointer;
    width: 9px;
    height: 23px;
    position: absolute;
    top: 150px;
}

body#location div#plan div.zone .cycle-prev {
    left: -30px;
    background: transparent url(img/fleche-gauche.png) left top no-repeat;
}

body#location div#plan div.zone .cycle-next {
    right: -30px;
    background: transparent url(img/fleche-droite.png) left top no-repeat;
}




/* ----------------- */
/* --- CONTACT ----- */
/* ----------------- */


body#contact div#carte h1+p {
    font-family: neucharegular;
    font-size: 18px;
}

body#contact div#carte {
    position: relative;
}

body#contact div#carte a {
    position: absolute;
    left: 8px;
    top: 5px;
    color: #ff9e00
}

body#contact div#corps sup {
    color: #ff9e00;
}

body#contact form div.nth1 {
    width: 290px;
    /*  background-color:green;*/
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

body#contact form div.nth2 {
    width: 290px;
    /*    background-color:red;*/
    float: left;
    margin-right: 20px
}

body#contact form div.nth3 {
    /* background-color:blue;*/
    clear: both;
    margin-bottom: 20px;
}

body#contact label {
    /*     background-color:grey;*/
    font-family: arial;
    font-size: 14px;
    clear: both;
    display: block;
    float: left;
    width: 90px;
    height: 25px;
    margin-bottom: 5px;
    text-align: right;
    padding-right: 5px;
}


body#contact label+input {
    /*  background-color:#e9e0ce;
      border:1px solid #927e5e;*/
    display: block;
    float: left;
    width: 200px;
    /*  height:20px;*/
}

body#contact label+textarea {
    /*    background-color:#e9e0ce;
        border:1px solid #927e5e;*/
    display: block;
    float: left;
}

body#contact div#captcha_conteneur {
    padding-left: 70px;
    margin-bottom: 50px;
    /*        background-color:gold*/
}

body#contact div#captcha_conteneur>img,
body#contact div#captcha_conteneur>a,
body#contact div#captcha_conteneur>label,
body#contact div#captcha_conteneur>input,
body#contact div#captcha_conteneur>button {
    display: block;
    float: left;
    clear: none;
}

body#contact div#captcha_conteneur>img {
    margin-right: 15px
}

body#contact div#captcha_conteneur>a {
    padding-top: 15px;
    margin-right: 15px
}

body#contact div#captcha_conteneur>label {
    padding-top: 15px;
    width: 120px;
}

body#contact div#captcha_conteneur>input {
    margin-top: 15px;
    margin-right: 10px;
    width: 105px;
}

body#contact div#captcha_conteneur>button {
    margin-top: 15px;
    background-color: #534632;
    color: #fff;
    height: 25px
}

body#contact p#asterix {
    font-style: italic;
    color: #927e5e;
    margin-bottom: 50px;
    font-size: 12px;
    font-family: arial;
}

body#contact p#routard {
    width: 405px;
    height: 120px;
    background: transparent url(img/recommande-guide-routard.png) left top no-repeat;
    padding-left: 75px;
    padding-top: 35px;
}

body#contact p#routard strong {
    text-transform: uppercase;
    color: #ff9e00
}


/* -------------------------- */
/* --- MENTIONS LEGALES ----- */
/* -------------------------- */



body#mentions div#corps p,
body#mentions div#corps ul {
    font-family: arial;
    font-size: 14px;
    margin-bottom: 10px;
}

body#mentions div#corps a {
    text-decoration: underline;
}

body#mentions div#corps a:hover {
    text-decoration: none;
}

/* ----------- */
/* --- 404 --- */
/* ----------- */

body#page404 div#monocorps {
    text-align: center;
    padding: 80px 0;
}

body#page404 div#monocorps h1 {
    font-family: neucharegular;
    font-size: 55px;
    color: #ff9e00;
    margin-bottom: 50px;
}

body#page404 div#monocorps p {
    font-family: neucharegular;
    font-size: 25px;
    line-height: 30px;
    color: #3e3724;
    margin-bottom: 30px;
}

#sb-player {
    background-color: #927e5e;
}

#sb-player p {
    color: #fffffe;
    font-size: 20px;
    padding: 0 20px 27px 20px;
    line-height: 22px;
}

#sb-wrapper-inner {
    border: none !important;
    overflow: visible !important;
}

#canard-popup {
    margin-top: -75px;
    margin-bottom: 10px;
}

#sb-player.html {
    overflow: visible !important;
}

#sb-wrapper {
    padding-top: 25px;
}

#sb-overlay {
    opacity: 0.8 !important;
}

#billeterie {
    background-image: url('img/bg-bloc-billetterie.jpg');
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    height: 115px;
    width: 305px;
    padding-left: 90px;
    padding-top: 20px;
    margin-bottom: 10px;
}

#billeterie strong {
    text-transform: uppercase;
    font-family: neucharegular;
    font-size: 16px;
    color: #fff;
}

#billeterie p {
    font-family: neucharegular;
    font-size: 16px;
    color: #534632;
}

#billeterie a {
    font-family: neucharegular;
    font-size: 16px;
    color: #fff;
}

/* RECETTES // 2021 POWAAAA GRID AND ALL STUFF !! */

.list-recettes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    grid-auto-rows: auto;
}

.item-recette figure {
    margin-bottom: 5px;
}

.item-recette img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: 250ms ease all;
}

.item-recette:hover img {
    opacity: 0.5;
}

.rgpd-consent {
    z-index: 9995;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    min-height: 200px;
    color: #fff;
    background-color: rgba(146,126,94,0.98);
}
.rgpd-consent p {
    padding: 0 15px;
    text-align: center;
    margin-bottom: 20px;
}
.rgpd-consent .rgpd-list p {
    text-align: left;
}
.rgpd-consent h5 {
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}
.rgpd-consent form {
    text-align: center;
}
.rgpd-consent .btn {
    margin: 0 5px;
    margin-bottom: 15px;
    font-size: 1.6rem;
    padding: 0 20px;
    min-height: 35px ;
    height: 30px;
    text-align: center;
    border: 1px solid transparent;
    cursor: pointer;

}    

.rgpd-consent .btn:hover {
    background-color: #fff;
    color: rgba(146,126,94);
}

.rgpd-consent .rgpd-no-consent {
    cursor: pointer;
    margin: 0 5px;
    margin-bottom: 15px;
    font-size: 1rem;
    padding: 0 20px;
    min-height: 30px ;
    height: 25px;
    text-align: center;
    border: 1px solid transparent;
}

.rgpd-consent .rgpd-no-consent:hover {
    background-color: #fff;
    color: rgba(146,126,94);
}

.rgpd-consent .cols {
    justify-content: center;
}

header .billeterie {
    position: absolute;
    left: 50px;
    top: 63px;
    display: block;
    background: #990b04 no-repeat 15px center;
    padding: 15px;
    font-family: neucharegular;
    color: white;
    width: 200px;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    border-radius: 5px;
}