body{
    overflow-x: hidden;
}
.footer-copyright a{
  color: #fff;
}
.sponsers-slider a{
  text-align: center;
  line-height: 70px;
  display: inline-block;
  width: 100%;
  height: 80px;
}
.sponsers-slider .slick-slide img{
  max-height: 80px;
  max-width: 100px;
  display: inline;
}
.sponsers-slider .slick-next{
  padding: 0px;
}
.Actualites-content h3{
  word-break: normal;
}
.newsletter-btn{
  background-color: #0070BA;
  font-family: 'Erbaum';
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  padding: 16px 20px;
  border-radius: 5px;
  margin: auto;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.newsletter-btn a{
  color: #fff;
}
.left-img{
  left: 16px;
  bottom: 30px;
  top: auto;
}
#date_prev_item{
  display: none;
}
.tourism picture{
  cursor: pointer;
}
.app_text_wrap{
  float: right;
  margin-top: 7px;
}
.accesgratuit{
  text-align: center;
  font-size: 18px;
}
.accesgratuit b{
  font-size: 30px;
}
.slide-two-content h2::after{
  display: none;
}
.app_btn {
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 9999;
    background: #F2B400;
    color: #fff;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 7px 20px 10px;
    display:block;

}
.app_btn a{
    display: flex !important;
    align-items: end;
    color: #fff;
}
.app_btn .cross_btn{
    position: absolute;
    top: -10px;
    left: -10px;
    width: 30px;
    height: 30px;
    background: url(../images/cross_icon.svg) 0 0 no-repeat;
    background-size: contain;
    cursor: pointer;
}
.app_text_wrap span{
    display: block;
    font-weight: bold;
    line-height: 1;
}
.app_text_wrap{
    font-family: 'Erbaum';
    margin-left: 6px;
    display: none;
}
.app_text{
    font-size: 11px;
}
.app_mobile{
    font-size: 20px;
}
.app_btn:hover .app_text_wrap{
    display: block;
}

.post_bloc_video iframe{
  width: 100%;
  height: 600px;
}
.linkshowpartners{
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 30px;
  font-weight: bold;
  color: #016fb8;
  text-decoration: underline;
}
#count-down{
  z-index: 100;
}
.social-media{
  right: 0px;
}
.nepasmanquer{
  min-height: 500px;
}
#formTopContact .row_form_contact label{
  display: inline-block;
  height: 40px;
}
.actualites-btn,
.Actualites .slick-dots {
  width: 100%;
}
.icon-country{
  background: none;
}
.icon-country img{
  width: 24px;
}
.othersboat h3.latest-heading{
  display: block;
  margin: 0 auto;
}
#suivre_bateau a{
  color: #f2b400;
  font-size: 22px;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 30px;
  display: inline-block;
}
#cookie_banner{
  font-size: 14px;
  position: fixed;
  bottom: -3px;
  z-index: 100;
  width: 100%;
  text-align: center;
  z-index: 10000;
  display: none;
}
#cookie_banner #cookiebanner-close{
  background: #0070ba;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
}
#cookie-conteneur {
  background: #FFFFFF;
  color: #808080;
  display: inline-block;
  width: auto;
  padding: 10px;
  border-radius: 6px;
}
#cookie_banner #cookiebanner-text, #cookie_banner #cookiebanner-close {
  display: inline-block;
  padding: 5px;
}
.post-details .post-detail-wrap .post-content .flag-img{
  display: inline-block;
}
.post-details .post-detail-wrap .post-content .flag-img img{
  height: auto;
  position: relative;
}
.program-detail ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.program-detail{
  display: block;
}
.program-detail .prog-date,
.program-detail .titre_programme{
  display: inline-block;
}
.program-detail .titre_programme{
  font-weight: bold;
}
.program-detail .prog-text,
.program-detail .prog-text p{
  font-size: 13px !important;
}
.confirmShip{
  position: absolute;
  z-index: 2;
  margin: 20px;
  padding: 5px 16px;
  font-size: 12px;
  background: #f2b400;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
}
.program-card-wrapper .card-main:hover .program-detail .titre_programme,
.program-card-wrapper .card-main:hover .noprog{
  color: #142a3e;
}
.noprog,
.program-card-wrapper .card-main:hover .noprog{
  color: #a6a6a6;
  font-size: 14px;
}
.program-detail .prog-date,
#liste_item_programme .bloc_programme_jour .time_programme{
  background: #0070ba;
  padding: 0px 5px;
  border-radius: 10px;
  font-size: 14px !important;
  font-weight: bold;
  color: #fff !important;
  display: inline-block;
  margin-top: 10px;
}
.contentdetail #liste_programme .bloc_programme_jour .titre_programme{
  font-size: 22px;
  line-height: 36px;
}
#liste_item_programme .bloc_programme_jour .time_programme{
  float: left;
  margin-right: 8px;
}
#liste_item_programme .bloc_programme_jour .titre_programme{
  font-weight: bold;
}
h1{
  max-width: 800px;
  margin: 0 auto;
  z-index: 9999;
  position: relative;
}
.notavailable{
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
}
a .programme-content{
  color: #142a3e;
}
.white{
  color: #fff;
}
.sm-info a{
  color: #959595;
}
.contentdetail{
  max-width: 1260px;
  margin: 0 auto;
  padding: 20px;
}
.header-page-section {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.bloc_image_top{
    width: 100%;
    margin-bottom: 30px;
}
.cloud-content .timing{
  font-size: 12px;
}
.cloud-content span{
  -webkit-text-stroke: 2px #005fae;
}
.cloud-content .timing span{
  -webkit-text-stroke: 0px #005fae;
}
.contentdetail h2,
#form_auto_conteneur fieldset legend{
  font-family: 'Erbaum';
  font-size: 34px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  max-width: 800px;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 34px;
  color: #142A3E;
}
#form_auto_conteneur fieldset legend{
  max-width: 100%;
}
.program-card .program-card-wrapper .card-main .program_description h2,
.program-card .program-card-wrapper .card-main .program_description h2 span{
  text-align: left !important;
  font-size: 28px !important;
}
.program-card .program-card-wrapper .card-main h3{
  text-align: left !important;
  font-size: 18px;
}
.program-card .program-card-wrapper .card-main .program_description p,
.program-card .program-card-wrapper .card-main .program_description div,
.program-card .program-card-wrapper .card-main .program_description span{
  font-size: 16px !important;
  text-align: left !important;
}
.program-card .program-card-wrapper .card-main .program_description a,
.program-card .program-card-wrapper .card-main .program_description a span{
   color: #0070b9 !important;
   font-weight: bold !important;
}
.program-card .program-card-wrapper .card-main .program_description a.see-program{
  color: #F2B400 !important;
  font-size: 16px !important;

}
.moreinfoprogram,
.program-card .program-card-wrapper .card-main .program_description a.moreinfoprogram{
  background: #0070b9;
  color: #fff !important;
  padding: 5px 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
}
h3.titre_program_home{
  font-size: 28px !important;
  text-transform: none;
  font-weight: bold;
}
.contentdetail a{
  text-decoration: underline;
  font-weight: bold;
}
a{
  color: #0070ba;
}
.pagetitle{
  width: 100%;
}
#liste_partenaire .visuel_partenaire{
  display: inline-block;
}
#liste_partenaire .visuel_partenaire img {
  max-height: 80px;
  max-width: 100px;
  margin-bottom: 45px;
  margin-right: 45px;
}
.clear {
  clear: both;
  display: block;
}
#form_contact{
  max-width: 500px;
  margin: 0 auto;
}
#formTopContact .label_g{
  width: 100px !important;
}
#form_contact .moyen_input{
  width: 380px !important;
}
#form_contact #submit_input{
  margin-left: 206px;
}
.row_form_contact textarea{
  width: 481px !important;
}

input, textarea, select{
  border-radius: 5px;
  border: 2px solid #016db4;
  padding: 10px;
}
textarea{
  margin-top: 10px;
}
select{
  background-color: #fff;
}
input[type=submit]{
  background: #f2b400;
  border: 0px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 30px;
}
input[type=button]{
  background: #c6c6c6;
  border: 0px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 30px;
}
input[type=file]{
  border: 0px;
  padding: 0px;
  display: block;
  margin-top: 10px;
}
#messageBottomContact{
  margin-top: 50px;
}

/*Formulaire sur mesure*/
.row_form_perso {
  margin-bottom: 25px;
}
#contact_form label, #form_auto_conteneur label, #form_auto_conteneur select, #bloc_inscription label, #bloc_inscription select, #bloc_login label, #access_denied label, #msg_lost_pwd_insc {
  max-width: 42%;
}
#contact_form input[type="text"], input[type="password"], input[type="text"], select, #form_auto_conteneur input[type="text"], #bloc_inscription input[type="text"], #access_denied input[type="text"], #bloc_login input[type="text"] {
  width: 58%;
  float: right;
  margin-top: -10px;
}
input[type=radio], input[type=checkbox]{
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.row_radio label,
.row_check label{
  margin-right: 15px;
}
.row_check{
  display: block;
  margin-top: 10px;
}
/* Affichage du bouton radio personnalisé quand il est sélectionné */
input[type=radio]:checked + label:before {
    background: #016db4;
    border-color: #016db4;
    box-shadow: inset 0px 0px 0px 2px #fff;
}
input[type=checkbox]:checked + label:before {
    background: #016db4;
    border-color: #016db4;
    box-shadow: inset 0px 0px 0px 2px #fff;
}
#submit_form_perso input[type=submit]{
  margin: 0 auto;
  margin-bottom: 0px;
  display: block;
  padding: 15px 50px;
  margin-bottom: 50px;
}

/*Login form*/
#access_denied,
#bloc_login{
  max-width: 600px;
  margin: 0 auto;
}
#access_denied h1,
#access_denied h3,
#bloc_login h1,
#bloc_login h3{
  font-size: 34px;
  font-family: 'Erbaum';
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
  color: #142A3E;
  margin-top: 60px;
}
#access_denied input[type=submit],
#bloc_login input[type=submit],
#bloc_inscription input[type=submit]{
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 50px;
}
.submit_login{
  margin-top: 20px;
}
#access_denied label,
#bloc_login label{
  padding: 10px 0px;
}
.row_denied{
  margin-bottom: 10px;
}
.errorlogin{
  margin-bottom: 30px;
  font-weight: bold;
  color: #d9000d;
  font-size: 20px;
  text-align: center;
}
#mon_compte{
  max-width: 800px;
  margin: 0 auto;
}
#mon_compte .row_form_client,
#bloc_inscription .row_form_client{
  margin-bottom: 10px;
  display: block;
  min-height: 50px;
}
#mon_compte textarea{
  display: block;
  width: 100%;
  min-height: 100px;
}
.actuality-wrap .slick-track{
  padding-top: 30px;
}
.Actualites h2{
  margin-bottom: 7px;
}
ul.navigation li{
  cursor: pointer;
}
.horaire{
  max-width: 480px;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding-bottom: 20px;
}

@media screen and (min-width: 1920px){
  .actualites-btn,
  .Actualites .slick-dots {
    padding-right: 266px !important;
  }
  .insta-btn,
  .pictures .slick-dots{
    margin-right: 14% !important;
  }
}

@media screen and (min-width: 1400px){
  .actualites-btn,
  .Actualites .slick-dots {
    padding-right: 80px;
  }
  .pictures {
    padding-top: 50px;
  }
  .insta-btn,
  .pictures .slick-dots{
    margin-right: 12%;
  }
}

@media screen and (min-width: 900px){
  .allactus .Actualites-content{
    float: left;
    width: 31%;
  }
}

@media screen and (min-width: 1145px){
  .allactus .Actualites-content{
    float: left;
    width: calc(32% - 39px);
  }
}

@media (max-width: 768px){
  .listShips .Actualites-content{
    width: 100% !important;
  }
}