/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    nav.navbar.navbar-expand-lg.navbar-dark.bg-light.top-nav {
        padding: 4% 1%;
    }
    .text-key {
        font-size: 11px!important;
    }
    .text-val {
        font-size: 11px!important;
    }
    .img-profil {
        width: 18%!important;
    }
    .col-inf1 {
        font-size: 14px!important;
    }
    img.img-pres {
        width: 100%!important;
        float: left;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .titre-profil {
        font-size: 16px!important;
    }
    .contact-details ul li {
        display: none;
    }
    span.fas.fa-bars {
        font-size: 17px;
    }
    .navbar-toggler {
        padding: 4px 9px;
    }
    .navbar-brand>img{
        width: 70px;
    }
    .navbar-expand-lg.top-nav .navbar-nav .nav-link {
        padding: 10px 15px;
        font-size: 12px;
    }
    ul.navbar-nav.ml-auto {
        padding-top: 7%;
    }

    .navbar-expand-lg.top-nav .navbar-nav .dropdown-menu {
        padding: 4%!important;
    width: 100%;
    } 
    .fed-list.show {
        display: block;
    }
    .flex-cont {
        padding-bottom: 2%;
    }

    .navbar-expand-lg.top-nav .navbar-nav .dropdown-menu .dropdown-item {
        font-size: 12px;
       
    }
    .dropdown-menu.dropdown-menu-right.adh.fed-list.show {
        width: 100%;
        display: flex;
       flex-wrap: wrap;
    }
    .dropdown-menu.dropdown-menu-right.adh.fed-list.show>div{
        width: 50%!important;
    }
    a.item-top {
        font-size: 12px;
        padding: 4% 19% 4% 0%;
    }
      .titre-prog-proch {
        font-size: 23px;
        margin-bottom: 4%;
      }
      .nature-prog {
        font-size: 23px;
    }
      .text-titre-val {
        font-size: 14px;
        margin-bottom: 4%;
      }
      .voir-plus-acc {
        padding: 2% 4%;
        border-radius: 7px;
        font-size: 11px;
        position: absolute;
        bottom: -1%;
        left: 40%;
        border-style: solid;
    }
    .price-card {
        background-color: #f37a0f;
        width: 83%;
        border-radius: 4px;
        position: absolute;
        bottom: -4%;
        z-index: 9;
        left: 7%;
        transform: skew(-18deg);
    }
    
    .text-price {
        padding: 4% 7% 0% 5%;
        font-size: 13px;
        color: white;
        font-weight: 600;
        text-align: end;
        text-transform: capitalize;
    }  
    .carde-prog {
        margin: 0;
        padding: 8% 5%;
        position: relative;
    }
    .content-acts {
        padding-top: 4%;
    }
      .slider__item.id {
        max-width: 100%!important;
    }
    .content-card:last-child {
        margin-right: 14px;
    }
    .row-ass>.col-3{
        max-width:25%!important ;
    }
    .row-ass>.col-9{
        max-width: 75%!important;
    }
    .row-ass{
        display: flex;
    }
    .content-titre-ref {
        margin-bottom: 5%;
        margin-top: 3%;
    }
   
    .content-slide-ref {
        margin: 0% 2%;
    }
    .owl-item {
        width: 175px!important;
    }
    .content-img-pres {
        width: 100%!important;
        margin-right: 0;
    }
    .content-pres {
        display: block;
        width: 100%;
    }
    .content-text1 {
        width: 100%;
        padding: 9% 0%;
    }
    .text1 {
        font-size: 12px!important;
        line-height: 2;
        text-align: left!important;
    }
    

    .titre-gal{
        font-size:15px;
    }
    .row-ass {
        padding: 6% 2%;
    height: 59px;
    }
    .img-ass {
        width: 38px;
    }
    .content-list-ass.container {
        height: 371px;
    }
    .nom-ass-text {
        font-size: 12px;
        padding: 0 9%;
    }
    .content-text1 {
        width: 100%;
        padding: 5% 0%;
    }
    
    .titre-act {
        font-family: math;
        font-size: 16px;
    }
    .lien-det-at {
        font-size: 12px;
    }
    .date-act {
        font-size: 12px;
    }
    .lien-plus {
        font-size: 13px!important;
    }
    .lien-cmpt {
        color: white;
        margin-right: 1%;
        font-size: 8px!important;
    }
    .content-sel-ligue {
        width: 58%;
    }
    .form-inputs {
        font-size: 12px!important;
        height: 30px!important;
    }
    .dash-add {
        margin-top: 0%!important;
    }
    .btn-add-place-comp {
        padding: 0% 6%;
        font-size: 10px;
        margin-top: 0%;
    }
    .select-prix {
        width: 42%!important;
    }
    .select-prix>div>label {
        font-size: 11px;
    }
    
    .content-prix>.controls {
        flex-wrap: wrap;
    }
    .vide {
        text-align: center;
        margin-top: 44%;
        color: red;
        font-size: 13px;
    }
    .btn-add-prix {
        font-size: 11px;
    }
    .add-prix-inputs {
        width: 50%!important;
    }
    .parcour-nbr {
        height: 31px!important;
        padding: 8% 3% 1% 8%!important;
    }
    .control-group.form-group>.controls {
        flex-wrap: wrap;
        width: 100%!important;
    }
    .cont-inputs-comp {
        width: 32%;
    }
    .row.row-ass2 {
        display: flex;
        flex-wrap: nowrap;
        height: 69px;
    border-bottom: #cbc8c5 solid;
    border-width: 2px;
    padding: 2% 2%;
    }
    .col-2.content-img-ass {
        padding-left: 0%;
        width: 16%!important;
    }
    img.img-ass2 {
        margin: 2%;
        width: 100%;
        max-height: 67%!important;
    }
    .nom-ass-text2 {
        font-size: 12px;
        padding-top: 3%;
    }
    .lien-v-ass {
        font-size: 11px;
    }
    .form-control.select-ligue {
        font-size: 12px!important;
        height: 30px!important;
    }
    .row-ass2>.col-7 {
        width: 58%!important;
    }
    .row-ass2>.col-3 {
        width: 25%!important;
    }
    .content-lien-v {
        padding: 8% 3%;
    }
    .login-35 {
        padding: 22px 0;
        z-index: 999;
        position: relative;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        background: #f1f1f1;
        text-align: center;
        min-height: 100%!important;
    }
    .login-35 .login-box {
        max-width: 100%!important;
        height: 100%;
        margin: 1% 0;
    }
    .login-35 .form-section {
        padding: 11% 10%;
        text-align: left;
        background: #fff;
        margin-bottom: 30px;
    }
    
    .login-35 label {
        color: #535353;
        font-size: 13px;
        margin-bottom: 4%;
    }
    .login-35 .btn-section .link-btn {
        font-size: 12px;
        font-weight: 600;
        padding: 5px 5px;
        margin-right: 5px;
    }
    .login-35 .form-section h1 {
        font-size: 20px;
        font-weight: 500;
        color: #f59139;
    }
    .login-35 .form-section h3 {
        margin: 0 0 40px;
        font-size: 16px;
        font-weight: 400;
        color: #040404;
    }
    .login-35 .form-section .btn-md {
        height: 39px;
        font-size: 12px;
        font-weight: 600;
        
    }
    .login-35 .form-section a.forgot-password {
        font-size: 12px;
    }
    .res-t {
        color: #282421;
        font-size: 25px!important;
        letter-spacing: -1!important;
    }
    .col-lg-5.space {
    margin-left: 0!important;
    }
    .res-tabl{
        margin: 6% 0%;
    }
    .detail-value {
        font-size: 12px!important;
    }
    .detail-key {
        font-size: 12px!important;
    }
    .carousel-item {
        height: 100%;
        min-height: 300px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .filtre-nom>.form-control {
        margin-right: 1%;
    }
    .top-bar {
       display: block;
       padding: 0;
    }
    .content-creat>.row{
        display: flex;
    }
    .top-bar>.container>.row{
        display: flex;
    }
    .top-bar>.container>.row>.col-lg-4 {
        width: 40%!important;
    }
    .top-bar>.container>.row>.col-lg-8 {
        width:60%!important;
    }
    .btn-add-comp {
        height: 28px!important;
    }
    .btn-add-comp {
        font-size: 9px;
        font-weight: 600;
        padding: 0 0%;
        margin-top: 14%;
    }
    .et-lab {
        height: 7px!important;
    }
    .col-2.cont-col-total {
        display: none;
    }
    .col-8.content-milieu {
        max-width: 84%!important;
        width: 84%!important;
        flex: 1 0 66.666667%;
    }
    .btn-add-place {
        font-size: 9px;
    }
    .titre-place {
        font-size: 10px;
    }
    .parcour-nbr {
        font-size: 11px!important;
        background-color: #f5f3f3;
        height: 31px;
        padding: 7% 3% 1% 8%;
        font-weight: 600;
    }
    .contact-details {
        font-size: 5px;
        padding: 1px 5px;
    }
    .footer_ul_amrc li a {
        color: #cccccc;
        font-size: 12px;
        font-weight: 400;
    }
    .headin5_amrc.col_white_amrc.pt2 {
        font-size: 15px;
    }
    .footer_ul2_amrc>li>p>a {
        font-size: 12px!important;
    }
    .pt2 {
        padding-top: 20px;
        margin-bottom: 14px;
    }
    .sub-title {
        font-size: 17px;
    }
    .titre-tab {
        font-size: 12px;
        text-transform: uppercase;
        color: #8f8b8b;
        padding: 1% 2%;
        width: 50%;
        /* letter-spacing: 1.2px; */
        font-family: math;
    }
    .text-nom {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #000000;
    }
    p.text-age {
        font-size: 12px;
    }
    .titre-text {
        font-size: 14px;
        font-weight: 600;
        margin: 4% 14px;
        max-width: 83%;
    }
    .card-im-logo {
        width: 20%;
    }
    .card-im {
        width: 50%;
    }

    tr.card-t1.card-t {
        height: 36px;
        border: #e7e6e6 solid;
        border-width: 2px;
    }
    .d-flex.pagination-cont {
        margin-top: 5%;
        width: 100%;
        overflow: scroll;
    }
    .contact-left h3 {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 20px;
    }
    .label-form {
        font-size: 13px!important;
    }
    button.btn-primary {
        font-size: 12px;
    }
    .controls.filtre-nom {
        margin-left: 0%;
        height: -2px;
    }
    .titre-p {
        color: white;
        padding: 2%;
        font-size: 24px!important;
        font-weight: 600;
        text-transform: capitalize;
    }
    .nat-txt {
        color: #f37a0f;
        font-size: 25px!important;
        font-weight: 600;
    }
    .org-txt {
        color: white;
        font-size: 15px!important;
        padding: 1%;
        text-transform: capitalize;
    }
    .cont-img-back {
        max-width: 100%;
        width: 100%;
        height: 270px;
        max-height: 366px;
    }
    .titl-comp {
        padding: 3% 0;
        color: black;
        font-size: 15px!important;
        text-transform: uppercase;
        font-weight: 600;
    }
    .taille-case {
        width: 18%!important;
        font-size: 9px;
    }
    .taille-text {
        font-size: 9px;
    }
    .case-img {
        max-width: 28%;
        font-size: 9px;
        display: none;
    }
    .card-comps {
        padding: 4% 0;
        width: 100%;
        overflow: hidden;
    }
    .lien-comp {
        font-size: 10px;
        font-family: math;
    }
    .titre-group {
        font-size: 12px;
    }
    .sort {
        font-size: 10px;
    }
    .photo-tireur {
        width: 100%;
    }
    table#customerTable>tbody>tr>td {
        font-size: 10px;
    }
    .cont-info {
        width: 100%;
    }
    .cont-info>img {
        width: 3%;
    }
    .cont-bnt {
        width: 100%;
        position: relative;
        right: 0%;
        margin-top: 6%;
        margin-bottom: 2%;
    }
    .content-per {
        background-color: #383a3a;
        padding: 3%;
        color: white;
        font-weight: 600;
        font-size: 10px;
        display: block;
        position: relative;
    }
    .voir-plus-btn {
        padding: 2% 4%;
        margin-left: 2%;
        font-size: 9px;
    }
    .inscrir-btn {
        padding: 2% 4%;
        margin-left: 2%;
        font-size: 9px;
    }
    .card-prog>.row>.col-2 {
        width: 100%!important;
        position: absolute;
        left: -23%;
    top: 6%;
    }
    .card-prog>.row>.col-4{
        width: 100%!important;
        text-align: center;
        margin-left: 15%;
    }
    .img-logo-ass {
        width: 25%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .nature-list {
        font-size: 17px;
        PADDING: 1% 1%;
    }
    .after-titre-list {
        width: 23%;
        height: 0%;
        border-bottom: solid #f37a0f;
        /* text-align: center; */
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4%;
    }
    .title-ass-list {
        font-size: 15px;
        font-weight: 600;
    }
    .title-prix-list {
        font-size: 12px;
        background-color: #f37a0f;
        color: white;
        font-weight: 600;
        padding: 2% 3%;
        margin-left: -5%;
        width: 83%;
        margin-top: 4%;
        transform: skew(-20deg);
    }
    .crad-prix {
        font-size: 13px;
    }
    .slider__control {
        position: absolute;
        top: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        color: #fff;
        text-align: center;
        opacity: 0.5;
        height: 31px;
        transform: translateY(-25%);
        background: rgba(0, 0, 0, .5);
    }
    .slider__control::before {
        width: 15px;
        height: 20px;
    }
    .content-img-pri {
        height: 133px;
    }
    .after-prix {
        width: 9%;
        /* height: 1%; */
        border-bottom: solid #f37a0f;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        line-height: 0;
        margin-top: 0!important;
    }
    .titre-prix {
        font-size: 12px!important;
        line-height: 0;
        padding: 1% 0 0;
        text-transform: uppercase;
        letter-spacing: 0PX;
        font-family: math;
        font-weight: 600;
        text-align: center;
    }
    img.img-prix {
        width: 42%;
    }
    .card-img {
        height: 82px;
    }

    img.prog-image {
        width: 100%;
        max-height: 100%;
         height:100%!important; 
    }
    /* Dashboard association         */
    
    .sidebar li a i {
        width: 100%;
    }
    span.titre-dash {
        display: none;
    }
    i.fa-solid.fa-gauge {
        font-size: 21px;
    }
    .icon-dash {
        text-align: center;
        font-size: 16px;
    }
    a.collapsed.active {
        text-align: center;
    }
    span.nav-label {
        font-size: 9px;
    }
    .main-title {
        display: block;
        width: 100%!important;
    }
    .white_card .white_card_header {
       padding: 0;
    }
    .main-title>.m-0 {
        width: 100%!important;
        font-size: 13px;
        padding: 7% 0%;
    }
    .lien-addProg {
        color: white;
        font-size: 12px!important;
    }   
    .size-col {
        font-size: 11px!important;
    }
    .QA_section .QA_table td {
        padding: 5px 5px;
        vertical-align: middle;
    } 
    .text-valid {
        font-size: 9px!important;
    }
    .cont-btn-col {
        font-size: 12px!important;
        width: 27%;
    }
    .btn-env-fed {
        color: white;
        background-color: #1bbb1b;
        padding: 3% 4%;
        font-size: 9px;
        border-radius: 3px;
    }
    .white_card .white_card_body {
        padding: 8% 0%;
        max-width: 100%!important;
        overflow: scroll;
    }
    .fa-chevron-right:before {
        content: "\f054";
        font-size: 8px;
    }
    .sidebar ul {
        font-size: 9px;
    }
    .content-creat>.row>.col-2 {
        width: 16%!important;
    }
    .content-titre-prog {
        font-size: 13px;
    }

    .label-form.label-add-cmp.label-add-cmp {
        font-size: 10px!important;
        color: #5b748b;
        height: 20px;
    }
    .titel-comp {
        font-size: 10px;
    }
    .help-block {
        font-size: 12px;
        color: red;
        margin-top: 1%;
    }
    .titre-succ {
        text-align: center;
        margin-top: 5%;
        color: #009045;
        font-size: 12px;
    }
    .element-table {
        font-size: 11px;
        padding: 2%;
        font-weight: 500;
    }
    .content-inf {
        width: 100%;
    }
    .bouton-update {
        font-size: 12px;
        margin-top: 16%;
    }
    .table-inf {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }
    .affil {
        font-size: 9px!important;
    }
    .non-affil {
        font-size: 9px!important;
    }
    .count-j {
        padding: 2% 2%;
        position: absolute;
        bottom: 39%;
        left: 78%;
        font-size: 6px;
    }
    .page-link {
        position: relative;
        display: block;
        padding: 9px;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6;
        font-size: 10px;
    }
    .text-vide-array {
        text-align: center;
        font-size: 13px;
        text-transform: uppercase;
        color: #e71414;
        PADDING: 25% 0%;
    }
    input.form-control.cin1 {
        width: 40%;
        margin-right: 1%;
    }
    .file {
        border: none;
        font-size: 8px!important;
        padding-left: 0;
    }
    .photo-tireur {
        width: 76%!important;
    }
    .card-title.mb-0.card-title-flex {
        font-size: 14px!important;
        width: 43%!important;
    }
    .input-ann {
        width: 57%;
    }
    h4.titre-prog-ann {
        font-size: 16px!important;
        padding: 4% 2%;
        width: 100%;
    }
    .card-body.bg-marketplace.d-flex {
        position: relative;
    }
    h4.fs-18.lh-base.mb-0 {
        font-size: 18px!important;
    }

    .popup-titre {
        padding: 7% 5%;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
    }
    .popup {
        width: 84%!important;
    }

    a.btn.btn-orange {
        font-size: 14px!important;
    }




}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 992px){
    img.img-pres {
        width: 100%!important;
        float: left;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .text-key {
        font-size: 11px!important;
    }
    .text-val {
        font-size: 11px!important;
    }
    .img-profil {
        width: 18%!important;
    }
    .col-inf1 {
        font-size: 14px!important;
    }
    .titre-profil {
        font-size: 17px!important;
    }
    .contact-details ul li {
        display: none;
    }
    .carousel-item {
        height: 58vh;
        min-height: 300px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    } 
    .dropdown-menu.dropdown-menu-right.adh.fed-list.cont-flex-menu.show {
        display: flex;
        flex-wrap: wrap;
    }
    img.prog-image {
        width: 100%;
        max-height: 100%;
         height:100%!important; 
    }
    .flex-cont.card-el-menu {
        width: 50%!important;
    }
    a.item-top {
        font-size: 24px;
    }
    .lien-plus {
        font-size: 23px!important;
    }
    .year {
        margin-top: 5px;
        color: grey;
        font-size: 17px;
    }
    nav.navbar.navbar-expand-lg.navbar-dark.bg-light.top-nav {
        padding: 4% 1%;
    }
    .navbar-expand-lg.top-nav .navbar-nav .dropdown-menu .dropdown-item {
        font-size: 27px;
        padding: 0px;
        margin-bottom: 15px;
        font-weight: 300;
    }
    .flex-cont {
        width: 100%;
        padding-bottom: 2%;
    }
    .lien-det-at {
        text-decoration: none;
        font-size: 23px;
    }
    .date-act {
        font-size: 21px;
    }
    
    
    .titre-act {
        font-size: 29px;
    }
    .titre-gal {
        font-size: 29px;
    }
    
    .top-nav .navbar-toggler:hover {
        padding: 1% 2%;
    }
    span.fas.fa-bars {
        font-size: 37px;
    }
    .navbar-toggler {
        padding: 7px 12px;
    }
    .navbar-brand>img{
        width: 130px;
    }
    .navbar-expand-lg.top-nav .navbar-nav .nav-link {
        padding: 10px 15px;
        font-size: 27px;
    }
    ul.navbar-nav.ml-auto {
        padding-top: 7%;
    }

    .navbar-expand-lg.top-nav .navbar-nav .dropdown-menu {
        padding: 4%!important;
    width: 100%;
    } 
    .cont-pr-pr{
        display: block!important;
    }
    .cont-pr-pr>.col-6{
        max-width: 100%!important;
    }
    .price-card {
        background-color: #f37a0f;
        width: 67%;
        border-radius: 4px;
        position: absolute;
        bottom: -3%;
        z-index: 9;
        left: 7%;
        transform: skew(-18deg);
    }
    .nom-ass-text {
        padding-top: 1%;
        font-size: 17px;
        max-width: 100%;
    }
    .carde-prog {
        margin: 0;
        padding: 9% 5%;
        position: relative;
    }
    .titre-prog-proch {
        font-size: 34px;
    }
    .nature-prog {
        font-size: 34px;
    }
    .text-titre-val {
        font-size: 28px;
    }
    .voir-plus-acc {
        padding: 1% 3%;
        font-size: 24px;
        position: absolute;
        bottom: 2%;
        left: 42%;
    }
    .text-price {
        padding: 3% 9% 1% 5%;
        font-size: 24px;
    }
    .fed-list.show {
       display: block;
    }
    .content-pres {
        width: 100%;
        display: block;
    }
    .content-img-pres {
        width: 100%!important;
        margin-right: 0%;
    }
    .content-text1 {
        width: 100%;
        margin-top: 5%;
    }
    p.text1 {
        font-size: 24px!important;
        line-height: 2;
        text-align: left;
    }
   
    img.img-ass2 {
        width: 100%;
        
    max-height: 67%!important;

    }
    .row.row-ass2 {
        height: 100px;
        border-bottom: #cbc8c5 solid;
        border-width: 2px;
        padding: 1% 2%;
    }
    .form-control {
        font-size: 20px!important;
    }
    .content-sel-ligue {
        width: 35%;
        display: block;
        margin-left: AUTO;
    }
    .lien-v-ass {
        font-size: 20px!important;
    }
    .titre-tab {
        font-size: 20px;
    }
    .titre-text {
        font-size: 24px;
    }
    .col-lg-5.space {
        margin-left: 0!important;
    }
    table.table.table-striped.res-tabl {
        margin: 5% 0%;
    }
    td.detail-key {
        font-size: 22px!important;
    }
    td.detail-value {
        font-size: 22px!important;
    }
    .lien-comp {
        font-size: 18px!important;
    }
    .titre-group {
        font-size: 24px!important;
    }
    .tit-act {
        font-size: 23px!important;
    }
    .date-actt {
        color: gray;
        font-size: 21px!important;
    }
    .login-35 .form-section {
        padding: 20% 8%;
        text-align: left;
        background: #fff;
        margin-bottom: 30px;
    }
    .login-35 .form-section h1 {
        font-size: 23px;
        font-size: 37px;
        font-weight: 500;
        color: #f59139;
    }
    .login-35 .form-section h3 {
        margin: 6% 0%;
        font-size: 23px;
    }
    .login-35 label {
        color: #535353;
        font-size: 21px!important;
        margin-bottom: 5%;
    }
    .login-35 .form-section .form-control {
        font-size: 22px!important;
    }
    .login-35 .form-section a.forgot-password {
        font-size: 20px!important;
    }
    .login-35 .form-section .btn-md {
        height: 50px!important;
    }
    .login-35 .btn-section .link-btn {
        font-size: 23px!important;
        width: 141px;
        padding: 9px 14px;
    }
    .contact-left h3 {
        font-weight: 600;
        font-size: 30px!important;
        margin-bottom: 20px;
    }
    .label-form {
        font-size: 21px!important;
    }
    .contact-main {
        padding: 20% 0px;
    }
    .btn.btn-primary {
     
        padding: 1% 4%!important;
        font-size: 16px!important;
    }
    .text-nom {
        font-size: 20px!important;
    }
    .text-age {
        font-size: 19px;
    }
    .affil {
        font-size: 19px!important;
    }
    .non-affil {
        font-size: 19px!important;
    }
    .count-j {
        padding: 0% 2%;
        position: absolute;
        bottom: 55%;
        left: 60%;
        font-size: 16px!important;
    }
    .controls.filtre-nom {
        margin-left: 25%!important;
        height: -2px;
        margin-right: 1%;
    }
  
    img.img-logo-ass {
        width: 171%;
        margin-top: 67%;
    }
    .cont-bnt {
        width: 34%;
        position: absolute;
        right: 0%;
    }
    .titre-prix {
        font-size: 12px!important;
    }
    .card-img {
        height: 130px!important;
    }
    th.sort {
        font-size: 18px!important;
    }
    .list.form-check-all>tr>td {
        font-size: 17px!important;
    }
    .text-vide-array {
        text-align: center;
        font-size: 25px;
        text-transform: uppercase;
        color: #e71414;
        PADDING: 25% 0%;
    }
    span.titre-dash {
        display: none;
    }
    i.fa-solid.fa-gauge {
        font-size: 29px;
    }
   
    .icon-dash {
        width: 100%;
        font-size: 21px;
        text-align: center;
        padding: 10% 0%;
    }
    span.nav-label {
        text-align: center;
        font-size: 13px;
    }
    span.fa.fa-chevron-right.pull-right {
        font-size: 10px;
    }
    a.collapsed.active {
        text-align: center;
    }
    .content-creat>.row>.col-2 {
        max-width: 14%!important;
    }
    .size-col {
        font-size: 16px!important;
    }
    .label-form.label-add-cmp.label-add-cmp {
        font-size: 15px!important;
        height: 36px;
    }
    .form-control.form-inputs {
        height: 38px!important;
        font-size: 17px!important;
    }
    .btn-add-comp {
        height: 40px;
        font-size: 13px;
        font-weight: 600;
        padding: 0 1%;
        margin-top: 6%;
    }
    .control-group.form-group>div {
        position: relative;
    }
    .btn-add-place {
        padding: 1% 2%;
        background-color: #f37a0f;
        color: white;
        font-size: 13px;
        border-color: #f37a0f;
        border-style: solid;
        border-radius: 25px;
        margin-left: 0;
        font-weight: 600;
        right: 0%;
        position: absolute;
    }
    .titre-place {
        font-size: 16px!important;
    }
    .card-titel {
        font-size: 19px!important;
    }
    .card-prix {
        font-size: 16px!important;
    }
    .btn-add-place-comp {
        padding: 3% 9%;
        /* height: 10%; */
        background-color: #47dd35;
        color: white;
        font-size: 16px!important;
        border-color: #47dd35;
        border-style: solid;
        border-radius: 5px;
        margin-left: 2%;
        font-weight: 600;
        margin-top: -4%;
    }
    .top-bar {
        display: block;
        padding: 0;
    }
    .top-bar>.container {
        max-width: 95%!important;
    }
    .top-bar>.container>.row>.col-lg-8 {
        width: 70%!important;
    }
    .top-bar>.container>.row>.col-lg-4 {
        width: 30%!important;
    }
    .photo-tireur {
        width: 100%!important;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {

    nav.navbar.navbar-expand-lg.navbar-dark.bg-light.top-nav {
        padding: 1% 0%;
    }
    .navbar-expand-lg.top-nav .navbar-nav .nav-link {
        padding: 11px 12px;
        color: #323232;
        font-size: 12px;
    }
    .contact-details ul li {
        font-size: 12px;
    }
    .text-price {
        padding: 2% 9% 0% 5%;
        font-size: 18px;
        color: white;
        font-weight: 600;
        font-style: italic;
        text-align: end;
        text-transform: capitalize;
    }
    .titre-prog-proch {
        font-size: 25px;
    }
    .text-titre-val {
        font-size: 18px;
    }
    .img-ass {
        width: 100%;
    }
    .titre-gal {
        font-size: 19px;
    }
    .titre-act {
        font-size: 20px;
    }
    .count-j {
        border-radius: 18px;
        background-color: red;
        color: white;
        font-weight: 600;
        padding: 0% 1%;
        position: absolute;
        bottom: 55%;
        left: 45%;
        font-size: 11px;
    }
    .res-t{
        color: #282421;
        font-size: 35px!important;
    }
    span.date-prog {
        font-size: 13px;
    }
    .voir-plus-btn {
        background-color: #f37a0f;
        color: white;
        padding: 5% 6%;
        height: 4%;
        border-radius: 2px;
        margin-left: 5%;
        font-size: 13px;
    }
    .inscrir-btn {
        background-color: white;
        color: #f37a0f;
        padding: 5% 6%;
        height: 4%;
        border-radius: 2px;
        margin-left: 5%;
        font-size: 13PX;
    }
    .cont-bnt {
        width: 32%;
        position: absolute;
        right: 0%;
    }
    img.img-logo-ass {
        width: 140%;
        padding: 46% 0%;
    }
    .nature-list {
        font-size: 21px;
    }
    .title-ass-list {
        font-size: 17px;
    }
    .crad-prix {
        font-size: 16px;
    }
    .title-prix-list {
        font-size: 13px;
    }
    .card-img {
        height: 115px;
    }
    .titre-prix {
        font-size: 11px!important;
    }
    .nom-ass-text {
        font-size: 11px;
    }
    .row-ass {
        padding: 2% 6%;
    }
    /* .wrapper-main>.container{
        max-width: 90%!important;
    } */
    .sub-title {
        text-align: center;
        font-weight: bolder;
        font-size: 30px;
    }
    .titre-p {
        font-size: 27px;
    }
    p.nat-txt {
        font-size: 27px;
    }
    .org-txt {
        font-size: 19px;
    }
    .titl-comp {
        font-size: 20px;
    }
    .text1 {
        font-size: 15px;
        line-height: 2;
        text-align: left;
    }
    .nom-ass-text2 {
        font-size: 18px;
    }
    .lien-v-ass {
        font-size: 17px;
    }
    .controls.filtre-nom {
        margin-left: 38%;
        height: -2px;
        margin-right: 1%;
    }
    .text-vide-array {
        text-align: center;
        font-size: 17px;
        text-transform: uppercase;
        color: #e71414;
        PADDING: 14% 0%;
    }
    .lien-cmpt {
        color: white;
        margin-right: 1%;
        font-size: 15px!important;
    }
    .user-panel {
        font-size: 16px;
    }
    
    .sidebar li a, .sidebar li a.collapsed.active {
        
        font-size: 12px;
    }
    .lien-addProg {
        color: white;
        font-size: 13px;
    }
    h5.m-0 {
        font-size: 19px;
    }
    .vide {
        font-size: 19px;
    }
    .btn-add-comp {
        height: 41px;
        width: 31%;
        font-size: 14px;
    }
    
    .label-form.label-add-cmp.label-add-cmp {
        font-size: 12px!important;
        color: #5b748b;
    }
    .content-titre-prog {
        font-size: 19px;
    }
    button.btn-primary {
        font-size: 14px;
    }
    .parcour-nbr {
        font-size: 14px!important;
        background-color: #f5f3f3;
        height: 38px;
        padding: 7% 3% 1% 8%;
        font-weight: 600;
    }
    .btn-add-place {
        margin-left: 55%;
        font-weight: 600;
    }
    i.fas.fa-edit {
        margin-right: 5%;
        margin-left: 8%;
    }
    .size-col {
        font-size: 14px!important;
    }
    .btn-env-fed {
        font-size: 12px!important;
    }
    h3.m-0 {
        font-size: 20px!important;
    }
    .btn-add-prix {
        font-size: 14px!important;
    }
    .form-inputs {
        height: 38px!important;
        font-size: 14px!important;
    }
    .btn-add-place-comp {
        padding: 3% 9%;
        font-size: 15px;
        margin-top: 15%;
    }
    .photo-tireur {
        width: 100%!important;
    }
    .card-title.mb-0.card-title-flex {
        font-size: 17px;
        width: 38%;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
/* @media only screen and (min-width: 1200px) {}  */
@media (min-width: 1200px) {
    .container {
        max-width: 80%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: 10%;
            margin-left: 10%;
    }
}
 
.journal-img {
    float: inline-start;
    width: 140px;
    margin: 10px;
    border-radius: 10px;
    min-height: 130px;
}


/* Styles for TV devices (assuming larger viewports) */
@media (min-width: 1600px) {
    .journal-img {
        width: 240px; 
        height: 220px;
    }
}

/* Styles for PC and large devices */
@media (min-width: 1200px) {
    .journal-img {
        width: 200px; 
        height: 180px;
    }
}
/* Styles for tablets */
@media (min-width: 768px) and (max-width: 1199px) {
    .journal-img {
        width: 180px; 
        height: 160px;
    }
}

/* Styles for mobile devices */
@media (min-width: 480px) and (max-width: 767px) {
    .journal-img {
        width: 150px; 
        height: 130px;
    }
}

/* Styles for small mobile devices */
@media (max-width: 479px) {
    .journal-img {
        width: 95%; 
        height: 150px;
    }
}