/*! 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
   ========================================================================== */




/**/

#cookie-notice{padding:0 40px; box-sizing:border-box;}
#cookie-notice .boutonrgpd{background-color: #212121 !important;text-shadow: none !important;box-shadow: none !important;background-image: none !important; border:solid 1px #212121 !important;}
#cookie-notice .boutonrgpd:hover{background-color: #222 !important; color: #212121 !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:10px 0 7px 0; font-size:0.85rem; font-weight:600; color:#8c9163; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease;}
.case-a-cocher a{color:#8c9163; text-decoration:none;}
.case-a-cocher a:hover{color:#212121; text-decoration:underline;}
.case-a-cocher:hover{color:#8c9163;}
.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;}

.clear{clear:both;}


img{display:block; width:100%; height:auto; padding:0; margin:0; border:none; box-sizing:border-box;}
html, body{display:block; height:100% !important; font-family: "Noto Sans", sans-serif; font-optical-sizing: auto; font-variation-settings:"wdth" 100; font-weight:400; padding:0; margin:0; width:100%; box-sizing:border-box;}


header{display:block; background-color:#fff; z-index:9999; padding:0; margin:0; width:100%; box-sizing:border-box;  top: -150px ;transition:all 0.4s ease;}
header .barre-haut{display:block; text-align:right; height:35px; background-color:#212121; padding:0 3%; margin:0; box-sizing:border-box; }

header .navigation-primaire{display:inline-block; vertical-align:top; padding:0; margin:0; text-align:right; box-sizing:border-box;}
header .navigation-primaire li{display:block; float:left; padding:0; margin:0; box-sizing:border-box;}
header .navigation-primaire li a{display:block; height:35px; cursor:pointer; line-height:35px; font-weight:600; color:#fff; font-size:0.8rem; text-decoration:none; padding:0px 15px; margin:0 0 0 0; box-sizing:border-box; transition:all 0.4s ease;}
header .navigation-primaire li a i{display:inline-block; vertical-align:middle; font-size:1.2rem; padding:0 5px 0 0;}
header .navigation-primaire li a:hover{background-color:#222; color:#fff; border-color:#222;}

header .navigation-primaire li.recherche{position: relative; color:#212121; font-size:0.9rem; height:35px; line-height:35px;}
header .navigation-primaire li.recherche form{display:inline-block !important;}
header .navigation-primaire li.recherche label{display:none !important;}
header .navigation-primaire li.recherche input[type=submit]{display:none !important;}
header .navigation-primaire li.recherche input{display:inline-block; color: #212121;width:300px; text-align: center; border: solid 1px white; height:25px; outline:none; padding:0 10px 0 20px; box-shadow:none; background-color:white; font-size:0.8rem; margin:0 0px 0 15px; box-sizing:border-box; transition:all 0.3s ease;}
header .navigation-primaire li.recherche input:focus{background-color:#212121; color:white;}
header .navigation-primaire li.recherche i{position: absolute; top: 12px; left: 18px;}

header .navigation-secondaire{display:none; vertical-align:top; padding:0 15px; border-right:solid 1px #fff; margin:0 15px 0 0; text-align:right; box-sizing:border-box;}
header .navigation-secondaire li{display:inline-block; padding:0; margin:0; box-sizing:border-box;}
header .navigation-secondaire li a{display:block; height:35px; color:#fff; line-height:35px; font-size:1.5rem; text-decoration:none; padding:0 4px; margin:0; box-sizing:border-box; transition:all 0.4s ease;}
header .navigation-secondaire li a:hover{color:#222;}

header .navigation-langue{display:inline-block; vertical-align:top; padding:0; margin:0; text-align:right; box-sizing:border-box;}
header .navigation-langue li{display:inline-block; padding:0; margin:0; box-sizing:border-box;}
header .navigation-langue li a{display:block; width:30px; height:35px; text-decoration:none; padding:11px 6px 0px 6px; margin:0; box-sizing:border-box; transition:all 0.4s ease;}
header .navigation-langue li a:hover, header .navigation-langue li.active a{background-color:#fff; }

header .open-menu-responsive{display:none;}

header .bandeau-menu{display: table; border-spacing: 0px; width: 100%; padding: 0; margin: 0; box-sizing:border-box;}
header .bandeau-menu .logo{display: table-cell; max-width: 300px; vertical-align:middle; padding: 0; margin: 0; box-sizing:border-box;}
header .bandeau-menu .logo a{display:block; opacity:1; padding:5px 0; margin:0; box-sizing:border-box; transition:opacity 0.5s ease;}
header .bandeau-menu .logo a:hover{ opacity:0.7;}
header .bandeau-menu .menu-site{display: table-cell; vertical-align:middle; width: 100%; padding: 0; margin: 0; box-sizing:border-box;}
header .bandeau-menu .menu-site .openmenucomplet{transition:all 0.4s ease;display:none; cursor:pointer; padding:0 15px; margin:0; box-sizing:border-box; font-size:1rem; text-decoration:none; font-weight: 600; color:#fff; height:50px; line-height:50px;}
header .bandeau-menu .menu-site .openmenucomplet i{transition:all 0.4s ease;display:inline-block; padding:0 8px 0 0px; margin:0; box-sizing:border-box; vertical-align:sub; font-size:1.4rem;}
header .bandeau-menu .menu-site .openmenucomplet:hover{background-color:#232323 !important; color:white;}
header .bandeau-menu .menu-site .openmenucomplet:hover i{color:white;}
header .bandeau-menu .menu-site .menucomplet{display:block; padding:0; margin:0; box-sizing:border-box;z-index: 99999999999999999;}
header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet{display:none;}
header .bandeau-menu .menu-site .menucomplet .closemenucomplet{transition:all 0.4s ease;display:none; cursor:pointer; padding:0; margin:0; box-sizing:border-box; position:fixed; top:20px; right:30px; font-size:3rem; text-decoration:none; color:#232323; line-height: 1;}
header .bandeau-menu .menu-site .menucomplet .closemenucomplet:hover{color:#232323 !important;}
header .bandeau-menu .menu-site .menucomplet .menu{display:block; padding:0; margin:0; box-sizing:border-box;}
header .bandeau-menu .menu-site .menucomplet .menu li{display:inline-block; padding:0; margin:0; box-sizing:border-box;}
header .bandeau-menu .menu-site .menucomplet .menu li a{display:block; cursor:pointer;font-family: "Quicksand", sans-serif; padding:10px 15px; margin:0; text-decoration:none; box-sizing:border-box; color: #777; font-weight: 600;}
header .bandeau-menu .menu-site .menucomplet .menu .menu-item-object-custom{position:relative;}
header .bandeau-menu .menu-site .menucomplet .menu .menu-item-object-custom .sub-menu{text-align: center;z-index: 999999;display:none; width:300px; background-color:white; padding:10px 15px 15px 15px; margin:0; box-sizing:border-box; position:absolute; top:100%; left:-20px;}
header .bandeau-menu .menu-site .menucomplet .menu .menu-item-object-custom .sub-menu li{display:block; padding:0; margin:0; box-sizing:border-box;}
header .bandeau-menu .menu-site .menucomplet .menu .menu-item-object-custom .sub-menu li a{display:block; text-align: left; cursor:pointer; padding:0px 20px 10px 20px; margin:0; text-decoration:none; box-sizing:border-box; color: #777; font-size: 0.9rem; font-weight: 500;}
header .bandeau-menu .menu-site .menucomplet .menu .menu-item-object-custom:hover .sub-menu{display:block;}

header .bandeau-menu .menu-site .menucomplet .menu li a:hover, header .bandeau-menu .menu-site .menucomplet .menu li:hover a{color: #212121;}
header .bandeau-menu .menu-site .menucomplet .menu li:hover .menu-item-object-custom .sub-menu li a{color: #777;}
header .bandeau-menu .menu-site .menucomplet .menu .menu-item-object-custom .sub-menu li a:hover{color: #212121;}


header.scroll{ z-index:9999; position: fixed; top: 0; left: 0; width: 100%; background-color: white;-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.6); 
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.6);}
header.scroll .barre-haut{display:none; }
header.scroll .bandeau-menu{padding-top: 0px; padding-bottom: 0;}
header.scroll .bandeau-menu .logo a{width: 150px !important; padding: 7px 0 0 0;}


header .bandeau-menu.hauteur-grand{padding:30px 3% !important;}
header .bandeau-menu.hauteur-normal{padding:20px 3% !important;}
header .bandeau-menu.hauteur-petit{padding:10px 3% !important;}

header .bandeau-menu.typo-grand .menucomplet .menu li a{font-size:1.1rem;}
header .bandeau-menu.typo-normal .menucomplet .menu li a{font-size:1.15rem;}
header .bandeau-menu.typo-petit .menucomplet .menu li a{font-size:0.85rem;}



@media screen and (max-width: 1200px){

  header .bandeau-menu .menu-site .openmenucomplet{display:inline-block;}
  header .bandeau-menu .menu-site .menucomplet{display:none; padding:80px 40px; position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:auto;-webkit-overflow-scrolling: touch; background-color:white;box-sizing:border-box;}
  header .bandeau-menu .menu-site .menucomplet.clickopenmenucomplet{display:block;}
  header .bandeau-menu .menu-site .menucomplet .closemenucomplet{display:block; z-index:99;}
  header .bandeau-menu .menu-site .menucomplet .menu{display:block; padding:30px 0 40px 0; float:left; width:50%; text-align: left;}
  header .bandeau-menu .menu-site .menucomplet .menu li{display:block; padding:0 0 0 0;}
  header .bandeau-menu .menu-site .menucomplet .menu li a{padding:10px ; font-size: 1rem;}
  header .bandeau-menu .menu-site .menucomplet .menu .menu-item-object-custom .sub-menu{display:block; text-align:left; width:100%; padding:0px 0 0px 20px; margin:0; position:static;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet{display:block; padding:20px 30px;  float:left; width:50%; margin:0; box-sizing:border-box; text-align:center;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet img{max-width:80%; margin:30px auto;}

  header .barre-haut{display:none !important;}

  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-primaire{display:block;padding:20px 0; margin:0; text-align:center;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-primaire li{display:block; float:none; padding:0; margin:0; box-sizing:border-box;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-primaire li a{display:block; height:auto; border-right:none;  line-height:1; color:#8c9163; font-size:1rem; padding:10px 0; }
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-primaire li a i{display:block; font-size:1.6rem; padding:0 0 5px 0;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-primaire li a:hover{color:#232323; background-color:transparent; }

  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-secondaire{display:block; padding:20px 0; border-right:none; margin:0; text-align:center;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-secondaire li{display:inline-block; padding:0; margin:0; box-sizing:border-box;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-secondaire li a{display:block; height:auto; color:#888; line-height:1; font-size:2.4rem; padding:5px 10px; }
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-secondaire li a:hover{color:#232323;}

  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-langue{display:block;padding:20px 0; text-align:center; }
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-langue li{display:inline-block; padding:0; margin:0; box-sizing:border-box;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-langue li a{display:block; width:60px; height:auto; padding:10px; margin:0;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-langue li a img{max-width: 100%; width: 100%; margin: 0;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-langue li a:hover, header .navigation-langue li.active a{background-color:#ececec; }
   
}

@media screen and (max-width: 900px){
  header .bandeau-menu .menu-site .menucomplet .menu{width:40%;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet{width:60%;}
}

@media screen and (max-width: 780px){
  header .bandeau-menu .menu-site .openmenucomplet{padding:0 10px; font-size:0.85rem; height: 40px; line-height: 40px;}
  header .bandeau-menu .menu-site .openmenucomplet i{font-size:1.2rem;}
  header .bandeau-menu .menu-site .menucomplet{padding:60px 20px;}
  header .bandeau-menu .menu-site .menucomplet .menu{width:100%; padding:0px 0 40px 0;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet{width:100%;}
  header .bandeau-menu .menu-site .menucomplet .menu li a{text-align:center !important; padding-top:5px !important; font-size: 1rem;}
  header .bandeau-menu .menu-site .menucomplet .menu .menu-item-object-custom .sub-menu{padding:0;}

  header .bandeau-menu .menu-site .menucomplet .closemenucomplet{font-size: 2rem}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet{padding: 10px 0;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet img{max-width:70%; margin:0px auto 10px auto;}

  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-primaire{padding:25px 0;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-primaire li a{font-size:1rem; padding:10px 0; }
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-primaire li a i{display:inline-block; font-size:1.2rem; padding:0 5px 0 0;}

  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-secondaire{padding:5px 0;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-secondaire li a{display:block; font-size:2rem; padding:5px 10px; }

  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-langue{padding:5px 0;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet .navigation-langue li a{width:50px; }

  
}

@media screen and (max-width: 650px){
  header .bandeau-menu .openmenucomplet{ right:0;}
  header .bandeau-menu .logo a{width:180px !important; }
}





footer{display:block; padding:50px 3%; margin:0; box-sizing:border-box; position:relative; text-align:center; background-color:#111;}
footer .bandeau-footer{display: table; border-spacing: 0px; width: 100%; padding: 0; margin: 0; box-sizing:border-box;}
footer .bandeau-footer .logo{display: table-cell; max-width: 300px; vertical-align:middle; padding: 0 40px 0 0; margin: 0; border-right: solid 1px white; box-sizing:border-box; text-align: right;}
footer .bandeau-footer .logo a{display:inline-block; opacity:1; margin:0; margin:0; box-sizing:border-box; transition:all 0.5s ease;}
footer .bandeau-footer .logo a:hover{ opacity:0.7;}
footer .bandeau-footer .menu-footer{display: table-cell; vertical-align:middle; padding: 0; margin: 0; box-sizing:border-box; text-align: right;}
footer .bandeau-footer .menu-footer ul{display:inline-block; vertical-align:middle; padding:10px 0; margin:0; box-sizing:border-box;}
footer .bandeau-footer .menu-footer ul li{display:inline-block; vertical-align:middle; padding:0; margin:0; box-sizing:border-box;}
footer .bandeau-footer .menu-footer ul li a{display:block; color:#fff;  font-size:1.5rem; text-decoration:none; padding:0px 10px; margin:0 0 0 0; box-sizing:border-box; transition:all 0.4s ease;}
footer .bandeau-footer .menu-footer ul li a .texte{display: inline-block; font-size: 1rem; font-weight: 600; vertical-align:middle; margin: 0; padding: 0 10px 0 10px;}
footer .bandeau-footer .menu-footer ul li a:hover{color:#999;}
footer .bandeau-footer .menu-mentions{display: table-cell; vertical-align:middle;padding: 0 0 0 40px; margin: 0; box-sizing:border-box; text-align: left; font-size:0.9rem; line-height:1.6rem; font-weight:500; color:white; }
footer .bandeau-footer .menu-mentions a{text-decoration:none; color:white; cursor:pointer; transition:all 0.4s ease;}
footer .bandeau-footer .menu-mentions a:hover{ color:#212121;}


@media screen and (max-width: 1500px){
    footer .bandeau-footer .menu-footer ul li a{font-size:2rem; }
    footer .bandeau-footer .menu-footer ul li a .texte{font-size: 0.9rem; }
}

@media screen and (max-width: 1380px){
    footer .bandeau-footer .menu-mentions{display: block; width: 100%;}
    footer .bandeau-footer .menu-footer{display: block; width: 100%; text-align: left; padding: 20px 0 0 40px;}
}

@media screen and (max-width: 780px){
    footer{display:block; padding:50px 2%;}
    footer .bandeau-footer .menu-mentions{display: block; width: 100%;}
    footer .bandeau-footer .menu-footer{display: block; width: 100%; text-align: left; padding: 20px 0 0 40px;}
    footer .bandeau-footer{display: block; }
    footer .bandeau-footer .logo{display: block; width: 100%;  max-width: 100%; padding: 0 0px 20px 0; margin: 0; border:none; text-align: center;}
    footer .bandeau-footer .menu-mentions{padding: 0; text-align: center;}
    footer .bandeau-footer .menu-footer{text-align: center; padding: 20px 0 0 0px;}
}


.zonegenerale{display:block; padding:0; margin:0; box-sizing:border-box; position:relative; height:400px;}


.contenu-page-generale{display:block; padding:60px 0 40px 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 #222; padding:10px 0 5px 0;  font-size:2.6rem; text-transform:uppercase; font-weight:500; color: #222;}
.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: #212121;}
.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: #212121;}
.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:500; color: #222;}
.contenu-page-generale .contenu-editeur a{text-decoration:none; color: #212121; 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 .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 .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:#212121; }
.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:#212121; }
.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:#212121; }
.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: #212121; 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 .texte-avec-visuel-gauche{display:block; padding:15px 0 0px 0; margin:0; box-sizing:border-box;}
.contenu-page-generale .texte-avec-visuel-gauche .texte{display:block; float:left; width:50%; padding:0 0px 0 30px; margin:0; box-sizing:border-box; font-size:1rem; line-height:1.4rem; font-weight:500; color: #222;}
.contenu-page-generale .texte-avec-visuel-gauche .texte a{text-decoration:none; color: #212121; cursor:pointer;}
.contenu-page-generale .texte-avec-visuel-gauche .texte a:hover{text-decoration:underline;}
.contenu-page-generale .texte-avec-visuel-gauche .texte p{margin:0; padding:0;}
.contenu-page-generale .texte-avec-visuel-gauche .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:#212121;}

.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:#212121;}
.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;}




/*MEDIAS----------------------------------------------------------------------------------------------------------------------------*/
.fancybox-container {z-index: 99999999 !important;}
.contenu-page-generale .galerie-photos{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-photos ul{display:block; padding:0; margin:0; box-sizing:border-box;}
.contenu-page-generale .galerie-photos ul li{display:block; float:left; width:16.666%; padding:10px 5px 0 5px; margin:0; box-sizing:border-box;}
.contenu-page-generale .galerie-photos ul li a{display:block; text-decoration:none; padding:0; margin:0; box-sizing:border-box; border:solid 6px transparent; transition:all 0.4s ease;}
.contenu-page-generale .galerie-photos ul li a:hover{border-color:#212121;}


.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:#212121;}

.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:#212121;}



/*ACTUALITES----------------------------------------------------------------------------------------------------------------------------*/

.zone-actualites{display:block; position:relative; z-index:99; padding:40px 0; margin:0; box-sizing:border-box; background-color:#212121;}
.zone-actualites .titre-niveau-1{display:inline-block; margin:0; box-sizing:border-box; line-height:1; letter-spacing:1px; border-top:solid 6px #fff; padding:20px 0 5px 0; font-size:2.4rem; text-transform:uppercase; font-weight:500; color: #fff;}
.zone-actualites .titre-niveau-home{display:block; padding:0 0 15px 0; margin:0;  font-size:1.8rem; text-transform:uppercase;  color:#fff; box-sizing:border-box; text-align:center;}
.zone-actualites hr{display:block; width:80px; background-color:#fff; padding:0; margin:0px auto 20px auto; height:1px; border:none; box-sizing:border-box;}

.zone-actualites .zone-recherche{display:block; padding:0 0 30px 0; margin:0; box-sizing:border-box;}
.zone-actualites .zone-recherche .tri-actualites{display:block; text-align:center; padding:0; margin:20px 0 0px 0; width:100%; box-sizing:border-box;}
.zone-actualites .zone-recherche .tri-actualites li{display:inline-block; padding:0; margin:0 5px 5px 5px; box-sizing:border-box;}
.zone-actualites .zone-recherche .tri-actualites li a{display:block; text-decoration:none; padding:10px 20px; cursor:pointer; font-weight:600; margin:0 5px 5px 5px; font-size:0.9rem; text-transform:uppercase; color:#fff; border:solid 1px #fff; box-sizing:border-box; transition:all 0.3s ease;}
.zone-actualites .zone-recherche .tri-actualites li a:hover{background-color:#fff; color:#212121;}
.zone-actualites .zone-recherche .tri-actualites li.current-cat a{background-color:#fff; color:#212121;}

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

.zone-actualites .mosaique-actualites{display:block; width:101%; padding:0; margin:0 0 0 -0.5%; box-sizing:border-box;}
.zone-actualites .mosaique-actualites li.article{display:block; width:32.333%; text-align:center; padding:10px 10px; margin:8px 0.5%; background-color:white; box-sizing:border-box;}
.zone-actualites .mosaique-actualites li.article .date{display:inline-block; padding:2px 20px; margin:0; box-sizing:border-box; border-top:solid 6px #212121; color:#212121; font-size:1.4rem; letter-spacing:1px;}
.zone-actualites .mosaique-actualites li.article h2{display:block; padding:0; margin:0; box-sizing:border-box; font-size:0.9rem; color:#212121;  font-weight:500;}
.zone-actualites .mosaique-actualites li.article h3{display:block; padding:5px 0 0 0; margin:0; box-sizing:border-box; color:#222;  font-size:1.1rem; font-weight:500;}
.zone-actualites .mosaique-actualites li.article h4{display:block; padding:5px 0 0 0; margin:0; box-sizing:border-box; color:#212121;  font-size:0.9rem; line-height:1.3rem; font-weight:500;}
.zone-actualites .mosaique-actualites li.article .lien{display:block; padding:0; margin:25px 0 25px 0; box-sizing:border-box; border-top:solid 6px #EDEDED; position:relative;}
.zone-actualites .mosaique-actualites li.article .lien a{transition:all 0.4s ease;display:inline-block; color:#BFBFBF; padding:0 0px 0 10px; background-color:#fff; margin:-34px 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-actualites .mosaique-actualites li.article .lien a i{display:inline-block; padding:0 0 0 7px; margin:0;vertical-align: sub; box-sizing:border-box; font-size:1.4rem;}
.zone-actualites .mosaique-actualites li.article .lien a:hover{color:#212121;}




/*SINGLE ACTUALITE----------------------------------------------------------------------------------------------------------------------------*/
.zone-singleactualite{display:block; padding:40px 0 0 0; margin:0; box-sizing:border-box; background-color:#212121;}
.zone-singleactualite .wrapper-zone-singleactualite{display:block; position:relative; padding:0 70px 10px 70px; margin:-180px auto 0 auto; max-width:940px; width:100%; background-color:white; box-sizing:border-box;}
.zone-singleactualite .wrapper-zone-singleactualite .bloc-entete{display:block; padding:0; margin:0; box-sizing:border-box; text-align:center;}
.zone-singleactualite .wrapper-zone-singleactualite .date{display:inline-block; padding:2px 20px; margin:0; box-sizing:border-box; border-top:solid 4px #212121; color:#212121; font-size:1.4rem; }
.zone-singleactualite .wrapper-zone-singleactualite .etiquette{display:block; padding:5px 0 0px 0; margin:0; box-sizing:border-box; color:#BFBFBF;  font-size:1.2rem; font-weight:500;}
.zone-singleactualite .wrapper-zone-singleactualite h1{display:inline-block; text-align:left; margin:0; box-sizing:border-box; line-height:1; padding:15px 0 20px 0;  font-weight:400;font-size:2.4rem; text-transform:uppercase; color: #212121;}

.zone-singleactualite .wrapper-zone-singleactualite .titre-niveau-2{display:block; margin:0; box-sizing:border-box;  padding:15px 0 0px 0;  font-size:1.8rem; letter-spacing:1px; color: #212121;}
.zone-singleactualite .wrapper-zone-singleactualite .titre-niveau-3{display:block; margin:0; box-sizing:border-box;  padding:15px 0 0px 0;  font-size:1.3rem; text-transform:uppercase; font-weight:500; color: #444;}
.zone-singleactualite .wrapper-zone-singleactualite .contenu-editeur{display:block; margin:0; box-sizing:border-box;  padding:15px 0 0px 0;  font-size:0.9rem; line-height:1.2rem; font-weight:500; color: #444;}
.zone-singleactualite .wrapper-zone-singleactualite .contenu-editeur p{display:block; margin:0; box-sizing:border-box;  padding:0; }
.zone-singleactualite .wrapper-zone-singleactualite .contenu-editeur a{text-decoration:none; color: #212121; cursor:pointer;}
.zone-singleactualite .wrapper-zone-singleactualite .contenu-editeur a:hover{text-decoration:underline;}
.zone-singleactualite .wrapper-zone-singleactualite .contenu-editeur strong{font-weight:bold;}
.zone-singleactualite .wrapper-zone-singleactualite .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: #212121; text-align:center;}

.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale{display:block; padding:25px 0 15px 0; margin:0; box-sizing:border-box;}
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-wrapper{display:block; padding:0; margin:0; box-sizing:border-box; position:relative;}
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale li{display:block; width:100%;padding:0; margin:0; box-sizing:border-box;}
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale li img{display:block; }
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-next{display:block; 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:2rem; color:#212121;text-decoration:none;}
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-prev{display:block; 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:2rem; color:#212121;text-decoration:none;}
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-next:hover, .zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-prev:hover{color:#222; }
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-pager{display:block; text-align:center; padding:0; margin:0; box-sizing:border-box; position:absolute; bottom:0; width:100%;}
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-pager .bx-pager-item{display:inline-block; padding:0 5px; margin:0; box-sizing:border-box;}
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-pager .bx-pager-item a{display:block; padding:0; margin:0; opacity:0.5; box-sizing:border-box; width:10px; height:10px;  background-color:#212121; text-indent:-99999px;}
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-pager .bx-pager-item a.active{ opacity:1;}
.zone-singleactualite .wrapper-zone-singleactualite .sliderimagespagegenerale .bx-pager .bx-pager-item a:hover{ opacity:1;}

.zone-singleactualite .wrapper-zone-singleactualite .bouton{display:block; padding:25px 0 15px 0; margin:0; text-align:center; box-sizing:border-box;}
.zone-singleactualite .wrapper-zone-singleactualite .bouton a{display:inline-block; padding:7px 10px; margin:0;  font-size:0.9rem; text-transform:uppercase; font-weight:600; color: #212121; border:solid 4px #212121; text-decoration:none; box-sizing:border-box;}
.zone-singleactualite .wrapper-zone-singleactualite .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-singleactualite .wrapper-zone-singleactualite .bouton a:hover{border-color:#212121; background-color:#212121; color:white;}

.zone-singleactualite .wrapper-zone-singleactualite iframe{display:block; width:100%; padding:0;height:450px; margin:25px 0 10px 0; box-sizing:border-box;}


.zone-singleactualite .wrapper-zone-singleactualite .galerie-photos{display:block; position:relative; z-index:9; text-align:center; padding:20px 0; margin:0; box-sizing:border-box;}
.zone-singleactualite .wrapper-zone-singleactualite .galerie-photos ul{display:block; width:calc(100% + 20px); padding:0; margin:0 0 0 -10px; box-sizing:border-box;}
.zone-singleactualite .wrapper-zone-singleactualite .galerie-photos ul li{display:block; float:left; width:33.333%; padding:20px 10px 0 10px; margin:0; box-sizing:border-box;}
.zone-singleactualite .wrapper-zone-singleactualite .galerie-photos ul li a{display:block; border:solid 4px #212121; text-decoration:none; padding:0; margin:0; box-sizing:border-box; transition:all 0.4s ease;}
.zone-singleactualite .wrapper-zone-singleactualite .galerie-photos ul li a:hover{border-color:#222;}



.visuel-seul{display:block; padding:15px 0 0px 0; margin:0; box-sizing:border-box;}
.visuel-seul p{display:block; padding:5px 0 0px 0; margin:0; font-weight:500; font-size:0.7rem; color:#212121; box-sizing:border-box;}

.zone-singleactualite .wrapper-zone-singleactualite .lien{display:block; padding:0; margin:35px 0; box-sizing:border-box; border-top:solid 4px #444; position:relative;}
.zone-singleactualite .wrapper-zone-singleactualite .lien .bloc{display:inline-block; color:#444; 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-singleactualite .wrapper-zone-singleactualite .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-singleactualite .wrapper-zone-singleactualite .lien .bloc a:hover{color:#212121;}

.zone-singleactualite .navigation-article{display:block; padding:30px 0 20px 0; margin:0; box-sizing:border-box;}
.zone-singleactualite .navigation-article li{display:block; float:left; width:50%; padding:0; margin:0; box-sizing:border-box;}
.zone-singleactualite .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-singleactualite .navigation-article li a i{font-size:1.4rem; display:inline-block; vertical-align:bottom; padding:0 5px 0 0;}
.zone-singleactualite .navigation-article li:last-child a{text-align:right;}
.zone-singleactualite .navigation-article li:last-child a i{padding:0 0 0 5px;}
.zone-singleactualite .navigation-article li a:hover{color:#222;}

.zone-singleactualite .toutesdernieresactualites{display:block; padding:40px 0; margin:0; box-sizing:border-box; background-color:white;}
.zone-singleactualite .toutesdernieresactualites .titre{display:inline-block; border-top:solid 4px #212121; padding:15px 0 20px 0; margin:0; box-sizing:border-box;  font-size:2.6rem; color: #212121; }
.zone-singleactualite .toutesdernieresactualites ul{display:block; text-align:center; padding:0; margin:0; box-sizing:border-box;}
.zone-singleactualite .toutesdernieresactualites ul li{display:block; float:left; width:32.333%; padding:0; margin:0 0.5%; box-sizing:border-box;}
.zone-singleactualite .toutesdernieresactualites ul li:first-child{margin:0 1% 0 0;}
.zone-singleactualite .toutesdernieresactualites ul li:last-child{margin:0 0 0 1%;}
.zone-singleactualite .toutesdernieresactualites ul li a{display:block; padding:10px; margin:0; background-color:white; box-sizing:border-box; text-decoration:none; color:#212121; border:solid 2px #212121;}
.zone-singleactualite .toutesdernieresactualites ul li a .date{transition:all 0.4s ease; display:inline-block; padding:2px 20px; margin:0; box-sizing:border-box; border-top:solid 6px #212121; color:#212121; font-size:1.4rem; letter-spacing:1px;}
.zone-singleactualite .toutesdernieresactualites ul li a h2{transition:all 0.4s ease; display:block; padding:0; margin:0; box-sizing:border-box; font-size:1.2rem; color:#212121;  font-weight:500;}
.zone-singleactualite .toutesdernieresactualites ul li a h3{transition:all 0.4s ease; display:block; padding:5px 0 0 0; margin:0; box-sizing:border-box; color:#222;  font-size:1.1rem; font-weight:500;}
.zone-singleactualite .toutesdernieresactualites ul li a:hover{background-color:#212121;}
.zone-singleactualite .toutesdernieresactualites ul li a:hover .date{color:white; border-color:white;}
.zone-singleactualite .toutesdernieresactualites ul li a:hover h2{color:white;}
.zone-singleactualite .toutesdernieresactualites ul li a:hover h3{color:white;}
.zone-singleactualite .toutesdernieresactualites .lien{display:block; padding:0; margin:40px 0 20px 0; box-sizing:border-box; border-top:solid 4px #212121; position:relative;}
.zone-singleactualite .toutesdernieresactualites .lien a{transition:all 0.4s ease;display:inline-block; color:#212121; 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-singleactualite .toutesdernieresactualites .lien a i{font-size:2rem; display:inline-block; vertical-align:middle; padding:0 10px 3px 0;}
.zone-singleactualite .toutesdernieresactualites .lien a:hover{color:#222;}



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



.annuairesimplelocalisation{display:block; padding:50px 0 50px 0; position:relative; text-align:left; margin:0; box-sizing:border-box;}
.annuairesimplelocalisation .introductionannuairesimplelocalisation{display:block; margin:0; box-sizing:border-box;  padding:5px 0 20px 0;  font-size:1rem; line-height:1.4rem; font-weight:500; color: #222;}
.annuairesimplelocalisation .introductionannuairesimplelocalisation a{text-decoration:none; color: #212121; cursor:pointer;}
.annuairesimplelocalisation .introductionannuairesimplelocalisation a:hover{text-decoration:underline;}
.annuairesimplelocalisation .introductionannuairesimplelocalisation strong{font-weight:bold;}
.annuairesimplelocalisation .bloc{display:inline-block; min-height: 290px; border:solid 1px #ececec; vertical-align:top;  padding:20px 20px; width:23%; position:relative; margin:20px 0.5% 0 0.5%; box-sizing:border-box; transition:all 0.5s ease;}
.annuairesimplelocalisation .bloc i{display:block; cursor:pointer; padding:0; color:#212121; font-size:2.4rem; text-align:right; margin:0; box-sizing:border-box; transition:all 0.5s ease;}
.annuairesimplelocalisation .bloc h2{display:block; color:#212121; text-align:left; font-size:1.2rem; font-weight:700; padding:10px 0 0 0; margin:0; box-sizing:border-box;}
.annuairesimplelocalisation .bloc a{display:block; color:#222; text-align:left; font-size:1rem; text-decoration:none; font-weight:500; padding:0; margin:10px 0 0 0; box-sizing:border-box; transition:all 0.5s ease;}
.annuairesimplelocalisation .bloc a:hover{color:#212121; }
.annuairesimplelocalisation .bloc:hover{border-color:#212121;}
.annuairesimplelocalisation .bloc.active{border-color:#212121;}
.annuairesimplelocalisation .bloc i:hover{color:#222; padding-right:20px;}



/*HISTORIQUE DATES CLEFS*/





.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:#212121; 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:#212121; padding:0; margin:0;}
.bloc-dates .slider-dates li a hr{display:block; width:100%; height:0px; border:none; border-top:dashed 1px #212121; background-color:transparent; padding:0; margin:0;}
.bloc-dates .slider-dates li a h2{display:block;  color:#212121; 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:#212121;}
.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:#212121;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:#212121;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 #212121;}
.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:#212121;}




/*MOSAIQUE PRODUITS*/
.tri-produits{display:block; text-align:center; padding:0; margin:0px 0 0px 0; width:100%; box-sizing:border-box;}
.tri-produits 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:#222; border:solid 1px #222; box-sizing:border-box; transition:all 0.3s ease;}
.tri-produits li:hover{background-color:#212121;border-color:#212121; color:white;}
.tri-produits li.active{background-color:#212121; border-color:#212121; color:white;}

.mosaique-produits{display:block; padding:30px 0 0px 0; margin:0; width:100%; box-sizing:border-box;}
.mosaique-produits li{display:block; float:left; width:25%; padding:20px; margin:0; box-sizing:border-box;}
.mosaique-produits li .a{display:block; cursor:pointer; padding:10px; border:solid 1px #897670; margin:0; width:100%; text-decoration:none; box-sizing:border-box; transition:all 0.4s ease;}
.mosaique-produits li .a .visuel{display:block; padding:0; margin:0; position:relative; box-sizing:border-box; background-size:100% auto; background-position:bottom center; background-repeat:no-repeat; transition:background 0.4s ease;}
.mosaique-produits li .a .visuel img{opacity:1; transition:opacity 1s ease;}
.mosaique-produits li .a h2{display:block; text-align:center; padding:10px 0 0 0; margin:0; font-size:0.85rem; line-height:1.2rem; text-transform:uppercase; color:#251915; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;}
.mosaique-produits li .a h3{display:block; text-align:center; padding:5px 0 0 0; margin:0; font-size:0.9rem; color:#777; font-weight:500; box-sizing:border-box; transition:all 0.4s ease;}
.mosaique-produits li .a:hover{border-color:#212121;}
.mosaique-produits li .a:hover .visuel{background-size:200% auto;}
.mosaique-produits li .a:hover .visuel img{opacity:0;}

.mosaique-produits-4 li{width:25%; padding:10px;}
.mosaique-produits-3 li{width:33.333%; padding:10px;}
.mosaique-produits-2 li{width:50%; padding:15px;}

.mosaique-produits li .a .lightbox{display:none; cursor:default; position:fixed; overflow-y:auto; top:0; left:0; z-index:99999999999999999; -webkit-overflow-scrolling: touch; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; background-color: rgba(0, 0, 0, 0.85);}
.mosaique-produits li .a .lightbox .wrapper-lightbox{display:block; position:relative; width:1222px; padding:20px 30px 20px 20px; margin:80px auto; box-sizing:border-box; background-color:#fff;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-gauche{display:block; float:left; width:450px; margin:0; padding:70px 0 50px 0px; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-gauche .galerie-photos{display:block; position:relative; z-index:9; text-align:center; padding:20px 0; margin:0; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-gauche .galerie-photos ul{display:block; width:calc(100% + 20px); padding:0; margin:0 0 0 -10px; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-gauche .galerie-photos ul .li{display:block; float:left; width:25%; padding:20px 10px 0 10px; margin:0; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-gauche .galerie-photos ul .li a:hover{border-color:#222;}

.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite{display:block; float:left; width:calc(100% - 450px); padding:0 0px 50px 30px; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .iconecloselightbox{display:block; padding:0 0 10px 0; cursor:pointer; box-sizing:border-box; text-align:right; font-size:3rem; color:#251915;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .iconecloselightbox:hover{color:#212121;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu{display:block; padding:0 50px 0 0; margin:5px 0 0 0; text-align:left; font-size:0.95rem; font-weight:500; color:#797979; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu .titre{display:block; padding:0 0 20px 0; margin:0; font-size:1.8rem; color:#222; font-weight:600; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu hr{display:block; text-align:left; width:40px; background-color:#212121; padding:0; margin:10px 0 20px 0; height:1px; border:none; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu .soustitre{display:block; padding:0 0 10px 0; margin:0; font-size:1.4rem; font-style:italic; color:#212121; font-weight:700; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu .descriptif{display:block; padding:0 0 30px 0; margin:0; font-size:0.95rem; color:#777; font-weight:500; text-align:justify; box-sizing:border-box;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu .bouton{display:inline-block; cursor:pointer; padding:15px 20px; margin:10px 0 0 0; color:#fff; background-color:#212121; text-transform:uppercase; font-size:0.8rem; font-weight:600; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.mosaique-produits li .a .lightbox .wrapper-lightbox .colonne-droite .contenu .bouton:hover{background-color:#222;}




.bloc-produits{display:block; position:relative; padding:50px 0; margin:0; text-align:center; box-sizing:border-box; background-attachment:fixed; background-size:cover; background-position:center; background-repeat:no-repeat; }
.bloc-produits .filtre{display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; background-color:#212121; }
.bloc-produits h2{display:block; padding:0; margin:0; font-size:1.6rem; font-weight:600; color:#fff; box-sizing:border-box;}
.bloc-produits hr{display:block; width:80px; background-color:#fff; padding:0; margin:20px auto 20px auto; height:1px; border:none; box-sizing:border-box;}
.bloc-produits .bx-wrapper{max-width:1100px; margin:0 auto 30px auto;}
.bloc-produits .slider-bloc-produits{display:block; padding:0; margin:0; width:100%; box-sizing:border-box;}
.bloc-produits .slider-bloc-produits li{display:block; padding:10px 10px; margin:0; box-sizing:border-box;}
.bloc-produits .slider-bloc-produits li a{display:block; padding:10px 10px; border:solid 1px #fff; margin:0; background-color:white; width:100%; text-decoration:none; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-produits .slider-bloc-produits li a h2{display:block; padding:10px 0 0 0; margin:0; font-size:0.7rem; color:#222; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-produits .slider-bloc-produits li a:hover{background-color:#212121; border-color:#212121;}
.bloc-produits .slider-bloc-produits li a:hover h2{color:white;}
.bloc-produits .bx-controls-direction .bx-prev{display:block; color:#fff; width:40px; height:60px; line-height:60px; font-size:3rem; padding:0; margin:-80px 0 0 0; position:absolute; top:50%; left:0; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-produits .bx-controls-direction .bx-next{display:block; color:#fff; width:40px; height:60px; line-height:60px; font-size:3rem; padding:0; margin:-80px 0 0 0; position:absolute; top:50%; right:0; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-produits .bx-controls-direction a:hover{color:#212121;}
.bloc-produits .bx-pager div{display:inline-block; padding:0; margin:0 5px; box-sizing:border-box;}
.bloc-produits .bx-pager div a{display:block; width:15px; height:15px; border-radius:50%; background-color:#fff; text-decoration:none; font-size:0px; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-produits .bx-pager div a:hover, .bloc-produits .bx-pager div a.active{background-color:#212121;}
.bloc-produits h3{display:block; padding:0 0 20px 0; margin:0; font-size:1.2rem; color:#897670; font-weight:500; box-sizing:border-box;}
.bloc-produits .bouton{display:inline-block; cursor:pointer; padding:15px 20px; margin:10px 0 0 0; color:#fff; background-color:transparent; border:solid 1px white; font-size:0.95rem; font-weight:500; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-produits .bouton:hover{background-color:#212121; border-color:#212121; color:#fff;}



/*MOSAIQUE ACCORDEON*/
.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:#222; border:solid 1px #222; box-sizing:border-box; transition:all 0.3s ease;}
.tri-accordeon li:hover{background-color:#212121;border-color:#212121; color:white;}
.tri-accordeon li.active{background-color:#212121; border-color:#212121; 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%; padding:12px 30px; border-radius:5px;box-sizing:border-box; box-shadow:none; border:solid 1px #212121; background-color:#fff; color:#212121; font-weight:500;  font-size:0.9rem;}
.zone-recherche-accordeon .rechercher i{transition:all 0.4s ease;position:absolute; cursor:pointer; top:25px; right:12px; font-size:1.4rem; color:#212121;}
.zone-recherche-accordeon .rechercher .inputtext:focus{background-color:#212121; color:#fff; }
.zone-recherche-accordeon .rechercher i:hover{color:#212121;}

.mosaique-accordeon{display:block; width:101%; padding:30px 0 0 0; margin:0 0 0 -0.5%; box-sizing:border-box;}
.mosaique-accordeon li.article{display:block;  text-align:center; background-color:white; border:solid 1px #212121; padding:0;  box-sizing:border-box; position:relative;}
.mosaique-accordeon.mosaique-accordeon-2 li.article{width:48%; margin:8px 1%;}
.mosaique-accordeon.mosaique-accordeon-3 li.article{width:31.333%; margin:8px 1%;}
.mosaique-accordeon.mosaique-accordeon-4 li.article{width:23%; margin:8px 1%;}
.mosaique-accordeon.mosaique-accordeon-2 li.article.fermearticle{width:48%;  z-index:9;}
.mosaique-accordeon.mosaique-accordeon-3 li.article.fermearticle{width:31.333%;  z-index:9;}
.mosaique-accordeon.mosaique-accordeon-4 li.article.fermearticle{width:23%; z-index:9;}
.mosaique-accordeon.mosaique-accordeon-2 li.article.openarticle{width:98%;  z-index:999;}
.mosaique-accordeon.mosaique-accordeon-3 li.article.openarticle{width:64.666%;  z-index:999;}
.mosaique-accordeon.mosaique-accordeon-4 li.article.openarticle{width:48%; z-index:999;}
.mosaique-accordeon li.article.fermearticle .clickdisque{cursor:pointer;transition:all 0.4s ease;}
.mosaique-accordeon li.article.openarticle .clickdisque{cursor:pointer;transition:all 0.4s ease;}
.mosaique-accordeon li.article .clickdisque{display:block; padding:0; margin:0; text-decoration:none; color:#222;}
.mosaique-accordeon li.article .type{transition:all 0.4s ease;display:inline-block; padding:2px 0px; margin:0; box-sizing:border-box; border-top:solid 6px #212121; color:#212121; font-size:1rem; }
.mosaique-accordeon li.article h2{transition:all 0.4s ease; text-align:center;display:block; padding:5px 7px 0 7px; margin:0; box-sizing:border-box; text-transform:uppercase; font-size:1rem; color:#222;  font-weight:500;}
.mosaique-accordeon li.article h3{transition:all 0.4s ease;display:block; padding:0 7px 15px 7px; margin:0; box-sizing:border-box; color:#222;  font-size:0.8rem; font-weight:500;}
.mosaique-accordeon li.article .clickdisque:hover, .mosaique-accordeon li.article.openarticle .clickdisque {background-color:#212121;}
.mosaique-accordeon li.article .clickdisque:hover .type, .mosaique-accordeon li.article.openarticle .clickdisque .type{border-color:white; color:white;}
.mosaique-accordeon li.article .clickdisque:hover h2, .mosaique-accordeon li.article.openarticle .clickdisque h2{color:white;}
.mosaique-accordeon li.article .clickdisque:hover h3, .mosaique-accordeon li.article.openarticle .clickdisque h3{color:white;}

.mosaique-accordeon li.article .opencontenu{display:none; padding:0 0 20px 0; margin:0; box-sizing:border-box;}
.mosaique-accordeon li.article .opencontenu h4{display:block; padding:0 10px 10px 10px; text-align:justify; line-height:1.4rem; margin:0 10px; box-sizing:border-box;  font-size:1rem; color: #222; font-weight:500; }
.mosaique-accordeon li.article .opencontenu .fichier{transition:all 0.4s ease;display:block; text-align:center;  color:#222; padding:10px 10px; margin:0;  font-weight:600; font-size:1rem; box-sizing:border-box; text-decoration:none; }
.mosaique-accordeon li.article .opencontenu .fichier i{display:block; padding:20px 0 10px 0 ; font-size:1.6rem;}
.mosaique-accordeon li.article .opencontenu .fichier hr{display:block; padding:0; margin:0 auto; height:1px; width:70px; background-color:#222;}
.mosaique-accordeon li.article .opencontenu .fichier:hover{color:#212121;}


.box-mosaique-accordeon{ display:none; z-index:999999999; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); overflow:hidden; overflow-y:auto; box-sizing:border-box; }
.box-mosaique-accordeon-wrapper{display:block; position:relative; width:100%; max-width:800px; margin:100px auto; background-color:white; padding:20px 30px 30px 20px; box-sizing:border-box;}
.box-mosaique-accordeon-wrapper-close{display:block; position:absolute; width:70px; height:70px; text-align:center; line-height:70px; font-size:3rem; color:#ef1925; right:-70px; top:0; cursor:pointer; transition:all 0.4s ease;}
.box-mosaique-accordeon-wrapper-close:hover{color:#212121;}
.box-mosaique-accordeon-wrapper .image{display:block; float:left; width:40%; padding:0; margin:0; box-sizing:border-box;}
.box-mosaique-accordeon-wrapper .contenu{display:block; float:left; width:60%; padding:0 0 0 30px; margin:0; box-sizing:border-box;}

.box-mosaique-accordeon-wrapper .contenu h2{display:block; padding:0 0 0 0; margin:0; box-sizing:border-box; text-transform:uppercase; font-size:1.2rem; color:#212121;  font-weight:500;}
.box-mosaique-accordeon-wrapper .contenu h3{display:block; padding:5px 0 0 0; margin:0; box-sizing:border-box; color:#212121;  font-size:1rem; font-weight:600;}
.box-mosaique-accordeon-wrapper .contenu hr{display:block; margin:10px 0; padding:0; width:70px; height:1px; border:none; background-color:#212121;}
.box-mosaique-accordeon-wrapper .contenu h4{display:block; padding:0 0 20px 0; text-align:justify; line-height:1.4rem; margin:0; box-sizing:border-box;  font-size:1rem; color: #333; font-weight:500; }
.box-mosaique-accordeon-wrapper .contenu h4 p{margin:0; padding:0;}
.mosaique-accordeon li.article .opencontenu .fichier{transition:all 0.4s ease;display:block; text-align:center;  color:#212121; padding:10px 10px; margin:0;  font-weight:600; font-size:1rem; box-sizing:border-box; text-decoration:none; }

.box-mosaique-accordeon-wrapper .contenu .fichier{transition:all 0.4s ease;display:block; color:#212121; padding:5px 0; margin:0;  font-weight:600; font-size:0.9rem; box-sizing:border-box; text-decoration:none; }
.box-mosaique-accordeon-wrapper .contenu .fichier i{display:inline-block; width:30px; padding:0; margin:0 5px 0 0; text-align:center; font-size:1.2rem; vertical-align:middle;}
.box-mosaique-accordeon-wrapper .contenu .fichier hr{display:none; }
.box-mosaique-accordeon-wrapper .contenu .fichier:hover{color:#212121;}

@media screen and (max-width: 1000px){
  .box-mosaique-accordeon-wrapper{padding:90px 30px 30px 20px;}
.box-mosaique-accordeon-wrapper-close{right:50%; top:10px; margin:0 -35px 0 0;}
}

@media screen and (max-width: 800px){
  .box-mosaique-accordeon-wrapper{margin:0 auto;}
  .box-mosaique-accordeon-wrapper .image{float:none; width:100%; max-width:250px; margin:0 auto;}
.box-mosaique-accordeon-wrapper .contenu{float:none; width:100%; padding:20px 0 0 0;}
.box-mosaique-accordeon-wrapper .contenu h2{text-align:center;}
.box-mosaique-accordeon-wrapper .contenu h3{text-align:center;}
.box-mosaique-accordeon-wrapper .contenu hr{ margin:20px auto; }

}


/*REPERTOIRE */
.listingrepertoirerecherche{display:block; width:25%; border:solid 1px #212121; float:left; padding:25px; margin:0; box-sizing:border-box; text-align:left;}
.listingrepertoirerecherche .titre{display:block; padding:0; margin:0; box-sizing:border-box; font-size:0.9rem; font-style:italic; font-weight:500; color:#222;}
.listingrepertoirerecherche .titre i{display:inline-block; padding:0 5px 0 0; margin:0; box-sizing:border-box; font-size:1.4rem; vertical-align:middle;color:#212121;}
.listingrepertoirerecherche .listingrepertoirerecherchezone{transition:all 0.4s ease;display:block; width:100%; border:solid 1px #ececec; color:#222; font-size:0.9rem; padding:7px 5px; margin:15px 0 0 0; box-sizing:border-box; box-shadow:none; outline:none;}
.listingrepertoirerecherche .listingrepertoirerecherchezone:focus{background-color:#212121; color:#fff;}

.listingrepertoire{display:block; width:75%; float:left; padding:0 0 0 50px; margin:0; box-sizing:border-box; text-align:left;}
.listingrepertoire .artiste{display:block; padding:0 82px 0 90px; margin:10px 0 40px 0; box-sizing:border-box; position:relative;}
.listingrepertoire .artiste .lettredebut{position:absolute; top:-30px; left:0;display:block; padding:0; margin:0; box-sizing:border-box; font-size:5.4rem; line-height:1; color:#212121;}
.listingrepertoire .artiste .titreartiste{display:inline-block; position:relative; z-index:9;background-color:white;  border-top:solid 2px #222; vertical-align:middle; padding:10px 0 5px 0; margin:0 0 0 0; box-sizing:border-box; color:#222; font-weight:600; font-size:1.2rem;}
.listingrepertoire .artiste .sous-titre{display:block; padding:5px 0 0 0px; margin:0; box-sizing:border-box; color:#222; font-weight:500; font-size:0.9rem;}
.listingrepertoire .artiste .open{display:block; text-align:right; padding:0; margin:0; box-sizing:border-box;position:absolute; top:-15px; right:0; width:90px;}
.listingrepertoire .artiste .open hr{display:block; position:absolute; top:30px; width:40px; left:0px; border:none; padding:0; margin:0; border-top:dotted 1px #222;}
.listingrepertoire .artiste .open .decouvrir{display:inline-block; background-color:white; cursor:pointer; padding:0 5px; margin:0; width:40px; box-sizing:border-box; vertical-align:middle; position:relative; }
.listingrepertoire .artiste .open .decouvrir i{transition:all 0.4s ease;display:block; padding:0; margin:0; box-sizing:border-box; position:absolute; top:0; right:0; color:#222; font-size:2.2rem;}
.listingrepertoire .artiste .open .decouvrir:hover i{color:#212121;}

.listingrepertoire .artiste .open .decouvrir .icon-open{display:block;}
.listingrepertoire .artiste .open .decouvrir .icon-croix{display:none;}
.listingrepertoire .artiste.ouvert .open .decouvrir .icon-open{display:none;}
.listingrepertoire .artiste.ouvert .open .decouvrir .icon-croix{display:block;}

.listingrepertoire .detailrepertoire{display:none; padding:0; margin:20px 0 60px 0; box-sizing:border-box; position:relative;width:100%;}
.listingrepertoire .detailrepertoire .titre{display:block; padding:0 0 10px 0; margin:0; box-sizing:border-box; font-size:1.1rem; color:#212121; font-weight:600;}
.listingrepertoire .detailrepertoire .visuel{display:block; padding:0px 0 10px 0; margin:0; box-sizing:border-box; }
.listingrepertoire .detailrepertoire .descriptif{display:block; padding:0px 0 10px 0; margin:0; box-sizing:border-box; font-size:0.95rem; line-height:1.4rem; font-weight:500; text-align:justify; color:#222;}
.listingrepertoire .detailrepertoire .descriptif p{display:block; padding:0px; margin:0; box-sizing:border-box; font-size:0.95rem; line-height:1.4rem; font-weight:500; color:#222;}
.listingrepertoire .detailrepertoire .descriptif a{color:#212121; text-decoration:none;}
.listingrepertoire .detailrepertoire .descriptif a:hover{text-decoration:underline;}

.listingrepertoire .detailrepertoire .fichier{transition:all 0.4s ease;display:block; text-align:left;  color:#222; padding:10px 10px; margin:0;  font-weight:600; font-size:1rem; box-sizing:border-box; text-decoration:none; }
.listingrepertoire .detailrepertoire .fichier i{display:inline-block; padding:0 8px 0 0; font-size:1.6rem;}
.listingrepertoire .detailrepertoire .fichier hr{display:block; padding:0; margin:0 0 15px 0; height:1px; width:30px; background-color:#222;}
.listingrepertoire .detailrepertoire .fichier:hover{color:#212121;}





/*TABLEAU TABLE PRESS POUR PAGE GENERALE ET ARTICLE SINGLE*/
.tablepress{margin:20px 0 0 0 !important;}
.tablepress caption{display:none !important;}
.tablepress thead th{background-color:#212121 !important; color:white !important; font-weight:600 !important;}
.tablepress-table-description{display:block; padding:15px 0 10px 0; margin:0; box-sizing:border-box; font-size:0.95rem; line-height:1.4rem; font-weight:500; text-align:left; color:#222;}

/*CONTACT*/
.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:#212121; 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:#222; 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:#212121; top:5px; left:10px; font-size:2.2rem; margin:0; box-sizing:border-box;}
.infocontact .contenu .bloc h2{display:block; color:#222; text-align:left; font-size:1.3rem; 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:#656565; text-align:left; font-size:1.1rem; text-decoration:none; font-weight:600; padding:0; margin:0; box-sizing:border-box; transition:all 0.5s ease;}
.infocontact .contenu .bloc a:hover{color:#212121;}








/*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 #212121; 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:#222; box-sizing:border-box; }
.lightbox-message-wrapper .lightbox-message-contenu a{text-decoration:none; color:#222;}
.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:#212121; 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:#222;}



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

/* ==========================================================================
   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;
    }
}