/* Important ! */

:root {
  --cnvs-themecolor: var(--cncd);
  --cnvs-themecolor-rgb: var(--cncd-rgb);
  --theme-color: var(--cncd);
  --theme-color-rgb : var(--cncd-rgb);
  --themehover-color: var(--cncd-hover);
  --themehover-color-rgb: var(--cncd-hover-rgb);
  --primary-font : 'Roboto', sans-serif;
  --cnvs-primary-font: var(--primary-font);
  --secondary-font : 'Poppins', sans-serif;
  --cnvs-primary-font: var(--secondary-font);
}


#page-title, .page-title {border-bottom: none}




/* Heading / Titre de la page / On adapte l'image-picto par défaut du title-block et éventuellement le positionnement 
.title-block:before{background-image: url('/squelettes/img/bg/bg_title/light/bg_title_start_light.png');}
.dark .title-block:before{background-image: url('/squelettes/img/bg/bg_title/dark/bg_title_start_dark.png');}*/

/* Heading / Intertitre 
.intertitre-center h2:before{
background-image: url('/squelettes/img/bg/bg_title/light/bg_title_center_light.png');}
.intertitre-left h2:before, .intertitre-start h2:before,
.intertitre-right h2:before, .intertitre-end h2:before {
background-image: url('/squelettes/img/bg/bg_title/light/bg_title_start_light.png');}

.dark .intertitre-center h2:before{
background-image: url('../img/bg/bg_title/dark/bg_title_center2_dark.png');}
.dark .intertitre-left h2:before, .dark .intertitre-start h2:before,
.dark .intertitre-right h2:before, .dark .intertitre-end h2:before {
background-image: url('/squelettes/img/bg/bg_title/dark/bg_title_start_dark.png');}
@media (min-width: 1200px) {
.intertitre-right h2:before, .intertitre-end h2:before {
background-image: url('/squelettes/img/bg/bg_title/light/bg_title_end_light.png');}
.dark .intertitre-right h2:before, .dark .intertitre-end h2:before {
background-image: url('/squelettes/img/bg/bg_title/dark/bg_title_end_dark.png');}
}
*/
        /* Intertitre centré  
      .intertitre-center h2:before {
        content: "";
        position: absolute;
        display: block;
        top: -10px;
        background-repeat :no-repeat;
        background-size: 50px 50px;
        width: 50px;
        height: 50px;
        opacity: .2;
        left: 45%;
        background-position: top center;
      }
      
        @media (min-width: 1200px) {
          .intertitre-center h2:before {
            background-size: 70px 70px;
            width: 70px;
            height: 70px;
            top:  -20px;}
          }
    

*/


/* ----------------------------------------------------------------
  02 Heading styles
-----------------------------------------------------------------*/
  

/* Intertitre  - image 

.bloc .title-start h2:before,.bloc .title-left h2:before{
  background-image: url('../img/bg/bg_title/bg_title_start_light.png');}
.bloc .dark.title-start h2:before, .bloc .dark.title-left h2:before{
background-image: url('../img/bg/bg_title/bg_title_start_dark.png');}


.bloc .title-end h2:before, .bloc .title-right h2:before{
  background-image: url('../img/bg/bg_title/bg_title_end_light.png');}
.bloc .dark.title-end h2:before, .bloc .dark.title-right h2:before{
background-image: url('../img/bg/bg_title/bg_title_end_dark.png');}*/


/* Surcharge/adaptation pour cause de police 

.menu-link,
.cs_blocs h3.blocs_titre,h3.blocs_titre a, h3.blocs_titre a:hover,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, #page-title h1,
.entry-title h2, .entry-title h3, .entry-title h4, .button.button-border,
.bloc-pagination a, .bloc-pagination .on, .bloc-pagination span.next a, .bloc-pagination span.prev a,
.bloc-pagination span.disabled .on, .post-grid .entry-title h2, .formulaire_spip label, .formulaire_spip fieldset label,
button, button.btn, a.button, .menu-link, .top-links-item, h3.spip, #page-title.page-title-mini h1,
.heading-block h2, .modal-title, .widget > h4, .top-links-item > a, .texte ol.spip > li strong, .promo h3, #menu-event a, #page-title.page-title-parallax h1 
{font-weight: 400;letter-spacing:0.1rem;}*/




.button-border-icon {
  background-color: transparent !important;
}

.button-border-icon i {
  margin-right: 0;
  border-radius: 50%;
  border: 1px solid #DDD;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: transparent !important;
}

.button-border-icon i::before {
  position: relative;
  font-size: 16px;
  left: 2px;
}

.button-border-icon span { margin-left: 0.75rem; }





    .si-box {
      display: flex;
      display: -ms-flexbox;
    }

    .si-checkbox {
      position: relative;
      width: 56px; /* Social Icons Size */
      height: 56px; /* Social Icons Size */
      outline: none;
      background-color: transparent;
      -webkit-appearance: none;
      cursor: pointer;
      border: none;
      border:  1px solid var(--grisclair);
      border-radius : 50%;
      margin: 0 5px 5px 0;
      text-align: center !important;
    }

    .si-checkbox::before {
      content: "\e9d1";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      font-size: 1.25rem;
      font-family: "lined-icons";

    }

    .si-checkbox:checked::before { content: "\ea11"; }

    .social-menus {
      position: relative;
      display: flex;
      display: -ms-flexbox;
      overflow: hidden;
      width: 0;
      transition: width .2s, height .2s;
    }

    .si-checkbox:checked ~ .social-menus {
      width: 200px; /* Social Icons width x quantity (eg: 40x5) */
    }

    /* Vertical */
    .flex-column .social-menus {
      -ms-flex-direction: column-reverse;;
      flex-direction: column-reverse;;
      width: auto;
      height: 0;
    }

    .flex-column .si-checkbox:checked ~ .social-menus {
      height: 200px;/* Social Icons height x quantity (eg: 40x5) */
    }






@media (min-width: 992px) {
.position-sticky .heading-block {display: none}}
@media (max-width: 991px){
.sticky-content .heading-block {display: none}}

.position-sticky .heading-block h2, .position-sticky .heading-block h2 span.titre-weight {text-shadow :1px 1px 1px rgba(0,0,0,0.2)}

span.titre-weight {
  font-weight:400;
  color:var(--noir);
  display:inline;}


#page-menu-wrap { background-color: var(--theme-color) }






/* Intertitres sur mesure */
h2.intertitre__title {font-size: 1.1rem}
h4.intertitre__baseline {font-size: .8rem}
@media (min-width: 768px) {
h2.intertitre__title {font-size: .1.1rem}
h4.intertitre__baseline {font-size: .8rem}}
@media (min-width: 992px) {
h2.intertitre__title {font-size: 1.2rem}
h4.intertitre__baseline {font-size: .8rem}}
@media (min-width: 1200px) {
h2.intertitre__title {font-size: 1.2rem}
h4.intertitre__baseline {font-size: .8rem}}
@media (min-width: 1400px) {
h2.intertitre__title {font-size: 1.3rem}
h4.intertitre__baseline {font-size: .9rem}}



h2.intertitre__title {font-family:var(--primary-font);text-transform:uppercase;font-weight:400;color:var(--noir)}
h4.intertitre__baseline {}
.dark h2.intertitre__title {color:var(--blanc)}
.dark h4.intertitre__baseline {color:var(--grisclair);}
.dark .intertitre {text-shadow:1px 1px 1px rgba(0,0,0,0.2)}


.intertitre {margin-bottom: 1rem !important;}
@media (min-width: 992px) {.intertitre {margin-bottom: 2rem !important;}}
/*
.intertitre-container-l .intertitre, .intertitre-container-r .intertitre {margin-left : -3.92857rem;background: red}
*/


  /* Intertitre::Surtitre  ------------------------------------------------*/
      .intertitre-left h4.baseline, .intertitre-start h4.baseline, .intertitre-right h4.baseline, .intertitre-end h4.baseline {padding-left : 0rem}
          @media (min-width: 992px) {
          .intertitre-left h4.baseline, .intertitre-start h4.baseline {padding-left : 0rem;padding-right:0px;}
          .intertitre-right h4.baseline, .intertitre-end h4.baseline {padding-right : 0rem;padding-left:0px;}
          }


    @media (min-width: 1200px) {
    .intertitre-container-l {
    padding-left: 7.14286rem !important;}
    .blocdeuxcolonnes .intertitre-container-l{
    padding-left: 1.14286rem !important;}
    .intertitre-container-r {
    padding-right: 7.14286rem !important;}
    .blocdeuxcolonnes .intertitre-container-r{
    padding-right: 1.14286rem !important;}
    }




.intertitre-container-l .intertitre, .intertitre-container-r .intertitre {
  margin-left: -6.42857rem !important;
  padding-left: 3.57143rem !important; }

@media (min-width: 992px) {
.intertitre-container-r .intertitre {
  margin-right: -6.42857rem !important;
  padding-right: 3.57143rem !important; 
}
}



.intertitre-container-l .intertitre h4.intertitre__baseline, .intertitre-container-r .intertitre h4.intertitre__baseline {
margin-left: 0.14286rem !important;margin-bottom: 0.71429rem !important;padding-left: 6.42857rem;} 

  @media (min-width: 1200px) {
    .intertitre-container-l .intertitre h4.intertitre__baseline {
      margin-left: 0.14286rem !important;margin-bottom: 0.71429rem !important;padding-left: 6.42857rem;}
    .intertitre-container-r .intertitre h4.intertitre__baseline{
      margin-right: 0.14286rem !important;margin-bottom: 0.71429rem !important;padding-right: 6.42857rem;}
    }


.intertitre-container-l .intertitre .intertitre__title, .intertitre-container-r .intertitre .intertitre__title {
padding-left: 6.42857rem; display: inline-block;position: relative;}
    
  @media (min-width: 1200px) {
    .intertitre-container-l .intertitre .intertitre__title {
    padding-left: 6.42857rem; display: inline-block;position: relative;}
    .intertitre-container-r .intertitre .intertitre__title {
    padding-right: 6.42857rem;display: inline-block;position: relative;}
    }


.intertitre-container-l .intertitre h2.intertitre__title::after,
.intertitre-container-r .intertitre h2.intertitre__title::after{
        left: 0; 
       content: "";
        position: absolute;
        top: 48%;
        display: inline-block;
        width: 5rem;
        border-top-width: 1px;
        border-top-style: solid;
        border-color: var(--theme-color);}

  @media (min-width: 1200px) {
.intertitre-container-r .intertitre h2.intertitre__title::after {right: 0; left: revert;}
}


/* Heading / Titre de la page */
.title-block:before{background-image: none}
.dark .title-block:before{background-image: none}


     /* Intertitre::Titre::Image ------------------------------------------*/
      .intertitre-left h2:before, .intertitre-start h2:before,
      .intertitre-right h2:before, .intertitre-end h2:before {
        background-image:none}
      .dark .intertitre-left h2:before, .dark .intertitre-start h2:before,
      .dark .intertitre-right h2:before, .dark .intertitre-end h2:before {
      background-image: none}
          @media (min-width: 1200px) {
          .intertitre-right h2:before, .intertitre-end h2:before {
            background-image: none}
          .dark .intertitre-right h2:before, .dark .intertitre-end h2:before {
          background-image: none}
          }


   .intertitre-center h2:before{
        background-image: none}
      .dark .intertitre-center h2:before {
        background-image: none}
/*

.blocdeuxcolonnes .col-img-left:before,
.blocdeuxcolonnes .col-img-right:before{
  content: "";
  position: absolute;
  display: block;
  top: -50px;
  background-repeat :no-repeat;
  background-size: 100px 100px;
  width:  100px;
  height: 100px;}

.blocdeuxcolonnes .col-img-left:before{
  left: -50px;
  background-position: top left;
  background-image: url('/squelettes/img/bg/bg-block-left.png');
}
.blocdeuxcolonnes .col-img-right:before{
  right: -50px;
  background-position: top right;
    background-image: url('/squelettes/img/bg/bg-block-right.png');
}
*/