/*EN TETE et MENU menu_ppal*/
body {
  overflow-x: hidden;
}
.container-header {
position: relative;
display:flex;
align-items: center;
background-color:white;
background-image:none;
padding: 0.2em 0;
}
.container-header .container-search {
    margin-top: 0em;
}
#hautgauche {
  float:left;padding: 0.9em 0.2em;
  filter:saturate(0.7);
}

@media (min-width: 415px) {
.logo-petit{display: none;}
.logo-grand{}
}
@media (max-width: 415px) {
.container-header{padding: 0.1em 0;}
.logo-grand{ display:none;}
.logo-petit img{max-width: 2em;}
#hautgauche{padding-left: 1em}
}
.social {
padding:1.5rem 1.7rem 0rem 0rem;
}

a img {
    cursor: pointer;
}

/*-------------------------------------*/

@media (max-width: 992px) {
.social {
display:none;
}
}
@media (max-width: 415px) {
  #menubas{
  margin-bottom:4%;
  }
  .container-header .mod-menu {
         flex-direction:row;
         padding-top:0.3em;
         margin-right:-2%;
         font-size:1.1em;
     }
  .container-header .mod-menu li {
         padding: 0.03em 0.3em;
     }
   .container-header .container-search {
     display: none;
   }
  .col-sm-4{
    text-align: center;
    padding-top:3em;
  }
  #footer {
  background: rgb( 218 , 238 , 244, 0.5);
  }
  #footer .col-sm-4{
    padding-top:0.5em;
  }
  #footer1 .card, #footer2 .card, #footer3 .card{
  border-bottom:1px solid rgb( 218 , 238 , 244);
  }
}

@media (min-width: 415px) {
  .container-header .grid-child {
  padding:0;
  max-width: none;
  width: 100%;
  }
  .grid-child {
  max-width: none;
  }
  .container-header .mod-menu {
  /*      padding: 1.2rem 0 0% 0.8rem;*/
        flex-direction:row;
        font-size:1.3em;
  }
  .container-header .mod-menu li {
    margin-left: 1em !important;
    padding: 0.1em 0;
    }
  .box .col-sm-4{
  flex: 0 0 auto;
  width: 33.3%;
  margin: 0.9em 0;
  }
  #footer {
  padding:7px 15px 2px 20px;
  background:  rgb(227 239 245 / 50%);
  }
}

/* Masquer les sous-menus si le parent a la classe no-dropdown */
.mod-menu .nav-item:has(> a.no-dropdown):hover > .mod-menu__sub {
    display: none !important;
}
/*le no-dropdown est ajouté dans certains liens de menu, dans le champ classe de menu*/

.main-bottom{
  display:inline-flex;
}
.titre {
  font-size:120%;
  padding: 1em 0.5em 0em 0.5em;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
.card{
  border-bottom: 3px solid #98b3c6;
  border-radius: 0rem;
}

/*ZONE CENTRALE*/
.container-component>:first-child{
margin-top:0;
/*ATTENTION SI NO ENLEVE LE TITRE DES ARTICLES SE DECALE TROP VERS LE BAS*/
}

/*CLASS BANDEAU ARTICLE POUR LE DEBUT DES ARTICLES*/
.bandeau-article{
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #adcce6;
  background-position: left top;
  font-weight: 600;
  color: white;
  margin: 0 0em 0 -1em;
  text-align: start;
  width: calc(100% + 2em);
}
.bandeau-article .col-sm-6{
  background-color: rgb(6 54 87 / 47%);
  box-shadow: none;
  margin: 0rem 0.3em 0em 1.1em;
  padding: 0rem 0.7em 1em 0.5em;
  max-width: 34em;
}
.bandeau-article .col-md-6{
  background-color: rgb(6 54 87 / 47%);
  box-shadow: none;
  margin: 0rem 0.3em 0em 1.1em;
  padding: 0rem 0.7em 1em 0.5em;
  max-width: 37em;
}
.bandeau-article h3{ /*Normalement plus utilisé !*/
padding: 1.2em 1.9em 0.7em 0.5em;
box-shadow: -0.3em 0.8em 0.1em -0.8em white;
margin-bottom: 1em;
margin-right: -0.1em;
}
.bandeau-article h1{
padding: 1.2em 1.9em 0.7em 0.5em;
box-shadow: -0.3em 0.8em 0.1em -0.8em white;
margin-bottom: 1em;
margin-right: -0.1em;
font-size:calc(1.3rem + .6vw)
}
.bandeau-article p{
margin-bottom: 0.7rem;
padding: 0rem 2em 0rem 1em;
}
.bandeau-article .row {
--gutter-x: 0em;
padding:0;
margin:0;
}
@media (max-width: 576px) {
  .bandeau-article{
background-position: -10em top;  }
.bandeau-article .col-sm-6, .bandeau-article .col-sm-7{
  max-width: 100%;
  margin-left:0;
  padding-left:1em;
}
  }

/*CLASS BANDEAU ARTICLE POUR LE CORPS DES ARTICLES*/
.bandeau-2{
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(116, 150, 163, 0.1);
  background-position: left bottom;
  font-weight: 600;
  margin: 0rem -1em 0 -1em;
  padding: 0 1em 1.7rem 1em;
  text-align: justify;
}
.bandeau-2 h2 {
font-size: calc(1.3rem + .6vw);
text-align: left;
padding: 1.2em 1.2em 0.7em 1em;
box-shadow: 0em 0.9em 0.1em -0.9em black;
margin-bottom: 1.6rem;
margin-right: -0.5em;
}
.bandeau-2 h3 {
text-align: left;
padding: 1.2em 1.2em 0em 1em;
font-weight: 600;
}
.bandeau-2 .bullet{
padding-left: 1.5rem;
}
.com-content-article .bandeau-2 h3{
margin: 1em 0em 0.7em 1em;
padding: 0;
}
@media (max-width: 576px) {
  .bandeau-2{
padding: 0 0.8em 1em 0.5em;
  }
}
.bullet i{
margin-left: -1.6rem;
padding-right:0.3rem;
}
.bandeau-2 p{
padding: 0rem 1rem 0.4rem 1.5em;
margin-bottom:0.6rem;
}
.bandeau-2 .puce {
padding-left: 2.3em;
padding-bottom: 0.1em;
text-align: left;
}
.bandeau-2 .puce i{
font-size:90%;
}
/*---------------------------------------*/

.bandeau-service{
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(116, 150, 163, 0.1);
  background-position: left bottom;
  margin: 0rem -1em 0 -1em;
  padding: 1em 0em;
  text-align: justify;
}
.bandeau-service h2{
padding: 0.3em 0.2em 0.3em 0.8em;
font-size: 1.5em;
text-align:left;
}
.bandeau-service p{
padding: 0rem 1rem 0.4rem 1.5em;
margin-bottom:0.5em;
}
.bandeau-service ul{
padding-left: 2.5rem;
}
.bandeau-service .bullet{
padding-left: 1.5rem;
}
.bandeau-service .puce {
padding-bottom: 0.1em;
text-align: left;
}
.bandeau-service .puce i{
font-size:90%;
padding-right:0.7em;
}
.bandeau-service .bullet a{
color:#20757b !important;
}

/*---------------------------------------*/

.com-content-article {
text-align: justify;
}
.com-content-article h1{
font-size:calc(1.3rem + .6vw);
font-size:1.74em;
}
.com-content-article h3{
margin:2rem 0 1rem 0;
font-size: 1.45em;
font-weight:500;
}
.com-content-article a{
text-decoration: none;
color: #9399c6;
}
/*-----------------------------------------------------*/

.card a{
text-decoration: none;
color: #98b3c6;
}
.page-header {
background-color:  rgb( 218 , 238 , 244, 0.5); /*rgba(0,75,112,0.08) /*#dae3f4;*/
margin: 0 -1em 0 -1em;
}
.page-header h1 {
padding: 1em 1.6em;
font-weight: 500;
font-size: 1.45em;
margin-bottom: 0;
}
#video {
position:absolute;
z-index:2;
width:110%;
margin: -10%;
padding-bottom:10px;
}
#bandeaubas {
position: relative;
z-index:3;
font-size: 13px;
font-family: arial, sans sherif;
}
#menubas{
background-color: white;
z-index:3;
opacity:0.9;
clear: both;
color: #333;
}
/*
#footer .card-header{
background: none;
font-size:15px;
}
#footer .card{
border: none;
background: none;
font-size:12px;
}
*/

.mod-menu li a:link,
.mod-menu li a:visited {
  color: #4d5a6a;
  }
.mod-menu  li.active a:link,
.mod-menu  li.active a:visited {
  color: black;
}
.mod-menu  li a:hover {
  color: black;
}
/*.mod-menu li ul
{
 position: absolute;
 display:block;
 background-color: white;
 margin-left:-3px;
 padding-left: 1px;
 padding-top:4px;
 padding-bottom:5px;
  z-index:3;
 background-color:#EBE8E1;
 box-shadow: 2px 2px 4px  #cfcfcf ;
 border-radius:4px;
 }*/
 .container-header .mod-menu li:hover > ul {
     border-left: 1px solid #dfe3e7;
     display: block;
     position: absolute;
   background: white;
     left: -6%;
     margin-top:3%;
     padding: 6% 35% 5% 11%;
     font-size:inherited;
     z-index:1000;
   }
.container-header .mod-menu > li {
  position: relative;
}

.container-header .mod-menu li:hover > ul li {
  display: block;
  margin-bottom: 0.07em;
}

#menubas .mod-breadcrumbs__wrapper {
    display: flex;
    justify-content: flex-end;
    font-size: 90%;
    border-top: 1px solid #d8dadf;
    border-bottom: 1px solid #d8dadf;
}
#menubas .breadcrumb {
    background-color: transparent;
    padding-top: 0.3em;
    padding-bottom:0em;
}
#menubas a {
  text-decoration: none;
  color: blue;
}
/*
#menubas .mod-menu
{flex-direction: row;
  display:block;
  list-style: none;
  float:right;
  padding-left: 3px;
  padding-top: 4px;
  color:#7A7A7A;
  }
#menubas li
{
  padding-bottom: 0px;
  display:inline;
  float:right;
padding-right: 5px;
}
#menubas ul
{
  padding-bottom: 0px;
}

#menubas li a:link,
#menubas li a:visited
{
  color:#7A7A7A;
  text-decoration:none;
}

#menubas li.active a:link,
#menubas li.active a:visited
{
  color: #8E8E8E;
}

#menubas li a:hover,
#menubas li a:active,
#menubas li a:focus,
#menubas li.active a:hover,
#menubas li.active a:active,
#menubas li.active a:focus
{
  color: Gray;
}
*/
/*LES TITRES DES FOOTERS que cre soit manuel dans le corps du module
(on l'écris en spécifiant h4 ou automatique, par l'affichage du titre du module)*/
#footer h4{
font-size:15px;
padding-bottom: 0.3rem;
}
#footer .card-header{
background-color: transparent;
font-size:15px;
/*text-transform: uppercase;*/
border:none;
padding-bottom: 0rem;
}
#footer .card-body{
padding: 0.8rem 1rem 0.1rem 1rem;
}
#footer .card-body {
margin-bottom: 0.5em;
}
#footer1, #footer2, #footer3{
border: none;
padding-bottom:2px;
}
#footer1 .card, #footer2 .card, #footer3 .card{
vertical-align: text-top;
color: #747474;
text-decoration:none;
background: transparent;
border:none;
}
#footer1 p, #footer2 p, #footer3 p{
margin-bottom: 0.1em;
}
#footer3 li{
padding: 0;
}
#footer1 a, #footer2 a, #footer3 a {
color: #747474;
text-decoration:none;
}
#footer1 .form-control {
display: inline-block;
width: 100%;
border-color: #5895cc5e;
height: 1.75em;
padding: 0.17em 0.4em;
font-size: 0.85em;
width: 85%;
margin-left: 0;
}
#footer3 .card .textedubas{
height: 4.7em;
overflow-y:auto;
scrollbar-face-color: #d9dbde;
scrollbar-shadow-color: #cac6c6;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: #adabab;
scrollbar-arrow-color: #adabab;
}
#footer3 .card .textedubas h2{
  font-size: 1.2em;
  margin: 0.5em 0;
  font-weight: 600;
}
#footer3 .card .textedubas h3{
font-size: 1em;
margin: 0.5em 0 0.3em 0;
}
.djslider-default .slide-desc {
position: 0;
}
.fa-solid, .fas {
    color: #7b82bd;
    font-size: 90%;
}
/*modification du style du formulaire de contac*/
.dj-simple-contact-form-row{
  padding: 0.5em 1em;
  color: #0d386e;
  font-weight: 400;

}
.dj-easy-contact-wrapper {
  color: #0d386e;
  padding: 0.1em 2em;
}
.dj-simple-contact-form.style-1 .inputbox{
    height: 2.1em !important;
}
.dj-simple-contact-form-row.terms-conditions {
    margin: 0 0 10px 0.2em !important;
}
/*.dj-simple-contact-form-row.terms-conditions input[type="checkbox"], .dj-simple-contact-form-row.terms-conditions2 input[type="checkbox"] {
    margin: 0.3em 0 0 2em !important;
}*/
.form{
  padding: 0.2em 2em;
}
.form h3 {
    font-size: 1.4em;
    margin-left: 1em;
    box-shadow: -1em 42px 3px -42px #0d386e;
    color: #0d386e;
}
.form-label{
  padding-left: 0.1em;
}
.button-box{
  padding-left: 1em;
}

@media (max-width: 576px) {
  .form{
  padding: 0em;
  margin-top: 0em;
  }
.bandeau-2 .form h3{
  margin-top: -1.3em ;
  width: calc(100% - 0.5em);
  }
.dj-easy-contact-wrapper {

}
}
.djeasycontact-g-recaptcha {
    margin-bottom: 1em !important;
padding: 0 1em;
text-align: center;
}
/*modification du bouton de switch de langue*/
.mod-languages__select .btn {
    --btn-padding-x: 0.6rem;
    --btn-padding-y: 0.5rem;
    --btn-font-size: 0.95em;
    --btn-line-height: 1.2;
}
.mod-languages__select .dropdown-menu {
    --dropdown-zindex: 1000;
    --dropdown-min-width: 10rem;
    --dropdown-padding-x: 0.6rem;
    --dropdown-padding-y: 0.5rem;
    --dropdown-spacer: 0.125rem;
    --dropdown-font-size: 0.95em;
    --dropdown-min-width: 7rem;
    line-height: 1.2;
}
.container-search .mod-languages .btn-secondary {
    margin-right: 23px; /* Marge à droite */
    border:none;
    align-items: center;
    display: flex;
}
.container-search .mod-languages .btn-secondary img, .container-search .dropdown-menu img{
    margin-right:5px;
}
.container-search .mod-languages__select .dropdown-menu {
    --dropdown-font-size: 0.85em;
    --dropdown-min-width: 5rem;
}

@media (max-width: 576px) {
  .footer1 .btn-group {
      display: flex;       /* Override Bootstrap's default inline-flex for btn-group */
      justify-content: center;
      width: 100%;         /* Take up full width of parent container */
  }
  .mod-languages__select .btn {
      --btn-padding-x: 0.9rem;
      --btn-line-height: 1.25;
  }
  .mod-languages__select .dropdown-menu {
      --dropdown-font-size: 1.01em;
      line-height: 1.3;
  }
}
.ba-form-footer{
      display: none;
  }
.ba-field-container textarea {
  line-height: 19px !important;}

.ba-form-submit-btn-wrapper a {
  /*.com-content-article a {*/
      color: white !important;
  }
/*Class des div d'articles, pour mettre une image en arriere plan*/
/*Class vidéos youtube de présentation dans boutons Windata, winddeep...*/
.boutonvideo .wf-icon-zoom-link {
    display: none !important;
}

/*Form widget elfsight*/
.frajrr {display: none;}

#devis div>a {
    background: none !important; /* Supprime tout fond */
    background-color: transparent !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
    color: transparent !important; /* Masque le texte */
    background: white !important; /* Supprime le fond gris */
    border: none !important; /* Supprime les bordures */
    pointer-events: none !important; /* Désactive les interactions */
    text-shadow: none !important;
    clip-path: inset(0 0 0 0) !important; /* Découpe tout le contenu */
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    visibility: hidden !important; /* Masque l'élément sans le supprimer */
    pointer-events: none !important;
    margin: -3em !important;
    padding: 0 !important;
}

#devis form {
  padding-bottom: 1.4em !important;
}
#devis .zBbTw{
  margin-bottom: -4em !important;
}

object[type="application/pdf"] {
  border: none !important;
}

iframe.canva-service::-webkit-media-controls {
    display: none !important;
}
iframe.canva-service footer{display: none !important;}

/*style du formulaire devis du module Devis*/
.form_devis { background-color: white; margin: 5px auto; padding: 25px 30px; }
.form_devis input[type="text"], input[type="email"], input[type="tel"] { width: 100%; padding: 8px; margin-top: 5px; margin-bottom:15px;}
.form_devis input[type="submit"] {
  background-color: #2699d0;
  color: white; border: none;
  padding: 10px 20px;
  cursor: pointer;
  display: block;  /* Rendre le bouton comme un bloc */
  margin: 0 auto;  /* Centrer le bouton horizontalement */
  margin-top:10px;
}
.form_devis input[type="checkbox" i] { margin-right: 10px ; }
.form_devis fieldset {margin-bottom: 8px;}