.banner-interne {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 270px;
    margin: 0 auto;
}
.banner-interne:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: rgb(0 0 0 / 15%);
    left: 0;
    top: 0;
    z-index: 1;
}
.img-header {
    animation: fade-in-scale-down 2s ease-out 1;
    -webkit-animation: fade-in-scale-down 2s ease-in-out 1;
    -moz-animation: fade-in-scale-down 2s ease-in-out 1;
    -o-animation: fade-in-scale-down 2s ease-in-out 1;
    /* overflow:hidden; */
}
@keyframes fade-in-scale-down{
  0%{
    opacity:0;
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    overflow: hidden;
  }
  
  100%{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes translatewidth{
    0% {
   width:0%;
        animation-timing-function:  cubic-bezier(0.46, 0.03, 0.52, 0.96);
    }
          
    100% {
    width:100%;
    animation-timing-function:  cubic-bezier(0.46, 0.03, 0.52, 0.96);
    }
}
.img-header {
    height: 270px;
    width:100%;
    object-fit: cover;
}
/* Inner-page banner image — fill the full width/height of the banner */
.banner-interne .img-banner {
    width: 100%;
    height: 100%;
}
.banner-interne .img-banner img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    object-position: center;
    display: block;
    max-width: none;
}
.breadcrumb-interne {
    position: absolute;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    justify-content: center;
    height: 270px;
    z-index: 2;
    right: 0;
    width: 100%;
}
.titre-bannerInterne {
     color: #fff;
     font-size: 58px;
     font-weight: 400;
     line-height: 60px;
     letter-spacing: 0em;
     text-align: left;
}
.box-titre{margin: 0;}
.content-reglement .container-fluid p, .container-fluid td {
    text-align: left;
    text-align-last: left;
    font-size: 16px;
    line-height: 24px;
}
.content-reglement .container-fluid td {
    font-weight: 600;
    padding: 5px 15px;
    text-align: center;
    text-align-last: center;
}
.inscription {margin: 70px auto;}
.radio-check {
    font-size: 16px;
    font-weight: 400;
}
.form-card.form-check input {margin-right: 30px;}
.form-card select {
    padding: 15px 15px;
	border:none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background: transparent;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
	margin-right:10px;
}
.form-main .main-wrapper .form-wrapper .form-card .form-label.date-naissance {left: 0;}
.form-main .main-wrapper .form-wrapper .form-card.form-check {margin: 15px 0;}
.flex-form {display: flex;gap: 10px;width: 100%;}
.form-main .main-wrapper .form-wrapper .form-card.form-date .form-label {
    top: 15px;
    font-size: 14px;
}
/*tabs form inscri**/
.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab{
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  display:inline-block;
}
.panels{
  width:100%;
  border-radius:3px;
  overflow:hidden;
  padding:20px;
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel{
  display:block
}
.tabs.btn-wrap {
    width: 100%;
    gap: 5px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}
/***/
.content-reglement strong {color: #09b7cf;}
.mt-120 {margin-top:120px;}
.mb-90 {margin-bottom: 90px;}
.content-reglement h2.section-heading {font-size: 28px;text-align:left;}
.pr-50 {padding-right: 35px;}
.pl-50 {padding-left: 35px;}
.chemin {
    padding-left: 15px;
    color: #fff;
    font-size: 14px;
    margin: 10px 0;
    display: inline-block;
    clear: both;
}
.chemin a {color: #b9b9b9;}
.flex-historique .row:nth-child(even) .mr-50 {margin-left: 50px;}
.flex-historique .row:nth-child(odd) .mr-50 {margin-right: 50px;}
 @media screen and (max-width: 1024px) {
.titre-bannerInterne {font-size: 38px;}
}
 @media screen and (max-width: 991px) {
.form-card select {width: 100%;}
.flex-form {flex-direction: column;}
.inscription .col-lg-8.col-lg-offset-2 {width: 100%;}
.content-reglement .container-fluid td {
    padding: 7px 10px;
    text-align: left;
    text-align-last: left;
}
.titre-bannerInterne {text-align: left;}
.banner-interne {height: 200px;}
.banner-interne .img-banner img {height: 200px;}
.breadcrumb-interne {height: 200px;}
.flex-historique {margin: 30px auto;}
.flex-historique .row {padding: 20px 0;}
.flex-historique .row .col-lg-8 {flex-direction: column;}
.flex-historique .row:nth-child(even) .col-lg-8 {flex-direction: column;}
.inscription {margin: 30px auto;}
.inscription .form-main {margin-top: 30px;}
.pr-50, .pl-50 {padding: 0 15px;}
section.content-reglement .container {width: 100%;}
.flex-historique .row:nth-child(even) .mr-50, .flex-historique .row:nth-child(odd) .mr-50{margin:auto;}
 }