/*! HTML5 Boilerplate v6.1.0 | 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: #222;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   /*FANCY BOX*/
.fancybox-thumbs__list a::before {border: 6px solid #4b4843 !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;}
#cookie-notice{padding:0 40px; box-sizing:border-box;}
#cookie-notice .boutonrgpd{padding: 5px 10px !important; background-color: #4b4843 !important;text-decoration: none; text-shadow: none !important;box-shadow: none !important;background-image: none !important; border:solid 1px #4b4843 !important; color: white !important;}
#cookie-notice .boutonrgpd:hover{background-color: #fff !important; color: #4b4843 !important;}
#cookie-notice{background-color: rgba(0, 0, 0, .8) !important;}
#cookie-notice .cookie-notice-container {padding: 10px !important;}
/*CASE A COCHER---------------------------------------------------------------*/
.case-a-cocher{display:block; position:relative; padding:4px 10px 0 30px; margin:20px 0 20px 0; font-size:1rem; 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:#f1c645; text-decoration:underline;}
.case-a-cocher:hover{color:#f1c645;}
.case-a-cocher input { display: none; }
.case-a-cocher i{display:none; position:absolute; top:6px; left:0; padding:0; margin:0; font-size:1.4rem; vertical-align:middle;  box-sizing:border-box;}
.case-a-cocher i.active{display:block;}
.clear{clear:both;}
.inputtext{display:block; padding:10px 10px; outline: none; margin:15px 0 0 0; width:100%; background-color:white; color:#222; border:solid 3px transparent; font-size:1rem; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;}
.inputtext:focus{border-color:#f1c645;}
.areatext{display:block; height:145px;  outline: none;padding:10px 10px; margin:15px 0 0 0; width:100%; border:solid 3px transparent; background-color:white; color:#222; font-size:1rem; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;}
.areatext:focus{border-color:#f1c645;}
.inputselect{display:block; padding:10px 10px; margin:18px 0; width:100%; border:none; background-color:white; color:#222; font-size:1rem; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;}
img{display:block; width:100%; height:auto; padding:0; margin:0; border:none; box-sizing:border-box;}
html, body{display:block; font-family: 'Poppins', sans-serif; font-weight:400; padding:0; margin:0; width:100%; box-sizing:border-box;-webkit-overflow-scrolling: touch;}
.wrapper{display:block; position:relative; padding:0; margin:0 auto; max-width:1200px; width:100%; box-sizing:border-box;}
.wrapper-petit{display:block; position:relative; padding:0 20px; margin:0 auto; max-width:940px; width:100%; box-sizing:border-box;}

header{display:block; background-color:#fff; position:fixed; top:0; left:0; z-index:9999999999; padding:0; margin:0; width:100%; box-sizing:border-box; transition:all 0.4s ease;}

header .logo{display:block; opacity:1; position:absolute; top:8px; left:0; width:200px; padding:0; margin:0; box-sizing:border-box;}

header .openmenucomplet{transition:all 0.4s ease;display:none; cursor:pointer; padding:0 10px; margin:0; box-sizing:border-box; position:absolute; top:0; right:20px; font-size:1rem; text-decoration:none; color:#222; height:60px; line-height:60px;}
header .openmenucomplet i{transition:all 0.4s ease;display:inline-block; padding:0 8px 0 0px; margin:0; box-sizing:border-box; font-size:1.2rem; color:#222;}
header .openmenucomplet:hover{background-color:#4b4843; color:white;}
header .openmenucomplet:hover i{color:white;}
header .menucomplet{display:block; padding:0; margin:0; box-sizing:border-box;}
header .menucomplet .logoopenmenucomplet{display:none;}
header .menucomplet .closemenucomplet{transition:all 0.4s ease;display:none; cursor:pointer; padding:0; margin:0; box-sizing:border-box; text-align:right; position:fixed; top:20px; right:20px; font-size:1.6rem; text-decoration:none; color:#222;}
header .menucomplet .closemenucomplet:hover{color:#4b4843;}
header .menucomplet .menu{display:block; padding:20px 0 20px 200px; margin:0; box-sizing:border-box;}
header .menucomplet .menu ul{display:block; padding:0; margin:0; box-sizing:border-box; text-align:right;}
header .menucomplet .menu ul li{display:inline-block; vertical-align:middle; padding:0; margin:0; box-sizing:border-box;}
header .menucomplet .menu ul li a{display:block; cursor:pointer; padding:0 15px; margin:0; text-decoration:none; box-sizing:border-box; height:50px; line-height:50px; font-size:1rem; color:#555; font-weight:600; }
header .menucomplet .menu ul li:nth-child(6) a{padding: 0 5px; margin-left: 10px;}
header .menucomplet .menu ul li:nth-child(7) a{padding: 0 5px;}
header .menucomplet .menu ul li a i{font-size:2rem; margin-top:8px;color: #f1c645;}
header .menucomplet .menu ul li a:hover i{color:#357843;}
header .menucomplet .menu ul li a:hover, header .menu ul li.current_page_item a{color:#357843;}
header .menucomplet .menu ul .menu-item-object-custom{position:relative;}
header .menucomplet .menu ul .menu-item-object-custom .sub-menu{display:none; text-align:center; width:200px; background-color:white; padding:0px 15px 15px 15px; margin:0 0 0 -100px; box-sizing:border-box; position:absolute; top:50px; left:50%;}
header .menucomplet .menu ul .menu-item-object-custom .sub-menu li{display:block; padding:0; margin:0; box-sizing:border-box;}
header .menucomplet .menu ul .menu-item-object-custom .sub-menu li a{display:block; font-size:0.85rem; font-weight:500; text-transform:none; height:auto; line-height:1; padding:7px 0; margin:0; box-sizing:border-box;}
header .menucomplet .menu ul .menu-item-object-custom .sub-menu li a:hover,header .menucomplet .menu ul .menu-item-object-custom .sub-menu li.current_page_item a{color:#4b4843;}
header .menucomplet .menu ul .menu-item-object-custom:hover .sub-menu{display:block;}
header.scroll{box-shadow: 1px 1px 5px 0px #656565;}






.accueil-interne{display:block; position:relative; z-index:99; text-align:center; padding:270px 0 200px 0; margin:0; width:100%; box-sizing:border-box; background-attachment: fixed; background-size: cover; background-position: center;}
.accueil-interne .bloc-titre{display: inline-block; padding: 30px 40px; margin: 0; box-sizing: border-box; background-color: rgba(255, 255, 255,0.9);}
.accueil-interne .bloc-titre img{display: block; width: 200px; margin: 0 auto;}
.accueil-interne .bloc-titre .titre{display: block; padding: 0; margin: 0; box-sizing: border-box; font-size: 2rem; line-height: 2rem; text-transform: uppercase; font-weight: 400; color: #357843;}
.accueil-interne .bloc-titre .descriptif{display: block; padding:15px 0 20px 0; margin: 0; box-sizing: border-box; font-size: 1rem; line-height: 1.3rem; font-style: italic; font-weight: 400; color: #357843;}
.accueil-interne .bloc-titre a{display: inline-block; transition: all 0.5s ease; padding:15px 20px; margin: 0; box-sizing: border-box; background-color:#f0c342; color:#fff; text-transform: uppercase; font-size:0.9rem; font-weight:500; border:solid 3px #f0c342;  text-decoration: none;}
.accueil-interne .bloc-titre a:hover{background-color:transparent; border-color:#357843; color:#357843;}

.accueil-interne.accueil-interne-association{padding: 180px 0 120px 0;background-position: bottom center; background-attachment: scroll;}
.accueil-interne.accueil-interne-association .bloc-titre .titre{display: block; padding: 0; margin: 0; box-sizing: border-box; font-size: 1.2rem; line-height: 1.2rem; text-transform: none; font-weight: 600; color: #357843;}


.introduction{display:block; position:relative; z-index:9; background-color:white; text-align:center; padding:35px 0 50px 0; margin:0; width:100%; box-sizing:border-box;}
.introduction .texte-introduction{display:block; padding:0 0 30px 0; margin:0; text-align:center; font-size:1rem; color:#555; font-weight:400; line-height:1.4rem;  box-sizing:border-box;}
.introduction .texte-introduction strong{color: #357843;}

.introduction h1{display:block; padding:0 0 30px 0; margin:0; text-align:center; font-size:1rem; color:#444; font-weight:400; line-height:1.4rem;  box-sizing:border-box;}
.introduction h1 p{margin:0; padding:0;}
.introduction h1 a{text-decoration:none; color:#4b4843; }
.introduction h1 a:hover{text-decoration:underline;}
.introduction h2{display:block; padding:0 0 30px 0; margin:0; text-align:center; font-size:1rem; color:#555; font-weight:400; line-height:1.4rem;  box-sizing:border-box;}
.introduction h2 p{margin:0; padding:0;}
.introduction h2 a{text-decoration:none; color:#4b4843; }
.introduction h2 a:hover{text-decoration:underline;}
.introduction .descriptif{display:block; color:#444; text-align:justify; font-size:0.9rem; font-weight:400; padding:15px 0; margin:0; box-sizing:border-box;}
.introduction .descriptif a{color:#4b4843; text-decoration:none;}
.introduction .descriptif a:hover{text-decoration:underline;}

.big-titre{display:block; border: none; border-top:dotted 3px #357843; padding:50px 0 0px 0; margin:30px 0 0 0; font-weight: 400; box-sizing:border-box; text-align:center;  font-size:2.7rem; line-height: 2.7rem; color: #357843; }


.bloc-signaletique{display:block; position:relative; padding:150px 20px; margin:0; text-align:center; box-sizing:border-box; background-attachment:fixed; background-size:cover; background-position:center; background-repeat:no-repeat; background-image: url(https://chagny-ucia.fr/wp-content/uploads/2026/06/association-ucia-chagny-vue-du-ciel.jpg);}
.bloc-signaletique .filtre{display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; opacity: 0.85; background-color: #4a8952;}
.bloc-signaletique h2{display:block; padding:0; margin:0;  font-size:3rem; font-weight:400; color:#fff; box-sizing:border-box;}
.bloc-signaletique h3{display:block; padding:30px 0; margin:0; font-size:1rem; line-height: 1.5rem; color:#fff; font-weight:500; box-sizing:border-box;}
.bloc-signaletique a{display:inline-block; cursor:pointer; padding:15px 20px; margin:20px 0 0 0; text-transform:uppercase; background-color:transparent; color:#fff; font-size:1rem; font-weight:500; border:solid 3px #fff; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-signaletique a:hover{background-color:#f0c342; border-color:#f0c342; color:#fff;}

.fancybox-thumbs__list a::before {border: 6px solid #f1c645 !important;}
.fancybox-caption{display: block !important; padding: 20px 0 60px 0 !important; font-weight: 400 !important; background-color: #357843 !important; bottom: 0px !important; font-size: 1rem !important;}
.fancybox-container {z-index: 99999999999 !important;}
.bloc-galerie-photos{display:block; position:relative; padding:0px 0; margin:0; text-align:center; box-sizing:border-box; }
.bloc-galerie-photos.bloc-galerie-photos-association{padding: 40px 0 30px 0;}
.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; padding:0; margin:0; box-sizing:border-box;}
.bloc-galerie-photos .galerie-photos ul li{display:block; float:left; width:16.666%; 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: #f1c645; 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-galerie-photos .galerie-photos ul.colonne-2 li{width: 50%;}
.bloc-galerie-photos .galerie-photos ul.colonne-3 li{width: 33.333%;}
.bloc-galerie-photos .galerie-photos ul.colonne-4 li{width: 25%;}
.bloc-galerie-photos .galerie-photos ul.colonne-5 li{width: 20%;}
.bloc-galerie-photos .galerie-photos ul.colonne-6 li{width: 16.666%;}

.bloc-galerie-photos.hauteur-grand{padding:100px 0;}
.bloc-galerie-photos.hauteur-normal{padding:50px 0;}
.bloc-galerie-photos.hauteur-petit{padding:0;}

@media screen and (max-width: 1380px){
    .bloc-galerie-photos.hauteur-grand{padding:70px 0;}
    .bloc-galerie-photos.hauteur-normal{padding:30px 0;}
    .bloc-galerie-photos.hauteur-petit{padding:0;}

    .bloc-galerie-photos .galerie-photos ul.colonne-2 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-3 li{width: 33.333%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-4 li{width: 25%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-5 li{width: 25%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-6 li{width: 25%;}

}

@media screen and (max-width: 780px){
    .bloc-galerie-photos.hauteur-grand{padding:40px 0;}
    .bloc-galerie-photos.hauteur-normal{padding:20px 0;}
    .bloc-galerie-photos.hauteur-petit{padding:0;}

    .bloc-galerie-photos .galerie-photos ul.colonne-2 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-3 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-4 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-5 li{width: 50%;}
    .bloc-galerie-photos .galerie-photos ul.colonne-6 li{width: 50%;}
}


/*ATELIER*/
.infocontact{display:block; padding:0 0 0 50%; position:relative; margin:0; box-sizing:border-box;}
.infocontact .googlemap{display:block; position:absolute; top:0; left:0; width:50%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.infocontact .contenu{display:block; width:600px; padding:70px 0 50px 70px; margin:0; box-sizing:border-box;}
.infocontact .contenu h1{display:block; color:#4b4843; text-align:left; font-size:1.8rem; font-weight:600; padding:0; margin:0; box-sizing:border-box;}
.infocontact .contenu hr{display:block; width:50px; background-color:#333; padding:0; margin:20px 0 0 0; height:1px; border:none; box-sizing:border-box;}
.infocontact .contenu .bloc{display:block; padding:0 0 0 60px; position:relative; margin:20px 0 0 0; box-sizing:border-box;}
.infocontact .contenu .bloc i{display:block; padding:0; position:absolute; color:#4b4843; top:5px; left:10px; font-size:2rem; margin:0; box-sizing:border-box;}
.infocontact .contenu .bloc h2{display:block; color:#333; text-align:left; font-size:1.2rem; font-weight:600; padding:0 0 5px 0; margin:0; box-sizing:border-box;}
.infocontact .contenu .bloc a{display:block; overflow: hidden; text-overflow: ellipsis; color:#777; text-align:left; font-size:1rem; text-decoration:none; font-weight:500; padding:0; margin:0; box-sizing:border-box; transition:all 0.5s ease;}
.infocontact .contenu .bloc a:hover{color:#4b4843;}
.infocontact .contenu .descriptif{display:block; color:#444; text-align:justify; font-size:0.9rem; font-weight:400; padding:15px 0; margin:0; box-sizing:border-box;}
.infocontact .contenu .descriptif a{color:#4b4843; text-decoration:none;}
.infocontact .contenu .descriptif a:hover{text-decoration:underline;}



/*FORMULAIRE DE CONTACT*/
.formulaire-contact{display:none; padding:10px 0; z-index:9999999999; position:fixed; margin:0; top:0; left:0; width:100%; height:100%; overflow:hidden; overflow-y:auto; box-sizing:border-box; background-color:#357843;-webkit-overflow-scrolling: touch;}
.formulaire-contact .wrapper{max-width:800px; padding:120px 0 80px 0;}

.formulaire-contact .close-formulaire-contact{display:block; padding:0; margin:0; position:absolute; top:110px; right:-40px; color:#fff; cursor:pointer;font-size: 3.5rem;}
.formulaire-contact .close-formulaire-contact:hover{color:#f1c645;}

.formulaire-contact h2{display:block; padding:0; margin:0;  font-size:2rem; color:#fff; text-transform:uppercase; font-weight:600; box-sizing:border-box;}
.formulaire-contact h3{display:block; padding:10px 0 20px 0; margin:0; font-size:1.2rem; color:#fff; line-height:1.6rem; font-weight:500; box-sizing:border-box;}
.formulaire-contact a{display:inline-block; cursor:pointer; padding:15px 20px; margin:20px 0 0 0; background-color:#357843; border-color:#fff; color:#fff; font-size:1.1rem; font-weight:500; border:solid 3px #fff; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.formulaire-contact a:hover{background-color:#f1c645; border-color:#f1c645; color:#fff; }


/*FORMULAIRE DE membre*/
.formulaire-membre{display:none; padding:10px 0 10px 0; text-align:left; z-index:999999999; position:fixed; margin:0; top:0; left:0; width:100%; height:100%; overflow:hidden; overflow-y:auto; box-sizing:border-box; background-color:#357843;-webkit-overflow-scrolling: touch;}
.formulaire-membre .wrapper{max-width:800px; padding:120px 0 80px 0;}

.formulaire-membre .close-formulaire-membre{display:block; padding:0; margin:0; position:absolute; top:110px; right:-40px; color:#fff; cursor:pointer;font-size: 3.5rem;}
.formulaire-membre .close-formulaire-membre:hover{color:#333;}

.formulaire-membre h2{display:block; padding:0; margin:0;  font-size:2rem; color:#fff; text-transform:uppercase; font-weight:600; box-sizing:border-box;}
.formulaire-membre h3{display:block; padding:10px 0 20px 0; margin:0; font-size:1.2rem; color:#fff; line-height:1.6rem; font-weight:500; box-sizing:border-box;}
.formulaire-membre a{display:inline-block; cursor:pointer; padding:15px 20px; margin:20px 0 0 0; background-color:#f1c645; border-color:#fff; color:#fff; font-size:1rem; font-weight:600; border:solid 2px #fff; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.formulaire-membre a:hover{background-color:#333; border-color:#333; }


@media screen and (max-width: 900px){
  .formulaire-membre .close-formulaire-membre{display:block; padding:0; margin:0; position:static; text-align:center; width:100%; font-size: 2.5rem; padding:0 0 30px 0;}
  .formulaire-membre{padding:10px 20px 10px 20px;}

  .formulaire-contact .close-formulaire-contact{display:block; padding:0; margin:0; position:static; text-align:center; width:100%; font-size: 2.5rem; padding:0 0 30px 0;}
  .formulaire-contact{padding:10px 20px 10px 20px;}

  .formulaire-contact .wrapper{padding:80px 0;}

  .formulaire-membre .wrapper{padding:80px 0;}

  .formulaire-contact .wrapper{padding:40px 0 80px 0;}

}



/*PARTENAIRE*/
.tri-partenaire{display:block; text-align:center; padding:0; margin:0px 0 0px 0; width:100%; box-sizing:border-box;}
.tri-partenaire li{display:inline-block; padding:10px 20px; cursor:pointer; font-weight:600; margin:0 5px 5px 5px; font-size:0.8rem; text-transform:uppercase; color:#999; border:solid 1px #999; box-sizing:border-box; transition:all 0.3s ease;}
.tri-partenaire li:hover{background-color:#4b4843;border-color:#4b4843; color:white;}
.tri-partenaire li.active{background-color:#4b4843; border-color:#4b4843; color:white;}

.zone-recherche-partenaire .rechercher{display:block; position:relative; float:left; width:100%; padding:0; margin:0; box-sizing:border-box;}
.zone-recherche-partenaire .rechercher .inputtext{transition:all 0.4s ease;display:block; width:100%; padding:12px 30px; box-sizing:border-box; box-shadow:none; border:solid 1px #999; background-color:#fff; color:#999; font-weight:500; outline:none; font-size:0.9rem;}
.zone-recherche-partenaire .rechercher i{transition:all 0.4s ease;position:absolute; cursor:pointer; top:27px; right:12px; font-size:1.4rem; color:#999;}
.zone-recherche-partenaire .rechercher .inputtext:focus{background-color:#4b4843; color:#fff; }

.mosaique-partenaire{display:block; width:101%; padding:30px 0 0 0; margin:0 0 0 -0.5%; box-sizing:border-box;}
.mosaique-partenaire li.article{display:inline-block; vertical-align:top; text-align:center; background-color:white; padding:0; border:solid 1px #999; box-sizing:border-box; position:relative;}
.mosaique-partenaire.mosaique-partenaire-2 li.article{width:48%; margin:15px 1%;}
.mosaique-partenaire.mosaique-partenaire-3 li.article{width:31.333%; margin:15px 1%;}
.mosaique-partenaire.mosaique-partenaire-4 li.article{width:22%; margin:15px 1%;}
.mosaique-partenaire.mosaique-partenaire-5 li.article{width:18%; margin:15px 1%;}
.mosaique-partenaire li.article a{display:block; padding:20px 20px; margin:0; text-decoration:none;}
.mosaique-partenaire li.article h3{transition:all 0.4s ease;display:block; padding:5px 0px 0px 0; margin:0; box-sizing:border-box; color:#999; font-size:0.9rem; font-weight:400; }
.mosaique-partenaire li.article h2{transition:all 0.4s ease; text-align:center;display:block; padding:10px 5px 0px 5px; margin:0; box-sizing:border-box; text-transform:uppercase; font-size:1.1rem; color:#333;  font-weight:500;}
.mosaique-partenaire li.article:hover{border-color:#f29400;}
.mosaique-partenaire li.article h3 p{padding:0; margin:0;}

@media screen and (max-width:1200px){
 .mosaique-partenaire.mosaique-partenaire-4 li.article{display:inline-block; width:32.333%; padding:20px 20px; }

}

@media screen and (max-width:800px){
  .mosaique-partenaire.mosaique-partenaire-4 li.article{display:inline-block; width:49%; padding:20px 20px; }

}

@media screen and (max-width:600px){
  .mosaique-partenaire.mosaique-partenaire-4 li.article{display:block; width:100%; padding:20px 20px; }

}


/*ARTISTE*/
.tri-accordeon{display:block; text-align:center; padding:0; margin:0px 0 0px 0; width:100%; box-sizing:border-box;}
.tri-accordeon li{display:inline-block; padding:10px 20px; cursor:pointer; font-weight:600; margin:0 5px 5px 5px; font-size:0.8rem; text-transform:uppercase; color:#999; border:solid 1px #999; box-sizing:border-box; transition:all 0.3s ease;}
.tri-accordeon li:hover{background-color:#4b4843; color:white;}
.tri-accordeon li.active{background-color:#4b4843; border-color:#4b4843; color:white;}

.zone-recherche-accordeon .rechercher{display:block; position:relative; float:left; width:100%; padding:0; margin:0; box-sizing:border-box;}
.zone-recherche-accordeon .rechercher .inputtext{transition:all 0.4s ease;display:block; width:100%; margin:0; padding:12px 30px; box-sizing:border-box; box-shadow:none; border:solid 1px #357843; background-color:#fff; color:#357843; font-weight:500; outline:none; font-size:0.9rem;}
.zone-recherche-accordeon .rechercher i{transition:all 0.4s ease;position:absolute; cursor:pointer; top:13px; right:12px; font-size:1.4rem; color:#357843;}
.zone-recherche-accordeon .rechercher .inputtext:focus{background-color:#357843; color:#fff; }

.mosaique-accordeon{display:block; width:101%; padding:30px 0 40px 0; margin:0 0 0 -0.5%; box-sizing:border-box;}
.mosaique-accordeon li.article{display:inline-block; vertical-align: top;  text-align:center; background-color:white; padding:0;  box-sizing:border-box; position:relative;}
.mosaique-accordeon.mosaique-accordeon-2 li.article{width:47%; margin:8px 1%;}
.mosaique-accordeon.mosaique-accordeon-3 li.article{width:30.333%; margin:8px 1%;}
.mosaique-accordeon.mosaique-accordeon-4 li.article{width:22%; margin:8px 1%;}
.mosaique-accordeon.mosaique-accordeon-5 li.article{width:17%; margin:8px 1%;}
.mosaique-accordeon li.article a{display:block; padding:0; margin:0; text-decoration:none; color:#222; border:none; transition:all 0.4s ease;}
.mosaique-accordeon li.article a .tableau{display:block; padding:0; margin:0; width:100%; height:250px; background-position:center; background-size:cover; }
.mosaique-accordeon li.article h2{transition:all 0.4s ease; text-align:center;display:block; padding:10px 5px 0px 5px; margin:0; box-sizing:border-box; text-transform:uppercase; font-size:1rem; line-height: 1.2rem; color:#357843;  font-weight:400;}
.mosaique-accordeon li.article .technique{transition:all 0.4s ease; text-align:center;display:block; padding:2px 5px 10px 5px; margin:0; box-sizing:border-box; text-transform:capitalize; font-size:0.9rem;  line-height: 1.2rem; color:#555;  font-weight:600;}
.mosaique-accordeon li.article:hover a{background-color:#357843;}
.mosaique-accordeon li.article:hover .technique{color:white; border-color:white;}
.mosaique-accordeon li.article:hover a h2{color:white;}


@media screen and (max-width:1200px){
 .mosaique-accordeon.mosaique-accordeon-5 li.article{display:inline-block; width:32.333%; padding:20px 20px; }

}

@media screen and (max-width:800px){
  .mosaique-accordeon.mosaique-accordeon-5 li.article{display:inline-block; width:49%; padding:20px 20px; }

}

@media screen and (max-width:600px){
  .mosaique-accordeon.mosaique-accordeon-5 li.article{display:block; width:100%; padding:20px 20px; }

}

/*AGENDA*/
.tri-agenda{display:block; text-align:center; padding:0; margin:0px 0 0px 0; width:100%; box-sizing:border-box;}
.tri-agenda li{display:inline-block; padding:10px 20px; cursor:pointer; font-weight:600; margin:0 5px 5px 5px; font-size:0.8rem; text-transform:uppercase; color:#357843; border:solid 1px #357843; box-sizing:border-box; transition:all 0.3s ease;}
.tri-agenda li:hover{background-color:#f1c645;border-color:#f1c645; color:white;}
.tri-agenda li.active{background-color:#357843; border-color:#357843; color:white;}


.tri-adherent{display:block; text-align:center; padding:0; margin:0px 0 30px 0; width:100%; box-sizing:border-box;}
.tri-adherent li{display:inline-block; padding:0; margin:0 5px 5px 5px;box-sizing:border-box;}
.tri-adherent li a{display: block; padding:10px 20px; text-decoration: none; margin: 0; cursor:pointer; transition:all 0.3s ease; font-weight:600;  font-size:0.8rem; text-transform:uppercase; color:#357843; border:solid 1px #357843; }
.tri-adherent li a:hover{background-color:#f1c645;border-color:#f1c645; color:white;}
.tri-adherent li.active a{background-color:#357843; border-color:#357843; color:white;}

.zone-recherche-agenda .rechercher{display:block; position:relative; float:left; width:100%; padding:0; margin:0 0 20px 0; box-sizing:border-box;}
.zone-recherche-agenda .rechercher .inputtext{transition:all 0.4s ease;display:block; width:100%; padding:12px 30px; box-sizing:border-box; box-shadow:none; border:solid 1px #357843; background-color:#fff; color:#357843; font-weight:500;  font-size:0.9rem;}
.zone-recherche-agenda .rechercher i{transition:all 0.4s ease;position:absolute; cursor:pointer; top:27px; right:12px; font-size:1.4rem; color:#357843;}
.zone-recherche-agenda .rechercher .inputtext:focus{background-color:#357843; color:#fff; }

.liste-agenda{display:block; width:calc(100% + 40px); margin:0 0 0 -20px; padding:20px 0px 30px 0; text-align:center; box-sizing:border-box;}
.liste-agenda li{display:inline-block; width:24%; padding:20px 20px; margin:0; vertical-align: top; box-sizing:border-box; text-align:center;}
.liste-agenda li a{display:block; position:relative; padding:0; margin:0; box-sizing:border-box; text-decoration:none; }
.liste-agenda li .block{transition:all 0.6s ease; display:block; padding:20px 10px; margin:0; box-sizing:border-box; background-color:white; border:solid 1px #f1c645;}
.liste-agenda li .bouton{transition:all 0.4s ease; display:block; text-align:right; margin:10px 0 0 0; font-size:0.9rem; font-weight:500; color:#f1c645;}
.liste-agenda li .bouton .icone{display:inline-block; padding:0 0 0 5px; margin:0; font-size:1.2rem; box-sizing:border-box; vertical-align:middle;}
.liste-agenda li a:hover .block{background-color:#357843;border-color:#357843;}
.liste-agenda li a:hover .bouton{color:#357843;}
.liste-agenda li.evenement a:hover .block hr{background-color:#fff;}
.liste-agenda li.evenement a:hover .block .categorie,.liste-agenda li.evenement a:hover .block .apartir{color:#fff;} 
.liste-agenda li.evenement a:hover .block .jour, .liste-agenda li.evenement a:hover .block .mois, .liste-agenda li.evenement a:hover .block .annee, .liste-agenda li.evenement a:hover .block .titre, .liste-agenda li.evenement a:hover .block .intro {color:#fff;}
.liste-agenda li.evenement a:hover .block hr{width:80%;}
.liste-agenda li.evenement .block .apartir{transition:all 0.4s ease; display:block; position:relative; margin:0; padding:0 0 5px 0; box-sizing:border-box; font-size:0.7rem;text-transform:uppercase; line-height:0.7rem;color:#555;}
.liste-agenda li.evenement .block .jour{transition:all 0.4s ease; display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:2.4rem; line-height:2.4rem;color:#357843;}
.liste-agenda li.evenement .block .mois{transition:all 0.4s ease; display:block; position:relative; margin:0; padding:0 0 5px 0; box-sizing:border-box; font-size:1.6rem; line-height:1.6rem; color:#357843;}
.liste-agenda li.evenement .block .annee{transition:all 0.4s ease; display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.8rem; line-height:1.8rem;color:#357843;}
.liste-agenda li.evenement .block hr{transition:all 0.4s ease; display:block; position:relative; margin:15px auto 10px auto; padding:0; box-sizing:border-box; width:50%; height:1px; border:none; background-color:#f1c645;}
.liste-agenda li.evenement .block .categorie{transition:all 0.4s ease; display:block; position:relative; margin:0; padding:0; box-sizing:border-box; color:#f1c645; text-transform:uppercase; font-size:0.9rem;}
.liste-agenda li.evenement .block .titre{transition:all 0.4s ease; display:block; position:relative; margin:0; padding:10px 0 0 0; box-sizing:border-box; color:#357843; font-size:0.9rem;font-weight:600; line-height:1.2rem;}
.liste-agenda li.evenement .block .intro{transition:all 0.4s ease; display:block; position:relative; margin:0; padding:5px 0 0px 0; box-sizing:border-box; color:#555; font-size:0.8rem;font-weight:500; line-height:1.2rem;}
.liste-agenda li a .bandeau-annule{display: inline-block;text-align: center;position: absolute;top: 0;left: 0; padding:5px 10px; color:white; background-color:#357843;}
.liste-agenda li.evenement-passe .block{border:solid 1px #888;}
.liste-agenda li.evenement-passe .block .jour, .liste-agenda li.evenement-passe .block .mois, .liste-agenda li.evenement-passe .block .annee{color:#888;}

@media screen and (max-width:1200px){
  .liste-agenda li{display:inline-block; width:32.333%; padding:20px 20px; }

}

@media screen and (max-width:800px){
  .liste-agenda li{display:inline-block; width:49%; padding:20px 20px; }

}

@media screen and (max-width:600px){
  .liste-agenda li{display:block; width:100%; padding:20px 20px; }

}

/*SINGLE ----------------------------------------------------------------------------------------------------------------------------*/
.zone-single{display:block; padding:40px 0 0 0; margin:0; box-sizing:border-box; background-color:#357843;
background-image:linear-gradient(rgba(255, 255, 255, .05) .01em, transparent .1em), linear-gradient(90deg, rgba(255, 255, 255, .05) .01em, transparent .1em);
  background-size: 0.5em 0.5em;
  }
.zone-single .wrapper-zone-single{display:block; position:relative; padding:0 40px 20px 40px; margin:-180px auto 0 auto; max-width:940px; width:100%; background-color:white; box-sizing:border-box;}
.zone-single .bloc-entete{display:block; padding:0; margin:0; box-sizing:border-box; text-align:center;}
.zone-single .bloc-entete .col1{display:block; padding:0 0 0px 0; margin:0; float:left; box-sizing:border-box; width:25%;}
.zone-single .bloc-entete .col2{display:block; padding:0 0 0px 40px; color: #555; margin:0; float:left; box-sizing:border-box; width:75%; text-align:left; font-size:0.9rem; line-height:1.4rem; font-weight:400;}
.zone-single .bloc-entete .col2 p{padding:0 0 5px 0; margin:0;}
.zone-single .bloc-entete .col2 a{text-decoration:none;color:#4b4843;}
.zone-single .bloc-entete .col2 a:hover{text-decoration:underline;}
.zone-single .bloc-entete .description{display:block; text-align: justify; margin:0; padding:20px 0 0px 0; box-sizing:border-box; color:#555; font-size:1rem;font-weight:400; line-height:1.4rem;}

.zone-single h1{display:inline-block; margin:0; box-sizing:border-box; line-height:2rem; padding:50px 0 15px 0;  font-weight:400;font-size:2rem; text-transform:uppercase; color: #357843;}
.zone-single .technique{display:block; margin:0; box-sizing:border-box; line-height:1.6rem; padding:0px 0 5px 0;  font-weight:500;font-size:1.4rem; color: #555; text-transform:capitalize; }
.zone-single .adresse{display:block; margin:0; box-sizing:border-box; line-height:1.4rem; padding:0px 0 20px 0;  font-weight:600;font-size:1.2rem; color: #f1c645;}
.zone-single .bandeau-annule{display:block;text-align: center; padding:15px 10px; color:#f1c645; text-transform: uppercase;; font-size:2rem;}
.zone-single .social{display: block; transition:all 0.4s ease;  text-decoration: none; padding: 5px 0; margin: 5px 0 0 0; font-size: 0.9rem; font-weight: 600; color: #555}
.zone-single .social i{display: block; transition:all 0.4s ease; padding: 0 0 5px 0; margin: 0; font-size: 1.4rem; color: #f1c645;}
.zone-single .social:hover{color: #357843;}
.zone-single .social:hover i{color: #357843;}
.zone-single .bouton{display:block; padding:25px 0 15px 0; margin:0; text-align:center; box-sizing:border-box;}
.zone-single .bouton a{transition:all 0.4s ease;  display:inline-block; padding:7px 10px; margin:0;  font-size:0.9rem; text-transform:uppercase; font-weight:500; color: #4b4843; border:solid 2px #4b4843; text-decoration:none; box-sizing:border-box;}
.zone-single .bouton a i{display:inline-block; padding:0 0 0 8px; margin:0; font-size:1.4rem; box-sizing:border-box; vertical-align:sub;}
.zone-single .bouton a:hover{border-color:#4b4843; background-color:#4b4843; color:white;}


#mapexperiencesingle{display: block; padding: 0; margin: 0 0 20px 0; width: 100%; position: relative; height: 300px; box-sizing:border-box;}



.zone-single .wrapper-zone-single .lien{display:block; padding:0; margin:35px 0; box-sizing:border-box; border-top:solid 4px #333; position:relative;}
.zone-single .wrapper-zone-single .lien .bloc{display:inline-block; color:#333; padding:0 0px 0 10px; background-color:#fff; margin:-34px 0 0 0;  font-weight:500; font-size:0.9rem; box-sizing:border-box; position:absolute; top:50%; right:0; height:60px; line-height:52px; text-decoration:none; }
.zone-single .wrapper-zone-single .lien .bloc a{display:inline-block; cursor:pointer; vertical-align:middle; text-decoration:none; color:#444; padding:5px 3px; margin:0 4px; font-size:1.2rem; box-sizing:border-box;}
.zone-single .wrapper-zone-single .lien .bloc a:hover{color:#4b4843;}

.zone-single .navigation-article{display:block; padding:30px 0 20px 0; margin:0; box-sizing:border-box;}
.zone-single .navigation-article li{display:block; float:left; width:50%; padding:0; margin:0; box-sizing:border-box;}
.zone-single .navigation-article li a{display:block; padding:10px 0; font-size:1rem; font-weight:500;text-align:left; margin:0; box-sizing:border-box; color:white; text-decoration:none;}
.zone-single .navigation-article li a i{font-size:1.4rem; display:inline-block; vertical-align:bottom; padding:0 5px 0 0;}
.zone-single .navigation-article li:last-child a{text-align:right;}
.zone-single .navigation-article li:last-child a i{padding:0 0 0 5px;}
.zone-single .navigation-article li a:hover{color:#f1c644;}

.zone-single .autres{display:block; padding:60px 0; margin:0; box-sizing:border-box; background-color:white;}
.zone-single .autres .titre-bloc{display:inline-block; border-top:solid 4px #f1c644; padding:15px 0 0px 0; margin:0; box-sizing:border-box;  font-size:2rem; color: #f1c644; }
.zone-single .autres .lien{display:block; padding:0; margin:20px 0; box-sizing:border-box; border-top:solid 4px #555; position:relative;}
.zone-single .autres .lien a{transition:all 0.4s ease;display:inline-block; color:#555; padding:0 20px 0 10px; background-color:#fff; margin:-32px 0 0 0;  font-weight:500; text-transform:uppercase; font-size:0.9rem; box-sizing:border-box; position:absolute; top:50%; left:0; height:60px; line-height:60px; text-decoration:none; }
.zone-single .autres .lien a i{font-size:2rem; display:inline-block; vertical-align:middle; padding:0 10px 3px 0;}
.zone-single .autres .lien a:hover{color:#357843;}

.zone-single .wrapper-zone-single .bloc-entete .block{display:block; padding:20px 20px; margin:30px 0 0 0; border-right:solid 4px #f1c645; border-radius:0;}
.zone-single .wrapper-zone-single .bloc-entete .apartir{display:block; position:relative; margin:0px 0 0 0; padding:0 0 5px 0; box-sizing:border-box; font-size:0.7rem;text-transform:uppercase; line-height:0.7rem;color:#888;}
.zone-single .wrapper-zone-single .bloc-entete .jour{display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:2.4rem; line-height:2.4rem;color:#f1c645;}
.zone-single .wrapper-zone-single .bloc-entete .mois{display:block; position:relative; margin:0; padding:0 0 5px 0; box-sizing:border-box; font-size:1.6rem; line-height:1.6rem; color:#f1c645;}
.zone-single .wrapper-zone-single .bloc-entete .annee{display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.8rem; line-height:1.8rem;color:#f1c645;}
.zone-single .wrapper-zone-single .bloc-entete hr{display:block; position:relative; margin:15px auto 10px auto; padding:0; box-sizing:border-box; width:50%; height:1px; border:none; background-color:#999;}
.zone-single .wrapper-zone-single .bloc-entete .categorie{display:block; position:relative; margin:0; padding:0; box-sizing:border-box; color:#888; text-transform:uppercase; font-size:0.9rem;}
.zone-single .wrapper-zone-single .bloc-entete .titre{display:block; position:relative; margin:0; padding:30px 0 0 0; box-sizing:border-box; color:#f1c645; font-size:2rem;font-weight:600; line-height:2.2rem; border:none;}
.zone-single .wrapper-zone-single .bloc-entete .intro{display:block; position:relative; margin:0; padding:10px 0 0px 0; box-sizing:border-box; color:#888; font-size:0.9rem;font-weight:500; line-height:1.4rem;}
.zone-single .wrapper-zone-single .bloc-entete .descriptif{display:block; position:relative; margin:0; padding:0px 0 0px 0; box-sizing:border-box; color:#888; font-size:0.9rem;font-weight:500; line-height:1.4rem;}
.zone-single .wrapper-zone-single .bloc-entete hr.barre{display:block; position:relative; margin:20px 0; padding:0; box-sizing:border-box; width:50px; height:1px; border:none; background-color:#f1c645;}




@media screen and (max-width: 850px){
  .zone-single .wrapper-zone-single .bloc-entete .col1{display:block; padding:0 0 0 0; margin:0; float:left; box-sizing:border-box; width:100%;}
.zone-single .wrapper-zone-single .bloc-entete .col2{display:block; padding:20px 0 0 0px; margin:0; float:left; box-sizing:border-box; width:100%; }
.zone-single .wrapper-zone-single{padding:0 20px 20px 20px;}
.zone-single .autres{padding:30px 20px 0px 20px;}
.zone-single .navigation-article{padding:30px 20px;}
}

/*ACCUEIL*/
.zone-accueil{display:block; padding:0; margin:0;}

.zone-accueil .autres{display:block; padding:0px 0 0px 0; text-align:center; margin:0; box-sizing:border-box; background-color:white;}
.zone-accueil .autres .titre-bloc{display:block; border-top:dotted 3px #4b4843; padding:25px 0 0px 0; margin:0; box-sizing:border-box;  font-size:2rem; color: #4b4843; }
.zone-accueil .autres .descriptif-bloc{display:block; padding:10px 0 0px 0; margin:0; box-sizing:border-box;  font-size:1.2rem; color: #555; line-height: 1.4rem;}
.zone-accueil .autres .bouton-bloc{transition: all 0.4s ease;display:inline-block; padding:20px 25px; margin:20px 0 40px 0; font-weight: 500; box-sizing:border-box;  font-size:0.9rem; background-color: #357843; color: white; text-transform:uppercase; text-decoration: none;}
.zone-accueil .autres .bouton-bloc:hover{background-color: #f1c645;}
.zone-accueil .autres .lien{display:block; padding:0; margin:20px 0; box-sizing:border-box; border-top:none; position:relative;}
.zone-accueil .autres .lien a{transition:all 0.4s ease;display:inline-block; color:#4b4843; padding:0 20px 0 10px; background-color:#fff; margin:-32px 0 0 0;  font-weight:500; text-transform:uppercase; font-size:0.9rem; box-sizing:border-box; position:absolute; top:50%; right:0; height:60px; line-height:60px; text-decoration:none; }
.zone-accueil .autres .lien a i{font-size:2rem; display:inline-block; vertical-align:middle; padding:0 0px 3px 10px;}
.zone-accueil .autres .lien a:hover{color:#333;}
.zone-accueil .autres-evenements .titre-bloc{border-top:dotted 3px #f1c645; color: #f1c645; }
.zone-accueil .autres-evenements .lien{border-top:none;}
.zone-accueil .autres-evenements .lien a{color:#f1c645;}
.zone-accueil .autres-evenements{padding:10px 0 10px 0;}



/*ASSOCIATION*/
.mosaique-personne{display:block; text-align:center; padding:20px 0 40px 0; margin:0; box-sizing:border-box;}
.mosaique-personne li{display:inline-block; vertical-align:top; width:19%; margin:20px 4.5%; text-align:center; background-color:white; padding:0px; box-sizing:border-box; position:relative;}
.mosaique-personne li:nth-child(7),.mosaique-personne li:nth-child(4),.mosaique-personne li:nth-child(5),.mosaique-personne li:nth-child(6),.mosaique-personne li:nth-child(8),.mosaique-personne li:nth-child(9),.mosaique-personne li:nth-child(10),.mosaique-personne li:nth-child(11),.mosaique-personne li:nth-child(12),.mosaique-personne li:nth-child(13),.mosaique-personne li:nth-child(14),.mosaique-personne li:nth-child(15){margin:20px 2.5%;}
.mosaique-personne li img{max-width:200px; margin:0 auto;}
.mosaique-personne li .image{display:block; width:100%; max-width:200px; height:250px; padding:0; margin:0 auto; background-repeat:no-repeat; background-size:cover; background-position: center; }
.mosaique-personne li h3{display:block; padding:1px 0px 0px 0; margin:0; box-sizing:border-box; color:#999; font-size:0.9rem; font-weight:400; }
.mosaique-personne li h2{display:block; text-align:center; padding:10px 0px 0px 0px; margin:0; box-sizing:border-box; text-transform:uppercase; font-size:1rem; color:#4b4843;  font-weight:500;}
.mosaique-personne li .bouton{transition:all 0.4s ease; cursor:pointer; display:inline-block; padding:7px 10px; margin:0;  font-size:0.8rem; text-transform:uppercase; font-weight:500; color: #333; text-decoration:none; box-sizing:border-box;}
.mosaique-personne li .bouton i{display:inline-block; padding:0 0 0 5px; margin:0; font-size:1rem; box-sizing:border-box; vertical-align:sub;}
.mosaique-personne li .bouton:hover{color:#4b4843;}


@media screen and (max-width: 760px){
  .mosaique-personne li{display:block; width:100%; margin:20px auto; max-width:200px; text-align:center;}
.mosaique-personne li:nth-child(7),.mosaique-personne li:nth-child(4),.mosaique-personne li:nth-child(5),.mosaique-personne li:nth-child(6){margin:20px auto;}


}


.sliderimagespagegenerale{display:block; padding:15px 0 15px 0; margin:0; box-sizing:border-box;}
.sliderimagespagegenerale .bx-wrapper{display:block; padding:0; margin:0; box-sizing:border-box; position:relative;}
.sliderimagespagegenerale li{display:block; width:100%;padding:0; margin:0; box-sizing:border-box;}
.sliderimagespagegenerale li img{display:block; }
.sliderimagespagegenerale .bx-next{display:block; z-index:99; position:absolute; top:50%; width:40px; height:40px; line-height:40px; text-align:center; right:20px; padding:0; margin:-20px 0 0 0; box-sizing:border-box; font-size:3rem; color:white;text-decoration:none;}
.sliderimagespagegenerale .bx-prev{display:block; z-index:99; position:absolute; top:50%; width:40px; height:40px; line-height:40px; text-align:center;  left:20px; padding:0; margin:-20px 0 0 0; box-sizing:border-box; font-size:3rem; color:white;text-decoration:none;}
.sliderimagespagegenerale .bx-next:hover, .sliderimagespagegenerale .bx-prev:hover{color:#4b4843; }
.sliderimagespagegenerale .bx-pager{display:block; z-index:99; text-align:center; padding:0; margin:0; box-sizing:border-box; position:absolute; bottom:0; width:100%;}
.sliderimagespagegenerale .bx-pager .bx-pager-item{display:inline-block; padding:0 5px; margin:0; box-sizing:border-box;}
.sliderimagespagegenerale .bx-pager .bx-pager-item a{display:block; padding:0; margin:0; opacity:0.5; box-sizing:border-box; width:15px; height:15px; border-radius:50%; background-color:white; text-indent:-99999px;}
.sliderimagespagegenerale .bx-pager .bx-pager-item a.active{ opacity:1;}
.sliderimagespagegenerale .bx-pager .bx-pager-item a:hover{ opacity:1; background-color: #4b4843;}

.texte-avec-visuel-gauche{display:block; padding:30px 0; margin:0; box-sizing:border-box;}
.texte-avec-visuel-gauche .texte{display:block; float:left; width:55%; padding:0 0px 0 30px; margin:0; text-align:justify; box-sizing:border-box; font-size:1rem; line-height:1.4rem; font-weight:400; color: #555;}
.texte-avec-visuel-gauche .texte strong{color: #357843;}
.texte-avec-visuel-gauche .texte a{text-decoration:none; color: #4b4843; cursor:pointer;}
.texte-avec-visuel-gauche .texte a:hover{text-decoration:underline;}
.texte-avec-visuel-gauche .texte p{margin:0; padding:0;}
.texte-avec-visuel-gauche .visuel{display:block; float:left; width:45%; padding:5px 0; margin:0; box-sizing:border-box;}



footer{display:block; padding:0px 0 0 0; margin:0; box-sizing:border-box; position:relative; text-align:center; background-color:#111;}
footer .mentions{display:block; padding:20px 0; margin:0px 0 0 0; font-size:0.8rem; line-height:1.4rem; font-weight:500; color:white; text-align:center; box-sizing:border-box; background-color:#222;}
footer .mentions a{text-decoration:none; color:white; cursor:pointer; transition:all 0.4s ease;}
footer .mentions a:hover{ color:#4b4843;}





/*LIGHT BOX AFFICHAGE MESSAGE*/
.lightbox-message{display:none; z-index:999999999999999999; 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:999999999999999999; position:fixed; top:50%; left:50%; width:420px; max-height:500px; padding:40px 10px 30px 10px; border-top:solid 10px #357843; 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:1rem; font-weight:600; text-align:center; line-height:1.4rem; color:#555; box-sizing:border-box; }
.lightbox-message-wrapper .lightbox-message-contenu a{text-decoration:none; color:#357843;}
.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.9rem; font-weight:600; text-transform:uppercase; line-height:40px; background-color:#357843; 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:#f1c645;}



.fancybox-container {  z-index: 999999999999999999999999 !important; }



/*EXPERINCE CARTE INTERACTIVE---------------------------------------------------------------------------*/


.box-interactive-open{display: none; overflow: hidden; overflow-y: auto; background-color: rgba(53, 120, 67,1); padding:0; margin:0; box-sizing: border-box; position: fixed; top:0; left:0%; width: 100%; height:100%; z-index: 99999999999999999999;}
.box-interactive-open .box-close{display: block; z-index: 999999999999999999999; transition: all 0.4s ease; cursor: pointer; padding: 0; margin: 0; box-sizing: border-box; position: fixed; top: 20px; right: 20px; width:90px; text-align: center; font-size:3rem; color:#f1c645; }
.box-interactive-open .box-close:hover{color: #fff;}
.box-interactive-open .box-conteneur{display: block; padding:20px 50px 50px 50px; background-color: white; border: solid 3px #f1c645; margin:50px auto; width: 100%; max-width: 1000px;  box-sizing: border-box; position: relative;}


.box-interactive-open .box-conteneur .description{padding: 0 0 30px 0;}

.box-interactive-open .box-conteneur .zone-single{background: none; padding: 0 0 0px 0;}


@media screen and (max-width: 850px) {
   .box-interactive-open{border: none; padding:50px 20px 50px 20px; margin:0; top:0%; left:0%; width: 100%; height:100%;overflow-y: auto;}
    .box-interactive-open .box-close{top: 10px; right: 10px; width:30px; }
    .box-interactive-open .box-conteneur .colonne .visuel{ width:100%; height:350px;}
    .box-interactive-open .box-conteneur .colonne{display: block; padding: 350px 0 0 0%; }
    .box-interactive-open .box-conteneur .descriptif{padding: 10px 0 0px 0;}




}
.googlemapexperience{display: block; position: relative; height: 600px; padding:0; margin:30px 0 0 0; width:100%; box-sizing: border-box;}
.googlemapexperience iframe{ background-color: #357843 !important;}
.googlemapexperience .loader-jcg{display: block; position: absolute; z-index: 9999; top: 0; right: 0; height: 100%; padding:0; margin: 0; width: 100%; box-sizing: border-box;background-color: #357843 !important;}
.googlemapexperience #mapexperience{display: block; position: absolute; z-index: 9; top: 0; right: 0; height: 100%; padding:0; margin: 0; width: 100%; box-sizing: border-box;background-color: #357843 !important;}
.loader { width: 48px; height: 48px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; animation: rotate 1s linear infinite }
.loader::before { content: ""; box-sizing: border-box; position: absolute; inset: 0px; border-radius: 50%; border: 5px solid #fff; animation: prixClipFix 2s linear infinite ; }
@keyframes rotate { 100%   {transform: rotate(360deg)} }
@keyframes prixClipFix { 0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)} 25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)} 50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)} 75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)} 100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}













/*PAGE GENERALE*/

.zonegenerale{display:block; padding:0; margin:0; box-sizing:border-box; position:relative; height:400px; background-size: cover; background-position: bottom center; background-attachment: scroll;}
.contenu-page-generale{display:block; padding:30px 0 70px 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .titre-niveau-1{display:inline-block; margin:0; box-sizing:border-box; line-height:1;  border-top:solid 6px #357843; padding:10px 0 5px 0;  font-size:2.6rem; text-transform:uppercase; font-weight:500; color: #357843;}
.contenu-page-generale .titre-niveau-2{display:block; margin:0; box-sizing:border-box;  padding:30px 0 0px 0;  font-size:1.8rem; font-weight:500; color: #357843;}
.contenu-page-generale .titre-niveau-3{display:block; margin:0; box-sizing:border-box;  padding:25px 0 0px 0;  font-size:1.4rem; text-transform:uppercase; font-weight:600; color: #357843;}
.contenu-page-generale .contenu-editeur{display:block; margin:0; box-sizing:border-box;  padding:15px 0 0px 0;  font-size:1rem; line-height:1.4rem; font-weight:400; color: #555;}
.contenu-page-generale .contenu-editeur a{text-decoration:none; color: #4b4843; cursor:pointer;}
.contenu-page-generale .contenu-editeur a:hover{text-decoration:underline;}
.contenu-page-generale .contenu-editeur strong{font-weight:bold;}
.contenu-page-generale .contenu-editeur p{display:block; padding:0; margin:0;}
.contenu-page-generale .citation{display:block; margin:0; box-sizing:border-box;  padding:25px 50px 15px 50px;  font-size:1.6rem; line-height:2rem; font-weight:400; font-style:italic; color: #4b4843; text-align:center;}

.sliderimagespagegenerale{display:block; padding:15px 0 15px 0; margin:0; box-sizing:border-box;}
.sliderimagespagegenerale .bx-wrapper{display:block; padding:0; margin:0; box-sizing:border-box; position:relative;}
.sliderimagespagegenerale li{display:block; width:100%;padding:0; margin:0; box-sizing:border-box;}
.sliderimagespagegenerale li img{display:block; }
.sliderimagespagegenerale .bx-next{display:block; z-index:99; position:absolute; top:50%; width:40px; height:40px; line-height:40px; text-align:center; right:20px; padding:0; margin:-20px 0 0 0; box-sizing:border-box; font-size:3rem; color:white;text-decoration:none;}
.sliderimagespagegenerale .bx-prev{display:block; z-index:99; position:absolute; top:50%; width:40px; height:40px; line-height:40px; text-align:center;  left:20px; padding:0; margin:-20px 0 0 0; box-sizing:border-box; font-size:3rem; color:white;text-decoration:none;}
.sliderimagespagegenerale .bx-next:hover, .sliderimagespagegenerale .bx-prev:hover{color:#4b4843; }
.sliderimagespagegenerale .bx-pager{display:block; z-index:99; text-align:center; padding:0; margin:0; box-sizing:border-box; position:absolute; bottom:0; width:100%;}
.sliderimagespagegenerale .bx-pager .bx-pager-item{display:inline-block; padding:0 5px; margin:0; box-sizing:border-box;}
.sliderimagespagegenerale .bx-pager .bx-pager-item a{display:block; padding:0; margin:0; opacity:0.5; box-sizing:border-box; width:15px; height:15px; border-radius:50%; background-color:white; text-indent:-99999px;}
.sliderimagespagegenerale .bx-pager .bx-pager-item a.active{ opacity:1;}
.sliderimagespagegenerale .bx-pager .bx-pager-item a:hover{ opacity:1; background-color: #4b4843;}

.contenu-page-generale .liste-deux-colonnes{display:block; padding:15px 0 0px 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .liste-deux-colonnes li{display:inline-block; position:relative; vertical-align:top; width:49%; margin:0; box-sizing:border-box;  padding:10px 20px 5px 30px;  font-size:1rem; line-height:1.3rem; font-weight:500; color: #222;}
.contenu-page-generale .liste-deux-colonnes li i{position:absolute; top:10px; left:0; font-size:1.4rem;}

.contenu-page-generale .bouton{display:block; padding:25px 0 15px 0; margin:0; text-align:left; box-sizing:border-box;}
.contenu-page-generale .bouton a{transition:all 0.4s ease;display:inline-block; padding:15px 20px; margin:0;  font-size:0.95rem; text-transform:uppercase; font-weight:600; color: #357843; border:solid 1px #357843; text-decoration:none; box-sizing:border-box;}
.contenu-page-generale .bouton a i{display:inline-block; padding:0 0 0 8px; margin:0; font-size:1.4rem; box-sizing:border-box; vertical-align:sub;}
.contenu-page-generale .bouton a:hover{border-color:#f1c645; background-color:#f1c645; color:white;}


.contenu-page-generale .mosaique{display:block; padding:15px 0 0 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .listing-une-colonne{display:block; width:100%; padding:10px 0 0 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .listing-une-colonne li{display:block; position:relative; width:100%; padding:0; margin:0; box-sizing:border-box;}
.contenu-page-generale .listing-une-colonne li a{display:block; padding:0; margin:0; box-sizing:border-box; text-decoration:none;}
.contenu-page-generale .listing-une-colonne li img{display:block; position:static; width:100%; height:auto;}
.contenu-page-generale .listing-une-colonne li .bloc{transition:all 0.4s ease;display:block; text-align:center; margin:0; padding:10px 10px 10px 10px; box-sizing:border-box; transition:all 0.5s ease; }
.contenu-page-generale .listing-une-colonne li .bloc .big{transition:all 0.4s ease;display:inline-block; padding:0px 0 0 0; margin:0;  font-size:0.95rem; line-height:1.4rem; font-weight:500; color:#222;}
.contenu-page-generale .listing-une-colonne li a:hover .bloc{background-color:#4b4843; }
.contenu-page-generale .listing-une-colonne li a:hover .bloc .big{color:#fff;}

.contenu-page-generale .listing-deux-colonnes{display:block; width:100%; padding:10px 0 0 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .listing-deux-colonnes li{display:block; position:relative; width:50%; float:left; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .listing-deux-colonnes li:last-child{padding:0 0 0 10px;}
.contenu-page-generale .listing-deux-colonnes li a{display:block; padding:0; margin:0; box-sizing:border-box; text-decoration:none;}
.contenu-page-generale .listing-deux-colonnes li img{display:block; position:static; width:100%; height:auto;}
.contenu-page-generale .listing-deux-colonnes li .bloc{transition:all 0.4s ease;display:block; text-align:center; margin:0; padding:10px 30px 10px 10px; box-sizing:border-box; transition:all 0.5s ease; }
.contenu-page-generale .listing-deux-colonnes li .bloc .big{transition:all 0.4s ease;display:inline-block; padding:0px 0 0 0; margin:0;  font-size:0.95rem; line-height:1.4rem; font-weight:500; color:#222;}
.contenu-page-generale .listing-deux-colonnes li a:hover .bloc{background-color:#4b4843; }
.contenu-page-generale .listing-deux-colonnes li a:hover .bloc .big{color:#fff;}

.contenu-page-generale .listing-trois-colonnes{display:block; width:100%; padding:10px 0 0 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .listing-trois-colonnes li{display:block; position:relative; width:33.333%; float:left; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .listing-trois-colonnes li.un{padding:0 10px 0 0;}
.contenu-page-generale .listing-trois-colonnes li.deux{padding:0 5px;}
.contenu-page-generale .listing-trois-colonnes li.trois{padding:0 0 0 10px;}
.contenu-page-generale .listing-trois-colonnes li a{display:block; padding:0; margin:0; box-sizing:border-box; text-decoration:none;}
.contenu-page-generale .listing-trois-colonnes li img{display:block; position:static; width:100%; height:auto;}
.contenu-page-generale .listing-trois-colonnes li .bloc{transition:all 0.4s ease;display:block; text-align:center; margin:0; padding:10px 10px 10px 10px; box-sizing:border-box; transition:all 0.5s ease; }
.contenu-page-generale .listing-trois-colonnes li .bloc .big{transition:all 0.4s ease;display:inline-block; padding:0px 0 0 0; margin:0;  font-size:0.95rem; line-height:1.4rem; font-weight:500; color:#222;}
.contenu-page-generale .listing-trois-colonnes li a:hover .bloc{background-color:#4b4843; }
.contenu-page-generale .listing-trois-colonnes li a:hover .bloc .big{color:#fff;}


.contenu-page-generale iframe{display:block; width:100%; padding:0; margin:15px 0 5px 0; box-sizing:border-box;}

.contenu-page-generale .liste-avec-visuel{display:block; padding:15px 0 0px 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .liste-avec-visuel .liste{display:block; float:left; width:50%; padding:0 30px 0 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .liste-avec-visuel .liste li{display:block; position:relative; margin:0; box-sizing:border-box;  padding:10px 0px 5px 20px;  font-size:1.05rem; line-height:1.4rem; font-weight:500; color: #222;}
.contenu-page-generale .liste-avec-visuel .liste li i{position:absolute; top:10px; left:0; font-size:1.4rem;}
.contenu-page-generale .liste-avec-visuel .visuel{display:block; float:left; width:50%; padding:5px 0; margin:0; box-sizing:border-box;}

.contenu-page-generale .texte-avec-visuel-droite{display:block; padding:15px 0 0px 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .texte-avec-visuel-droite .texte{display:block; float:left; width:50%; padding:0 30px 0 0; margin:0; box-sizing:border-box; font-size:1rem; line-height:1.4rem; font-weight:500; color: #222;}
.contenu-page-generale .texte-avec-visuel-droite .texte a{text-decoration:none; color: #4b4843; cursor:pointer;}
.contenu-page-generale .texte-avec-visuel-droite .texte p{margin:0; padding:0;}
.contenu-page-generale .texte-avec-visuel-droite .texte a:hover{text-decoration:underline;}
.contenu-page-generale .texte-avec-visuel-droite .visuel{display:block; float:left; width:50%; padding:5px 0; margin:0; box-sizing:border-box;}


.contenu-page-generale .visuel-seul{display:block; padding:15px 0 0px 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .visuel-seul a{transition:all 0.4s ease; display:block; text-decoration:none; border:solid 2px transparent;cursor: zoom-in;}
.contenu-page-generale .visuel-seul a:hover{border-color:#4b4843;}
.contenu-page-generale .visuel-seul .visuel-seul p{display:block; padding:5px 0 0px 0; margin:0; font-weight:500; font-size:0.7rem; color:#4b4843; box-sizing:border-box;}

.contenu-page-generale .bloc-slider-full{display:block; width:100%; padding:25px 0 10px 0; margin:15px 0 0 0; box-sizing:border-box; background-color:#4b4843;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper{display:block; position:relative; padding:0 20px; margin:0 auto; text-align:center; max-width:940px; width:100%; box-sizing:border-box;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .titre{display:inline-block; padding:15px 0 5px 0; border-top:dotted 1px white; line-height:1; margin:0; box-sizing:border-box;  font-size:1.8rem; color: #fff; }
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-wrapper{display:block; padding:0 30px; margin:20px auto 0px auto; box-sizing:border-box; position:relative;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral{display:block; padding:0; margin:0; box-sizing:border-box;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral li{display:inline-block; text-align:center; padding:0 10px; margin:0; box-sizing:border-box;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral li h2{display:block; padding:0; margin:0; box-sizing:border-box;  color:white; font-weight:600; font-style:italic; font-size:0.8rem; line-height:1.2rem;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bxsliderjcgpagegeneral li img{display:inline-block; width:100px; margin:20px 0;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-next{display:block;transition:all 0.4s ease; position:absolute; top:20px; width:40px; height:40px; line-height:40px; text-align:center; opacity:0.7; right:-20px; padding:0; margin:0; box-sizing:border-box; font-size:2rem; color:white;text-decoration:none;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-prev{display:block;transition:all 0.4s ease; position:absolute; top:20px; width:40px; height:40px; line-height:40px; text-align:center; opacity:0.7; left:-20px; padding:0; margin:0; box-sizing:border-box; font-size:2rem; color:white;text-decoration:none;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-next:hover, .contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-prev:hover{opacity:1; }
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-pager{display:block; text-align:center; padding:0; margin:0; box-sizing:border-box;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-pager .bx-pager-item{display:inline-block; padding:0 5px; margin:0; box-sizing:border-box;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-pager .bx-pager-item a{display:block;transition:all 0.4s ease; padding:0; margin:0; box-sizing:border-box; width:10px; height:10px; opacity:0.7; border-radius:50%; background-color:white; text-indent:-99999px;}
.contenu-page-generale .bloc-slider-full .bloc-slider-full-wrapper .bx-pager .bx-pager-item a.active{ opacity:1;}

.contenu-page-generale .barre-separation{display:inline-block; padding:0; margin:0; height:1px; border:none; box-sizing:border-box;}





.contenu-page-generale .galerie-videos{display:block; position:relative; z-index:9; text-align:center; padding:20px 0 20px 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .galerie-videos ul{display:block; padding:0; margin:0; box-sizing:border-box;}
.contenu-page-generale .galerie-videos ul li{display:block; float:left; width:50%; padding:10px 5px 0 5px; margin:0; box-sizing:border-box;}
.contenu-page-generale .galerie-videos ul li iframe{transition:all 0.4s ease;display:block; width:100%; padding:0; margin:0; box-sizing:border-box; border:solid 6px transparent; transition:all 0.4s ease;}
.contenu-page-generale .galerie-videos ul li iframe:hover{border-color:#4b4843;}

.contenu-page-generale.photosvideos .lien{display:block; padding:0; margin:0px 0 50px 0; box-sizing:border-box; border-top:solid 2px #222; position:relative;}
.contenu-page-generale.photosvideos .lien a{transition:all 0.4s ease;display:inline-block; color:#222; padding:0 40px 0 15px; background-color:#fff; margin:-34px 0 0 0;  font-weight:600; font-size:1rem; box-sizing:border-box; position:absolute; top:50%; right:-28px; height:60px; line-height:60px; text-decoration:none; }
.contenu-page-generale.photosvideos .lien a i{transition:all 0.4s ease;display:block; padding:0; margin:0; box-sizing:border-box; position:absolute; top:15px; right:0; font-size:2rem;}
.contenu-page-generale.photosvideos .lien a:hover{color:#4b4843;}


.section-image{display:block; padding:0; margin:0; box-sizing:border-box;}
.section-image strong{font-weight:700; color:#222;}
.section-image .colonne-texte{display:block; position:relative; padding:70px 0px 70px 52%; margin:0; box-sizing:border-box;}
.section-image .colonne-texte h3{display:block; text-align:center; color:#4b4843; font-size:1.4rem; font-weight:700; padding:0; margin:0; box-sizing:border-box;}
.section-image .colonne-texte hr{display:block; width:50px; background-color:#c8c8c8; padding:0; margin:20px auto 0 auto; height:1px; border:none; box-sizing:border-box;}
.section-image .colonne-texte h4{display:block; color:#888; text-align:justify; font-size:1rem; line-height:1.4rem; font-weight:500; padding:20px 0; margin:0; box-sizing:border-box;}
.section-image .colonne-texte h4 p{padding:0; margin:0;}
.section-image .colonne-texte h4 a{text-decoration:none; color:#251915; font-weight:600;}
.section-image .colonne-texte h4 a:hover{text-decoration:underline;}
.section-image .colonne-texte .bouton{display:inline-block; cursor:pointer; padding:15px 20px; margin:10px 0 0 0; background-color:#222; color:#fff; font-size:0.95rem; font-weight:600; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.section-image .colonne-texte .bouton:hover{background-color:#4b4843; }
.section-image .colonne-texte .bouton i{display:inline-block; vertical-align:middle; padding:0 0 0 4px;}
.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; -webkit-background-size:cover; background-size:cover; box-sizing:border-box;}
.section-image.inverse .colonne-texte{padding:70px 52% 70px 0px;}
.section-image.inverse .colonne-texte .image{left:auto; right:0;}




.bloc-dates{display:block; padding:40px 0 20px 0; margin:0; text-align:center; box-sizing:border-box;background-color:#f5f5f5; }
.bloc-dates h2{display:block; padding:0 0 20px 0; margin:0; font-size:1.6rem; font-weight:600; color:#222; box-sizing:border-box;}
.bloc-dates hr{display:block; width:80px; background-color:#4b4843; padding:0; margin:0px auto 30px auto; height:1px; border:none; box-sizing:border-box;}
.bloc-dates .bx-wrapper{max-width:1100px; margin:0 auto 30px auto;}
.bloc-dates .slider-dates{display:block; padding:0; margin:0; width:100%; box-sizing:border-box;}
.bloc-dates .slider-dates li{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-dates .slider-dates li a{display:block; position:relative; padding:20px 0; margin:0; width:100%; text-decoration:none; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-dates .slider-dates li a i{display:block; width:100%;  text-align:center; font-size:1.2rem; position:absolute; top:10px; left:0; border:none; color:#4b4843; padding:0; margin:0;}
.bloc-dates .slider-dates li a hr{display:block; width:100%; height:0px; border:none; border-top:dashed 1px #4b4843; background-color:transparent; padding:0; margin:0;}
.bloc-dates .slider-dates li a h2{display:block;  color:#4b4843; text-align:center; font-size:1.3rem; font-weight:700; padding:20px 0 0 0; margin:0; box-sizing:border-box;}
.bloc-dates .slider-dates li a h3{display:block; color:#222; text-align:center; font-size:0.9rem; line-height:1.2rem; font-weight:600; font-style:italic; padding:10px 10px; margin:0; box-sizing:border-box;}
.bloc-dates .slider-dates li a:hover{background-color:#4b4843;}
.bloc-dates .slider-dates li a:hover h2{color:white;}
.bloc-dates .slider-dates li a:hover h3{color:white;}
.bloc-dates .slider-dates li a:hover hr{border-color:#fff;}
.bloc-dates .slider-dates li a:hover i{color:#fff;}
.bloc-dates .bx-controls-direction .bx-prev{display:block; color:#4b4843;border-bottom:solid 1px transparent; width:40px; height:60px; line-height:60px; font-size:3rem; padding:0; margin:-10px 0 0 0; position:absolute; top:50%; left:0; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-dates .bx-controls-direction .bx-next{display:block; color:#4b4843;border-bottom:solid 1px transparent; width:40px; height:60px; line-height:60px; font-size:3rem; padding:0; margin:-10px 0 0 0; position:absolute; top:50%; right:0; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-dates .bx-controls-direction a:hover{border-bottom:solid 1px #4b4843;}
.bloc-dates .bx-pager div{display:inline-block; padding:0; margin:0 5px; box-sizing:border-box;}
.bloc-dates .bx-pager div a{display:block; width:15px; height:15px; border-radius:50%; background-color:#222; text-decoration:none; font-size:0px; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-dates .bx-pager div a:hover, .bloc-dates .bx-pager div a.active{background-color:#4b4843;}


.bloc-valeur{display:block; padding:40px 0; margin:0; box-sizing:border-box; background-color:#222; }
.bloc-valeur .colonne{display:block; width:33.333%; float:left; padding:0; margin:20px 0; box-sizing:border-box;}
.bloc-valeur .colonne .visuel{display:block; width:25%;float:left; padding:10px 0 0 0; margin:0; box-sizing:border-box; text-align:center;}
.bloc-valeur .colonne .visuel i{display:block; font-size:3rem; color:#4b4843;}
.bloc-valeur .colonne .texte{display:block; width:75%; border-left:solid 1px #4b4843; float:left; padding:5px 10px 5px 15px; margin:0; box-sizing:border-box;}
.bloc-valeur .colonne .texte h2{display:block; padding:0; margin:0; font-size:1.2rem; font-weight:600; color:#4b4843 !important; text-decoration:none; box-sizing:border-box;}
.bloc-valeur .colonne .texte h2 a{color:#4b4843 !important; text-decoration:none;}
.bloc-valeur .colonne .texte h3{display:block; padding:5px 0 0 0; margin:0; font-size:0.9rem; color:white; font-weight:500; box-sizing:border-box;}





















/* ==========================================================================
   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);
    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;
    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:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #222 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        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;
    }
}