body{
    font-size: 22px;
    font-size: 19px;
    font-family: "Montserrat";
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   margin-bottom: 1rem;
   hyphens: initial;
}
h1{
   /* 40pt */
   font-size: 53px;
   font-size: 32px;
   margin-top: 1em;
   font-weight: 700;
}
.section-banner h1{
   margin-top: inherit;
   font-weight: 700;
}
.section-banner .column-img{
   padding: 0;
}
h2{
   /* 33pt */
   font-size: 44px;
   font-size: 33px;
   font-weight: 700;
}
h3{
   /* 29pt */
   font-size: 29px;
   font-weight: bold;
   font-style: normal;
}
h4{
   /* 23pt */
   font-size: 22px;
   font-weight: 600;
   font-style: normal;
}
/*     ADMIN   */
html.js body .ui-dialog-off-canvas,html.js body .media-library-widget-modal{
   font-size: 16px;
}
.text-citation{
   /* 20pt SemiBoldItalic */
   font-size: 27px;
   font-weight: 600;
   font-style: normal;
}
.text-small, .card-text{
   /* 18pt medium */
   font-size: 24px;
   font-size: 18px;
   font-weight: 500;
   font-style: normal;
   line-height: 24px;
}
.text-small.no-bold{
   font-weight: normal;
}

.block-fonctionnalitees .card-body .text-small {
   font-size: 15px;
   line-height: 19px;
}
.metadata.text-small{
   font-size: 12px;
   line-height: 15px;
}
.metadata .btn{
   padding: 0rem!important;
   font-size: 12px;
   line-height: 15px;
   font-weight: 600;
   font-style: normal;
   border: none!important;
   background: none!important;
   color: #162056;
   white-space: inherit;
}
.text-small-ligth{
   font-size: 1rem;
}
.text-italic{
   font-style: italic;
}
.text-italic >P{
    font-style: italic;
}
.node__content{
   font-size: 19px;
   -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* DONNEE PERSONNEL ET MENTIONS LEGALES */
.page-node-30 .node__content, .page-node-32 .node__content{
   font-size: 16px;
}
/* Icone bleu, rouge, jaune ou orange suivant la classe theme de la page */
.ico_pellet_themable{
   width:20px; height:42px; background-position: -726px -430px
}
.theme__blue .ico_pellet_themable, .theme__blue .layout__region .block >h2:after{
   width:20px; height:43px; background-position: -748px -296px;
}
.theme_jaune .ico_pellet_themable, .theme_jaune .layout__region .block >h2:after{
   width:20px; height:43px; background-position: -726px -341px
}
.theme_rouge .ico_pellet_themable, .theme_rouge .layout__region .block >h2:after{
   width:20px; height:43px; background-position: -748px -341px
}

article.theme__blue >.node__content >.layout--twocol-section,
article.theme_jaune >.node__content >.layout--twocol-section,
article.theme_rouge >.node__content >.layout--twocol-section,
article.theme_orange >.node__content >.layout--twocol-section{
   max-width: 1140px;
   margin: 0 auto;
}

.column-texte img{
   max-width: 100%;
   height: auto;
}
.column-texte img[data-align="center"]{
   margin: 0 auto;
   display: block;
}
.layout--twocol-section .section-custom{
   padding: 0!important;
}
article.node--type-landing-page .node__content >.layout--onecol .layout__region >.block-title-icone-block .header-content-page{
   margin-bottom: 0;
}
article.node--type-landing-page .block-field-blocknodelanding-pagebody img{
   max-width: 100%;
   height: auto;
}
.list-options-services{
   font-size: 15px;
   color: #CCCCCC;
   text-align: left;
}
.list-options-services .actif{
   color: #162056;
}
.option-service {
   border-bottom: 1px solid #CCCCCC;
   padding: 15px 0;
}
.option-service:last-of-type{
   border-bottom: none;
}
.block-offers-options-block .card .card-body p.text-small{
   font-weight: 700;
}
.option-service >*{
   display: inline-block;
   max-width: 70%;
   vertical-align: top;
   font-weight: 500;
   -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.option-service >.icone-list{
   max-width: 15px;
   width: 15px;
   height: 15px;
   margin-right: 15px;
}
.icone-list{
   background-image: url(../cross-li@2x.png);
   background-repeat: no-repeat;
   background-size: 100%;
   vertical-align: text-bottom;
   opacity: .6;
}
.actif .icone-list{
   background-image: url(../check-li.png);
   background-repeat: no-repeat;
   background-size: 100%;
   opacity: 1;
}

.remove-more, .show-more{
   font-weight: bold;
   font-style: normal;
   font-size: 20px;
   display: inline-block;
}
.remove-more:hover, .show-more:hover{
   cursor: pointer;
   text-decoration: underline;
}
.arrow-mod{
   margin-left: 15px;
   display: inline-block;
   vertical-align: middle;
}
/*IMG DOWN*/
.show-more .arrow-mod, .header-slide .arrow-mod{
   width:15px; height:9px; background-position: -726px -535px
}
/*IMG UP*/
.remove-more .arrow-mod, .header-slide.actif .arrow-mod{
   width:15px; height:9px; background-position: -743px -535px
}


.mintexte-banniere{
   border: 1px solid #fff;
   background-color: #162056;
   color: #fff;
   font-weight: 600;
   font-style: normal;
   font-size: 14px;
   display: inline-block;
   position: absolute;
   border-radius: 25px;
   top: -40px;
   left: 15px;
   padding: 0px 25px;
}

.section-theme__blue .mintexte-banniere{
   background-color: #25C8EB;
}
.section-theme__red .mintexte-banniere, .theme_rouge .mintexte-banniere{
   background-color: #F82814;
}
.section-theme__jaune .mintexte-banniere{
   background-color: #FAAF0C;
}
.header-content-page >p, .header-content-page >.field--name-description >p{
   font-size: 18px;
   font-weight: 500;
   line-height: 22px;
}

.block-formulaireexposerecherchepage-1-modal-close.spb_close{
   padding: 0 15px;
   font-size: 70px;
   line-height: 65px;
   color: #162056;
}
@media screen and (min-width: 1200px) {
   .section-banner .column-img img{
      /*margin-top: 4rem;*/
      min-width: 615px;
      /*left: -50px;*/
      position: relative
   }
}

@media screen and (min-width: 992px) {
   .header-content-page >p, .header-content-page >.field--name-description >p{
      font-size: 21px;
      font-weight: 500;
      line-height: 27px;
   }
   .section-banner .column-img img{
      /*margin-top: 4rem;*/
      min-width: 515px;
      /*left: -50px;*/
      position: relative;
   }
}
@media screen and (max-width: 1024px) {
   h1{
      font-size: 30px;
   }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
   .block-banner-block .btn-demander-demo{
      margin-bottom: 2em;
   }
}

@media screen and (max-width: 992px) {
   .mintexte-banniere{
      position: relative;
      top: 0;
      left: 0;
      margin-top: 20px;
      font-size: 11px;
      padding: 0 15px;
   }
   .block-banner .text-small{
      font-size: 14px;
      line-height: 18px;
   }

   article.theme__blue >.node__content >.layout--twocol-section,
   article.theme_jaune >.node__content >.layout--twocol-section,
   article.theme_rouge >.node__content >.layout--twocol-section,
   article.theme_orange >.node__content >.layout--twocol-section{
      max-width: 95%;
      margin: 0 auto;
   }

   article.theme__blue >.node__content >.layout--twocol-section .layout__region,
   article.theme_jaune >.node__content >.layout--twocol-section .layout__region,
   article.theme_rouge >.node__content >.layout--twocol-section .layout__region,
   article.theme_orange >.node__content >.layout--twocol-section .layout__region{
      max-width: 100%;
      width: 100%;
      flex: 0 1 100%;
   }
}
/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 1024px) {
   .block-grid-double-col .card-body a{
      white-space: normal;
   }
   .card-suptext{
      font-size: 11px!important;
      line-height: 14px;
   }

   .column-texte ul li{
      width: auto;
      display: block!important;
   }
   
   .remove-more, .show-more{
      font-size: 14px;
   }
   body{
      font-size: 22px;
      font-size: 19px;
      font-family: "Montserrat";
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     margin-bottom: 1rem;
  }
  h1{
     /* 40pt */
     font-size: 23px;
     margin-top: 1em;
  }
  .section-banner .column-img{
     padding: 0;
  }
  h2{
     /* 33pt */
     font-size: 24px;
  }
  h3{
     /* 29pt */
     font-size: 24px;
  }
  h4{
     /* 23pt */
     font-size: 22px;
     font-weight: 600;
     font-style: normal;
  }
  /*     ADMIN   */
  html.js body .ui-dialog-off-canvas,html.js body .media-library-widget-modal{
     font-size: 16px;
  }
  .text-citation{
     /* 20pt SemiBoldItalic */
     font-size: 27px;
     font-weight: 600;
     font-style: normal;
  }
  .text-small, .card-text{
     /* 18pt medium */
     font-size: 16px;
     line-height: 20px;
  }
  .text-small-ligth{
     font-size: 1rem;
  }
  .text-italic{
     font-style: italic;
  }
  .text-italic >P{
      font-style: italic;
  }
  .node__content{
      font-size: 16px;
      line-height: 20px;
  }

  .section-banner h1{
   margin-top: 1em;
}
}

@media screen and (max-width: 767px) {
   .section-banner h1{
      margin-top: 1em;
   }
}
@media screen and (max-width: 576px) {
   .node__content{
      font-size: 14px;
   }
   .page-node-30 .node__content, .page-node-32 .node__content{
      font-size: 14px;
   }
   h1{
      font-size: 28px;
   }
   h2{
      font-size: 24px;
   }
   h3{
      font-size: 22px;
   }
   h4{
      font-size: 18px;
   }
   .text-small, .card-text{
      font-size: 16px;
   }
   .card-suptext{
      font-size: 11px;
   }
   .node--view-mode-teaser .node__content{
      font-size: 14px;
   }
   .sprite.ico_rgpd.ml-5{
      margin-left: 1rem!important;
   }
   .header-onglets .onglet{
      font-size: 18px;
   }
   .header-onglets .onglet >h3{
      font-size: 18px!important;
   }
   .content-onglet >h3{
      font-size: 22px!important;
   }
   .content-onglet .row h3{
      font-size: 18px;
      line-height: 18px;
   }

   .date-article-container{
      font-size: 11px;
   }
   .voting-link.ml-4{
      margin-left: 0.5rem!important;
   }
   .share-container{
      padding: 0;
   }
   .share-container >*{
      margin: 0px 5px!important;
   }

   form.lead-form label, form.lead-form legend, form.document-form label, form.document-form legend,
   .form-text, .form-select, .form-email, .form-control{
      font-size: 14px!important;
   }
   .column-texte ul li{
      width: auto;
      display: inline-block!important;
   }
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
   h1{
      font-size: 28px;
   }
   h2{
      font-size: 24px;
   }
   h3{
      font-size: 22px;
   }
   h4{
      font-size: 20px;
   }
   .text-small, .card-text{
      font-size: 16px;
   }
   .card-suptext{
      font-size: 11px;
   }
   .node--view-mode-teaser .node__content{
      font-size: 14px;
   }
   .sprite.ico_rgpd.ml-5{
      margin-left: 1rem!important;
   }
   .header-onglets .onglet{
      font-size: 18px;
   }
   .header-onglets .onglet >h3{
      font-size: 18px!important;
   }
   .content-onglet >h3{
      font-size: 22px!important;
   }
   .content-onglet .row h3{
      font-size: 22px!important;
      line-height: 22px!important;
   }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   h1{
      font-size: 28px;
   }
   h2{
      font-size: 24px;
   }
   h3{
      font-size: 22px;
   }
   h4{
      font-size: 18px;
   }
   .text-small, .card-text{
      font-size: 16px;
   }
   .card-suptext{
      font-size: 11px;
   }
   .node--view-mode-teaser .node__content{
      font-size: 14px;
   }
   .sprite.ico_rgpd.ml-5{
      margin-left: 1rem!important;
   }
   .header-onglets .onglet{
      font-size: 18px;
   }
   .header-onglets .onglet >h3{
      font-size: 18px!important;
   }
   .content-onglet >h3{
      font-size: 22px!important;
   }
   .content-onglet .row h3{
      font-size: 22px!important;
      line-height: 22px!important;
   }
}