/**/
#header {
    margin:0;
    background: #37546b;
}
input[type="submit"], input[type="button"],
.bouton, .Btn, .BtnForm, #content_confirmation input[type="submit"],
a.btn, div:not([class*="moxman-"]):not([id*="moxman-"]) > button, button:not([class*="moxman-"]):not([id*="moxman-"]):not([role="presentation"]) {
    border-radius: 200px;
    background: #ec1c24;
}
/**/
#menu_secondaire_search{
    width: 100%;
    margin: 40px 0 20px;
}
#menu_secondaire_search #main-navbar{
    float: right;
    width: auto;
    /*max-width: 1000px;*/
}
#menu_secondaire_search #logo{
    margin-top: -10px;

}
.top-search{
    margin:0 20px;
}

#t-search{
    max-width: 200px;
    border-radius:20px;
    border: 0px;
    padding: 5px 10px 9px;
}
#t-search_submit{
    width:31px;
}
#wrapper_t-search_submit{
    position: absolute;
    right: 9px;
    top: 7px;
    margin-left: 10px;

}
#header_bg{
    background: #37546b;
}

.navbar-inverse .navbar-nav > li > a {
    padding: 15px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'BentonSansBold' !important;
    margin: 0 20px;
}
.navbar-nav > li {
    border:0 !important;
}
.cmedia img{
    height: 30px ;


}
.cmedia{
    margin: 12px 0 0 20px;
   /* float: right; */
}

.ql_wr{
    padding-left:0;
    padding-right:0;
}
.navbar-inverse .navbar-nav > li > a:last-child
{
    margin: 0;
    padding-right: 0;
}
.navbar-inverse .navbar-nav
{
  margin-top:1rem;
  margin-bottom:1rem;
}
#quicklink_container .quicklink_content img
{
        width: 100%;
    max-width: 160px !important;
    height: 100%;
    max-height: 120px !important;
}
.quicklink_content {
    text-decoration: ;
    border: ;
    width: ;
    border-radius: 70px;
}
/*
.tableau_rond:not(#conferences) ,#offres  {
        width: 100%;
        border-collapse: collapse;
        padding: 2rem;
    }

    .tableau_rond:not(#conferences) th, .tableau_rond:not(#conferences) td {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    @media (max-width: 768px) {
       .tableau_rond:not(#conferences), .tableau_rond:not(#conferences) thead, .tableau_rond:not(#conferences) tbody, .tableau_rond:not(#conferences)  th, .tableau_rond:not(#conferences) td, .tableau_rond:not(#conferences) tr {
            display: block;
        }
        .tableau_rond:not(#conferences) img {

            width:300px !important;
        }
        .tableau_rond:not(#conferences) th {
            display: none;
        }

        .tableau_rond:not(#conferences) td {
            border-bottom: none;
        }
        .panel-collapse.in {
            width: 60%;
        }



        .accordeon_titre a:not(.collapsed){

            padding-right: 20%;
        }


    }
   */
   .responsive_table:not(#conferences), #offres {
    width: 100% !important;
    border-collapse: collapse;

}

.responsive_table:not(#conferences) th, .responsive_table:not(#conferences) td {
    padding: 8px !important;
    text-align: left !important;
    border-bottom: 1px solid #ddd !important;
}
.Cal_Wrapper {
    width: 100%;
    overflow-x: auto;
}


.calenEntete {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    font-size: 16px;
}

.calenEntete th, .calenEntete td {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: left;
}
.Cal_Wrapper::-webkit-scrollbar {
    width: 3px;
}

.Cal_Wrapper::-webkit-scrollbar-thumb {
    background-color: #00afab;
}
.calenEntete{

width:fit-content;
}

 .lienSuite{

       text-align: center;
    }
    #wrapper_nav_cal
    {

        justify-content: center !important;
    }
    #cal_prev{
      padding-right:30px;

    }
    #cal_prev,#cal_next
    {
       padding-top:30px;
    }


@media (max-width: 768px) {
    .responsive_table:not(#conferences),
    .responsive_table:not(#conferences) thead,
    .responsive_table:not(#conferences) tbody,
    .responsive_table:not(#conferences) th,
    .responsive_table:not(#conferences) td,
    .responsive_table:not(#conferences) tr {
        display: block !important;
    }


    #wrapper_nav_cal{

    margin-top:2rem !important;
    }

    .calenEntete{
        /*display:none;*/
    }
    #conferences{
       padding:2rem !important;
    }
    .responsive_table, #offres {
      word-wrap: break-word;

}
        .responsive_table p{
            text-align:left;
        }
        .responsive_table p:has(img) , #offres p:has(img) {
    text-align: center;
    }
    .responsive_table:not(#conferences) img:not(.responsive_img) {
        width: 250px !important;
    }
    .responsive_img {
    margin-left:0 !Important;
    }


    .responsive_table:not(#conferences) th {
        display: none !important;
    }

    .responsive_table:not(#conferences) td {
        border-bottom: none !important;
    }

    .panel-collapse.in {
        width: 100% !important;
    }

    .accordeon_titre a:not(.collapsed) {
        padding-right: 10% !important;
    }
}
#quicklink_container .quicklink_text {
    position: initial !important;
}
#quicklink_container .quicklink_text strong ,.desquicklinks p
{
    font-size:20px !Important;
}
#quicklink_container svg {
    width: 100% !important ;
    max-width: 100% !important;
}
.desquicklinks p span
{
/* display: block;  */

    text-align: left;
}
.quicklink_content
{
 display: flex;
justify-content: center;
align-items: center;
padding:1rem;

}
/*--------------------------------------------*/

#quicklink_container {
    margin: 16px auto;
}
.quicklink_content{
    height: auto;
    /*background: none !important; */

}
.desquicklinks span
{
    color:white !Important;
}
.quicklink_content img {
    margin:0;
}
#quicklink_container a img {
    opacity: 1 !important;
}
.quicklink_text {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto !important;
    width: 100%;
    text-align: center;
   /* -moz-box-shadow: inset 0 -100px 45px -10px #fff;
    -webkit-box-shadow: inset 0 -100px 45px -10px #fff; */
    box-shadow: none !important;
    box-shadow: inset 0 -100px 45px -10px #fff;
    height: 100%;
}
.text_top{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: 'BentonSansBold' !important;
}
.text_top p, .text_top p strong{
    font-family: 'BentonSansBold' !important;
    font-size:26px;
}
.text_bottom{
    margin-top:50px;
    display: block;
    /*padding:0 30px;*/
}

#quicklink_container.sur_la_page .quicklink_content img {
    width: 100%;
    max-width: 500px !important;
    height: 100%;
    max-height: 350px !important;
}
#quicklink_container.sur_la_page .quicklink_content
{
    background: none !important;
    /* display: initial !important;*/
    border-radius: 0 !important;
}
#quicklink_container.sur_la_page .quicklink_content .quicklink_text
{
    position: absolute !important;
    -moz-box-shadow: inset 0 -100px 45px -10px #fff !important;
    -webkit-box-shadow: inset 0 -100px 45px -10px #fff  !important;
}
#quicklink_container.sur_la_page .quicklink_text strong
{
    font-size: 30px ! Important;
}
@media (max-width: 768px) {
    #main_slider {
        height: 150px !important;
        overflow: hidden !important;
    }

      #main_slider  .owl-wrapper-outer,
    .img-cont {
        height: 150px !important;
    }

      #main_slider  .owl-item {
        height: 150px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden; /* Prevent overflow */
    }

       #main_slider .owl-item img {
        height: 100% !important;
        width: auto !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: left center;
    }
    .nouv_event h2::before
    {
      width: 100%;
    display: block;
    }
    .social-icons {
    display: flex;
    align-items: center; /* Vertically align all items */
}

.social-icons a {
    margin-right: 10px; /* Spacing between icons */
}

.social-icons img {
    height: 33px; /* Set a fixed height for images */
    object-fit: contain; /* Maintain aspect ratio */
}

    .video-container {
        height: 100% !important;
        position: relative !important;
    }

    .video-container iframe {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }
}



@media (max-width: 900px) {
    body .responsive_table:not(#conferences) td:has(img)
    {
    text-align: center !important;
    }
    body .accordeon_titre a
    {
        font-size: 18px !important;
            padding-left: 0px !important;
    }
    body .accordeon_titre > a > i
    {
          font-size: 25px !important;
    }
    body .accordeon_titre a span
    {
        padding-left: 25px !important;
    }

    body #logo, body #logo img
    {
      max-width: 275px !important;
    }
    body .navbar-inverse .navbar-nav > li
    {
        background:transparent !Important;
    }
    body .navbar-inverse .navbar-nav .dropdown-menu
    {
        background:white !Important;
        color: #000 !important;
    }
        body .navbar-inverse .navbar-nav .open .dropdown-menu > li > a
        {
          color: #000 !important;
        }
    .col-mobile
    {
     margin-bottom: 18px;
    }
   #quicklink_container .quicklink_text strong
    {
        font-size: 14px ! Important;
    }
    .col-mobile svg  , #quicklink_container .quicklink_content img
    {
        height: 50px !Important;
    }
    .quicklink_content .col-md-9
    {
        min-width: 60%;
    }
    #quicklink_1, #quicklink_2
    {
        margin-bottom: initial !important;
    }
    .event_teaser , .event_date_teaser{

    text-align: center;
}
body #counter_section img
{
 height:60px;
}
body #counter_section .counter {

    font-size: 30px;
        padding: 10px 0;

}
body #counter_section  h2
{
 font-size: 25px;
    margin: 10px 0 15px;
}
body #counter_section .item {
    padding: 20px 20px;
    background: #fff;
    border-radius: 40px;
    margin: 20px 25px;
}
body table.responsive_table:not(#conferences) td:empty
 {
  display:none !important;
 }
 table h2
 {
  margin-bottom: 20px !important;
 }
 .row img
 {
   max-width:100%;
 }
 p a
 {
    word-break:break-word;
        white-space: break-spaces !Important;
 }
 .col-md-6 p a.Btn , a.Btn
 {
       padding: 6px !Important;
       font-size:14px !Important;
 }
 .row.mb-4 .col-md-3
 {
      text-align:center;
 }
 body h2 , #bandeau_btn a.Btn
 {
  font-size: 25px !Important;
 }
 h2 img , iframe
 {
    width: 100% !important;
    height: auto !important;
 }
}
.fond-gris p , .fond-gris span , .fond-gris h2  , .fond-gris h3 , .fond-gris
{
  color : white !Important;
}
.container.fond-gris .row .col-md-6:nth-child(2)
{
    text-align:center;
}
.fond-gris
{
       width: 100%;
    background-color: #37546b;
    border-radius: 25px;
    margin-bottom: 25px !important;
}
/*--------------------------------------------*/
#CalendrierEvenement{
    margin-top:120px;
}

#wrapper_nav_cal{
    display:flex;
    justify-content: space-around;
}

#CalendrierEvenement .calenEntete, #CalendrierEvenement .Cal_Wrapper .calenEntete {
    color: #fff !important;
    font-family: 'BentonSansBold' !important;
}
.calendrier {
    background: transparent  !important;
    color: #6396bf !important;
    font-family: 'BentonSansBold' !important;
}
.home_nav_cal img{
    height: 50px;
    margin-bottom: 13px;
}
#titre_cal{
    font-family: 'BentonSansBold' !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 55px;
    padding: 0 25px;
}
.calenEntete, .calendrier{
    font-weight: bold;
    font-size: 30px;
}
.calenEntete td, .Cal_Wrapper .calenEntete td {
    padding: 0;
}
table.calenEntete {
    /*width: 400px;*/
}
.calenSelect, .Cal_Wrapper .calenSelect {
    background: #119396;
    border-radius:16px;
}

/*--------------------------------------------*/
.event_teaser{
    margin: 0 0 30px 0;
}

.event_teaser p, .event_teaser h3,.event_teaser h2{
    color:#fff !important;
}

.event_teaser h3{
    text-transform: uppercase;
    font-weight: bold !important;
}
.event_date_teaser{
    color: #00aea9;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

#news_slider{
    width: 100%;
    max-width: 1600px;
    margin:0 auto;;
}
.nouv_event {
   margin-bottom:50px;
  /* border-bottom: 20px solid #37546b; */
   margin-left: 20px;
  margin-right: 20px;
  height:fit-content;
}

.nouv_event h2{
    text-align: center;
    margin-top:5px !important;
}
#news_slider
{
  height:fit-content !important;
}
.owl-item {
          /*height:300px !important;*/
}
.owl-item img {
    /*height:300px !important;*/
     object-fit: contain;
  position: relative;
}
.owl-carousel {
    /*height:300px !important;   */
}
.owl-controls{
 margin-top:5px !Important;
}
.nouv_event .owl-prev, #partenaire_slider .owl-prev {
    left: 5%;
}
.nouv_event .owl-next, #partenaire_slider .owl-next{
    right: 5%;
}
.nouv_event .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
}
.owl-theme .owl-controls .owl-page span {
    background: #ec1c24;
}
.owl-theme .owl-controls {
    margin-top: 25px;
}

.spc_r_link{
    position: absolute;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 320px;
}
#spc_r_link1{
    background: #00aea9;
    top:30px;
    padding: 16px 0;
}
#spc_r_link1 img{
    width: 60px;
    margin: 6px 10px -4px 35px;
}
#spc_r_link2{
    background: #ec1c24;
    top:127px;
    padding: 16px 0;
}
#spc_r_link2 img{
    width: 60px;
    margin: -6px 10px -1px 35px;
}
#spc_r_link3{
    background: #37546b;
    top:230px;
    padding: 16px 0;
}
#spc_r_link3 img{
    width: 34px;
    margin: 0px 35px -7px 35px;
}


#counter_section{
    background: #f1f3f4;
    width:100%;
    max-width: 1700px;
    margin:0 auto;
    padding-top: 1px;
}
#counter_section img{
    display: block;
    margin:0 auto;
    height: 120px
}
#counter_section .item{
    padding: 40px 30px;
    background: #fff;
    border-radius: 40px;
    margin:50px 30px;
}
#counter_section .counter{
    color:#ec1c24;
    font-size: 60px;
    padding:50px 0;
    font-weight: bolder;
}
#counter_section h2{
    text-align: center;
}

/*-------------- Bar Menu -------------------*/
#spc_top_wrapper{
    position: relative;
}

#menu_interne_CB #menu_page_princip{
    display: table;
}

#menu_interne_CB #menu_page_princip > li {
    float: none;
    display: table-cell;
    text-align: center;
    position: relative;
}

#menu_page_princip{
    width:100%;
    padding: 13px 0 0 0;
}

#menu_interne_CB
#menu_page_princip > li a{
    font-size: 130% ;
    font-weight: bold ;
    color: #37546b ;
    text-transform: uppercase;
    padding: 0px 30px 0px 30px ;
    display: block;
    width: 100%;
}

#menu_interne_CB{
    background-color: rgba(255, 255, 255, 0.6);
    /*position: absolute !important;*/
    z-index: 1;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#menu_interne_CB
#menu_page_princip > li a:focus,
#menu_interne_CB
#menu_page_princip > li a:hover
{
    color: #ED1C25 !important;
    text-decoration:none !important;
}
/*#menu_interne_CB .dropdown-menu, #menu_interne_CB .dropdown-menu a:hover{
    background-color: rgba(255, 255, 255, 0.6) !important;
} */
#menu_interne_CB .dropdown-menu li{
    padding: 10px 0 !important;
}

#menu_page_princip > li + li{
    border-left:2px solid #37546b;
}

#menu_secondaire_search {
    float: none !important;
}
#header_bg{
    height: 126px !important;
}

#slogant_page_interne {
    margin: 7% auto 2%;
}
.nouv_event h2 {
    font-size: 0;
}

.nouv_event h2::before {
    content: "NOUVELLES";
    font-size: 30px;
    margin: 30px 0 15px;
    font-weight: bold;
    text-transform: uppercase;
}
#slogant_page_interne {
    margin: 12% auto 15%;
}
#quicklink_container {
    /*margin-top: 0px !important; */
}
.btn_T_B{
    width:50px !important;
    top: 830px !important;
    transform: rotate(90deg) !important;
    margin-right: 250px !important;
}
.btn_F_D{
    width:50px !important;
    top: 755px !important;
    transform: rotate(90deg) !important;
    margin-right: 250px !important;

}
.btn_D_B{
    width:50px !important;
    top: 680px !important;
    transform: rotate(90deg) !important;
    margin-right: 250px !important;

}

.btn_D_D{
    width:50px !important;
    top: 905px !important;
    transform: rotate(90deg) !important;
    margin-right: 250px !important;

}
.fa-envelope
{
  content: "\f199";
}
/*.text_main0 :hover,
.text_main1 :hover,
.text_main2 :hover{
     color:#ea891d !important;
}*/
.owl-theme .owl-controls .owl-buttons div {
 color : #ec1c24 !important;

}
.owl-carousel .owl-item img
{
    /*width: auto !important;
    height: 100% !important;*/
}
#quicklink_container
{
 /* margin-top:12% !important;  */
}
#main_slider .owl-prev, #main_slider .owl-next
{
    top: 50% !important;  ;
    opacity: 1 !important;
    transform: translateY(-50%);
}
@media (max-width: 810px) {
 #quicklink_container
{
  /*  margin-top:55% !important;    */
}
.owl-prev, .owl-next
{
    top: 50% !important;  ;
    opacity: 1 !important;
    transform: translateY(-50%);
}
}
.iframe .ci-c-page:before
{
 padding-top:0 !Important;
}
.social-icons{
 display: flex
;
    justify-content: center;
}
@media (max-width: 767px) {
    .owl-item {
        padding: 10px;
    }

    .img_news_teaser {
        width: 100%;  /* Ensure images scale correctly */
    }

    .col-md-6, .col-md-4 {
        width: 100% !important; /* Stack content on mobile */
    }

    .nouv_event h2 {
        font-size: 24px; /* Adjust text size if needed */
    }

    .nouv_event h3 {
        font-size: 18px;
    }

    .nouv_event p {
        font-size: 14px;
    }

    .owl-carousel .item {
        padding: 15px;
    }

    #news_slider {
    height: 400px; /* Or any fixed height you need */
    overflow: hidden; /* Hide anything that exceeds the fixed height */
}

/* Alternatively, use max-height for more flexibility */
#news_slider {
   /* max-height: 600px;*/
    overflow: hidden; /* Ensures content doesn't overflow */
}
#news_slider .owl-theme .owl-controls {
    margin-top: 25px !important;
}
#news_slider h3
{
 margin-bottom:0px !Important;
}
.owl-item {
    display: flex;
    justify-content: center; /* Center the content if necessary */
    align-items: center;
}

/* Optionally, you can set the height for images inside the slider */
.img_news_teaser {
    height: 100%; /* Ensures images fill the container without overflowing */
    object-fit: cover; /* Ensures images cover the container without stretching */
}


}