@charset "utf-8";
/* CSS Document */

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

:root {
    --main-color-bleu1: #3c5aa5;
    --main-color-bleu2: #48c6f1;
    --main-color-gris: #6d6e71;
    --main-color-anthracite: #3c546b;
    --main-color-turquoise: #1ca4a4;
    --main-color-aqua: #51c3db;
    --main-color-mauve: #813576;
    --main-color-orange: #eb8225;
    --main-color-jaune: #f3c41c;
}

body {font-family: 'Montserrat', sans-serif; line-height: 1.5; color: var(--main-color-anthracite);}

.div-inner {width: 2000px; margin: 0 auto; position: relative;}
#contenu .div-inner {overflow: hidden;}

#bande-qc {background-color: #095797; color: #fff; height: 40px; padding: 16px 0; font-size: 16px; font-family: 'Roboto', sans-serif}
#bande-qc .div-inner { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
#bande-qc .div-inner a, #bande-qc .div-inner img {display: block;}
#bande-qc-img { margin-right: 30px;}
#bande-qc-img img { width: auto; height: 40px;}
#bande-qc-menu { margin-right: 30px; font-weight: bold;}
#bande-qc-menu a, #bande-qc-joindre a { color: #fff; text-decoration: none;}
#bande-qc-menu a:hover, #bande-qc-joindre a:hover { text-decoration: underline;}
#bande-qc-loupe {margin-left: auto; margin-right: 30px;}
#bande-qc-loupe img { height: 25px; width: auto;}
#bande-qc-joindre {}

#copy-qc {text-align: center;}
#copy-qc a img {width: 200px; height: auto;}
#copy-qc p {font-size: 12px}

.img-full-width {width: 100%; height: auto; display: block; margin-bottom: 80px;}

header { background-size: cover; background-attachment: fixed; background-repeat: no-repeat; position: relative; overflow: hidden; height: 500px;}
header:after {position: absolute; width: 100%; height: 100%; content: ""; background-image: linear-gradient(to top, transparent 0%, rgba(0,0,0,0.5) 100%); top: 0; z-index: 0;}

header .div-inner {overflow: visible;}

#header-logo, #header-recherche {position: relative; z-index: 2; }
#header-logo { width: 550px; padding-top: 70px;}
#header-logo a { display: block;}
#header-logo img { width: 100%; height: auto;}
#header-recherche {position: absolute; left: 45%; top: 70px; background-color: #fff; border-radius: 10px; padding: 15px 20px; display: none;}
#header-recherche input[type=text] { width: 400px; border: 0; font-family: 'Montserrat', sans-serif; font-size: 18px;}
#header-recherche input[type=text]:focus {outline: 0;}
#header-recherche input[type=submit] {text-indent: -9999px; width: 20px; height: 20px; background:url("../images/icon-loupe.png") center center no-repeat; background-size: cover; border: 0; cursor: pointer;}

.cols {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;}
.col {width: 48%; float: left;}
.col:first-child {padding-right: 2%;}
.col:last-child {padding-left: 2%;}

.btn-carre, .gform_button, .post-password-form input[type=submit] {border: 1px solid var(--main-color-anthracite); color: var(--main-color-anthracite); font-size: 20px; padding: 20px 30px; text-decoration: none; display: inline-block;}
.btn-carre:hover, .slider-infos:hover .btn-carre, .gform_button:hover, .post-password-form input[type=submit]:hover {color: #fff; border-color: var(--main-color-mauve); background-color: var(--main-color-mauve); cursor: pointer;}
.btn-carre-blanc {background-color: #fff; border-color: #fff;}

footer {background-color: var(--main-color-gris); color: #fff;}
footer .div-inner {display: flex; flex-direction: row; flex-wrap: wrap;}
#footer-left, #footer-droit {width: 50%;}
#footer-left {text-align: left;}
#footer-left p a, #footer-droit p a {color: #fff;}
#footer-left p a:hover, #footer-droit p a:hover {color: var(--main-color-anthracite); text-decoration: none; background-color: #fff;}
#footer-droit {text-align: right;}
#footer-droit img {width: 250px; height: auto; margin-bottom: 50px;}

#footer-separateur {}
#footer-separateur-mauve, #footer-separateur-jaune, #footer-separateur-bleu {width: calc(100% / 3); height: 20px; float: left; display: block;}
#footer-separateur-mauve {background-color: var(--main-color-mauve);}
#footer-separateur-jaune {background-color: var(--main-color-jaune);}
#footer-separateur-bleu {background-color: var(--main-color-turquoise);}

.menu-social {display: inline-block;}
.menu-social a { border-radius: 50%; background-color: #fff; width: 38px; height: 38px; display: block; float: left; margin-right: 10px; text-align: center; position: relative;}
.menu-social a span { visibility: hidden; width: 0; display: inline-block;}
.menu-social a i {color: var(--main-color-gris) !important; transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute;}
.menu-social a:hover {background-color: var(--main-color-jaune);}
.menu-social a:hover i {color: var(--main-color-gris) !important;}

#footer-bande-qc {text-align: center; padding: 30px 0;}
#footer-bande-qc p {font-size: 14px;}
#footer-bande-qc p a {text-decoration: none; color: #000;}
#footer-bande-qc img {width: 200px; height: auto;}








/* marges contenu */

#accueil-blocs-liens, #intro-accueil {margin-bottom: 4vw;}
.bloc-cta, footer, #contenu {padding: 4vw 0;}

#titre-page-parent {text-transform: uppercase; font-size: 20px; letter-spacing: 4px; }
h1 {font-size: 60px; margin-bottom: 30px;}
h2 {font-size: 40px; margin-bottom: 30px; text-transform: uppercase; font-weight: normal; margin-top: 30px;}
h3 {font-size: 30px; margin-bottom: 30px;}
h4 {font-size: 25px; margin-bottom: 20px; border-bottom: 1px solid color var(--main-color-anthracite); padding-bottom: 5px;}

h1, h2, h3, h4 {line-height: 1.1;}

p, #contenu ul, #contenu ol {font-size: 22px; padding-bottom: 25px;}
#contenu ul, #contenu ol {padding-left: 20px;}
#contenu ul { list-style: none;}
#contenu ul li {padding-left: 20px; position: relative;}
#contenu ul li:before {position: absolute; content: ""; width: 5px; height: 5px; background-color: var(--main-color-mauve); top: 15px; left: 0; border-radius: 50%;}
#contenu p a, #contenu ul a, #contenu ol a, #equipe-fiche-courriel a, .fiche-lien-fiche a, h3 a {color: var(--main-color-anthracite);}
#contenu p a:hover, #contenu ul a:hover, #contenu ol a:hover, #equipe-fiche-courriel a:hover, .fiche-lien-fiche a:hover, h3 a:hover {background-color: var(--main-color-anthracite); color: #fff; text-decoration: none;}


/* MENU */

.menu-toggle {display: none !important;}

header .menu { position: fixed; width: 460px; color: #fff; font-size: 14px; z-index: 99; top: 0; right: 0; height: 100%; margin-right: -460px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.menu-scroll .hamburger {background-color: #fff; top: 0; width: auto; left: -100px;}
.menu-scroll .hamburger li { background-color: var(--main-color-anthracite);}

#sub { list-style: none; z-index: 0; padding: 120px 40px 40px 40px; overflow: hidden; background: #fff; height: calc(100% - 80px); box-shadow: 0 0 50px rgba(0,0,0,0.5);}
#sub ul { list-style: none;}
#sub ul a {text-decoration: none; display: block;}

#sub .menu {position: relative; width: auto; right: auto; top: auto;}
#primary-menu > li {border-bottom: 1px solid rgba(0,0,0,0.1);}
#primary-menu > li > a { font-size: 22px; padding: 10px 0; color: var(--main-color-anthracite);}
#primary-menu > li > a:hover {color: var(--main-color-turquoise);}
#primary-menu > li ul {display: none; margin-bottom: 10px;}
#primary-menu > li ul li a {padding: 3px 15px; opacity: 0.7;}
#primary-menu > li ul li a:hover {opacity: 1; color: var(--main-color-turquoise);}
#primary-menu > li:last-child {border: 0; }
#menu-principal .menu-item-has-children {position: relative;}
#menu-principal .menu-item-has-children:after {content: "+"; position: absolute; right: 15px; top: 15px; font-size: 30px; color: var(--main-color-turquoise); font-weight: 200;}
#menu-principal .menu-item-has-children.focus:after {content: "-";}
#menu-principal .menu-item-has-children .sub-menu {}
#menu-principal .menu-item-has-children.focus .sub-menu {display: block;}


header .checked { margin-right: 0 !important;}

.hamburger { position: absolute; z-index: 99;
  list-style: none; left: -150px; top: 100px;
  cursor: pointer;
  padding: 30px;
  width: 80px;
  overflow: hidden;
}

.hamburger:hover {}

.hamburger li {
  width: 40px;
  height: 5px;
  background: #fff;
  margin: 6px 0 0;
  padding: 0;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
  -webkit-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
  transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
}


.checked .hamburger { left: 20px; top: 20px;}
.checked .hamburger li { background-color: var(--main-color-anthracite);}

.checked .hamburger li.first {
  -moz-transform: rotate(-135deg) translateY(-15px);
  -ms-transform: rotate(-135deg) translateY(-15px);
  -webkit-transform: rotate(-135deg) translateY(-15px);
  transform: rotate(-135deg) translateY(-15px);
  margin-left: 4px;
  width: 40px
}
.checked .hamburger li.second {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.checked .hamburger li.third {
  -moz-transform: rotate(135deg) translateY(15px);
  -ms-transform: rotate(135deg) translateY(15px);
  -webkit-transform: rotate(135deg) translateY(15px);
  transform: rotate(135deg) translateY(15px);
   margin-left: 4px;
   width: 40px
}




/* Transitions standard */

a, .menu, .bloc-activite:after, .bloc-activite:before, .hamburger, .slider-infos .btn-carre, .equipe-liste-photo img, #infos-top-fleches button, .gform_button, .gform_wrapper input, .gform_wrapper textarea, .liste-fichiers-element, .liste-fichiers-element:after, .liste-fichiers-element:before, .liste-fichiers-element i, .histo-liste > li::after {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;}




/********************** ACCUEIL *********************/

.home #contenu {padding: 0; position: relative; z-index: 1;}
.home header {height: 70vh;}
.home header:after {display: none;}
.home header .div-inner {height: 100%;}

.home #contenu .div-inner {overflow: visible;}

.home #header-recherche {display: block;}
.home .search-field {font-size: 22px;}
.resultat-recherche {display: block; border-bottom: 1px solid rgba(0,0,0,0.2); color: var(--main-color-anthracite); font-size: 24px; padding: 5px 10px; text-decoration: none;}
.resultat-recherche:hover {background-color: var(--main-color-mauve); color: #fff;}

.home .img-full-width {text-align: center;}

#slider-top {position: absolute; top: 0; left: 50%; margin-left: -50vw; width: 100vw; height: 100%; z-index: 1;}
.slider-slide, .slick-list, .slick-track {width: 100%; height: 100%;}
.slider-slide {background-repeat: no-repeat; background-size: cover; background-position: center center;}
#infos-top-fleches {z-index: 2; position: absolute; right: 28%; bottom: 485px;}
#infos-top-fleches button {display: inline-block; text-indent: -9999px; width: 50px; height: 50px; background: url("../images/accueil/fleche-slider.png") center center no-repeat var(--main-color-anthracite); background-size: 15px auto; border: none; border-radius: 50%; cursor: pointer;}
#infos-top-fleches button:first-child {margin-right: 10px;}
#infos-top-fleches button:last-child {transform: rotate(180deg);}
#infos-top-fleches button:hover {background-color: var(--main-color-mauve);}
.slider-slide:after {position: absolute; width: 100%; height: 100%; content: ""; background-image: linear-gradient(to top, transparent 0%, rgba(0,0,0,0.5) 100%); top: 0; z-index: 0;}
.slider-infos {position: absolute; bottom:0; height: 350px; right: 0; z-index: 2; width: 33%; background: rgba(0,0,0,0.4); padding: 40px 80px 120px 40px; color: #fff; text-decoration: none;}
.slider-infos:hover {background: rgba(0,0,0,0.7);}
.slider-infos-titre {font-size: 35px; font-weight: bold; margin-bottom: 20px; margin-top: 20px;}

#accueil-blocs-liens {margin-top: -100px;}
#accueil-blocs-liens a {color: #fff; font-weight: bold; font-size: 22px; text-align: center; text-decoration: none; padding: 140px 40px 30px 40px; margin: 10px; position: relative;}
#accueil-blocs-liens a:after {position: absolute; content: "";  background-repeat: no-repeat; background-size: cover; width: 100px; height: 100px; top: 30px; left: 50%; transform: translateX(-50%);}
#accueil-blocs-liens a:hover {background-color: var(--main-color-mauve);}

#accueil-blocs-liens-l1, #accueil-blocs-liens-l2 {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center;}

#accueil-blocs-liens-l1 {}
#accueil-blocs-liens-l1 a { width: calc(20% - 100px); background-color: var(--main-color-bleu1);}
#accueil-blocs-liens-l1 a:nth-child(1):after {background-image: url(../images/icons/1-outils.svg);}
#accueil-blocs-liens-l1 a:nth-child(2):after {background-image: url(../images/icons/2-formations.svg);}
#accueil-blocs-liens-l1 a:nth-child(3):after {background-image: url(../images/icons/3-publications.svg);}
#accueil-blocs-liens-l1 a:nth-child(4):after {background-image: url(../images/icons/4-services-conseils.svg);}
#accueil-blocs-liens-l1 a:nth-child(5):after {background-image: url(../images/icons/5-joindre.svg);}

#accueil-blocs-liens-l2 {}
#accueil-blocs-liens-l2 a { width: calc((100% / 3) - 100px); background-color: var(--main-color-bleu2);}
#accueil-blocs-liens-l2 a:nth-child(1):after {background-image: url(../images/icons/6-formaligne.svg);}
#accueil-blocs-liens-l2 a:nth-child(2):after {background-image: url(../images/icons/7-occep.svg);}
#accueil-blocs-liens-l2 a:nth-child(3):after {background-image: url(../images/icons/8-faq.svg);}

#intro-accueil {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;}
#intro-accueil-apropos {width: calc(45% - 1px); border-right: 1px solid rgba(0,0,0,0.1); padding-right: 5%;}
#intro-accueil-apropos-titre {font-size: 60px; font-weight: 900; line-height: 1.1; color: var(--main-color-mauve); margin-bottom: 20px;}
#intro-accueil-apropos-sous-titre {font-size:  35px; color: var(--main-color-anthracite); margin-bottom: 50px;}

.home .bloc-activites { width: 45%; padding-left: 5%; display: block;}
.home .bloc-activite {width: auto; display: block;}



/********************** ACTIVITÉS (liste) *********************/

.facetwp-facet {display: inline-block; margin-right: 10px; font-size: 22px;}
.facetwp-facet select { padding: 5px 10px; font-size: 22px;}
.facetwp-facet .facetwp-checkbox {display: inline-block; margin-right: 10px;}

.bloc-activites {display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 40px;}

.bloc-activite {background-color: rgba(0,0,0,0.05); padding: 20px 30px; margin-bottom: 10px; margin-right: 10px; text-decoration: none; color: var(--main-color-anthracite); position: relative; overflow: hidden; width: calc(50% - 70px);}
.bloc-activite:before, .bloc-activite:after {position: absolute; width: 50px; height: 22px; content: ""; background-size: cover; background-repeat: no-repeat; bottom: 20px; right: 30px;}
.bloc-activite:before {background-image: url(../images/fleche-anthracite.svg);}
.bloc-activite:after {background-image: url(../images/fleche-blanche.svg); margin-right: 100px; opacity: 0;}
.bloc-activite:hover {background-color: var(--main-color-anthracite); color: #fff;}
.bloc-activite:hover:before { margin-right: -50px; opacity: 0;}
.bloc-activite:hover:after {opacity: 1; margin-right: 0;}
.bloc-activites .btn-carre {margin-top: 30px;}
.bloc-activite-date {font-size:  20px; letter-spacing: 2px;}
.bloc-activite-titre {font-weight: bold; font-size: 25px; line-height: 1.2; margin-bottom: 5px;}

.bloc-activite-cat {color: #fff; padding: 5px 10px 5px 30px; margin-left: -30px; display: inline-block; margin-top: 10px;}
.bloc-activite-cat-1 {background-color: var(--main-color-bleu1);}
.bloc-activite-cat-2 {background-color: var(--main-color-bleu2);}
.bloc-activite-cat-3 {background-color: var(--main-color-gris);}
.bloc-activite-cat-4 {background-color: var(--main-color-anthracite);}
.bloc-activite-cat-5 {background-color: var(--main-color-turquoise);}
.bloc-activite-cat-6 {background-color: var(--main-color-aqua);}
.bloc-activite-cat-7 {background-color: var(--main-color-mauve);}
.bloc-activite-cat-8 {background-color: var(--main-color-orange);}
.bloc-activite-cat-9 {background-color: var(--main-color-jaune);}





/********************** ACTIVITÉ (pleine page) *********************/

#even-conferencier {color: #fff; font-weight: bold; margin-bottom: 20px; background-color: var(--main-color-anthracite); font-size: 20px; padding: 10px 20px;}
#even-specs {color: var(--main-color-mauve); font-size: 22px; margin-bottom: 80px;}
#even-spec-date, #even-spec-lieu { display: inline-block; padding-left: 50px; background-position: left top; background-repeat: no-repeat; line-height: 40px;}
#even-spec-date {background-image: url("../images/icons/calendrier.png"); margin-right: 80px;}
#even-spec-lieu {background-image: url("../images/icons/geo-pointer.png"); vertical-align: top;}
#even-spec-lieu a {color: var(--main-color-mauve);}

#even-left {float: left; width: 60%; margin-right: 10%;}
#even-liste-mini {float: right; width: 30%;}
#even-liste-mini h2 {font-size: 25px; letter-spacing: 2px;}
#even-liste-mini .bloc-activite {display: block; width: auto;}



/********************** Équipe (liste) *********************/

.equipe-liste {display: flex; flex-direction: row; flex-wrap: wrap;}
.equipe-liste-element {width: 20%; text-align: center; padding: 2.5%; text-decoration:  none;}
.equipe-liste-photo {border-radius: 50%; overflow: hidden; margin-bottom: 20px; background-color: var(--main-color-mauve);}
.equipe-liste-photo img {width: 100%; height: auto; display: block;}
.equipe-liste-nom {color: var(--main-color-anthracite); font-size: 28px; font-weight: bold; line-height: 1.1; margin-bottom: 10px;}
.equipe-liste-titre {color: var(--main-color-mauve); font-size: 20px;}
.equipe-liste-element:hover img {opacity: 0.5;}


/********************** Équipe (fiche) *********************/

#equipe-gauche {float: left; width: 70%;}

#equipe-gauche p {margin-bottom: 50px;}

#equipe-fiche-top {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin-bottom: 80px;}
#equipe-fiche-photo, .equipe-fiche-liste-titre {width: 26%;}
#equipe-fiche-photo {border-radius: 50%; overflow: hidden;}
#equipe-fiche-photo img {width: 100%; height: auto; display: block;}
#equipe-fiche-top-details, .equipe-fiche-liste-liste {width: calc(74% - 80px);}
#equipe-fiche-top-details { margin-left: 80px;}
#equipe-fiche-nom {font-size: 35px; line-height: 1.1;}
#equipe-fiche-titre {color: var(--main-color-mauve); font-size: 20px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.1);}
#equipe-fiche-tel, #equipe-fiche-courriel {padding-left: 50px; position: relative; font-size: 20px; line-height: 40px;}
#equipe-fiche-tel:before, #equipe-fiche-courriel:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; background-color: var(--main-color-anthracite); background-repeat: no-repeat; background-size: 18px 18px; background-position: center center;}
#equipe-fiche-tel:before {background-image: url("../images/icons/tel.svg");}
#equipe-fiche-courriel:before {background-image: url("../images/icons/mail.svg");}

.equipe-fiche-bas {}
.equipe-fiche-liste {display: flex; flex-direction: row; flex-wrap: wrap; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px;}
.equipe-fiche-liste-titre span { padding: 40px; display: block; color: #fff; font-size: 30px; line-height: 1.1;}
.equipe-fiche-liste:nth-child(1) .equipe-fiche-liste-titre {background-color: var(--main-color-anthracite);}
.equipe-fiche-liste:nth-child(2) .equipe-fiche-liste-titre {background-color: var(--main-color-turquoise);}
.equipe-fiche-liste:nth-child(3) .equipe-fiche-liste-titre {background-color: var(--main-color-mauve);}
.equipe-fiche-liste:nth-child(4) .equipe-fiche-liste-titre {background-color: var(--main-color-bleu1);}
.equipe-fiche-liste:nth-child(5) .equipe-fiche-liste-titre {background-color: var(--main-color-bleu2);}

.equipe-fiche-liste-liste {padding: 40px;}
#contenu .equipe-fiche-liste-liste ul {padding-bottom: 0;}

#equipe-droit {float: right; width: 20%; margin-left: 5%; background-color: rgba(0,0,0,0.05); padding: 2% 2.5%;}
.equipe-liste-mini-element {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; text-decoration: none; padding: 15px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.equipe-liste-mini-element:hover, .equipe-liste-mini-actif {background-color: var(--main-color-mauve);}
.equipe-liste-mini-element:last-child {border: 0; margin-bottom: 40px;}
.equipe-liste-mini-photo {width: 20%; border-radius: 50%; overflow: hidden;}
.equipe-liste-mini-photo img {width: 100%; height: auto; display: block;}
.equipe-liste-mini-infos {width: 75%; margin-left: 5%;}
.equipe-liste-mini-nom {color: var(--main-color-anthracite); font-size: 18px;}
.equipe-liste-mini-titre {color: var(--main-color-mauve); font-size: 14px;}
.equipe-liste-mini-element:hover .equipe-liste-mini-nom, .equipe-liste-mini-element:hover .equipe-liste-mini-titre, .equipe-liste-mini-actif .equipe-liste-mini-nom, .equipe-liste-mini-actif .equipe-liste-mini-titre {color: #fff;}

#equipe-droit .accordion {margin-bottom: 0;}
#equipe-droit .accordion h3 {cursor: pointer; position: relative; padding: 10px 40px 10px 0; border-bottom: 2px solid rgba(0,0,0,0.2); font-size: 20px;}
#equipe-droit .accordion h3:last-of-type {margin-bottom: 0; border: 0;}
#equipe-droit .ui-accordion-content {padding-top: 20px;}
#equipe-droit .accordion h3::after {content: "+"; position: absolute; color: var(--main-color-gold); font-weight: 300; font-size: 30px; right: 0; top: 50%; transform: translateY(-50%);}
#equipe-droit .accordion h3.ui-accordion-header-active::after {content: "-";}




/********************** PAGE STANDARD *********************/

.contenu-gauche {float: left; padding-right: 10%; width: 65%;}
.contenu-droit {width: 25%; float: right;}

#page-sub-menu {padding: 40px; background-color: rgba(0,0,0,0.05); margin-bottom: 40px;}
#page-sub-menu-titre {text-transform: uppercase; font-size: 14px; letter-spacing: 3px; margin-bottom: 20px;}
#page-sub-menu a { background: url("../images/fleche-anthracite.svg") left 10px center no-repeat; background-size: 20px 9px; border-bottom: 1px solid rgba(0,0,0,0.2); padding: 10px 10px 10px 40px; display: block; text-decoration: none; font-weight: bold; color: var(--main-color-anthracite); font-size: 20px;}
#page-sub-menu a:hover {background-color: var(--main-color-jaune);}
#page-sub-menu a:last-child {border: none;}

.liste-fichiers {margin-bottom: 4vw;}
.liste-fichiers-element { border-bottom: 1px solid rgba(0,0,0,0.2); text-decoration: none; display: block; font-size: 20px; padding: 20px 0; position: relative; color: var(--main-color-anthracite) !important;}
.liste-fichiers-element:after { position: absolute; content: ""; width: 18px; height: 5px; right: 18px; bottom: 23px; background-color: var(--main-color-anthracite);}
.liste-fichiers-element:before { position: absolute; content:""; height: 0; bottom: 0; width: 100%; background-color: var(--main-color-jaune);}
.liste-fichiers-element i { position: absolute; right: 20px;}
.liste-fichiers-element:hover:before { height: 6px;}


/************************ JOINDRE ***************************/

#bloc-intro-joindre {text-align: center; background: linear-gradient(var(--main-color-jaune), #f5b548);}

#bloc-intro-joindre-l1 {font-weight: 800; color: #fff; font-size: 45px; margin-bottom: 20px;}
#bloc-intro-joindre-l2 {font-weight: 800; color: #000; font-size: 80px; margin-bottom: 5px;}
#bloc-intro-joindre-l3 {font-weight: 200; color: #000; font-size: 40px;}

.joindre-adresse, .joindre-tel, .joindre-courriel, .joindre-heures {padding-left: 50px; background-size: 30px 30px; background-repeat: no-repeat; background-position: top left; font-size: 24px;}
.joindre-adresse {background-image: url("../images/icons/joindre-pointer.svg"); padding-bottom: 50px;}
.joindre-tel {background-image: url("../images/icons/joindre-tel.svg"); padding-bottom: 0;}
.joindre-courriel {background-image: url("../images/icons/joindre-mail.svg"); padding-bottom: 50px;}
.joindre-heures {background-image: url("../images/icons/joindre-heures.svg"); padding-bottom: 50px;}

#map-joindre {display: block; width: 100%; height: 500px; border: 0;}



.gform_wrapper .ginput_container_text input, .gform_wrapper .ginput_container_email input, .gform_wrapper .ginput_container_textarea textarea, .gform_wrapper .ginput_container_phone input, .gform_wrapper .ginput_container_phone input, .gform_wrapper input[type=text] { padding: 12px 20px !important; font-size: 20px !important; border-radius: 15px; background-color:#E4E4E4; color: var(--main-color-ANTHRACITE); font-family: 'Montserrat', sans-serif;}
footer .gform_wrapper input[type=text] {background-color: #535456;}
.gform_wrapper .ginput_container_text input::placeholder, .gform_wrapper .ginput_container_email input::placeholder, .gform_wrapper .ginput_container_textarea textarea::placeholder, .gform_wrapper .ginput_container_phone input::placeholder { color: rgba(0,0,0,0.6) !important;}
.gform_wrapper .ginput_container_text input:focus::placeholder, .gform_wrapper .ginput_container_email input:focus::placeholder, .gform_wrapper .ginput_container_textarea textarea:focus::placeholder, .gform_wrapper .ginput_container_phone input:focus::placeholder { color: rgba(0,0,0,0.3) !important;}
.gform_wrapper .ginput_container_text input:focus, .gform_wrapper .ginput_container_email input:focus, .gform_wrapper .ginput_container_textarea textarea:focus, .gform_wrapper .ginput_container_phone input:focus, .gform_wrapper input[type=text]:focus { background-color: #b7d0e9; outline: 0;}

.gform_button {font-family: 'Montserrat', sans-serif; background-color: #fff;}


/************************ CTA ***********************/

.bloc-cta {color: #fff; background-repeat: no-repeat; background-size: cover; background-position: top center; width: 100vw; margin: 0 0 0 -50vw; left: 50%; position: relative;}
.bloc-cta-1 {background-image: url(../images/cta/1.jpg);}
.bloc-cta-1-inner { text-align: left; padding-left: 50%; padding-right: 200px;}
.bloc-cta-2 {background-image: url(../images/cta/2.jpg);}
.bloc-cta-2-inner { text-align: right; padding-right: 50%; padding-left: 200px;}

.bloc-cta-titre {font-size: 50px; line-height: 1.1; font-weight: bold; margin-bottom: 50px;}

.bloc-cta-droit {background-repeat: no-repeat; background-size: cover; background-position: top center; padding: 40px; margin-bottom: 40px;}
.bloc-cta-droit .bloc-cta-titre {font-size: 35px; color: #fff;}



/******************* ACCUEIL COFFRE *********************/

#navigation-outils {list-style: none; text-align: center; padding-left: 0 !important;}
#navigation-outils li {display: inline-block; width: 18%; margin: 0 0.5%; padding: 0 !important; list-style: none !important;}
#navigation-outils li:before {display: none !important;}
#navigation-outils li a, #primary ul li a button { display: block; width: 100%; text-decoration: none;}
#navigation-outils li a button { background-color: var(--main-color-anthracite); color: #fff; font-weight: bold; font-size: 20px; text-decoration: none; padding: 20px 0; border-radius: 0;}
#navigation-outils li a button:hover, #navigation-outils .current button {background-color: var(--main-color-mauve); cursor: pointer;}

#section-top {margin-top: 30px;}

#section-top-selects {background-color: #f2f2f2; padding: 40px; margin-bottom: 40px;}
#section-top-selects h2 {margin-top: 0;}
.section-top-titre {font-size: 20px; font-weight: bold; margin-bottom: 10px;}
#section-top-selects select { margin-bottom: 50px;}
#section-top-selects select, #section-top-selects input[type=text], .page-id-767 .facetwp-search { width: 100%; padding: 10px 80px 10px 20px; background-color: #fff; font-size: 20px; border: 1px solid #ccc; border-radius: 10px;}
#section-top-selects form {}
#section-top-selects input[type=text] { margin-bottom: 20px; background: url("../images/icon-loupe.png") right 20px center no-repeat #fff; background-size: 20px 20px; width: calc(100% - 100px);}
#section-top-selects input[type=submit] { padding: 10px 20px; font-weight: bold; font-size: 20px; background-color: #000; color: #fff; border-radius: 10px;}
#section-top-selects input[type=submit]:hover, #recherche-main form button:hover {cursor: pointer;}

.page-id-767 .facetwp-search {padding-right: 0 !important;}
.page-id-767 .facetwp-input-wrap {width: 600px;}

#section-top-selects .facetwp-input-wrap {width: 100%;}
#section-top-selects .facetwp-icon {display: none;}
#section-top-selects .facetwp-facet {margin-bottom: 0;}

#outils-resultats { margin-bottom: 100px;}
.outils-resultat { padding: 30px 0; border-bottom: 1px solid #ccc; font-size: 20px; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; align-items: center; justify-content: center;}
.outils-resultat-titre {width: 70%; font-weight: bold;}
.outils-resultat-boutons {width: 30%; text-align: right; cursor: pointer;}
.outils-resultat-boutons a, .btn-pdf { display: inline-block; margin-left: 10px; padding: 12px 20px; background: #666666; color: #fff; font-weight: bold; text-decoration: none; border-radius: 10px;}
.outils-resultat-boutons a:hover, .btn-pdf:hover {background-color: #000;}

.zone-prerequis, .zone-prerequis p {font-size: 14px;}
.zone-prerequis p {font-weight: normal;}
.zone-prerequis {padding-left: 30px; position: relative;}
.zone-prerequis:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: #000; border-radius: 100%; content: "!"; color: #fff; text-align: center; line-height: 20px;}

.accordion {margin-bottom: 4vw;}
.accordion h3 {margin-bottom: 0 !important;}
.accordion h3 a {color: var(--main-color-anthracite); padding: 15px 50px 15px 15px; font-size: 24px; text-decoration: none; display: block; position: relative; border-top: 1px solid #ccc;}
.accordion h3 a:after {position: absolute; content: "+"; right: 20px; top: 50%; transform: translateY(-50%); font-size: 30px;}
.accordion h3.ui-accordion-header-active a:after {content: "-";}
.accordion h3.ui-accordion-header-active a {color: #fff; background-color: var(--main-color-gris);}
.accordion h3 a:hover {background-color: var(--main-color-gris); color: #fff;}
.accordion h3:first-child a {border: 0;}

.ui-accordion-content {padding: 30px 0;}
.accordion .container-fiche {width: 100%;}

.home .ui-accordion-content {padding: 30px;}

.fiche-gauche ul, .ui-accordion-content ul, .col ul {font-size: 20px !important; margin-bottom: 30px;}
.fiche-gauche ul, .ui-accordion-content ul, .col ul {padding-left: 30px;}

#type-outil, .facetwp-facet-categorie_outils_type {display: none !important;}
.term-outils .facetwp-facet-categorie_outils_type { display: block !important;}
.term-outils .facetwp-facet-categorie_outils_type { margin-bottom: 30px !important;}


#recherche-main {text-align: center;}
#recherche-main form {display: inline-block; border: 1px solid #B2B2B2; border-radius: 20px; padding: 20px 30px;}
#recherche-main form input {font-size: 25px; width: 400px; margin-right: 40px; height: 40px;}
#recherche-main form button {background: url("../images/icon-loupe.png") center center no-repeat #fff; background-size: cover; width: 40px; height: 40px; text-indent: -9999px;}

.facetwp-pager a {display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 40px; padding: 0; border-radius: 50%; border: 1px solid var(--main-color-gris);}
.facetwp-pager .next, .facetwp-pager .prev {width: auto; border: 0;}

.term-fiches-dinformation #section-top-selects-sous, .term-publication #section-top-selects-sous, .term-thematiques #section-top-selects-sous, .term-publications #section-top-selects-sous {display: none;}



/******************* FICHE *********************/

.container-fiche { width: 1000px;}
.container-fiche-print p {font-size: 18px;}

.container-fiche, #lightbox-content { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto;}
.fiche-gauche { width: calc(65% - 60px); padding: 30px;}
.fiche-droit { width: calc(35% - 60px); padding: 30px; background-color: #f2f2f2;}

#fil-arianne { margin-bottom: 10px; font-size: 14px; letter-spacing: 1px;}

.fiche-payante {font-size: 18px; font-weight: bold; color: #3d5aa4; margin-bottom: 30px; padding-left: 50px; position: relative;}
.fiche-payante span {position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; text-align: center; left: 0; background-color: #e5e5e5; border-radius: 50%;}
.fiche-lien-fiche {font-size: 18px; font-weight: bold;}
.fiche-lien-fiche a {font-weight: normal;}
.fiche-mention-speciale {font-size: 20px; background-color: #3d5aa4; padding: 5px 10px; color: #fff;}

.fiche-infos-top {border: 1px solid #ccc; padding: 10px; font-weight: bold; margin-bottom: 30px;}
.btn-pdf { margin-bottom: 30px; margin-left: 0;}

.fiche-droit ul { list-style: circle; margin-bottom: 50px; font-size: 16px !important; padding-left: 0;}
.fiche-droit li {}
.titre-col-droit {font-weight: bold; font-size: 20px;}

.fiche-logo { width: 70%;}
.fiche-logo img { width: 100%; height: auto;}


.lightbox-wrap {
    position: fixed;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 99;
    display: flex;
}
.lightbox-wrap.active {
    display:block;
}
.lightbox {
    position:relative;
    overflow: hidden;
    width: 100%;
    max-width: 1200px; padding-top: 0;
    border-radius: 15px;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    background-color: #fff;
}	

#lightbox-content { max-height: 90vh; overflow: auto; background-color: #fff;}    

.close {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 10px;
    right: 10px;
    cursor:pointer;
    transition:0.3s ease;
    font-size: 25px;
    color: #000;
    z-index: 1;
}

.fiche-spectacle .close, #sceno-grid .close {
    color: #fff;
    text-shadow: 0 0 15px rgba(0,0,0,0.8);}

.close:hover {
    background-color:#000;
    color: #fff;
    transition:0.3s ease;
}

.lightbox-off {
    visibility: hidden;
    opacity:0;
    transition:0.5s ease-out;
}
.lightbox-on {
    visibility: visible;
    opacity: 1;
    transition:0.5s ease-out;
    position: relative; z-index: 99;
}

.post-password-form input[type=password] {font-size: 20px; padding: 10px; border: 1px solid var(--main-color-anthracite)}
.single-outil .container-fiche {margin: 0 !important;}



/********************* HISTORIQUE *********************/

.histo-liste { position: relative; padding-bottom: 50px; margin-bottom: 0; list-style: none;}
.histo-liste::before { content: ""; position: absolute; width: 3px; height: 100%; left: 50%; top: 0; margin-left: -2px; background-color: #959595;}
.histo-liste > li { width: 50%; margin-left: 0; padding-left:0 !important; position: relative;}
.histo-liste > li::before {display: none;}
.histo-liste > li::after { position: absolute; content: ""; width: 20px; height: 20px; border: 3px solid #959595; background-color: #fff; border-radius: 50%; top: 20px; right: 0; margin-right: -3px;}
.histo-liste > li:nth-child(even) { margin-left: 50%;}
.histo-liste > li:nth-child(even):after { right: auto; left: 0; margin-left: -23px;}
.histo-liste > li .histo-liste-element { text-decoration: none; display: block; padding-left: 100px;}
.histo-liste > li:nth-child(odd) .histo-liste-element { text-align: right; padding-right: 100px; padding-left: 0;}
.histo-titre {color: var(--main-color-mauve); font-size: 50px; margin-bottom: 15px;}

.histo-liste li:hover::after {background-color: var(--main-color-mauve); border-color: var(--main-color-mauve); box-shadow: 0 0 20px var(--main-color-mauve);}




/******************** PLAN DU SITE *******************/

#contenu .sitemap {list-style: none; padding-left: 0;}
#contenu .sitemap li {padding-left: 0;}
#contenu .sitemap li:before {display: none;}
#contenu .sitemap ul {padding-bottom: 0;}