.form-search-wrap {
    background:rgb(9 131 221 / 41%) !important;
}
.site-blocks-cover.overlay:before {
    background-color: rgba(0, 0, 0, 0) !important;
}
.select2-container--default .select2-selection--single {
    width: 382px;
}
.ui-menu .ui-menu-item-wrapper {

}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none !important;
    background: transparent !important;
    font-weight: normal !important;
    color: black !important;
}
.select2-container .select2-selection--single {
    height: 43px !important;
    padding: 4px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 280px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100px !important;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.lirearticle:hover {
    color: rgba(22,59,112,1);
    text-decoration: underline ;
    font-weight: bold;
}
.actualite:hover {
    color: rgba(22,59,112,1);
    text-decoration: underline ;
    font-weight: bold;
}
.l2:hover {
    color: rgba(22,59,112,1);
    text-decoration: underline ;
    font-weight: bold;
}
.l1:hover {
    color: rgba(22,59,112,1);
    text-decoration: underline ;
    font-weight: bold;
}
#titre1:hover {

    text-decoration: underline;
    font-weight: bold;
}
#titre2:hover {

    text-decoration: underline;
    font-weight: bold;
}
#titre3:hover {

    text-decoration: underline;
    font-weight: bold;
}
#svg:hover{
    text-decoration: underline;
    font-weight: bold;

}
#Consuler:hover{
    text-decoration: underline;
    font-weight: bold;

}
.ui-autocomplete .ui-menu-item{
    margin-left: 10px !important;
    font-size: 16px;
    font-family: Poppins;

}
.ui-autocomplete .ui-menu-item:hover{
    background-color: #ccecfa;
}
#nouveaulien:hover{
    text-decoration: underline;
    font-weight: bold;

}
/* ------------responsive--------------*/
@media(max-width: 374px) and (min-width: 320px){
    #imgguide{
        margin-bottom: 10px;
        width: 270px;
    }
    #entretenez{
        width: auto !important;
        bottom: 50px;
        position: relative;
    }
    #allarticles{
        margin-left: 0 !important;
    }
    #spanmedi{
        right: 0px !important;
    }
    #spansym{
        right: 0px !important;
    }
    #commander{
        display: flex;
        justify-content: center;
    }
    #hrannuaire{
        display: none !important;
    }

    #rowflipook{
        display: flex;
        justify-content: center;
    }
    #imgflipook{

        width: 100px !important;
        height: 142px !important;
    }
    #icon{
        display: none !important;
    }
    #imageA{
        background-position: 50% 44px !important;
        margin-bottom: 30px;
        height: 422px !important;
    }
    #submitmedi{
        margin-left: 0px !important;
        width: 100% !important;
    }
    #ou{
        margin-left: 40% !important
    }
    #pro{
        width: 31% !important;
        left: 17px !important;
    }
    #mal{
        width: 28% !important;
        left: 21px !important;
    }
    #medi{
        width: 30% !important;
        left: 5% !important;
    }
    .select2-container--default .select2-selection--single {
        width: 100% !important;
    }
    #rowchange{
        width: auto !important;
    }
    #sym{
        display: none !important;
    }
    #medic{
        display: none !important;
    }
    #prof{
        display: none !important;
    }
    #row1{
        position: relative;
        bottom: 43px;
    }
    #elouafa{
        top: 30px !important;
    }
    #vignette{
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 50px !important;
        margin-bottom: 50px !important;
        right: 0 !important;
    }
    #Bienvenue{
        display: none !important;
    }
    #hr{
        width: 848px !important;
    }
    #alaune{
        margin-left: -14px !important;
    }
    #am{
        position: relative;
        top: 43px;
        text-align: center;
    }
    #navguide{
        bottom: 52px !important;
    }
    #lirelasuite{
        top: 9px !important;
        position: relative;
    }
    #hr2{
        display: none !important;
    }
    #h3guide{
        margin-left: 33px !important;
    }
    #imgrow1{
        display: none !important;
    }

    #hr3{
        top: 37px !important;
        width: 30% !important;
        right: 174px !important;
    }
    #hr4{
        top: -52px !important;
        width: 235px !important;
        left:180px !important;
    }

    #hr5{
        width: 27% !important;
        left: 157px !important;
        top: 36px !important;
    }
    #hr6{
        width: 27% !important;
        left: -152px !important;
        top: -54px !important;
    }
    #titreguide{
        margin-right: 84px !important;
    }

    #rowpreserver{
        width: 315px !important;
        height: 200px !important;
        position: relative;

    }
    #titpreserver{
        top:4px !important;
    }
    #ppreserver{
        top: -11px !important;
    }
    #lire{
        bottom: -11px !important;
    }
    #pactualites{
        font-size: 12px !important;
        line-height: 1 !important;
    }
    #divp{
        height: 73px !important;
    }
    #rowflip{
        width: auto !important;
    }
    #rowcont{
        width: auto !important;
    }
    #search{
        margin:3px;
    }
    #pub1{
        bottom: 2px !important;
    }

    #pub3{
        margin-left: 0 !important;
    }
    #pub{
        text-align: center;
        top: -65px !important;
        left: 45px !important;
    }
    #divmobile{
        display: block !important;
    }
    #divweb{
        display: none !important;
    }
    #listingvertical2{
        display: none !important;
    }
    #sinscrire{
        top: -10px !important;
    }
    #hrcol{
        display: none;
    }
    #sante{
        display: none;
    }
    #listingvertical1{
        position: relative;
        bottom: 60px !important;
    }
    #ala{
        bottom: 35px !important;
    }

    #ng{
        position: relative;
        bottom: 20px !important;
    }
    #colguide{
        margin-bottom: 13px !important;
    }
    #col{
        position: relative;
        bottom: 42px !important;
    }
    #col2{
        position: relative;
        bottom: 117px !important;
        margin-bottom: 13px !important;
    }
    #lu{
        position: relative;
        bottom: 92px !important;
    }
    #rowlienutil{
        height: 1087px !important;
    }
}
@media(max-width: 991px) and (min-width: 768px){

    #number{
        position: relative;
        bottom: 30px;
    }
    #submitmedi{
        width: 93px !important;
        right: 10px;
        position: relative;
    }
    .select2-container--default .select2-selection--single {
        width: 222px !important;
    }
    #tags{
        height: 41px !important;
    }
    #imageA{
        background-position: 50% 44px !important;
        margin-bottom: 30px;
        height: 422px !important;
    }
    #rowchange {
        width: auto !important;
    }
    #prof {
        display: none !important;
    }
    #medic {
        display: none !important;
    }
    #sym {
        display: none !important;
    }
    #pro {
        width: 31% !important;
        left: 5% !important;
    }
    #medi {
        max-width:  28% !important;
        left: 5% !important;
    }
    #mal {
        max-width: 29% !important;
        left: 33px !important;
    }
    #spanmedi {
        right: 0px !important;
    }
    #spansym {
        right: 0px !important;
    }
    #imgguide{
        margin-bottom: 10px;
        width: 270px;
    }
    #entretenez{
        width: auto !important;
        bottom: 50px;
        position: relative;
    }
    #allarticles{
        margin-left: 0 !important;
    }
    #commander{
        display: flex;
        justify-content: center;
    }
    #hrannuaire{
        display: none !important;
    }

    #listingvertical1{
        margin-left: -48px !important;
        width: 460px !important;
    }
    #listingvertical2{
        margin-left: -59px !important;
        width: 320px !important;
    }
    #alaune{
        margin-left: -62px !important;
    }
    #rowpreserver{
        width: 400px !important;
        margin-left: -30px !important;
    }
    #pactualites{
        font-size: 14px !important;
        line-height: 1 !important;
    }

    #h3guide{
        font-size: 22px !important;
        position: relative;
        right: 37px !important;
    }
    #hr2{
        width: 300px !important;
        left: 180px !important;
    }

    #colguide{
        width: 176px !important;

        position: relative;
        right: 45px !important;
    }
    #col{
        margin-right: 45px !important;
    }
    #hr5{
        width: 160px !important;
        right: 46px !important;
    }
    #hr6{
        width: 167px !important;
        right: 35px !important;
    }
    #titreguide{
        margin-left: -62px !important;
        font-size: 22px !important;
    }
    #col2{
        width: 190px !important;
    }
    #rowlienutil{
        position: relative;
        right: 44px !important;
        width: 781px !important;
    }
    #rowflip{
        width: 820px !important;
    }
    #colflip{
        margin-left: -137px !important;
        text-align: justify;
    }
    #pub3{
        width:250px !important;
        height: 200px !important;
        position: relative;
        right: -8px !important;
    }
    #pub1{
        width:250px !important;
        height: 200px !important;
        position: relative;
        right: -8px !important;
    }
    #pub2{
        width:250px !important;
        height: 200px !important;
        position: relative;
        right: -8px !important;
    }
    #annuaire{
        position: relative;
        right: 14px;
    }
    #ppreserver{
        top: -10px !important;
    }
    #titpreserver{
        top:2px !important;
    }
    #divp{
        height: 74px !important;
    }
}
@media(max-width: 1199px) and (min-width: 992px){

    .bon-annee {
        display: none;
    }

    #vignette{
        right: -35px !important;
    }

    #v1{
        right: 65px !important;
    }
    #entretenez{
        width: 614px !important;
    }

    #divimgguide{
        margin-left: 0 !important;
    }

    .select2-container--default .select2-selection--single {
        width: 325px !important;
    }
    #imageA{
        background-position: 50% -82px !important;
    }

    .form-search-wrap .form-control {
        height: 42px !important;
    }
    #hr{
        width: 858px !important;
    }
    #alaune{
        margin-left: -24px !important;
    }
    #listingvertical1{
        margin-left: -6px !important;
    }
    #listingvertical2{
        width: 319px !important;
    }
    #pactualites{
        font-size: 14px !important;
        line-height: 1 !important;
    }
    #hr2{
        width: 360px !important;
        left: 250px !important;
    }
    #rowpreserver{
        width: 521px !important;
    }

    #hr6{
        width: 292px !important;
        right: -7px !important;
    }
    #hr5{
        width: 292px !important;
    }
    #titreguide{
        margin-left: -7px !important;
    }
    #col{
        margin-right: 30px !important;
    }
    #colguide{
        width: 190px !important;
    }
    #pub3{
        width:250px !important;
        height: 200px !important;
        position: relative;
        right: -33px !important;
    }
    #pub1{
        width:250px !important;
        height: 200px !important;
        position: relative;
        right: -33px !important;
    }
    #pub2{
        width:250px !important;
        height: 200px !important;
        position: relative;
        right: -33px !important;
    }
    #col2{
        width: 220px !important;
    }
    #colflip{
        margin-left: -24px !important;
        text-align: justify;
    }
    #lirelasuite{
        top: 17px !important;
    }
    #hr3{
        width: 191px !important;
    }
    #hr4{
        width: 190px !important;
        right: 68px !important;
    }
    #spanpro{
        font-size: 14px !important;
        max-width: 29% !important;
    }
    #spanmedi{
        font-size: 14px !important;
    }

    #medi{
        max-width: 27% !important;
        left: 50px !important;
        position: relative;
    }
    #pro{
        max-width: 29% !important;
        left: 47px !important;
    }
    #mal{
        max-width: 28% !important;
        left: 51px !important;
    }
    #spansym{
        font-size: 14px !important;
    }
    #imgmedi{
        margin-left: 15px;
    }
}

@media(max-width: 508px) and (min-width: 375px) {


    #number{
        margin-top: 108px !important;
    }

    #bn2023 {
        width: 70px;
        height: 70px;
        display: none;
    }

    .bon-annee {
        display: flex;
        justify-content: center;
        margin-left: 43px;
    }

    .bon-annee img {
        width: 269px
    }

    #searchforme {
        margin-left: 4.3% !important;

        position: relative !important;
        bottom: 15px !important;
        border-radius: 0px !important;
        background: rgba(9, 131, 221, 0.62) !important;
    }


    .form-search-wrap .form-control {
        height: 45px !important;
    }
    #imgguide{
        margin-bottom: 10px;
        width: 270px ;
    }
    #entretenez{
        width: auto !important;
        bottom: 50px;
        position: relative;
    }
    #allarticles{
        margin-left: 0 !important;
    }
    /*   #elouafa{
         top: 15px !important;
       }
       #vignette{
         display:flex;
         flex-wrap: wrap;
         justify-content: center;
              top: -44px !important;
              right: 0 !important;
       }*/
    #spanmedi{
        right: 0px !important;
    }
    #spansym{
        right: 0px !important;
    }
    #commander{
        display: flex;
        justify-content: center;
    }
    #hrannuaire{
        display: none !important;
    }
    #am{
        position: relative;
        top: 43px;
        text-align: center;
    }
    #icon{
        display: none !important;
    }
    #imageA{
        background-position: 50% 44px !important;
        margin-bottom: 30px;
        height: 422px !important;
    }
    #submitmedi{
        margin-left: 0px !important;
        width:100% !important;
    }
    #ou{
        margin-left: 40% !important
    }
    .select2-container--default .select2-selection--single {
        width: 100% !important;
    }
    #pro{
        width: 31% !important;
        left: 5% !important;
    }
    #mal{
        width: 28% !important;
        left: 21px !important;
    }
    #medi{
        width: 30% !important;
        left: 5% !important;
    }
    #rowchange{
        width: auto !important;
    }
    #sym{
        display: none !important;
    }
    #medic{
        display: none !important;
    }
    #prof{
        display: none !important;
    }
    #row1{
        position: relative;
        bottom: 43px;
    }
    #row1{
        position: relative;
        bottom: 43px;
    }
    #elouafa{
        top: 30px !important;
    }
    #vignette{
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 50px !important;
        margin-top: 50px !important;
        right: 0 !important;
    }
    #Bienvenue{
        display: none !important;
    }
    #navguide{
        bottom: 52px !important;
    }

    #hr{
        width: 337px !important;
        left: -169px !important;
    }
    #hr2{
        width: 225px !important;
    }
    #titreguide{
        margin-right: 147px !important;
    }
    #alaune
    {
        margin-left: -10px !important;
    }
    #hr3{
        top: 37px !important;
        width: 30% !important;
        right: 174px !important;
    }
    #hr4{
        top: -52px !important;
        width: 270px !important;
        left: 170px !important;
    }
    #pguide{
        margin-left: 150px !important;
    }
    #rowflipook{
        display: flex;
        justify-content: center;
    }
    #imgflipook{
        width: 100px !important;
        height: 142px !important;
    }
    #imgrow1{
        display: none;
    }
    #rowpreserver{

        position: relative !important;

        height: 170px !important;
    }
    #ppreserver{
        top: -13px !important;
    }
    #titpreserver{
        top: 1px !important;
    }
    #lire{
        bottom: -8px !important;
    }
    #titrealaune{
        font-size: 16px !important;
    }


    #hr5{
        width: 27% !important;
        left: 157px !important;
        top: 36px !important;
    }
    #hr6{
        width: 27% !important;
        left: -152px !important;
        top: -54px !important;
    }
    #spanflip1{
        font-size: 16px !important;
    }
    #spanflip2{
        font-size: 14px !important;
    }
    #col{
        margin-right: 0 !important;
    }
    #divp{
        height: 73px !important;
    }
    #rowflip{
        width: auto !important;
    }
    #rowcont{
        width: auto !important;
    }
    #search{
        margin:3px;
    }
    #pactualites{

        line-height: 1.4 !important;
    }
    #lirelasuite{
        top:15px !important;
    }
    #pub1{
        bottom: 2px !important;
    }

    #pub3{
        margin-left: 0 !important;

    }

    #divweb{
        display: none !important;
    }
    #listingvertical2{
        display: none !important;
    }
    #sinscrire{
        top: -10px !important;
    }
    #hrcol{
        display: none;
    }
    #sante{
        display: none;
    }
    #colguide{
        margin-bottom: 13px !important;
    }
    #col{
        position: relative;
        bottom: 42px !important;
    }
    #col2{
        position: relative;
        bottom: 117px !important;
        margin-bottom: 13px !important;
    }
    #lu{
        position: relative;
        bottom: 92px !important;
    }
    #rowlienutil{
        height: 1087px !important;
    }
    #ala{
        bottom: 35px !important;
    }
    #pub {
        top: -65px !important;
        left: 50px !important;
        text-align: center;

    }
    #ng{
        position: relative;
        bottom: 20px !important;
    }
    #listingvertical1{
        position: relative;
        bottom: 60px !important;
    }

}
@media(max-width: 767px) and (min-width: 509px){


    #number{
        margin-top: 108px !important;
    }

    .bon-annee {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bon-annee img {
        width: 400px;
    }

    #bn2023 {
        width: 70px;
        height: 70px;
        display: none;
    }
    #divpre{
        height: 145px !important;
    }


    #commander{
        display: flex;
        justify-content: center;
    }
    #hrannuaire{
        display: none !important;
    }


    #am{
        position: relative;
        top: 43px;
        text-align: center;
    }
    #icon{
        display: none !important;
    }
    #imageA{
        background-position: 50% 44px !important;
        height: 430px !important;
    }
    #submitmedi{
        margin-left: 0px !important;
        width: 100% !important;
    }
    #ou{
        margin-left: 40% !important
    }
    .select2-container--default .select2-selection--single {
        width: 100%  !important;
    }
    #rowchange{
        width: auto !important;
    }
    #sym{
        display: none !important;
    }
    #medic{
        display: none !important;
    }
    #prof{
        display: none !important;
    }
    #pro{
        width:31% !important;
        left: 5% !important;
    }
    #mal{
        width: 31% !important;
        left: 21px !important;
    }
    #medi{
        width:28% !important;
        left: 5%;
    }
    #row1{
        position: relative;
        bottom: 43px;
    }
    #imgmedi{
        margin-left: 100px;
    }
    #imgsy{
        margin-left: 60px;
    }
    .form-search-wrap .form-control {
        height: 45px !important;
    }
    #row1{
        position: relative;
        bottom: 43px;
    }
    #elouafa{
        top: 30px !important;
    }
    #vignette{
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 50px !important;
        margin-top: 50px !important;
        right: 0 !important;
    }
    #navguide{
        bottom: 52px !important;
    }
    #col{
        margin-right: 0 !important;
    }
    #Bienvenue{
        display: none;
    }
    #pub1{
        bottom: -20px !important;
    }

    #pub3{
        margin-left: 0 !important;
    }
    #pub{
        text-align: center;
        right: -50px !important;
        top: -62px !important;
    }
    #hr{
        width: 408px !important;
        left: -170px !important;
    }
    #titreguide{
        margin-right: 273px !important;
    }
    #hr2{
        width: 258px !important;
    }
    #alaune
    {
        margin-left: -19px !important;
    }
    #hr3{
        top: 37px !important;
        width: 30% !important;
        right: 194px !important;
    }
    #hr4{
        top: -52px !important;
        width: 275px !important;
        left: 108px !important;
    }




    #pguide{
        margin-left: 159px !important;
    }
    #hr5{
        width: 33% !important;
        left: 171px !important;
        top: 36px !important;
    }
    #hr6{
        width: 33% !important;
        left: -170px !important;
        top: -54px !important;
    }
    #rowflipook{
        display: flex;
        justify-content: center;
    }
    #imgflipook{

        width: 100px !important;
        height: 142px !important;
    }
    #imgrow1{
        display: none;
    }
    #rowpreserver{

        position: relative !important;
        top: 40px !important;

    }
    #ppreserver{
        top: -18px !important;
    }
    #titpreserver{
        top: -2px !important;
    }

    #spanflip1{
        font-size: 16px !important;
    }
    #spanflip2{
        font-size: 14px !important;
    }
    #divp{
        height: 73px !important;
    }
    #lire{
        bottom: -7px !important;
    }
    #rowflip{
        width: auto !important;
    }
    #rowcont{
        width: auto !important;
    }
    #search{
        margin:3px;
    }
    #pactualites{

        line-height: 1.6 !important;
    }
    #divweb{
        display: none !important;
    }
    #listingvertical2{
        display: none !important;
    }
    #hrcol{
        display: none;
    }
    #sante{
        display: none;
    }
    #colguide{
        margin-bottom: 13px !important;
    }
    #col{
        position: relative;
        bottom: 42px !important;
    }
    #col2{
        position: relative;
        bottom: 117px !important;
        margin-bottom: 13px !important;
    }
    #lu{
        position: relative;
        bottom: 92px !important;
    }
    #rowlienutil{
        height: 1087px !important;
    }
    #ala{
        bottom: 20px !important;
    }

    #ng{
        position: relative;
        bottom: 20px !important;
    }
    #listingvertical1{
        position: relative;
        bottom: 48px !important;
    }
    #sinscrire{
        top: -6px !important;
    }

    #lirelasuite{
        top: 20px !important;
    }

    #entretenez{
        width: auto !important;
    }
    #imgguide{
        margin-bottom: 15px !important;
    }
    #allarticles{
        margin-left: 0px !important;
        position: relative;
        bottom: 70px !important;
    }

}

@media screen and (min-width: 1000px) {
    .bon-annee {
        display: none;
    }
}