body {
    font-family: "Open Sans", sans-serif;/*Tahoma, Geneva, sans-serif;*//*'Karla', sans-serif;*/
    background: white;
    /*color: #4e4e4f;*/
    color: #000;
    line-height: 1.2;
}


h2, .h2 {
    background: #24282f;
    color: #fdf3e1;
    font-weight: bold;
    padding: 17px 20px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    font-size: 1.6rem;
    line-height: 1;
}

.h2-1{
    text-transform: uppercase;
    background-color: #F4F8FA;
    color: #24282F;
    border: 1px solid #000000;
}

h5{
    text-transform: uppercase;
    font-weight: 700;
    color: #24282f;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


.navbar-toggle{
    position:relative;
    float:right;
    padding: 0px 10px;
    margin-top:10px;
    margin-right: 0px;
    margin-bottom:0px;
    border:inherit;
    border-radius:inherit;
}

.btn-default {
    font-size: 1.4rem;
    padding-right: 25px;
    background: url(../../images/Com/arrow-right.png) no-repeat 83% center;
    min-width: 160px;
    text-align: left;
    border: 1px solid #000000;
    border-radius: inherit;
}

.btn-connexion{
    width: 100%;
    font-size: 1.4rem;
    padding-right: 25px;
    background: url(../../images/Com/arrow-right.png) no-repeat 96% center;
    min-width: 160px;
    text-align: left;
    border: 1px solid #000000;
    border-radius: inherit;
}

.btn-dark{
    color: #ffffff;
    background-color: #24282f;
    margin: 5px 0px;
}

.btn-dark:hover{
    background-color: #24282f;
    border: 1px solid #24282f;
    color: #FA5882;
}

.btn-default--alt {
    border: 1px solid #24282f;
    color: #24282f;
    background: url(../../images/Com/arrow-right2.png) no-repeat 83% center;
    border-radius: 0;
}

.btn-cnx-2{
    margin-bottom: 85px;
    margin-top: 86px;
}

@-moz-document url-prefix() {
    .btn-cnx-2{
        margin-bottom: 85px;
        margin-top: 72px;
    }
}
@media (max-width: 1200px) {
    .btn-cnx-2{
        margin-top: 71px;/*71px V local*//*65px V serveur*/
    }
    @-moz-document url-prefix() {
        .btn-cnx-2{
            margin-top: 87px;
        }
    }
}

@media (max-width: 1029px) {
    .btn-cnx-2{
        margin-top: 86px;/*86px Vlocal*//*80px V serveur*/
    }
}
@-moz-document url-prefix()
{
    @media (max-width: 992px) {
        .btn-cnx-2{
            margin-top: 71px;/*71px Vlocal*//*65px V serveur*/
        }
    }
}

@media (max-width: 767px) {
    .btn-cnx-2{
        margin-bottom: 30px;
        margin-top: 0px;
    }
}

@media (min-width: 1200px)
{
    .container {
        width: 1195px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1300px) and (min-width: 930px)
{
    .container {
        width: 1200px;
        padding-left: 0;
        padding-right: 0;
    }
}

.header {
    /*background: black;*/
    /*background: rgba(36, 40, 47, 0.82);*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*new 29-08-2015 */
    z-index: 100;
}

.header-2 {
    background: #24282f;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

@media (max-width: 767px) {

    .header {
        position: relative;
    }

}

.navbar-brand {
    padding: inherit;
    padding-top: 10px;
}

@media (max-width: 767px) {

    .navbar-brand {
        display: none;
    }
}

.btn-responsive-1{
    background: transparent;
    color: #FFFFFF;
}

.btn-responsive-2{
    background: #101010;
    color: #fdf3e1;
}


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background: inherit;
}

.top-header{
    background: rgba(36, 40, 47, 0.68);
    /* border-bottom: 1px solid #11151b;  enlver par abdel*/
    height: 33px;
}

.top-header .navbar{
    min-height: 25px;
    margin-bottom: 6px;
}
/* 12 mars 2016 ********************/
.logo-company{
    background: rgba(36, 40, 47, 0.68);
}

.logo-company img{
    width: 400px;
    margin: 0 auto;
}
/***************************************/

@media (max-width: 767px) {

    .top-header{
        /*   border-bottom: 1px solid #11151b;  enlver par abdel*/
        height: inherit;
        min-height: 33px;
    }

    .top-header .container{
        background: #24282f;
        height: inherit;
    }

}

.collapse .navbar-collapse{
    padding: inherit;
}

.navigationbar1{
    text-align: center;
}

.navbar-center {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.navigationbar1 ul > li > a{
    padding: 6px 15px;
    font-family: Georgia , sans-serif;
    font-size: 0.85em;
    color: #ffffff;
}

.navigationbar1 ul > li > a:hover{
    color: #FA5882;
    background: none;
}

.navigationbar1 ul > li > a:focus{
    color: #FA5882;
    background: none;
}

.navigationbar2{

    background: none;
    border:none;
}

@media (max-width: 767px) {

    .navigationbar2{
        min-height: 50px;
        background: #101010;
    }
}

.menu-principal .navbar{
    margin: inherit;
    padding: inherit;
}
.menu-principal{
    background: rgba(36, 40, 47, 0.68);
}

@media (max-width: 767px) {

    .menu-principal{
        background: #101010;
    }
}

@media (min-width: 768px) and (max-width: 992px){
    .menu-principal > .container {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
    }
}



/********** apres les modifs concernant alignement vc logo *****************************************************/

@media (min-width: 768px){
    .navbar-nav>li>a {
        /*  padding-top: 31px;*/
        padding-bottom: 15px;
    }
}
/***************************************************************/

/* MENU DROIT ********************************************************************************************/

.menu-principal .navbar-nav.navbar-right {
    font-family: Georgia, sans-serif;
    padding-left: 20px;
}

ul.nav.navbar-nav.navbar-right.menudroit > li{

}

ul.nav.navbar-nav.navbar-right.menudroit > li > a{
    color: #ffffff;
    font-style: italic;
    font-family: Georgia , sans-serif;
    font-size: 1.1em;

}

ul.nav.navbar-nav.navbar-right.menudroit > li > a:hover{
    color: #FA5882;
}

ul.nav.navbar-nav.navbar-right.menudroit > li:last-child{
    padding-left: 40px;
}

@media (max-width: 1200px) {

    .menu-principal .navbar-nav.navbar-right {
        padding-left: 5px;
    }

    ul.nav.navbar-nav.navbar-right.menudroit > li{
        padding-left: 5px;
    }

    ul.nav.navbar-nav.navbar-right.menudroit > li:last-child{
        padding-left: 5px;
    }

}

@media (max-width: 1029px) {

    .menu-principal .navbar-nav.navbar-right {
        border-left: 1px solid #ff0000;
        min-height: 30px;
    }
    .menu-principal .navbar-nav.navbar-right {
        display: none;
    }

}

/*** MENU DROIT REPONSIVE EDITION *****/

.menudroit-responsive {
    display: none;
}

.btn-go-search{
    min-width: inherit;
    color: #ffffff;
}

.btn-go-search:hover{
    background-color: #FA5882;
    border: inherit;
    color: #ffffff;
}

.input-go-search{
    background: none;
    border: none;
    border-radius: inherit;
    border-left: 1px solid #000000;
}

@media (max-width: 1029px)  {


    .menudroit-responsive {
        display: block;
        min-height: 45px;
        background: #222222;
        padding-top: 5px;
    }
    .panier-responsive{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .panier-responsive > a{
        color: #FEFBF5;
        font-size: 1.1em;
        font-style: italic;
        font-family: Georgia , sans-serif;
    }

}

/* MENU GAUCHE ***************************************************************************************/

ul.nav.navbar-nav.menugauch{
    /*  margin-top: 15px;*/
    margin-left: 120px;
}

ul.nav.navbar-nav.menugauch > li{
    margin-right: 0px;
}

ul.nav.navbar-nav.menugauch > li > a{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 5px;
}

ul.nav.navbar-nav.menugauch > li > a:hover{
    background: transparent;
    color : #FA5882;/*#fa6161;*/
}

ul.nav.navbar-nav.menugauch > li > a:focus{
    color: #FA5882;
    background: none;
}

.nav.navbar-nav.menugauch .panel-heading{
    border-color: inherit;
}

@media (max-width: 992px) {
    ul.nav.navbar-nav.menugauch > li > a{
        font-size: 12px;
        padding-left: 5px;
    }
}

@media (max-width: 1200px) {

    ul.nav.navbar-nav.menugauch{
    }

    ul.nav.navbar-nav.menugauch > li{
        /*margin-right: 10px;*/
    }

}

/* MENU SEARCH ***************************************************************************/
.menu-search {
    background: white;
    width: 100%;
}

.menu-search-container {
    background: rgba(36, 40, 47, 0.05);
    display: flex;
    justify-content: center;
    padding: 32px;

    @media (max-width: 767px){
        padding: 16px 16px 20px 16px;
    }
}

.menu-search-ui-widget {
    display: flex;
    align-items: center;
    gap: 44px;
    position: relative;
    max-width: 840px;
    width: 100%;
}

.menu-search-input-label {
    color: #24282F;
    font-family: 'Pathway Extreme', sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    font-variation-settings:
            "wdth" 79,
            "wght" 700;
    z-index: 0;

    @media (max-width: 767px){
        border-radius: 8px 8px 0px 0px;
        border: none;
        color: rgba(36, 40, 47, 0.60);
        font-size: 16px;
        line-height: 24px;
        font-variation-settings:
                "wdth" 79,
                "wght" 524;
        background-color: #FFF;
        display: block;
        margin: 0;
        padding: 8px;
        position: absolute;
        inset: 0;
    }
}

.ui-widget input.menu-search-input {
    border-radius: 8px 8px 0px 0px;
    border: none;
    border-bottom: 1px solid rgba(36, 40, 47, 0.50);
    background-color: #FFF;
    color: #24282F;
    flex-grow: 1;
    font-family: 'Pathway Extreme', sans-serif;
    font-variation-settings:
            "wdth" 79,
            "wght" 463;
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    height: 48px;
    padding: 8px 40px 8px 8px;
    transition: border-color 100ms ease, background-color 50ms;
    z-index: 1;

    @media (max-width: 767px){
        background-color: #fff;
        font-variation-settings:
                "wdth" 79,
                "wght" 524;
        font-size: 16px;
        line-height: 24px; /* 150% */
        height: 40px;
        padding-right: 32px;
    }
}

.ui-widget input.menu-search-input:placeholder-shown {
    @media (max-width: 767px){
        background-color: transparent;
    }
}

.ui-widget input.menu-search-input:focus {
    border-bottom: 1px solid #000;
    outline: none;
}

.menu-search-clear-btn {
    background: none;
    border: none;
    display: block;
    height: 24px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 12px;
    right: 8px;
    width: 24px;
    z-index: 1;

    @media (max-width: 767px){
        top: 8px;
        right: 4px;
    }
}

.menu-search-clear-btn * {
    pointer-events: none;
}

.menu-search-clear-btn-svg {
    position: absolute;
    top: 4px;
    left: 4px;
}


/* wrapper of dropdown in page bottom*/
.menu-search-autocomplete-dropdown {
    background-color: #F4F4F5;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
}

/* div dynamically created around ul.ui-autocomplete */
.menu-search-autocomplete-dropdown-container {
    border-top: 1px solid rgba(36, 40, 47, 0.50);
    box-sizing: border-box;
    display: grid;
    grid-template-areas:
            ". header"
            "side main"
            "side footer";
    grid-template-columns: 300px 1fr;
    grid-template-rows: auto 1fr auto;
    margin: 0 16px;
    padding: 28px 0;
    max-width: 1180px;
    width: 100%;

    @media (max-width: 767px){
        display: block;
        padding-bottom: 0;
    }
}

.menu-search-autocomplete-dropdown-side {
    grid-area: side;
    position: relative;
    z-index: 1;
}

.menu-search-autocomplete-dropdown-header {
    grid-area: header;
    position: relative;
    z-index: 1;
}

.menu-search-autocomplete-dropdown-main {
    grid-area: main;
    position: relative;
    z-index: 1;
}

.menu-search-autocomplete-dropdown-footer {
    grid-area: footer;
    z-index: 2;

    @media (max-width: 767px){
        background-color: #24282F;
        margin: 0 -16px;
        padding: 20px;
        position: sticky;
        bottom: 0;
    }
}

.menu-search-autocomplete-dropdown-title {
    color: #191C21;
    font-family: 'Pathway Extreme', sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-variation-settings:
            "wdth" 79,
            "wght" 524;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

.menu-search-autocomplete-dropdown-side-list {
    margin-top: 16px;
}

.menu-search-autocomplete-dropdown-side-list li {
    margin-bottom: 8px;
}

.menu-search-autocomplete-dropdown-side-list li:last-child {
    margin-bottom: 36px;
}

.menu-search-autocomplete-dropdown-side-list li a {
    color: #666F7E;
    font-family: 'Pathway Extreme', sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-variation-settings:
            "wdth" 79,
            "wght" 524;
    text-decoration-line: underline;
}

.menu-search-autocomplete-dropdown-results {
    border-top: 1px solid #24282F;
    padding-top: 12px;
    margin-bottom: 48px;
}

.menu-search-autocomplete-dropdown-results ul.ui-autocomplete {
    background: none;
    border: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 12px 20px;
    box-sizing: border-box;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;

    @media (max-width: 1200px){
        grid-template-columns: repeat(3, 1fr);
    }

    @media (max-width: 1029px){
        grid-template-columns: repeat(2, 1fr);
    }
}

.menu-search-autocomplete-dropdown-results-item {

}

.search-result-link {
    background-color: transparent !important;
    border: none !important;
    display: block;
    margin: 0 !important;
    position: relative;
}

.search-result-link.ui-state-focus {
    text-decoration: none;
}

.search-result-link-thumbnail {
    box-sizing: border-box;
    display: block;
    height: 0;
    padding-bottom: 72%;
    position: relative;
    width: 100%;
}

.search-result-link-thumbnail img {
    object-fit: cover;
    height: 100%;
    position: absolute;
    width: 100%;
}

.search-result-link-tag {
    background: #24282F;
    border: 1px solid #F4F4F5;
    color: #F4F4F5;
    font-family: 'Pathway Extreme', sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-variation-settings:
            "wdth" 90,
            "wght" 545,
            "opsz" 16;
    padding: 1px 8px;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
}

.search-result-link-text {
    display: grid;
    grid-template-areas:
            "area price"
            "name name";
    grid-template-columns: 1fr max-content;
    margin-top: 12px;
}

.search-result-link-area {
    grid-area: area;
    color: #24282F;
    font-family: 'Pathway Extreme', sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-variation-settings:
            "wdth" 75,
            "wght" 524,
            "opsz" 16;
}

.search-result-link-name {
    grid-area: name;
    color: #24282F;
    font-family: 'Pathway Extreme', sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-variation-settings:
            "wdth" 79,
            "wght" 700;
}

.search-result-link-price {
    grid-area: price;
    color: #666F7E;
    font-family: 'Pathway Extreme', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    font-variation-settings:
            "wdth" 79,
            "wght" 524;
}

.results-page-link {
    display: flex;
    align-items: center;
}

.results-page-link-label {
    color: #24282F;
    flex-shrink: 1;
    font-family: 'Pathway Extreme', sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: uppercase;
    font-variation-settings:
            "wdth" 79,
            "wght" 700;

    @media (max-width: 767px){
        color: #F4F4F5;
        flex-grow: 1;
    }
}

.results-page-link-icon {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 12px;
}

.results-page-link-icon * {
    fill: #24282F;

    @media (max-width: 767px){
        fill: #F4F4F5;
    }
}

/* CONTENU AVEC LA GRANDE IMAGE ***************************************************************************/

.top-content{
    margin-bottom: 20px;
    background-image:url('../../images/Com/img-top23.jpg');
    height: 56rem;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}


.top-content > img {
    width: 100%;
    height: 560px;
}

.top-content .google-maps{
    width: 100%;
    /*max-height: 100%;*/
    height: 560px;
    opacity: 0.5;
}

@media (max-width: 767px) {

    .top-content > img {
        display: none;
    }
    .top-content
    {
        background-image:inherit;
        height: 250px;
        width: 100%;
    }
    .top-content .google-maps{
        display: none;
    }
}

.content-slide {
    position: absolute;
    top:  22em;
    left: 0;
    right: 0;
}

@media (max-width: 1200px) and (min-width: 1029px) {

    .content-slide {
        position: absolute;
        top: 18em;
        left: 0;
        right: 0;
    }
}



.modal-backdrop{
    z-index: 0;
}
.cas-categorie-video{
    top: 390px;
}



@media (max-width: 1029px){
    .banner img{
        display: none;
    }
    .header{
        position: inherit;
    }
}


@media (max-width: 1029px) and (min-width: 768px) {

    .content-slide {
        position: relative;
        top: inherit;
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }
}


@media (max-width: 767px) {

    .content-slide {
        position: relative;
        top: inherit;
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }
}




.titresection{
    color: white;
}




.titre-slide {
    display: block;
    font-style: italic;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1;
    font-family: Georgia, sans-serif;
    color: #24282f;
    /*  color: #fa6161; */
    margin: 0 0 40px 0;
}

.titre-slide-1 {
    display: block;
    font-style: italic;
    font-weight: 100;
    font-size: 4.5rem;
    line-height: 1;
    font-family: Georgia, sans-serif;
    color: #24282f;
    margin: 0 0 16px 0;
}

.desc-slide {
    text-transform: uppercase;
    color: #24282f;
    font-size: 2.5rem;
    display: inline-block;
}

.desc-slide-1 {
    text-transform: uppercase;
    color : #fa6161;
    font-size: 4.5rem;
    font-weight: 900;
    display: inline-block;
}

.btn-content-slide{
    background-color : #fa6161;
    border-color : #24282f;
    color: #ffffff;
    margin-top: 15px;
    font-style: italic;
    font-family:Geargia, sans-serif;
}

.btn-content-slide:hover
{
    background-color : #fa6161;
    border-color : #fa6161;
    color: #ffffff;
}

.select-slide
{  /*modification teslaaak , back to version 3.9 to get the origin*/
    margin-left: 10px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .select select {
        padding-right: 18px;
        -webkit-appearance: none;
        background: url('../../images/Com/select.png') no-repeat;
        background-position: 218px 9px;
    }
}

.select {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #24282f;
    width: 305px;
}

.select select {
    border: 1px solid #24282f;
    color: #24282f;
    display: inline-block;
    height: 22px;
    margin: 0;
    outline: medium none;
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
    font-size: 1.2rem;
    box-sizing: border-box;

}

.select-slide select {
    border: medium none;
    color: #FA6161;
    font-weight: bold;
    font-style: italic;
    font-size: 2.2rem;
    font-family: Georgia,sans-serif;
    padding-left: 0px;
    background: transparent url("../../images/Com/br_down3.png") no-repeat scroll 100% 74%;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.text-orange { /*prise*/
    border: none;
    color: #fa6161;
    font-weight: bold;
    font-style: italic;
    font-size: 2.1rem;
    font-family: Georgia,sans-serif;
    background: none;

    /* modification teslaak */

    padding-right: 30px;
}

.btn-select-1{
    height: 42px;
    width: 130px;
    background: #fa6161;
    border-radius: 0px;
    color: #ffffff;
    font-family: "Georgia", Times, serif;
    font-size: 20px;
    font-style: italic;
}
.btn-select-1:hover{
    color: #ffffff;
}

.btn-select-2{
    height: 42px;
    width: 130px;
    background: #fa6161;
    border-radius: 0px;
    color: #ffffff;
    font-family: "Georgia", Times, serif;
    font-size: 20px;
    font-style: italic;
}
.btn-select-2:hover{
    color: #ffffff;
}

.select1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff;
    border: 1px solid #24282f;
    border-radius: 0px;
    height: 52px;
}

.forfait-recu{
    margin-top: 10px;
}

.forfait-recu p{
    height: 52px;
    line-height: 40px;
    background: #fa6161;
    color: #ffffff;
    border: inherit;
    font-family: "Georgia", Times, serif;
    font-size: 20px;
    font-style: italic;
}

.forfait-recu .btn{
    height: 52px;
    background: #fa6161;
    border-radius: inherit;
}

#span-frecu-left{

}

#span-frecu-right{
    width: 52px;
    border-left: 2px solid rgba(0,0,0,0.1);
    color: #ffffff;
}


/**************mega-dropdown*****Belaid Zouhair 23/08/2015*******************************/
.mega-dropdown { position: static !important; }

.mega-dropdown-menu {

    padding-bottom: 0px;
    border-radius: 0px;
    border-bottom-color: #000000;
}

ul.nav.navbar-nav.menugauch > li.dropdown.open > a{
    background: transparent;
}
/****************Fin mega-dropdown*************************************/
/*********** Panier dropDown **********************/
.panier-down{
    width: 400%;
    padding : 0px;
    margin: 0px;
    font-family: "Open Sans", sans-serif;/*Tahoma, Geneva, sans-serif;*//*'Karla', sans-serif;*/
}

ul.nav.navbar-nav.navbar-right.menudroit > li.dropdown > a:hover{
    background: transparent;
}
ul.nav.navbar-nav.navbar-right.menudroit > li.dropdown.open > a{
    background: transparent;
}

/***************************************************/

/**************** Menu de menu *********************/

.menu-of-menu-down{
    width: 100%;
    padding : 0px;
    margin: 0px;
    background: #ff0000;
    font-family: "Open Sans", sans-serif;/*Tahoma, Geneva, sans-serif;*//*'Karla', sans-serif;*/
}

.tabs-down{
    border-bottom: 1px solid transparent;
}

.tabs-down .dropdown-menu{
    margin-top: 10px;
}

.no-padding-col{
    padding-right: 0px;
    padding-left: 0px;
}

/***************************************************/
#conteneur-1 #right-1 {
    border-left: solid 1px #000000;
    min-height: 490px; /*443*/
}

.bloc-complex{
    border: inherit;
    border-radius: inherit;
    border-left: transparent;
    margin-bottom: 0px;
    border-bottom: inherit;
}
#complexy
{
    font-family: Georgia, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;

    /*background-color : #fdf3e1;*/
    padding-top: 22px;
    padding-bottom: 22px;
}

.bloc-complex .panel-body
{
    color: #4e4e4f;/*#000;*/
}

.icn-left-menu{
    padding-left: 41px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-left: 0px;
    display: inline-block;
    color: #24282f;
}


li.icn-left-menu > p{
    color: #24282f;
    font-family: "Georgia", Times, serif;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    margin: 10px;
    width: 200px;
    background: url(../../images/Com/arrow-right2.png) no-repeat 90% center;
}
li.icn-left-menu > p > a{
    width: 150px;
    color: #24282f;

}
.icon-list-menu-1{height: 45px;background: url(../../images/Com/store.png) no-repeat;  }
.icon-list-menu-2{height: 45px;background: url(../../images/Com/computer1.png) no-repeat;  }

.compx-description{
    padding-top: 10px;
    width: 270px;
}

.compx-description-ou{
    font-family: "Georgia", Times, serif;
    font-style: italic;
    padding: 12px 0px;
    padding-left: 25%;
}


/*********************OLDIES***********************************/
.nav-complex{
    text-transform: uppercase;
    min-height: 41px;
}

.nav-complex li > a{
    color: #4e4e4f;/*#000;*//*#9fa1a4;*/
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 20px;
}

.nav-complex li > a:hover{
    border-bottom: 5px solid #24282f;
    border-radius: 0px;
}

.nav-complex li > a:focus{
    border-bottom: 5px solid #24282f;
    color: #24282f;
    border-radius: 0px;
}

.txt-complex-titre{
    font-family: "Georgia", Times, serif;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    color: #24282f;
}

.btn-radio-menu{
    background-color: transparent;
    color: #25282f;
    display: block;
    padding: 0px;
    padding-left: 5px;
    margin-left: 0px;
    text-align: left;
    border: none;
    border-radius: inherit;
}

.btn-radio-menu.active{
    background-color: #25282f ;
}

.btn-radio-menu.active:hover{
    background-color: #25282f ;
}

.btn-radio-menu:hover{
    background-color: #25282f ;
}

.btn-radio-menu:before{
    content: ">";
}

.ensemble-radio{
    margin-bottom: 15px;
}

.btn-search-menu{
    margin: 20px 0px;
    /*background-color: #fdf3e1;*/
}

.btn-search-menu:hover{
    color : #fff;
    font-weight: bold;
    background-color : #fa6161;
    border-color : #fa6161;
}

/*****************************************************************************/

.ListControl tr td {
    width: 80%;
    border:inherit;
}

.ListControl input[type=checkbox], input[type=radio]
{
    display: none;
}

.ListControl input[type=checkbox] + label,input[type=radio] + label
{
    background-color: transparent;
    color: #25282f;
    display: block;
    padding: 0px;
    padding-left: 5px;
    margin-left: 0px;
    text-align: left;
    border: none;
    border-radius: inherit;
    cursor: pointer;
    font-weight: normal;
}

.ListControl input[type=radio]:checked + label
{
    background-color: #25282f ;
    color: #FFFFFF;
}

.ListControl input[type=checkbox]:checked + label
{
    background-color: #25282f ;
    color: #FFFFFF;
}

.ListControl input[type=checkbox] + label:before
{
    content: "\203A";/*"\003E";*/
}

.ListControl input[type=radio] + label:before
{
    content: "\203A";/*"\003E";*/
}

.ListControl input[type=checkbox] + label:hover
{
    background-color: #25282f;
    color: #FFFFFF;
}

.ListControl input[type=radio] + label:hover
{
    background-color: #25282f;
    color: #FFFFFF;
}
/****************************************************/

/*************** SEARCH  STYLE **************************/
.style-search{
    background-color: inherit;
    border: inherit;
    color: #ffffff;
    outline: none;
}

/*11-10-2015*/

@media (min-width: 1360px){
    .mega-dropdown-menu {
        width: 114.4%;
        margin-left: -7.2%;
    }
}
@media (min-width: 1200px) and (max-width: 1350px){
    .mega-dropdown-menu {
        width: 100%;
        margin-left: 0%;
    }
}
@media (min-width: 1150px) and (max-width: 1200px){
    .mega-dropdown-menu {
        width: 113.79%;
        margin-left: -7%;
    }
}
@media (min-width: 991px) and (max-width: 1150px){
    .col-menu-6 {
        width: 50%;
    }
}
@media (max-width: 991px){
    .mega-dropdown-menu {
        width: 104%;
        margin-left: -2%;
    }
}
@media (max-width: 991px){
    .compx-description{
        width: 240px;
        /*height: 85px;*/
    }
}
/*FIN 11-10-2015*/
.modal {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

li.dropdown.open a.dropdown-toggle.connexion-dropdown-lev1{
    background: transparent;
}
ul.connexion-dropdown-lev2{
    background-color: rgba(0, 0, 0, 0.5);
}

/* .nav > li > a {
	padding:0px 5px !important;
} */

.myClassAbdel
{
    border: solid 1px red;
}
.myClassAbdel input
{
    background-color:Red;
}
.myClassAbdel label
{
    font-weight:bold;
}

/****************************************************/

/*************** NEW HEADER LAYOUT WITH AUTOCOMPLETE SEARCH **************************/

.navbar-header-mobile {
    @media (min-width: 768px){
        display: none;
    }
}

.navbar-header-mobile-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 68px;
}

.navbar-header-mobile-bar-side {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    min-height: 50px;

    @media (min-width: 768px){
        display: none;
    }
}

.navbar-header-mobile-bar-side > * {
    float: none !important;
    margin: 0 !important;
}

.navbar-header-mobile-bar-side > .navbar-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0;
    width: 24px;
}

.navbar-header-mobile-link {
    color: #FEFBF5 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
    font-style: italic;
    font-family: Georgia , sans-serif;
    height: 24px;
    margin-top: 10px;
    min-width: 24px;
}

.mobile-hide {
    @media (max-width: 767px){
        display: none !important;
    }
}

.mobile-logo-link {
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    width: 140px;

    @media (min-width: 768px){
        display: none;
    }
}

.mobile-logo-link img {
    display: block;
    height: auto;
    width: 100%;
}

.navbar-autocomplete {
    margin: 0 !important;
}

.burger-btn * {
    pointer-events: none;
}

.navigationbar-autocomplete {
    min-height: auto;
    text-align: center;
}

.navigationbar-autocomplete .navbar-collapse {
    border: none;
}