:root {
    --bleunuit:#101828;
    --bleuclair:#23119f;
}


@font-face {
  font-family: 'ClashDisplay-Variable';
  src: url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Variable.woff2') format('woff2'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Variable.woff') format('woff'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Variable.ttf') format('truetype');
       font-weight: 200 700;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ClashDisplay-Extralight';
  src: url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Extralight.woff2') format('woff2'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Extralight.woff') format('woff'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Extralight.ttf') format('truetype');
       font-weight: 200;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ClashDisplay-Light';
  src: url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Light.woff2') format('woff2'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Light.woff') format('woff'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Light.ttf') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ClashDisplay-Regular';
  src: url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Regular.woff2') format('woff2'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Regular.woff') format('woff'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Regular.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ClashDisplay-Medium';
  src: url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Medium.woff2') format('woff2'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Medium.woff') format('woff'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Medium.ttf') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ClashDisplay-Semibold';
  src: url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Semibold.woff2') format('woff2'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Semibold.woff') format('woff'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Semibold.ttf') format('truetype');
       font-weight: 600;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ClashDisplay-Bold';
  src: url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Bold.woff2') format('woff2'),
       url('/client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Bold.woff') format('woff'),
       url('./client_file/themes/biztrox/plugins/fonts-custom/ClashDisplay-Bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}
.btn-categorie, .news_mod_0_cat span{
    margin-right: 0.75em;
}

.nav-item:hover{
    color: #23119F !important;
}
.nav-link:hover{
    color: #23119F !important;
}

.hover-couleur:hover{
    color:#101828   !important;
}
.imgft img {
   /*margin-left: 3rem!important;*/
}
.bg-gris{
  background:  #f2f4f7 !important;
  border-radius:10px !important;
}
.border-right-gris{
    border-right : 1px solid #b7babf !important;
}
.w-15{
    width: 15% !important;
}
.bg-gris-cust-close{
    background: #a5a8ae !important;
    border-radius: 50%;
    font-size: 28px;

}
.thisimg
{
 width:450px;
 height:580px ;
}
.cust-container-prix .card-img-top , table .card-img-top.w-70
{
   width:180px !important;
    height:250px !important;
}
.haut-page{
        padding-bottom: 3rem!important;
}
.bg-gris-cust-close:hover {
    background: #8d8f94 !important;

}
#toprint .w-hr
{
     margin-right: 1rem!important;

}

.fl
{

  width:70%;
}
#main_slider .owl-item.active
{
  margin-right: 20px;
}
.size-18 {
    font-size :18px !important;
}
.border-radius-cust2{
    border-radius:0 !important;
}
.rein{
    background-color:white !important;
    color:gray !important;
}
.rein:hover{
    background-color:#F9FAFB !important;
     color:gray !important;
}
.violet-bg {
  background:  #7e6996 !important;
}
.violet {
  color:  #7e6996 !important;
}
.h-cust:hover {
    background: #2C15BF !important;
}
.orange-bg{
     background: #cf7148 !important;
}
.orange{
     color: #cf7148 !important;
}
.vert-bg{
    background: #396888 !important;
}
.vert{
    color: #396888 !important;

}
.vert-clair-bg{
    background: #3e7d5d !important;
}
.vert-clair{
    color: #3e7d5d !important;

}
.rose-bg{
    background: #a6587c !important;
}
.rose{
    color: #a6587c !important;

}
.rouge-bg{
    background: #9a4454 !important;
}
.rouge{
    color: #9a4454 !important;

}
.gris-fonce-bg{
    background: #667085 !important;
}

.openPopup img {
    /*padding-top: 1rem!important;*/
}
.gris-fonce{
    color: #667085 !important;

}
.card-img-top{
    height:300px !important;
}
/* The container */
.thecontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.h-cust{
    height: 45px !important;
}
.h-cust2{
    height: 40px !important;
}
.ml-10 {
    margin-left: 10rem!important
}
/* Hide the browser's default checkbox */
.thecontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border :1px solid black;
}

/* On mouse-over, add a grey background color */
.thecontainer:hover input ~ .checkmark {
  background-color: white;
}

/* When the checkbox is checked, add a blue background */
.thecontainer input:checked ~ .checkmark {
  background-color: white;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.thecontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.thecontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid  #23119f;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.p-7{
    padding: 7rem !important;
}
.rounded-lg{
    border-radius:10px !important;
}
.change-color-icone:hover {
  filter: invert(43%) sepia(11%) saturate(683%) hue-rotate(183deg) brightness(97%) contrast(93%);
}
.img-footer:hover{
filter:invert(8%) sepia(8%) saturate(394%) hue-rotate(182deg) brightness(40%) contrast(86%);

}
.hover-color-change:hover img {
      filter:invert(21%) sepia(17%) saturate(7364%) hue-rotate(233deg) brightness(88%) contrast(137%);
}

.hover-effect:hover #police_txt img {
    filter:invert(21%) sepia(17%) saturate(7364%) hue-rotate(233deg) brightness(88%) contrast(137%);
}
.hover-effect:hover #police_txt  {
    color:#23119F ! important;
}
.cust-img1:hover h2 img {
    filter:invert(21%) sepia(17%) saturate(7364%) hue-rotate(233deg) brightness(88%) contrast(137%);
}
.card-title:hover img {
    filter:invert(21%) sepia(17%) saturate(7364%) hue-rotate(233deg) brightness(88%) contrast(137%);
}
.bg-white{
  opacity:1;
}

.cust-img1:hover h2  {
    color:#23119F ! important;
}
.lien-textuel{
    color: var(--bleuclair)!important;
}
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;

  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: var(--bleuclair)!important;
  color: white;
}

.pagination a:hover:not(.active) {background-color:#F9FAFB;    }
.hr_dot{
   border-top: 2px dotted #7c7c7c;
   background: none !important;
}
.ligne-avec-points {
    border-top: 2px dotted #7c7c7c;
   background: none !important;

}
.css-carte-prix-detail-livre{
    position: absolute;
    top: -60px;
    right: -65px;
    border-radius: 10px !important;
}
.w-10 {
width: 10% !important;
}
.accordion{
   /* padding: 3rem!important; */
}
.panel-default .card-header {
    background : transparent !important;
}

/*#main_wrapper_interne a {
         background:var(--bleuclair);
     font-family: "ClashDisplay-Medium" ;
     font-size:16px ;

     display: inline-block;
    position: relative;

    background: none;
  padding: 10px 20px ;

    text-align: center;
    font-size: 1em;
    line-height: 1.1875em;
    font-weight: bold;
    text-decoration: none;


    transition: all .25s ease-in;
    box-shadow: none;
    border: 0;
    border-radius: 25px;
} */
.arianne_link a:hover{
        color:#101828   !important;
}
.pt-cust-5{
    padding-top:5rem!important;
}
.w-hr{
    width:50px;
    background:var(--bleuclair)!important;
    height:3px;
    margin-bottom:5px !important;
}
.section_color {
    display:none !important;
}
.arianne_link a{
        color:#101828   !important;
        font-family: "ClashDisplay-Medium" !important;
        font-size:18px !important;
        color : #667085 !important;
}

.accordeon_titre {
     font-size:28px !important;
        font-family: "ClashDisplay-Semibold" !important;
      color: var(--bleunuit) !important;
}
.accordion  .panel-body p , .accordion  .panel-body ul li span ,   .accordion  .panel-body ul li
{
  font-family: "ClashDisplay-Regular" !important;
    font-size:18px !important;
}
.twitter
{
 filter : invert(70%) sepia(82%) saturate(20%) hue-rotate(187deg) brightness(98%) contrast(90%);
}
.twitter:hover
{
filter : invert(80%) sepia(8%) saturate(394%) hue-rotate(182deg) brightness(40%) contrast(86%);
}
.collapsed{
      color:var(--bleuclair)!important;
}
.bleu-middle img {
    border-radius:0px !important;
}
.nav-item{
   color: var(--bleunuit) !important;
    font-size:16px !important;

}
.dropdown-menu{
     border-radius: 15px !important;
    box-shadow:0 5px 15px 9px rgb(0 0 0 / 25%) !important;
}
.dropdown-item {
   color: var(--bleunuit) !important;
   font-size:16px !important;
}
.dropdown-item:hover{
   color: var(--bleuclair)!important;
}
.navbar-brand img{
    width:60% !important;
}
.navigation .navbar-brand img {

top: 56% !important;

}
.top-header{
    display:none !important;
}
.fa-search{
    color:white !important;
}
.custsearch{
    background:var(--bleuclair)!important;
    /*position:absolute;*/

    border-radius:5px !important;
    height: 45px !important;
    float: right;
}
form.input-icons .input-wrapper
{
  display:flex;
}
.css-input{

 border-radius: 5px;
 padding: 0 15px 2px;
height: 45px;
 border: 1px solid #e5e5e5;
font-family: "Open Sans", sans-serif;
 font-weight: 600;
font-size: 14px;
color: #666; }
.fa-search{
        font-size: 20px !important;
}
..search-form2 .css-input {
    background: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    font-size: 20px;
    transition: 0.3s ease;
    position: relative;
    color: #fff;
    height: 130px;
    padding: 30px 40px;}

.inline{
            max-width:400px;
            margin:auto;
        }


        .input-icons {
            width: 100%;
            margin-bottom: 10px;
        }

        .icon {
            padding: 10px;
            min-width: 40px;
        }

        .input-field {
            width: 100%;
            padding: 10px;
            text-align: center;
            margin-bottom: 3px;
        }
.nav-link{
     font-family: "ClashDisplay-Medium" !important;
}
.dropdown-item {
     font-family: "ClashDisplay-Medium" !important;
}


.text_slider h3 {
display:none !important;
font-family: "ClashDisplay-Semibold" !important;
font-size:100px !important;
        }
#text_p{
   /* display:none !important;  */
   font-family: "ClashDisplay-Semibold" !important;
font-size:100px !important;
line-height: 1.1;
margin-bottom: 0 !important;

}
.imgcs{
   width: 10% !important;
   padding-left: 0.25rem!important;
   padding-top: 0.25rem!important;
   float: right!important;
}
.Btn{
    background:var(--bleuclair)!important;
     font-family: "ClashDisplay-Medium" !important;
     font-size:16px !important;
}
.bleu-clair{
     color:var(--bleuclair)!important;
}
.font-medium{

     font-family: "ClashDisplay-Medium" !important;

}
.font-semi-bold{

     font-family: "ClashDisplay-Semibold" !important;

}
.font-regular , body{

     font-family: "ClashDisplay-Regular" !important;

}
.hover-lien a:hover{
     color :#23119F !important;
}
.hover-effect:hover a .titre{
        {color :#23119F !important; }
}
.hover-effect img:hover{
    transform: scale(1.1) !important;
}
.cust-img1 img:hover{
    transform: scale(1.1) !important;
}
.card:hover .card-img-top{
      transform: scale(1.1) !important;
}
.card:hover .card-title{
    color :#23119F !important;}
.titre:hover{
    color :#23119F !important;}
.titre img:hover path {
    fill :#23119F !important;}
.couleur-hr{
    color: #2b3647 !important;
    background: #2b3647 !important;
}
.custimgsize {
    padding-left:3rem!important;
}
#text_btn:hover{
    color: #2C15BF !important;
}
.hovereffect:hover{
    background: #2C15BF !important;
}
.line-height-1{
    line-height:1 !important;
}
.border-radius-cust{

    border-radius: 10px !important;
}
.col-md-12 h1 {
    font-size:90px !important;
    color: var(--bleunuit) !important;
     font-family: "ClashDisplay-Semibold" !important;
     border-top: 2px solid var(--bleuclair) !important;

}
.sous-titre1{
   color: var(--bleunuit) !important;
   font-family: "ClashDisplay-Semibold" !important;
    font-size:38px !important;
}
.a2a_default_style{
    display:none !important;
}
.torotate{
transform: rotate(180deg);}
#text_btn .Btn{
   text-transform:none !important;
   margin-top: 0.25rem!important;
}
.footerlogo
{
    margin-bottom: 1rem!important;
    margin-top: 1rem!important;
}
#text_btn{
   text-align:center !important;
}
.white-pale-color{
    color : #d0d5dd !important;
}
.w-20{
    width:20% !important;
}
.w-12{
    width:12% !important;
}
.bleu-fonce{
     color: var(--bleunuit) !important;
}
.pt-2{
    padding-top:2rem !important;
}
.size-50{
       font-size:50px !important;
}
.size-90{
      font-size:80px !important;
}
.timeline-body a , .panel-body a  {
  color : var(--bleuclair) !important;
}
.line-height-80{
    line-height: 80px;
}
.size-63{
    font-size:63px !important;
}
.size-14{
    font-size:14px !important;
}
.size-16{
    font-size:16px !important;
}
.size-21{
    font-size:21px !important;
}
.size-28{
    font-size:28px !important;
}
.bleu-middle{
color: #344054 !important;
 }
.bluedot{
    background: var(--bleuclair) !important;
     height: 10px;
  width: 10px;

  border-radius: 50%;
  display: inline-block;
  padding:0 !important;
}
.bg-gris-bleu-nav{
    /*background : #eff2f4 !important; */
}
.bg-gris-bleu-nav{
   /* background : #eff2f4 !important;*/
    /*background: url('/client_file/upload/banniere_pub/banner_test4.png'); */
    background-size:cover;
    background: #EFF2F6 !important;
}
.cloned img{
    width:0 !important;
}

.bouton-gris-violet {
    background-color: #f2f3f7;
    padding: 10px;
    border-radius: 10px;
    color: var(--bleuclair)!important;
     width:fit-content;
}
.retour {
    color: white !important; }
.gris-evenement{
    background: #fcfaff !important;
}
input::placeholder {
    text-align: left ;
}
.bg-gris-nv{
    background: #f2f4f7  !important;
}
.table_dates{
   border-spacing: 10px;
    border-collapse: separate;
}
.border-bleu-fonce{
    border-top: 2px solid var(--bleuclair) !important;
}
.border-left-bleu{
      border-left: 2px solid var(--bleuclair) !important;
      padding-left:10px !important;
}
.gris-bleu{
    color : #667085 !important;
}

.container{
    max-width:1400px !important;
}
#news_mod_6_main_img_overlay {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    margin: 0 15px 0 15px;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 100%;
    z-index: 2;}
#news_mod_6_main_img_txt {
    position: absolute;
    bottom: 10%;
    width: 80%;
    padding: 0 7%;
    color: #fff;
    z-index: 3;}
#news_mod_6_main_img_overlay {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    margin: 0 15px 0 15px;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 100%;
    z-index: 2;
}
#news_mod_0_main_img_txt {
   position: absolute;

    width: 96%;
    padding: 0 2%;
    color: #fff;
    z-index: 3;

    height: 35%;
    border-radius: 5px !important;
    box-shadow: 0 2px 2px 0px rgb(0 0 0 / 25%) !important;

    }
.news_mod_6_cat {
    height: 28px;
}
.news_mod_0_cat {
    height: 28px;
}
#wrapper_nouvelle h4 {
    margin-top: 20px !important;
}
.news_mod_6_ajust_img{
    width: 322.85px !important;
    height: 283.5px !important;
    max-width: 322.85px !important;
    max-height: 283.5px !important;
}
#news_mod_6_main_img img {
    width: 100%;
    height: auto;
}
.custinfo p span {
   font-family: "ClashDisplay-Regular" !important;
   color: var(--bleunuit) !important;
   font-size:16px !important;
}
.col-lg-12 p {
   font-family: "ClashDisplay-Regular" !important;
   color: var(--bleunuit) !important;
   font-size:16px !important;
}
.news_mod_0_cat{
    position:absolute;
    top:20px;
    left:25px;
}
.btn-categorie,.news_mod_0_cat span{
    background :var(--bleuclair)!important;
    border-radius:10px;
    padding:10px;
    color:white;
    font-family: "ClashDisplay-Regular" !important;
     font-size:14px !important;
}
.custimgsize img ,.cust-img1 img {
    border-radius: 10px !important;
}
.img-logo-footer img {
  /* padding-left: 70px !important;*/
    width: 65% !important;
}
.section{
    overflow: none !important;
    padding-bottom: 1rem!important;
    padding-top: 3rem !important;
}
.custimgsize .news_mod_6_ajust_img{
    height:228.5px !important;
}
.bg-custom-info{
    background: no-repeat url("/client_file/upload/image/custom/gradient_infolettre5.jpg") !important;

     background-size: cover;
     border-radius:15px;
    box-shadow:0 5px 14px 0px rgb(0 0 0 / 25%) !important

}
.custom-pad{
    padding-top:2rem!important;
}


.bg-footer{
    background-color:  #101828 !important;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.hover-color:hover{
    color:  #101828 !important;

}


.sous-titre1{
   color: var(--bleunuit) !important;
   font-family: "ClashDisplay-Semibold" !important;
    font-size:38px !important;
}
.sous-titre2{
   color: var(--bleunuit) !important;
   font-family: "ClashDisplay-Semibold" !important;
    font-size:28px !important;
}
.sous-titre3{
   color: var(--bleunuit) !important;
   font-family: "ClashDisplay-Semibold" !important;
    font-size:21px !important;
}
.citation{


     font-family: "ClashDisplay-Regular" !important;
    font-size:16px !important;
     color : #667085 !important;

}
p{
   color: var(--bleunuit) !important;
   font-family: "ClashDisplay-Regular" !important;
    font-size:16px !important;
}
.legende{
   color: var(--bleunuit) !important;
   font-family: "ClashDisplay-Regular" !important;
    font-size:14px !important;
}
.border-radius-image{
            border-radius: 15px !important;
}

.home_news_date img{
  display:none;
}
.liste-non-ordonnee{
    list-style-type: disc;

    font-family: "ClashDisplay-Regular" !important;
    font-size:16px !important;

}
.cust-container-prix {
    /*padding-bottom: 2rem!important;*/
}
.liste-ordonnee{
    list-style-type: decimal;

     font-family: "ClashDisplay-Regular" !important;
    font-size:16px !important;

}
.liste-ordonnee li::marker{
   /* color:var(--bleuclair) !important;*/
    color: black !important;

}
.liste-non-ordonnee li::marker{
    color:var(--bleuclair) !important;
}
.img-shadow{
-webkit-box-shadow: 0px 5px 28px 7px rgba(35,17,159,0.34);
box-shadow: 0px 5px 28px 7px rgba(35,17,159,0.34);
}

.css-carte-prix-cont{
   position: absolute;
    top: 10px;
    right: 20px;
     border-radius:10px !important;;
}
.css-carte-prix{

    border-radius: 10px;
    padding: 10px;
    color: white;
    font-family: "ClashDisplay-Regular" !important;
    font-size: 14px !important;

}
.w-70{
    width:70% !important;
}
.bg-gray{
    background : #8b837c  !important;
}
.bg-vert{
    background : #5f957c  !important;
}
.bg-bleu{
      background:var(--bleuclair) !important;
}
/*----------------------- gestion de livres affichae teaser coté client----------------------*/
 .no-over .col-sm-4{
    display: block;
    width:100%;
}
.no-over .col-sm-4 .image-isbn{height: auto !important;}
.container-image-isbn {
    position: relative;

    height: auto;
    overflow: hidden;
    margin:10px;


}

.image-isbn {

    display: block;
    width:350px;
    min-height:100%;

}

.overlay-isbn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width:350px;
    opacity: 0;
    transition: .5s ease;
   background: rgba(0,0,0,0.8);
   padding:10px;



}

.container-image-isbn:hover .overlay-isbn {
    opacity: 1;
}

.text-isbn {
    color: white;
    font-size: 10px;
    position: absolute;
    top:5%;
    left:2%;

    max-height:100%;




}
.text-isbn h4 {
    color: white;
    font-size: 18px;

  padding-right:5px;


  overflow-wrap: break-word;
   inline-size: 250px;

}
.container-fiche {
    display: flex;
    width: fit-content;
    margin: auto;
    height: 100%;
    justify-content: center;
    align-items: center;
    box-shadow: 0 8px 20px rgba(0,0,0,.25);

    border-radius:10px;

}



.content-fiche {
    max-width: 800px;

}

.img-fiche img {
    width: 100%;
    float:right;
}

.heading-fiche {
    display: flex;
    margin-bottom: 20px;
}

.no-fiche {
    border-right: 4px solid black;
    padding: 0 10px;
    font-size: 60px;
    color: #ffb454;
    font-family: "Lobster", cursive;
}

.text-fiche {
    padding: 0 10px;
}
.text-fiche h3 {
    font-size: 22px;
    font-weight: 400;
}

.text-fiche h1 {
    color:#0a548b;
}

.features-fiche {
    margin-left: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.features-fiche h3 {

}

.features-fiche ul {
    display: inline-block;
    margin: 0 30px;
}



.button-container-fiche {
    margin-left: 60px;
    display: flex;

    /* justify-content: center; */
}

.button-fiche {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.white-a{

color:white;
}

.btn-fiche {
    background-color: transparent;
    color: #ffb454;
    border: none;
    padding: 10px 30px;
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
    border: 2px solid #ffb454;
    font-weight: bold;
    border-radius: 5px;
}

.search-form2{

     width: 400px;
    padding-right: 100px;
}
@media screen and (max-width: 1400px) {

    .search-form2{

     width: 200px;
     padding-right: 20px;
    }

}

@media screen and (max-width: 1600px) {

   .nav-item #search{

     width:50%;
    }

}

@media screen and (min-width: 1800px)
{
/*
#main_wrapper_interne
{
    width: 2500px !important;
}
*/
 .cust-container-prix
{
    min-width: 1800px !important;
    /*max-width: 2500px !important;*/
}
.haut-page
{
    margin-right: 0px !important;
}

}

body{
    /*background: #dee1f4 !important; */
}
#text_btn{
    margin : 0px 0 0px !important;
}
.customsectioncss
{
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background: white !important;
}

@media screen and (min-width: 1400px) {

    .search-form2{

     width: 300px;
     padding-right: 50px !important;
    }

}
@media screen and (min-width: 2000px) {

    .search-form2{

     width: 300px;
     padding-right: 50px !important;
    }

}
.timeline-body
{
 padding:0.75rem;
}
@media screen and (max-width: 800px) {
    .custimgsize .news_mod_6_ajust_img
    {
     width:100% !Important;
    }
    .img-fiche {
        display: block;
        margin: auto;
    }
    .mobileconttable
    {

    /* margin-left:100% !important;  */

    }


    .thisimg {
    width: 50%;
    height: 20%;
}.z
{
     margin-left: 12%;
}
.mrmobile
{
   margin-top:200px !important;
}
    .search-form2
    {

      display:none;
    }
    .fl
{

  width:30px !Important;
}
.cust-container-prix .col-4 , .cust-container-prix .col-8
{

 width:100% !important;
 max-width:100% !important;
 flex: 100%;
}
.archives {
 padding:0 !important;

}
    .search-form2{

     width: 300px;
    }
    .container-fiche {
        flex-direction: column;
        max-width: 450px;
        margin: auto;
    }

    .button-container-fiche {
        margin: 5px;
    }
}
@media screen and (max-width: 500px) {
    .button-container {
        justify-content: center;
        margin-left: 0px;
    }
    .btn {
        padding: 10px 15px;
    }
       .search-form2{

     width: 200px;
    }

.custimgsize{
    padding-left: 0rem!important;
    padding-top: 3rem!important;
}
.bg-custom-info .col-12{
   margin-left: 3rem!important;
    padding:0 !Important;
}
.bg-custom-info{
  padding-bottom: 1rem!important;
}
.form-control{
    width:70% !important;
}
.avant-footer {
      margin-top: 3rem!important;
}
.search-form2{
       padding-left: 0rem!important;
       margin-left: 0rem!important;
           margin-right: 3rem!important;
}
.navbar-nav {
    /*margin-left: 7rem!important;*/
}
.footerlogo .col-6  img {
    float:left !Important;
    width: 80% !important;
}
/*table * {
  display: contents;
}
table {
  display: flex;
  flex-direction:column;
}
th, td {
  display:block;
  text-align:center;
}
tr > *:nth-child(1) { order:1;}
tr > *:nth-child(2) { order:2;}
tr > *:nth-child(3) { order:3;}
tr > *:nth-child(4) { order:4;}
tr > *:nth-child(5) { order:5;}
tr > *:nth-child(6) { order:6;}
tr > *:nth-child(7) { order:7;}
tr > *:nth-child(8) { order:8;} */
.change-opacity{
       /*margin-left: 1rem!important; */
}
.size-50{
       font-size:30px !important;
}
.size-90{
      font-size:40px !important;
}
.line-height-80{
    line-height: 35px;
}
.size-63{
    font-size:30px !important;
}
.size-14{
    font-size:14px !important;
}
.size-16{
    font-size:16px !important;
}
.size-21{
    font-size:18px !important;
}
.size-28{
    font-size:20px !important;
}

.text_slider h3 {
display:none !important;
font-family: "ClashDisplay-Semibold" !important;
font-size:30px !important;
        }
#text_p{
   /* display:none !important;  */
   font-family: "ClashDisplay-Semibold" !important;
font-size:25px !important;
line-height: 1.1;
margin-bottom: 0 !important;

}
#main_slider .text_slider {
    background: none;
     left: 10%;
    /*top: -5%;
    text-align: left;*/
    /* padding: 20px 30px !important; */
    position: absolute;
    width: auto;
    max-width: 1300px;
    z-index: 1;
}



}
@media screen and (min-width: 1600px) {
.imgft img {
    /* margin-left: 9rem!important;
     padding-left: 50px; */
     width: 90% !important;
}
.centermobile {
    text-align: center!important;
}

}

.features-fiche ul li {
    width :100% !important;
}
.text_slider {
    text-align:center !important;
}
/*.custom-bg-image{
      background: no-repeat url("/client_file/upload/image/custom/entete4.jpg") !important;
}
*/
.custom-bg-image{
     padding: 0 !important;
}

.mr-7{
    margin-right: 7rem!important;
}
.navbar-brand img {
        padding-top: 20px;
}
.bg-photo {
/*background: url('/client_file/upload/banniere_pub/banner_test4.png'); */
  background-size: cover;
  background: #EFF2F6 !important;

}
.comite-section , .cust-container-prix {
  /*background: url('/client_file/upload/banniere_pub/banner_test4.png'); */
  background-size: cover;

  background: #EFF2F6 !important;

}
.cust-container-prix .row{
    /*padding-right: 3rem !important; */
}


h2 {
        color: red !important;
        padding-bottom: 10px !important;
        margin-left: -4px !important;
}

.timeline_titre {
        padding-top: 26px !important;
}

/*#main_wrapper_interne a:not(.retour):not(.bleu-fonce) {
        color: #000 !important;
        font-weight: bolder;
}

*/
.bg-gris-cont
{
    background: #f3f4f8 !important;

}
.dotted-spaced
{
   background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 10px 1px;
  background-repeat: repeat-x;
}
.dotted-spaced p
{
        visibility:hidden !important;
}
.hover-color-change:hover .bleu-fonce {
      color: #23119F !important;
}
.custom-bg-image .container{
     padding: 0 !important;
     margin:0 !important;
     max-width: 100% !important;
}
.custom-bg-image .section{
     padding: 0 !important;
     margin:0 !important;
}
.haut-page{
  /* background: no-repeat url("/client_file/upload/image/custom/entete4.jpg") !important; */
  /*margin-bottom: 5rem !important; */

  /*background: url('/client_file/upload/banniere_pub/banner_test4.png'); */
  background-size: cover;
  margin-left: 50px;


 /* background: #EFF2F6 !important;  */

}



.second-cont {
    border-top-left-radius: 40px;
     border-top-right-radius: 40px;
    margin:0 !important;
    background: white !Important;
}
.fil_arianne {
        padding-top: 7rem!important;
        padding-left: 50px;
        padding-bottom: 1rem!important;
}
.card-photo {
background: url('/client_file/upload/banniere_pub/banner_test4.png');
  background-size: cover;
  border-radius: 30px;
  padding-right: 30px;

}
.size-20
{
    font-size: 20px !important;

}
.petit-titre-en-bleu
{
   font-size: 16px !important;
   font-family: "ClashDisplay-Semibold" !important;
   color: var(--bleuclair)!important;


}
.lien-bleu {
     color: var(--bleuclair)!important;
     font-family: "ClashDisplay-Semibold" !important;
     text-decoration:underline ;
}
.lescat span , .white-box span
{

    background: white;
    padding: 7px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 5px;

}
.lescat span
{

    margin: 0.25rem!important;

}
#myModal  {
     padding: 100px !important;
}
.modal-body{
        border-radius: 50px;
}
.modal-second {
 border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.btn-modal
{
    background: var(--bleuclair)!important;
    font-family: "ClashDisplay-Medium" !important;
    font-size: 16px !important;
}
input[type=search] , .dataTables_length

{
  display: none !important;
}
.paginate_button {
    padding: 10px !important;

    color:var(--bleuclair)!important;
    font-family: "ClashDisplay-Semibold" !important;
    }

.dataTables_info {

 padding: 10px !important;

}
.archives-table tr td {
   /* width: 500px !important;*/
}
#toprint .row .col-6 .card{
       margin-right: 1rem!important;
}
#toprint .row .col-6 .card .white-box{
       padding-right: 1rem!important;
}

.openPopup  .card{
       margin-right: 1rem!important;
}
.openPopup .card .white-box{
       padding-right: 1rem!important;
}



@media screen and (max-width: 600px) {
 .mobileconttable table {
    border: 0;
  }

 .mobileconttable table caption {
    font-size: 1.3em;
  }
  .second-cont
  {

  padding-right:0 !important;
  margin-right:0 !important;
  }
  .second-cont .css-carte-prix-detail-livre
  {
   width:100%;
   top: -30px !important;
    right: -95px !important;
  }
  .abl{
     top: -450px !important;
  }
  .mt-mobile
  {
    margin-top:4rem !important;
  }
 .modal-sect .size-63 {
    font-size: 24px !important;
    margin-bottom:3rem !important;
    text-align:center !important;
}
  .second-cont .css-carte-prix-detail-livre  img.w-50
  {
   width:30% !important;
  }
  #myModal {
    padding: 40px !important;
}

  .mobileconttable table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

 .mobileconttable table tr {

    display: block;
    margin-bottom: .625em;
  }

 .mobileconttable table td {

    display: block;
    font-size: .8em;
    text-align: right;
  }

  .mobileconttable table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  .mobileconttable table td:last-child {
    border-bottom: 0;
  }
}
#top_news
{
  color: var(--bleunuit)!important;
      font-size: 80px !important;
      font-family: "ClashDisplay-Semibold" !important;

      padding-left: 10vw !important;
    padding-right: 10vw !important;

        border-top: 2px solid var(--bleuclair) !important;
    background: #eff2f6 !important;

}
#news_wrapper_list
{
  padding-left: 10vw !important;
    padding-right: 10vw !important;;
}
.NewsSummary h2
{
    color: var(--bleuclair)!important;
}
.row
{
  display:flex;
}
/*.col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
   max-width: 16.666667%;
}*/
#joindre_footer .hover-couleur p
{
  line-height:1.5;
}
/*span
{

        font-family: "ClashDisplay-Medium" !important;


} */
@media screen and (max-width: 1400px) {

    .search-form2{

     width: 200px;
     padding-right: 20px;
    }
    .navbar-nav {
       padding-left: 0px !Important;;
   }

}
@media only screen and (max-width: 1400px) and (min-width: 990px)  {.
   .navbar-expand-lg .navbar-nav {
       padding-left: 0px !Important;;
   }
   .navbar-nav .first_lv_1
   {
       padding-left: 0px !Important;;
   }
   .navbar.navbar-expand-lg
   {
    display: flex!important;
    margin-right: -15px;
    margin-left: -15px;
   }
   .navbar-collapse a:first-child img
   {
     width:50%;
   }
   .nav-item img
   {
     width:auto !important;
   }
   #navbarNavDropdown a:first-child
   {
     width:fit-content;
   }
   .nav-item #search {
    width: 80%;
}


}
.border-bleu-fonce.haut-page  , .h1#top_news
{
   padding-top: 1.5rem !important;
   padding-bottom: 1.5rem !important;
}
#news_wrapper_list
{
 background : white !important;
}

/*#main_wrapper_interne{
    width: 1800px !important;
}*/
#main_wrapper_interne .p-prix , .timeline ,.bg-photo .second-cont , .haut-page ,.fil_arianne ,.custom-marg , .news_details .bg-photo , .news_details .row.ml-5 ,.nv-marg, .vote-cont
{
      padding-left: 10vw !important;
      padding-right: 10vw !important;

}
.news_details .row.ml-5
{
   margin-left:0 !important;
}
/*#main_wrapper_interne
{
 padding-left: 10vw !important;
      padding-right: 10vw !important;

}*/

.haut-page
{
 margin-left: 0!important;
}
/*.row.border-bleu-fonce.pt-5.haut-page::before {
    position: absolute;
    left: 0;
    content: " ";
    display: block;

    border-bottom: 2px solid var(--bleuclair) !important;
    width: 100%;
}*/

.haut-page .col-md-8
{
 padding-left: 0px !important;
 margin-left: 0px !important;
}
.news_details a[href="/news"]
{
       background: var(--bleuclair)!important;
    font-family: "ClashDisplay-Medium" !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    color: #fff !important;
        transition: all .25s ease-in;
    box-shadow: none;
    border: 0;
    border-radius: 10px;
    margin-left:10vw !important;
}
a[href="/"].Btn.float-right
{
       margin-right:10vw !important;
}
/*.news_details .container
{
      padding-left: 10vw !important;
    padding-right: 10vw !important;
}*/

.cust-container-prix{
   /* max-width:2200px !important;  */
}
@media screen and (max-width: 1900px) and (min-width: 1800px) {

    .home_news_date {
        right: 53.5% !Important;

    }
}
@media screen and (max-width: 3000px) and (min-width: 1950px) {
   .home_news_date {
           right: 57% !Important;

    }
}
@media screen and (max-width: 1750px) and (min-width: 1500px) {

    .home_news_date {
        right: 52% !Important;

    }
}
.special .haut-page , .special
{
       background: #eff2f6 !important;
}
.bradius
{
  border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    margin: 0 !important;
    background: #ffffff !Important;
}
.custom-marg
{
 background: #ffffff !Important;
}
.pt-5.haut-page
{

}
.pt-5.haut-page .col-md-8  , .pt-5.haut-page .col-md-6 ,  .pt-5.haut-page .col-md-12
{

     flex: 0 0 100% !important;
    max-width: 100% !important;

}
.pt-5.haut-page   .col-md-8 div.size-90 , .pt-5.haut-page   .col-md-6 div.size-90 , .pt-5.haut-page   .col-md-12 div.size-90 {


        /*justify-content: center!important;
        display: flex!important;*/



}
h1#top_news
{
  /* text-align:center ; */
}
.second-cont
{
        padding-top: 3rem!important;
}
.gris-evenement .font-medium.bleu-fonce
{
  display: inline-block;
    text-transform: uppercase;
}
.table_dates a
{
  color: #23119F !important;
}
.card-title .col-10
{
  /*height:50px; */
}

/*.col-12.col-md-4.p-0.text-center.pr-1.HQC {
    height: 600px;
}
*/

/*.prix .bg-photo .haut-page
{
 padding-left: 0px !important;
 margin-left: 0px !important;
}
.prix .bg-photo .haut-page .col-md-8
{
 padding-left: 0px !important;
 margin-left: 0px !important;
}*/
.home_news_date {
    /*right: 57%;
    position: absolute;
     font-family: "ClashDisplay-Regular" !important;
    font-size:16px !important;*/
    display: inline-block;
    padding-left: 11vw !important;
    padding-right: 11vw !important;
    /*margin-left: 15px;*/
        width: 100%;
    background: white;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;


}
.home_news_date div
{
  margin-top: 30px;
}
.news_details  .col-md-12
{
  background: #eff2f6;
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.news_details  .col-md-12 .bg-photo
{
  margin-bottom: 0!important;
  padding-bottom: 0!important;
  border-bottom :none !Important;
}
a
{
   color: var(--bleuclair);
}
.p-prix p
{
 line-height:2 !important;
}
.haut-page .col-8 .bleu-clair , .haut-page .col-6 .bleu-clair ,.haut-page .col-12 .bleu-clair
{
     color: var(--bleunuit) !important;
}
.bg-custom-info
{
  display:none !Important;
}
#prix-passes-archives .archives-table .col-md-4 , #prix-passes-archives .archives-table .row
{
   width:100% !Important;
}
#prix-passes-archives .archives-table .row
{
   padding-top:0 !Important;
}
#prix-passes-archives .archives-table .col-md-4
{
  max-width:100% !Important;
  width:100% !Important;
  /*flex: 0 0 100% !Important;*/
}

 .flippable_table ,#main .responsive_table  {
  overflow-x: auto !Important;
}

.flippable_table ,#main .responsive_table{
  width: 100% !Important;
  border-collapse: collapse !Important;
}

footer table td {

  padding: 2vw;
}
/*@media (min-width: 600px) and (max-width: 1000px)  {
    .archives-table a.openPopup
    {

        height: 40vh;
        display: block;
    }
    .archives-table .row{
        padding-right: 1rem !important;
    }
}*/
@media (min-width: 800px) {
    .archives-table tr
    {
       height: 1px;
    }
    .archives-table tr td
    {
       height: inherit ;
    }
    @-moz-document url-prefix() {
   .archives-table tr
    {
       height: 100%;
    }
    .archives-table tr td
    {
       height: inherit ;
    }
}
    .archives-table tr td .row
    {
      height: 100% ;
    }
    .archives-table tr td .row .pr-1{
     width:100%;
    }
}
@media (max-width: 600px) {
  footer table , .flippable_table ,#main .responsive_table {
    display: block;
  }

  footer table td , .flippable_table td  ,#main .responsive_table td {
    display: block !Important;
    width: 100% !Important;
  }
  .flippable_table tbody ,#main .responsive_table tbody
  {
    width: 100%;

    display: block !Important;
  }
  .navbar-collapse
  {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .logocontent
  {
     position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align:center;

  }
  .bg-gris-bleu-nav
  {
   padding-left:0 !Important;
   padding-right:0 !Important;
  }
  #main_slider .text_slider
  {
   left:5vw !Important;
  }
  .section
  {
    padding-top:1rem !Important;
  }
  .custom-bg-image
  {
     padding-top:0rem !Important;
  }
  .custom-marg .col-6 , .col-5 , .col-8
  {
    flex: 0 0 100% !Important;
    max-width: 100% !important;
  }
  .custom-marg .col-8
  {
    flex: 0 0 100% !Important;
    max-width: 100% !important;
  }
  .w-70
  {
    width:100% !Important;
  }
  .face , .insta ,.twitt
  {
       width: 100%;
    display: block;
    margin-bottom:1rem !Important;
  }
  .timeline_titre
  {
        margin-top: 1.5rem!important;
  }
  .bg-photo .second-cont
  {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
  }
  .haut-page
  {
    max-width:100% !Important;
  }
  .size-90, #top_news , .bg-photo.pl-5 h1 , .col-md-12 h1{
      font-size:40px !important;
  }
   html, body {
   width: auto;
   height: 100%;
 }
    .cachers  {
        display:none;
    }
    .navigation .navbar .nav-item .nav-link
    {
        font-size:18px !important;
    }
    .row
    {
     margin-right:0 !Important;
    }
    .news_details .Btn , .btn-modal
    {
      margin-top:0.75rem !Important;
    }
    .modal-second
    {
      margin-top:0 !Important;
    }
    .t
    {
    padding-left:0.75rem !Important;
    }
    .t .text-left , .thisremoveclass .float-left
    {
     padding-left:0.75rem !Important;
    }
    .haut-page
    {
        padding-left:0.2rem !Important;
    }
  /*body
  {
    position:absolute;
  }
  #main_slider
  {
   display:none;
  }*/
}