/* Couleurs au 16/02/2024 (pas de charte disponible)  :
- principale :#3A68AB (bleu nuit)
- secondaire :#3595DD (bleu cyan)
- tertiaire #EA6F2D (orange)
*/

/* Claire par mail le 11/03 à 15h16
Voici les codes couleurs du site recherche:
Principale: Bleu clair : #0093D6
Secondaire: Bleu marine : #013279
Tertiaire: Orange : #EA6F2D
*/



/* ALIGNEMENTS */
.flexContentCenter {
  display: flex !important;
  justify-content: center !important;
}
.textJustify{
  text-align: justify !important;
}
.iconsTip {
  position: absolute;
  right: 15px;
  font-size: 4rem;
}



/* BACKGROUNDS */
.bgPictureDiverse{
  background-image: url('../../bank/images/backgrounds/bg_diverse/bg_diverse_min_large.jpeg');
  background-size: cover;
}
.bgPictureSeniorCouple{
  background-image: url('../../bank/images/backgrounds/bg_senior_couple/bg_senior_couple_min_large.jpg');
  background-size: cover;
}
.bgPictureYoungWoman{
  background-image: url('../../bank/images/backgrounds/bg_young_woman/bg_young_woman_min_large.jpg');
  background-size: cover;
}
.bgPolygonsWhite{
  background-image:url('../../bank/images/backgrounds/polygons_white/polygons_white_min_original.jpg');
  background-size: contain;
}
.bgPolygonsWhiteRevert{
  background-image:url('../../bank/images/backgrounds/polygons_white_revert/polygons_white_revert_min_original.jpg');
  background-size: contain;
}
.bgPrimary{
  background: #0093D6;
}
.bgPrimaryLinearGradient {
  background: linear-gradient(.25turn, #0093D6, 50%, #0093D673);
}
.bgRedTransparent{
  background-color: rgb(255, 239, 239);
}
.bgYellowTransparent{
  background-color: rgb(255, 253, 238);
}
.blueLightCard {
  background-color: rgba(0, 147, 214, 0.3);
}
.greenLightCard {
  background-color: rgba(6, 148, 96, 0.3);
}



/* BANNER TESTIMONY */
.firstTestimony {
  -webkit-animation: bannermove 180s linear infinite;
    -moz-animation: bannermove 180s linear infinite;
      -ms-animation: bannermove 180s linear infinite;
      -o-animation: bannermove 180s linear infinite;
          animation: bannermove 180s linear infinite;
}
.bannerTestimonies {
    height: 50px;
    width: 15000px;
}
.spanTestimony {
  width: 350px !important;
  text-align: center !important;
  margin-left: 66vw;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@keyframes bannermove {
  0% {
      margin-left: 0px;
  }
  100% {
      margin-left: -15000px;
  }
}
@-moz-keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -15000px;
  }
}
@-webkit-keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -15000px;
  }
}
@-ms-keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -15000px;
  }
}
@-o-keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -15000px;
  }
}
  


/* BORDERS */
.borderCornerBottomRightWhite {
  border-right: solid 1px white;
  border-bottom: solid 1px white;
}
@media (min-width: 992px) {
  .borderDarkLinearGradient {
    border-image: linear-gradient(to bottom, gray 30%, black 100%) 1;
    border-width: 6px;
    border-style: solid;
    border-top: none;
    border-bottom: none;
  }
}



/* CHECK PASSWORD */
.pwdCheckGood {
  width: 100%;
  background-color: #28a745;
  margin-top: 5px;
  line-height: 2;
  height: 3px;
  color: #28a745;
  font-weight: 500;
  font-size: 12px;
}
.pwdCheckShort {
  width: 100%;
  background-color: #dc3545;
  margin-top: 5px;
  line-height: 2;
  height: 3px;
  color: #dc3545;
  font-weight: 500;
  font-size: 12px;
}
.pwdCheckWeak {
    width: 100%;
    background-color: #ffc107;
    margin-top: 5px;
    line-height: 2;
    height: 3px;
    color: #ffc107;
    font-weight: 500;
    font-size: 12px;
}



/* COLORS */
.col-primary{
  color: #0093D6;
}
.col-yellow{
  color:#fff200;
}



/* CUSTOM BOOTSTRAP */
.btn-outline-primary{
  --bs-btn-color: #0093D6;
  --bs-btn-border-color: #0093D6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0093D6;
  --bs-btn-hover-border-color: #0093D6;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0093D6;
  --bs-btn-active-border-color: #0093D6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0093D6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0093D6;
  --bs-gradient: none;
}
.btn-outline-warning{
  --bs-btn-color: #e5af00;
  --bs-btn-border-color: #e5af00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e5af00;
  --bs-btn-hover-border-color: #e5af00;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e5af00;
  --bs-btn-active-border-color: #e5af00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e5af00;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e5af00;
  --bs-gradient: none;
}
.card, .card .card-header {
  border: none;
}
.carousel-control-next,
.carousel-control-prev{
  bottom: 100%; /* Aligns it at the top */
}
.form-group{
  margin-top: 10px;
  margin-bottom: 10px;
}
.form-control:focus{
  box-shadow: none !important;
}
.img-thumbnail{
  height: 100px;
  width: 100px;
}
.navbar-toggler-light {
  border-color: transparent !important;
  color: white !important;
  opacity: 1 !important;
}
.navbar-toggler-darkBlue {
  border-color: transparent !important;
  color: #013279 !important;
  opacity: 1 !important;
}
.navbar-toggler-noFocus:focus {
  box-shadow: none;
}
.text-decoration-none {
  cursor: pointer;
  text-decoration: none !important;
}
.text-warning {
  color: #e5af00 !important;
}



/* CUSTOM CK-EDITOR */
.ck-word-count {
  display: inline-flex;
  flex-wrap: wrap;
}
.ck-word-count__words, .ck-word-count__characters {
  margin-right: 1rem;
}



/* CUSTOM DIGITALEO */
.webkit {
  zoom: 130%;
}



/* CUSTOM FOSCK EDITOR (=wyswyg) */
a.cke_combo_button {
  padding: 0px !important;
}
.cke_notifications_area{
  display: none;
}



/* CUSTOM HTML */
a {
  color: #0093D6;
}
a:hover {
  color: #013279;
}
p {
  margin-bottom: 0rem;
}



/* CUSTOM UP_MY_SHOP */
#ums-div{
  background-color: white !important;
}



/* FONTS */
.handwritingFont {
  font-family: Georgia, serif;
}



/* HOVERS */
.hoverBold :hover{
  font-weight: bold;
}
.hoverCursorPoint :hover{
  cursor: pointer;
}



/* MODALS INITIALISATION */
.divModal {
  position: fixed;
  top: 5vh;
  left:20vh;
  right:20vh;
  margin: auto;
  width: 60vw;
  height: 90vh;
  z-index: 1;
}
.modalButton {
  border-color: black solid 1px;
}
.modalDoc {
  height: 79%;
  border: black solid 1px;
}
.modalPresentation {
  height: 10%;
  color: white;
  padding: 1rem;
  background-color: grey;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modalValidation {
  height: 10%;
  background-color: grey;
  display: flex;
  align-items: center;
  justify-content: center;;
}



/* OVERFLOWS */
.overflow{
  overflow: hidden !important;
}
.overflow_ellipsis_1{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.overflow_ellipsis_2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.overflow_ellipsis_5{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}



/* OVERLAYS */
.overlayDiv {
  position: absolute;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,.7);
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlayText{
    text-decoration: none;
    color: white;
}



/* PAGINATIONS */
.pagination{
  display: block !important;
}
.pagination a{
    margin: 0.5rem;
}



/* PRINT */
body {
  /* conserver les couleurs de fond */
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact !important;
}
/* forcer l'impression en paysage */
@page {
  size: A4 landscape;
}



/* SHADOWS */
.blackTextShadow {
  text-shadow: 0 0 2px black;
}
.blueLightShadowBottom {
  box-shadow: 0px 4px 3px rgba(0, 147, 214, 0.3);
}
.blueDarkShadowBottom {
  box-shadow: 0px 4px 3px rgba(1, 50, 121, 0.4);
}
.blueLightShadowDynamic {
  box-shadow: 0px 4px 3px rgba(0, 147, 214, 0.3);
}
@media (min-width: 1200px) {
    .blueLightShadowDynamic {
      box-shadow: 4px 4px 4px rgba(0, 147, 214, 0.3);
    }
}
    


/* STARS RATING */
.ratingUl li{ list-style: none; display: inline;}
.ratingUl li :hover{ cursor: pointer;}



/* TAILLES & IMAGES */
.font12{
  font-size: 12px !important;
}
.imgCard {
  width: 100%;
  height: 190px;
  border-radius: 0px;
}
.imgIcons{
  width : 2rem;
}
.height35{
  height: 35px !important;
}
.height50{
  height: 50px !important;
}
.height60{
  height: 60px !important;
}
.height90{
  height: 90px !important;
}
.height120{
  height: 120px !important;
}
.height140{
  height: 140px !important;
}
.height160{
  height: 160px !important;
}
.height180{
  height: 180px !important;
}
.height200{
  height: 200px !important;
}
.mh-50px {
  max-height: 50px;
}
.vh-10{
  height: 10vh;
}
.vh-80-dynamic{
  height: 80vh;
}
@media (min-width: 768px) {
  .height340Dynamic {
      height: 340px;
  }
  .height360Dynamic {
    height: 360px;
}
}
@media (min-width: 992px) {
  .height150Dynamic {
    height: 150px;
  }
  .height160Dynamic {
    height: 160px;
  }
  .lh1-dynamic{
    line-height: 1 !important;
  }
  .vh-80-dynamic{
    height: 100vh;
  }
}