td {
  vertical-align: middle !important;
}

th {
  vertical-align: middle !important;
}

a {
  color: #10069f;
}

/**********************/
/**** STYLE TITLES ****/
/**********************/

h4 {
  margin-bottom: 0 !important;
}

.hidden {
  display: none;
}

/************************************************/
/**** CONTAINS MAIN COLORS OF LA BULLE BLEUE ****/
/************************************************/

.cs_bg_color {
  background-color: #10069f !important;
}

.cs_font_color {
  color: #10069f !important;
}

.cs_bd_color {
  border-color: #10069f !important;
}

.cs_radius_none {
  border-radius: none;
}

.button2 {
  color: #10069f !important;
  border-color: #10069f !important;
}

.boutonCredit {
  background-color: #10069f;
  color: white;
  border-radius: 0px;
  padding: 8px;
}

/***********************/
/**** BTN GO TO TOP ****/
/***********************/

#myBtn {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-color: grey;
  /* Set a background color */
  color: white;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding-top: 10px;
  /* Some padding */
  padding-bottom: 10px;
  /* Some padding */
  padding-right: 15px;
  /* Some padding */
  padding-left: 15px;
  /* Some padding */
  border-radius: 10px;
  /* Rounded corners */
  font-size: 18px;
  /* Increase font size */
}

#myBtn:hover {
  background-color: #555;
  /* Add a dark-grey background on hover */
}

/**************************/
/****  NAVBAR BUTTONS  ****/
/**************************/
.btn-group button,
.btn-group-nav button {
  background-color: #10069f;
  color: white;
  border-radius: 0px;
  padding: 8px;
}

/************************/
/**** STYLE CALENDAR ****/
/************************/

.calendar_border {
  border: 30px solid #FFF000;
  border-top: none;
}

.calendar_edit_card {
  border-top: 6px solid #10069f;
  border-bottom: 6px solid #10069f;
  letter-spacing: 0.1px;
  margin-bottom: 2rem;
  margin-top: 3rem;
}

.calendar_edit_card2 {
  border-top: 6px solid #10069f;
  border-bottom: 6px solid #10069f;
  letter-spacing: 0.1px;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.table_body td {
  border: 1px solid #10069f;
}

/*********************/
/**** STYLE LINKS ****/
/*********************/
a {
  color: #10069f;
}

.color_icons {
  color: #FFF000 !important;
}

.style_icon_search_plus {
  font-size: 20px;
}

/*******************************/
/**** POSITION AND STYLE AD ****/
/*******************************/

.style_ad_top {
  max-height: 250px;
  width: auto;
  overflow: hidden;
  margin-bottom: -9px;
}

.style_ad_top_mobile {
  display: none;
}

.style_ad_left {
  height: 100%;
  background-position: left top !important;
  background-repeat: no-repeat !important;
}

.style_ad_right {
  height: 100%;
  background-position: right top !important;
  background-repeat: no-repeat !important;
}

.style_img_ad {
  display: block;
  width: 100%;
  height: auto;
}

.style_img_ad_mobile {
  display: none;
}

.margin_ad_right {
  margin-right: 2rem;
}

.preview_pub {
  width: 100px;
}

.select2 span {
  height: calc(2.25rem + 2px);
}

/* .select_multiple {
  -moz-appearance:none;
  -moz-border-radius:1px;
  -moz-box-sizing:border-box;
  -webkit-appearance:none;
  -webkit-border-radius:1px;
  appearance:none;
  background:url(../images/general/select-arrow.png) no-repeat scroll 100% 50% #fff;
  border:1px solid #d2d2d2;
  border-radius:1px;
  font:13px "Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size:13px;
  height:36px;
  resize:none;
  vertical-align:baseline;
  width:260px;
  padding:9px 7px 9px 17px;
} */

/***********************/
/******** Credit *******/
/***********************/

.credit-sticky-header{
  position: sticky;
  top: 0;
  /* Couleur d'arrière-plan des cellules de l'en-tête */
  border: 1px solid #dee2e6;
}

.credit-custom {
  background-color: #10069f;
  color: white;
}   
/***********************/
/**** MEDIA QUERIES ****/
/***********************/

@media (max-width: 1050px) {
  .style_ad_right {
    display: none;
    background: none;
  }

  .style_ad_left {
    display: none;
    background: none;
  }

  .style_ad_bottom_mobile {
    display: block;
    width: 100%;
    max-height: 150px;
    overflow: hidden;
  }

  .style_img_ad_mobile {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .style_ad_top_mobile {
    display: block;
    margin-top: 5px;
    width: 100%;
    max-height: 150px;
    overflow: hidden;
    margin-bottom: 1.5rem;
  }

  .style_img_ad {
    display: none;
  }

  .responsive_card_msg {
    flex-direction: column;
  }

  .margin_edit_card {
    margin-top: 5px;
    margin-top: -4px;
  }

  .calendar_edit_card {
    margin-top: 2rem;
  }
}

@media (max-width: 524px) {
  .calendar_edit_card {
    justify-content: center;
    align-items: center;
  }

  .calendar_edit_card2 {
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 512px) {
  .calendar_edit_card {
    transform: translateX(-10px);
  }

  .calendar_edit_card2 {
    transform: translateX(-10px);
  }
}

@media (max-width: 482px) {
  .calendar_edit_card {
    transform: translateX(-20px);
  }

  .calendar_edit_card2 {
    transform: translateX(-20px);
  }
}

@media (max-width: 430px) {
  .calendar_edit_card {
    transform: translateX(-32px);
  }

  .calendar_edit_card2 {
    transform: translateX(-32px);
  }
}

@media (max-width: 400px) {
  .calendar_border {
    width: 133%;
    transform: translateX(-22px);
  }

  .calendar_edit_card {
    transform: translateX(-30px);
  }

  .calendar_edit_card2 {
    transform: translateX(-30px);
  }

  .responsive_title_calendar {
    width: 133%;
    transform: translateX(-22px);
  }
}

@media (max-width: 370px) {
  .calendar_border {
    width: 133%;
    transform: translateX(-22px);
  }

  .calendar_edit_card {
    transform: translateX(-45px);
  }

  .calendar_edit_card2 {
    transform: translateX(-45px);
  }
}

@media (max-width: 375px) {
  .calendar_border {
    width: 133%;
    transform: translateX(-22px);
  }

  .calendar_edit_card2 {
    transform: translateX(-50px);
  }

}