/* 
   © EDILREPI - ALL RIGHTS RESERVED
   Other blue - color: #006090;
   Other Font - font-family: 'Fira Sans', sans-serif;
*/
body {
  font-size: .9em;
}
a {
  word-wrap: break-all;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for WebKit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
footer a:not([class]) {
  text-decoration: none;
}
footer a:not([class]):focus, footer a:not([class]):hover {
  color: #fcfcfc;
  text-decoration: underline;
}
.h1, h1 {
  font-size: 1.4rem;
}
.h2, h2 {
  font-size: 1.3rem;
}
.h3, h3 {
  font-size: 1.2rem;
}
.h4, h4 {
  font-size: 1.1rem;
}
mark {
  padding: 0;
  background-color: #ff9;
}
.card {
  border: 1px solid #d9dde0;
}
.sidebar-right.card {
  border: 1px solid #dfe3e7;
}
.respire {
  margin-top: 1rem;
}
.container-header {
  background-color: #fff;
  background-image: none;
  color: #333;
}
.container-header .navbar-brand a {
  color: #004466;
  font-weight: bold;
  text-decoration: none;
}
.container-header .site-description {
  color: #004466;
}
.container-header .mod-menu {
  color: #004466;
}
.container-header .navbar-toggler {
  border: 1px solid #333;
  color: #004466;
  cursor: pointer;
}
/* Link Disconnect - in the Top Header */
.container-header .mod-menu.me-deconnecter {
  margin-bottom: 25px;
  text-align: right;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 .15rem;
}
ul.centrer-moi {
  display: table;
  margin: 0 auto;
}
#jform_username-desc .form-text {
  font-size: 0.85rem;
}

/* ======= Do not display some field on "Edit Profile" page ========= */
div.control-label > #jform_name-lbl {display: none;}
.profile-edit div.control-label > #jform_username-lbl {display: none;}
div.control-label > span.optional {display: none;}
div.control-label >  #jform_email1-lbl {display: none;}
div.control-label >  #jform_email2-lbl {display: none;}
input#jform_name.required {display: none;}
.profile-edit label#jform_username_lbl.hasTip {display: none;}
.profile-edit input#jform_username {display: none;}
label#jform_email1-lbl.hasTip.required {display: none;}
input#jform_email1.validate-email.required {display: none;}
label#jform_email2-lbl.hasTip.required {display: none;}
input#jform_email2.validate-email.required {display: none;}
label#jform_name-lbl.hasTip.required {display: none;}
/* ===== END / Do not display some field on "Edit Profile" page ======= */

.footer {
  margin-bottom: 20px;
}
.container-footer {
  background-color: #0a1343;
  background-image: linear-gradient(#376093, #0a1343);
}
.back-to-top-link:focus, .back-to-top-link:hover {
  background-color: #112855;
}

/* ================  Form   ================= */
.estampille {
  background-color: #698b8b; /* #50778b */
  color: #fff;
  margin: 20px 0 20px;
  padding: 10px;
  border: 1 px solid #698b8b;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	/* Prevent background color leak outs */
  -webkit-background-clip: padding-box; 
  -moz-background-clip: padding; 
  background-clip: padding-box;
}
.estampille > table {
  padding: 10px;
  margin: 0 0 1em;
  color: #fff;
}
.estampille > table td, .estampille > table th {
  border: 1px solid #e0e0e0;
  padding: 5px 10px;
}
#contact-form {
  border: solid 1px #ddd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #f4f7f7;
  padding: 20px 0;
}
#contact-form fieldset {
  padding: 5px 40px 0;
}
button.btn.btn-primary.validate {
  margin-left: 40px;
  width: 10rem;
}
/*===============================================*/

/* Captcha */
div.com-contact div.control-label label#jform_captcha-lbl {padding-left: 40px;}
div.com-contact div.controls div#jform_captcha {padding-left: 40px;}


/* =============  Responsive ============= */
@media (min-width:414px) and (max-width:991px) {
  .container-header .mod-menu {
    flex: initial;
  }
}

@media (min-width:474px) {
  .page-formulaire  .grid-child.container-component {
    max-width: 890px;
  }
}

@media (min-width:0px) and (max-width:415px) {
  .container-header .mod-menu.me-deconnecter {
    text-align: left;
  }
  button.btn.btn-primary.validate {
    width: 76%;
    margin-left: 12%;
    margin-right: 12%;
  }
  #contact-form fieldset {
    padding: 5px 5% 0;
  }
  div.com-contact div.control-label label#jform_captcha-lbl {
   padding-left: 5px;
  }
  div.com-contact div.controls div#jform_captcha {
   padding-left: 0;
 }
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.6rem;
  }
  .com-contact__container {
    grid-gap: 0;
  }
}

@media (min-width:1280px) {
  .page-en-colonne .grid-child.container-component {
    grid-column: 3/5 !important;
  }
}

/* Fix the bug on laptop to display the Masonry blog articles */
@media (min-width:1024px) and (max-width:1441px) {
  .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {
    display: block;
  }
}