/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 ROOT
1.0 TARTE AU CITRON LOGO

--------------------------------------------------------------*/
/*--------------------------------------------------------------
0.0 ROOT
---------------------------------------------------------------*/
:root {
  /* FONTS */
  --h1-size: 48px;
  --h2-size: 36px;
  --h3-size: 24px;
  --h4-size: 20px;
  --texte-size: 20px;
  --texte-moyen: 17px;
  --texte-petit: 15px;
  --text-line-height:22px;

  /* COULEURS */
  --blanc:#ffffff;
  --noir:#000000;
  --bleu: #201d5d;
  --vert: #00A19A;
  --vert-clair: #2c9766;
  --gris: #DCE8E7;
  --gris-fonce:#b5b5b5;
  --orange:#e49d32;
}
.degrade-blc{
  background: rgb(220,232,231);
  background: linear-gradient(0deg, rgba(220,232,231,1) 82%, rgba(252,252,252,1) 100%);
}
.degrade-gris{
  background: rgb(231,240,239);
  background: linear-gradient(0deg, rgba(231,240,239,1) 74%, rgba(245,254,253,1) 100%);
}
/*--------------------------------------------------------------
0.1 FONTS
---------------------------------------------------------------*/
@font-face {
 font-family: "roboto bold";
 src: url("assets/fonts/RobotoCondensed-Bold.ttf");
}
@font-face {
 font-family: "roboto bold italic";
 src: url("assets/fonts/RobotoCondensed-BoldItalic.ttf");
}
@font-face {
 font-family: "roboto italic";
 src: url("assets/fonts/RobotoCondensed-Italic.ttf");
}
@font-face {
 font-family: "roboto light";
 src: url("assets/fonts/RobotoCondensed-Light.ttf");
}
@font-face {
 font-family: "roboto light italic";
 src: url("assets/fonts/RobotoCondensed-LightItalic.ttf");
}
@font-face {
 font-family: "roboto regular";
 src: url("assets/fonts/RobotoCondensed-Regular.ttf");
}
@font-face {
 font-family: "sul bold";
 src: url("assets/fonts/SulphurPoint-Bold.ttf");
}
@font-face {
 font-family: "sul light";
 src: url("assets/fonts/SulphurPoint-Light.ttf");
}
@font-face {
 font-family: "sul regular";
 src: url("assets/fonts/SulphurPoint-Regular.ttf");
}
h1, .fake-h1{
  font-family: "roboto bold";
  font-size: var(--h1-size);
  color: var(--bleu);
  text-transform: uppercase;
}
h2, .fake-h2{
  font-family: "roboto bold";
  font-size: var(--h2-size);
  color: var(--bleu);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
h3, .fake-h3{
  font-family: "roboto bold";
  font-size: var(--h3-size);
  color: var(--bleu);
}
h4, .fake-h4{
  font-family: "roboto bold";
  font-size: var(--h4-size);
  color: var(--bleu);
}
p, ul, li, ul li, ul li span{
   font-family: "sul Light";
   font-size: var(--texte-size);
   line-height:var(--text-line-height);
   color:var(--blanc);
   letter-spacing: 0.5px;
}
p{
  text-align: justify;
}
.bloc-referent p, .single-membre p{
  text-align: center;
}
.texte-info p, .texte-info h3,
.texte-info h4, .texte-info li,
.texte-info li span, .texte-info a, .texte-post ul li {
  color:var(--bleu)!important;
}
a {
  font-family: "roboto light";
  font-size: var(--texte-size);
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}
.main-content #page-child a, #footer a{
    font-family: 'sul light';
    text-transform: initial;
    text-decoration: underline;
    color: #ffffff;
}
.banner-info a{
    font-family: 'roboto regular';
    text-transform: initial;
    text-decoration: underline;
    color: #ffffff;
}
.menu-item a {
    font-family: "roboto regular";
    font-size: var(--h4-size);
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}
.date{
  font-family: "roboto bold";
  color:var(--gris-fonce);
  letter-spacing: 0.3px;
}
.sous-titre{
    font-family: "sul bold";
    color:var(--bleu);
}
.infos-article p.sous-titre{
  text-align:left;
}
#page-actus .sous-titre {
    padding-top: 10%;
}
.page-template-template-child .sous-titre {
    font-family: "sul bold";
    color: var(--blanc);
    padding-top: 5%;
}
.infos-article a .date{
  color:var(--vert);
  text-transform: lowercase;
}
/*--------------------------------------------------------------
1.0 TARTE AU CITRON LOGO
---------------------------------------------------------------*/
img.logo-tarte {
    width: 260px;
}
/*--------------------------------------------------------------
0.0 GENERAL
---------------------------------------------------------------*/
.colonne-centrale{
  width: 85%;
  margin: auto;
  padding-bottom: 45px;
}
.main-content #page-child .colonne-centrale a {
  color: black;
}
.row-600{
  height: 600px;
}
.texte-post {
  font-family: 'sul bold';
}
/*--------------------------------------------------------------
0.0 MEGAMENU
---------------------------------------------------------------*/
/* MENU MOBILE */
.mob-menu-header-holder.mobmenu {
    box-shadow: 0px 0px 5px #00000038;
}
.boutons-menu-mobile{
  display: none;
}
/* MENU NIVEAU 1 */
ul#menu-menu-principal{
  list-style: none;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 0;
}
ul#menu-menu-principal li{
  width: fit-content;
  width:-moz-fit-content;
  margin-left: 2%;
  margin-right: 2%;
  min-width: fit-content;
  min-width:-moz-fit-content;
  padding-bottom: 52px;
  cursor: pointer;
}
ul#menu-menu-principal li > ul.sub-menu{
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  background-color: #201d5d;
  padding: 3%;
  list-style: none;
  margin-top: 52px;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  box-shadow: 0px 5px 10px #00000054;
}
ul#menu-menu-principal li a:hover, .current-menu-item a,
.current-menu-parent a, .current-page-parent a, .current_page_parent a, .current_page_ancestor a{
  color:var(--vert);
}
/* TRIANGLE */
ul#menu-menu-principal .menu-item-has-children::after{
  content: "";
  position: absolute;
  background-color: transparent;
  width: 30px;
  /* height: 49px; */
  bottom: 0;
  margin-left: 50px;
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid #201d5d;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
ul#menu-menu-principal .menu-item-has-children:hover::after{
  visibility: visible;
  opacity: 1;
}

/* MENU NIVEAU 2 */
ul#menu-menu-principal li > ul.sub-menu li a{
    font-family: 'sul regular';
    color:var(--blanc);
    text-transform: none;
    letter-spacing: 0.3px;
}
ul#menu-menu-principal li > ul.sub-menu li{
  width: 30%;
  padding-bottom: 5px;
}
ul#menu-menu-principal li#menu-item-287 > ul.sub-menu li {
    width: auto;
}
ul#menu-menu-principal li > ul.sub-menu li a:hover{
  color:var(--vert);
}

/* MENU NIVEAU 3 */
ul#menu-menu-principal li > ul.sub-menu > li > ul.sub-menu li a{
  font-family: 'sul light';
  color: #dce8e7b8;
}
ul#menu-menu-principal li > ul.sub-menu > li > ul.sub-menu li a{
  display: contents;
}
ul#menu-menu-principal li > ul.sub-menu > li > ul.sub-menu li::before {
  content: "•";
  color: #ffffff;
  margin: 10px;
  opacity: 0.6;
}
ul#menu-menu-principal li > ul.sub-menu > li > ul.sub-menu{
  display: contents;
}
ul#menu-menu-principal .menu-item-has-children > ul.sub-menu > li.menu-item-has-children::after{
  display: none;
}
/*--------------------------------------------------------------
0.0 BANNIERE INFOS
---------------------------------------------------------------*/
.banner-info {
  width: 100%;
  background-color: #e9563d;
  display: flex;
  justify-content: space-between;
  padding: 8px;
  height: 45px;
}
.container-texte-banner{
  color: var(--blanc);
  font-family: 'roboto regular';
  display: flex;
align-items: center;
}
.container-texte-banner a{
  color: var(--blanc);
  margin-left: 15px;
  text-decoration: underline;
}
.fa-times:before {
    font-size: 30px;
    color:var(--blanc);
}
.container-bouton-banner{
  cursor: pointer;
}
/*--------------------------------------------------------------
0.0 HEADER / MENU
---------------------------------------------------------------*/
.mob-menu-header-holder.mobmenu {
    z-index: 100;
}
#header.container-fluid{
  padding-right: 0;
  padding-left:0;
}
#header{
  z-index: 15;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  box-shadow: 0px 0px 15px #00000015;
}
img#logo-principal{
  height: auto;
  width: 50%;
}
.bouton-bleu{
  background-color: var(--bleu);
  padding: 8px;
  color: var(--blanc);
  border-radius: 5px;
  max-height: 45px;
  min-width:250px;
  transition: 0.7s;
  min-width: max-content;
}
.bouton-vert{
  background-color: var(--vert);
  padding: 8px;
  color: var(--blanc);
  border-radius: 4px;
  max-height: 45px;
  cursor:pointer;
  transition: 0.7s;
}
.bouton-vert:hover{
  background-color: var(--blanc);
  color: var(--vert);
  box-shadow: 0px 0px 10px #00000024;
}
.bouton-bleu:hover{
  background-color: var(--blanc);
  color: var(--bleu);
  box-shadow: 0px 0px 10px #00000024;
}
/*--------------------------------------------------------------
0.0 SUB HEADER
---------------------------------------------------------------*/
#sub-header, #carousel-articles{
  height:auto;
  background-color: var(--gris);
  z-index:0;
}
#sub-header{
  margin-top: -5%;
}
#sub-header .colonne-centrale{
  padding-bottom:10%;
  margin-top: -100px;
}
.titre-principal{
  position: absolute;
  display: flex;
  width: 100%;
  padding-top: 80px;
}
.img-sub-header{
  padding-top: 25%;
  width: 100%;
}
.picto-sub-header{
  width:60px;
  margin-top: -25px;
}
.picto-sub-header-404{
  width:200px;
  margin-top: 50px;
}
.bloc-left h2{
  color:var(--blanc);
}
.bloc-left{
  background-color: var(--bleu);
  border-top-left-radius:25px;
  border-bottom-left-radius: 25px;
      padding: 4% 3% 0% 7%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.bloc-right{
  background-color: var(--blanc);
  border-top-right-radius:25px;
  border-bottom-right-radius: 25px;
  padding:15px;
}
.carte{
  background-size: contain;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.bloc-left .bouton-vert{
  position: absolute;
  bottom: -20px;
  padding: 10px;
  width: 180px;
  text-align: center;
}
.bloc-left .svg-icon{
  position: absolute;
  width: 35px;
  left: 5%;
}
/*--------------------------------------------------------------
0.0 SECTION ARTICLES
---------------------------------------------------------------*/
.articles-carousel .item-article{
  width:90%!important;
}
#carousel-articles .titre{
  padding-top: 5%;
  padding-bottom: 20px;
}
.home .item-article{
  height:auto!important;
}
.item-article {
    background-color: #ffffff;
    height: 550px!important;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0;
    margin: 15px;
    margin-top: 30px;
    width: 30%;
    box-shadow: 0px 0px 10px #00000050;
}
.item-article .article-img{
    height: 235px;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-size: cover;
    background-position: center;
}
.infos-article {
    padding: 10%;
}
.infos-article div{
    padding-bottom: 15px;
}
.articles-carousel {
    margin-bottom: 5%;
}
/*--------------------------------------------------------------
0.0 SECTION NOS PROJETS
---------------------------------------------------------------*/
#nos-projets, #carousel-articles{
  padding-top: 5%;
  padding-bottom: 5%;
}
#nos-projets .container-cards .card-item:hover .card-item-inner{
  transform: scale(1.1);
}
#page-parent .container-cards .card-item {
  height: 420px;
  background-color: black;
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#nos-projets .container-cards .card-item{
  height: 350px;
  background-color: black;
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-item.soins, .card-item.parcours, .card-item.prevention{
  background-position: center;
  background-size: cover;
}
.card-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform .5s;
}
.card-item-inner img.svg-icon {
  width: 50px;
  margin-bottom: 7%;
}
.card-item-inner h3{
  color:var(--blanc);
  font-family: "roboto regular";
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.card-item-inner .col-12{
  z-index:1;
}
span.tiret{
  display: block;
  height: 7px;
  background-color: #ffffff;
  width: 10%;
  margin: auto;
}
span.layer-color {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left:0;
  border-radius: 20px;
  opacity: 0.7;
}
.card-item.annuaire,.card-item.membre{
  border-radius: 20px;
  cursor:pointer;
}
.card-item.annuaire:hover .card-item-inner, .card-item.membre:hover .card-item-inner{
  transform: scale(1.1);
}
.card-item.membre, .card-item.annuaire{
  height: 160px;
  padding: 5%;
}
.card-item.annuaire{
  background-color: var(--bleu);
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-item.membre{
  background-color: var(--vert-clair);
  margin-left: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svg-icon-annuaire{
  margin-bottom: 15px;
  width: 50px;
}
.svg-icon-group{
  margin-bottom: 15px;
  width: 80px;
}
.projet-img-item {
    display: flex;
    width: 100%;
    justify-content: center;
}
/*--------------------------------------------------------------
0.0 PAGE PARENTE
---------------------------------------------------------------*/
#page-parent{
  padding-top: 15%;
  padding-bottom: 10%;
}
#page-parent .titre{
  padding-bottom: 3%;
}
.bouton-vert.savoir-plus{
    font-family: 'roboto light';
    min-width: max-content;
}
#page-parent .card-item.parent-item{
  background-position: center;
  background-size: cover;
  height: 335px;
}
#page-parent p.sous-titre {
    margin-bottom: 10%;
}
.liste-pages-enfants{
  width:80%;
}
section#page-parent p, .page-child-sous-titre p {
    font-family: 'sul bold';
    color: var(--bleu);
}
section#page-parent ul li, section#page-parent ul li span{
  font-family: 'sul regular';
  color: var(--bleu);
  padding-bottom: 15px;
}
section#page-parent ul {
    padding-left: 0;
    text-align: left;
}
section#page-parent a {
    font-family: 'sul bold';
    font-size: var(--texte-size);
    color: #000000;
    text-decoration: none;
    text-transform: none;
}
.container-sous-titre-parent{
    margin-top: 20px;
    margin-bottom: 50px;
}
/*--------------------------------------------------------------
0.0 PAGE ENFANT
---------------------------------------------------------------*/
.main-content #page-child .page-child-sous-titre a{
  color:var(--bleu);
  font-family: 'sul bold';
}
#page-child h1{
  color: var(--blanc);
    text-transform: uppercase;
    font-size: var(--h2-size);
}
.container-fluid.child-container-title {
  background-color: var(--bleu);
}
.row-child{
  min-height:600px;
}
.child-bloc-img{
  padding: 0;
  background-size: cover;
  background-position: center;
  width: 40%;
}
.child-bloc-text{
  padding: 3%;
  width: 60%;
}
.child-bloc-text p{
  font-size: var(--h4-size);
}
.child-bloc-img img{
  width:100%;
}
.child-bloc-text h3 {
  font-family: 'sul bold';
  font-size: 30px;
  color: var(--blanc);
  padding-left: 5%;
  position: relative;
  margin-top: 7%;
  margin-bottom: 5%;
}
.child-bloc-text h4 {
  font-family: 'sul bold';
  color: var(--blanc);
}
.child-bloc-text .child-titre h3{
    margin-top: 0;
}
.child-bloc-text .child-titre {
    position: relative;
    margin-top: 0;
    margin-bottom: 5%;
}
.child-bloc-text h3::before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    left: 0;
    background-color: #ffffff;
    position: absolute;
}
.blocs-child-page-mobile{
  display: none;
}
/*--------------------------------------------------------------
0.0 SOUS PAGE
---------------------------------------------------------------*/
.bloc-objectif, .bloc-actions{
  padding:5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.bloc-objectif img, .bloc-actions img{
  width: 100px;
  position: absolute;
  top: -50px;
}
.bloc-objectif h3, .bloc-actions h3{
  color:var(--blanc);
}
.bloc-objectif{
  background-color: var(--vert);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.bloc-actions{
  background-color: var(--bleu);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.page-template-template-sous-page #page-child .colonne-centrale {
    padding-top: 5%;
}
.page-template-template-sous-page .fake-h3{
  margin-bottom: 20px;
  margin-top: 50px;
}
.bloc-referent{
  height: auto;
  text-align: center;
}
.bloc-referent img, .bloc-membres .single-membre img{
  width: 200px;
  border-radius: 100px;
  margin-bottom: 20px;
}
.bloc-referent p, .bloc-membres p{
  color:var(--bleu);
}
.content-texte .content-texte h1, .content-texte h2, .content-texte h3, .content-texte h4{
  font-family: "roboto bold";
  color:var(--blanc);
}
.content-texte ul li{
  margin-bottom: 5%;
}
.content-texte ul li span, .content-texte p, .cotent-texte span{
  color:var(--blanc);
  font-family: "sul light";
}
.page-child-sous-titre{
  margin-bottom: 10%;
  margin-top: 10%;
}
/*--------------------------------------------------------------
0.0 PAGE ACTUALITES
---------------------------------------------------------------*/
.liste-actualites{
  margin: auto;
  justify-content: space-between;
  margin-top: 5%;
}
#page-actus .container{
  max-width:1050px;
}
/*--------------------------------------------------------------
0.1 PAGE PARTENAIRES
---------------------------------------------------------------*/
.container-logo-partenaire{
  padding-top:10%;
  padding-bottom: 10%;
  max-width: 900px;
}
.logo-partenaire{
  width:90%;
}
/*--------------------------------------------------------------
0.0 TEMPLATES
---------------------------------------------------------------*/
#page-child, #page-actus, #page-contact {
  margin-top: 140px;
}
section#page-child h2, section#page-actus h2, section#page-contact h2{
  color: var(--blanc);
  text-transform: uppercase;
  font-family: 'roboto bold';
}

/*--------------------------------------------------------------
0.0 PAGE CONTACT
---------------------------------------------------------------*/
.row-contact{
  margin-top: 7%;
  margin-bottom: 9%;
}
.col-infos-contact{
  display: flex;
  justify-content: center;
}
.container-infos-contact{
  display: flex;
  flex-direction: column;
}
.content-infos-contact {
  margin-top: 10%;
}
.content-infos-contact h3{
  margin: 0;
}
.img-carte{
  background-size: cover;
  background-position: center;
  position: relative;
}
.content-infos-contact p{
  color:var(--bleu);
  font-family: 'sul bold';
  line-height: 20px;
  margin: 0;
  padding-top: 5px;
}
.tel, .mail{
  display: flex;
  flex-direction:row;
  justify-content: flex-start;
  align-items: center;
}
.tel img, .mail img {
  width: 16px;
  align-self: center;
  margin-right: 10px;
}
.img-carte a {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
}
/*--------------------------------------------------------------
0.0 PAGE DEVENIR MEMBRE
---------------------------------------------------------------*/
.text-container-adhesion .row p, .text-container-adhesion .row a span, .text-container-adhesion .row a, .text-container-adhesion .row ul,
 .text-container-adhesion .row ul li, .text-container-adhesion .row ul li span{
  color: var(--bleu)!important;
}
.bouton-vert.adhesion {
  padding: 10%;
  max-height: none;
  margin-bottom: 20%;
}
a.dl-bulletin{
  text-decoration:none!important;
}
/*--------------------------------------------------------------
0.0 PAGE INFORMATIONS
---------------------------------------------------------------*/
.texte-info{
  color:var(--bleu);
  padding-top: 5%;
}
/*--------------------------------------------------------------
0.0 PAGE PLAN DU SITE
---------------------------------------------------------------*/
.page-id-598 section#page-parent ul {
    padding-left: 5%;
    margin-top: 10px;
}
.page-id-598 section#page-parent h2 {
    display: none;
}
.page-id-598 section#page-parent a {
    font-family: 'sul regular';
    color: var(--bleu);
}
/*--------------------------------------------------------------
0.0 PAGE ARTICLE
---------------------------------------------------------------*/
.container-post{
  padding-top: 5%;
  padding-bottom: 5%;
}
.img-post{
  width: 100%;
border-radius: 20px;
    box-shadow: 0px 0px 10px #00000045;
}
.single-post .texte-date p{
  color:var(--bleu);
  font-family: 'sul bold';
  margin-top: 5%;
}
.single-post .texte-post p{
  color:var(--bleu);
  margin-top: 5%;
}
/*--------------------------------------------------------------
0.0 PAGE TEMPORAIRE
---------------------------------------------------------------*/
.temp-texte-container{
  padding-top: 10%;
  padding-bottom: 10%;
  background-color: #ffffff;
  border-radius: 20px;
}
section#page-parent .texte-post a {
    text-decoration: underline;
    color:var(--bleu);
}
/*--------------------------------------------------------------
0.0 FOOTER
---------------------------------------------------------------*/
.pre-footer{
  background-color: var(--blanc);
  padding-bottom: 30px;
}
#carousel-articles .bouton-vert, #page-parent .bouton-vert, .pre-footer .bouton-vert{
  width:max-content;
  padding: 10px 20px 10px 20px;
  margin: auto;
}
.pre-footer img{
  width:60%;
}
.pre-footer .row .col-4{
  margin: 3%;
}
.logo-social{
  width:30px;
}
#footer .logo-footer{
  width:60%;
}
footer p, footer h3{
  color:var(--blanc);
  text-align: inherit;
}
footer{
  background: linear-gradient(90deg, rgba(32,29,80,1) 0%, rgba(0,161,144,1) 100%);
}
.sub-footer{
    display: flex;
    flex-flow: wrap;
    padding: 25px;
    justify-content: center;
    align-items: center;
    font-family: 'roboto bold';
    text-transform: capitalize;
    font-size: 14px;
}
.sub-footer a{
  font-family: 'roboto bold';
  text-transform: capitalize;
  font-size: 14px;
}
.sub-footer a:hover{
  color:var(--vert);
}
/*--------------------------------------------------------------
0.0 RESPONSIVE MEDIA QUERIES
---------------------------------------------------------------*/
@media all and (min-width:1550px){
  .menu-item a {
      font-size: var(--h3-size);
  }
}
@media all and (min-width:1800px){
  #page-parent {
      padding-top: 13%;
  }
  ul#menu-menu-principal li{
    margin-left: 3%;
    margin-right: 3%;
  }
}
@media all and (max-width:1400px){
  .articles-carousel .item-article {
  /*  height: 480px!important;*/
  }
  .item-article .article-img {
    height: 200px;
  }
  .infos-article {
      padding: 8%;
  }
  .infos-article div {
      padding-bottom: 10px;
  }
}
@media all and (max-width:1300px){
  ul#menu-menu-principal li{
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media all and (min-width:1024px) and (max-width:1120px){
  .bouton-vert {
      margin-left: 10%;
  }
}

@media all and (min-width:1120px){
  #page-actus .bloc-article-2 {
      height: 630px!important;
  }
  .bloc-article-2 .article-img{
    height: 100%;
  }
  .bloc-article-8 .article-img{
    height: 150px;
  }
  .bloc-article-8{
    height: auto!important;
  }
  .titre-principal {
      padding-top: 23%;
  }
}
@media all and (max-width:1120px){
  .menu-item a {
      font-size: var(--texte-moyen);
  }
  h3, .fake-h3 {
      font-size: large;
  }
  .img-sub-header {
      padding-top: 15%;
  }
  .item-article {
      width: 40%;
  }
  .row-600 {
      height: auto;
  }
  #sub-header {
      margin-top: 0;
  }
  #page-actus .liste-actualites {
      justify-content: center;
  }
}
@media all and (min-width:1024px){
  .titre-principal {
      padding-top: 20%;
  }
}
@media all and (max-width:1024px){
  #page-child, #page-child, #page-actus, #page-contact {
      margin-top: 0;
  }
  #page-parent {
      padding-top: 5%;
  }
  .boutons-menu-mobile{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    height: 80px;
    flex-flow: wrap;
  }
  .boutons-menu-mobile {
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
  }
}
@media all and (max-width:992px){
  .bloc-left {
    padding: 7%;
  }
  .child-bloc-img{
    width: 100%;
  }
  .child-bloc-text{
    width: auto;
    padding: 10%;
  }
    .img-sub-header {
      padding-top: 25%;
  }
  .bloc-objectif, .bloc-actions {
      padding: 6%;
      padding-top: 10%;
  }
  #carousel-articles .bouton-vert {
      width: max-content;
  }
  .bloc-left .svg-icon {
      left: 1%;
  }
  .bloc-left {
    border-bottom-left-radius: 0;
    border-top-right-radius: 25px;
  }
  .bloc-right {
    border-top-right-radius: 0;
    border-bottom-left-radius: 25px;
    margin-top: 0;
    height: 300px;
    padding-top: 5%;
  }
  #sub-header .colonne-centrale {
      padding-bottom: 10%;
      margin-top: -5%;
  }
  .pre-footer img {
      width: 85%;
  }
  .blocs-child-page-mobile{
    display: block;
  }
  .child-bloc-img {
    height: 300px;
  }
  .blocs-child-page{
    display: none;
  }
}
@media all and (max-width:768px){
  .temp-texte-container {
      padding-top: 0;
      padding-bottom: 0;
  }
  .page-id-598 section#page-parent ul li,
  .page-id-598 section#page-parent ul li span {
      padding-bottom: 5px;
  }
  section#page-parent a {
      font-size: small;
      line-height: 10px;
  }
  .card-item.membre, .card-item.annuaire {
      height: auto;
      margin-left: 0;
      margin-right: 0;
  }
  .img-sub-header {
      padding-top: 20%;
  }
  .bloc-objectif{
    border-bottom-left-radius: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-bottom: 15%;
  }
  .bloc-actions{
    border-top-right-radius: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .card-item-inner img.svg-icon {
      width: 70px;
  }
  .liste-actualites .item-article {
      width: 60%;
  }
  .col-infos-contact {
      justify-content: flex-start;
  }
  .img-carte {
      height: 350px;
      margin-top: 15%;
  }
  .infos-article div {
      padding-bottom: 20px;
  }
  .articles-carousel .item-article {
      height: auto!important;
      width: 30%;
  }
  .banner-info a, .container-texte-banner {
      font-size: 12px;
  }
}
@media all and (max-width:576px){
  .titre-principal {
    padding-top: 35px;
  }
  .child-bloc-img {
    height: 250px;
  }
  .slick-slider {
      width: 85%;
      margin: auto;
  }
  .liste-actualites .item-article {
      width: 70%;
  }
  .bloc-left .svg-icon {
      display: none;
  }
  h1, .fake-h1 {
      font-size: xx-large;
  }
}
@media all and (max-width:500px){
  .bloc-objectif, .bloc-actions{
      padding-top: 20%;
  }
  .page-child-sous-titre {
      margin-bottom: 20%;
  }
  .liste-pages-enfants {
      width: 100%;
  }
  .liste-actualites .item-article {
    width: 80%;
    margin: inherit;
  }
  h1, .fake-h1 {
      font-size: x-large;
  }
  h3, .fake-h3 {
      font-size: large;
  }
}
@media all and (max-width:445px){
  .bouton-bleu {
      margin-bottom: 5%;
  }
  p, ul, li, ul li, ul li span, a {
    font-size: var(--texte-petit);
  }
}
@media all and (max-width:350px){
  .banner-info a, .container-texte-banner {
      font-size: 10px;
  }
}