/* COULEUR LINKS */
a {
  color: #194687;
  text-decoration: none;
}
a:hover {
  color: #9c3522;
}
.cursor-pointer {
  cursor: pointer;
}
p {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
/* NAVBAR */
.navbar {
  padding-top: 0;
  padding-bottom: 0;
  /* background-color: #333 */
}


/* BUTTONS */
.btn2 a {
  color: #ffffff;
  text-decoration: none;
}
.btn2 a:hover {
  color: #bd7467;
}

/* REGLAGES et HACK MENU DEROULANT */
.navbar-nav .dropdown-menu { /* Replié */
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
@media (min-width: 768px) { /* MENU HAUT */
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .navbar-brand { /* LOGO - DECALE, MAIS AUSSI 'ASOLUTISE' */
      left: 36px;
    }
}
/* POUR 'SI BESOIN' */
@media (min-width: 576px) {
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
}
/* !REGLAGES et HACK MENU DEROULANT */

/* LARGEUR ADAPTATIVES */
/* RAPPEL : xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px */
/* xs */
.w-adapt4 { width : 49.3%; margin-right: 2px; margin-bottom: 3px;  }
.w-adapt3 { width : 100%; margin-bottom: 3px; }
.w-adapt2 { width : 100%; margin-bottom: 3px; }
.w-adapt { width : 100%; margin-bottom: 3px; }

@media (min-width: 576px) { /* sm */
    .w-adapt4 { width : 49.3%; margin-right: 3px; margin-bottom: 3px;  }
    .w-adapt3 { width : 49.3%; margin-right: 3px; margin-bottom: 3px;  }
    .w-adapt2 { width : 100%; margin-bottom: 3px; }
    .w-adapt { width : 100%; margin-bottom: 3px; }
}
@media (min-width: 768px) { /* md */
    .w-adapt4 { width : 49.3%; margin-right: 3px; margin-bottom: 3px;  }
    .w-adapt3 { width : 49.3%; margin-right: 3px; margin-bottom: 3px;  }
    .w-adapt2 { width : 100%; margin-bottom: 3px; }
    .w-adapt { width : 100%; margin-bottom: 3px; }
}
@media (min-width: 992px) { /*lg */
    .w-adapt4 { width : 32.8%; margin-right: 3px; margin-bottom: 3px;  }
    .w-adapt3 { width : 49.3%; margin-right: 3px; margin-bottom: 3px;  }
    .w-adapt2 { width : 49.3%; margin-right: 3px; margin-bottom: 3px;  }
    .w-adapt { width : 100%; margin-bottom: 3px; }
}
@media (min-width: 1200px) { /* xl et xxl */
  .w-adapt4 { width : 24.5%; margin-right: 3px; margin-bottom: 3px;  }
  .w-adapt3 { width : 32.8%; margin-right: 3px; margin-bottom: 3px;  }
  .w-adapt2 { width : 49.3%; margin-right: 3px; margin-bottom: 3px;  }
  .w-adapt { width : 100%; margin-bottom: 3px; }
}
/* !LARGEUR ADAPTATIVES */

.offcanvas-start { /* plus large */
  width: unset;
  min-width: 430px; 
}

.bg-transp {
  background: rgba(255, 255, 255, 0);
}
.bg-transp-light {
  background: rgba(255, 255, 255, 0.3);
}
.bg-transp-lighter {
  background: rgba(255, 255, 255, 0.65);
}
.bg-transp-lighter-more {
  background: rgba(255, 255, 255, 0.88);
}
.bg-transp-dark {
  background: rgba(0, 0, 0, 0.3);
}
.bg-transp-darker {
  background: rgba(50, 50, 50, 0.8);
}

.bg-blue-gradiant {
  background: linear-gradient(to right, #215baf, #11305c);
}
.bg-blue-gradiant-medium {
  background: linear-gradient(to right, #153c73, #11305c);
}
.bg-red-gradiant {
  background: linear-gradient(to right, #b13c27, #913522 );
}


.bg-blue-50-50 {
  background: linear-gradient(to right, #215baf, #11305c);
}
@media (min-width: 768) {
  .bg-blue-50-50 {
    background: linear-gradient(to right, #215baf 50%, #11305c 50%);
  }
}


.text-justify { 
  text-align: justify;
}


.fs-07 {
  font-size: calc(3rem + 4vw)!important;
}
.fs-08 {
  font-size: calc(2rem + 3vw)!important;
}
.fs-09 {
  font-size: calc(1.5rem + 2vw)!important;
}

.fs-5 {
  font-size: 1.25rem!important;
}

.fs-5-1 {
  font-size: 1.15rem !important;
}
.fs-5-2 {
font-size: 1.12rem !important;
}
.fs-5-3 {
font-size: 1.08rem !important;
}

.fs-6 {
  font-size: 1rem!important;
}

.fs-7 {
  font-size: 0.85rem!important;
}
.fs-8 {
  font-size: 0.75rem!important;
}
.fs-9 {
  font-size: 0.70rem!important;
}
.fs-10 {
  font-size: 0.60rem!important;
}


.rounded-4 {
  border-radius: 0.4rem!important;
}
.rounded-5 {
  border-radius: 0.5rem!important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: 0.5rem!important;
  border-bottom-left-radius: 0.5rem!important;
}
.rounded-top-5 {
  border-top-right-radius: 0.5rem!important;
  border-top-left-radius: 0.5rem!important;
}
.rounded-diagonal-5 {
  border-bottom-right-radius: 0.5rem!important;
  border-top-left-radius: 0.5rem!important;
}

.shadow-1 {
  box-shadow:  0.10rem 0.2rem 0.5rem rgba(0,0,0,.3)!important;
}
.shadow-2 {
  box-shadow:  0.15rem 0.3rem 0.75rem rgba(0,0,0,.3)!important;
}
.shadow-3 {
  box-shadow:  0.2rem 0.4rem 1rem rgba(0,0,0,.4)!important;
}

.w-85 {
  width: 85%!important;
}
.w-90 {
  width: 90%!important;
}
.w-95 {
  width: 95%!important;
}
.w-125 {
  width: 125%!important;
}
.w-150 {
  width: 150%!important;
}

.scaleY-09 { 
  display: inline-block; 
  -webkit-transform: scale(1,.9); 
  -moz-transform: scale(1,.9); 
  -ms-transform: scale(1,.9); 
  -o-transform: scale(1,.9); 
  transform: scale(1,.9); 
}
.scaleY-12 { 
  display: inline-block; 
  -webkit-transform: scale(1,1.2); 
  -moz-transform: scale(1,1.2); 
  -ms-transform: scale(1,1.2); 
  -o-transform: scale(1,1.2); 
  transform: scale(1,1.2); 
}
.scaleY-13 { 
  display: inline-block; 
  -webkit-transform: scale(1,1.3); 
  -moz-transform: scale(1,1.3); 
  -ms-transform: scale(1,1.3); 
  -o-transform: scale(1,1.3); 
  transform: scale(1,1.3); 
}
.scaleY-15 { 
  display: inline-block; 
  -webkit-transform: scale(1,1.5); 
  -moz-transform: scale(1,1.5); 
  -ms-transform: scale(1,1.5); 
  -o-transform: scale(1,1.5); 
  transform: scale(1,1.5); 
}

/* BREAKPOINTS */
/* `xs` returns only a ruleset and no media query */
.col-by4 {
  width: 100%;
}
.w-sm-50 {
  width: 100%!important;
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (min-width: 575.98px) { 
.col-by4 {
  width: 50%;
}
.w-sm-50 {
  width: 50%!important;
}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) { 
  .col-by4 {
    width: 50%;
  }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (min-width: 991.98px) { 
  .col-by4 {
    width: 50%;
  }
}
/* `xl` applies to large devices (desktops, less than 1200px) */
@media (min-width: 1199.98px) { 
  .col-by4 {
    width: 33.33%;
  }
}
/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) { 
  .col-by4 {
    width: 33.33%;
  }
}




/* BOOTSTRAP-MENU (MEGAMENU) */
.navbar .megamenu{ padding: 1rem; }
/* ============ desktop view ============ */
@media all and (min-width: 768px) {
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
}	
/* ============ desktop view .end// ============ */
/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
/* ============ mobile view .end// ============ */

/* --- */
.crop-background-img {
  background-size: cover;
  background-position:center;
}
.round-img {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}



/* PROBLEMES SUMMERNOTE en MODE EDITION */
/*
.note-editor .note-editable {
    background-color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-align: inherit;
}*/