html,
body,
ul,
div {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    list-style:none;
}

* {
    padding: 0;
    margin: 0;

}

body {
    overflow-x: hidden;
}



#cai-webclient-main{
    z-index: 9999999999 !important;
}

/*--------------------test responsive header--------------------*/



.bien {



    padding: 110px 0 0 0 !important;


}

/*
    .ratio {
      position: relative;
      display: block;
    }

    .ratio:before {
      content: '';
      display: block;
      width: 100%;
      padding-bottom: 75%;
      background: red;
    }

    .ratio__content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

*/



.ratio__content {
    max-width: 100%;
    height: auto;


}


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

    .ratio {
        padding: 45px 0 0 0;
    }


}







/*--------------------test responsive header--------------------*/


























/*------------------------FONTS-------------------------*/
@font-face {
    font-family: "ampleSoft_light";
    src: url('../fonts/ample-soft/AmpleSoft-Light.ttf');
}

@font-face {
    font-family: "ample2";
    src: url('../fonts/ample-soft/AmpleSoft-Regular2.ttf');
}

@font-face {
    font-family: "ample3";
    src: url('../fonts/ample-soft/AmpleSoft-Regular3.ttf');
}

@font-face {
    font-family: "ample4";
    src: url('../fonts/ample-soft/AmpleSoft-Regular4.ttf');
}

@font-face {
    font-family: "ample5";
    src: url('../fonts/ample-soft/AmpleSoft-Regular5.ttf');
}

@font-face {
    font-family: "ample6";
    src: url('../fonts/ample-soft/AmpleSoft-Regular6.ttf');
}

@font-face {
    font-family: "poppins-light";
    src: url('../fonts/poppins/Poppins-Light.ttf');
}

@font-face {
    font-family: "poppins-semibold";
    src: url('../fonts/poppins/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: "poppins-regular";
    src: url('../fonts/poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: "myriad-pro-regular";
    src: url('../fonts/myriad-pro/Myriad-Pro-Regular.ttf');
}

@font-face {
    font-family: "poppins-medium";
    src: url('../fonts/poppins/Poppins-Medium.ttf');
}


@font-face {
    font-family: "shopping-ha";
    src: url('../fonts/arrobatherapy/arrobath.ttf');

}



.ample2 {
    font-family: 'ample2', sans-serif;
}

.ample3 {
    font-family: 'ample3', sans-serif;
}

.ample4 {
    font-family: 'ample4', sans-serif;
}

.ample5,
h1 {
    font-family: 'ample5', sans-serif;
}

.ample6 {
    font-family: 'ample6', sans-serif;
}

.ample-light {
    font-family: 'ampleSoft_light', sans-serif;
}

.poppins-light {
    font-family: 'poppins-light', sans-serif;

}

.poppins-semibold {

    font-family: 'poppins-semibold', sans-serif;
}

.poppins-regular {

    font-family: 'poppins-regular', sans-serif;
}

.poppins-medium {

    font-family: 'poppins-medium', sans-serif;
}




.myriad-pro-regular {
    font-family: 'myriad-pro-regular', sans-serif;
}


.shopping-ha {
    font-family: 'shopping-ha', sans-serif;


}




.hamel:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, transparent, #000);
    opacity: 0, 8;

}


/*------------------------END FONTS-------------------------*/





h2 {
    font-size: 36px;
    color: #221f20;

}

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

.font {
    font-family: 'ample5', sans-serif;

}

.container-fluid {

    width: 100%;
    margin: 0 auto;
    padding: 0;
}

/*---- menu left */
.nav-top {
    background-color: #000000;
    
    display: flex;
    /*flex-flow: row nowrap;
*/
    align-items: end;
    height: 65px;

}



.nav_left li {
    font-family: 'ample3', sans-serif;
    float: left;
    height: 44px;
    padding-top: 10px;
}

.nav_left li:first-child {
    font-family: 'ample3', sans-serif;
    background-color: #fff;
    font-weight: 700;
    border-radius: 10px 10px 0 0;
}

.nav_left a {
    display: table;
    font-family: 'ample3', sans-serif;
    color: #ef903d;
    text-decoration: none;
    padding: 0px 20px;
    font-size: 17px;

}



/*---- menu right */
.nav_right li {
    float: left;
    height: 44px;
    padding-top: 10px;
}

.nav_right a {
    display: table;
    font-family: 'ampleSoft_light', sans-serif;
    color: #8e8e8e;
    text-decoration: none;
    padding: 0px 8px;
    font-size: 17px;

}

.nav_right li:not(:last-child) a {
    border-right: 1px solid #8e8e8e;
}

/*---- reseau_sociaux */
.reseau_sociaux {
    display: table;
    margin-left: auto;
    padding: 10px 14px;
    ;
}

.reseau_sociaux a {
    padding: 0 15px;
    color: #ef903d;

}

/*---- menu bottom */

.nav_bottom {

    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;


}
/**/

.nav_bottom li {
    float: left;
    /* padding-top: 10px; */
    text-transform: uppercase;
    padding: 0 3px;

}

.nav_bottom li.menu-item-has-children > a:after {
    /*    content: "\f0d7";*/
    font-family: 'FontAwesome';
    margin-left: 10px;

}

.nav_bottom a {
    font-family: 'ampleSoft_light', sans-serif;
    /*    color: #8e8e8e;*/
    color: #000;
    text-decoration: none;
    /* padding: 8px; */
    padding: 0 2px;/*07/09/2023*/
    font-size: 1.125rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-weight: 600;
    white-space: nowrap;
}




.nav_bottom a:hover {

    color: #f58220;
}



.sub-menu .menu-item {
    padding: 0;
    margin: 10px auto;
    width: auto;
    height: 60px;
    text-transform: capitalize;
    display: flex;
    flex-flow: row wrap;
    /* white-space: nowrap; */

}

.sub-menu .menu-item a:any-link {

    flex: 1;
}

.sub-menu .menu-item:hover,
.sub-menu .menu-item a:hover {

    font-family: 'ampleSoft_light', sans-serif;
    color: #f58220;
    /*    background-color: #000;*/
    text-decoration: none;
    /*    width: 100%;*/
    height: 60px;
    /*    flex:1;*/

}

.sub-menu .menu-item:focus,
.sub-menu .menu-item a:focus .sub-menu .menu-item a:active {
    font-family: 'ampleSoft_light', sans-serif;
    color: #fff;
    background-color: #80808082;
    text-decoration: none;
    /*    width: 100%;*/
    height: 40px;
    flex: 1;
}


#menu-menu-pricipal a:active {
    width: 100%;
    /*    color: red;*/


}




.nav_bottom .menu-item-has-children .sub-menu {
    display: none;
}

/*
.nav_bottom .menu-item-has-children .sub-menu.shown {
    display: flex;
    flex-flow: column nowrap;
    flex-basis: auto;

}
*/

/*
.nav_bottom .menu-item-has-children .sub-menu.shown a:visited,
a:checked,
a:default,
a:hover {
        display: flex;

    
  color:#fff;
}
*/




/*.nav_bottom .row {}*/

@media(min-width:1080px) and (max-width:1344px) {
    .nav_bottom a{
        font-size: .8srem;
    }
    .hide-text{
        display: none;
    }
    
}
@media  (max-width:992px) {
.nav-top {
    display: block;
}
}








/*-------------------------hhhhhhhh------------------*/


#main-menu {

    font-family: 'ampleSoft_light', sans-serif;
    color: #8e8e8e;
    font-size: 16px;
    background: #fff;
    /* text-transform: uppercase; */
}

ul.sub-menu {

    position: absolute;
    background: #fff;
    list-style: none;
    margin: 0 -20px;
    /*    width: 280px;*/
    display: none;
    z-index: 1;
}

#main-menu li:hover ul.sub-menu {
    /*    display: block;*/


}

ul.sub-menu .menu-item {
    /*    width: 100%;*/
}


.logo img {
    /*
    float: left;
    height: 65px;
*/
    width: 175px;
}


/*
ul.sub-menu a {
    padding: 10px;
    font-size: 15px;
    letter-spacing: 0.5px;
    display: block;
    color: #999;
}
*/
.nav-bottom {
    display: flex;
    flex-flow: row column;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav_bottom .sub-menu a {
    height: 60px;
    /*    padding-top: 15px;*/

}


/*------------------------------------modification Main Menu horizantal-------------------------------*/



.nav_bottom > .menu-item-has-children > .sub-menu {
    display: none;
    position: absolute;
    z-index: 999;
    background: #fff;
    top: -15px;
    /* left: 0;
    right: 0; */
    justify-content: center;
    height: 60px;



}





.nav_bottom > .menu-item-has-children > .sub-menu > li {
    float: left;
    margin: 0 20px;

}

ul.sub-menu {
    margin-top: 50px;
}

ul.sub-menu {
    /*    width: 100% !important;*/
}

ul.sub-menu .menu-item {
    /*    width: 0 !important;*/
}

.nav-bottom .col-lg-10 {
    position: initial;
}

.nav_bottom > .menu-item-has-children:hover > .sub-menu {

    display: flex;
    flex-flow: row wrap;
    justify-content: center;

}
.nav_bottom > .menu-item-has-children > .sub-menu .menu-item-has-children:hover > .sub-menu{

    display: flex;
    flex-flow: column wrap;
    justify-content: center;

}
.nav_bottom > .menu-item-has-children > .sub-menu .menu-item-has-children:hover > .sub-menu li, .nav_bottom > .menu-item-has-children > .sub-menu .menu-item-has-children:hover > .sub-menu a{
    height: 30px;
}
.nav_bottom > .menu-item-has-children > .sub-menu .menu-item-has-children:hover > .sub-menu li{
      float: left;
      margin: 0 50px;
}


/* .nav_bottom .sub-menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;


} */
.nav_bottom  [aria-current="page"]{
   color: #f58220;
}





/*------------------------------------END modification Main Menu horizental-------------------------------*/



.hide-on-desktop{
    display: none;
}











/******************Menu Responsive*********************/


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


    .nav-top {
        /*        display:inline-block;*/
        font-size: 12px;
        /*        border: 1px solid yellow;*/
    }

    .nav-top .hh4 {
        /*
        padding: 0;
        margin:0;
*/
        display: none;

    }

    .nav_right a {
        margin: 0;
        padding: 0 2px;
        font-size: 12px;
        /*
        border: 1px solid brown;
        background: red
*/

    }

    .nav_left a {

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

    }

    .nav_right {
        padding: 0;

    }

    .nav-top .hh2 {
        /*
        padding: 0;
        margin:0;
*/
    }

    .nav-top .hh3 {
        /*
        padding-left: 10px;
        margin:0;
*/
        background: #000;
    }

    .nav-top .hh1 {

        /*
        padding: 0;
        margin:0;
*/
    }

    .menu-button {
        justify-content: flex-start;
        /*
        background: #000;
        color:#fff;
*/
    }


    .nav_left li {
        padding-top: 15px;
    }

    .navbar-toggle {
        border: 1px solid #f78d0e;
    }

    .navbar-collapse.in {
        overflow: visible;
    }


    #main-menu li:hover ul.sub-menu {
        display: block;


    }

    ul.sub-menu {
        width: 280px;
        margin-top: 0;

    }


    .sub-menu .menu-item:hover,
    .sub-menu .menu-item a:hover {

        font-family: 'ampleSoft_light', sans-serif;
        text-decoration: none;
        color: #f58220 !important;
        background: black;
        height: 60px;

    }

    .hide-on-desktop{
        display:block;
    }



/* ----------------------17/05/2023----------------- */
.sub-menu .menu-item {
    height: auto;
 
}
ul.sub-menu{
    position: relative;
}

.sub-menu .menu-item{
    margin: 0;
}



}






@media(min-width:778px) and (max-width:1280px) {

    .nav-top {
        /*    border: 4px dotted green;*/
        height: auto;
    }

    .nav-top .hh4 {
        /*
        padding: 0;
        margin:0;
*/
        display: none;

    }

    .nav_bottom li {
        padding-top: 5px;


    }

    .offres {
        padding: 20px !important;
        margin: 20px 0;
    }

    .offres li {
        text-align: center;

    }

    .nav_right a {
        padding: 0 6px;
    }

    .nav_left a {
        padding: 0 5px;

    }

    #main-menu li:hover ul.sub-menu {
        display: block;


    }

    /*
        ul.sub-menu{
        width: 280px;
        margin-top:0;
        
    }
*/


}





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

    .nav_bottom a {
        /* padding: 15px 8px; */
        padding: 0 2px;
    }

    ul.sub-menu {

        margin-top: 55px;
    }

}

@media(min-width:778px) and (max-width:1000px) {

    ul.sub-menu {

        margin-top: 55px;
    }

    .nav_left a {
        padding: 0 5px;

    }

}


@media(min-width:481px) and (max-width:777px) {

    .nav_bottom,
    .nav_bottom a {

        font-size: 14px;
        white-space: nowrap;
    }

    .nav-top {

        height: auto;
    }

    .home-offers {}



    .menu-button {
        justify-content: flex-start;
        /*
        background: #000;
        color:#fff;
*/
    }

    #main-menu li:hover ul.sub-menu {
        display: block;


    }

    ul.sub-menu {
        width: 280px;
        margin-top: 0;

    }


    .nav-top .hh4 {
        display: none;

    }




    .sub-menu .menu-item:hover,
    .sub-menu .menu-item a:hover {

        font-family: 'ampleSoft_light', sans-serif;
        text-decoration: none;
        color: #f58220 !important;
        background: black;
        height: 60px;

    }





}




/*-------------------06/03/2019------------------*/

@media (max-width: 1200px) and (min-width:768px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }


    .hidden-xs {
        display: none;
    }

    .visible-xs {
        display: block !important;
    }

    .nav-bottom{
        display: initial;
    }
    



}




/*-------------------06/03/2019------------------*/




















/******************END Menu Responsive*********************/












#masthead #main-menu .tablet-desktop-menu #menu-mainmenu > li > a {


    font-family: 'ampleSoft_light', sans-serif;
    color: #fff;
    font-size: 160px;
    padding: 10px;
    letter-spacing: 0.5px;
    display: block;

}

.nav .sub-menu a:any-link {
    font-family: 'ampleSoft_light', sans-serif;
    color: #8e8e8e;
    padding-top: 30px;
}


.nav a:any-link {
    /*    font-family: 'ampleSoft_light', sans-serif;*/
    font-family: 'ample5', sans-serif;
    color: #8e8e8e;
    white-space: nowrap;
    text-align: center;

    /*    padding-top: 30px;  Hatem pour qui sommes nous tabs*/
}

.produits .nav a:any-link {
    /*    box-shadow: 8px 8px 12px #aaa;*/
}





#main-menu {
    position: relative !important;
    z-index: 9999 !important;
}


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

    .nav {
        height: 368px;
    }

    .nav .sub-menu a:any-link {
        /* padding: 20px 20px 0 40px; */

    }

    .nav_bottom li.menu-item-has-children > a:after {

        content: "\f0d7";
        font-family: 'FontAwesome';
        margin-left: 10px;
    }

    .sub-menu {
        background-color: #f1eded !important;
    }

    .nav-top {
        height: auto;
    }
}



@media only screen and (max-width: 777px) and (min-width: 380px) {


    .nav .sub-menu a:any-link {
        padding-top: 10px;

    }
    .nav .sub-menu .sub-menu a:any-link{
         padding: 0 0 0 80px;
    }
    .nav {
        height: 368px;
    }

    .nav .sub-menu .sub-menu a:any-link {
      
        height: 20px;

    }
    
    

    .nav .sub-menu a:any-link {
        /* padding: 20px 20px 0 40px; */

    }
}


/*-------------------------hhhhhhhh------------------*/
.searching {
    padding: 20px 20px 0 20px;
}


input {
    outline: none;
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

input[type=search] {
    background: #FF6F00 url('/wp-content/uploads/2018/09/search-iconn.png') no-repeat 9px center;
    border: solid 1px #ccc;
    padding: 9px 10px 9px 50px;
    width: 55px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

input[type=search]:focus {
    width: 130px;
    background-color: #fff;
    border-color: #bbb;

    -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    box-shadow: 0 0 5px rgba(109, 207, 246, .5);
}


input:-moz-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

/* recherche */
#recherche input[type=search] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
}

#recherche input[type=search]:hover {
    background-color: #000;
}

#recherche input[type=search]:focus {
    width: 130px;
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto;
}

#recherche input:-moz-placeholder {
    color: transparent;
}

#recherche input::-webkit-input-placeholder {
    color: transparent;
}

/*---------------Search------------------*/






/*
.search-form {
     background: #b25;
}

.search-field {
       background: #bbb;
}
*/



.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 10px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    /* many screen reader and browser combinations announce broken words as they would appear visually */
    word-wrap: normal !important;
}

.screen-reader-text:after {
    content: "";
    width: 100px;
}

/* restore screen-reader-text */
.pagination .current .screen-reader-text {
    position: absolute !important;
}

/*
.hatem {
    padding: 0;
    margin: 0;
    z-index: 1;


}
*/


/*---------------END Search------------------*/




/*--------------------------- slider------------------------ */

.slider {
    padding-top: 110px;
}

.slider #sync1 .item {

    background-position: 30% 50%;

}

.slider #sync1 .item,
.slider #sync2 .item {
    height: 495px;
    background-size: cover;
    margin: 0 auto;
    position: relative;
}

.slider #sync2 .item {

    background-size: cover;
    background-position: 50%;
    margin: 0 auto;
    position: relative;
    height: 0px;
    padding: 15px 50px 0 50px;
    font-size: 20px;
    text-align: center;
    color: #797979;
    font-family: 'ample6', sans-serif;


}

.slider #sync2 .item:hover {

    color: #f5811e;
    font-family: 'ample3', sans-serif;

}

.libelle {

    color: #f58220 !important;
    padding: 100px, ;
}

.titre {
    color: #f58220;

}

.item {

    position: relative;
    color: #f58220;

}


.contenu a:any-link,
contenu {
    font-size: 36px;
    position: relative;
    color: #f58220;



}

.titre-slider {
    font-size: 46px;
    padding: 0 0 20px 0;
}

.aouina {
    position: relative;
    /*    top: 254px;*/

}

.promo-button {
    position: relative;


}

@media only screen and (min-width:778px)

/*    and (max-width:1440px) {*/
    {
    .slider #sync1 .item {
        height: 400px;
        background-position: bottom left;

    }

    .titre-slider {
        font-size: 40px;
    }

    .contenu a:any-link,
    .contenu {
        font-size: 1.7em;
        /*--- 04-06-2020 ----*/


    }

    .aouina {
        position: relative;
        /*    top: 168px;*/
    }

    .promo-button {
        position: relative;
        top: 86px;
        left: 400px;

    }

}

.promo-button-uno {
    position: absolute;
    top: 232px;

}


.home-silder {
    background-image: url(https://www.gnet.tn/wp-content/uploads/2018/11/offre-migration-top.png);


    background-size: cover;
    background-repeat: no-repeat;

    /*
    position: relative;
    right: -467px;
*/


}



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

    .home-silder {
        background-image: url(https://www.gnet.tn/wp-content/uploads/2019/12/offre-migration-top.png);
        /*        width: 200px;*/
        height: 200px;
        background-size: cover;
        background-repeat: no-repeat;


    }


    .promo-button-uno {
        position: absolute;
        top: 112px !important;
        left: -38px !important;



    }
}






.curseur a{
    cursor: default;
    
}




.css-first-rapido a:any-link {
    background-color: #f78d0e !important;

}

.css-first-rapido a:hover {}

.css-first-rapido a:after {
    content: url("/wp-content/uploads/2018/08/right_arrow.png") !important;
}



.css-forca-promo a:any-link {
    background-color: #000 !important;
    color: #fff !important;
    margin: 0 -170px !important;

}

.css-forca-promo a:hover {}

.css-forca-promo a:after {
    content: url("/wp-content/uploads/2018/08/right_arrow.png") !important;
}













/*
.slider-button{
    
    width:200px;
    background:#fff;
    color:#000;
    border-radius: 10px;
    text-align: center;
    padding: 5px ;
    font-size:18px;
    margin-top: 15px;
    
}
.slider-button:after{
    content: "\F061";
    font-family: 'FontAwesome';
    padding-left: 20px;
    color:#ea9a5c;
    

}

.slider-button a:hover{
    
    width:200px;

    border-radius: 10px;
    text-align: center;
    padding: 5px ;
    font-size:18px;
    margin-top: 15px;
    
}
*/

/*hatem*/


.unified-security {
    top: 184px;
    position: relative;
}



.slider-button {

    /*    padding: 20px 0;*/
    font-size: 18px;
    width: 260px;
    height: 55px;

}



.slider-button a:any-link {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    /*    display: inline-block;*/
    /*    padding: 5px 20px;*/
    color: #000;
    border-radius: 10px;
    background-color: #fff;
    text-decoration: none;
    transition: width 2s;
    width: 260px;
    height: 55px;


}

.slider-button a:hover {
    display: flex;
    padding: 5px 20px;
    color: #000;
    border-radius: 10px;
    background-color: #fff;
    text-decoration: none;
    box-shadow: 0 8px 6px -6px black;

    width: 260px;
    height: 55px;
}

.slider-button a:after {

    content: url("/wp-content/uploads/2018/12/arrow-button.png");
    color: #ff6600;
    align-items: center;
    position: relative;
    bottom: -3px;
    left: 40px;
}

.slider-button a:hover::after {
    font-family: FontAwesome;
    content: url("/wp-content/uploads/2018/12/arrow-button.png");
    ;




}


.back-button a:any-link {
    background: #f29326;
    color: #fff;
}










/*
#sync2 .info_slider:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(100deg, #ec623c, #ea9a5c);
  transform-origin: right bottom;
  transform: scale(0, 1);
  transition: color 0.1s,transform 0.2s ease-out;
}
*/

#sync2 .info_slider::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -35px;
    left: 0px;
    height: 5px;
    width: 100%;
    background: #ea9a5c;
    transform: scale(0, 1);
    transform-origin: right bottom;
    transition: color 0.1s, transform 0.2s ease-out;

}

#sync2 .info_slider:hover::before,
#sync2 .current .info_slider:before {
    transform-origin: left bottom;
    transform: scale(1, 1);

}

#sync2 .current .info_slider {
    color: #f5811e;
    font-family: 'ample3', sans-serif;
}



/*hatem*/



@media (max-width:1440px) {

    .slider #sync2 .item {
        font-size: 16px;

    }

    .slider #sync1 .texte {
        font-size: 20px !important;

    }
}


/*
.slider-button a:any-link{
    width: 70%;
    height: 45px;
}

.slider-button a:after{
    margin-left: 50px;
}

*/

@media only screen and (min-width:481px) and (max-width:1279px) {

    .css-forca-promo a:any-link {

        margin: 0 !important;

    }


    .slider #sync2 .item {
        font-size: 16px;
        white-space: nowrap;
    }



}




/********************Top Slider*********************/

.slider #sync1 .texte {

    padding: 200px;
    font-size: 30px;
    color: #fff;


}

.slider div.owl-theme .owl-nav {
    position: absolute;
    bottom: 0;
    right: 0;

}

.slider div .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50px;

}




#sync2 .owl-stage {
    background-color: #2c2b2b;
    color: #f5811e;
    height: 50px;

}

#sync2 .owl-item current,
    {
    height: 50px;

    border-bottom: 10px solid green;

}

#sync2 .owl-theme .owl-nav [class*=owl-] {
    background: none;


}

.slider .owl-theme .owl-nav [class*=owl-] {
    /*    background: none;*/
    background-color: transparent;



}

.line {
    line-height: 2px;
}


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

    .slider #sync1 .item {

        background-position: 65% 50% !important;
        /*            background-position: left center !important;*/
    }




    .slider #sync1 .texte {

        padding: 10px;
        font-size: 23px;
        color: #fff;
        opacity: 1.0;
        filter: alpha(opacity=100);
        /* For IE8 and earlier */
        /*         background-size: 100% 100% !important;*/
        height: 300px !important;



    }

    .block-texte {
        /*        content: "";*/
        height: 100%;
        width: 100%;
        /*        background: linear-gradient(transparent, #000);*/
        /*        border-radius: 30px;*/
        position: relative;
        /*        top:10%;*/
        text-align: center;

    }



    #sync2 {
        display: none;
    }

    .slider-button,
    .slider-button a:any-link {
        width: 130px;
        height: 30px;
        font-size: 16px;
        position: absolute;
        /*        right: 0;*/
        bottom: -17px
    }

    .titre-slider,
    .contenu a:any-link {
        font-size: 16px;
    }


    .slider-button a:after {
        position: relative;
        top: 3px;
        left: 13px;

    }

    .slider-button a:hover {

        width: 130px;
        height: 30px;
    }


    .unified-security {
        top: 84px;
        position: relative;

    }

    .hidemobile {
        display: none !important;

    }

    .line {
        /*---04-06-2020---line-height: 20px;*/
    }




}

@media only screen and (min-width:778px) and (max-width:1440px) {


    .slider-button {
        /*        padding: 20px 0;*/
        width: 220px;
        height: 40px;

    }

    .slider-button a:any-link {
        width: 220px;
        height: 40px;
    }

    .slider-button a:hover {

        width: 220px;
        height: 40px;
    }

    .slider-button a:after {
        position: relative;
        top: 3px;
        left: 50px;

    }










}




/**End Top Slider*/
/*--------------------------offres-----------------------------*/

.offressss {
    border: 1px solid #e2ebf1;
    background: #fff;
    border-radius: 10px;
    margin-top: 60px;
    /*    display: flex;*/
}

.offres1 {

    padding-top: 20px;
    /*
    flex: 1;
    display: flex;
    flex-wrap: wrap;
*/


}

.sameheight {
    flex: 1;
    display: flex;
    flex-wrap: wrap;

}



.sameheight > * {
    flex: 1 1 100%;
}


.sameheight .button-space {

    align-self: flex-end;

}


.offres {
    text-align: center;
    background-color: #f4f8fb;
    padding: 20px 100px 60px 100px;
    perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 2000px;
    -moz-perspective: 500px;
}




/*
.default-hovered{
    border-radius: 10px;
    background-color: #f4b14b;
    border-top: 5px solid #e67e22;
    box-shadow: 17px -4px 101px -43px rgba(0,0,0,0.75);
    -ms-transform: translate3d(0px, 0px ,0px);
    -webkit-transform: translate3d(0px, 0px ,0px);
    -moz-transform: translate3d(0px, 0px ,0px);
    transform: translate3d(0px, 0px ,0px);
    transition: all 1s ease-out 0s; 
    -moz-transition: all 1s ease-out 0s; 
    border-radius: 10px;
}
*/

.offres1:hover,
.active2:focus,
.default-hovered {
    border-radius: 10px;
    background-color: #f4b14b;
    border-top: 5px solid #e67e22;
    box-shadow: 17px -4px 101px -43px rgba(0, 0, 0, 0.75);
    -ms-transform: translate3d(0px, 0px, 100px);
    -webkit-transform: translate3d(0px, 0px, 100px);
    -moz-transform: translate3d(0px, 0px, 100px);
    transform: translate3d(0px, 0px, 100px);

    transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    height: 570px;
    /* changed by me orange background problem on hover to be checked*/
    border-radius: 10px;
    z-index: 9999;
}


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

    .active1:hover {

        -ms-transform: translate3d(25px, 0px, 100px);
        -webkit-transform: translate3d(25px, 0px, 100px);
        -moz-transform: translate3d(25px, 0px, 100px);
        transform: translate3d(25px, 0px, 100px);

    }

    .active2:hover,
    .default-hovered {

        -ms-transform: translate3d(8px, 0px, 100px);
        -webkit-transform: translate3d(8px, 0px, 100px);
        -moz-transform: translate3d(8px, 0px, 100px);
        transform: translate3d(8px, 0px, 100px);

    }

    .active3:hover {

        -ms-transform: translate3d(-5px, 0px, 100px);
        -webkit-transform: translate3d(-5px, 0px, 100px);
        -moz-transform: translate3d(-5px, 0px, 100px);
        transform: translate3d(-5px, 0px, 100px);

    }

    .active4:hover {

        -ms-transform: translate3d(-21px, 0px, 100px);
        -webkit-transform: translate3d(-21px, 0px, 100px);
        -moz-transform: translate3d(-21px, 0px, 100px);
        transform: translate3d(-21px, 0px, 100px);

    }

}

.b2w {
    color: #000;
}

.offres1:hover .b2w,
.default-hovered .b2w {
    color: #fff;
}



/*-----------------------------------------------*/

@media screen and (min-width:778px) and (max-width:1279px) {

    .active1,
    .active2,
    .active3,
    .active4 {
        margin: 30px 0 !important;


    }

    .offres1:hover a {
        left: 0;
    }

}


/*-----------------------------------------------*/




.offres li {
    /*    text-align: justify;*/
    padding-left: 30px;

}


.adsl {

    color: #e67e22;
    /*    text-transform: uppercase;*/
    font-size: 32px;
    /*    */

}

.adslprix {
    font-size: 60px;
    color: #e67e22;

}


.serv-color1,
.serv-color1 a:any-link {
    color: #f1c40f;
}

.serv-color2,
.serv-color2 a:any-link {
    color: #f39c12;
}

.serv-color3,
.serv-color3 a:any-link {
    color: #e67e22;
}

.serv-color4,
.serv-color4 a:any-link {
    color: #d35400;
}

.fleche-color1 {}


.offres1:hover .adslprix,
.default-hovered .adslprix {

    color: #000;
}

.offres1:hover .adsl,
.default-hovered .adsl {

    color: #000;
    /*    text-transform: uppercase;*/

}


.second-block {

    position: absolute;
    top: 119px;  
    left: 130px;
}

.fa-check,
.fa-arrow-right {
    color: #f3af4b;

}

.button {
    background: #fff;
    border: 1px solid #e2ebf1;
    border-radius: 10px;
    padding: 10px 50px 10px 50px;
    text-decoration: none;
    /*    align-self: flex-end;*/
}


.offres1 a {
    color: #000;
}


.offres1:hover a,
.default-hovered a {

    background: #000;
    border-radius: 10px;
    border-top-style: hidden;
    border-style: hidden;
    color: #fff;
    position: absolute;
    /*    bottom: 0;*/
    /*    left: 0;*/
    right: 0;
    text-decoration: none;
}





/*
.offres1:hover .fa-check,
.offres1:hover .fa-arrow-right {
    color: #fff;

}
*/
.offres1:hover .fa-check,
.offres1:hover .fa-arrow-right,
.default-hovered .fa-check,
.default-hovered .fa-arrow-right {
    color: #000;
}

.block2 {
    padding-top: 40px;
    line-height: 30px;
    margin-bottom: 60px;
    text-align: left;
}


.offres1:hover .block2,
.default-hovered .block2 {
    color: #fff;
    line-height: 30px;
    margin-bottom: 115px;
}

.button-space {
    position: relative;
    /*    position: absolute;*/
    bottom: 20px;
    /*    left: 20px;*/
}

.offres1:hover .button-space,
.default-hovered .button-space {
    position: absolute;
    background-color: black;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;


}







.offres1 .button-space a:after {
    margin: 10px;
    font-family: FontAwesome;
    font-style: normal;
    content: url("/wp-content/uploads/2018/12/fleche1.png");
    color: #f3af4b;
    padding-left: 20px;
    position: relative;
    top: 5px;

}


.offres1:hover .button-space a:after,
.default-hovered .button-space a:after {
    margin: 10px;
    font-family: FontAwesome;
    font-style: normal;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    color: #f3af4b;
    padding-left: 20px;
    position: relative;
    top: 5px;

}



.offres1 .button-space1 a:after {
    margin: 10px;
    content: url("/wp-content/uploads/2018/12/fleche1.png");
    padding-left: 20px;


}




.offres1 .button-space2 a:after {
    margin: 10px;
    content: url("/wp-content/uploads/2018/12/fleche2.png");
    padding-left: 20px;


}

.offres1 .button-space3 a:after {
    margin: 10px;
    content: url("/wp-content/uploads/2018/12/fleche3.png");
    padding-left: 20px;


}

.offres1 .button-space4 a:after {
    margin: 10px;
    content: url("/wp-content/uploads/2018/12/fleche4.png");
    padding-left: 20px;


}




.offres1:hover .button-space a:after,
.default-hovered .button-space a:after {
    color: #fff;
    padding-right: 20px;
}


/*---------------------Etat Active Bouton--------------------------*/
/*
 .active2 {
border-radius: 10px;
    background-color: #f4b14b;
    border-top: 5px solid #e67e22;
    box-shadow: 17px -4px 101px -43px rgba(0,0,0,0.75);
    transform: translate3d(0px, 0px ,100px);
    transition: all 1s ease-out 0s; 
    border-radius: 10px;
}

.active2:hover .button-space {
    position: absolute;
    background-color: black;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    

}

*/
















/*---------------------Etat Active Bouton--------------------------*/




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

    .offres {
        text-align: center;
        background-color: #f4f8fb;
        padding: 20px 10px 10px 10px;

    }

    .offres1:first-child {

        margin: 20px 0 0 0;
        border-bottom: 1px solid #e2ebf1;
        border-radius: 10px;



    }

    .offres1:not(:first-child) {

        margin: 20px 0;
        border: 1px solid #e2ebf1;
        border-radius: 10px;



    }

    .block2 {

        text-align: center;

    }

    .offres1:hover a {
        left: 0;
    }

}













@media (min-device-width: 481px) and (max-device-width: 778px) {

    .articlee {}

    .offres {
        padding: 0;

    }

    .offres1 {
        margin: 50px 0;
    }

}

@media (min-device-width: 779px) and (max-device-width: 1281px) {

    .offres {

        padding: 20px 10px 80px 10px;


    }


}


/*--------------------------- Grid Services -------------------------------------------*/

#services {
    position: relative;


}


@media (min-width: 1280px) {


    .grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        grid-gap: 30px;
        grid-auto-rows: minmax(200px, 250px);
        position: relative;
        padding: 0 50px;
    }


    #services .img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }


    #services .item1 {

        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px;
        grid-column: 1;
        grid-row: 1 / span 2;
        overflow: hidden;
        align-content: center;
        /*    min-height: 0;*/
        background-position: 50% 50%;
        position: relative;




    }

    #services .item2 {

        background-size: cover;
        background-repeat: no-repeat;
        grid-column: 2;
        grid-row: 1;
        border-radius: 10px;
        overflow: hidden;
        min-height: 0;
        background-position: 50% 50%;
        position: relative;


    }

    #services .item3 {

        background-size: cover;
        background-repeat: no-repeat;
        grid-column: 2;
        grid-row: 2;
        border-radius: 10px;
        overflow: hidden;
        min-height: 0;
        background-position: 50% 50%;
        position: relative;

    }

    #services .item4 {

        background-size: cover;
        background-repeat: no-repeat;
        grid-column: 3;
        grid-row: 1 / span 2;
        border-radius: 10px;
        overflow: hidden;
        min-height: 0;
        background-position: 50% 50%;
        position: relative;
    }

    #services .ktiba {
        position: absolute;
        color: #fff;
        bottom: 10px;
        left: 10px;
        font-size: 16px;
    }

    #services .titres a {
        position: absolute;
        left: 10px;
        bottom: 40px;
        font-size: 36px;
        text-decoration: none;
    }

}




@media screen and (min-width: 779px) and (max-width: 1440px) {

    #services .titres a:any-link {
        font-size: 26px;
    }

    #services .ktiba {
        font-size: 13px;
    }

}



/*
    @media screen and (min-width: 779px) and (max-width: 1336px) {


    .grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        grid-gap: 30px;
        grid-auto-rows: minmax(200px, 250px);
        position: relative;
        padding: 50px;
    }


    #services .img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }


    #services .item1 {
        
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px;
        grid-column: 1;
        grid-row: 1 / span 2;
        overflow: hidden;
        align-content: center;
            min-height: 0;
        background-position: 50% 50%;
        position: relative;




    }

    #services .item2 {
        
        background-size: cover;
        background-repeat: no-repeat;
        grid-column: 2;
        grid-row: 1;
        border-radius: 10px;
        overflow: hidden;
        min-height: 0;
        background-position: 50% 50%;
        position: relative;


    }

    #services .item3 {
        
        background-size: cover;
        background-repeat: no-repeat;
        grid-column: 2;
        grid-row: 2;
        border-radius: 10px;
        overflow: hidden;
        min-height: 0;
        background-position: 50% 50%;
        position: relative;

    }

    #services .item4 {
        
        background-size: cover;
        background-repeat: no-repeat;
        grid-column: 3;
        grid-row: 1 / span 2;
        border-radius: 10px;
        overflow: hidden;
        min-height: 0;
        background-position: 50% 50%;
        position: relative;
    }

    #services .ktiba {
        position: absolute;
        color: #fff;
        bottom: 10px;
        left: 10px;
        font-size: 16px;
    }

    #services .titres a {
        position: absolute;
        left: 10px;
        bottom: 40px;
        font-size: 20px;
        text-decoration: none;
    }

}
*/


/*--------------------Responsive Mobile------------------- */



@media (max-width: 1279px) {
    .grid-container {
        display: block;
        position: relative;
        height: 100%;
        margin: 10px;
    }


    #services .img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }


    #services .item1 {
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px;
        overflow: hidden;
        align-content: center;
        min-height: 300px;
        background-position: 50% 50%;
        position: relative;
    }

    #services .item2 {
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px;
        overflow: hidden;
        min-height: 300px;
        background-position: 50% 50%;
        position: relative;


    }

    #services .item3 {
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px;
        overflow: hidden;
        min-height: 300px;
        background-position: 50% 50%;
        position: relative;

    }

    #services .item4 {
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px;
        overflow: hidden;
        min-height: 300px;
        background-position: 50% 50%;
        position: relative;
    }

    #services .ktiba,
    #services .titres {
        position: absolute;
        color: #fff;
        bottom: 30px;
        left: 10px;
        font-size: 13px;

    }

    #services .titres {

        bottom: 50px;
    }

    #services .titres a {
        bottom: 50px;
        color: coral;
        font-size: 24px;

    }

}





@media (max-width: 480px) {
    .grid-container .grid-item {

        margin: 20px 0;

    }

    #services .titres a {
        /*
        position: absolute;
        left: 10px;
        bottom: 40px;
*/


    }

    #services .ktiba {
        position: absolute;
        color: #fff;
        bottom: 10px;
        left: 10px;
        font-size: 13px;
    }

    #services .titres a {
        position: absolute;
        left: 10px;
        bottom: 0px;
        color: coral;
        font-size: 24px;
        text-decoration: none;
        white-space: nowrap;
    }






}

/*--------------------END Responsive Mobile------------------- */







/*----------------------------------END Grid Services -----------------------------------*/

/*-------------------Produits tabs------------------*/

.produits {
    background-color: #f4f8fb;
    padding: 0;
    /*    margin: 0;*/
    margin: 50px 0 0 0;


}

.tab {
    overflow: hidden;
    padding: 0 300px;

}

@media (max-width: 400px) {


    .tab {
        padding: 0;
    }

}




/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
    font-size: 17px;
    border-radius: 10px;
    padding: 7px 20px 7px 20px
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #fff;
    color: #f57201;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #f4f8fb;
}


/*
.phones div.owl-theme .owl-nav {
    position: absolute;
    left: 128px;
    top: 150px;
}
*/

.phones .owl-next {

    margin-left: 220px !important;
}

.phones .owl-next {
    margin-right: 10px !important;
}


.phones .prix {
    color: #5a2b53;
    font-size: 30px;

}

/*------------------Tablettes------------------*/


.tabl div.owl-theme .owl-nav {
    position: absolute;
    left: 130px;
    top: 200px;
}



.tabl .owl-next {

    margin-left: 280px !important;
}

.tabl .owl-next {

    margin-right: 0 !important;
}

.tabl .item {
    padding-left: 40px !important;
}

.tablettes .prix {
    color: #5a2b53;
    font-size: 30px;



}




/*----------------END Tablettes------------------*/














/*-------------------End Produits tabs------------------*/

/*------------------------Contact---------------------*/


.contact .contact-hatem {
    color: #fff;
    font-size: 16px;
    padding: 0px;
}

.contact .contact-hatem-titre {

    color: #000;
    font-size: 30px;
}

.contact .wpsl-selected-item {

    z-index: 9999;
}

.maps .contact-hatem {
    display: none;
    color: #fff;
    font-size: 16px;
    padding: 0px;
}

.maps .contact-hatem-titre,
.maps img {
    display: none;
    color: #000;
    font-size: 30px;
}





/*
.contact {
    display: flex;
    margin: 20px 0;
    padding: 0;

}
*/


/*Changed for hiding search */
.contact {

    padding: 0 0 50px 0;

}

.contact .droite {
    padding: 50px;
    background-color: #f3af4b;
    text-align: justify;
    /*    width: 50%;*/


}

.contact .gauche {
    /*    width: 50%;*/
    padding: 0;


}

.gauche #wpsl-search-wrap,
.gauche #wpsl-result-list {
    /*    display: none !important;*/
    margin: 0;
}

.gauche .wpsl-store-location,
.gauche #wpsl-stores {
    display: none !important;
}

.gauche #wpsl-search-wrap {
    width: 100%;
    flex: 1;

}

/******************************************************************/
.gauche #wpsl-search-wrap div label,
gauche #wpsl-search-wrap div {
    font-size: 16px;
    margin-right: 30px;
    white-space: nowrap;
}


/********************************/
.gauche #wpsl-search-wrap input[type=text] {
    border-radius: 5px;
    padding: 2px 10px;
    margin: 4px 15px 0 0px;
    background: transparent;
    width: 400px;
    height: 53px;
}

.gauche #wpsl-search-wrap #wpsl-img-btn {
    width: 70px;
    height: 57px;
    border: 0;
}

.gauche #wpsl-search-wrap .wpsl-input {
    display: flex;
    margin-top: 26px;
}

.gauche #wpsl-search-wrap #wpsl-search-btn {
    margin: 20px 0px 0px 0px;
    background: transparent;
    border: 0;

}


/*
.gauche .wpsl-dropdown .wpsl-selected-item, .gauche .wpsl-dropdown li, .gauche .wpsl-selected-item {

    list-style: none;
    padding: 2px 10px!important;
    margin: 0!important;
    font-size: 16px;	
}
*/


.gauche .contact-hatem {
    color: #fff;
    font-size: 16px;
    padding: 0px 60px 30px 60px;
    text-align: justify;
}

.logo-contact {
    padding: 60px 0 50px 90px;
}

.gauche #wpsl-search-wrap,
.gauche .contact-hatem-titre {
    padding-left: 60px;
}


.gauche #wpsl-search-wrap .wpsl-select-wrap,
.gauche #wpsl-category,
.gauche #wpsl-search-wrap div label {
    display: none;
}





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



.gauche .wpsl-store-below #wpsl-gmap {
    width: 50% !important;
    /*    flex:1;*/
    order: 1;

}


.gauche #wpsl-wrap {
    display: flex;
    flex-flow: row wrap;
}

.gauche #wpsl-gmap {
    /*    width: 100% !important;*/

}

.gauche .wpsl-search {
    padding: 5px 10px;
    margin: 0;
    width: 50%;
    background-color: #f3af4b;
    order: 2;
    font-size: 18px;
    background-image: linear-gradient(to right, #f4b14b, #ec9847);

}


/*
.gauche .wpsl-geolocation-run:before{
    
    content:" 20 ans d’expertise et d’innovation GlobalNet, marque Internet du groupe 3S (Standard Sharing Software), est le 1er fournisseur de services Internet en Tunisie depuis 1997. Doté d’un parc clients de plus de 100 000 abonnés, d’un effectif actuel de 240 employés, et d’un réseau de distribution de 16 agences et 420 revendeurs actifs, GlobalNet propose des prestations Internet pour les particuliers et les professionnels.";
    color:#fff;
}
*/





.gauche .wpsl-info-window p {
    color: #000;
}


.contact {
    background-color: #f4f8fb;
}

.contact p {
    color: #fff;
    margin: 30px 100px;
    font-size: 16px;



}

/*
.contact .col-sm-12 {
    display: none;

}
*/



@media (max-width:1440px) {
    .contact p {
        margin: 50px 60px;
    }
}

@media (max-width: 480px) {

    .contact p {

        padding: 10px;

    }

    .contact .gauche {
        width: 100%;
    }

    .gauche #wpsl-wrap {
        display: block;
    }

    .gauche .wpsl-search {
        width: 100%;
    }
}

@media screen and (min-width: 481px) and (max-width:1279px) {
    .gauche #wpsl-gmap {
        height: 800px !important;
    }
}





/*------------------------End Contact---------------------*/
/*------------------------Reclamation---------------------*/

.reclamation {
    /*display: flex;*/
    text-align: center;

    background-color: #f4f8fb;


}

.reclamation h3 {
    color: #edae73;
}

.reclamation h4 {
    font-size: 24px;

}


.reclamation h4 a:hover,
.reclamation h4 a:visited,
.reclamation h4 a:active,
.reclamation h4 a:link {
    color: #eb9647;
    text-decoration: none;
    font-size: 24px;


}

.call-us {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 10px;
    margin-bottom: 20px;
}


.call-us a:link,
.call-us a:visited,
.call-us a:hover,
.call-us a:active {
    color: #eb9647;
    text-decoration: none;
    font-size: 24px;


}






/*------------------------End Reclamation---------------------*/





/*.store_locator_plus {}*/

/*------------------------footer---------------------*/

.footer {
    background-color: #2c2b2b;
    color: #fff;
    padding: 30px 100px;
    font-size: 14px;

}

.nav_footer {}

.footer div {
    color: #ec623c;
    font-size: 14px;


}

.footer .adresse {
    color: #fff;
    font-size: 14px;
}

.footer .menu-item a {
    color: #fff;
}

.social .fa-facebook-f,
.social .fa-twitter,
.social .fa-linkedin-in {
    padding: 0 20px;
    color: #fff;

}

.align-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.pied_page {
    height: 50px;
    color: #fff;
    background-color: #000;
    padding-top: 15px;
}

@media (max-width:480px) {
    .footer {
        padding: 30px 10px;
    }
}

@media screen and (min-width:481px) and (max-width: 1365px) {

    .footer {
        padding: 0px;
    }


}

/*------------------------End footer---------------------*/


.liste li:after {
    content: "                  ";
    background: url("/wp-content/uploads/2018/09/g_kids.png") no-repeat;
    display: table;
    width: 847px;
    height: 565px;
    margin-right: 100px;
}



/*------------------------Pages intérieurs---------------------*/

/*-----------------------Entete Rotative-----------------------*/

/*.entry-content {}*/

article,
.meta-nav,
.site-main {}

.posts {



    margin: 100px;

}

.contenu_header {
    display: flex;
    /*    flex-direction: column;*/
    align-items: center;
    /* centrer verticalement */
    justify-content: center;
    /* centrer horizontalement */
    height: 300px;
    background-color: rgba(0, 0, 255, 0.5);
    width: 500px;
    transform: rotate(114deg);
    /*    overflow: hidden;*/
    /*    flex-wrap: wrap*/

    word-wrap: break-word;

}

.contenu_header .texte {
    color: antiquewhite;
    transform: rotate(-114deg);
    font-size: 20px;
    width: 220px;



}

.img {
    top: 0;
    transform: rotate(-114deg);
    height: auto;
    width: 100%;

}

.header_top .row {
    overflow: hidden;


}

@media screen and (max-width: 400px) {
    .contenu_header div {
        margin: 0;
    }

    .contenu_header {
        padding: 0;
    }

}

/*-----------------------Entete Rotative-----------------------*/

/*-----------thumbnail 4 all pages---------*/

.responsive {
    max-width: 100% !important;
    height: auto !important;
}


.responsive-hat {

    width: 100% !important;
    height: auto;


}


.thumbnail {
    position: relative;
    background-size: cover;
    background-position: 50% 0 !important;
    margin: 0 auto;
    /*    height: 567px;*/
    height: 450px;

    width: 100%;
    /*    margin-top: 109px;*/
}


.text-thumbnail {
    position: absolute;
    font-size: 30px;
    color: #575756;
    left: 26%;
    top: 23%;
    width: 260px;
}


.forca-thumbnail {
    margin: 110px 0 0 0;
    height: 567px;
    background-size: cover;

}

.uno-2020 .thumbnail-fevrier-2020 {
    position: relative;
    background-size: cover;
    background-position: 50% 0 !important;
    margin: 0 auto;



    width: 100%;
    /*    margin-top: 109px;*/
}

.thumbnail-fevrier-2020 > img {
    display: block;
    max-width: 100%;
    height: auto;

}





.thumbnail-uno-promo {
    position: relative;
    background-size: cover;
    background-position: 50% 0 !important;
    margin: 0 auto;
    /* height: 567px; */
    /*    min-height: 450px;*/
    width: 100%;
    /* 04-06-2020   margin-top: 109px;*/


}

.responsive-promo {
    width: 100%;
    height: auto;
}



/*
@media screen and (max-device-width: 1200px) {
    .thumbnail-uno-promo {
        margin-top: 110px;
    }
}
*/

@media screen and (min-device-width: 467px) and (max-device-width: 1200px) {
    .thumbnail-uno-promo {
        /*       04-06-2020 margin-top: 199px;*/
    }

}






@media screen and (max-device-width: 466px) {
    .thumbnail-uno-promo {
        /*      04-06-2020  margin-top: 155px;*/
    }
}



@media only screen and (min-device-width: 1281px) and (max-device-width: 1439px) {

    .forca-thumbnail {
        margin: 110px 0 0 0;
        height: 400px;
        background-size: cover !important;
    }


}

@media screen and (min-device-width:1440px) and (max-device-width: 1466px) {

    .forca-thumbnail {
        margin: 110px 0 0 0;
        height: 420px;
        background-size: cover !important;
    }


}



.revendeur-text-thumbnail {
    position: absolute;
    font-size: 30px;
    color: #f58220;
    left: 26%;
    top: 23%;
    width: 260px;
}


.qui-text-thumbnail {
    position: absolute;
    font-size: 30px;
    color: #575756;
    left: 24%;
    top: 23%;
    width: 260px;
}

.first .text-thumbnail {

    left: 13%;
    top: 18%;

}

.smartphones .text-thumbnail {

    font-size: 60px;

}

.tablettes-text-thumbnail {

    font-size: 60px;
    position: absolute;
    font-size: 18px;
    color: #575756;
    left: 22%;
    top: 23%;
    width: 345px;
}

.dects-text-thumbnail {

    font-size: 60px;
    position: absolute;
    font-size: 18px;
    color: #575756;
    left: 22%;
    top: 23%;
    width: 345px;
}

.autres-text-thumbnail {

    font-size: 60px;
    position: absolute;
    font-size: 18px;
    color: #575756;
    left: 22%;
    top: 23%;
    width: 345px;
}


@media (min-device-width: 1441px) {


    .tablettes-text-thumbnail,
    .dects-text-thumbnail,
    .autres-text-thumbnail,
    .text-thumbnail-ou-nous-trouver {
        position: absolute;
        font-size: 60px;
        color: #575756;
        /*    left: 25%;*/
        top: 15%;
        width: 439px;
    }



    .first .text-thumbnail {

        left: 22%;
        top: 46%;

    }

    .kids .text-thumbnail {
        top: 28%;
        left: 24%;
        font-size: 21px;
        width: 408px;

    }

    .antivirus .text-thumbnail {
        width: 164px;
        font-size: 24px;
        top: 42%;
        left: 24%;
    }

    .smartphones .text-thumbnail {

        font-size: 50px !important;
    }

    .tablettes-text-thumbnail {

        font-size: 60px;
    }


    .gcm .text-thumbnail {
        left: 25%;
        top: 24%;
        font-size: 72px;
        color: #f58220;
        line-height: 40px;
    }


    .cloud .text-thumbnail {
        left: 25%;
        font-size: 24px;

    }

    .text-thumbnail-ou-nous-trouver {

        left: 28%;
        font-size: 24px;

    }
}


@media only screen and (min-device-width: 1281px) and (max-device-width: 1440px) {

    .tablettes-text-thumbnail,
    .dects-text-thumbnail,
    .autres-text-thumbnail {
        position: absolute;
        font-size: 46px;
        color: #575756;
        left: 18%;
        top: 25%;
        width: 345px;
    }

    .uno .text-thumbnail {
        font-size: 29px;
        left: 22%;
        top: 18%;
        width: 290px;

    }

    .forcaa .text-thumbnail {
        font-size: 29px;
        left: 19% !important;
        top: 32% !important;
        width: 234px;

    }


    .first .text-thumbnail {

        left: 16%;
        top: 49%;

    }

    .kids .text-thumbnail {

        left: 21%;
        font-size: 18px;
        width: 358px;

    }

    .gcm .text-thumbnail {
        left: 21%;
        top: 20%;
        font-size: 50px;
        color: #f58220;
        line-height: 40px;



    }



    .cloud .text-thumbnail {
        left: 20%;
        font-size: 24px;
    }

    .antivirus .text-thumbnail {
        width: 160px;
    }


    .smartphones .text-thumbnail {

        font-size: 46px !important;
    }


    .antivirus .text-thumbnail {
        top: 33%;
        left: 19%;
        font-size: 24px;

    }

    .qui-text-thumbnail {

        top: 30%;
        left: 20%;
    }

    .qui-text-thumbnail span:nth-of-type(1) {
        font-size: 77.06px !important;
        color: #f58220;


    }

    .qui-text-thumbnail span:nth-of-type(2) {
        font-size: 47px;
        color: #f58220 !important;

    }



    .revendeur-text-thumbnail {
        position: absolute;
        font-size: 30px;
        color: #575756;
        left: 22%;
        top: 34%;
        width: 260px;
    }

    .text-thumbnail-ou-nous-trouver {
        position: absolute;
        left: 20%;
        top: 25%;

    }


}

@media only screen and (min-device-width: 777px) and (max-device-width: 1280px) {
    /*@media only screen and (min-width:721px) and (max-width:1280px){*/

    .text-thumbnail,
    .dects-text-thumbnail,
    .autres-text-thumbnail,
    .smartphones .text-thumbnail,
    .tablettes-text-thumbnail {
        position: absolute;
        font-size: 44px;
        color: #575756;
        left: 12%;
        top: 40%;
        width: 345px;
    }


    .forcaa .text-thumbnail {
        font-size: 34px;
        left: 17% !important;
        top: 32% !important;
        width: 234px;

    }

    .uno .text-thumbnail {
        font-size: 28px;
        left: 20%;
        top: 18%;
        width: 300px;

    }

    .first .text-thumbnail {

        left: 14%;
        top: 50%;

    }


    .forca .text-thumbnail {

        font-size: 29px;
        left: 18%;
        top: 50%;

    }


    .kids .text-thumbnail {
        top: 30%;
        left: 17%;
        font-size: 18px;

    }

    .gcm .text-thumbnail {
        left: 19%;
        top: 18%;
        font-size: 60px;
        color: #f58220;
        line-height: 40px;
    }




    .cloud .text-thumbnail {
        left: 15%;
        font-size: 24px;
    }

    .antivirus .text-thumbnail {
        top: 19%;
        left: 19%;
        font-size: 24px;
        width: 117px;
    }




    .qui-text-thumbnail {

        top: 40%;
        left: 18%;
    }

    .qui-text-thumbnail span:nth-of-type(1) {
        font-size: 67.06px !important;
        color: #f58220;


    }

    .qui-text-thumbnail span:nth-of-type(2) {
        font-size: 37px;
        color: #f58220 !important;

    }

    .revendeur-text-thumbnail {
        position: absolute;
        font-size: 30px;
        color: #575756;
        left: 18%;
        top: 40%;
        width: 260px;
    }

    .prepaye .text-thumbnail {
        left: 21%;
    }

    .text-thumbnail-ou-nous-trouver {
        position: absolute;
        left: 16%;
        top: 25%;

    }


}




@media only screen and (max-width: 777px) and (min-width:481px) {


    .first .text-thumbnail {

        left: 18%;
        top: 50%;

    }

    .forca .text-thumbnail {

        font-size: 29px;
        left: 18%;
        top: 50%;

    }

    .text-thumbnail,
    .dects-text-thumbnail,
    .autres-text-thumbnail {
        position: absolute;
        font-size: 20px;
        color: #fff;
        left: 18%;
        top: 50%;
        /*        background-image: linear-gradient(#5854542b,#00000069 );*/
        height: 150px;
        width: auto;
        border-radius: 10px;


        /* Obligatoire si on veut "voir" le dégradé */
        /*
    width: 400px;
    height: 200px;
*/


    }


    .qui-text-thumbnail {
        top: 50%;
        color: #f58220;
    }


    .smartphones .text-thumbnail {

        font-size: 40px;
        left: 4% !important;
        top: 23% !important;
        width: 247px !important;

    }

    .tablettes-text-thumbnail {
        font-size: 40px;
        left: 4%;
        top: 23%;
        width: 247px;
    }


    .dects-text-thumbnail {
        font-size: 40px;
        left: 4%;
        top: 23%;
        width: 247px;
    }

    .autres-text-thumbnail {

        font-size: 40px;
        left: 4%;
        top: 23%;
        width: 247px;
    }


    .thumbnail-fevrier-2020 > img {
        padding: 45px 0 0 0;
    }


}

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

    .thumbnail,
    .dects-text-thumbnail,
    .autres-text-thumbnail {
        position: relative;
        background-size: cover !important;
        background-position: 50% !important;
        /*
        margin: 0 auto;
        width: 100%;
*/

        background-repeat: no-repeat;

    }

    .text-thumbnail {
        position: absolute;
        font-size: 26px !important;
        color: #000;
        top: 20% !important;
        left: 15%;
        width: 76% !important;


        /*        background-image: linear-gradient(#5854542b,#00000069 );*/
        height: 260px;

        border-radius: 10px;

    }






    .smartphones .text-thumbnail {

        font-size: 26px;
        left: 4% !important;
        top: 23% !important;
        width: 247px !important;

    }

    .tablettes-text-thumbnail {
        font-size: 26px;
        left: 4%;
        top: 23%;
        width: 247px;
    }


    .dects-text-thumbnail {
        font-size: 26px;
        left: 4%;
        top: 23%;
        width: 247px;
    }

    .autres-text-thumbnail {

        font-size: 26px;
        left: 4%;
        top: 23%;
        width: 247px;
    }


    .qui-text-thumbnail {
        position: absolute;
        font-size: 32px !important;
        color: #f58220;
        top: 40% !important;
        left: 8%;
        width: 57% !important;
    }

    .text-thumbnail-ou-nous-trouver {

        position: absolute;
        font-size: 32px !important;
        color: #f58220;
        top: 15% !important;
        left: 8%;
        width: 57% !important;


    }




    .gcm .text-thumbnail {
        left: 25% !important;
        top: 45% !important;
        font-size: 72px;
        color: #f58220;
        line-height: 40px;

    }

    .responsive-hat {
        background-position: 70% !important;
    }

    .ou-thumbnail {
        background-position: 70% !important;
    }


    .uno .text-thumbnail {
        top: 40% !important;
    }

    .thumbnail-fevrier-2020 > img {
        padding: 45px 0 0 0;
    }



}


/*-----------End thumbnail---------*/
/*.guichet {}*/




/*----------------------------------Breadcrumb-----------------------------------------*/

.breadcrumb {
    padding: 20px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
}

.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}

/*----------------------------------End Breadcrumb-----------------------------------------*/

.titres {
    color: #e67e22;
    text-align: center;
    /*    font-size: 30px;*/
    /*    margin-top: 0;*/

}

.titre-bn-aff {
    color: #16161b;
    text-align: center;
    margin-top: 40px;
}

.centrer {
    text-align: center;
}

.offre-uno {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

}

.offre-uno div {
    /*    width: 200px;
    background-color: #000;*/
    margin: -5px 10px 10px 10px;
    padding: 0 10px 0 10px;
    color: #fff;
    border-radius: 10px;
    width: 330px;
}

.offre-uno-up {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.offre-uno-up div {
    border: 1px solid #bbb;
    background-color: #F3F8FB;
    margin: 10px 10px 0 10px;
    color: #000;
    padding: 20px;
    border-radius: 10px;
    width: 230px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;



}

/*-----------------Parallax Effect-----------------------------*/
/*----------------------------------------------offres-gratuits-first----------------------------*/
.offres-gratuits-first-container {
    margin: 100px 0;
    padding-top: 50px;


}

.offres-gratuits-first {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.offres-gratuits-first .item {
    flex: 1;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.offres-gratuits-first .item > * {
    flex: 1 1 100%;


}


.offres-gratuits-first .item1 {
    color: #fff;
    flex: 1;

}

.offres-gratuits-first .item2 {
    color: #fff;
    flex: 1;

}

.offres-gratuits-first .item3 {
    color: #fff;
    flex: 1;
}

.offres-gratuits-first .buttons-parallax {

    align-self: flex-end;

}

.parallax-first {
    background: url(/wp-content/uploads/2018/10/service_gratuit_first.png), rgba(0, 0, 0, 1);
    background-position: 50% 50%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding: 0 50px;

    /*
    margin-left: -410px;
    margin-right: -410px;
*/

}

.offres-gratuits-first .parallax-contentt {
    width: 50%;
    margin: 0 auto;
    color: aliceblue;
    padding-top: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}



.offres-gratuits-first .buttons-parallax {
    padding: 10px 30px;
    border: 1px solid orange;
    /* width: 200px;*/
    margin: 50px;
    text-align: center;
    border-radius: 10px;
    color: #fff;

}



.offres-gratuits-first .buttons-parallax a:any-link {

    color: #fff;

}

.offres-gratuits-first .buttons-parallax:after {

    margin: 10px;
    font-family: FontAwesome;
    font-style: normal;

    text-decoration: inherit;
    content: "\f061";



}

.offres-gratuits-first .image-background {
    background-image: url("/wp-content/uploads/2018/08/business.jpg");

    background-position: 50% 50%;
    height: 100%;
}

/*-------------------------------------------END--offres-gratuits-first----------------------------*/



/*----------------------------------------------offres-gratuits-UNO----------------------------*/
.offres-gratuits-uno-container {
    padding-top: 20px;

}

.offres-gratuits-uno {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

}


.offres-gratuits-uno .titres {
    font-size: 48px;
}


.offres-gratuits-uno .item span {
    font-size: 16.02px;
    text-align: justify;
}

.offres-gratuits-uno .item {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin: 0 30px;
}

.offres-gratuits-uno .item > * {
    flex: 1 1 100%;


}


.offres-gratuits-uno .item1 {
    color: #fff;
    flex: 1;

}

.offres-gratuits-uno .item2 {
    color: #fff;
    flex: 1;

}

.offres-gratuits-uno .item2 {

    /*  border-right: 1px solid red;*/

}



.offres-gratuits-uno .item3 {
    color: #fff;
    flex: 1;
}

.offres-gratuits-uno .buttons-parallax-uno {

    align-self: flex-end;

}

.parrallax-uno:after {
    background-color: rgba(0, 0, 0, 1);
    border: 10px solid green;

}

.parallax-uno {
    /*    background: url("/wp-content/uploads/2018/12/service_gratuit_first.png") ,*/

    background:
        linear-gradient(0deg, rgba(14, 14, 14, 0.3), rgb(4, 4, 4)), url(/wp-content/uploads/2018/12/service_gratuit_first.png);

    background-position: 50% 50%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding: 0 50px;

    /*
    margin-left: -410px;
    margin-right: -410px;
*/

}

.parallax-content-uno {
    width: 100%;
    margin: 0 auto;
    color: aliceblue;
    padding-top: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}



.buttons-parallax-uno {
    padding: 10px 30px;
    border: 1px solid orange;
    /*     width: 200px;*/
    margin: 10px 85px 40px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;

}

/*
.hatemmmm{
    padding: 10px 30px;
    border:1px solid orange;
    border-radius: 10px;
        
}
*/

.buttons-parallax-uno:after {
    position: relative;
    bottom: -3px;
    left: 10px;
    margin: 10px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
}

.buttons-parallax-uno a:any-link {

    text-decoration: none;
    color: #fff;
}

.image-background {
    background-image: url("/wp-content/uploads/2018/08/business.jpg");

    background-position: 50% 50%;
    height: 100%;
}




@media(max-width:1400px) {
    .buttons-parallax-uno:after {
        right: 80px;
    }

}

@media(max-width:480px) {
    .buttons-parallax-uno:after {
        right: 80px;
    }

    .buttons-parallax-uno {
        margin: 50px 0;
    }

}



/*-------------------------------------------END--offres-gratuits-UNO----------------------------*/






/*----------------------------------------------offres-gratuits-FORCA----------------------------*/
.offres-gratuits-forca container {
    padding-top: 20px;

}

.offres-gratuits-forca {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.offres-gratuits-forca .item {
    flex: 1;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.offres-gratuits-forca .item > * {
    flex: 1 1 100%;


}


.offres-gratuits-forca .item1 {
    color: #fff;
    flex: 1;

}

.offres-gratuits-forca .item2 {
    color: #fff;
    flex: 1;



}


.barre {

    padding: 30px 20px 30px;


}

.barre2 {

    padding: 20px 20px 30px;
    border-left: 2px solid #595959;
    border-right: 2px solid #595959;

}

.barre22 {

    padding: 30px 20px 54px;
    border-left: 2px solid #595959;
    border-right: 2px solid #595959;

}

.twentygo {

    position: absolute;
    bottom: 70px;
    right: 44%;
}


.offres-gratuits-forca .item3 {
    color: #fff;
    flex: 1;
}

.offres-gratuits-forca.buttons-parallax {

    align-self: flex-end;

}

.parallax-forca {
    background: url("/wp-content/uploads/2018/10/service_gratuit_first.png"), rgba(0, 0, 0, 1);
    background-position: 50% 50%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding: 0 50px;

    /*
    margin-left: -410px;
    margin-right: -410px;
*/

}

.offres-gratuits-forca .parallax-contentt {
    width: 50%;
    margin: 0 auto;
    color: aliceblue;
    padding-top: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}



.offres-gratuits-forca .buttons-parallax {
    padding: 10px 30px;
    border: 1px solid orange;
    /* width: 200px;*/
    margin: 50px;
    text-align: center;
    border-radius: 10px;
    color: #fff;

}

.offres-gratuits-forca .buttons-parallax:after {

    margin: 10px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: "\f061";



}

.offres-gratuits-forca .image-background {
    background-image: url("/wp-content/uploads/2018/08/business.jpg");

    background-position: 50% 50%;
    height: 100%;
}

/*-------------------------------------------END--offres-gratuits-FORCA----------------------------*/

/*----------------------------------------------offres-forca----------------------------*/
.offres-forca-container {
    padding-top: 20px;

}

.offres-forca {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.offres-forca .item {
    flex: 1;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.offres-forca .item > * {
    flex: 1 1 100%;


}


.offres-forca .item1 {
    color: #fff;
    flex: 1;

}

.offres-forca .item2 {
    color: #fff;
    flex: 1;

}

.offres-forca .item3 {
    color: #fff;
    flex: 1;
}

.offres-forca .buttons-parallax {

    align-self: flex-end;

}

.parallax-forca {
    background: url("/wp-content/uploads/2018/10/service_gratuit_first.png"), rgba(0, 0, 0, 1);
    background-position: 50% 50%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding: 0 50px;

    /*
    margin-left: -410px;
    margin-right: -410px;
*/

}

.offres-forca .parallax-contentt {
    width: 50%;
    margin: 0 auto;
    color: aliceblue;
    padding-top: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}



.offres-forca .buttons-parallax {
    padding: 10px 30px;
    border: 1px solid orange;
    /* width: 200px;*/
    margin: 50px;
    text-align: center;
    border-radius: 10px;
    color: #fff;

}

.offres-forca .buttons-parallax:after {

    margin: 10px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: "\f061";



}

.offres-forca .image-background {
    background-image: url("/wp-content/uploads/2018/08/business.jpg");

    background-position: 50% 50%;
    height: 100%;
}




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

    .offres-forca .block1 .block-gnet sub {
        bottom: 0;
        right: 93px;
    }

    .offres-forca .block1 .block-tt sub {
        bottom: 0;
        right: 70px;
    }


    .offres-forca .block-gnet {

        font-size: 48px !important;
        color: #e67e22;
        text-align: center;
    }


    .offres-forca .block-tt {

        font-size: 38px !important;
        color: #52a9f1;
        text-align: center;
    }



    .barre {
        padding: 30px 13px 30px;
    }

}



.forca-b4-services {
    padding: 0 0 50px 0;
    font-size: 18px;
}






/*-------------------------------------------END--offres-forca----------------------------*/


/*-------------------------------------Page interne Offre FORCA--------------------------------------*/

.forca-container {

    margin-bottom: 150px;
}




.offres-forca {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;

}

.offre-forca {
    margin: 50px 0 100px 0;
    /*    padding: 5px 0;
    width: 200px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 450px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}



.offres-forca .block1 {
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    height: 300px;
    text-align: center;
    background: #F3F8FB;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;

}

.offres-forca .block1conv {
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    height: 70px; 
    text-align: center;
    background: #F3F8FB;
    position: relative; 
    display: flex;
    flex-flow: row wrap;
    justify-content: center;

}



/*--------------------   modif taille font-------------------*/

.offres-forca .block1 sub {
    bottom: 0;
    right: 114px;
}



.offres-forca .block-gnet {

    font-size: 60px;
    color: #e67e22;
    padding-left: 20px;
    text-align: center;
}


.offres-forca .block-tt {

    font-size: 60px;
    color: #52a9f1;
    padding-left: 20px;
    text-align: center;

}












/*--------------------   modif taille font-------------------*/
























.promo-date {
    color: #f1c40f;

}

.six-mois-gratuit {

    margin: -10px 0 10px 0;

}

.cadre_6mois {
    color: #fff;
    /*  display: table;*/
    padding: 3px 20px;
    border-radius: 5px;
    background-color: #f1c40f;
}




.offres-forca .block2 {

    border: 1px solid #1b1b1b;
    background: #1b1b1b;
    color: #fff;
    height: 250px;
    border-radius: 10px;
    text-align: center;
    padding-top: 20px;
    position: relative;
    margin: -10px 0;
    z-index: 50;
}

.offres-forca .promo {
    padding: 0;

}

.offres-forca .block1 .images {
    position: relative;

}




.offre-forca .block1 .adsl-uno {
    font-size: 20px;
    /*    position: absolute;*/
    /*    top: 20px;*/
    left: 40px;
    text-align: center;

}



.offre-forca .buttons {
    margin: 20px 0;
}

.offre-forca .buttons a {
    padding: 14px 50px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    margin: 0 20px;
    font-size: 18px;
    border: 0;

}


.offre-forca .buttons:after {

    position: absolute;
    bottom: 20px;
    right: 42px;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");

}

.offre-forca .buttons a:any-link {
    color: #fff;
}

.offre-forca .images, .offre-first .images {

    position: absolute !important;
    top: -28px;
    left: 75px;


}




@media only screen and (max-width: 1279px) and (min-width:481px) {

    .offre-forca .buttons a {
        padding: 14px 80px;
    }

    .offre-forca .buttons:after {
        right: 225px;
    }


    .barre2 {
        border: none;
    }


}






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

    .offres-forca .block1 {

        margin-top: 50px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .offre-forca .buttons a {
        padding: 14px 70px;

    }

    .barre2 {
        border: none;
    }



    .offres-forca .block-gnet {

        font-size: 48px;
        color: #e67e22;
        text-align: center;
    }


    .offres-forca .block-tt {

        font-size: 48px;
        color: #52a9f1;
        text-align: center;
    }


    .offres-forca .block1conv {

        margin-top: 50px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }



}

.offre-forca .block1 .adsl-uno {
    position: relative;
    left: 0;
    display: flex;
    flex-flow: column wrap;
    /*flex: 1 1 100%;*/
 justify-content: space-around;
}














.forca .text-thumbnail {

    left: 25%;
    top: 40%;

}

/*
.fiirst{
    
    margin: 100px 0 20px 0;
}
*/





/*--END Page interne Offre FORCA-*/



/*-----------------End Parallax Effect-----------------------------*/



/*----------------------------------------------offres-gratuits- PREPAYE----------------------------*/
.offres-gratuits-prepaye container {
    padding-top: 20px;

}

.offres-gratuits-prepaye display: flex;
flex-wrap: nowrap;
justify-content: space-between;

}

.offres-gratuits-prepaye .item {
    flex: 1;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.offres-gratuits-prepaye .item > * {
    flex: 1 1 100%;


}


.offres-gratuits-prepaye .item1 {
    color: #fff;
    flex: 1;

}

.offres-gratuits-prepaye .item2 {
    color: #fff;
    flex: 1;

}

.offres-gratuits-prepaye .item3 {
    color: #fff;
    flex: 1;
}

.offres-gratuits-prepaye buttons-parallax {

    align-self: flex-end;

}

.parallax-prepaye background: url("/wp-content/uploads/2018/10/service_gratuit_first.png"),
rgba(0, 0, 0, 1);
background-position: 50% 50%;
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 10px;
padding: 0 50px;

/*
    margin-left: -410px;
    margin-right: -410px;
*/

}

.offres-gratuits-prepaye .parallax-contentt {
    width: 50%;
    margin: 0 auto;
    color: aliceblue;
    padding-top: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}



.offres-gratuits-prepaye .buttons-parallax {
    padding: 10px 30px;
    border: 1px solid orange;
    /* width: 200px;*/
    margin: 50px;
    text-align: center;
    border-radius: 10px;
    color: #fff;

}

.offres-gratuits-prepaye .buttons-parallax:after {

    margin: 10px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: "\f061";



}

.offres-gratuits-prepaye .image-background {
    background-image: url("/wp-content/uploads/2018/08/business.jpg");

    background-position: 50% 50%;
    height: 100%;
}

/*-------------------------------------------END--offres-gratuits-prepaye ---------------------------*/

/*----------------------------------------------offres-prepaye ---------------------------*/
.offres-prepaye container {
    padding-top: 20px;

}

.offres-prepaye {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;

}

.offres-prepaye .item {

    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.offres-prepaye .item > * {
    flex: 1 1 100%;


}


.offres-prepaye .item1 {
    color: #fff;
    flex: 1;

}

.offres-prepaye .item2 {
    color: #fff;
    flex: 1;

}

.offres-prepaye .item3 {
    color: #fff;
    flex: 1;
}

.offres-prepaye .buttons-parallax {

    align-self: flex-end;

}

.parallax-prepaye {
    background: url("/wp-content/uploads/2018/10/service_gratuit_first.png"), rgba(0, 0, 0, 1);
    background-position: 50% 50%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding: 0 50px;

    /*
    margin-left: -410px;
    margin-right: -410px;
*/

}

.offres-prepaye .parallax-contentt {
    width: 50%;
    margin: 0 auto;
    color: aliceblue;
    padding-top: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}



.offres-prepaye .buttons-parallax {
    padding: 10px 30px;
    border: 1px solid orange;
    /* width: 200px;*/
    margin: 50px;
    text-align: center;
    border-radius: 10px;
    color: #fff;

}

.offres-prepaye .buttons-parallax:after {

    margin: 10px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: "\f061";



}

.offres-prepaye .image-background {
    background-image: url("/wp-content/uploads/2018/08/business.jpg");

    background-position: 50% 50%;
    height: 100%;
}

/*-------------------------------------------END--offres-prepaye ---------------------------*/


/*-------------------------------------Page interne Offre PREPAYE--------------------------------------*/

.prepaye container {

    margin-bottom: 150px;
}

.prepaye-texte-entete {
    font-size: 72px;
    color: #d56037;


}

.prepaye-texte-entete-line2 {
    font-size: 48px;
    color: #1b1b1b;
    line-height: 0;


}

.offres-prepaye {
    display: flex;
    justify-content: space-evenly;
    flex-flow: row wrap;

}

.offre-prepaye {
    margin: 50px 0 150px 0;
    /*    padding: 5px 0;
    width: 200px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 350px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.offres-prepaye .block1 {
    padding: 30px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    /*    height: 145px;*/
    text-align: center;
    background: #F3F8FB;
    /*    position: relative;*/
    flex: 1 1 100%;
    white-space: nowrap;


}

.offres-prepaye .block2 {

    border: 1px solid #1b1b1b;
    background: #1b1b1b;
    color: #fff;
    height: 290px;
    border-radius: 10px;
    text-align: center;
    padding-top: 50px;
    position: relative;
    margin: -10px 0;
    z-index: 50;
    flex: 1 1 100%;
}

.offres-prepaye .promo {
    padding: 0;

}

.offres-prepaye .block1 .images {
    position: absolute;
    top: 30px;
    left: 34%;

}




.offre-prepaye .block1 .adsl-uno {
    font-size: 20px;
    /*    position: absolute;*/
    top: 20px;
    left: 60px;

}



.offre-prepaye .buttons {
    margin: 56px 0;
}

.offre-prepaye .buttons a {
    padding: 16px 90px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    margin: 30px 25px;
    font-size: 18px;
    border: 0;

}


.offre-prepaye .buttons:after {

    position: absolute;
    bottom: 43px;
    right: 75px;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    padding: 0 0 0 2px;*/

}

.offre-prepaye .buttons a:any-link {
    color: #fff;
}

.adsl-prep {
    position: relative;
    left: 30px;

}





@media only screen and (min-width: 481px) and (max-width: 1277px) {
    .offre-prepaye .buttons:after {
        position: relative;
        top: 5px;
        right: 64px;

    }



}


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

    .offres-prepaye .block1 {

        margin-top: 10px;
    }


    .offre-prepaye .buttons a {
        padding: 16px 60px;
    }

    .offre-prepaye .buttons:after {
        bottom: 42px;
        right: 60px;
    }

}



/*--END Page interne Offre FORCA-*/





/*-----------------End Parallax Effect-----------------------------*/




/*-----------------Offre UNO VDSL-----------------------------*/

.offre-vdsl {
    background-color: #f4f8fb;
   /* margin-top: 45px; */
    padding: 25px 0 0 0;
}

.offre-vdsl .text-content {
    font-size: 18px;
}

.offre-vdsl .text-content-header {
    font-size: 18px;
}


.offre-uno-vdsl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;

}




.offre-uno-vdsl div {
    background-color: #000;
    margin: -5px 10px 10px 10px;
    padding: 0 10px 0 10px;
    color: #fff;
    border-radius: 10px;
    width: 230px;
}

.offre-uno-up-vdsl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.offre-uno-up-vdsl div {
    border: 1px solid #bbb;
    background-color: #F3F8FB;
    margin: 10px 10px 0 10px;
    color: #000;
    padding: 20px;
    border-radius: 10px;
    width: 230px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}



.uno-vdsl p:last-child {

    padding: 30px;
}

.fa-angle-double-up:before,
.fa-angle-double-down:before {
    padding: 10px;

}





/*-----------------End Offre UNO VDSL-----------------------------*/

/*--------------------Archives offres----------------------------*/


@media only screen and (max-width: 899px) {
    .archives {}

    .archives {
        display: flex;
        flex-wrap: wrap-reverse;
        justify-content: space-around;
        align-content: center;

    }


    .archives-elements {
        width: 400px;
        border: 2px dotted orange;
        text-align: center;
        padding: 10px;
        margin: 20px;



    }
}

@media only screen and (min-width: 900px) {
    .archives {
        background-color: purple;
    }

    .archives {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: center;
    }


    .archives-elements {
        width: 400px;
        border: 2px dotted orange;
        text-align: center;
        padding: 10px;
        margin: 20px;



    }




}

@media only screen and (min-width: 1200px) {
    .archives {
        background-color: green;

    }

    .archives {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-content: center;
    }


    .archives-elements {
        width: 400px;
        border: 2px dotted orange;
        text-align: center;
        padding: 10px;
        margin: 20px;



    }
    #main-menu{
        height: 92px;
        display: flex;
        justify-content: center;
        align-items: center;
        
        
    }
    #main-menu .roww{
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: left;
    }
  
    #main-menu .roww:nth-child(2){
        border: 1px solid salmon;


}



}



/*--------------------End Archives offres----------------------------*/


/*-------------------------------WooCommerce products Home page ----------------------------------------*/


.phoness {}

.phoness .owl-carousel {}

.phoness .owl-carousel .owl-item img {

    width: 50%;
}

.phones .owl-carousel .owl-item img {
        width: 50%;
    height: 100%;
    align-self: center;
    /*    background: #f4f8fb;*/


}


.phones .owl-theme .owl-nav [class*=owl-] {

    background-color: transparent;
}

/*
.phones .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: greenyellow;
}
*/

.phoness div.owl-theme .owl-nav,
.phoness .owl-dots {
    /*    bottom: 250px;*/
}

.phoness .owl-nav .owl-prev {

    position: absolute;
    top: 40%;
    margin-left: 60px;
    display: block !important;
}

.phoness .owl-nav .owl-next {

    position: absolute;
    top: 40%;
    left: 245px;
    display: block !important;
}

.phoness .owl-nav .owl-prev i,
.phoness .owl-nav .owl-next i {
    transform: scale(1, 6);
    color: #ccc;
}




.phoness .owl-item {
    background-color: #f4f8fb;

}




.phon {}

.phon .item1 {
    /*    float: left;*/
    /*    width:350px;*/
    padding: 10px 0;
    color: #221f20;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;

}

.phon .item2 {
    /*    float: left;*/
    /*    width:350px;*/
    padding: 10px 0;
    color: #221f20;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}




.product-header {
    flex: 1 1 100%;
}

.product-header .prix {
    font-size: 71.9px;

}

.product-header .short_desc {
    font-size: 16px;
    color: #666666;
}

.product-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 20px 0;
    text-align: center;

}




/*
.product-content a:any-link {
    display: inline-block;
    padding: 5px 20px;
    color: #000;
    border-radius: 5px;
    background-color: #DEE4E9;
    text-decoration: none;


}
*/

.prodt-button a {
    align-content: center;
    font-size: 17.98px;
    color: #000;
    border-radius: 10px;
    background-color: #DEE4E9;
    padding: 15px 30px;



}



.prodt-button :hover {
    /*    display: inline-block;*/
    padding: 15px 30px;
    color: #000;
    border-radius: 5px;
    background-color: #fff;
    text-decoration: none;
    box-shadow: 1px 0px 20px 12px rgba(135, 147, 158, 0.12);
}

.product-content a:after {
    font-family: FontAwesome;
    content: url("/wp-content/uploads/2018/12/arrow-button.png");
    color: #ff6600;
    margin-left: 10px;
    position: relative;
    top: 5px;
}

.product-content a:hover::after {
    font-family: FontAwesome;
    content: url("/wp-content/uploads/2018/12/arrow-right-mauv.png");
    color: #000;



}


@media(max-width:480px) {

    .prodt-button {
        margin: 20px;
    }

    .prodt-button a {

        padding: 15px 20px;
    }

    .phon .item2 {
        justify-content: center;
    }

    .product-header {
        text-align: center;

    }

}

@media (min-device-width: 481px) and (max-device-width: 778px) {

    .phon {
        padding: 50px;

        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .prodt-button {

        margin: 20px 0;
    }

    .product-header {
        text-align: center;
    }

}


/*-------------------------------END WooCommerce products Home page ----------------------------------------*/



/*------------------------------------Page interne Offre UNO ADSL-----------------------------------*/

.uno-text {
    font-size: 18px;

}




.offres-gratuites {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    position: relative;
    z-index: 1;


}

.uno-guichet-unique {
    margin-top: 50px;
    /*    padding: 5px 0;
    width: 200px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 500px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.offres-gratuites .block1 {
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    height: auto;
    text-align: center;
    background: #F3F8FB;
    position: relative;
    flex: 1 1 100%;
    display: flex;
    justify-content: center;



}

.offres-gratuites .block2 {

    border: 1px solid #000;
    background: #1b1b1b;
    color: #fff;
    height: 402px; /* 14/07/2020*/
    border-radius: 10px;
    text-align: center;
    padding-top: 40px;
    position: relative;
    margin: -10px 0;
    z-index: 50;
    font-size: 14px;
    flex: 1 1 100%;
    
}

.promo {
    padding: 0;

}

.offres-gratuites .block1 .images {
    position: relative;

}




.uno-guichet-unique .block1 .adsl-uno {
    font-size: 20px;

    color: #15191b;

}


.uno-guichet-unique .block1 .adsl-uno .uno-prix {
    margin-left: 37px;

}

.uno-guichet-unique .block1 .adsl-unoo .uno-prixx {
    position: relative;
    left: 20px;

}


.uno-guichet-unique .block1 .adsl-unoo {
    font-size: 20px;
    color: #15191b;
    margin-top: -32px;

}


.uno-guichet-unique .buttons {
    /* margin: 45px 0; */
    
    position: absolute; /* 14/07/2020*/
    bottom: 20px;
}

.uno-guichet-unique .buttons a {
    padding: 12.5px 54px;
    background-color: #e67e22;
    border-radius: 10px;
    margin: 30px 20px;
    white-space: nowrap;
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    border: 0;
  /*  position:absolute; 13-07-2020 Artify
    bottom:14px;
    left: 8%;*/


}

.uno-guichet-unique .buttons:after {
    position: absolute;
    bottom: 0px;
    right: 38px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    padding: 0 0 0 2px;*/

}

.uno-guichet-unique .buttons a:any-link {
    color: #fff;
}
.offres-gratuites .block2 .artify{
    color:#FF8D00;
    font-weight: bold;
    
}
.artify img, .smartband {
    vertical-align: baseline;
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
    
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}




@media only screen and (min-width:481px) and (max-width:777px) {

    .uno-guichet-unique .buttons:after {

        right: 265px;
    }

}


/*---------------------END Page interne Offre UNO ADSL-------------------*/
/*---------------------Page interne Offre UNO VDSL-------------------------*/



.uno-vdsl {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    /*        margin: 0 350px;*/

}

.uno-vdsl .titres {

    font-size: 18px;
    color: #15191b;
}

.uno-vdsl-unique {
    margin-top: 50px;
    padding: 5px 0;
    background: #F3F8FB;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 482px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    z-index: 1;

}

.uno-vdsl-unique .block1 {
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    height: 145px;
    text-align: center;
    position: relative;

}

.uno-vdsl-unique .block1-4col {
    padding: 10px 0 10px 0;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    height: 165px;
    text-align: center;
    position: relative;
    font-size: 20px;

}

.uno-vdsl-unique .block1-4colconv {
    padding: 10px 0 10px 0;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    height: 70px;
    text-align: center;
    position: relative;
    font-size: 20px;

}




.uno-vdsl-unique .block1 .check {
    position: relative;
    left: 27px;

}


.uno-vdsl-unique .block2 {

    background: #1b1b1b;
    color: #fff;
    height: 428px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    z-index: 50;
    margin: -10px 0;
    padding-top: 20px;
    line-height: 30px;
}

.promo {
    padding: 0;

}

.uno-guichet-unique .images {
    position: absolute !important;
    top: -30px;
    /* left: 75px; */
    left: 50%;
    translate: -50% 0;
    /*
    border: 1px solid #000;
    border-radius: 5px;
    background: #e67e22;
    color:#fff;
*/
}

vdsl-uno {
    font-size: 20px;
    margin-top: -15px;
}

/*
.uno-vdsl-unique .buttons {
    padding: 5px 20px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;

}
*/
.uno-vdsl-unique .buttons {

    margin: 22px 0;
}

.uno-vdsl-unique .buttons a {
    padding: 17.5px 96px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    margin: 0 20px;
    white-space: nowrap;
    text-align: center;
    font-size: 18px;
    border: 0;
    position:absolte;
    bottom:19px;

}

.uno-vdsl-unique .buttons-prom-sep a {
    padding: 17.5px 60px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    margin: 0 20px;
    white-space: nowrap;
    text-align: center;
    font-size: 18px;
    border: 0;
    
    
}

.uno-vdsl-unique .buttons-prom-sep{
    
    position: absolute;
    bottom: 24px;
    left: 50%;
    translate: -50% 0;
}

.uno-vdsl-unique .images {
    position: absolute !important;
    top: -30px;
    left: 50%;
    translate: -50% 0;
}


.uno-vdsl-unique .buttons:after {
    position: absolute;
    bottom: 20px;
    right: 55px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    padding: 0 0 0 2px;*/

}

.uno-vdsl-unique .buttons-prom-sep:after {
    position: absolute;
    bottom: 0px;
    right: 45px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    padding: 0 0 0 2px;*/

}


.uno-vdsl-unique .buttons a:any-link,
.uno-vdsl-unique .buttons-prom-sep a:any-link {
    color: #fff;
}






.condition {
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin: 120px 0 0 0;
}

.condition-forca {
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin: 10px 0 15px;
}


@media (max-width: 1366px) {

    .uno-vdsl-unique .block2 {

        padding-top: 0px;
    }

    .uno-vdsl-unique .buttons {
        /*        padding: 12.5px 0;*/
    }

    .uno-vdsl-unique .buttons:after {
        bottom: 41px;

    }

    .uno-vdsl {
        /*        margin: 0 200px;*/
    }


    .uno-vdsl-unique .buttons-prom-sep:after {
        position: absolute;
        bottom: 0px;
        right: 45px;
        font-family: FontAwesome;
        font-style: normal;
        text-decoration: inherit;
        content: url("/wp-content/uploads/2018/08/right_arrow.png");
        /*    padding: 0 0 0 2px;*/

    }

}



@media (min-width:481px) and (max-width:991px) {

    .uno-guichet-unique .buttons:after {
        position: relative;
        top: 4px;
        right: 60px;
    }

    .uno-vdsl-unique .buttons:after {
        position: relative;
        top: 4px;
        right: 70px;

    }

    .uno-vdsl-block{
             margin-top: 100px;
             
    }

    .uno-guichet-unique{
        margin-top: 100px;
    }

    .uno-guichet-unique .buttons{
        left: 50%;
    translate: -50% 0; 
    }


}


@media only screen and (max-width: 480px) {
    .uno-guichet-unique {
        margin: 60px 0;
        display: flex;
        flex-flow: row wrap;



    }


    .offres-gratuites .block1 {

        flex: 1 1 100%
    }

    .offres-gratuites .block2 {

        flex: 1 1 100%
    }

    .uno-guichet-unique .block1 .adsl-uno {

        /*       left: 0;*/
    }

    .uno-vdsl-unique {
        /*        padding: 5px 30px;*/

    }


    .uno-guichet-unique .buttons a {
        padding: 12.5px 90px;
    }





    .uno-guichet-unique .buttons:after {
        /*        bottom: 60px;*/
        right: 80px;
    }

    .uno-vdsl {
        margin: 0 10px;
    }

    .uno-vdsl-unique .buttons a {
        padding: 17.5px 60px;

    }

    .uno-vdsl-unique .buttons:after {
        left: 200px;
        bottom: 39px;
    }


    .uno-guichet-unique .images {
        top: -25px;
        /* left: 106px; */
        left: 50%;
    translate: -50% 0;

    }

    .uno-vdsl-block {
        padding: 120px 0 0 0;
    }
    .uno-vdsl-unique .buttons-prom-sep a{
        padding: 12.5px 90px;


    }
    .uno-vdsl-unique .buttons-prom-sep:after {
        bottom: 0px;
        right: 58px;
    }

}











/*--END Page interne Offre UNO VDSL-*/










/*----------------------------------Page interne Offre FIRST-------------------------------------*/

.first-container {

    margin-bottom: 330px;
}




.offres-first {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;

}

.offre-first {
    margin-top: 50px;
    /*    padding: 5px 0;
    width: 200px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 410px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.offres-first .block1 {
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    height: 300px;
    text-align: center;
    background: #F3F8FB;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;

}

.offres-first .block1 sub {
    bottom: 0;
    right: 114px;
}


.offres-first .block-gnet {

    font-size: 60px;
    color: #e67e22;
    padding-left: 20px;
    text-align: center;
}


.offres-first .block-tt {

    font-size: 60px;
    color: #52a9f1;
    padding-left: 20px;
    text-align: center;

}








.first .block2 {
    height: 490px;
    border: 1px solid green;
}




.offres-first .block2 {

    border: 1px solid #1b1b1b;
    background: #1b1b1b;
    color: #fff;
    height: 402px;
    border-radius: 10px;
    text-align: center;
    padding-top: 20px;
    position: relative;
    margin: -10px 0;
    z-index: 50;
}

.offres-first .promo {
    padding: 0;

}

.offres-first .block1 .images {
    position: relative;

}




.offre-first .block1 .adsl-uno {
    font-size: 20px;
    /*
    position: absolute;
    top: 20px;
    left: 50px;
*/


}


.offres-first .buttons {
    margin: 25px 0;
}


.offres-first .buttons a {
    padding: 15px 50px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    margin: 0 20px;
    border: 0;

}

.offres-first .block2 .buttons:after {
    content: url(/wp-content/uploads/2018/08/right_arrow.png);
    position: absolute;
    bottom: 26px;
    right: 40px;

}

.offres-first .block2 .buttons a:any-link {
    color: #fff;
    font-size: 18px;
}

@media only screen and (max-width: 480px) {
    .offres-first {

        padding: 0 0 50px 0;
    }

    .offres-first .block1 {

        text-align: center;
    }


    .offre-first .block1 .adsl-uno {

        position: inherit;
        left: 0;

    }

    .offre-first {
        height: auto;
    }

    .first-container {
        margin-bottom: 0;
    }

    .offres-first .buttons a {

        padding: 15px 60px;
    }

    .offres-first .block2 .buttons:after {

        bottom: 26px;
        right: 45px;
    }

    .offres-first .block1 sub {
        bottom: 0;
        right: 93px;
    }


    .offres-first .block-gnet {

        font-size: 48px;
        color: #e67e22;
        text-align: center;
    }


    .offres-first .block-tt {

        font-size: 48px;
        color: #52a9f1;
        text-align: center;
    }

}


@media only screen and (min-width:481px) and (max-width:1277px) {

    .offre-first {
        height: auto;

    }

    .first-container {

        margin-bottom: 50px;
    }

    .offres-first .block2 .buttons:after {
        position: relative;
        top: 5px;
        right: 60px;

    }

    .offres-first .buttons a {

        padding: 15px 80px;
    }
}


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

    .offres-first .block1 .block-gnet sub {
        bottom: 0;
        right: 93px;
    }

    .offres-first .block1 .block-tt sub {
        bottom: 0;
        right: 70px;
    }


    .offres-first .block-gnet {

        font-size: 48px;
        color: #e67e22;
        text-align: center;
    }


    .offres-first .block-tt {

        font-size: 38px;
        color: #52a9f1;
        text-align: center;
    }

}

/*-------------------------------------------------END Page interne Offre FIRST----------------------------------*/




/*-- Page interne  bonnes affaires UNO -------*/


.uno-bonnes-affaires {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 20px 0 50px;
}

/*
.affaire1 {
    background: url("/wp-content/uploads/2018/09/background_ba.png"), rgba(0, 0, 0, 1);
    background-position: center;
    border: 1px solid;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    height: 333px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;

}
*/

.affaire1 {
    background: url("/wp-content/uploads/2019/01/baffaires_uno.png");
    background-position: top left;
    border: 1px solid;
    /*    padding: 10px;*/
    margin: 10px;
    border-radius: 10px;
    height: 333px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: #fff;
    /*cursor: url(/wp-content/uploads/2019/11/hand_cursor.svg), auto;*/
}


.inside,
.inside a {
    /*    padding: 20px 50px 0 50px;*/
    text-align: center;
    color: #fff;

}

.uno-bonnes-affaires .affaire1 .texte {

    padding: 10px 0;
    font-size: 34px;
    text-align: center;
    color: #d1682f;
}

.g-cloud-price {
    /*
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
*/
    display: flex;
    position: relative;
    justify-content: center;
    margin: 37px 0;
}





.insidee {

    display: flex;
    flex-flow: row wrap;
    flex-basis: 100%;
    align-items: center;
    justify-content: center;
}





.centerr {

    display: inline-flex;
    flex-flow: row nowrap;
    align-content: space-between;
    width: 100%;
}

.bonnes-affaires-center {

    display: inline-flex;
    flex-flow: row nowrap;
    align-content: space-between;
    align-items: center;
    width: 100%;
}


/*
.insidee {
    
    display: flex;
    flex-flow: column nowrap;
    flex-basis: 100%;
    align-items: center;
    height: 270px;
    padding-left: 20px;
}

.centerr {
    display: inline-flex;
    flex-flow: row nowrap;
    align-content: space-between;
    width: 100%;


}
*/

.photo {
    /*    border: 2px solid yellow;
    width: 100px;*/
    padding: 10px 0 0 0;

}

.phone {
    align-self: flex-start;
}

.textee {
    /*        border: 2px solid brown;*/
    width: 100%;
    text-align: center;
}

.textee h3 {
    font-size: 22px;

}




.profite,
.profite a {
    width: 100%;
    margin: -34px 0 0 0;
    color: #fff;
}


.profite h4 {
    /*    margin-bottom: 0px;*/
    text-align: center;

}

.affaire2 {
    background: url("/wp-content/uploads/2018/09/ba_espace_gcloud.png"), rgba(0, 0, 0, 1);
    /*    width: 400px;*/
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    height: 333px;
    text-align: center;

    /*
    display: flex;
    justify-content: center;
    align-items: center;
*/

    color: #fff;

}

.affaire3 {
    background:
        /*url("/wp-content/uploads/2018/09/g_kidss.png"),*/
        rgb(0, 0, 0, 1);
    /*    width: 400px;*/
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    height: 333px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;


}


.affaire3-promo {
    background:
        /*url("/wp-content/uploads/2018/09/g_kidss.png"),*/
        rgb(0, 0, 0, 1);
    /*    width: 400px;*/
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    height: 275px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;


}

.anas{ 

    background: linear-gradient(to bottom, transparent, #000), url("/wp-content/uploads/2018/11/bonnes-affaires.png") !important;
}

.bonnes-affaires {
    background:
        /*url("/wp-content/uploads/2018/09/g_kidss.png"),*/
        rgb(0, 0, 0, 1);
    /*    width: 400px;*/
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    height: 275px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    color: #fff;


}





.affaire1-gshop {
    background: linear-gradient(to bottom, transparent, #000), url("/wp-content/uploads/2018/11/bonnes-affaires.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    height: 275px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 21px;


}

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


    .textee h3 {
        font-size: 22px;


    }

}

/*
.affaire3 .profite {

    margin: -40px 0 0 0;

}

*/



/*---------------------------------END page interne  bonnes affaires UNO--------------------*/

/*---------------------------------------------Page interne G-Cloud---------------------------*/


/*

.g-kids {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;


}
*/
.g-cloud-texte-entete {
    font-size: 72px;
    color: #f58220;
    text-transform: capitalize;

}




.g-cloud {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 50px;



}

.g-cloud .item {
    color: #333333;


}

.g-cloud div {
    padding: 10px;
    line-height: 24px;
    font-size: 16px;

    text-align: justify;


}



.g-cloud .item1 {
    flex: 1 1 50%;
    order: 1;


}

.g-cloud .item2 {
    flex: 1 1 50%;
    order: 2;


}

.g-cloud .item3 {
    flex: 1 1 50%;
    order: 3;

}

.g-cloud .item4 {
    flex: 1 1 50%;
    order: 4;


}




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




    .g-cloud .item1 {
        order: 2;
        flex: 1 1 100%;
    }

    .g-cloud .item2 {
        order: 1;
        flex: 1 1 100%;
    }

    .g-cloud .item3 {
        order: 3;
        flex: 1 1 100%;
    }

    .g-cloud .item4 {
        order: 4;
        flex: 1 1 100%;
    }



    /*
    .g-kid-thumbnail {
        /*    border: 1px solid red;*/
    /*
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
*/



    .owl-carousel .owl-stage-outer {
        text-align: -webkit-center;
    }



}


.g-kid-thumbnail .image-header {

    align-content: flex-end;
    position: absolute;
    width: 100%;

}

.g-cloud .item .image {

    width: auto;
    height: 100%;

}

/*hatem*/


.imagee {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}

.imagee img {
    width: 100%;
    height: auto;
}

.imagee h4 {
    position: absolute;
    top: 30%;
    left: 25%;
    width: 100%;
}

.imagee h4 span {
    color: #000;
    padding: 10px;
    font-size: 1vw;
}

/*hatem*/


/*
@media only screen and (max-width: 400px) {



.g-cloud {
    display: flex;
    flex-flow: column wrap;
    align-items: center;

}

.g-cloud div {
    padding: 10px;
    width: 100%;
    line-height: 25px;
    font-size: 16px;

}
.g-cloud .item1{
    order:2;
}

.g-cloud .item2{
    order:1;
}

.g-cloud .item3{
    order:3;
}

.g-cloud .item4{
    order:4;
}

}
*/

/*-----------------comment beneficier g-cloud-----------------------------*/

.g-cloud-benef {
    padding: 50px 0 70px 0;
    margin: 0;
    background: #F3F8FB;
    font-size: 16px;
}

.g-cloud-benef-interior {

    /*    padding: 0 100px;*/

}

.g-cloud-interior {
    margin-top: 50px;
    /*    width: 250px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*    height: 400px;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    flex-flow: row wrap;
}

.g-cloud-interior .block1 {

    padding: 30px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    /*    height: 100px;*/
    text-align: center;
    flex: 1;
    background: #fff;

}

.g-cloud-interior .block2 {

    /*    border: 10px solid #000;*/
    background: #1b1b1b;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    margin: -10px 0;
    display: flex;

    justify-content: space-around;
    flex-flow: row wrap;
}

.promo {
    padding: 0;

}


.images {
    position: relative;
    padding: 8px 25px;
    top: -30px;
    left: 0px;
    background-color: #e67e22;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    display: table-row;
}




}

vdsl-uno {
    font-size: 20px;
    margin-top: -15px;
}

.g-cloud-interior .buttons {

    margin: 20px 0;
}

.g-cloud-interior .buttons a {
    padding: 14px 90px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    color: #fff;

}

.g-cloud-interior .buttons:after {
    position: absolute;
    bottom: 7px;
    right: 44px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    content: "\f061";*/
    padding: 10px;

}

.g-cloud-interior .buttons a:any-link {
    color: #fff;
}

.g-cloud-benef .titres_noir {
    text-align: center;
    color: #000;
    font-size: 30.03px;


}

.g-cloud-titres-noir,
.g-kids-utilisation-exterior .titres_noir {
    text-align: center;
    color: #000;
    font-size: 30.03px;
    margin-top: 50px;


}

.g-cloud-interior .block2 .item {

    display: flex;
    flex-flow: row wrap;
    margin: 10px 30px;
}

.g-cloud-interior .block2 .item > * {
    flex: 1 1 100%;


}



.g-cloud-interior .block2 .item1 {
    flex: 1;
}

.g-cloud-interior .block2 .item2 {

    flex: 1;
}

.g-cloud-interior .block2 .item3 {
    flex: 1;

}


.g-cloud-interior .block2 .buttons {
    align-self: flex-end;
    text-align: center;
    vertical-align: middle;
    border: 0;
}





@media only screen and (min-width:481px) and (max-width:1278px) {

    .g-cloud-interior .buttons:after {
        position: relative;
        top: 5px;
        right: 70px;
    }


}






@media only screen and (max-width: 480px) {
    .g-cloud-benef-interior {
        padding: 0;
    }
}

/*-----------------End comment beneficier g-cloud-----------------------------*/

/*----------------------------Fonctionalités et Avantages G-cloud--------------------------------*/


.g-cloud-fonctionalite {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;

}

.g-cloud-fonct {
    width: 250px;
    padding: 20px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;

}




/*----------------------------END Fonctionalités et Avantages G-cloud--------------------------------*/

/*----------------------------Comment utiliser le service G-cloud--------------------------------*/

.g-cloud-utilisation-exterior {

    background: #f4f8fb;

}

.g-cloud-utilisation {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.g-cloud-util {
    width: 300px;
    padding: 20px;
    font-size: 48px;

}



.fonct-owl-carousel .owl-item img {
    height: 63px !important;
    width: 61px !important;
}

.g-cloud-fonctionalite .owl-nav .owl-prev {

    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
}

.g-cloud-fonctionalite .owl-nav .owl-next {

    position: absolute;
    top: 40%;
    right: -25px;
    display: block !important;
}

.down-apps {

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 20px;
}



/*----------------------------END Comment utiliser le service G-cloud--------------------------------*/


/*---------------------------------------------END Page interne G-Cloud---------------------------*/





/*---------------------------------------------Page interne G-kids---------------------------*/
/*

.g-kids {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;


}
*/
.g-kids-texte-entete {
    font-size: 72px;
    color: #ffad4a;
    text-transform: capitalize;

}




.g-kids {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 50px;



}

.g-kids .item {
    color: #333333;


}

.g-kids div {
    padding: 10px;
    line-height: 24px;
    font-size: 16px;

    text-align: justify;


}



.g-kids .item1 {
    flex: 1 1 50%;
    order: 1;


}

.g-kids .item2 {
    flex: 1 1 50%;
    order: 2;


}

.g-kids .item3 {
    flex: 1 1 50%;
    order: 3;

}

.g-kids .item4 {
    flex: 1 1 50%;
    order: 4;


}

.g-kids h3 {
    font-size: 16px;
}


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




    .g-kids .item1 {
        order: 2;
        flex: 1 1 100%;
    }

    .g-kids .item2 {
        order: 1;
        flex: 1 1 100%;
    }

    .g-kids .item3 {
        order: 3;
        flex: 1 1 100%;
    }

    .g-kids .item4 {
        order: 4;
        flex: 1 1 100%;
    }


    .g-kids .item2 img {
        max-width: 100%;
        height: auto;
    }


    /*
    .g-kid-thumbnail {
        /*    border: 1px solid red;*/
    /*
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
*/



    .owl-carousel .owl-stage-outer {
        text-align: -webkit-center;
    }



}


.g-kid-thumbnail .image-header {

    align-content: flex-end;
    position: absolute;
    width: 100%;

}

.g-kids .item .image {

    width: auto;
    height: 100%;

}

/*hatem*/


.imagee {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}

.imagee img {
    width: 100%;
    height: auto;
}

.imagee h4 {
    position: absolute;
    top: 30%;
    left: 25%;
    width: 100%;
}

.imagee h4 span {
    color: #000;
    padding: 10px;
    font-size: 1vw;
}

/*hatem*/


/*
@media only screen and (max-width: 400px) {



.g-kids {
    display: flex;
    flex-flow: column wrap;
    align-items: center;

}

.g-kids div {
    padding: 10px;
    width: 100%;
    line-height: 25px;
    font-size: 16px;

}
.g-kids .item1{
    order:2;
}

.g-kids .item2{
    order:1;
}

.g-kids .item3{
    order:3;
}

.g-kids .item4{
    order:4;
}

}
*/


@media only screen and (min-width: 480px) and (max-width:777px) {
    .g-kids .item1 {
        order: 2;
        flex: 1 1 100%;
    }

    .g-kids .item2 {
        order: 1;
        flex: 1 1 100%;
    }

    .g-kids .item3 {
        order: 3;
        flex: 1 1 100%;
    }

    .g-kids .item4 {
        order: 4;
        flex: 1 1 100%;
    }



}





/*-----------------comment beneficier g-kids-----------------------------*/

.g-kids-benef {
    padding: 50px 0 70px 0;
    margin: 0;
    background: #F3F8FB;
    font-size: 16px;
}

.g-kids-benef-interior {

    /*    padding: 0 100px;*/

}

.g-kids-interior {
    margin-top: 50px;
    /*    width: 250px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*    height: 400px;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    flex-flow: row wrap;
}

.g-kids-interior .block1 {

    padding: 30px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    /*    height: 100px;*/
    text-align: center;
    flex: 1;
    background: #fff;

}

.g-kids-interior .block2 {

    /*    border: 10px solid #000;*/
    background: #1b1b1b;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    margin: -10px 0;
    display: flex;
    height: 270px;
    /* height: 190px; */
    justify-content: space-around;
    flex-flow: row wrap;
    flex: 1 1 100%;
}

.promo {
    padding: 0;

}

.images {
    position: relative;
    top: -30px;
    left: 0px;
}

vdsl-uno {
    font-size: 20px;
    margin-top: -15px;
}



.g-kids-interior .buttons a {
    padding: 14px 90px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    color: #fff;
    border: 0;
    /* changer lien par boutton*/

}

.g-kids-interior .buttons:after {
    position: absolute;
    bottom: 17px;
    right: 70px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    content: "\f061";
    padding: 10px;*/

}

.g-kids-interior .buttons a:any-link {
    color: #fff;
}

.g-kids-titres_noir {
    text-align: center;
    color: #000;
    font-size: 30.03px;
    margin-top: 50px;


}

.g-kids-interior .titres_noir {
    text-align: center;
    font-size: 30.03px;

}

.titres_noir {
    text-align: center;
    font-size: 30.03px;

}

.g-kids-interior .block2 .item {

    display: flex;
    flex-flow: row wrap;
    margin: 0px 30px;
}

.g-kids-interior .block2 .item > * {
    flex: 1 1 100%;


}



.g-kids-interior .block2 .item1 {
    flex: 1;
}

.g-kids-interior .block2 .item2 {

    flex: 1;
}

.g-kids-interior .block2 .item3 {
    flex: 1;

}


.g-kids-interior .block2 .buttons {
    align-self: flex-end;
    padding: 0 0 20px 0;
}




@media only screen and (min-width:481px) and (max-width:1278px) {

    .g-kids-interior .buttons:after {
        position: relative;
        top: 5px;
        right: 70px;
    }


}



@media only screen and (max-width: 480px) {
    .g-kids-benef-interior {
        padding: 0;
    }
}

/*-----------------End comment beneficier g-kids-----------------------------*/

/*----------------------------Fonctionalités et Avantages G-Kids--------------------------------*/


.g-kids-fonctionalite {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;

}

.g-kids-fonct {
    width: 350px;
    padding: 20px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;

}





.g-kids-fonct img {

    width: auto !important;
}



/*----------------------------END Fonctionalités et Avantages G-Kids--------------------------------*/

/*----------------------------Comment utiliser le service G-Kids--------------------------------*/

.g-kids-utilisation-exterior {

    background: #f4f8fb;

}

.g-kids-utilisation {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.g-kids-util {
    width: 300px;
    padding: 20px;
    font-size: 48px;

}



.fonct-owl-carousel .owl-item img {
    height: 63px !important;
    width: 61px !important;
}

.g-kids-fonctionalite .owl-nav .owl-prev {

    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
    background: transparent;
}

.g-kids-fonctionalite .owl-nav .owl-next {

    position: absolute;
    top: 40%;
    right: -25px;
    display: block !important;
    background: transparent;

}

.g-kids-utilisation-exterior .owl-carousel.owl-loaded {
    text-align: center;
    text-align: -webkit-center;
}



/*----------------------------END Comment utiliser le service G-Kids--------------------------------*/

/*-----------------------------------------END Page interne G-kids-----------------------------------------------------------*/
/*-----------------------------------------Page interne G-antivirus-----------------------------------------------------------*/






.g-antivirus-texte-entete {
    font-size: 72px;
    color: #f58220;
    text-transform: capitalize;
    white-space: nowrap;

}




.g-antivirus {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 50px;



}

.g-antivirus .item {
    color: #333333;


}

.g-antivirus div {
    padding: 10px;
    line-height: 24px;
    font-size: 16px;

    text-align: justify;


}



.g-antivirus .item1 {
    flex: 1 1 50%;
    order: 1;


}

.g-antivirus .item2 {
    flex: 1 1 50%;
    order: 2;


}

.g-antivirus .item3 {
    flex: 1 1 50%;
    order: 3;

}

.g-antivirus .item4 {
    flex: 1 1 50%;
    order: 4;


}

.g-antivirus-titres-noir {

    text-align: center;
    color: #000;
    font-size: 30.03px;
    margin-top: 50px;


}







@media only screen and (min-width: 481px) and (max-width:1279px) {




    .g-antivirus .item1 {
        order: 2;
        flex: 1 1 100%;
    }

    .g-antivirus .item2 {
        order: 1;
        flex: 1 1 100%;
    }

    .g-antivirus .item3 {
        order: 3;
        flex: 1 1 100%;
    }

    .g-antivirus .item4 {
        order: 4;
        flex: 1 1 100%;
    }

    .g-antivirus-texte-entete {
        font-size: 48px;
    }



}













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




    .g-antivirus .item1 {
        order: 2;
        flex: 1 1 100%;
    }

    .g-antivirus .item2 {
        order: 1;
        flex: 1 1 100%;
    }

    .g-antivirus .item3 {
        order: 3;
        flex: 1 1 100%;
    }

    .g-antivirus .item4 {
        order: 4;
        flex: 1 1 100%;
    }

    .g-antivirus-texte-entete {
        font-size: 48px;
    }


    /*
    .g-kid-thumbnail {
        /*    border: 1px solid red;*/
    /*
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
*/



    .owl-carousel .owl-stage-outer {
        text-align: -webkit-center;
    }



}


.g-kid-thumbnail .image-header {

    align-content: flex-end;
    position: absolute;
    width: 100%;

}

.g-antivirus .item .image {

    width: auto;
    height: 100%;

}

/*hatem*/


.imagee {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}

.imagee img {
    width: 100%;
    height: auto;
}

.imagee h4 {
    position: absolute;
    top: 30%;
    left: 25%;
    width: 100%;
}

.imagee h4 span {
    color: #000;
    padding: 10px;
    font-size: 1vw;
}

/*hatem*/


/*
@media only screen and (max-width: 400px) {



.g-antivirus {
    display: flex;
    flex-flow: column wrap;
    align-items: center;

}

.g-antivirus div {
    padding: 10px;
    width: 100%;
    line-height: 25px;
    font-size: 16px;

}
.g-antivirus .item1{
    order:2;
}

.g-antivirus .item2{
    order:1;
}

.g-antivirus .item3{
    order:3;
}

.g-antivirus .item4{
    order:4;
}

}
*/

/*-----------------comment beneficier g-antivirus-----------------------------*/

.g-antivirus-benef {
    padding: 30px 0 67px 0;

    /*padding: 67px 0;*/

    margin: 0;
    background: #F3F8FB;
    font-size: 16px;
}

.g-antivirus-benef-interior {

    /*    padding: 0 100px;*/

}

.g-antivirus-interior {
    margin-top: 50px;
    /*    width: 250px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*    height: 400px;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /*
    display: flex;
    flex-flow: row wrap; 19_01_2019
*/
}

.g-antivirus-interior .block1 {

    padding: 30px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e2ebf1;
    border-bottom: none;
    /*    height: 100px;*/
    text-align: center;
    flex: 1;
    background: #fff;

}

.g-antivirus-interior .block2 {

    /*    border: 10px solid #000;*/
    background: #1b1b1b;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    margin: -10px 0;
    display: flex;
    height: 200px !important;
    justify-content: space-around;
    flex-flow: row wrap;
}

.promo {
    padding: 0;

}

.images {
    position: relative;
    top: -30px;
    left: 0px;
}

vdsl-uno {
    font-size: 20px;
    margin-top: -15px;
}


.g-antivirus-interior .buttons a {
    padding: 16px 94px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    color: #fff;
    border: 0;

}

.g-antivirus-interior .buttons:after {
    position: absolute;
    bottom: 18px;
    right: 45px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    content: "\f061";
    padding: 10px;*/

}

.g-antivirus-interior .buttons a:any-link {
    color: #fff;
}


.g-antivirus-benef .titres_noir {
    text-align: center;
    color: #000;
    font-size: 30.03px;
    margin-bottom: 31px;


}


.g-antivirus-interior .block2 .item {

    display: flex;
    flex-flow: row wrap;
    margin: 0px 30px;
    align-items: center;
}

.g-antivirus-interior .block2 .item > * {
    flex: 1 1 100%;


}



.g-antivirus-interior .block2 .item1 {
    flex: 1;
}

.g-antivirus-interior .block2 .item2 {

    flex: 1;
}

.g-antivirus-interior .block2 .item3 {
    flex: 1;

}


.g-antivirus-interior .block2 .buttons {
    align-self: flex-end;
    padding: 0 0 20px 0;
}



@media only screen and (min-width:481px) and (max-width:1278px) {

    .g-antivirus-interior .buttons:after {
        position: relative;
        top: 5px;
        right: 70px;
    }


}






@media only screen and (max-width: 480px) {
    .g-antivirus-benef-interior {
        padding: 0;
    }
}

/*-----------------End comment beneficier g-antivirus-----------------------------*/

/*----------------------------Fonctionalités et Avantages g-antivirus--------------------------------*/


.g-antivirus-fonctionalite {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;

}

.g-antivirus-fonct {
    width: 350px;
    padding: 20px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;

}

.g-antivirus-fonct img {

    width: auto !important;
}



/*----------------------------END Fonctionalités et Avantages g-antivirus--------------------------------*/

/*----------------------------Comment utiliser le service g-antivirus--------------------------------*/

.g-antivirus-utilisation-exterior {

    background: #f4f8fb;

}

.g-antivirus-utilisation {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.g-antivirus-util {
    width: 300px;
    padding: 20px;
    font-size: 48px;

}



.fonct-owl-carousel .owl-item img {
    height: 63px !important;
    width: 61px !important;
}

.g-antivirus-fonctionalite .owl-nav .owl-prev {

    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
    background: transparent;
}

.g-antivirus-fonctionalite .owl-nav .owl-next {

    position: absolute;
    top: 40%;
    right: -25px;
    display: block !important;
    background: transparent;
}




/*----------------------------END Comment utiliser le service g-antivirus--------------------------------*/

































/*-----------------------------------------END Page interne G-antivirus--------------------------------------------------------*/































































/*-----------------------------********---------Page interne GCM-------------------**********************************---------------------*/

.gcm {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;


}


.gcm .item {
    color: #333333;
    flex: 1;


}

.gcm div {
    padding: 10px;
    line-height: 25px;
    font-size: 16px;
    place-self: center;
}





.gcm-thumbnail .image-header {
    align-content: flex-end;
    position: absolute;
    width: 100%;

}


.gcm .image {
    position: relative;
    padding: 0;
    margin: 0;
}

/*

.gcm .image img {
    width: 100%;
    height: auto;
}

.gcm .image h4 {
    position: absolute;
    top: 30%;
    left: 25%;
    width: 100%;
}

.gcm .image h4 span {
    color: #000;
    padding: 10px;
    font-size: 1vw;
}
*/



/*-----------------Software GCM-----------------------------*/

.gcm-soft {
    padding: 30px 0 250px 0;
    background: #F3F8FB;
    line-height: 30px;
    /*    margin-top: 50px;*/
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

ul .item {
    color: #000;

}


.gcm-soft-items .item {
    font-size: 16px;
}

.gcm-soft-items .item:before {
    content: "\f138";
    font-family: 'FontAwesome';
    color: #f58220;
    padding-right: 10px;

}

.gcm-galerie-container {
    text-align: center;
    /*
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
*/
    text-align: -webkit-center;
    text-align: -moz-center;


}

.gcm-galerie {
    margin: -200px 0 25px 0;
    display: flex !important;
    flex-flow: row wrap;
    justify-content: center;
    /*    height:500px;*/

    background: #fff;
    /*   box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.2);*/
    box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.1);
}


.gcm-galerie .items {
    /*
    width: 350px;
    height: auto;
*/
    text-align: center;

}


.gcm-galerie .gcm-owl-carousel {
    background: #fff;
    text-align: center;
    box-shadow: 8px 8px 12px #aaa;

}

.gcm-galerie-container .gcm-owl-carousel .owl-item {

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 50px 50px 25px;
}

.gcm-galerie-container .items img {

    width: 396px !important;


}

.gcm-galerie-container .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: -20%;
    bottom: 40%;
    background: transparent;
}

.gcm-galerie-container .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: -20%;
    bottom: 40%;
    background: transparent;
}

.gcm-galerie-container .owl-theme .owl-nav {
    background: transparent;
}

.gcm-galerie-container .owl-theme .owl-dots {
    position: relative;
    bottom: 10px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: transparent;
    border: 1px solid #D6D6D6;
}

#GCM {
    width: 325px !important;
}

.button-gcm {
    padding: 19px 65px;
    color: #fff;
    background: #e67e22;
    border-radius: 10px;
    /*    width: 306px;*/
    /*    margin-left: 250px;*/
    font-size: 18px;
    text-decoration: none;

}

.button-gcm:after {
    position: absolute;
    right: 34px;
    top: 41px;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");

    /*    content: "\f061";*/
    padding-left: 20px;

}

.owl-carousel .owl-item img {
    width: auto;
}


/*-----------------END Software GCM-----------------------------*/
/*-----------------Modems GCM-----------------------------*/

.modems-container {

    /*    margin-top: 50px;*/
    font-size: 16px;
}

.modems {
    display: flex;
    flex-flow: row wrap;
}


/*
.modems .items .item{
    flex:1;
    flex-basis: 100%;    
}
*/

.modems .item {

    align-self: center;


}

/*-----------------END Modems GCM-----------------------------*/

/*------------------------------------Page GCM Responsive-----------------------------*/

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


    /*  .gcm {
        display: block;
        height: auto;
        position: relative;
        width: 100%;


    }



    .gcm div .item1 {
        order: 2
    }

    .gcm div .item2 {
        order: 1
    }

    .gcm .item3 {
        order: 3
    }

    .gcm .item4 {
        order: 4
    }
*/
    /*
.gcm-owl-carousel .items {
    width: 300px;
    height: 100%;
    margin: 10px 10px  !important;
    padding-top: 20px;
}
*/
    .button-gcm {
        /*        margin-left: 40px;*/
    }

    .gcm-soft {
        /*    padding: 50px 50px 200px 50px;*/
        padding: 30px 0px 250px;

    }

    .owl-carousel .owl-item img {
        /*         width:auto;
        width: 200px;*/

    }

    .gcm-galerie-container .items img {
        width: 100% !important;
    }


}






/*----------------------------------END Page GCM Responsive-----------------------------*/






/*----------------------------END Comment utiliser le service GCM--------------------------------*/

/*-----------------------------------------------------------END Page interne GCM----------------------------------------*/





/*------------------------END Pages intérieurs---------------------*/

/*--------------Archives PHONES---------------------*/


.phones-special {

    background: url("/wp-content/uploads/2018/10/bg_phone.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 100%;
    background-position: top center;
    /*
        padding: 25px 0 0 0;
        margin: 20px 0;
*/



}





.phones-special a:any-link {
    color: #fff;
    flex-grow: 2;
    font-size: 30px;

}


.phones-background {

    background: linear-gradient(to top, #f4f8fb, #fff);
    background-repeat: no-repeat;
    background-size: contain;
    /* margin-bottom: 65px; */
    font-size: 14px;
    align-self: center;
    /* padding: 0 0 25px 0; */
    width: calc(calc( 100% / 4 ) - 40px );
    margin: 20px;
    min-height: 550px;
}


.testflex {

    /*    flex: 1;*/


}








.phones-background .price {

    font-size: 30px;
    text-align: center;


}




.all-phones {

    margin: 50px 200px;




}

.all-phones .item {
    margin: 0;
}

.phones-special .block1 {
    width: 50%;

}

.phones-special .block2 {
    width: 50%;
}

.phones-special .hatem1 {
    padding-bottom: 33px;
}

.phones-special .hatem1aprdt {
    padding-bottom: 8px;
}


.phones-special .hatem2 {
    padding-top: 100px;
    text-align: center;


}

.phones-special .price {

    color: #FFBF2A;
    font-size: 26px;
}

.phones-special .hatem2 .button {
    background: transparent;
    border: 1px solid #e2ebf1;
    border-radius: 10px;
    padding: 3px 20px;
    margin: 20px;
    font-size: 17px;
    color: #fff;

}

.phones-special .hatem2 .button:after {
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    content: "\F061";*/
    font-family: 'FontAwesome';
    color: #FFBF2A;
    padding-left: 10px;

}


.phones-special .text {

    padding: 85px 0 0 0;
    text-align: center;
    font-size: 30px;
}


.under-phone {
    text-align: center;
    min-height: 110px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;

}



.phone-thumb {
    text-align: center;
    font-size: 20px;
}


.phone-thumb a:any-link {
    color: #544848;
}

.phone-picture {
    padding: 0;
    margin: 0;


}

.phone-picture img {
       width: 100%;
       object-fit: contain;

}

.phnes {
    padding: 50px 0;


}

@media (max-width: 768px)
{

    .phones-background {
        width: 100%;
        display: block;
    }
}
    
.phone-details img {
    width: -moz-available;
    object-fit: contain;
    max-width: 350px;
}





/*--------------END Archives PHONES---------------------*/

/*-------------Modif Phone Spécial Hauwei Y9s-----------------*/

.phones-special-huawei {

    background: url("/wp-content/uploads/2020/01/y9s-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    /*    height: 100%;*/
    height: 481px;
    background-position: top center;
    /*
        padding: 25px 0 0 0;
        margin: 20px 0;
*/
    z-index: 10;


}



.phones-special-huawei .price {

    /*    color: #FFBF2A;*/
    font-size: 75px;


    background: linear-gradient(to right, #2d8dd0, #58e1fb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;

}

.phones-special-huawei .price .dt {
    background: linear-gradient(to right, #2d8dd0, #58e1fb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    top: -25px;
    left: -18px;
    font-size: 40px;

}



.phones-special-huawei .hatem1 {
    padding-bottom: 8px;
    position: absolute;
    top: 75px;
    right: 25px;
    font-size: 30px;
    color: #000;
    display: flex;
    flex-flow: row wrap;

}

.phones-special-huawei .hatem2 {
    /*
    padding-top: 100px;
    text-align: center;
*/
    position: absolute;
    right: 25px;
    top: 140px;
    font-weight: 700;

}





/*-------------END Modif Phone Spécial Hauwei Y9 2019-----------------*/





/*-----------Contour Dégradé boutton-------------------*/

.phones-special-huawei .hatem2 .button-contour {
    border-radius: 20px;
    padding: 10rem;
    position: relative;
    background: linear-gradient(to right, red, purple);
    padding: 3px;

}


.phones-special-huawei .hatem2 .button {
    background-image: linear-gradient(to right, #a2347b 0%, #e4600c 100%);
    border-radius: 40px;
    box-sizing: border-box;
    color: #000;
    display: block;
    /*	font: 1.125rem 'Oswald', Arial, sans-serif; 18*/
    height: 45px;
    letter-spacing: 0px;
    margin: 0 auto;
    padding: 4px;
    position: relative;
    text-decoration: none;
    width: 200px;
    z-index: 2;
    font-size: 20px;
}

.phones-special-huawei .hatem2 .button:hover {
    color: #fff;
}

.phones-special-huawei .hatem2 .button span {
    align-items: center;
    background: #e7e8e9;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    height: 100%;
    transition: background .5s ease;
    width: 100%;
}

.phones-special-huawei .hatem2 .button:hover span {
    background: transparent;
}

.box1,
.box2,
.box2 img {
    /*    border: 1px solid red;*/
    align-self: flex-end;
    line-height: 1;
    vertical-align: baseline;
}




/*-----------END Contour Dégradé boutton-------------------*/














/*********************** Huawei Button  ****************************/


.clip-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    display: flex;
    /*    margin: 0 25px 10px;*/
    padding: 8px 28px;
    text-align: center;
    /* Color fallback */
    color: #fff;
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
    width: 178px;
}

.clip-text:before,
.clip-text:after {
    position: absolute;
    content: '';
}

/* Background */
.clip-text:before {
    z-index: -2;
    top: 0;
    right: -2px;
    bottom: -1px;
    left: 0;
    background-image: inherit;
    background-repeat: no-repeat;
}

/* Text Background (black zone) */
.clip-text:after {
    position: absolute;
    z-index: -1;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background-color: #fff;
    border-radius: 20px;
    /*
        font-family: 'FontAwesome';
    content: "\F061";
    color: red;
*/



}

.hha {
    display: inline !important;
    line-height: 0;
}


/* Background image from http://thepatternlibrary.com/ and http://lorempixel.com */
.clip-text_one {
    background-image: url(/wp-content/uploads/2019/05/cadre.png);
}


.clip-text:hover:after {
    background: #e5f3f7 !important;

}



/*********************** END Huawei Button  ****************************/









































/***********************Tabs Client***********************/


/* REQUIRED for core functionality of tab.js */

@media (max-width: 767px) {
    .tab-list {
        display: none;
    }

    .tabs.enabled .tab-heading {
        cursor: pointer;
    }

    .tabs.enabled .tab-heading.active-tab-heading {
        cursor: default;
    }

    .hidden-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .tabs.enabled .tab-heading {
        display: none;
    }

    .tab-list li {
        display: inline;
        cursor: pointer;
    }

    .hidden-mobile {
        display: block !important;
    }
}

/* END - Required for core functionality of tab.js */



/* OPTIONAL - Basic Skin */

.tab-panel {
    margin-bottom: 50px;
}

.tabs.enabled .tab-heading:focus,
.tabs.enabled .tab-list li:focus {
    outline: 1px solid #ccc;
}

.tabs.enabled .tab-heading.active-tab-heading:focus,
.tabs.enabled .tab-list li.active-tab:focus {
    outline: none !important;
}

@media (max-width: 767px) {
    .tabs.enabled .tab-heading {
        padding: 0.5em;
        border-radius: 5px;
        border: 1px solid #ccc;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
        background: #ddd;
        position: relative;
    }

    .tabs.enabled .tab-heading:after {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 40%;
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #000;
    }

    .tabs.enabled .tab-heading:hover,
    .tabs.enabled .tab-heading.active-tab-heading:hover {
        background-color: #efefef
    }

    .tabs.enabled .tab-heading.active-tab-heading {
        background: #fff;
    }

    .tabs.enabled .tab-heading.active-tab-heading:after {
        border-bottom: 10px solid #000;
        border-top: 0;
    }



    .nav-tabs > li {
        flex-basis: 450px;
        padding: 20px 0;
    }
}

@media (min-width: 768px) {
    .tab-list {
        font-size: 1.2em;
        margin: 2em 0 0 0;
        padding: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 11px;
        line-height: 1em;
    }

    .tab-list li {
        background: #eee;
        padding: 10px 20px;
        margin-right: 1em;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border: 1px solid #ddd;
    }

    .tab-list li:hover {
        background: #efefef
    }

    .tab-list li.active-tab {
        background: #fff;
        border-bottom-color: #fff;
        color: #FFAF2B;
    }



}


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

    .nav-tabs > li {
        flex-basis: 80%;
        padding: 20px;
    }

    .phon .item2 {
        justify-content: center !important;

    }

    .product-header {
        text-align: center;
    }

    .prodt-button {
        flex: 1 1 50%;
    }

}

/* END - Optional - Basic Skin */

.tabss {

    background: #F3F8FB;
    /*padding: 28px 0px 110px 0px;*/
    /*padding: 55px 0px 100px 0px;*/
    padding: 15px 0px 20px 0px;
}


.pills {
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    /* outline: 2px solid red; */
    display: flex;
    flex-flow: row wrap;
    justify-content: center;

}

.pills .button {

    width: 220px;
    background: #FFAF2B;
    margin: 10px 0;
}


.pills .button a {

    color: #fff;
    /*    margin: 0 100px;*/
    align-self: flex-end;

}

.pills .button a {
    color: #fff;
}


.pills .button:after {
    position: absolute;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    content: "\F061";
    bottom:30px;*/
    font-family: 'FontAwesome';
    padding-left: 20px;
}

@media (max-width: 480px) {

    .pills .button {

        /*    margin: 0 10px;*/

    }

    .tabss {

        padding: 50px;
    }

    .nav-tabs > li {
        width: 280px;
        margin: 10px 0;

    }



}

@media (min-width: 480px) and (max-width: 777px) {
    .pills {
        flex-flow: column wrap;
        align-items: center;
    }

    .pills .button {
        align-self: center;
    }

}

/*-------------------------- Phone details-------------------------------------------------*/
.phone-details {
    font-size: 16px;
    padding: 50px;
    background: linear-gradient(to top, #f4f8fb, #fff);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;


}

.phone-details .price {

    color: #000;
    font-size: 60px;
}

.caracteristique {
    display: flex;
    flex-flow: row nowrap;


}

.phone-details .caracteristique .item {

    color: grey;
}

.caract {
    font-size: 20px;
}

.caract .titre {
    font-size: 30px;
    color: grey;

}

.phone-name {
    color: grey;
    font-size: 24px;
}

.itemmmm {
    /*    min-width: 150px;*/
    flex: 1 1 50%;
    padding: 0;
    white-space: nowrap;
}

.autres-produits .caracteristique .itemmmm {
    /*    min-width: 150px;*/
    flex: 1 1 50%;
    padding: 0;
    white-space: normal;

}


.marque-produit {
    font-size: 24px;
}




@media (max-width: 480px) {


    .phone-details {
        font-size: 16px;
        padding: 0;
        background: #F4F8FB;
        text-align: center;

    }

    .caracteristique .titre {
        font-size: 18px;
        color: grey;

    }
}

/*--------------------------END Phone details-------------------------------------------------*/








.borderr {
    border: 2px solid green;
}







/*----------------------------------------------------------BACK 2 TOP----------------------------------*/

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #FFAF2B;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#myBtn:hover {
    background-color: #555;
}

/*----------------------------------------------------------END BACK 2 TOP----------------------------------*/




/**********************END*Tabs Client***********************/



/*******************************************Tabs Qui sommes nous***************************************/

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}


/*-----------------Nav Home------------------*/
.nav-tabs-home {
    border-bottom: none;
    /*    margin-bottom:25px;*/
    /*    margin: 50px 0 25px 150px;*/
    margin: 50px 0 25px;
    /*    margin: 60px auto 0 !important;*/
    /*    width: 85%;*/

    display: flex;
    flex-flow: row wrap;
    justify-content: center;

}


.nav-tabs-home > li {
    border-bottom: none;
    margin: 0 10px 10px 0;

}

.nav-tabs-home > li > a {
    background: transparent;
    padding: 10px 80px;
    border-radius: 5px;
    color: #666666;
    border: 1px solid #dee4e9;
    transition: all 0.3s ease 0s;
    font-size: 20px;
}

.nav-tabs-home > li > a:hover {
    background: #fff;
    color: #f57201;
    border-bottom: 1px solid #ababab;
}

.nav-tabs-home > li > a > i {
    margin-right: 7px;
}

.nav-tabs-home > li.active > a,
.nav-tabs-home > li.active > a:hover,
.nav-tabs-home > li.active > a:focus {
    background: #fff;
    color: #f57201;
    /*    border:1px solid #aaa;*/
    /*  box-shadow: 8px 8px 12px #aaa;*/
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.2);
    border: none;

    white-space: nowrap;
}














/*-----------------Nav Home------------------*/

.nav-tabs {
    border-bottom: none;
    /*    margin-bottom:25px;*/
    /*    margin: 50px 0 25px 150px;*/
    margin: 35px auto !important;
    /*    width: 85%;*/

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.nav-tabs > li {
    border-bottom: none;
    margin-right: 10px;

}

.nav-tabs > li > a {
    background: transparent;
    padding: 10px 80px;
    border-radius: 5px;
    color: #666666;
    border: 1px solid #adadad;
    transition: all 0.3s ease 0s;
    font-size: 20px;
}

.nav-tabs > li > a:hover {
    background: #fff;
    color: #f57201;
    border-bottom: 1px solid #ababab;
}

.nav-tabs > li > a > i {
    margin-right: 7px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: #fff;
    color: #f57201;
    /*    border:1px solid #aaa;*/
    box-shadow: 8px 8px 12px #aaa;
    white-space: nowrap;
}

.tab-content h4 {}

.tab-content p {
    color: #717171;
}


/*
#Section3 ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    padding-left: 20px;
    color: #FFAF2B;
    
}


*/
.services-owl-carousel .owl-next,
.services-owl-carousel .owl-prev {

    background: transparent !important;

}

.services-owl-carousel .owl-next {
    position: absolute;
    top: 30%;
    right: -100px;
}

.services-owl-carousel .owl-prev {
    position: absolute;
    top: 30%;
    left: -120px;
}


@media (min-width:779px) and (max-width:1440px) {
    .services-owl-carousel .owl-next {
        position: absolute;
        top: 40%;
        right: -50px;
    }

    .services-owl-carousel .owl-prev {
        position: absolute;
        top: 40%;
        left: -60px;
    }



}



@media (max-width:480px) {
    .nav-tabs {
        border-bottom: none;
        margin: 20px 0 0 30px;
    }

    .nav-tabs-home {
        border-bottom: none;
        margin: 20px 0 0 30px;
    }

}

/*******************************************Tabs Qui sommes nous****************************************/
/*********************************** Timeline*****************************************/

.timeline {
    list-style-type: none;
    display: flex;
    font-size: 18px;
    justify-content: center;
    /*
  align-items: center;
  justify-content: center;
*/
}

.li {
    transition: all 200ms ease-in;
}

.timestamp {
    margin-bottom: 20px;
    padding: 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #f58220;
    font-size: 20px;
}

.status {
    padding: 0px 60px 0 0;
    display: flex;
    justify-content: flex-start;
    border-top: 2px solid #D6DCE0;
    position: relative;

}

.status h4 {
    color: #666;
    width: 200px;
    position: relative;
    left: -80px;
}

.status:before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #dee4e9;
    border-radius: 25px;
    border: 1px solid #ddd;
    position: absolute;
    top: -9px;
    left: 0;

}


.statuss {
    padding: 0px 0px;
    display: flex;
    justify-content: center;
    /*  border-top: 2px solid #D6DCE0;*/
    position: relative;
    width: 0;

}


.statuss:before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #dee4e9;
    border-radius: 25px;
    /*  border: 1px solid #ddd;*/
    position: absolute;
    top: -9px;
    left: 0;

}

.statuss h4 {
    color: #666;
    width: 170px;
    position: relative;
    white-space: nowrap;
    /*    left: -80px;*/
}

.li.complete .status {
    border-top: 2px solid #dee4e9;
}

.li.complete .status:before {
    background-color: #dee4e9;
    border: none;

}

.li.completee .status {
    background-color: transparent;
    border: none;
    color: #f4f8fb;

}







.li.complete .status h4 {
    color: #666;
}

@media (min-device-width: 481px) and (max-device-width: 777px) {
    .timeline {
        list-style-type: none;
        display: block;
    }

    .li {
        display: flex;
        width: inherit;
    }

    .timestamp {
        /*    width: 100px;*/
    }

    .status:before {
        left: -8%;
        top: 30%;
    }
}

@media (max-device-width: 1279px) {
    .timeline {
        list-style-type: none;
        display: block;
    }

    .timeline .li {
        display: flex;
        width: inherit;
        flex-flow: column;
        align-items: center;
    }

    .timeline .status {
        padding: 0;
    }

    .timeline .status:before {


        top: -8px !important;
        left: 90px !important;

    }

    .statuss {
        border-top: 2px solid #ddd;
        width: auto;
    }

    .statuss:before {
        top: -8px !important;
        left: 76px !important;
    }

    .statuss h4 {
        left: 0;
    }

    .status h4 {
        left: 0;
    }
}

@media screen and (max-width:777px) and (min-width:481px) {

    .status h4 {
        position: initial;

    }

}



/***********************************END Timeline*****************************************/

/*****************************Maps**********************************/

.wpsl-store-location p {
    color: #000;
}






/***************************END Maps*******************************/

/**********************Menu Decoration********************************/

#menu-menu-pricipal .current-menu-ancestor > a {
    color: #f58220 !important;
    /*    background: brown;*/
}


.sub-menu .current-menu-item a {
    /*    color:#fff!important;*/
    /*    background:#f58220;*/
    height: 60px;
    /*     width: 100%;*/
    text-transform: capitalize;
}





.current-menu-item a {
    /* color: #f58220 !important; */

}

/*
.menu-item-has-children active a {
    color:#f58220!important;
    background:green !important;
}
*/

/*******************END Menu Decoration********************************/

/*********************Page qui sommes nous V2**************************** */



.gnet-chiffre,
.time-line,
.gnet-chiffre-1st {

    background: #f4f8fb;
    padding: 30px 200px;
    text-align: center;
    font-size: 16px;
}

.gnet-chiffre h3 {
    color: #f4b04b;

}

.gnet-chiffre .compteur .items p:nth-child(1) {
    font-size: 50px;
    color: #f58220;
}

.gnet-chiffre .compteur .items p:nth-child(2) {
    font-size: 30px;
}

.credo {
    background: #f4b04b;
    color: #fff;
    padding: 50px 0;
    text-align: justify;
    font-size: 16px;
    height: 280px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}




.filiale {
    background-image: url("/wp-content/uploads/2018/12/globe.png"), linear-gradient(#000, #fff);

    /*    background-color: #000;*/
    background-position: center center;
    color: #fff;

    margin: auto;

    height: 824px;



}

.filiale .title {
    text-align: center;
    padding: 95px 0 13px 0;
    color: #e67e22;
    font-size: 30.03px;
    margin: 0;

}

.filiale .filiale-text {
    text-align: center;
    font-size: 16px;
    line-height: 24.94px;
    padding: 30px 400px;
}


.groupe-3s {
    /*    background: #fff;*/
    padding: 30px;
    width: auto;
    display: flex;
    flex-flow: column wrap;
    margin: 0 322px;



}

.groupe-3s .item {
    align-content: center;
    padding-bottom: 20px;
}



.filiale h3 {
    color: #f4b04b;
}

.gnet-chiffre-1st div div:first-of-type {
    color: #e67e22;
}

.titre-gnet {
    font-size: 30.03px;
    text-align: center;
    margin: 0 0 30px 0;
}

.desc-gnet {
    font-size: 38px;
    margin: 0;

}

.time-line .title {
    font-size: 16px;
}




@media (max-width: 480px) {

    .gnet-chiffre,
    .time-line,
    .credo,
    .filiale,
    .gnet-chiffre-1st {
        padding: 20px !important;
        height: 100%;
    }


    .status h4 {
        left: auto;
    }

    .groupe-3s {
        padding: 30px 100px;
    }


}

@media (min-width: 1440px) {

    .gnet-chiffree,
    .time-line {
        padding: 50px 500px;
    }


    .qui-text-thumbnail {

        top: 30%;
        left: 25%;
    }

    .qui-text-thumbnail span:nth-of-type(1) {
        font-size: 87.06px !important;
        color: #f58220;


    }

    .qui-text-thumbnail span:nth-of-type(2) {
        font-size: 57px;
        color: #f58220 !important;

    }







}


@media(max-width:1440px) {
    .filiale .filiale-text {
        padding: 30px 200px;
    }

    .groupe-3s {
        margin: 0 180px;
    }

    .credo {
        padding: 50px 200px;
    }

}

@media screen and (max-width:777px) and (min-width:481px) {

    .credo {
        padding: 20px;
    }

    .filiale .filiale-text {
        padding: 30px;
    }

    .filiale {
        height: auto;
    }

    .groupe-3s {
        flex-flow: row nowrap;
        margin: 0 150px;
    }

}

@media screen and (max-width:1280px) and (min-width:778px) {


    .credo {
        padding: 20px;
    }

    .filiale .filiale-text {
        padding: 30px;
    }

}





@media(max-width:480px) {

    .filiale .filiale-text {
        padding: 30px;
    }

    .groupe-3s {
        margin: 0 20px;
    }

    .gauche .wpsl-store-below #wpsl-gmap {
        width: 100% !important;
    }
}

@media screen and (max-width:1280px) and (min-width:778px) {


    .desc-gnet {
        font-size: 30px;
    }

}

/**********************Counter*********************************/

.counter {
    animation-duration: 1s;
    animation-delay: 0s;
}


.slp_search_form .search_box {
    display: none;
}

.count {
    font-size: 60px;
    color: #f58220;

}

.compteur {
    /*    border: 10px solid red;*/
}

/**********************END Counter*********************************/

/***************Ou nous trouver*************************************/
.maps {
    padding: 10px;
}



@media screen and (max-width:1280px) and (min-width:778px) {
    .ou-nous-trouver .text-thumbnail {

        left: 220px;
    }
}

/***************END Ou nous trouver*************************************/
/****************************** Menu Figé********************************/
.site-header-main {
    background: #fff;
    /* 04-06-2020   height: 44px;*/
    z-index: 170;
    margin: 0 auto;
    border-bottom: 1px solid #dadada;
    width: 100%;
    /* 04-06-2020 position: fixed; */
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.sticky {
    position: sticky;
    /*      top:10px;*/
}

li[role=presentation] {
    /*    border: 2px dotted green;*/
    /*    width: 280px;*/
}

@media only screen and (min-device-width: 481px) and (max-device-width: 777px) {
    .site-header-main {

        /*   04-06-2020     position: absolute;*/

    }
}


@media (max-width: 480px) {



    #main-menu {
        position: initial !important;
        text-align: left;
    }

    .slider {
        padding-top: 150px;
    }

    .thumbnail {
        /*        margin-top: 225px;*/

    }

    .text-thumbnail {
        top: 40%;
    }
}

@media screen and (min-width: 777px) and (max-width:1279px) {
    /* hatem 09_02_2019
.slider {
    padding-top: 236px;
   border:10px solid yellow;
    }
*/

}

/******************************END Menu Figé********************************/
/******************Formulaire produits tri**********************************/
.tris {

    background: #F4F8FB;
    display: flex;
    flex-flow: row wrap;
    padding: 16px 0px 16px 50px;
    justify-content: center;

}

.tri,
.sub,
.marques,
.marques_btn {

    /*    flex-basis: 310px;*/
    text-align: center;
}



input[type=text],
select {
    padding: 12px 20px;
    /*    margin: 22px 0;*/
    border: 1px solid #ccc;
    border-radius: 10px;
    /*    width: 100%;*/
    color: #8c8c8c;
    outline: none;
}


.marques select {

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: #F4F8FB;
    /* Add some styling */

}

.marques:after {
    content: '\f078';
    font: normal normal normal 10px/1 FontAwesome;
    color: #f58220;
    position: relative;
    right: 20px;
    top: 0px;
    pointer-events: none;

}


.tri select {

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: #F4F8FB;
    /* Add some styling */

}


.tri:after {
    content: '\f078';
    font: normal normal normal 10px/1 FontAwesome;
    color: #f58220;
    position: relative;
    right: 28px;
    top: 0px;
    pointer-events: none;
}




.butt {
    padding: 12px 20px;
    /*    margin: 22px 0;*/
    border: 1px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
    background: transparent;
    /*    background: linear-gradient( #ccc, #292929);*/
    color: #544848;
}


.butt:hover {


    border-radius: 10px;
    background: #F4F8EA;

    /*     box-shadow: 1px 1px 10px black inset,0 1px 0 rgba( 255, 255, 255, 0.4);*/


}

/*
.butt:after
 {
    
    font-family: FontAwesome;
    content: "\f061";
    color: #544848;
    margin-left: 20px
    
}



.marques{
    margin: 0 20px;
}


.marques_btn{
    margin: 0 20px;
}


@media (max-width: 480px) {
    .tris{
         padding: 20px;
/*        display:inline-flex;*/
}

/*
.tri, .sub, .marques{
    flex:1 1 60%;
    flex-basis: 33%;
}
*/


}


/******************END Formulaire produits tri**********************************/

/*---------------Gouvernrat Revendeur form-------------------*/

.gouvernorat select {
    width: 100%;

}

/*---------------Gouvernrat Revendeur form-------------------*/




/*********************END Page qui sommes nous V2**************************** */

/*----------------------Page contact--------------------------------*/
.contact-texte-entete {
    font-size: 72px;
    color: #f58220;


}

.contact-texte-entete-line2 {
    font-size: 48px;
    color: #f58220;
    line-height: 0;


}



.hello {}

.objetdumessage {

    font-size: 18px;
}

.testflex {

    margin: 8px 0;
    border-radius: 10px;
    display: flex;
    flex-flow: row wrap;


}

.testflexitem {

    flex: 1 0 auto;
    justify-content: space-between;


}

.contact-page {

    line-height: 50px;
    font-size: 16px;
    display: flex;
    flex-flow: column wrap;
    /*    text-align: center;*/


}

.contact-color {
    font-size: 16px;
    color: #e67e22;

}

.wpcf7-tel,
.wpcf7-email,
.wpcf7-text,
.wpcf7-number {

    padding: 12px 120px 12px 12px !important;
    margin: 8px 0;
    border-radius: 10px;
    border: 1px solid #ccc;
    width: 100%;

}

.wpcf7-textarea {

    border-radius: 10px;
    border: 1px solid #ccc;
    width: 100%;
    padding: 12px 120px 12px 12px !important;

}

input[type=text] {
    border-radius: 10px;

}


.testflexitem button {
    background-color: #e67e22;
    padding: 10px 60px;
    border-radius: 10px;
    border: 0px;
    color: #fff;

}


. testflexitem button:after {
    margin: 10px 0 0 20px;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    vertical-align: middle;


}

.contact-text-thumbnail {
    position: absolute;
    font-size: 30px;
    color: #575756;
    left: 27%;
    top: 30%;
    width: 260px;
}

.souscription-text-thumbnail {
    position: absolute;
    font-size: 30px;
    color: #575756;
    left: 27%;
    top: 40%;
    width: 260px;
}


@media(max-width:480px) {

    .contact-texte-entete {
        font-size: 60px;
    }

    .contact-color {
        /*
        display: flex;
        flex-flow: row wrap;
         flex: 1 1 100%;
*/

    }




    .wpcf7-tel,
    .wpcf7-email,
    .wpcf7-text,
    .wpcf7-number
        {
        padding: 10px !important;
        width: 200px !important;


    }

    .wpcf7-textarea {

        padding: 10px !important;
        width: 200px !important;
    }

    .testflexitem {
        flex: 1 0 100%;
    }

    .contact-text-thumbnail {
        position: absolute;
        font-size: 30px;
        color: #575756;
        left: 15%;
        top: 30%;
        width: 260px;
    }

    .souscription-text-thumbnail {
        position: absolute;
        font-size: 30px;
        color: #575756;
        left: 15%;
        top: 30%;
        width: 260px;
    }


}


@media only screen and (min-width: 777px) and (max-width: 1279px) {

    .contact-text-thumbnail {
        position: absolute;
        font-size: 30px;
        color: #575756;
        left: 17%;
        top: 40%;
        width: 260px;
    }

    .souscription-text-thumbnail {
        position: absolute;
        font-size: 30px;
        color: #575756;
        left: 17%;
        top: 40%;
        width: 260px;
    }




}


@media only screen and (min-width: 1278px) and (max-width: 1366px) {

    .contact-text-thumbnail {

        left: 20%;
        top: 40%;

    }

    .souscription-text-thumbnail {

        left: 18%;
        top: 40%;
        width: 260px;
    }



}

.error-404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}




/*----------------------END Page contact--------------------------------*/


.ou-nous-trouves-liste .buttons {
    margin: 10px 0;
}

.ou-nous-trouves-liste .buttons a {
    padding: 12.5px 54px;
    background-color: #e67e22;
    border-radius: 10px;
    /*margin: 30px 20px;*/
    white-space: nowrap;
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    border: 0;


}

.ou-nous-trouves-liste .buttons:after {
    position: absolute;
    bottom: 25px;
    right: 78px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url("/wp-content/uploads/2018/08/right_arrow.png");
    /*    padding: 0 0 0 2px;*/

}


.ou-nous-trouves-liste .buttons a:any-link {
    color: #fff;
}


.ou-nous-trouves-liste .elmt {
    background: #F4F8FB;
    display: flex;
    flex-flow: row wrap;
    padding: 16px 0px;
    justify-content: center;
}



.ou-nous-trouves-liste {

    background: #f4f8fb;

}

/*---------- promo septembre 2019 Home page ------------*/

.images-prom-sep {
    position: absolute;
    padding: 8px 25px;
    top: -30px;
    left: 90px;
    background-color: #690f3d;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    display: table-row;
}

@media(max-width:480px) {
    .images-prom-sep {
        position: absolute;
        padding: 3px 13px;
        top: -7px;
        left: 130px;
        background-color: #690f3d;
        border-radius: 7px;
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        display: table-row;
    }

}



/*---------- End promo septembre 2019 Home page ------------*/


/*--------------- Promo produits cartouche promo---------------*/

.phone-- {



    position: absolute;
    top: 30px;
    left: 63%;

    z-index: 100;

    /*
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: 2;
    animation-timing-function: linear;*/


}

.old-price {

    font-size: 20px !important;
    text-decoration: line-through !important;


}

.old-price-home {

    font-size: 30px !important;
    text-decoration: line-through !important;


}


.old-price-ba {

    font-size: 30px !important;
    text-decoration: line-through !important;


}

.promoo {
    color: red !important;

}

.promoo {
    width: 100px;
    /* height: 100px; */
    /*    content: "New price";*/
    font-size: 10px;

    animation-name: hatemm;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}

.promoo-home {
    color: red !important;

}

.promoo-home {
    width: 100px;
    height: 100px;
    /*    content: "New price";*/
    font-size: 71.9px;

    animation-name: hatem;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}







@keyframes hate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.phone-details-- {

    position: absolute;
    top: 0px;
    left: 55%;

    z-index: 100;



}

.phone-details-home-- {

    position: absolute;
    top: 3%;
    left: 54%;

    z-index: 100;

width: inherit;

}



/*---------------END Promo produits cartouche promo---------------*/

.sur-commande {
    background-color: orange;
    top: 95%;
    position: absolute;
    right: 30%;
    color: white;
    font-size: .7em;
    border-radius: 10px;
    width: 40%;
}

/*------------- Hided----------------*/
/*
.nav-tabs-home li:nth-child(2),
.hidded {
    display: none !important;
*/
}

/*------------- Hided----------------*/



/* Popup container - can be anything you want */
.wrap {
    text-align: center;
}

.wrap a:hover {
    color: #000 !important;
}

.trigger {
    /*    display: inline-block;*/
    background: none;
    border: none;
    /*    font-size: 1.2em;*/
    padding: 0.3em 0.4em;
    color: #666666;
    margin: 40vh auto;
    /*    border: 2px solid #fff;*/
    text-decoration: underline;
}

dialog {
    padding: 3em 6em;
    background: rgba(0, 0, 0, 0.5);
    color: #666666;
    /*    border: 2px solid #fff;*/
    font-size: 2em;
    /*    font-family: "Lato";*/
    margin: -200px auto 0;
    transition: all 200ms ease-out;
    width: auto;
}

dialog a {
    position: absolute;
    right: 15px;
    top: 5px;
    text-decoration: none;
    color: #e67e22 !important;
    font-size: 2em;
    border: none;
    line-height: 20px;
}

dialog a:focus {
    outline: none;
}

.hide {
    visibility: hidden;
    pointer-events: none;
}

.offset {
    position: relative;
}

.offset::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 100%;
    height: 100%;
    /*    border: 2px solid #fff;*/
}


/*-------------- END popup---------------------*/

/*----------------------------Gnet Shopping----------------------------*/
.flex-eshop{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    

}




.shopping {

    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
       align-content: center;

    border-radius: 20px;
    /* margin: 40px 0 0 0; */


}

.shopping-forca {

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    /*    align-content: center;*/

    border-radius: 20px;
    margin: 40px 0 0 0;


}

.block1-shop {
     align-content: flex-end;
    /* background: #fff; */
    border-radius: 10px;
    position: relative;
    padding: 20px 0;
    margin: 50px 0 0;
}

.block2-shop {
    align-content: flex-end;
    background: #fff;
    border-radius: 10px;
    position: relative;
    padding: 20px 70px;
}


.buttons-shop {
    padding: 10px 10px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    margin: 30px 2px;
    font-size: 14px;
    border: 0;
}

.buttons-shop a,
.buttons-shop-agence a {
    color: #fff;
}

.buttons-shop-decouvrir {
    padding: 10px 13px;
    background-color: #dee4e9;
    border-radius: 10px;
    text-transform: capitalize;
    margin: 30px 5px;
    font-size: 14px; 
    border: 0;
}

.buttons-shop-decouvrir a {
    color: #000;
}

.buttons-shop-decouvrir:after {
    /* position: absolute; */
    bottom: 27px;
    right: 0px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url(/wp-content/uploads/2018/08/right_arrow.png);
    /* content: "\f061"; */
    padding: 10px;
}

/*-------------------24-09-2021----------------*/


buttons-shop-decouvrir{

}

/*-------------------24-09-2021----------------*/

.buttons-shop:after {
    /* position: absolute; */
    bottom: 27px;
    left: 113px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url(/wp-content/uploads/2018/12/fleche1.png);

    padding: 10px;
}

.buttons-shop-agence {
    padding: 10px 50px;
    background-color: #e67e22;
    border-radius: 10px;
    text-transform: capitalize;
    margin: 30px;
    font-size: 18px;
    border: 0;
}

.buttons-shop-agence:after {
    position: absolute;
    bottom: 55px;
    /*    right: 92px;*/
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    content: url(/wp-content/uploads/2018/08/right_arrow.png);

    padding: 10px;
}






.hamel20 {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, transparent, #000);
}


.g-kids-shop {
    background: linear-gradient(to bottom, transparent, #000), url(https://www.gnet.tn/wp-content/uploads/2018/12/g_kids.png);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 310px;
    margin: 20px;
    border-radius: 20px;
}

.g-cloud-shop {
    background: linear-gradient(to bottom, transparent, #000), url("https://www.gnet.tn/wp-content/uploads/2018/12/g_cloud.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 200px;
    margin: 20px;
    border-radius: 20px;


}

.g-antivirus-shop {

    background: linear-gradient(to bottom, transparent, #000), url("https://www.gnet.tn/wp-content/uploads/2018/12/g_antivirus.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 200px;
    margin: 20px;
    border-radius: 20px;
}

.g-agence-shop {

    background: linear-gradient(to bottom, transparent, #000), url("https://www.gnet.tn/wp-content/uploads/2018/11/agence-shop.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 200px;
    margin: 20px;
    border-radius: 20px;
}



.breadcrumb-shop {
    background: #F4F8FB;
}

.list-button {


    list-style: url('/wp-content/uploads/2018/11/button-shop.png');
    padding: 10px 65px;
    margin-bottom: 90px;

}

.button-down {
    position: absolute;
    bottom: 0;
    left: 38px;
}

.button-down-shop {
    position: absolute;
    bottom: 0;
    align-self: center;
    /* left: 15px; */
}





.button-down-forca {
    position: absolute;
    bottom: 0;
    left: 105px;
}


.text-down {
    position: absolute;
    bottom: 10px;
    left: 10px;
}


.ana {
    position: relative;
    margin: 28px 10px 20px;
}

.titres-shop {

    color: #e67e22;
    /*    text-align: center;*/
    /* font-size: 30px; */
    /* margin-top: 0;*/


}

.block-agence-shop {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 20px 0;
    text-transform: capitalize;
}

.texte-thumbnail-shop {


    position: absolute;
    font-size: 1.7em;
    color: #fff;
    left: 10%;
    bottom: 23%;
    /*    width: 260px;*/
}

.line2 {
    position: absolute;
    font-size: 2.6em;
    color: #fff;
    left: 10%;
    bottom: 100px;
    line-height: 48px;

}

.line2-eshop {
    /*    position: absolute;*/
    font-size: 1.6em;
    color: #fff;
    left: 10%;
    bottom: 150px;
    line-height: 48px;

}




.test-background {

    background-repeat: no-repeat;
    background-size: cover;
}

.thumbnail-shop {
    position: relative;
    background-size: cover;
    background-position: 50% 0 !important;
    margin: 0 auto;
    /* height: 567px; */
    height: 450px;
    width: 100%;
    margin-top: 154px;
}

.ktiba-shop {
    font-size: 0.9em;
    padding: 44px 0 0 0;

}

.shop-paraph {
    font-size: 1.2em;
}




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

    .button-down {
        /*        position: relative;*/
        left: 0px;
    }

    .block1-shop {
        margin: 0 0 10px 0;
    }

    .buttons-shop:after {
        /*        left: 124px;*/

    }

    .buttons-shop-agence:after {
        /*        right: 106px;*/
    }

    .buttons-shop-decouvrir:after {
        top: 34px;
        /*        right: 8px;*/
    }


    

    .block2-shop {
        padding: 20px;
    }

    .texte-thumbnail-shop {

        left: 10%;
        bottom: 3%;
        font-size: 1.2em;
    }

    .line2 {
        position: absolute;
        font-size: 1.2em;
        color: #fff;
        left: 10%;
        bottom: 34px;
        line-height: 1;

    }

    .line2-eshop {
        /*        position: absolute;*/
        font-size: 1em;
        color: #fff;
        line-height: 1;
        /*
        left: 10%;
        bottom: 34px;

*/
    }

    .degrade {


        background: #000;
    }

    .responsive-promo {

        /*        opacity: .6;*/
    }

    .button-down-forca {
        position: absolute;
        bottom: 0;
        left: 0px;
    }

    .ktiba-shop {

        /*        font-size: 19px;
        font-weight: bolder;*/
        font-size: 11px;
        padding: 0;

    }
 

/*---------24-09-2021-----------*/
.buttons-shop-decouvrir, .buttons-shop{
    padding: 6px ;
}


}


/*----------------------------END Gnet Shopping----------------------------*/




/*----------------------------Slider-Home 04-06-2020 ---------------------------*/
header#masthead {
    position: sticky;
    top: 0px;
    z-index: 999;
}

.slider-home {}

.text-slider {


    position: absolute;
    bottom: 30%;
    left: 18%;


}

slider-home #sync2 .item {
    height: 495px;
    background-size: cover;
    margin: 0 auto;
    position: relative;
}


.slider-home #sync2 .item {

    background-size: cover;
    background-position: 50%;
    margin: 0 auto;
    position: relative;
    height: 0px;
    padding: 15px 50px 0 50px;
    font-size: 20px;
    text-align: center;
    color: #797979;
    font-family: 'ample6', sans-serif;


}

.slider-home #sync2 .item:hover {

    color: #f5811e;
    font-family: 'ample3', sans-serif;

}


.slider-home div.owl-theme .owl-nav {
    position: absolute;
    bottom: 0;
    right: 0;

}

.slider-home div .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50px;

}




.slider-home #sync2 .owl-stage {
    background-color: #2c2b2b;
    color: #f5811e;
    height: 50px;

}

.slider-home #sync2 .owl-item current,
    {
    height: 50px;



}

.slider-home #sync2 .owl-theme .owl-nav [class*=owl-] {
    background: none;


}

.slider-home .owl-theme .owl-nav [class*=owl-] {
    /*    background: none;*/
    background-color: transparent;

}




.slider-button-home {

    /*    padding: 20px 0;*/
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    width: 200px;
    height: 55px;
    position: absolute;
    left: 23%;
    bottom: 14%;
    border-radius: 10px;
    transition: width 2s;
    background-color: #fff;
    text-decoration: none;
    box-shadow: 0 8px 6px -6px black;

}

.slider-button-home a {

    color: #000;

}

.slider-button-home a:any-link {

    color: #000 !important;
    border-radius: 10px;
    background-color: #fff;
    text-decoration: none;


}

.slider-button-home a:hover {
    /*    padding: 5px 20px;*/
    color: #000;
    border-radius: 10px;
    background-color: #fff;

}

.slider-button-home a:after {

    content: url("/wp-content/uploads/2018/12/arrow-button.png");
    color: #ff6600;
    align-items: center;
    position: relative;
    bottom: -3px;
    left: 13px;
}

.slider-button-home a:hover::after {
    font-family: FontAwesome;
    content: url("/wp-content/uploads/2018/12/arrow-button.png");



}

.slider-button-home-gaming {
    left: 18%;
    top: 40%;
}

.slider-button-home-artify{
    left: 20%;
    bottom: 8%;
}


.slider-home #sync1 .texte {
    /*    padding: 200px;
    font-size: 2.2em;*/
    color: #fff;

}

.hide-button {
    display: none;
}


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






    .slider-button-home {
        width: 120px;
        height: 24px;
        font-size: 12px;
        left: 12px;
        bottom: 24px;
    }

    .slider-button-home a:any-link {
        width: 120px;
        height: 24px;
        font-size: 12px;
    }

    .slider-button-home a:hover {
        width: 120px;
        height: 24px;
        font-size: 12px;

    }

    .slider-button-home a:after {
        left: 8px;
    }




    .text-slider {
/*    05/09/2020 hba    bottom: 60px;*/
        bottom: 44px; 
        left: 18%;
    }

    .cacher-texte {
        display: none;
    }

    .slider-button-home-gaming a:any-link {
        width: 110px;
        height: 24px;
        position: absolute;
        left: 16% !important;

        bottom: 68px;

    }

    .slider-button-home-gaming a:hover {
        width: 110px;
        height: 24px;


    }


}





/*----------------------------END Slider-Home 04-06-2020---------------------------*/

/*-- ------------------------------------UNO Artify--------------------------------------------- --*/

.artify-paralax{
    
    font-size: 16.02px;
        text-align: justify;
        color: #c3c3c3;

}
.artify h2{
    color: #e67e22;
    
}
.artify-paralax a:any-link{
    color: #e67e22;
}
.parallax-artify {
    /*    background: url("/wp-content/uploads/2018/12/service_gratuit_first.png") ,*/

    background: 
     linear-gradient(0deg, rgb(10 10 10 / 64%), rgb(4, 4, 4)), url(/wp-content/uploads/2018/11/1920-794-1.jpg);

    background-position: 50% 50%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding: 0 50px;

    /*
    margin-left: -410px;
    margin-right: -410px;
*/

}

/*------------------------------------END UNO Artify--------------------------------------------- --*/

/*---------------------------------Scroll Bar------------------------------*/
html::-webkit-scrollbar {
    width: 20px;
    height: 2px;
}
html::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff7904, #ff9f21);
    border-radius: 30px;
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .25), inset -2px -2px 2px rgba(0, 0, 0, .25);
}
html::-webkit-scrollbar-track {
    background: linear-gradient(90deg, #201c29, #201c29 1px, #100e17 0, #100e17);
}
/*---------------------------------END Scroll Bar------------------------------*/


/*----------------- Partie Client------------------*/
.mygnet iframe{
    height: 96%;
    min-height: 547px;
}

.mygnet iframe html body{
border: 2px solid red !important;
    background-color: transparent !important;
}
/*----------------- END Partie Client------------------*/


/*---------Slider sans Texte  ------------------*/
.sans-texte{


left: 23px !important;
bottom: 30px !important;
}
/*---------END Slider sans Texte  ------------------*/


/*----- home slider img ---------------*/

.owl-carousel .owl-item img {
    width: -moz-available;
    width: -webkit-fill-available;
}
/*----- END home slider img ---------------*/


/*--------------------Promo montre & repeater----------------------------*/

.condition-montre{
    font-size: 14px;
    color: #666666;
    text-align: center;
    
}

.titres-montre {
    color: #e67e22;
    text-align: center;
       font-size: 30px;
       margin-top: 90px;

}

.montre{
position: absolute;
top: -41px;
right: -22px;
border-radius: 100%;
/*border: 1px solid orange;*/
background: #ff9000;
    box-shadow: 10px 2px 4px #1818181f;
padding: 10px;
}
.montre :hover {
    transform: scale(2.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  } 

.element-animation{
  animation: animationFrames linear 0.8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 0.8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 0.8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 0.8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 0.8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-25px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  45% {
    transform:  translate(0px,-15px)  ;
  }
  60% {
    transform:  translate(0px,0px)  ;
  }
  75% {
    transform:  translate(0px,-5px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  15% {
    -moz-transform:  translate(0px,-25px)  ;
  }
  30% {
    -moz-transform:  translate(0px,0px)  ;
  }
  45% {
    -moz-transform:  translate(0px,-15px)  ;
  }
  60% {
    -moz-transform:  translate(0px,0px)  ;
  }
  75% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,-25px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  45% {
    -webkit-transform:  translate(0px,-15px)  ;
  }
  60% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  75% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  15% {
    -o-transform:  translate(0px,-25px)  ;
  }
  30% {
    -o-transform:  translate(0px,0px)  ;
  }
  45% {
    -o-transform:  translate(0px,-15px)  ;
  }
  60% {
    -o-transform:  translate(0px,0px)  ;
  }
  75% {
    -o-transform:  translate(0px,-5px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  15% {
    -ms-transform:  translate(0px,-25px)  ;
  }
  30% {
    -ms-transform:  translate(0px,0px)  ;
  }
  45% {
    -ms-transform:  translate(0px,-15px)  ;
  }
  60% {
    -ms-transform:  translate(0px,0px)  ;
  }
  75% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }

}
.repeater{
    position: absolute;
    top: -78px;
    right: -18px;
    border-radius: 100%;
    /*border: 1px solid orange;*/
          padding: 10px;
    }

    .titres-repeater {
        color: #e67e22;
        text-align: center;
           font-size: 30px;
           margin-top: 90px;
    
    }







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


    .montre{
        right: 15px;
    }
        .montre:hover  { 
            transform: scale(2.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
          } 
}



/*--------------------END Promo montre----------------------------*/








/*------------------------- 27-03-2021 Rapido -------------------*/

/* .tableaux{
display: flex;
flex-flow: row 

} */
.tableaux td, .tableaux th {
  text-align: center;
  border:none !important ;  
  padding : 10px !important;

  
}
.tableaux th span, .tableaux td span{
     border:1px solid #F4F4F4;
     border-radius:20px;
     /* background : #F4F4F4; */
     /* padding : 10px 50px; */
     /* white-space:nowrap; */

 }
 .tableaux th span{
 
    color:orange;
 }
 
 .tableaux td , .tableaux th{
   
    background-clip: border-box;
    background-color: #f4f4f4;
    border-radius : 20px;
    font-weight : bold

}



.tableaux{
  border : 1px solid #F4F4F4;
  /* border-shadow :1px 1px 1px #000; */
  -webkit-box-shadow: 0px -8px 105px -26px rgba(0,0,0,0.1);
-moz-box-shadow: 0px -8px 105px -26px rgba(0,0,0,0.1);
box-shadow: 0px -8px 105px -26px rgba(0,0,0,0.1);

position:relative;
border-collapse: separate;
  border-spacing: 10px;
  border-radius :20px;
  font-size:1em;


}

.offres-gratuites .block-rapido {
    border: 1px solid #000;
    background: #1b1b1b;
    color: #fff;
    height: 450px;
    border-radius: 10px;
    text-align: center;
    padding-top: 40px;
    position: relative;
    margin: -10px 0;
    z-index: 50;
    font-size: 14px;
    flex: 1 1 100%;
}


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

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

  .tableaux tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
    background-color: #f8f8f8;
    
  }
  
  .tableaux td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;

  }
  .tableaux th {
    color:orange;

  }

  .tableaux td::before {
   
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    color : #f58320;
  }


}



/*------------------------- 27-03-2021 Rapido -------------------*/


/*--------------------Affiche Table détail des produits-----------------*/
.detail-produit{
    overflow-x:auto;
}

.detail-produit  table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;



}

.detail-produit  th, .detail-produit  td {
text-align: left;
padding: 8px;
color:#666;
}
.detail-produit th{

white-space: nowrap;

}



.detail-produit  tr:nth-child(even){background: linear-gradient(to top, #f4f8fb, #fff)}


/*--------------------END Affiche Table détail des produits-----------------*/






/* -------------- Promo-offre-shopping-06-07-2021-------------------- */
.promo-offre-shop{

text-align: center;
    padding: 0 10px 0;
   
    color: red;
    animation: shop-blink 2s ease-in-out infinite;
    opacity: 1;

}



@keyframes shop-blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1;
  }
}
/* -------------- END Promo-offre-shopping-06-07-2021-------------------- */




/*---------------------------Formatage condition notaire 14-09-2021-----------------------*/
.forme-condition{
    list-style:inside;
    /* list-style-type: disc; */
    
}
/*---------------------------End Formatage condition notaire 14-09-2021-----------------------*/



/*-----------------Chatbot image-------------------*/

 

.chatbot{
    position: fixed;
    bottom: 5px;
    right: 15em;
    z-index: 9;
}
.cacher-chat{
    display: none !important;
}

#cai-webclient-builtin-button, #cai-webclient-main{
   
    bottom: 5px !important;
    right: 5px !important;
}

@media screen and (max-width: 768px) {
    .chatbot img{
    max-width: 40px; 
}
}


/*-----------------End Chatbot image-------------------*/
/*------ promo 10m - Septembre 2022---------------*/
.promo_10m{
    display: flex;
    justify-content: center;
    


}
.tab-promo_10m{
    min-width: 100%;
}
.tab-promo_10m th{
    color: #f58320;
}



/*------END promo 10m - Septembre 2022---------------*/


/*-------------------New Shop 25-06-2022-----------------------*/


.new-shop{


    position:absolute;
    top:60px;
    left: 373px;
}

@media screen and (max-width: 1366px) {
    .new-shop{ 
        position:absolute;
        top:60px;
        left: 240px;

    }



}


@media screen and (max-width: 768px) {
    .new-shop{


        position:absolute;
        top:20px;
        left: 62px;
    }
}



.couleurs{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 10px;
}
.forme{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    

}

.forme::after{
  content: " ";
  position: absolute;
 
  width: 30px;
  height: 30px;
  border-radius: 50%;

}