/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/*

font-family: 'Roboto Slab', serif; 400 - 700
font-family: 'Raleway', sans-serif; 500 - 600 -  700

*/


html,body{display:block; padding:0; margin:0; font-family: 'Raleway', sans-serif; font-weight:500; box-sizing:border-box;}

@font-face {
    font-family: 'itc_newtextregular';
    src: url('itc-newtext-regular_1-webfont.woff2') format('woff2'),
         url('itc-newtext-regular_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.easy_loisirs_button {
  padding: 15px 20px !important;
  font-size: 0.9rem !important;
  margin-bottom: 40px !important;
}

.accueil-interne{display: table; table-layout:fixed; position:relative; z-index:99;  padding:0; margin: 0;  box-sizing:border-box; width: 100%; background-size:cover; background-position: center; }
.accueil-interne .bloc-contenu{display: table; position: relative; width: 100%; background-color:transparent; z-index: 99;box-sizing: border-box; }
.accueil-interne .bloc-contenu .contenu{display:table-cell; vertical-align: middle; text-align:center; padding: 200px 0 120px 0; margin:0; position:relative; box-sizing:border-box;}
.accueil-interne .bloc-contenu .contenu .filtre{display:inline-block; padding:30px 20px; margin:0; box-sizing:border-box; background-color:#442a5f; text-decoration: none !important; transition: all 0.4s ease;}
.accueil-interne .bloc-contenu .contenu .filtre h1{display:block; color: white; font-size:2.4rem; margin:0;  font-weight: 300; padding:0px 0px 0 0; box-sizing:border-box;text-shadow:none; }
.accueil-interne .bloc-contenu .contenu .filtre h2{display:block; color: white; font-size:1rem; margin:0; font-weight:400; padding:0 0 0px 0px; box-sizing:border-box; }
.accueil-interne .bloc-contenu .contenu .filtre img{height: auto; padding: 0; margin: 0 auto 0 auto;}


.section-image{display:block; padding:0; margin:40px 0 30px 0; box-sizing:border-box;}
.section-image .colonne-texte{display:block; position:relative; margin:0; padding:70px 20px 70px 52%; box-sizing:border-box;}
.section-image .colonne-texte h2{display:block; padding:0; margin:0; box-sizing:border-box; font-weight: 600; color: #442a5f; font-size: 1.6rem;}
.section-image .colonne-texte .descriptif{display:block; padding:20px 0 0 0; margin:0; box-sizing:border-box; font-weight: 400; font-size: 1rem; color: #212121;}
.section-image .colonne-texte .descriptif p{padding: 0; margin: 0;}
.section-image .colonne-texte .descriptif strong{font-weight: 600; }
.section-image .colonne-texte .image{display:block; padding:0; margin:0; position:absolute; top:0; left:0;  height:100%; width:50%; background:url(../img/accueil.jpg) no-repeat center center; background-size:cover; box-sizing:border-box;}



.section-resa{display:block; padding:0; margin:40px 0 0px 0; box-sizing:border-box;}
.section-resa .colonne-droite{display:block; width: 50%; float: left; position:relative; margin:0; padding:10px 0px 30px 20px; box-sizing:border-box;}
.section-resa .colonne-droite h2{display:block; padding:0; margin:0; box-sizing:border-box; font-weight: 600; color: #442a5f; font-size: 1.6rem;}
.section-resa .colonne-droite .descriptif{display:block; padding:10px 0 20px 0; margin:0; box-sizing:border-box; font-weight: 400; font-size: 1rem; color: #212121;}

.section-resa .colonne-gauche{display:block; width: 50%; float: left; position:relative; margin:0; padding:10px 20px 30px 0px; box-sizing:border-box;}
.section-resa .colonne-gauche h2{display:block; padding:0; margin:0; box-sizing:border-box; font-weight: 600; color: #442a5f; font-size: 1.6rem;}
.section-resa .colonne-gauche .descriptif{display:block; padding:10px 0 20px 0; margin:0; box-sizing:border-box; font-weight: 400; font-size: 1rem; color: #212121;}


@media screen and (max-width: 860px){
  .section-resa{display:block; padding:0; margin:40px 0 0px 0; box-sizing:border-box;}
    .section-resa .colonne-droite{display:block; width: 100%; padding:10px 0px 30px 0px; box-sizing:border-box;}

    .section-resa .colonne-gauche{display:block; width: 100%; float: left; padding:10px 20px 0px 0px; box-sizing:border-box;}


}

@media screen and (max-width: 860px){
    .section-image .colonne-texte{padding:280px 2% 30px 2% !important;}
    .section-image .colonne-texte.inverse{padding:280px 2% 30px 2% !important;}
    .section-image .colonne-texte .image{height:250px; width:100% !important; background-attachment:scroll !important;}
    .section-image.inverse .colonne-texte{padding:280px 2% 30px 2% !important;}


}


.fancybox-thumbs__list a::before {border: 6px solid #442a5f !important;}
.fancybox-caption{display: block !important; padding: 20px 0 60px 0 !important; font-weight: 600 !important; background-color: #222 !important; bottom: 0px !important; font-size: 1rem !important;}
.fancybox-container {z-index: 99999999 !important;}
.bloc-galerie-photos{display:block; position:relative; padding:20px 0; margin:0 0 40px 0; text-align:center; background-color: #442a5f; box-sizing:border-box; }
.bloc-galerie-photos .galerie-photos{display:block; position:relative; z-index:9; padding:0; margin:0; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul{display:block; width: calc(100% + 20px); padding:0; margin:0 0 0 -10px; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul li{display:block; float:left; width:25%; padding:10px; margin:0; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul li a{display:block; text-decoration:none; padding:0; margin:0; box-sizing:border-box; position: relative;}
.bloc-galerie-photos .galerie-photos ul li a .hover{display: block; padding: 0; margin: 0; box-sizing:border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #442a5f; opacity: 0; transition:all 0.3s ease;}
.bloc-galerie-photos .galerie-photos ul li a:hover .hover{opacity: 0.5;}
.bloc-galerie-photos .galerie-photos ul li a .background{display: block; padding: 0; margin: 0; box-sizing:border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% auto; background-position: center; opacity: 1; transition:all 0.5s ease;}
.bloc-galerie-photos .galerie-photos ul li a:hover .background{opacity:1; background-size: 170% auto;}
.bloc-galerie-photos .galerie-photos ul li a img{width: 100%;}


.bloc-googlemap-texte{display:block; position:relative; padding:0 0 0px 0; margin:0 0 80px 0; background-color:white; box-sizing:border-box;}
.bloc-googlemap-texte .googlemap{display: block; width: 50%; position: absolute; top: 0; left: 0; height: 100%; padding: 0; margin: 0; box-sizing:border-box;}
.bloc-googlemap-texte .texte{display: block; width: 100%; padding:70px 0 70px 52%; margin: 0; text-align: center; box-sizing:border-box;}
.bloc-googlemap-texte .texte img{display: inline-block; width: 100px; margin: 0 0 20px 0;}
.bloc-googlemap-texte .texte h2{display:block; font-weight:600;padding:0 0px;margin:0;font-weight: 600; color: #442a5f; font-size: 1.6rem;box-sizing:border-box;}
.bloc-googlemap-texte .texte h3{display:block; padding:20px 0px;margin:0;font-size:1rem; font-weight:400; color: #222;box-sizing:border-box;}
.bloc-googlemap-texte .texte a{display:inline-block; text-decoration:none; padding:15px 15px;margin:15px 0 0 0px; font-size:.8rem; color: white;text-transform:uppercase; background-color: #442a5f;font-weight:500;box-sizing:border-box;transition:all .5s ease 0s}
.bloc-googlemap-texte .texte a i{font-size:1rem;display:inline-block;vertical-align:bottom;margin:0;padding:0 0 0 7px}
.bloc-googlemap-texte .texte a:hover{background-color: black !important;}

@media screen and (max-width: 860px){
    .bloc-googlemap-texte .texte{padding:280px 2% 30px 2% !important;}
    .bloc-googlemap-texte .googlemap{height:250px; width:100% !important; background-attachment:scroll !important;}
    .bloc-galerie-photos .galerie-photos ul li{display:block; float:left; width:50%; padding:10px; margin:0; box-sizing:border-box;}


}

.visuelpub{display:block; position:absolute; bottom:-90px; left:0; width:150px;}


.background-video {
  background-position: top center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}

video,
source {
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}

.loaded .ytplayer-container {
  display: block;
}

.loaded .placeholder-image {
  opacity: 0;
}

.ytplayer-container {
  bottom: 0;
  height: 100%;
  left: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.placeholder-image {
  height: 100%;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
}

.ytplayer-shield {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ytplayer-player {
  position: absolute;
}

.container {
  border-radius: 6px;
  background: rgba(255, 255, 255, .9);
  padding: 0 30px 0 30px;
  margin: 30px auto;
}




.clear{clear:both;}
.gris{color:#797979;}
.noir{color:#1a1a1a;}
.violet{color:#442a5f;}
img{display:block; padding:0; margin:0; width:100%; height:auto; box-sizing:border-box;}
.wrapper{display:block; position:relative; padding:0 20px; margin:0 auto; max-width:1200px; box-sizing:border-box;}

header{display:block; position:fixed; top:0; left:0; width:100%; padding:0; margin:0; z-index:999999; box-sizing:border-box;
-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);}


header .barre-bas{display:block; border-top:solid 4px #442a5f; padding:0; margin:0; box-sizing:border-box; background-color:white;}
header .barre-bas .logo{display:block; border:none; text-decoration:none; padding:0 25px 0 0; border-right:solid 1px #442a5f; margin:0; position:absolute; top:8px; left:40px; width:180px; }
header .barre-bas nav{display:block; text-align:center; padding:18px 100px 22px 230px; margin:0; box-sizing:border-box;}
header .barre-bas nav ul{display:block; text-align:center; padding:0; margin:0; box-sizing:border-box;}
header .barre-bas nav ul li{display:inline-block; padding:0; margin:0; box-sizing:border-box;}
header .barre-bas nav ul li a{display:block; font-family: 'itc_newtextregular'; text-transform: uppercase; border-bottom:solid 1px transparent; cursor:pointer; padding:8px 0; margin:0 10px; color:#1a1a1a; text-decoration:none; font-size:0.85rem; box-sizing:border-box; transition:all 0.3s ease;}
header .barre-bas ul li.current_page_item a{color:#442a5f; border-color:#442a5f;}
header .barre-bas ul li a:hover{color:#442a5f; border-color:#442a5f;}

header .barre-bas .reseaux{display:block; width:130px; position:absolute; top:0; right:0; padding:3px 0; margin:0; text-align: center; box-sizing:border-box;}
header .barre-bas .reseaux li{display:inline-block; vertical-align:middle; width:30px; padding:0; margin:0; box-sizing:border-box;}
header .barre-bas .reseaux li a{display:block; cursor:pointer; padding:0; margin:0; color:#442a5f; text-decoration:none; font-size:1.6rem; text-align:center; box-sizing:border-box; transition:all 0.3s ease;}
header .barre-bas .reseaux li a img{width:35px; padding:5px 0; margin:0 auto;}
header .barre-bas .reseaux li a:hover{background-color:#442a5f; color:white;}

header .barre-bas .reseaux li:nth-child(3) a{font-size: 1.5rem;}
header .barre-bas .reseaux li:nth-child(4),header .barre-bas .reseaux li:nth-child(5){width: 50px;}

header .barre-bas .openmenu{display:none;}
header .barre-bas .closemenu{display:none;}

@media screen and (max-width: 1240px){
  header .barre-bas{height:80px;}
  header .barre-bas .menuresponsive{display:none; position:fixed; top:0; left:0; overflow-y:auto; width:100%; height:100%; padding:0; margin:0; background-color:white; z-index:999999999999; box-sizing:border-box;}
  header .barre-bas nav{text-align:left; padding:40px 120px 40px 40px;}
  header .barre-bas nav ul{text-align:left;}
  header .barre-bas nav ul li{display:block; }
  header .barre-bas nav ul li a{display:block; width:250px; border-bottom:solid 1px #797979; padding:20px 0; margin:0 auto; font-size:0.85rem; }
  header .barre-bas .reseaux{top:125px; right:50%; padding:0; margin:0 -190px 0 0; box-sizing:border-box;}
  header .barre-bas .openmenu{display:inline-block; cursor:pointer; position:absolute; right:40px; top:12px; padding:15px 20px; color:white; font-size:1rem; background-color:#442a5f;}
  header .barre-bas .openmenu:hover{background-color:#1a1a1a;}
  header .barre-bas .closemenu{display:block; border-radius:50%; cursor:pointer; position:absolute; top:50px; right:50%; padding:0; margin:0 -180px 0 0; font-size:2.2rem; background-color:#442a5f; color:white; width:60px; height:60px; line-height:62px; text-align:center; box-sizing:border-box;}
  header .barre-bas .closemenu:hover{background-color:#1a1a1a;}
  header .barre-bas .menuresponsive.open{display:block;}
}

@media screen and (max-width: 450px){
  header .barre-bas .logo{left:10px; border:none;}
  header .barre-bas .openmenu{right:10px; top:16px; padding:10px 15px;}
  header .barre-bas nav ul li a{width:180px; padding:15px 0; font-size:0.75rem; }
  header .barre-bas .reseaux{margin:0 -150px 0 0;}
  header .barre-bas .closemenu{margin:0 -140px 0 0; font-size:2rem; }
}

.accueil-video{display: block; cursor: pointer; transition: all 0.4s ease; z-index: 999; position: fixed; top: 50%; right: 5px; padding:13px 0 0 0; margin: 70px 0 0 0; width: 100px; height:100px; border-radius:50%; color: white; background-color:#442a5f; text-align: center; font-size: 0.8rem; line-height: 1rem; font-weight: 700; box-sizing:border-box;}
.accueil-video i{display: block; padding: 2px 0 5px 0; margin: 0; font-size: 1.6rem;}
.accueil-video hr{display: block; padding: 0; margin:-3px 0 0 0; border: none; height: 6px; width: 5px;background-color:#442a5f; position: absolute; top: 50%; right: -5px;}
.accueil-video:hover{background-color: #1a1a1a;}


.newsletter-inscription{display: block; cursor: pointer; transition: all 0.4s ease; z-index: 999; position: fixed; top: 50%; right: 5px; padding:13px 0 0 0; margin: -50px 0 0 0; width: 100px; height:100px; border-radius:50%; color: white; background-color:#442a5f; text-align: center; font-size: 0.8rem; line-height: 1rem;  font-weight: 700; box-sizing:border-box;}
.newsletter-inscription i{display: block; padding: 2px 0 5px 0; margin: 0; font-size: 1.6rem;}
.newsletter-inscription hr{display: block; padding: 0; margin:-3px 0 0 0; border: none; height: 6px; width: 5px;background-color:#442a5f; position: absolute; top: 50%; right: -5px;}
.newsletter-inscription:hover{background-color: #1a1a1a;}

.frame-newsletter{display: none; padding: 0; margin: 0; background-color:#442a5f; color: white; position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto;}

.frame-newsletter .frame-newsletter-box{display: block; max-width: 400px; width:90%; margin:110px auto; padding:50px 0; position:relative; text-align:center; }
.frame-newsletter .frame-newsletter-box .close{display: block; transition:all 0.3s ease; font-size: 2rem; cursor: pointer; padding: 0; margin:0 0 20px 0; }
.frame-newsletter .frame-newsletter-box .close:hover{color: #1a1a1a;}
.frame-newsletter .frame-newsletter-box .texte{display: block; font-size: 1.1rem; padding:10px 0; margin:0; }
.frame-newsletter .frame-newsletter-box .inputbox{display:block; box-shadow:none; border:none; width:100%; padding:10px 15px; margin:10px 0 10px 0; outline:none; font-size:0.9rem; text-align: center; font-weight:700; box-sizing:border-box; transition:all 0.3s ease;}
.frame-newsletter .frame-newsletter-box .inputbox:focus{background-color:#1a1a1a; color:white;}
.frame-newsletter .frame-newsletter-box .bouton{display:inline-block; cursor:pointer; border:solid 1px #1a1a1a; font-size:0.8rem; padding:10px 15px; color:white; text-decoration:none; background-color:#1a1a1a; margin:10px 0 0 0; transition:all 0.3s ease;}
.frame-newsletter .frame-newsletter-box .bouton:hover{background-color:#442a5f; border-color:white;}




@media screen and (max-width: 768px){
  .accueil-video{padding:8px 0 0 0; margin: 0px 0 0 0; width: 70px; height:70px;font-size: 0.6rem; line-height: 0.9rem; top: auto; bottom: 20px;}
.accueil-video i{padding: 0px 0 3px 0; font-size: 1rem;}

.newsletter-inscription{padding:8px 0 0 0; margin: 0px 0 0 0; width: 70px; height:70px;font-size: 0.6rem; line-height: 0.9rem;  top: auto; bottom: 100px;}
.newsletter-inscription i{padding: 0px 0 3px 0; font-size: 1rem;}


}

/*CASE A COCHER---------------------------------------------------------------*/
.case-a-cocher{display:block; position:relative; padding:3px 10px 0 6px; margin:20px 0 15px 0; font-size:0.85rem; font-weight:500; color:#fff; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease;}
.case-a-cocher a{color:#fff; text-decoration:none;}
.case-a-cocher a:hover{color:#fff; text-decoration:underline;}
.case-a-cocher:hover{color:#fff;}
.case-a-cocher input { display: none; }
.case-a-cocher i{display:none; position:absolute; top:0; left:0; padding:0; margin:0; font-size:1.4rem; vertical-align:middle;  box-sizing:border-box;}
.case-a-cocher i.active{display:block;}

/* slider-accueil */
.wrapper-slider-accueil{display:block; position:fixed; z-index:1; padding:0; margin:0; height:100%; width:100%; top:0; left:0; box-sizing:border-box;}
.wrapper-slider-accueil .slider-accueil{display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.wrapper-slider-accueil .bx-wrapper {position:absolute; top:0; left:0; width:100%; height:100%; margin:0 auto; padding:0; *zoom: 1;}
.wrapper-slider-accueil .bx-wrapper .bx-viewport {position:absolute; top:0; left:0; width:100%; height:100%; background: transparent;}
.wrapper-slider-accueil .bx-wrapper li{display:table; table-layout:fixed; vertical-align:middle; position:absolute; top:0; left:0%; width:100%; height:100%; text-align:center; padding:0; margin:0; box-sizing:border-box; background: url(../img/visuel-1.jpg) no-repeat center; -webkit-background-size: cover; /* pour anciens Chrome et Safari */ background-size: cover; }
.wrapper-slider-accueil .bx-wrapper li .contenu{display:table-cell; vertical-align:middle; width:100%; padding:0 0 0 0; margin:0; box-sizing:border-box;}
.wrapper-slider-accueil .bx-wrapper li .contenu .picto{width:100px; margin:0 auto 15px auto;}
.wrapper-slider-accueil .bx-wrapper li .contenu .visuelresponsive{display:none;}
.wrapper-slider-accueil .bx-wrapper li .contenu .texte{display:inline-block; position:relative; z-index:9; width:500px; font-style:italic; padding:30px 20px 40px 20px; margin:10px 0 0 0; font-size:0.9rem; color:#1a1a1a; font-weight:500; box-sizing:border-box;  background-color: rgba(255, 255, 255, 0.7);}
.wrapper-slider-accueil .bx-wrapper li .contenu a{display:block; font-size:0.85rem; text-transform:uppercase; position:relative; z-index:10; padding:10px 20px; width:250px; color:white; text-decoration:none; font-weight:400; border:none; background-color:#442a5f; margin:-20px auto 0 auto; transition:all 0.3s ease;}
.wrapper-slider-accueil .bx-wrapper li .contenu a:hover{background-color:#1a1a1a; }
/*affichage des puces*/
.wrapper-slider-accueil .bx-wrapper .bx-pager {display:none;}
/*affichage des fleches*/
.wrapper-slider-accueil .bx-wrapper .bx-prev {display:inline-block; position:absolute; top:40%; left:50%; margin:0 0 0 -365px; padding:0; text-decoration:none; font-size:6rem; font-weight:lighter; color:#442a5f;  z-index:9999; transition:all 0.3s ease;}
.wrapper-slider-accueil .bx-wrapper .bx-next {display:inline-block; position:absolute; top:40%; right:50%; margin:0 -365px 0 0; padding:0; text-decoration:none;  font-size:6rem; font-weight:lighter;  color:#442a5f;  z-index:9999; transition:all 0.3s ease;}
.wrapper-slider-accueil .bx-wrapper .bx-prev:hover ,.wrapper-slider-accueil .bx-wrapper .bx-next:hover{color:#1a1a1a;}
.wrapper-slider-accueil .bx-wrapper .bx-prev:active ,.wrapper-slider-accueil .bx-wrapper .bx-next:active{color:#1a1a1a;}

@media screen and (max-width: 760px){
  .wrapper-slider-accueil{position:static; padding:0 0 0 0; margin:0; height:auto;}
  .wrapper-slider-accueil .slider-accueil{position:static; height:auto; padding:0; margin:0;}
  .wrapper-slider-accueil .slider-accueil li{display:block; position:static; height:auto; text-align:center; padding:0; margin:0; box-sizing:border-box; background: none !important; }
  .wrapper-slider-accueil .slider-accueil li .contenu{display:block; padding:0 0 30px 0; margin:0;}
  .wrapper-slider-accueil .slider-accueil li .contenu .picto{display:none; width:100px; margin:0 auto 15px auto;}
  .wrapper-slider-accueil .slider-accueil li:first-child .contenu .picto{display:block;}
  .wrapper-slider-accueil .slider-accueil li .contenu .visuelresponsive{display:block;}
  .wrapper-slider-accueil .slider-accueil li .contenu .texte{display:block; width:100%; font-style:italic; padding:30px 20px 0px 20px; margin:0; font-size:0.9rem; color:#1a1a1a; font-weight:500; background-color:transparent; box-sizing:border-box;}
  .wrapper-slider-accueil .slider-accueil li .contenu a{display:block; font-size:0.85rem; text-transform:uppercase; position:relative; z-index:10; padding:10px 20px; width:250px; color:white; text-decoration:none; font-weight:400; border:none; background-color:#442a5f; margin:20px auto 0 auto; }
  .wrapper-slider-accueil .slider-accueil li .contenu a:hover{background-color:#1a1a1a; }
}




.zone-filtre{display:block; position:fixed; z-index:2; top:0; left:0%; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; background-color: white; }
.zone-background{display:block; position:fixed; z-index:1; top:0; left:0%; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; background: url(../img/visuel-1.jpg) no-repeat center; -webkit-background-size: cover; /* pour anciens Chrome et Safari */ background-size: cover; }
.zone-background1{display:block; position:fixed; z-index:1; top:0; left:0%; width:70%; height:100%; padding:0; margin:0; box-sizing:border-box; background: url(../img/visuel-1.jpg) no-repeat center; -webkit-background-size: cover; /* pour anciens Chrome et Safari */ background-size: cover; }
.zone-background2{display:block; position:fixed; z-index:1; top:0; right:0%; width:30%; height:100%; padding:0; margin:0; box-sizing:border-box; background: url(../img/visuel-1.jpg) no-repeat center; -webkit-background-size: cover; /* pour anciens Chrome et Safari */ background-size: cover; }
.zone-contenu{display:block; position:relative; z-index:99; width:100%; padding:110px 0 0 0; margin:0; border-bottom:solid 4px #442a5f; box-sizing:border-box; background-color:white; background-color: rgba(255, 255, 255, 0.85);}
.zone-contenu-2{display:block; float:right; position:relative; z-index:99; width:700px; padding:110px 50px 70px 50px; margin:0o;  box-sizing:border-box; background-color:white; }
.zone-contenu-contact{display:block; position:relative; z-index:99; width:100%; padding:80px 0 0 0; margin:0; border-bottom:solid 4px #442a5f; box-sizing:border-box; background-color:white; background-color: rgba(255, 255, 255, 0.85);}
.zone-googlemap{display:block; position:fixed !important; z-index:1; top:0; left:0%; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;  }
@media screen and (max-width: 760px){
  .zone-contenu, .zone-contenu-contact{display:block; position:relative; padding:80px 0 0 0; border-bottom:none; background-color:white; }
  .zone-background, .zone-background1, .zone-background2, .zone-googlemap{display:none;}
  .zone-contenu-2{display:block; float:none; width:calc(100% + 40px); padding:80px 20px 40px 20px; margin:0 0 0 -20px;}
}

/*PAGE DOMAINE - -------------------------------------------------------------------------------*/

.wrapper-slider-domaine {display:block; position:relative; z-index:9; padding:0; margin:0 auto;}
.wrapper-slider-domaine .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;display:block; float:right; width:calc(100% - 250px);}
.wrapper-slider-domaine .bx-wrapper .slider-domaine{display:block; padding:0; margin:0;}
.wrapper-slider-domaine .bx-wrapper li{display:block; width:100%; padding:7px 0 0 0; margin:0; height:auto; box-sizing:border-box;}
.wrapper-slider-domaine .bx-wrapper li .colonne-gauche{display:block; position:relative; float:left; width:300px;  padding:0 0; margin:0; box-sizing:border-box;}
.wrapper-slider-domaine .bx-wrapper li .colonne-gauche h1, .wrapper-slider-domaine .bx-wrapper li .colonne-gauche h2{display:block; text-align:center; font-family: 'Roboto Slab', serif;  font-weight:700; padding:0; margin:0; font-size:1.2rem; letter-spacing:1px; text-transform:uppercase; color:#442a5f; box-sizing:border-box; }
.wrapper-slider-domaine .bx-wrapper li .colonne-gauche hr{display:block; border:none; height:1px; width:80px; margin:20px auto; text-align:center; background-color:#1a1a1a;}
.wrapper-slider-domaine .bx-wrapper li .colonne-gauche .image{display:block; position:absolute; top:100%; left:50%;  padding:0; margin:0 0 0 -125px;width:250px; height:250px; border-radius:50%; border:solid 4px #442a5f; overflow:hidden; box-sizing:border-box;}
.wrapper-slider-domaine .bx-wrapper li .colonne-droite{display:block; float:left; width:calc(100% - 300px); padding:0;  font-size:1.4rem; margin:0px;}
.wrapper-slider-domaine .bx-wrapper li .colonne-droite p{display:block; padding:0 60px 40px 40px; margin:0; font-size:0.9rem; color:#797979; font-weight:600; box-sizing:border-box;}
.wrapper-slider-domaine .bx-wrapper .bx-viewport {background: transparent; overflow:visible !important;}
.wrapper-slider-domaine .bx-wrapper .bx-pager {display:none;}
.wrapper-slider-domaine .bx-wrapper .bx-prev {display:none; }
.wrapper-slider-domaine .bx-wrapper .bx-next {display:none;}
#slider-domaine{display:block;float:right;padding:0 0 40px 0; margin:0; box-sizing:border-box; width:250px; }
#slider-domaine a, #slider-domaine .a{display:block; padding:7px 0px; margin:0; font-size:0.9rem; text-transform:uppercase; font-weight:700; text-decoration:none; cursor:pointer; color:#1a1a1a; box-sizing:border-box; transition:all 0.4s ease;}
#slider-domaine a i, #slider-domaine .a i{display:inline-block; vertical-align:middle; margin:0; padding:0 8px 0 0; border:none; color:#797979;}
#slider-domaine a.active{color:#442a5f;}
#slider-domaine a.active i{color:#442a5f;}
#slider-domaine a:hover,#slider-domaine .a:hover{color:#442a5f;}
#slider-domaine a:hover i,#slider-domaine .a:hover i{color:#442a5f;}

@media screen and (max-width: 1240px){
  .wrapper-slider-domaine .bx-wrapper {width:100%; padding:20px 0 0 0;}
  #slider-domaine{display:block;float:none; padding:0; width:100%; text-align:center; }
  #slider-domaine a{display:inline-block; padding:7px 10px; font-size:0.9rem; }
}

@media screen and (max-width: 850px){
  #slider-domaine a{padding:7px 5px; font-size:0.8rem; }
}

@media screen and (max-width: 760px){
  .wrapper-slider-domaine {display:block; position:relative; z-index:9; padding:0; margin:0 auto;}
  .wrapper-slider-domaine .slider-domaine{display:block; padding:0; margin:0;}
  .wrapper-slider-domaine .slider-domaine li{display:block; width:100%; padding:0; }
  .wrapper-slider-domaine .slider-domaine li .colonne-gauche{display:block; float:none; width:100%;  padding:0;}
  .wrapper-slider-domaine .slider-domaine li .colonne-gauche h2{display:none; padding:20px 0 10px 0; text-align:center; font-size:1.4rem;}
  .wrapper-slider-domaine .slider-domaine li .colonne-gauche hr{display:none;}
  .wrapper-slider-domaine .slider-domaine li .colonne-gauche .image{display:block; position:static; padding:0; margin:0 auto; width:250px; height:250px; border-radius:50%; border:solid 4px #442a5f; overflow:hidden; }
  .wrapper-slider-domaine .slider-domaine li:first-child .colonne-gauche h2{display:block;}
  .wrapper-slider-domaine .slider-domaine li .colonne-droite{display:block; float:none; width:100%; padding:30px 0;}
  .wrapper-slider-domaine .slider-domaine li .colonne-droite p{display:block; padding:0; margin:0; font-size:1rem; color:#797979; text-align:center;}
  #slider-domaine{display:none;}
}

@media screen and (max-width: 660px){
  .wrapper-slider-domaine .slider-domaine li .colonne-droite p{text-align:justify;}
}

/*FIN PAGE DOMAINE - -------------------------------------------------------------------------------*/

/*PAGE CUVEES - -------------------------------------------------------------------------------*/

.zone-tri{display:block; position:fixed; top:80px; left:0; z-index:99999; text-align:center; width:100%; padding:15px 0; margin:0; box-sizing:border-box; background-color:#442a5f;}
.zone-tri li{display:inline-block; padding:0; margin:2px 0; }
.zone-tri li a{display: block;padding:10px 10px; cursor:pointer; margin:0 10px; text-decoration:none; cursor:pointer; font-size:0.7rem; color:#442a5f; font-weight:600; text-transform:uppercase; background-color:white;  box-sizing:border-box; transition:all 0.4s ease;}
.zone-tri li.current-cat a, .zone-tri li:hover a{background-color:#1a1a1a; color:white;}


@media screen and (max-width: 768px){
  
  .zone-tri li{display:block;}
  .zone-tri li a{margin: 0;}
}

.liste-vins{display:block; position:relative; z-index:99; text-align:center; width:100%; padding:160px 0 70px 0; margin: 0 0; box-sizing:border-box;}
.liste-vins li{display:inline-block; vertical-align:top; cursor:pointer; width:18%; border-top:solid 4px #442a5f; padding:0 0; overflow:hidden; margin:10px 0.5%; background-color:white; box-sizing:border-box; transition:all 0.4s ease;}
.liste-vins li .image{display:block; width:100%; height:250px; position:relative; padding:0 30px; margin:0; overflow:hidden; box-sizing:border-box; transition:all 0.4s ease;}
.liste-vins li .image img{position:absolute; top:10px; left:50%; width:70px; margin: 0 0 0 -35px; transition:all 0.7s ease;}
.liste-vins li h2{display:block; font-weight:600; text-align:center; padding:15px 5px; margin:0; font-size:0.7rem; letter-spacing:1px; color:white; text-transform:uppercase; background-color:#442a5f; box-sizing:border-box;  transition:all 0.4s ease;}
.liste-vins li:hover{border-color:#1a1a1a;}
.liste-vins li:hover .image img{width:90%; top:-325px; left:5%; margin:0;}
.liste-vins li:hover h2{background-color:#1a1a1a;}
.liste-vins li .contenu-lightbox{display:none; visibility:hidden;}

@media screen and (max-width: 1020px){
    .zone-tri{display:block; position:relative; padding:85px 0 5px 0; top: 0;}
    .zone-tri li a{padding:10px 5px; margin:0 2px;  font-size:0.6rem; }
  .liste-vins{padding:30px 0 40px 0; text-align:justify;}
  .liste-vins li{display:inline-block; vertical-align:top; cursor:pointer; float:none; width:22%; padding:0 0; margin:10px 1%; }
  .liste-vins li .image{height:auto; padding:0 30px; }
  .liste-vins li .image img{position:static; width:100%; margin:0; }
  .liste-vins li:hover .image img{width:100%; margin:0;}
}

@media screen and (max-width: 900px){
  .liste-vins li{width:30%;}
}

@media screen and (max-width: 768px){
  .liste-vins li{width:47%;}
  .liste-vins{margin: 30px 0 70px 0; padding: 0;}
}

@media screen and (max-width: 300px){
  .liste-vins li{display:block; width:100%; margin:20px auto; border-top:none;}
}


.liste-actualite{display:block; position:relative; z-index:99; text-align:left; width:100%; padding:180px 0 70px 0; margin: 0 0; box-sizing:border-box;}
.liste-actualite li{display:block; position:relative; cursor:pointer; float:left; width:30%; border-bottom:solid 4px #442a5f; padding:20px 20px 50px 115px; overflow:hidden; margin:15px 1.5%; background-color:white; box-sizing:border-box;}
.liste-actualite li .image{display:block; position:absolute; top:0; left:0; width:100px; height:205px; padding:0; margin:0; box-sizing:border-box;}
.liste-actualite li .image img{width:100px; height:205px; }
.liste-actualite li h2{display:block; height:45px; overflow:hidden; font-weight:700; padding:0; margin:0; font-size:1rem; color:#442a5f; box-sizing:border-box;}
.liste-actualite li h3{display:block; height:80px; overflow:hidden; padding:0; margin:5px 0 0 0; font-weight:500; font-size:0.8rem; font-style:italic; color:#797979; box-sizing:border-box;}
.liste-actualite li .bouton{display:inline-block; font-size:0.8rem; position:absolute; bottom:0; right:0; padding:8px 10px; color:white; text-decoration:none; border:none; background-color:#442a5f; margin:0; transition:all 0.3s ease;}
.liste-actualite li .bouton:hover{background-color:#1a1a1a; }
.liste-actualite li .contenu-lightbox{display:none; visibility:hidden;}

@media screen and (max-width: 1020px){
  .liste-actualite{padding:100px 0 40px 0; text-align:justify;}
  .liste-actualite li{width:30%;}
  .liste-actualite li .image{background: url(../img/visuel-1.jpg) no-repeat center; background-size: cover;}
}

@media screen and (max-width: 1000px){
  .liste-actualite li{width:47%;}
}

@media screen and (max-width: 750px){
  .liste-actualite li{width:100%;}
}



.lightbox{display:none; position:fixed; top:80px; left:0; z-index:999999; width:100%; height:calc(100% - 80px - 36px); padding:0; margin:0; box-sizing:border-box; background-color: rgba(0, 0, 0, 0.85);}
.lightbox .titre-lightbox{display:block; position:fixed; top:80px; left:0; z-index:99999; text-align:left; width:100%; padding:20px 0; color:white;  margin:0; box-sizing:border-box; background-color:#442a5f;}
.lightbox .titre-lightbox .wrapper{width:800px;}
.lightbox .titre-lightbox .domaine{display:inline-block; vertical-align:middle; text-transform:uppercase; font-family: 'Roboto Slab', serif;  font-weight:400; letter-spacing:0.5px; font-size:1.4rem; color:white; padding:0; margin:0 20px 0 0; box-sizing:border-box;}
.lightbox .titre-lightbox .appelation{display:inline-block; vertical-align:middle; font-weight:600; font-style:italic; font-size:1.2rem; color:white; padding:0; margin:0; box-sizing:border-box;}
.lightbox .titre-lightbox .close{display:inline-block; position:absolute; top:-6px; right:20px; font-size:2rem; color:white; cursor:pointer;}
.lightbox .titre-lightbox .close:hover{color:#1a1a1a;}
.lightbox .wrapper-lightbox{display:block; overflow-y:auto; position:fixed; top:140px; left:50%;  height:calc(100% - 80px - 60px - 36px); z-index:9999; width:800px; padding:20px 50px 20px 320px; margin:0 0 0 -400px; box-sizing:border-box; background-color:#fff;}
.lightbox .wrapper-lightbox .colonne-gauche{display:block; position:absolute; width:320px; top:0; left:0; height:100%; padding:0; background: url(../img/.jpg) no-repeat center; -webkit-background-size: cover; /* pour anciens Chrome et Safari */ background-size: cover; box-sizing:border-box;}
.lightbox .wrapper-lightbox.listevins .colonne-gauche{-webkit-background-size: contain; /* pour anciens Chrome et Safari */ background-size: contain; box-sizing:border-box;}
.lightbox .wrapper-lightbox .colonne-droite{display:block; padding:30px 0 0 30px; box-sizing:border-box;}
.lightbox .wrapper-lightbox .colonne-droite .contenu{display:block; padding:0; margin:5px 0 0 0; font-size:0.95rem; font-weight:500; color:#797979; box-sizing:border-box;}
.lightbox .wrapper-lightbox .colonne-droite a{display:inline-block; text-transform:uppercase; font-size:0.75rem; padding:10px 20px; color:white; text-decoration:none; border:none; background-color:#442a5f; margin:30px 0 0 0; transition:all 0.3s ease;}
.lightbox .wrapper-lightbox .colonne-droite a:hover{background-color:#1a1a1a; }

@media screen and (max-width: 1240px){
  .lightbox{top:0px; left:0; z-index:99999999999999; height:100%; background-color: rgba(0, 0, 0, 1);}
  .lightbox .titre-lightbox{top:0px; left:0; z-index:99999999999999;padding:20px 0; }
  .lightbox .titre-lightbox .wrapper{width:800px; padding:0 50px;}
  .lightbox .wrapper-lightbox{top:70px; left:50%;  height:calc(100% - 70px); z-index:9999; width:800px; padding:40px 50px 40px 50px; margin:0 0 0 -400px; }
  .lightbox .wrapper-lightbox .colonne-gauche{display:none; }
  .lightbox .wrapper-lightbox .colonne-droite{display:block; padding:0; box-sizing:border-box;}
  .lightbox .wrapper-lightbox .colonne-droite .contenu{display:block; padding:0; margin:5px 0 0 0; font-size:0.95rem; font-weight:500; color:#797979; box-sizing:border-box;}
  .lightbox .wrapper-lightbox .colonne-droite a{display:inline-block; text-transform:uppercase; font-size:0.75rem; padding:10px 20px; color:white; text-decoration:none; border:none; background-color:#442a5f; margin:30px 0 0 0; transition:all 0.3s ease;}
  .lightbox .wrapper-lightbox .colonne-droite a:hover{background-color:#1a1a1a; }
}

@media screen and (max-width: 800px){
  .lightbox{overflow-y:auto;}
  .lightbox .titre-lightbox{position:static;}
  .lightbox .titre-lightbox .close{display:block; position:static; font-size:2rem; text-align:center; color:white; cursor:pointer; padding-bottom:10px;}
  .lightbox .titre-lightbox .wrapper{width:100%; padding:0 20px;}
  .lightbox .titre-lightbox .domaine{display:block; text-align:center; }
  .lightbox .titre-lightbox .appelation{display:block; text-align:center; font-size:1.2rem; }
  .lightbox .wrapper-lightbox{width:100%; position:static; height:auto; margin:0; padding:30px 20px; }
  .lightbox .wrapper-lightbox .colonne-droite .contenu{padding:0; margin:5px 0 0 0; font-size:1rem; }
}

/*FIN PAGE CUVEES - -------------------------------------------------------------------------------*/




.zone-contenu-2 h1{display:block; text-align:left; font-family: 'Roboto Slab', serif;  font-weight:700; padding:0; margin:0; font-size:1.8rem; color:#442a5f; box-sizing:border-box; }
.zone-contenu-2 hr{display:block; border:none; height:1px; width:80px; margin:20px 0 0 0; text-align:left; background-color:#1a1a1a;}
.zone-contenu-2 .liste-medias{display:block; padding:20px 0 0 0; margin:0; box-sizing:border-box;}
.zone-contenu-2 .liste-medias li{display:block; padding:30px 0 30px 170px; position:relative; margin:0; border-bottom:solid 1px #797979; box-sizing:border-box;}
.zone-contenu-2 .liste-medias li:last-child{border:none;}
.zone-contenu-2 .liste-medias li img{display:block; position:absolute; top:30px; left:0; width:150px; padding:0; margin:0 20px 20px 0; box-sizing:border-box;}
.zone-contenu-2 .liste-medias li h2{display:block; font-weight:700; padding:0; margin:0; font-size:1.2rem; color:#442a5f; box-sizing:border-box;}
.zone-contenu-2 .liste-medias li h3{display:block; padding:0; margin:5px 0 0 0; font-size:1rem; font-weight:700; font-style:italic; color:#1a1a1a; box-sizing:border-box;}
.zone-contenu-2 .liste-medias li hr{display:block; border:none; height:1px; width:40px; margin:10px 0; text-align:left; background-color:#1a1a1a;}
.zone-contenu-2 .liste-medias li h4{display:block; padding:0; margin:5px 0 0 0; font-size:0.95rem; font-weight:500; color:#797979; box-sizing:border-box;}
.zone-contenu-2 .liste-medias li a{display:block; text-decoration:none; color:#442a5f; font-size:0.9rem; padding:0; margin:15px 0 0 0; font-weight:700;}
.zone-contenu-2 .liste-medias li a i{display:inline-block; vertical-align:middle; padding:0 0 0 5px; }
.zone-contenu-2 .liste-medias li a:hover{text-decoration:underline; }

@media screen and (max-width: 760px){
  .zone-contenu-2 h1{text-align:center; font-size:1.4rem; padding:30px 0px 50px 0px;}
  .zone-contenu-2 hr{display:none; }
  .zone-contenu-2 .liste-medias{padding:0; }
  .zone-contenu-2 .liste-medias li{padding:0 0 30px 0; margin:0 0 30px 0;}
  .zone-contenu-2 .liste-medias li img{display:block; position:static; width:100px; margin:0 auto; }
  .zone-contenu-2 .liste-medias li h2{text-align:center; font-size:1.2rem; padding:20px 20px 0 20px;}
  .zone-contenu-2 .liste-medias li h3{text-align:center; margin:5px 0 0 0; padding:0 20px; }
  .zone-contenu-2 .liste-medias li hr{margin:10px auto; text-align:center;}
  .zone-contenu-2 .liste-medias li h4{text-align:justify;}
  .zone-contenu-2 .liste-medias li a{font-size:1rem; }
}


.zone-contenu-contact .formulaire{display:block; background-color:#442a5f; position:relative; float:left; width:300px;  padding:15px 20px 10px 20px; margin:0; box-sizing:border-box;}
.zone-contenu-contact .formulaire .titre{display:block; text-align:center; font-family: 'Roboto Slab', serif;  font-weight:400; padding:0 0 5px 0; margin:0; font-size:1rem; color:#fff; box-sizing:border-box; }
.zone-contenu-contact .formulaire .inputbox{display:block; box-shadow:none; border:none; width:100%; padding:10px 15px; margin:10px 0 0 0; outline:none; font-size:0.8rem; font-weight:500; box-sizing:border-box; transition:all 0.3s ease;}
.zone-contenu-contact .formulaire .inputbox:focus{background-color:#1a1a1a; color:white;}
.zone-contenu-contact .formulaire .areabox{display:block; box-shadow:none; border:none; width:100%; padding:10px 15px; margin:10px 0 0 0; outline:none; font-size:0.8rem; font-weight:500; height:100px; box-sizing:border-box; transition:all 0.3s ease;}
.zone-contenu-contact .formulaire .areabox:focus{background-color:#1a1a1a; color:white;}
.zone-contenu-contact .formulaire .bouton{display:inline-block; cursor:pointer; float:right; border:solid 1px #1a1a1a; font-size:0.8rem; padding:10px 15px; color:white; text-decoration:none; background-color:#1a1a1a; margin:10px 0 0 0; transition:all 0.3s ease;}
.zone-contenu-contact .formulaire .bouton:hover{background-color:#442a5f; border-color:white;}
.zone-contenu-contact .informations-contact{display:block; position:relative; float:left; width:calc(100% - 300px);  padding:0 0 0 40px; margin:0; box-sizing:border-box; background: url(../img/bck-contact.png) no-repeat right 50px;}
.zone-contenu-contact .informations-contact .titre{display:block; text-align:left;     font-style: italic; font-weight:700; padding:20px 0 0 0; margin:0; font-size:1.6rem; color:#442a5f; box-sizing:border-box; }
.zone-contenu-contact .informations-contact h1{display:block; text-align:left; font-family: 'Roboto Slab', serif; text-transform:uppercase; letter-spacing:0.5px; font-weight:700; padding:20px 0 0 0; margin:0; font-size:1rem; color:#442a5f; box-sizing:border-box; }
.zone-contenu-contact .informations-contact h2{display:block; text-align:left; font-weight:600; padding:5px 0 0 0; margin:0; font-size:1rem; color:#797979; box-sizing:border-box; }
.zone-contenu-contact .informations-contact h2 a{color:#797979; text-decoration:none; transition:all 0.3s ease;}
.zone-contenu-contact .informations-contact h2 a:hover{color:#442a5f; }
.zone-contenu-contact .informations-contact h3{display:block; text-align:left; font-weight:700; padding:5px 0 0 0; margin:0; font-size:1rem; color:#442a5f; box-sizing:border-box; }
.zone-contenu-contact .informations-contact .liste-contact{display:block; padding:20px 0 5px 0; margin:0; box-sizing:border-box;}
.zone-contenu-contact .informations-contact .liste-contact li{display:inline-block; padding:0; margin:0 20px 0 0 ; box-sizing:border-box;}
.zone-contenu-contact .informations-contact .liste-contact li a{display:block; border-bottom:solid 2px transparent; position:relative; text-decoration:none; color:#442a5f; font-size:1rem; font-weight:700; padding:10px 10px 5px 60px; margin:0; transition:all 0.3s ease;}
.zone-contenu-contact .informations-contact .liste-contact li a i{position:absolute; top:10px; left:10px; font-size:2.2rem; color:#442a5f;}
.zone-contenu-contact .informations-contact .liste-contact li a span{display:block; color:#1a1a1a; font-family: 'Roboto Slab', serif; text-transform:uppercase; letter-spacing:0.5px; font-weight:400; font-size:0.9rem; }
.zone-contenu-contact .informations-contact .liste-contact li a:hover{border-color:#442a5f; }
.zone-contenu-contact .informations-contact .image{display:block; position:absolute; bottom:-140px; right:0;  padding:0; margin:0;width:250px; height:250px; border-radius:50%; border:solid 4px #442a5f; overflow:hidden; box-sizing:border-box;}

@media screen and (max-width: 1240px){
  .zone-contenu-contact .informations-contact{background: url(../img/bck-contact.png) no-repeat right 100px; background-size: auto 170px;}
  .zone-contenu-contact .informations-contact .image{display:none;}
}

@media screen and (max-width: 1000px){
  .zone-contenu-contact .informations-contact{background:none;}
}

@media screen and (max-width: 760px){
  .zone-contenu-contact .formulaire{display:none;}
  .zone-contenu-contact .informations-contact{float:none; width:100%;  padding:0; }
  .zone-contenu-contact .informations-contact .titre{text-align:center; font-size:1.4rem;padding:20px 10px 0 10px; }
  .zone-contenu-contact .informations-contact h1{text-align:center; font-size:1rem;}
  .zone-contenu-contact .informations-contact h2{text-align:center; }
  .zone-contenu-contact .informations-contact h3{text-align:center; }
  .zone-contenu-contact .informations-contact .liste-contact li{display:block; padding:0; margin:5px 0 ; box-sizing:border-box;}
  .zone-contenu-contact .informations-contact .liste-contact li a{padding:10px 0; margin:0;text-align:center; }
  .zone-contenu-contact .informations-contact .liste-contact li a i{position:static; display:block; text-align:center; font-size:2rem; padding-bottom:10px; }
}


/*PAGE GALERIE - -------------------------------------------------------------------------------*/
.fancybox-container{z-index:9999999999 !important;}
.fancybox-thumbs__list a::before { border: 6px solid #442a5f !important;}
.fancybox-caption { font-size: 1.4rem !important; font-weight: 600 !important;}
.galerie-photo{display:block; padding:180px 0 70px 0; margin:0; box-sizing:border-box;}

.zone-galeriephoto{display:block; position:fixed; top:80px; left:0; z-index:99999; text-align:center; width:100%; padding:20px 0; margin:0; box-sizing:border-box; background-color:#442a5f;}
.zone-galeriephoto li{display:inline-block; padding:0; margin:0; }
.zone-galeriephoto li a{padding:10px 30px; cursor:pointer; margin:0 13px; text-decoration:none; cursor:pointer; font-size:0.8rem; color:#442a5f; font-weight:600; text-transform:uppercase; background-color:white; letter-spacing:0.5px; box-sizing:border-box; transition:all 0.4s ease;}
.zone-galeriephoto li.current-cat a, .zone-galeriephoto li:hover a{background-color:#1a1a1a; color:white;}

@media screen and (max-width: 1020px){
  .zone-galeriephoto{display:none;}
  .galerie-photo{display:block; padding:90px 0 70px 0; margin:0; box-sizing:border-box;}
}

.titregalerie{display:block; position:relative; z-index:9; padding:0 0 0px 0; margin:0; font-size:1.7rem; font-family: 'Roboto Slab', serif; color:#442a5f; font-weight:700; text-align:center; box-sizing:border-box;}


.liste-galerie{display:block; position:relative; z-index:99; padding:30px 0 50px 0; margin: 0 0; box-sizing:border-box;}
.liste-galerie li{display:block; padding:0;float:left;  width:33.333%;  border:solid 6px transparent; margin:; box-sizing:border-box; transition:all 0.4s ease;}
.liste-galerie li a{display:block; width:100%; cursor:pointer;  border:solid 2px #fff; position:relative; padding:0; margin:0; box-sizing:border-box; transition:all 0.4s ease;}
.liste-galerie li a img{}
.liste-galerie li:hover{border-color:#442a5f;}
.liste-galerie li:hover a{border-color:#442a5f;}



@media screen and (max-width: 767px){
  .titregalerie{font-size:1.4rem; padding-top:30px;}
  .liste-galerie{width:100%; padding:20px 0 0 0;}
  .liste-galerie li{width:100%; margin: auto;}
}

/*FIN PAGE GALERIE - -------------------------------------------------------------------------------*/





footer{display:block; position:fixed; z-index:999999999; bottom:0; left:0; width:100%; padding:10px 10px; text-align:center; background-color:white; color:#1a1a1a; font-size:0.75rem; font-weight:600;-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565; box-sizing:border-box;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);}
footer a{text-decoration:none; color:#1a1a1a; }
footer a:hover{text-decoration:underline; color:#442a5f;}
footer .macaron{display:block; width:110px; position:absolute; bottom:5px; right:50%; margin:0 -610px 0 0;}
footer .macaronbis{display:block; width:80px; position:absolute; bottom:5px; right:50%; margin:0 -710px 0 0;}

@media screen and (max-width: 1450px){
footer .macaron {  bottom: 20px;  margin: 0; right:5px;}
footer .macaronbis {  bottom: 20px;  margin: 0; right: auto; left:5px;}
}

@media screen and (max-width: 1170px){
footer .macaron {  bottom: 50px;  }
footer .macaronbis {  bottom: 50px; }
}
@media screen and (max-width: 760px){
  footer{display:block; margin:30px 0 0 0; font-size:0.85rem; text-align:center; position:static; box-shadow:none; color:white; background-color:#1a1a1a; padding:20px 20px; line-height:1.6rem;}
  footer a{color:#fff; }
  footer a:hover{color:#fff;}
  footer .macaron{display:block; width:110px; position:static; margin:0 auto 20px auto;}
  footer .macaronbis{display:block; position:static; margin:20px auto;}
}





/*LIGHT BOX AFFICHAGE MESSAGE*/
.lightbox-message{display:none; z-index:99999999; opacity:0.7; background-color:black; position:fixed; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.lightbox-message-wrapper{display:none; z-index:999999999; position:fixed; top:50%; left:50%; width:420px; max-height:500px; padding:40px 10px 30px 10px; border-top:solid 10px #442a5f; margin:-250px 0 0 -210px; text-align:center; background-color:white; box-sizing:border-box;}
.lightbox-message-wrapper .lightbox-message-contenu{display:block; max-height:350px; overflow-y:auto; padding:0 20px; margin:0 0 30px 0; font-size:0.9rem; font-weight:600; text-align:center; line-height:1.4rem; color:#1a1a1a; box-sizing:border-box; }
.lightbox-message-wrapper .lightbox-message-contenu a{text-decoration:none; color:#442a5f;}
.lightbox-message-wrapper .lightbox-message-contenu a:hover{text-decoration:underline; }
.lightbox-message-wrapper .retour-lightbox-simple{display:inline-block; cursor:pointer; height:40px; text-decoration:none; text-align:center; font-size:0.8rem; text-transform:uppercase; letter-spacing:1px; line-height:40px; background-color:#442a5f; color:white; padding:0 20px; margin:0;  box-sizing:border-box; transition:all 0.5s ease;}
.lightbox-message-wrapper .retour-lightbox-simple:hover{background-color:#1a1a1a;}
@media screen and (max-width: 767px){
.lightbox-message-wrapper{left:10%; width:80%; top:5%; max-height:90%;  margin:0; }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}