body{font-size:16px; font-weight: 400; color:#000;}
.icolanding {width:100px;height:auto;}
.icosocial {width:150px;height:auto;}
.ico100x100 {width:100px !important;height:100px !important;}
.titre0 {font-size: 50px}
.titre1 {font-size: 39px}
.titre2 {font-size: 36px}
.titre3 {font-size: 28px}
.titre4 {font-size: 22px}
.titre5 {font-size: 18px}
.titre6 {font-size: 16px}
.textbtnbleu  {font-size: 28px}
.txtvert {color: #21AF86;}
.txtblc, h2 {color: #fff;}
.txtgris{color:#ABA8AB;}
.txtbleu{color:#0056b8;}
.txtdarkgrey{color:#313133;}
.txtbck{color:#000000;}
.txtasterisk {font-size:16px !important}
.txtgras3 {font-weight: 300 !important;}
.txtgras7 {font-weight: 700 !important;}
.txtlegende01 figcaption{font-size: 28px;padding:20px; font-weight: 600 !important;}
.shadowtext { text-shadow: 2px 0 0 #ececec, -2px 0 0 #ececec, 0 2px 0 #ececec, 0 -2px 0 #ececec, 1px 1px #ececec, -1px -1px 0 #ececec, 1px -1px 0 #ececec, -1px 1px 0 #ececec;}
.hauteurlignslim {line-height: 1em !important;}
.hauteurlignstd {line-height: 1.5em;}
.hauteurlignstd li{line-height: 1.5em;}
.bg0 {background-color:#0056b8;}
.bg01{background-color: #f0f0f0;}
.bg02{background-color: #D4E3F3;}
.bg03{background-color:#545454; color:#d0d0d0;}
.bg03link a{color:#c6c6c6 !important;}
.bg03link a:hover{color:#fff;}
.bg04 {background-color:#464646; color:#c6c6c6;}
.vpad4{padding:40px 0px}
.margin0{margin:0px !important;}
.marginauto{margin:auto !important;}
.marginbot20{margin-bottom: 20px;}
.margin20{margin:30px 20px}
.marginlr40{margin-left:40px; margin-right:40px; }
.margtopnone {margin-top:0px !important;}
.margbotnone {margin-bottom:0px !important;}
.heightherit{height:inherit}
.ratio{max-width: inherit !important;}
.notflex{width:95%; height:auto;}
.txtcenter{text-align:center !important}
.my-sticky-element {
   position: fixed;
   top: 500px; /* Offset from top of container */
}
.txtjustify{text-align:justify !important;}



/*Réponses aux questions*/

details{padding-top:20px;}
summary {
  list-style: none; /* works in firefox */
  padding: 0.5rem;
  display: block;
  padding-left: 2.2rem;
  position: relative;
  cursor: pointer;
}
summary:before {
  content: '';
  border-width: 1rem;
  border-style: solid;
  border-color: transparent transparent transparent #0056B8;
  position: absolute;
  top: 0.8rem;
  left:0.5rem;
  transform: rotate(0);
  transform-origin: .2rem 50%;
  transition: .5s transform ease;
}

/* THE MAGIC 🧙‍♀️ */
details[open] > summary:before {
  transform: rotate(90deg);
}
details summary::-webkit-details-marker {
  display:none;
}
details > ul {
  padding-bottom: 1rem;
  margin-bottom: 0;
}
summary:hover {
  cursor: pointer; color:#0056b8 !important;
}
details[open] > summary{
  cursor: pointer; color:#0056b8 !important; line-height:1.5em;
}
summary h3{color:#000; font-weight:400;margin-bottom:20px;}


/* Formulaire */
.demande-dossier {background:#0056b8;}
.demande-dossier button.submit-formules {
  background: #fff;
  border-radius: 5px;
  padding: 20px 20px;
  color: #0056b8;
  display: block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;}

.wpcf7-form .wpcf7-response-output, .form.devis .wpcf7-response-output {
  border: none;
  border-radius: 3px;
  background-color: #fff;
  color: #000;
  font-size: 18px !important;
}

.wpcf7-response-output{
color:#fff !important;
background-color:#0056B8 !important; }
.screen-reader-response{ display:none;}
.ajax-loader{ display:none;}

.wpcf7-not-valid-tip {color:#fff; background-color:red;padding:0px 4px; margin-right:4px;font-size:18px; }
.demande-dossier {padding: 0; margin-bottom:10px}
.wpcf7-form-control {margin-top:5px;} 

/* RGPD */
.rgpd2022{color:#fff !important;  font-size:14px;  }
label{color:#fff !important;  font-size:14px;  }
.wpcf7-list-item-label{display:inline-block !important; float:left;  margin-right:8px; }
button.submit-formules {padding: 16px 20px !important;}

/* Page contact */
.gb-container-f60bc6bf, .gb-container-16977f60 {margin-left: 20px !important; margin-right:20px !important}


/* MOBILE */
@media (max-width: 768px) {
.titre1 {font-size: 30px}
.titre2 {font-size: 24px}
.titre3 {font-size: 22px}
.titre4 {font-size: 20px}
.titre5 {font-size: 18px}
.titre6 {font-size: 16px}
.textbtnbleu {font-size: 12px ;}
.hide_on_mobile{display: none;}

.col110 {width:50px}
.icosocial {width:48px !important;height:48px !important;}
.responsive {
  width: 100% !important;
  height: auto !important;
}
}