/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Author: Phenix Web
Author URI: https://phenixweb.com
Version: 1.0.0
Template: generatepress
Text Domain: generatepress-child
*/

@import url("https://use.typekit.net/jqh1rua.css");
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;800&display=swap');

/*Fonts*/
@font-face {
    font-family: "Brandon-Grotesque-Regular";
    src: url("assets/fonts/BrandonGrotesque/Brandon_reg.otf");
}
@font-face {
    font-family: "Brandon-Grotesque-Black";
    src: url("assets/fonts/BrandonGrotesque/Brandon_blk.otf");
}

@font-face {
    font-family: "Brandon-Grotesque-Medium";
    src: url("assets/fonts/BrandonGrotesque/Brandon_med.otf");
}

/*Page Width Override*/
div#page, section {
    margin: 0;
    padding: 0;
    max-width: none;
}

body {
	font-family: 'Nunito', sans-serif;
	font-weight:400;
}

body * {
    transition: 0.1s;
}


h1, h2.accueil-titre-section {
	font-family: brandon-grotesque, sans-serif;
	font-weight:700;
}

h2 {
	font-family: brandon-grotesque, sans-serif;
	font-weight:700;
}

h3 {
	font-family: brandon-grotesque, sans-serif;
	font-weight:400;
}

.center-text{
    text-align: center;
}

.text-inherit {
    text-transform: inherit;
}

a{
	color: inherit;
}
h1, h2.accueil-titre-section { font-size: 32px; margin: 0;}
h1 > span{font-size: 46px; }
h2{ font-size: 32px; text-transform: uppercase; }
h2.section-title, .chapires-prec-suiv h2 {font-size: 40px; line-height: 44px;}
h2.accueil-titre-section {font-size: 48px; font-weight: 300; text-transform: initial; }
h2 > span { font-size: 18px; text-transform: uppercase; }
h2 > p{ font-size: 22px; }
h3{ font-size: 24px; font-weight: bold; margin-bottom: 10px; }
h4{ font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
h5{font-size: 18px; text-transform: capitalize;font-weight: 400;}
p { font-size: 16px; margin-bottom: 10px; font-weight: 400;}
p.gros { font-size: 18px; }
p.petit { font-size: 15px ; font-weight: bold; margin-top: 30px; margin-bottom: 15px};
p.small {font-size: 14px!important;}

.tab-content ul li,
.tab-content ol li,
.grid-container ul li,
.grid-container ol li,
.popup-info ul li,
.popup-info ol li {
    font-size: 16px;
    margin-bottom: 10px;
}

.tab-content p a, .content-area p a {
    color: var(--orange)!important;
}

.tab-content p a:hover, .content-area p a:hover {
    color: var(--bleu)!important;
}

.txt-s {
    font-size: 14px;
}
.txt-m{
	font-size: 15px
}
.txt-l{
	font-size: 20px;
}

.txt-x{
    font-size: 24px;
}
.txt-xl {
    font-size: 22px;
}

.txt-xxl{
    font-size: 28px;
}



.bold {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}
.lowercase{
    text-transform: initial;
}
h3.uppercase {
    text-transform: uppercase;
}

.assistant{
	font-family: 'Nunito';
}

.brandon{
	font-family: brandon-grotesque, sans-serif;
}
.medium{
    font-family: "Brandon-Grotesque-Medium", sans-serif;
    font-weight: 800;
    letter-spacing: 0.5px;
}
.light {
    font-weight: 400;
}
.verdana{
	font-family: 'verdana';
}

.black{
    font-family: "Brandon-Grotesque-Black";
    letter-spacing: 1px;
}
/*Positioning*/
.float-right {
    float: right;
}

/*Couleurs de base*/
:root {
	--blanc: #fff;
	--gris: #f8f8f8;
	--gris_fonc: #bebebe;
	--noir: #646464;
	--bleu: #00859B;
    --bleu-fonce: #006272;
	--orange: #ED8B00;
	--accent: #A4D233;
}
/*Classes couleurs*/
.bouton{
	background-color: var(--noir);
	color: var(--noir);
}
.cercle-bleu{
	background-color: var(--bleu);
}
.cercle-orange{
	background-color: var(--orange);
}
.cercle-accent{
	background-color: var(--accent);
}
.cercle-vert{
	background-color: #82B02A;
}
.cercle-blanc{
    background-color: #fff;
}

.coul-bleu, .coul-bleu-hover:hover { color: var(--bleu); }
.bg-coul-bleu { background-color: var(--bleu); }
.coul-bleu-fonce, .coul-bleu-fonce-hover:hover { color: var(--bleu-fonce); }
.bg-coul-bleu-fonce { background-color: var(--bleu-fonce); }
.coul-orange, .coul-orange-hover:hover { color: var(--orange); } 
.bg-coul-orange { background-color: var(--orange); }
.coul-accent, .coul-accent-hover:hover { color: var(--accent); } 
.bg-coul-accent { background-color: var(--accent); }
.coul-blanc, .coul-blanc-hover:hover { color: var(--blanc); } 
.bg-coul-blanc { background-color: var(--blanc); }
.coul-gris-fonce, .coul-gris-fonce-hover:hover { color: var(--gris_fonc); } 
.coul-gris, .coul-gris-hover:hover { color: var(--gris); } 
.bg-coul-gris { background-color: var(--gris); }
.coul-noir, .coul-noir-hover:hover { color: var(--noir)!important; } 
.bg-coul-noir { background-color: var(--noir); }
mark {
    background-color: var(--orange);
    color: white;
    font-weight: 800;
    border-radius: 20px;
    padding: 0px 10px;
}
/*Margins*/
.no-margin{
    margin: 0;
}

.no-overflow-y{
	overflow-y: hidden;
}

body{
    overflow-y: overlay;
}


/*Circular Button*/
.circular-button {
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.circular-button i {
    font-size: 26px;
    width: 70px;
    height: 70px;
    color: white;
    display: flex;
    border-radius: 35px;
    margin-left: 20px;
    transition: transform .3s;
    align-items: center;
    justify-content: center;
}

.circular-button.reverse i {
    margin-left: 0px;
    margin-right: 20px;
}

/*.circular-button a:hover .circular-button a {
    transform: scale(1.2);
}*/
.circular-button span {
    font-family: 'Brandon-Grotesque-Black';
    font-size: 15px;
}


.txt-s {
    font-size: 14px;
} 


hr.hr-full-width {
    flex-grow: 1;
    transform: translateY(-8px);
    margin-left: 20px;
    opacity:1;
    background-color: rgba(0,0,0,0.3);
    height: 1.2px;
    margin-top: 50px;
    margin-bottom: 20px;
}

.margin-t-25 {
    margin-top: 25px;
}

.padB80 {
    padding-bottom: 80px;
}

/*Header*/

.header-placeholder {
    /*position: absolute;*/
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
   /* width: 100vw;*/
}
header{
	font-family: brandon-grotesque, sans-serif;
}
header.header-container{
    display: flex;
    justify-content: space-between;
    /*width: 100vw;*/
    /*z-index: 200;*/
    background: white;
}

.header-left {
    display: flex;
    column-gap: 26px;
}

.header-left-left {
    width: 220px;
}

.header-left-left * {
    margin: 0;
}

.header-right {
    display: flex;
    column-gap: 37px;
    align-items: center;
}

.header-left-right {
    border-left: 2px solid #BEBEBE;
    padding-left: 26px;
    padding-top: 18px;
}

.header-menu-title {
    font-size: 16px;
}

.header-right-element {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    align-items: center;
    justify-content: center;
}

.header-right-element a {
    text-align: center;
}

.current-chapitres .menu-chapitres a,
.current-documents .menu-documentation a,
.current-essentiels .menu-essentiels a {
    color:var(--bleu);
}

.header-right-element img {
    width: 40px;
    margin-bottom: 10px;
    
}

.header-right-element.circular-button-icon img {
    width: 30px;
}

header.header-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

p.header-tagline {
    line-height: 24px;
}

p.header-title {
    font-size: 14px;
}

a.header-chapitres {
    cursor: pointer;
}

.header-chapitres i {
    margin-left: 8px;
}

.header-right-element:hover img {
    filter: brightness(0) saturate(100%) contrast(102%) brightness(96%) invert(67%) sepia(25%) saturate(7292%) hue-rotate(4deg);
}

.header-right-element{
    cursor: pointer;
}

.header-right-element:hover a, .header-right-element:hover a i {
    color: #ED8B00;
}


/* Bouton info */
#button-infos {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    color: white;
    font-size: 27px;
    padding-top: 2px;
    z-index: 1000;
}

.popup-info {
    display: none;
    position: fixed;
    right: 40px;
    bottom: 130px;
    width: 50%;
    max-width: 100%;
    padding: 40px 40px 20px 40px;
    border-radius: 20px;
    background-color: white;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    z-index: 1000;
}
.popup-info #popup-info-toggle {
    font-size: 30px;
    float: right;
}
.popup-info h2 {
    width: 100%;
}
.popup-info .grid-50 {
    padding-left: 5%;
    margin-left: 5%;
    border-left: 2px solid #eee; 
}
.popup-info ul {
    margin-bottom: 0px;
}


/*Burger*/

.menu-burger {
    display: none;
    position: fixed;
    background: white;
    z-index: 100;
    width: 100vw;
    height: auto!important;
    transition: 0.6s;
    border-radius: 0px 0px 35px 35px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5)
}

.menu-burger.show {
    display: block;
}

.menu-burger-container {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 570px!important;
}

.menu-burger-part {
    width: 33%;
    float: left;
}

.menu-burger-el-txt {
    margin-bottom: 0px;
}

.menu-burger-el {
    display: flex;
    column-gap: 32px;
}

.menu-burger-el-fst {
    min-width: 33px;
    max-width: 33px;
    text-align: center;
}

.menu-burger-el p.small {
    font-size: 14px;
}

.menu-burger-el-m {
    margin-bottom: 10px;
    margin-top: 30px;
    align-items: center;
}

/*Cards Simple*/

.card-simple-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 30px;
    justify-content: space-between;
}



.card-simple-image {
    height: 214px;
    border-radius: 30px 30px 0px 0px;
	background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}

.card-simple-img-link {
	display: block;
    border-radius: 30px 30px 0px 0px;
}

.card-simple {
    height: 452px;
    border-radius: 30px;
	background-color: #F4F4F4;
}

.card-simple:hover {
    background-color: white;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
}

.card-simple:hover h3 {
    color: var(--bleu);
}

.card-simple:hover p.txt-m {
    color: var(--orange);
}

.card-simple-text {
    padding: 30px;
    height: 238px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}
.card-simple-text h3{
	margin-bottom: 6px;
}
.card-simple-bottom {
    display: flex;
    justify-content: space-between;
}
.card-simple-text h3 {
    color: inherit;
}

/*Intro Section*/
.center-text {
    text-align: center;
}

.intro-padding-70 {
    padding: 70px 0px;
}
.section-padding{
	padding: 80px 0px;
}
.single-banner-intro-container {
    display: flex;
}

.single-banner-intro-left {
    margin: auto 0px;
	padding: 100px 0px 80px 0px;
}

.single-banner-intro-left h2 {
	font-size: 24px;
}

.single-banner-intro-left p.bold {
    margin-top: 20px;
}

.single-banner-intro-left .circular-button {
	margin-top:40px;
}
.single-banner-intro-right {
    display: flex;
    flex-direction: column;
	justify-content:flex-end;
   /* margin-top: 60px;*/
}
/*Rounded Button*/
a.rounded-button {
    font-family: 'brandon-grotesque';
    font-weight: bold;
    font-size: 16px;
    padding: 8px 25px;
    text-transform: uppercase;
    border-radius: 30px;
    margin-bottom: 10px;
    display: inline-block;
}

a.rounded-button.bg-coul-orange:hover {
    background-color: orange;
    color: white;
}



/*Info Tooltip
span.tooltip-texte {
    position: absolute;
    background: white;
    transform: translateX(-7%);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 20px;
    padding: 20px 20px 10px 20px;
    display: none;
   
}
span.tooltip-texte:hover {
    display: block;
}
span.tooltip-container:hover .tooltip-texte {
    display: block;
    
}
*/


i.tooltip-icon {
    color: #ed8b00;
    margin-right: 10px;
    margin-left: 4px;
}


.tooltip-container {
  position: relative;
  display: inline-block;
}

.tooltip-container .tooltip-texte {
    visibility: hidden;
    width: 300px;
    max-width: 60wh;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 20px;
    padding: 20px 20px 10px 20px;
    color: var(--noir);
    text-align: center;
    border-radius: 6px;

    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -153px;

    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-container .tooltip-texte::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-container:hover .tooltip-texte {
  visibility: visible;
  opacity: 1;
}


/*Filters Select*/
.filters-select select {
    width: -webkit-fill-available;
    font-family: 'Nunito';
    font-size: 16px;
    padding: 14px 20px;
    box-shadow: 0px 0px 10px #0000000F;
    border-radius: 25px;
    background: #f4f4f4;
}

/*Cards Simple With Icon*/
.cards-simple-wicon-container {
    background: #f4f4f4;
    padding: 40px 34px 20px 34px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.06);
    border-radius: 20px;
	display: flex;
    flex-direction: column;
}

.cards-simple-wicon-container:hover {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.cards-simple-wicon-container img {
    margin-bottom: 25px;
}

.cards-simple-wicon-bottom {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #CCCCCC;
    padding-top: 17px;
    margin-top: auto;
}
.flex {
    display: flex;
}

.wrap {
    flex-wrap: wrap;
}

.justify-between{
	justify-content: space-between;
}

.cards-simple-wicon-gaps {
    column-gap: 30px;
    row-gap: 50px;
}

/* EN-tête */
.en-tete-intro-container p:last-of-type {
    margin-bottom: 0px;
}

/*Accueil*/
section.section-accueil {
    background: #C3E3E7;
}
.padding-card-s {
    padding: 30px 40px;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 35px;
}

.section-accueil form.search-form {
    margin-bottom: 0px;
}
.search-form label { 
	width:100%;
    margin-right: -8px;
}
.padding-card-m {
    padding: 38px 40px;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 35px;
}

.padding-card-m .flex {
    column-gap: 37px;
}
p.intro-accueil-par {
    margin-top: 20px;
    margin-bottom: 80px;
    padding-left: 30px;
    border-left: 5px solid #FFC72C;
}

.bloc-accueil-documentation:hover {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3)!important;
    background-color: #F47C1C!important;
}

/*Background*/
.background {
    background-size: contain;
    background-repeat: no-repeat;
}

.background-bottom {
    background-position: bottom;
}
.background-center {
    background-position: center;
}

/*Accueil Slider*/
.section-essentiels {
    padding: 135px 0px 80px 0px;
}
.articles-essentiels {
    margin-top: 20px;
}
.article-essentiel {
    width: 270px;
    height: 270px;
    border-radius: 30px;
    padding: 30px 30px 0px 30px;
    box-sizing: border-box;
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    margin-right: 20px;
    transition: 1s;
}

.article-essentiel img {
    width: 90%;
    margin: 0 auto; 
    transition: 1s;
}

.article-essentiel:hover {
    background-color: white!important;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
}

.article-essentiel:hover img {
    /*width: 100%;*/
    transform: scale(1.2);
}

.article-essentiel:hover h3 {
    color: var(--orange);
}

.slick-list.draggable {
    width: calc(100vw - ( (100vw -  1181px) / 2));
    margin-top: 42px;
}

.slider-buttons i {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 45px;
    padding: 20px 24px;
}

.slider-buttons i:hover {
    color: #ED8B00;
    cursor: pointer;
}

/*Accueil Chapitres*/
.section-chapitres {
    padding: 80px 0px 60px 0px;
}

.onglets-themes {
    margin-top: 40px;
}

.onglets-themes .nav-link {
    padding: 0px;
}

.onglets-themes .nav-link h4 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 4px;
}

.onglets-themes .nav-link.active p {
    font-weight: 800;
}

img.nav-link-img {
    width: 63px;
    height: 63px;
}

a.nav-link {
    display: flex;
    column-gap: 30px;
}


.chapter-title {
    column-gap: 30px;
    margin-bottom: 40px;
    align-items:center;
    margin-top: -10px;
}

.chapter-title p {
    margin-bottom: 0px;
    font-family: 'Brandon-Grotesque-Medium';
    font-weight: 800;
    text-transform: uppercase;
}

.chapter-title h2 {
    margin-bottom: 5px;
    color: #333333;
}

a.nav-link h4 {
    color: var(--noir);
    margin: 0;
}

a.nav-link {
    opacity: .8;
    filter: grayscale(1);
    cursor: pointer;
}

a.nav-link.active {
    opacity: 1;
    filter: grayscale(0);
    border: none;
}

a.nav-link:hover {
    opacity: 1;
    filter: grayscale(0);
}
div#nav-tab {
    border: none;
}

a.nav-link:hover,a.nav-link {
    border: none;
}
.nav-tabs .nav-link {
     border: none;
     margin-bottom: 30px;
}

.chapters-container{
    justify-content: space-between;
}

.card-simple-chapter {
    width: 48%;
    background-color: #F4F4F4;
    border-radius: 30px;
    padding-top: 30px;
    margin-bottom: 4%;
}

.card-simple-chapter:hover {
    background-color: white;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
}

.card-simple-chapter-bottom {
    display: flex;
    column-gap: 10px;
    align-items: center;
    /* padding-top: 10px; */
    border-top: 3px solid;
    padding-left: 30px;
    padding-right: 30px;
    height: 60px;
}

.card-simple-chapter-bottom p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}

.card-simple-chapter-bottom p i {
    margin-right: 8px;
}

.card-simple-chapter-top {
    padding: 0px 30px;
}

.card-simple-chapter-top-text {
    min-height: 130px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.card-simple-chapter-top-text img {
    height: 162px;
    object-fit: contain;
}

.card-simple-chapter-top-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
img.chapter-title-img {
    height: 95px;
    width: 95px;
}

.section-credits {
    text-align: center;
    background-position: bottom right;
}

.section-credits p {
    max-width: 700px;
    margin: 0 auto;
}

.section-credits a.button-simple {
    margin-top: 40px;
}

blockquote {
    font-size: initial;
    padding: 30px;
    background: #f8f8f8;
    margin: 20px 0px;
    border: none;
    border-radius: 20px;
}

.en-savoir-plus h1 {
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.8px;
}
.en-savoir-plus a {
    font-size: 23px;
    display: block;
    font-style: oblique;
    font-family: 'Assistant';
    color: #ED8B00;
    text-decoration: underline;
    letter-spacing: -0.57px;
}

.en-savoir-plus a i {
    font-style: initial;
}

.en-savoir-plus a:hover {
    opacity: .7;
}

.en-savoir-plus p {
    margin-bottom: 20px;
}

.en-savoir-plus {
    border-radius: 20px;
    padding: 40px;
}
.bare-card-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    justify-content: center;
}

.bare-card-next {
    padding: 110px 11px 14px 85px;
    text-align: left;
}
.bare-card-previous {
    padding: 110px 85px 14px 11px;
    text-align: right;
}


.bare-card {
    width: 581px;
    border-radius: 35px;
    
}
hr.sub-section-hr {
    opacity: 1;
}

h3.sub-section-title {
    margin-top: 40px;margin-bottom: 20px;
}

.sub-sections-container ul {
    margin-left: 20px;
	margin-top:12px;
}

.sub-sections-container ::marker {
    color: black;
}
button.section-accordion-button.accordion-button {
    padding: 0;
}

button.section-accordion-button.accordion-button {
    background: transparent;
    color: var(--bleu);
    /* font-family: 'Brandon-Grotesque-Black'; */
    font-family: 'brandon-grotesque';
    font-size: 19px;
    text-transform: inherit;
    margin-top: 10px;
    border-color: none;
    box-shadow: none;
}

button.section-accordion-button.accordion-button.collapsed {
    color: black;
    
}

button.section-accordion-button.accordion-button:hover {
    color: var(--bleu);
}

button.section-accordion-button.accordion-button:active {
    color: var(--bleu);
}
.section-accordion-button.accordion-button::after {
    filter: none;
    background: none;
    content: "";
    width: auto;
    height: auto;
    margin-left: 4px;
    transition: auto;
}
.sub-sections-nav {
    border-left: 3px solid #e5e5e5;
    padding-left: 15px;
    margin-left: 24px;
}

.nav-sections {
	padding: 40px 20px 30px 40px;
	border-radius: 35px 35px 35px 35px;
	float: left;
	margin-bottom:40px;
}
button.section-accordion-button.accordion-button {
    margin-left: -30px;
}

button.section-accordion-button.accordion-button.collapsed .section-underscore {
    color: transparent;
}

button.section-accordion-button.accordion-button .section-underscore {
    color: inherit;
}

span.section-underscore {
    font-size: 30px;
    height: 27px;
    transform: translateY(-19px);
}

span.section-number {
    font-size: 16px;
    margin: 0px 10px;
}

button.section-accordion-button.accordion-button.collapsed .section-number {
    color: transparent;
}

button.section-accordion-button.accordion-button .section-number {
    color: var(--noir);
}
.nav-title {
    margin-left: 18px;
    margin-bottom: 30px;
}
.items-center{
    align-items: center;
}
.chapter-intro-left h2 {
	font-size:24px;
}
.chapter-intro-paragraph p {
    font-size: 18px;
    font-family: 'Brandon-Grotesque-Medium';
    opacity: .8;
    letter-spacing: 0.45px;
    padding-left: 44px;
}

.chapter-intro-paragraph {
    margin-bottom: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.chapter-intro-header-left img {
    height: 60px;
}

.chapter-intro-header-left {
    color: white;
    padding-left: 30px;
}

.chapter-intro-header-left-chapters {
    opacity: 0.6;
}

.chapter-intro-header-left span {
    margin-right: 20px;
}
h1.chapter-intro-title {font-family: 'Brandon-Grotesque-Medium';font-size: 52px;font-weight: 100; margin-bottom: 30px;}
.chapter-intro-header {
    display: flex;
    justify-content: space-between;
    color: white;
    align-items: center;
    padding-right: 10%;
}

.chapter-intro-header-right span {
    margin-right: 26px;
}

.chapter-intro-header-right a:hover {
    color: var(--bleu);
}

.wp-caption-text {font-style: italic;color: #333333;font-size: 14px;padding: 20px;padding-top: 20px!important;background-color: #EEEEEE;border-radius: 0px 0px 20px 20px;line-height: 25px;}

.section-chapitre-intro {
    padding-top: 100px;
    padding-bottom: 80px;
}

.nav-sections-chapters {
	display: none;
}

@media screen and (min-width:1024px) {
	.nav-sections {
		position: absolute;
		left: 0;
		padding: 40px 20px 30px 40px;
		border-radius: 35px 35px 35px 35px;
		position: -webkit-sticky;
		position: sticky;
		top: 40px;
		float: left;
	}

	.nav-sections-fixed .nav-sections {
		position: fixed;
		top: 200px;
	}
	
	.nav-sections-chapters {
		display: flex;
		justify-content: space-between;
		border-top: 2px solid #BEBEBE;
		margin-top: 30px;
		padding-top: 20px;
	}

	.nav-sections-chapters span {
		font-weight: bold;
		text-transform: uppercase;
		margin-right: 16px;
	}
}


/* DOCUMENTS */
.document-icon {
    width: 60px;
}

/* SEARCH AND FILTERS */
/* FILTRES */
.searchandfilter ul {
    margin-left: 0px;
}

.searchandfilter ul li {
  padding:0px 0px 10px 0px;
}

.searchandfilter ul li label {
    background: white;
    border-radius: 12px;
    padding-right: 10px;
    
}

.searchandfilter ul li[data-sf-field-input-type="select"],
.searchandfilter ul li.sf-field-search {
    width:100%;
}

.searchandfilter ul li[data-sf-field-input-type="select"] label,
.searchandfilter ul li.sf-field-search label {
    width:100%;
    border-radius: 30px;
}

.searchandfilter ul li.sf-field-search input {
    width:100%;
    border-radius: 30px;
}

.searchandfilter ul li {
    display: inline-block;
}

.searchandfilter ul li[data-sf-field-input-type="checkbox"] label {
    float: left;
    padding: 7px 20px 5px 20px;
    display: inline-block;
    font-family: 'Brandon-Grotesque-Regular';
    letter-spacing: 0.5px;
    margin-bottom: -10px;
    margin-right: 6px;
}

.searchandfilter ul li.sf-field-reset {
    float:right;
    margin-right: -10px;
    text-decoration: underline;
    margin-top: 10px;
}

.searchandfilter h4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0px;
    letter-spacing: 0.75px;
    line-height: 26px;
	color: var(--noir);
    text-transform: initial;
    font-family: 'Brandon-Grotesque-Medium';
}

.searchandfilter .sf-field-taxonomy-regions {
    margin-bottom: 10px;
}

.searchandfilter select,
.searchandfilter ul li.sf-field-search input {
    border-radius: 30px;
    width: -webkit-fill-available;
    background-color: #f8f8f8;
    padding: 10px 10px 10px 20px;
	border: 1px solid #ddd;
	box-shadow:none;
	
}

.searchandfilter select::before {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
}

.searchandfilter select::after {
    font-family: "Font Awesome 5 Free";
    content: "\f3c5";
}

.searchandfilter .sf-input-checkbox {
    display:none;
}

.searchandfilter .sf-option-active label {
    background-color: var(--bleu);
    color:white;
}

.searchandfilter .sf-field-submit {
    margin-top: 20px;
}

/* RÉSULTATS DE RECHERCHE */
.search-results .page-title span {
	color: var(--orange);
}
.search-results .generate-columns-container {
	max-width: 1270px;
    margin: 0 auto;
}
.search-results .page-header {
	padding:0px;
}
.search-results article {
	width:100%!important;
	margin-bottom:20px;
}

.search-results article .inside-article {
	padding:40px 40px 30px 40px;
	background-color:#f4f4f4;
	border-radius:30px;
}

.search-results article .inside-article h2 a:hover {
	color: var(--bleu);
}

/* PAGINATION */
.nav-links {
	width:100%;
	text-align:center;
}
.nav-links .page-numbers {
	margin:5px 10px;
}
.nav-links .current {
	font-weight: 800;
    color: var(--bleu);
}
.nav-links .prev,
.nav-links .next {
	font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    display: inline-block;
    padding: 9px 30px 7px 30px;
    border-radius: 30px;
    width: fit-content;
    height: fit-content;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'brandon-grotesque', sans-serif;
    font-weight: bold;
    cursor: pointer;
	margin-top:-5px;
}
.nav-links .prev:hover,
.nav-links .next:hover {
	background-color: var(--orange);
	color:white;
}
.nav-links .prev {
	background-color: #eee;
	color: #777;
	margin-right:30px;
	float:left;
}
.nav-links .next {
	background-color: var(--bleu);
	color: white;
	margin-left:30px;
	float:right;
}

/* FOOTER */
footer {
    padding: 70px 0px;
}

.footer-left h2 {
    font-size: 40px;
    max-width: 460px;
}
.footer-chapter-container.accordion {
    margin-top: 40px;
}

form.search-form {
    margin-top: 24px;
}

form.search-form input {

    border-radius: 30px;
    width: 100%;
    height: 60px;
    padding: 18px 30px;
    background-color: white;
    border:none;
}

form.search-form button {
    background-color: white;
    color: #006272;
    font-size: 30px;
    padding: 0;
    margin-left: -50px;
    transform: translateY(5px);
}

.footer-chapters{
    display: flex;
    flex-direction: column;
    /*width: 100vw;*/
}
.footer-chapters-el-txt {
    /*max-width: 305px;*/
}

.footer-chapters-el {
    display: flex;
    align-items: center;
}

button.accordion-button {
    padding-bottom: 0;
    padding-top: 0;
}

.footer-chapters-el.accordion-header.footer-chapters-el-m.uppercase.black.bold {
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer-chapters-el.txt-m.assistant a {
    margin-bottom: auto;
}

.footer-chapters-el-fst {
    width: 45px;
    text-align: center;
}

/*.footer-chapters-el-m {
    margin-bottom: 19px;
    margin-top: 30px;
}*/
.marg-l-32 {margin-left: 52px;}

.footer-right-element {
    display: flex;
    column-gap: 10px;
    align-items: center;
    margin-top: 20px;
}

.footer-right-element img {
    width: 22px;
    height: 22px;
}

.footer-right-element * {
    margin: 0;
}
.footer-right {
    padding-top: 60px;
    float: right;
}

.footer-right .cqch-credits {
    margin-top: 80px;
}

.footer-right .cqch-credits img {
    margin-bottom: 20px;
}

.footer-right .cqch-credits .cqch-credits-texte {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-right .cqch-credits .legal {
    margin-top: 30px;
}

.footer-chapter-container.accordion * {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.footer-chapters-sub-container {
    margin-left: 50px;
}
.footer-chapters-sub-container p {
    font-weight: 600;
}
.accordion-button{
	width: auto;
}
.accordion-button::after {
    margin-left: 10px;
    
}

.accordion-button::after {
    filter: invert(99%) sepia(0%) saturate(5%) hue-rotate(173deg) brightness(103%) contrast(101%);
}
.footer-chapters-el h3 {margin-bottom: 0;margin-top: 0px;}

.nav{
    flex-direction: column;
}
.card-m-img{
    height: 90px;
}
.card-m-text{
    margin-left: -20px;
}
.neg-margin {
    height: 90px;
    margin-top: -90px;
    position: relative;
}
a.button-simple {
    background: #ED8B00;
    padding: 9px 19px;
    border-radius: 25px;
    color: white;
    font-size: 15px;
    display:inline-block;
}
.cei {
    padding-right: 32%;
    padding-left: 32%;
}

.cei h1 {
    font-size: 38px;
    margin-bottom: 30px;
}

.cei p {
    margin-bottom: 45px;
}



@media (max-width: 1200px){
    .cei {
        padding-right: 5%;
        padding-left: 5%;
    }
    .grid-container{
        padding-right: 5%;
        padding-left: 5%;
    }  
    .slick-list.draggable {
        width: 95vw;
    }
    .padding-card-m {
        margin-top: 20px;
    }
}

@media (max-width: 1024px){
	header.header-container {
	    justify-content: center;
	    row-gap: 30px;
	    column-gap: 60px;
	    flex-wrap: wrap;
	}
	.neg-margin {
        
        height: auto;
    }
	.sub-sections-container {
		float:none!important;
	}
}

@media screen and (max-width:768px) {
	h2.accueil-titre-section {
		font-size: 38px;
	}
	h3 {
		font-size:22px;
	}
	#button-infos {
		right: 20px;
		bottom: 20px;
		width: 60px;
		height: 60px;
		font-size: 20px;
	}
	.menu-burger-container {
		height: auto!important;
	}
	.menu-burger-el {
		font-size: 22px;
    	line-height: 1.2;
		margin-bottom: 15px;
		column-gap: 12px;
	}
	.menu-burger-el-txt {
		font-size: 18px;
	}
	.menu-burger-part {
		width: 100%;
	}	
	.section-padding, .section-essentiels, .section-chapitres {
		padding: 40px 0px; 
	}
	.accueil-documentation.flex {
		display:block;
	}
	.accueil-documentation .card-m-text {
		margin-left:0px;
		margin-top:20px;
	}
	.chapter-title {
		display:block;
	}
	.chapter-title .chapter-title-img {
		margin-bottom:20px;
	}
	.card-simple-chapter {
		width:100%;
	}
	.tab-content>.tab-pane {
		display:block!important;
		opacity:1;
		margin-bottom:40px;
	}
	.searchandfilter h4 {
		font-size:20px;
	}
	.searchandfilter select, .searchandfilter ul li.sf-field-search input {
		padding: 6px 6px 6px 10px;
	}
	.searchandfilter > ul > li {
		margin-bottom:0px;
	}
	.searchandfilter {
		margin-bottom:20px;
	}
	.cards-simple-wicon-gaps {
		row-gap: 20px;
	}
	.cards-simple-wicon-container {
		display:block;
		width: 100%;
	}
	.cards-simple-wicon-container img {
		width: 40px;
		margin-right: 20px;
		margin-bottom: 20px;
		float: left;
	}
	.cards-simple-wicon-container p.assistant {
		clear:both;
	}
	.footer-left h2 {
    	font-size: 29px;
    	max-width: 100%;
	}
	.footer-chapters-el h3 {
		font-size: 16px;
	}
	.footer-chapter-container.accordion {
		margin-top:20px;
	}
	.accordion-button::after {
	    position: absolute;
    	right: 0px;
 	}
	.footer-chapter-container button.accordion-button {
		width:100%;
		padding: 0px 30px 0px 3px;
	}
	.footer-chapters-el.accordion-header.footer-chapters-el-m.uppercase.black.bold {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.footer-right {
		padding-top: 10px;
		float: right;
		padding-left: 10px;
		border-top: 2px solid rgba(0,0,0,0.1);
		margin-top: 20px;
	}
	.footer-right .cqch-credits {
		margin-top: 40px;
		padding-top: 30px;
		border-top: 2px solid rgba(0,0,0,0.1);
	}
}

.print {
    display: none;
}

@page {
    @bottom-right {
        content: counter(page) " of " counter(pages);
    }
}

@media print {
    .print { display: block; }
    .pagebreak { page-break-before: always; }
    hr.print {
        height: 2px;
        color: #eee;
    }
    #button-infos,
    .circular-button,
    .header-placeholder-container,
    .chapter-intro-header img.icone-blanc,
    .chapter-intro-header-left-chapters,
    .chapter-intro-header-right,
    .tooltip-container,
    .nav-sections,
    .chapires-prec-suiv,
    .site-footer { 
        visibility: hidden; 
        height: 0px;
        width: 0px;
        display: none;
    }
    .chapter-intro-header img.icone-couleur {
        width: 30px;
        height:30px;
        float:left;
        margin-right: 10px; 
    }
    .chapter-intro-header-left {
        padding-left: 0px; 
    }
    .chapter-intro-header-left-partie {
        font-size: 20px;
        margin-top: 10px;
    }
    .section-chapitre-intro {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .chapter-intro-right-bottom {
        justify-content:flex-start;
    }
    h2.section-title, 
    .en-savoir-plus h2 {
        font-size: 30px;
        line-height: 36px;
    }
    h3.sub-section-title {
        font-size: 18px;
        line-height: 22px;
    }
    p,
    a,
    .en-savoir-plus a {
        font-size: 14px;
    }

    ol li,
    ul li {
        font-size: 14px!important;
        line-height: 18px;
        margin-bottom: 6px;
    }
    .en-savoir-plus {
        padding: 0px;
    }
	
}