@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);
@import 'https://fonts.googleapis.com/css?family=Lato';
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

:root{
    --main-color: #000000;
    --second-color: #dadada;
    --terti-color: #de302f;
}

.bo_paragraphe {
    border: 1px dashed #C00000;
    margin-bottom: 5px;
}
.bo_paragraphe p.bo_barre_boutons {
    font-size: 0.85em;
    background: #FAFAFA;
}
#backoffice_menu_haut {
    width: 1030px;
    margin: 0 auto;
}
a {
    text-decoration: none!important;
}
.bloc_pdf{
    display:inline-block;
    width:25%;
    padding:0 15px;
    text-align:center;
    margin-bottom:30px;
    vertical-align:top;
}
.bloc_pdf h4{
    font-weight:bold!important;
}
.bloc_pdf img{
    width:100%;
    height:auto;
}
body {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: #626262;
        font-size:14px;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    position: relative;
}

#facebox .close:after {
    content: '\f00d';
    display: flex;
    font: normal normal normal 14px / 1 FontAwesome;
}
#facebox .close img{
  display:none;
}

.row_home{
    display:flex;
    align-content: center;
    align-items: center;
    padding:60px 0px;
    flex-wrap: wrap;
}

.row_home.inverse {
    display: flex;
    flex-direction: row-reverse;
}
.row_home > div{
    float:none!important;
}
#conteneur{
    position:relative;
    z-index: 5;
    padding-top: 0;
    /* margin-bottom: 38px; */
}

.pageAccueil #conteneur {
    padding-top: 135px;
}
/* clean */
/* Titres */
.fond_body_1{
    /* position:relative; */
    /* z-index:1; */
}

.clr {
    clear: both;
}
#ariane {
   position: relative;
   -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
   z-index: 2;
   padding:20px;
   color: #bfbfbf;
   text-transform: uppercase;
   background: #fff;
}
.ariane{
    max-width:100%;
    width:1140px;
    margin:auto;
}

/* Listes */

ul,
ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}
/* Paragraphes */


address {
    margin: .75em 0;
    font-style: normal;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
/* Formulaires */

form,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

form#fiche_panier_add {
    padding: 20px;
    width: 100%;
}
#PaymentRequest{
    float:right;
    margin-top:-30px;
}
input,
button,
select {
    vertical-align: middle;
}
/**********/
/* Boites */
/**********/
.back_liv{
    display:inline-block;

}
.back_liv input{
    background-color:transparent!important;
    border:0px!important;
    background-image:url(../images/interface/livraison.png);
    width:150px;
    height:150px;
    background-size:cover;
}
.filtre_left{
    display:inline-block;
    width:250px;
    vertical-align:top;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   padding:20px 0px;
}
.filtre_left > p label{
    display:block;
    font-size:16px;
    color:#222;
}
.categorie_filtre > label,
.marque_filtre > label{
    display:block;
    font-size:16px;
    color:#222;
}
.group_checkbox{
    margin-bottom:5px;
}
.filtre_left [type="checkbox"]:not(:checked) + label,
.filtre_left [type="checkbox"]:checked + label {
    position: relative;
    cursor: pointer;
    width: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    height: 20px;
    margin: auto;
    z-index: 2;
    vertical-align:middle;
}
.fake_label{
    padding-left:25px;
    text-align:left!important;
}
.filtre_left [type="checkbox"]:not(:checked) + label,
.filtre_left [type="checkbox"]:checked + label{
    position: relative;
    cursor: pointer;
    width: 150px;
    position:absolute;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    height: 20px;
    margin: auto;
    z-index: 2;
}

.filtre_left [type="checkbox"]:not(:checked) + label:before,
.filtre_left  [type="checkbox"]:checked + label:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: 0px;
    width: 18px;
    border: 1px solid #9a9a9a;
    height: 18px;
    /* dim. de la case */

    background: #f8f8f8;
    /* angles arrondis */
}
.form_resa .group-form {
    font-size:0px;
}
.radio_form{
    font-size:14px!important;
    vertical-align:middle;
}
.radio_form input{
    margin-right:5px!important;
}
.radio_form input{
    margin-left:20px!important;
}
.radio_form input:nth-child(2){
    margin-left:0px!important;
}
.form_resa .group-form label{
    display:inline-block;
    width:155px;
    font-size:14px;
    vertical-align:top;
}
.form_resa .group-form input[type='text'],
.form_resa .group-form textarea{
    vertical-align:top;
    font-size:14px;
    border:1px solid #ccc;
    padding:5px 10px;
    resize:none;
    width:calc(100% - 155px);
}
.form_resa .group-form{
    margin-bottom:10px;
}
.form_resa {
    padding-bottom:15px;
}
.form_resa .group-form input[type='submit']{
    border:0px;
    font-size:15px;
    color:#fff;
    text-transform:uppercase;

        padding:10px 15px;
        margin:0 10px;
}
.form_resa .group-form:last-child{
    text-align:center;
}
.filtre_left [type="checkbox"]:not(:checked) + label:after,
.filtre_left  [type="checkbox"]:checked + label:after {
    content: '\f00c';
    position: absolute;
     font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 0;
    left: 0;
    margin-left: 1px;
    margin-top: 0px;
    font-size: 17px;
    color: #f0881f;
    transition: all .2s;
}
.filtre_left [type="checkbox"]:checked,
.filtre_left [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -1000px;
    z-index: 1;
}

.filtre_left [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    /* coche invisible */

    transform: scale(0);
}

.filtre_left [type="checkbox"]:checked + label:after {
    opacity: 1;
    /* coche opaque */

    transform: scale(1);
}


.filtre_left h5{
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:20px;
}
.categorie_filtre,
.marque_filtre{
    border:1px solid #222;
}
.categorie_filtre > label,
.marque_filtre > label{
    background-color:#222;
    color:#fff;
    padding:10px 15px;
}
.categorie_filtre{
    margin-bottom:15px;
    margin-top:15px;
}
.scroll_categorie{
    margin-left:10px;
    margin-top:10px;
    max-height:200px;
    position:relative;
    overflow-y:scroll;
    overflow-x:hidden;
    margin-bottom:10px;
}
.marque_filtre{
    margin-bottom:15px;
}
.group_checkbox label{
    display:inline-block!important;
    font-weight:normal;
}
.liste_produits,.no_prod{
    display:inline-block;
    width:calc(100% - 250px);
 padding-left:40px;
}
.right_liste_produit{
    display:inline-block;
    width:calc(100% - 250px);
        padding-left:40px;
}
.right_liste_produit .liste_produits{
   display:block;
    width:100%;
 padding-left:0px;
}
.liste_produits .enstock{
    float:right;
    position:absolute;
    top:20px;
    right:20px;
}
.liste_produits .delai{
    position:absolute;
    right:10px;
    top:70px;
}
#conteneur_contenu {
    min-width: 1000px;
    width: 100%;
    margin: 0 auto;
    z-index: 1000;
    position: fixed;
    top: 0;
}
#header {
    min-width: 1000px;
    width: 100%;
    position: fixed;
    margin: 0px;
    padding: 0px;
    /* height:116px; */
    z-index: 1000;
    background-color: #eee;
}

#rev_slider_2_1 {
    position:relative;
    z-index:800;

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

.rev_slider li.tp-revslider-slidesli:after {
    content:'';
    display:flex;
    position:absolute;
    width:100%;
    height:100%;
    background-color: #00000080;
}
#conteneur_header{
  /* top:-60px!important; */
  background-color: #eee;
  position:absolute;
  /* box-shadow: 0 1px 7px 0px rgba(0,0,0,0.043); */
}
.scroll_down #conteneur_contenu, .scroll_down #header{
    position:fixed;
    top:0;
}
.scroll_down #rev_slider_2_1_wrapper{
    margin-top:100px!important;
}
.page-heading {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
    padding-top: 240px;
    text-align: left;
    position: relative;
    background-image: url(../images/interface/SIT_DMP/bandeau.jpg);
    background-position: top center;
}

.page-heading:after {
    position: absolute;
    content: '';
     background-image: url(../images/interface/pattern2.png);
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    opacity: 0.6;
    z-index: 1;
}
.page-heading .container {
    margin: auto;
    position: relative;
    z-index: 2;
    max-width: 1170px;
    width:100%;
}
.page-heading .page-title h2 {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0px;
    letter-spacing: 2px;
    text-align:center;
    font-size:50px;
    /* margin-top:40px; */
}
.page-heading .page-title h2:after {
    background-color: #f0881f!important;
    width: 90px!important;
}
.page-heading .page-title .line-dec {
    margin: 10px 0px;
    width: 90px;
    height: 1px;
    background-color: #f0881f;
    display: none;
}
.page-heading .page-title span {
    font-size: 24px;
    font-weight: normal;
    color: #2d3031;
    line-height: 36px!important;
}
#header #logo {
    z-index: 1000;
    text-align: left;

    margin: 0px;
}
#header #logo img {
    max-width: 200px;
    z-index: 39;
    width: 100%;
}

#conteneur_header {
                   width: 100%;
                   font-size: 0;
                   margin: auto;
                   position: relative;
                   -webkit-transition: all 0.5s ease;
                   -moz-transition: all 0.5s ease;
                   -ms-transition: all 0.5s ease;
                   -o-transition: all 0.5s ease;
                   display: flex;
                   padding: 10px 15px;
                   max-width: 1200px;
                   }

#header h1 {
    margin: 0px;
    padding: 0px;
    font-size: 1.65em;
}
#header img {
    margin: 0;
    padding: 0;width:100%;
    background-image: none;
}
#header .left-top-header img {
    height: 60%;
    width: auto;
    padding: 0px;
    margin-left: 10px;
}
.numero_tel{
    width:300px!important;
    margin-top:7px!important;
}
.left-top-header{
    display: block;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
}
.right-top-header{
    display: block;
    width: 50%;
}
.right-header{
    display: flex;
    width: calc(86%);
    vertical-align:middle;
    padding-left:20px;
    justify-content: space-between;
}

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

.connect_button a{

display: flex;align-items: center;padding: 8px;}

.connect_button a .fa{
    font-size: 21px;
    color: #222;
    transition:all 0.5s ease
    }

.connect_button a .fa:hover{
    color: #000000;
}

.btn_add_qty {
    display: inline-block;
    vertical-align: top;
}
.select_qty p {
    font-size: 0!important;
}
.select_qty select,
.config select {
    font-size: 17px;
    padding: 7px 10px;
}
.config select {
    padding: 3px 5px;
    font-size: 14px;
}
.config > div {
    margin-bottom: 10px;
}
.config {
    font-size: 14px;
}
.right_liste_produit .config{
    display:inline-block;
    vertical-align:top;
}
.right_liste_produit .qty_add{
    display:inline-block;
    margin-left:20px;
        vertical-align:top;
}
.right_liste_produit .qty_add label{
    font-size:15px!important;
    display:inline-block;
    vertical-align:top;
    padding-right:10px;
    margin-bottom:0px!important;
    vertical-align:middle;
}
.right_liste_produit .qty_add select{
        padding: 3px 5px;
    font-size: 14px;
}
.config label {
    vertical-align:middle;
    margin-bottom:0px!important;
    font-size: 15px;
    /* width: 60px; */
    display:inline-block;
    padding-right:15px;
}
.btn_ajout_panier,
.btn_ajout_panier tbody,
.btn_ajout_panier tbody tr {
    display: block!important;
}
.btn_ajout_panier{
    margin-bottom:40px;
}
.right_liste_produit .btn_ajout_panier{
    margin-bottom:0px;
}
.btn_add_qty {
    display: inline-block;
    vertical-align: middle;
}
.select_qty {
    display: inline-block;
    font-size: 0;
    vertical-align:middle;
}
.select_qty strong{
    font-size: 15px!important;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    margin-bottom: 0px!important;
    vertical-align: middle;

}
.select_qty label{
    display:inline-block;
    font-size:15px;
    vertical-align:middle;
    padding-right:15px;
    margin-bottom:0px;
}
.btn_ajout_panier .bouton_panier {
    background-color: var(--terti-color);
    display: inline-block;
    padding: 8px 30px;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid var(--terti-color);
    color: #fff!important;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
    font-size: 18px;
}
.picto-head{
    display:inline-block;
    font-size:25px;
    vertical-align:middle;
    color: #0c265d;
    padding:10px 0px;
    padding-right:10px;
}
.info-head{
    display:inline-block;
    font-size:12px;
    vertical-align:middle;
    color:#5b5d60;
}
.info-head strong{
    font-weight:600;
}
.header_cart_span{
    width: 17px;
    height: 17px;
    line-height: 17px;
    background-color: #f0881f;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    z-index: 2;
    font-size: 12px;
    position: absolute;
    top:0;
    left:3px;
    font-weight:bold;
}
.right-header .contact-header{
    border-bottom: 2px solid #f0f0f0;
    padding-bottom:10px;
    padding-top:5px;
}
.hover-panier-top{
    position:absolute;
    display:none;
    border:3px solid #a2a7b1;
    background-color:#fff;
    z-index:100;
    text-align:left;
    right:-20px;
}
.panier_header:hover .hover-panier-top{
    display:block;
    position:absolute;
    width:250px;
    top:100%;
    padding:15px 15px;
    font-size:12px;
    right:-10px;
}
.bottom_panier_top{
    border-top:1px solid #dedede;
    margin-top:10px;
    padding-top:15px;
}
.bottom_panier_top a{
    color:#222!important;
    display:inline-block;
    font-weight:bold;
    padding:5px 10px;
    border-radius:3px;
    background-color:#f1f1f1;
    text-transform:uppercase;
    font-size:11px!important;
    vertical-align:top;
    line-height:15px;
}
.col-head:last-child{
    text-align:right;
    width:100px!important;
}
.floet_panier{
    float:right;
    font-size:14px;
}
.panier_header:hover .hover-panier-top:before{
    content: '';
    display: block;
    position: absolute;
    right: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px;
    top: -18px;
    border-color: transparent transparent #a2a7b1 transparent;
}
.right-header .contact-header .col-head{
    display:inline-block;
    vertical-align:top;
    font-size:14px;
    width:29%;
}
.panier_header{
    /* display:inline-block; */
    /* height:40px; */
    width:40px;
    position: relative;
    text-align:right;
}
.panier_header .header-cart{
    position:relative;
    /* right:20px; */
    /* top:-5px; */
    display:inline-block;
}
.panier_header .header-cart:after{
        font-family: 'simple-line-icons';
    content: "\e04d";
    display: none;
    position: absolute;
    top: 2px;
    left: -15px;
    color: #393939;
    font-size: 22px;
}
.header-cart{

}
#recherche{
    /* display:inline-block; */
    /* position:absolute; */
    /* bottom:17px; */
    /* right:20px; */
    /* margin-top:-17.5px; */
}
#recherche button{
    background-color:transparent;
    border:0;
    width:35px;
    height:36px;
    display:inline-block;
    font-size:18px;
    color:#363842;
    position:relative;

    height:35px;
    overflow:hidden;

}
#recherche .input-text{
    width:0px;
    right:20px;
    overflow:hidden;
    position:absolute;
    display:inline-block;
    vertical-align:top;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;
}
#recherche .input-text input{
    height:35px;
    box-sizing:border-box;
    border-radius:0px;
}
#recherche button:before{

    display:inline-block;
}


.top-header{
    background-color: var(--main-color);
    height: 35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.scroll_down .top-header{
    height:0;
    overflow:hidden;
}

.scroll_down #conteneur_header{
    top:0px!important;
}
.center-top{
    max-width:1170px;
    margin:auto;
    font-size:0;
    padding:0 15px;
    width:100%;
    height: 35px;
    display: flex;
    flex-wrap: wrap;
}
.center-top:after{
    content:'';
    display:table;
    clear:both;
}
.left-top-header p,
.left-top-header a{
     font-size: 13px;
     display:inline-block;
     color: #ffffff;
     padding: 0;
     margin: 0;
}
.left-top-header a{
    color: #fff!important;
}
.right-top-header div>a {
    display:inline-block;
    font-size:13px;
    text-transform:uppercase;
    color: #fff!important;
    /* margin-right:15px; */
}
.right-top-header div:hover a{
    color: var(--terti-color)!important;
}
.right-top-header div.connect>a:before {
    content:"\f023";font-family:'FontAwesome';font-size:13px;margin-right:10px;position:relative;top:1px;
}
.right-top-header .nav li,#pied .social li{
    display:inline-block;
}
.right-top-header .nav{
    margin:0px;
    display:inline-block;
}
.right-top-header .nav a,
#pied .social a{
    padding: 0;
    background: none;
    margin: 14px 3px 0;
    background-color: #303239;
    border-radius: 8px;
    color:#fff;

    width: 28px;
             -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

    text-align: center;
    line-height: 28px;
    height: 28px;
}
#pied .social a{
    font-size:17px;
    position: relative;
    display: block;
}
.right-top-header .nav .facebook:hover,
#pied .social .facebook:hover{
    background-color:#3b5996;
}
.right-top-header .nav .google-plus:hover,
#pied .social .google-plus:hover  { background: #c3391c; }
.right-top-header .nav .linkedin:hover,
#pied .social .linkedin:hover { background: #0073b2; }
.right-top-header .nav .rss:hover,
#pied .social .rss:hover { background: #f29a1d; }
.right-top-header .nav a i,
#pied .social a i{
    padding-top:6px;
}
.center-top:after{
    content:'';
    display:table;
    clear:both;
}

.right-top-header{
    float:right;
    font-size:14px;
}
.right-top-header>a {
    display:inline-block;
    font-size:11px;
    text-transform:uppercase;
    color:#fff!important;
    margin-right:15px;
}
.right-top-header>a:hover{
    color:#f0881f!important;
}
.right-top-header>a:before {
    content:"\f023";font-family:'FontAwesome';font-size:13px;margin-right:10px;position:relative;top:1px;
}
.right-top-header .nav li,#pied .social li{
    display:inline-block;
}
.right-top-header .nav{
    margin:0px;
    display:inline-block;
}
.right-top-header .nav a,
#pied .social a{
    padding: 0;
    background: none;
    margin: 14px 3px 0;
    background-color: #303239;
    border-radius: 8px;
    color:#fff;

    width: 28px;
             -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

    text-align: center;
    line-height: 28px;
    height: 28px;
}
#pied .social a{
    font-size:17px;
    position: relative;
    display: block;
}
.right-top-header .nav .facebook:hover,
#pied .social .facebook:hover{
    background-color:#3b5996;
}
.right-top-header .nav .google-plus:hover,
#pied .social .google-plus:hover  { background: #c3391c; }
.right-top-header .nav .linkedin:hover,
#pied .social .linkedin:hover { background: #0073b2; }
.right-top-header .nav .rss:hover,
#pied .social .rss:hover { background: #f29a1d; }
.right-top-header .nav a i,
#pied .social a i{
    padding-top:6px;
}
#recherche:hover{
    width:auto;
    overflow:visible;
         -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;
}
#recherche:hover .input-text{
    width:150px;
         -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}
#recherche input[type="submit"]{
    background-color:transparent;
    position:absolute;
    border:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size:0!important;
}
/* =============================================================================
 * MENU
 * ===========================================================================*/

#menu_haut {
    list-style-type: none;
    width: 100%;
    font-size: 0;
    /* height: 100%; */
}
#menu_haut > ul > li {
    display: inline-block;
    /* text-transform: uppercase; */
    font-size: 14px;
    position: relative;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    height: 100%;
    display: flex;
    align-items: center;
    padding:32px 0px;
    margin-bottom: 0;
}
li.PGS_CONTACT{
    position:relative;
}
#menu_haut ul li.PGS_SPECIALE_7{
 padding:0px;
}
#menu_haut > ul > li.menu_produit{
     position: static;
}
#menu_haut > ul > li:hover {

}
#menu_haut > ul {
    margin: 0!important;
    padding: 0!important;
    /* height: 100%; */
    display: flex;
    align-items: center;
}
#menu_haut li:first-child {
    border-left: 0px;
}
#menu_haut >ul> li >a i{
      padding-left:3px;
}
#menu_haut >ul> li >a span{
    display:flex;
    align-content: center;
    align-items: center;
}
#menu_haut >ul> li >a {
    display: block;
    padding: 0;
    margin: 0 10px;
    color: #222;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    outline: none;
    text-decoration: none;
    font-weight: 600;
    font-size: 13.5px;
    /* border-top: 2px solid #f0f0f0; */
}

#menu_haut >ul> li.PGS_SPECIALE_7 > a {
    background-color: var(--main-color);
    padding: 10px 20px;
    border-radius: 5px;
}

#menu_haut >ul> li.PGS_SPECIALE_7 > a:hover {
    background-color: #fff;
    color: var(--main-color);
}
.block_sub {
    position: absolute;
    top: 110px;
    z-index: 999;
    padding: 0 0;
    background: #fff;
    left: 0px;
    padding-top: 40px;
    list-style-type: none;
    padding-bottom: 40px;
}
.block_sub {
    left: -9999px;
    opacity: 0;
    -webkit-transition: top .2s ease, opacity .2s ease;
    -moz-transition: top .2s ease, opacity .2s ease;
    -ms-transition: top .2s ease, opacity .2s ease;
    -o-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
    top: 100%;
    width: 100%;
    background-color: #f1f1f1;
    border: 0px;
}
.center_menu {
    max-width: 1140px;
    margin: auto;
    font-size: 0;
    display:flex;
}
    .intro_sub{
        border-right:1px solid #ccc;
    }
.link_sub {
   display:flex;
    width: calc(100%);
    vertical-align: top;
    font-size: 0;
    margin:auto;
        letter-spacing:0;
}
.col_sub {
    /* display: inline; */
    vertical-align: top;
    /* width: 32.333333%; */
    text-align: left;
    padding-left: 15px;
    line-height: 30px;
    margin-bottom:5px;
}

.col_sub h5 {
    margin-top: 0px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 0px;
}
.col_sub h5 a {
    text-align: left!important;
    font-size: 12px;
    font-weight: bold!important;
       letter-spacing:0px;
}
.list_menu1{
    letter-spacing:0;
    margin-left:30px;
    display:inline-block;
    width:100%;
    position:relative;
    vertical-align:top;
}
.list_menu1 li{

}
.list_menu1 > ul > .active > a{

    background-color:#f7941d;
    color:#fff!important;

      display:block;
        color:#fff!important;


}
.list_menu1  a{
        display:inline-block;
        padding:3px 10px;
}
.list_menu1 li ul{
    font-size:0px;
    letter-spacing:0;
}
.list_menu1 li ul li{
    display:inline-block;
    width:33.333333%;
text-align:left;
    font-size:12px;
    padding:0px 10px;
}
.list_menu1 li ul li a{
    display:block;
}
.list_menu1 li ul li:hover a{
    background-color:#f7941d;
    color:#fff!important;
    border-color:#f7941d;
}
.list_menu1 li ul li a{
    text-transform:none;
    letter-spacing:0px;
    font-size:14px;
    padding:5px 5px;
}

.panel_content{
    border:1px solid #ccc;
    width:66.666%;
    letter-spacing:0;
    display:inline-block;
    font-size:12px;
    padding:10px;
}
.list_menu1 li ul li a{
    border-top:1px solid #ccc;
    display:block;
}
.list_menu1 li ul li:first-child a{
    border:0px;
}
.list_menu1 li ul li:nth-child(2) a{
    border:0px;
}
.list_menu1 li ul li:nth-child(3) a{
    border:0px;
}
.list_menu1 > ul {
    text-align: left;
display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
    .col_sub_menu{
        /* font-size:0; */
        display:
        inline;
    }
.list_menu1 > ul > li{
    margin-bottom:2px;


    list-style:none;

}
#menu_haut .list_menu1 li ul{
        border: 1px solid #ccc;
    position:absolute;
    display:none;
    left:33.333%;
        text-align:left;
    top:0;
    width:66.666%;
    box-sizing:border-box;
    padding: 10px 0px!important;

    bottom:0;
}
#menu_haut .list_menu1 li.active ul{
    display:block;
}
.list_menu1 > ul > li > a{

       text-align: left!important;
    font-size: 13px;
    font-weight: bold;

       letter-spacing:0px;
}
.col_sub ul {
    display: block;
    font-size: 14px;
}
.col_sub ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.col_sub ul li {
    padding: 0px;
    font-size:12px;
    line-height:1em;
    padding:0px 0px;
    margin: 0px;
}
.col_sub ul li a{
    font-size:13px;
    line-height:18px!important;
    letter-spacing:0px;
    text-transform:none;
    color:#000;
    z-index: 10000000;
}
.intro_sub h4 {
    font-size: 30px;
    color: #424242;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0px;
    margin-bottom: 20px;
}
.intro_sub p {
    font-size: 14px;
    text-align: justify;
    text-transform: none;
    margin-bottom: 0px;
}
.menu-sub {
    position: absolute;
    top: 49px;
    z-index: 999;
    padding: 0 0;
    background: #f5f5f5;
    left: -17px;
    list-style-type: none;
        box-shadow: 0 5px 9px rgba(0,0,0,0.058);
}
.menu-sub > li {
    display: block !important;

}
.menu-sub > li:hover {
    background: #fff;
}
#panier_head{
    display:flex;
    align-items: center;
    align-content: center;
}
.menu-sub a {
    min-width: 150px;
    padding: 10px 13px 10px 15px !important;
    text-transform:none;
    font-size:15px;
    line-height:22px;
    font-weight:500!important;
}

.t100 {
    width: 100%;
}
.t90 {
    width: 90%;
}

.t80 {
    width: 80%;
}

.t70 {
    width: 70%;
}

.t60 {
    width: 60%;
}

.t50 {
    width: 50%;
}

.t40 {
    width: 40%;
}

.t30 {
    width: 30%;
}
.t20 {
    width: 20%;
}
.mbt0{
  margin-bottom: 0px!important;
}
.mbt10{
  margin-bottom:10px;
}
.mbt20{
  margin-bottom:20px;
}
.mbt30{
  margin-bottom:30px;
}
.mbt40{
  margin-bottom:40px;
}
.mbt50{
  margin-bottom:50px;
}
.mbt60{
  margin-bottom:60px;
}
.mbt70{
  margin-bottom:70px;
}
.mbt80{
  margin-bottom:80px;
}
.mbt90{
  margin-bottom:90px;
}
.mbt100{
  margin-bottom:100px;
}

.mt0{
  margin-top: 0px!important;
}
.mt10{
  margin-top:10px;
}
.mt20{
  margin-top:20px;
}
.mt30{
  margin-top:30px;
}
.mt40{
  margin-top:40px;
}
.mt50{
  margin-top:50px;
}
.mt60{
  margin-top:60px;
}
.mt70{
  margin-top:70px;
}
.mt80{
  margin-top:80px;
}
.mt90{
  margin-top:90px;
}
.mt100{
  margin-top:100px;
}

.pbt0{
  padding-bottom: 0px!important;
}
.pbt10{
  padding-bottom:10px;
}
.pbt20{
  padding-bottom:20px;
}
.pbt30{
  padding-bottom:30px;
}
.pbt40{
  padding-bottom:40px;
}
.pbt50{
  padding-bottom:50px;
}
.pbt60{
  padding-bottom:60px;
}
.pbt70{
  padding-bottom:70px;
}
.pbt80{
  padding-bottom:80px;
}
.pbt90{
  padding-bottom:90px;
}
.pbt100{
  padding-bottom:100px;
}

.pt0{
  padding-top: 0px!important;
}
.pt10{
  padding-top:10px;
}
.pt20{
  padding-top:20px;
}
.pt30{
  padding-top:30px;
}
.pt40{
  padding-top:40px;
}
.pt50{
  padding-top:50px;
}
.pt60{
  padding-top:60px;
}
.pt70{
  padding-top:70px;
}
.pt80{
  padding-top:80px;
}
.pt90{
  padding-top:90px;
}
.pt100{
  padding-top:100px;
}

.bordertop{border-top: 2px solid #00000047;margin-top: 20px;}


.button-cata{
    position: fixed;
    top: 75vh;
    left:0;
    z-index: 1000;
    width: auto;
    background-color: var(--terti-color);
    box-shadow: 0 0 10px #4f4f4f80;
    color: #fff!important;
    padding: 20px;
    font-size: 38px;
    display: flex;
    line-height: 18px;
    font-weight: 500;
    gap: 10px;
    align-items: center;
}

.button-cata span {
    font-size: 18px;
}

.actu_border, .actu_bloc {
    box-shadow: 0 0 10px #cacaca61;
    width: 100%;
    height: 100%;
    /* border-radius: 10px; */
    overflow: hidden;
    background-color: #fff;
    border-top: 8px solid var(--main-color);
    border-radius: 10px;
}

.actu_border .img-actu, .actu_bloc .actu_img {
    max-height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

actu_bloc .actu_img a {
    width: 100%;
    height: 100%;
}

.txt-actu, .actu_txt {
    padding: 20px 20px 10px;
    min-height: calc(100% - 350px);
}

#paragraphe1705 .actu_txt {
    min-height: calc(100% - 130px);
}

.txt-actu h4, .actu_txt h4 {
    line-height: 20px;
}

.txt-actu p {
    line-height: 20px;
}

.actu_border .read-more, .lin_actu a.suite, a.suite {
    padding: 10px;
    display: flex;
    margin: auto;
    /* height: 40px; */
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 5px;
    color: #fff;
    background-color: var(--main-color);
    width: 200px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    align-content: center;
    transition: all 0.5s ease;
    font-weight: bold;
}

.contain_actus{
    display:
    flex;
    flex-wrap: wrap;
    margin: 50px 0;
    align-items: stretch;
    align-content: space-between;
    justify-content: center;
    flex-direction: row;
    gap: 60px;
}

.contain_actus .actu_bloc{
    width: calc(33.3% - 40px);
    display: flex;
    flex-direction: column;
    /* margin:0 20px 30px; */
    height: auto;
    justify-content: flex-start;
    padding-bottom: 20px;
}

.contain_actus .actu_bloc .actu_img{
    width:100%;
    /* height:150px; */
    overflow:
    hidden;
    display:
    flex;
    justify-content: center;
    align-items: center;
}

.contain_actus .actu_bloc .actu_img img.mdl_billet, .contain_actus .actu_bloc .actu_img a{
    width:100%;
    padding: 0!important;
}
.contain_actus .actu_bloc .actu_img img.mdl_billet{
    width: 100%;
    height: auto;
}

#paragraphe1705 .contain_actus .actu_bloc .actu_img img.mdl_billet {
    max-height: 130px;
    width: auto;
    padding-top: 30px!important;
}
 .contain_actus .actu_bloc .actu_img a{
     display:block;
     text-align:center;
 }
.contain_actus  .prevnext{
    width:100%;
}

.contain_actus .actu_txt{
    display:
    flex;
    flex-direction: column;
    justify-content: space-between;
}

.contain_actus .actu_txt h4{
    font-size: 18px;
    font-weight: 600;
    /* background-color: #333; */
    color: var(--second-color);
    margin: 0;
    padding: 10px;
}

#centreetdroite .contain_actus .actu_txt h4 a{
    color: var(--second-color);
}

.contain_actus .actu_txt p{
    padding:10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contain_actus .date{
    width:100%;
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #b3b3b3;
    display: none;
}

.actu-container{
    display:
    flex;
    padding-top:50px;
    max-width:1140px;
    margin:
    auto;
    min-height:500px;
    flex-wrap: wrap;
}

.actu-container .bloc-img,
.actu-container .bloc-img img.mdl_billet{
    width: 400px!important;
    height: auto!important;;
}

.actu-container .bloc-txt{
    width: calc(100% - 400px);
    padding-left: 20px;
}

.actu-container .bloc-txt h4{
    font-size:22px;
    font-weight:600;
}

a.suite {
    background-color: var(--main-color);
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    border: 1px solid var(--main-color);
    text-align: center;
}
a.suite:hover {
    background-color: transparent;

    color: var(--main-color)!important;
}
a.suite:visited {
    color: #ffffff;
}

.secteurs{
    background-color: var(--second-color);
    padding: 100px 25px;
    display: flex;
    /* height: 100px; */
    justify-content: center;
    align-items: center;
    z-index: 4;
    position: relative;
    flex-wrap: wrap;
    flex-direction: column;
}

.message {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 33px 25px;
    background-color: var(--terti-color);
}

#centreetdroite
 .message p {
    color: #fff;
    text-align: center;
}

#centreetdroite .message p a {
    color: #fff;
    transition: all 0.5s ease;
}

#centreetdroite .message p a:hover {
    color: #353535;
}


.secteurs:after {
    content: '';
    position: absolute;
    z-index: 2;
    background-color: var(--main-color);
    width: 100%;
    height: 2px;
    bottom: 148px;
    display: none;
}

.secteurs .section-title h2, .section-title h2 {
    color: var(--main-color);
    text-align: center;
    padding-bottom: 0;
    font-weight: 600;
}

.produit-phare .section-title h2 {
    color: var(--main-color);
}

.secteurs .section-title {
    width: 100%;
    max-width: 1170px;
}

.contain-cat-home{
    display:
    flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 1170px;
    width: calc(100% - 210px);
    gap: 45px;
    align-items: stretch;
    align-content: space-between;
    z-index: 5;
    max-width: calc(1170px - 210px);
    width: 100%;
    max-width: 1170px;
}

.paragraphe .contain-cat-home {padding-top: 20px;}

.contain-cat-home a, .contain-cat-home > div, .contain-cat-home.x3 > div{
    /* width: 33.3%; */
    display:
    flex;
    /* margin-bottom: 25px; */
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-content: center;
    /* padding: 20px; */
    background-color: #fff;
    width: calc(25% - 34px);
    min-height: 200px;
    box-shadow: 0px 0px 16px #9f9f9f;
    /* background-image: url('../images/interface/SIT_VETBIGORRE/slide3.jpg'); */
    background-size: cover;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.produit-phare .contain-cat-home a {
    box-shadow: 0px 0px 10px #45454573;
}

.contain-cat-home a.imgctn {
    background-color: var(--main-color);
}

.produit-phare  .contain-cat-home a img {
    opacity: 0.85;
}

.contain-cat-home a.imgctn:hover img {
    transform: scale(1.05);
}

.contain-cat-home a img {
    position: absolute;
    opacity: 0.5;
    transition: all 0.5s ease;
}

.contain-cat-home.x4 > div {
    width: 25%;
}

.contain-cat-home.x2 > div {
    width: 50%;
}

.contain-cat-home > div img {
    width: 100%;
    height: auto;
}

.paragraphe .contain-cat-home > div img {
    position: absolute;
    z-index: 1;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    width: auto;
}

.paragraphe .contain-cat-home > div.nobg img {
    position: absolute;
    min-width: auto;
    min-height: auto;
    top: 30%;
    height: 30px;
}

.paragraphe .contain-cat-home > div.nobg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    background-color: var(--second-color);
}

.paragraphe .contain-cat-home .button_slide a, #centreetdroite .paragraphe .contain-cat-home .button_slide:last-child a {
    width: 100%;
    background: transparent;
    box-shadow: none;
    font-size: 16px;
    font-weight: 600;
    color: var(--second-color);
    margin-bottom: 0;
}

#centreetdroite .paragraphe .contain-cat-home > div .txt p a {
    color: #fff;
}

#centreetdroite .paragraphe .contain-cat-home .button_slide:last-child a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    min-height: auto;
    padding-top: 50px;
    color: #000;
}

#centreetdroite .paragraphe .contain-cat-home .button_slide:last-child p {
    width: 100%;
    height: 100%;
    display: flex;
}

#centreetdroite .paragraphe .contain-cat-home .button_slide:last-child a:after {
    display: none;
}

.paragraphe .contain-cat-home > div .txt {
    width: 100%;
    height: 100%;
}

.paragraphe .contain-cat-home > div.nobg .txt {
    height: 100%;
    display: flex;
    justify-content: center;
}

.contain-cat-home.x1 > div {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 20px 40px;
    min-height: 185px;
    overflow: hidden;
    background: #e7e7e7;
}

.contain-cat-home.x1 > div .picto {
    width: 190px;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* gap: 10px; */
    align-content: center;
    flex-direction: column;
    padding-right: 35px;
    border-right: 3px solid #c3c3c3;
}

.contain-cat-home.x1 > div svg {
    max-width: 47px;
    max-height: 47px;
    /* position: absolute; */
    /* left: -4px; */
    /* bottom: -7px; */
    fill: var(--main-color);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.contain-cat-home.x1 > div .txt {
    width: calc(100% - 220px);
    padding-left: 20px;
}

.contain-cat-home.x1 > div .txt h4, .contain-cat-home.x1 > div h4 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    /* width: 100%; */
    margin: 0;
    text-align: center;
    height: auto;
    padding-top: 10px;
    /* border-top: 3px solid var(--second-color); */
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.contain-cat-home.x1 > div h4:before {
    display: flex;
    content: '';
    width: 46px;
    height: 3px;
    background: var(--second-color);
    margin-bottom: 13px;
}

#centreetdroite .contain-cat-home.x1 > div .txt p {
    font-size: 16px;
    text-align: left;
    font-weight: 400;
}

.contain-cat-home > div {
    height: auto;
    padding: 20px 10px;
    background: #e9e9e9;
    box-shadow: 0px 0px 16px #bbbbbb;
}

.contain-cat-home > div:hover .txt {
    transform: scale(1.05);
}

.contain-cat-home.x5 > div {
    width: calc(20% - 36px);
}

.contain-cat-home.x5 > div svg {
    fill: var(--main-color);
    width: 35px;
    margin-bottom: 14px;
}

.contain-cat-home a:nth-of-type(4) {
    background-color: var(--terti-color);
}

.produit-phare .contain-cat-home a:nth-of-type(4) {
    background-color: var(--main-color);
}

.produit-phare .contain-cat-home a svg {
    fill: var(--second-color);
}

.produit-phare .contain-cat-home a:nth-of-type(4) .txt p {
    color: var(--second-color)!important;
}

.contain-cat-home a:nth-of-type(4) .txt p {
    color: #000000!important;
}

.contain-cat-home a:after {
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    /* background-color: #fff; */
    /* opacity: 0.3; */
    /* max-width: 1170px; */
}

.contain-cat-home a:hover svg {
    transform: scale(1.1);
}

.contain-cat-home a svg{
    width: 40px;
    margin-bottom: 5px;
    transition: all 0.5s ease;
    position: relative;
    z-index: 3;
    fill: var(--main-color);
}

.contain-cat-home a .txt, .contain-cat-home > div .txt{
    /* width: calc(100% - 115px); */
    text-align: center;
    /* padding-left: 0; */
    padding-top: 10px;
    position: relative;
    z-index: 4;
}

.contain-cat-home > div .txt {
    padding-top: 0;
    transition: all 0.5s ease;
}

.contain-cat-home a .txt p, .contain-cat-home > div .txt p {
    margin-bottom: 0;
}

#centreetdroite .contain-cat-home a .txt p, #centreetdroite .contain-cat-home > div .txt p, #centreetdroite .contain-cat-home a .txt h3{
    font-size:16px;
    font-weight:600;
    color: var(--second-color);
    margin-bottom: 0;
}

#centreetdroite .contain-cat-home a.imgctn .txt p, #centreetdroite .contain-cat-home a.imgctn .txt h3 {
    color: #fff;
    font-size: 20px;
}

#centreetdroite .contain-cat-home > div .txt p {
    /* color: #fff; */
}

#centreetdroite .contain-cat-home a .txt p.small{
    font-size:14px;
    font-weight:400;
    margin-bottom: 0!important;
}


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

    li:hover > .block_sub {
        opacity: 1;
        left: 0px;
       top:100%;
        text-align:left;
    }
 #menu_haut > ul > li:hover > ul {
        left: 0;
        top: 100%;
        opacity: 1;
        width: 230px;
        padding: 5px 5px!important;
    }
     #menu_haut > ul > li.sousmenu-bis:hover > ul {
        left: 0;
        top: 100%;
        opacity: 1;
        width: 200px;
        padding: 5px 10px!important;
    }
 .extend {
        display: none!important;
    }

}
#menu_haut > ul > li > ul {
    top: 100px;
}
#menu_haut ul ul {
    left: -9999px;

    -webkit-transition: top .2s ease, opacity .2s ease;
    -moz-transition: top .2s ease, opacity .2s ease;
    -ms-transition: top .2s ease, opacity .2s ease;
    -o-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
}
#menu_haut > ul   > li >ul {
   opacity: 0;
}
/*******************************/
/* specific to non IE browsers */
/* =============================================================================
 * End of Menu
 * ===========================================================================*/
 .ligne-marque{
     display:table;
      border-top:3px solid #ddd;

 }
  .ligne-marque:last-child{
          border-bottom:3px solid #ddd;
  }
 .block_marque{
     display:table-cell;
     width:20%;
     padding:15px 15px;
     vertical-align:top;
     position:relative;
     border-left:3px solid #ddd;


 }
 .block_marque:last-child{
      border-right:3px solid #ddd;
 }
 .block_marque:last-child{
      border-right:3px solid #ddd;
 }
 .block_marque .inner_marque > a{
     display:table-cell;
     vertical-align:middle;
     height:100px;
     width:200px;
 }
 .list_cat{
     margin-left:0;
 }
.list_cat li{
    list-style:none;
    display:inline-block;
    width:20%;
    box-sizing:border-box;
    padding:0 30px;
    margin-bottom:50px;
}
.list_cat li img,
 .block_marque img{
    max-width:100%;
    height:auto;
    display:block;
    margin:auto;
}
 .block_marque img{
     max-height:80px;
     width:auto;
 }
 .inner_marque{


          display:block;
          top:0;
          bottom:0;
          height:100%;

 }
  .block_marque  h3{
      margin:0;
  }
.list_cat li span,
 .block_marque  h3 a{
    text-align:center;
    display:block;
    margin-top:30px;
    font-size:18px;
   color:#222;
}
#header_popup {
    display: none;
}
#fiche_panier_add  table img{
   max-width:400px;
   height:auto;
}
.block_color{
    display:inline-block;
    padding:0 10px;
}
.block_color:first-child{
    padding-left:0px;

}
.block_color img{
    width:80px;
    height:auto;
}
.block_color:first-child img,
.block_color:hover img{
    border:1px solid #000;
}
.other_color{
    margin-bottom:15px;
}
.other_color h5{
    font-size:15px;
    margin-bottom:10px;
    font-weight:bold;
}
.fiche_produit{
    width:400px;
    text-align:center;
    height:300px;
    vertical-align:middle;
    border:6px solid #eee;
    background-color:#fafafa;
    display:table-cell!important;

}
.fiche_produit +td  h4{
    font-weight:bold;
    font-size:20px;
}
.ref_prod{
    margin:15px 0px!important;
    margin-bottom:5px!important;
}
.enstock +p{
    margin-bottom:20px!important;
}
.enstock img{
    max-width:20px!important;
    vertical-align:middle!important;
    padding-right:10px;
    box-sizing:content-box;
}
.ref_prod label{
    display:inline-block;
    font-weight:normal;
    padding-right:5px;
}
.fiche_produit + td{
    padding-left:60px!important;
    padding-top:0!important;

}
#contenu {
    margin: 0;
    padding: 0;
    padding-top: 50px;
    padding-bottom:40px;
    position: relative;
    width: 100%;
    margin: auto;
    z-index: 4;
    background-repeat: no-repeat;
    background-position: right bottom;
    max-width: 1170px;
}
.page_liquid #contenu {
    width: 100%!important;
}
.page_liquid #centreetdroite {
    width: 100%!important;
}
.pageAccueil #contenu {
    padding: 0px;
    width: 100%;
    max-width: none;
}

.pageAccueil #ariane {
    display: none;
}
.video_section{
    width:50%;
    margin:auto;
    margin-bottom:30px;
}
#contenu_scroller {
    /* text-align: justify; */
    width: 100%;
}
.row_user{
    font-size:0;
      margin:0 -15px;
}
.left_user{
    font-size:16px;

}
.calendar_chr{
    padding-bottom:30px;
}
.left_user, .right_user{
    display:inline-block;
    width:50%;
    padding:0 15px;
    vertical-align:top;
}
.row_video{
    font-size:0;
    margin:0 -15px;
text-align:center;
}
.back_btn a img{
    width:160px;
}
.back_btn a{
    display:inline-block;
    vertical-align:top;
}
.video_section{
    display:inline-block;
    padding:0 15px;
}
.video-container{
    margin-top:0px!important;
}
.creat_ticket{
    margin-bottom:20px;
    text-align:right;
}
.titre_prod{
    display:inline-block;
    font-size:15px;
    vertical-align:middle;
    width:350px;
}
.produit_obli .config{
    display:inline-block;
    vertical-align:middle;
    margin-left:60px;

}
.produit_obli .config .group_config{
    margin-bottom:0px;
}
.add_obli{
    border:1px solid #ccc;
    padding:15px;
    margin-bottom:15px;
}
.produit_obli{
    font-size:0;
    margin-bottom:15px;
}
.produit_obli .config label{
    width:auto!important;
    margin-right:15px;
    vertical-align:middle;
}
.qty_obli{
    vertical-align:middle;
    display:inline-block;
    font-size:15px;
}
.add_obli h4{
    margin-top:0px;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    margin-bottom:15px;
}

.fiche_marque > p img{
    padding-left:80px;
    height:auto;
    max-width:250px;
    padding-bottom:40px;
    box-sizing:content-box;
}
.fiche-compte{
    position:relative;
}
.fiche_marque > p{
    padding:0 15px;
}
.fiche_marque > h3{
    margin:0 15px;
    margin-bottom:20px;
        border-bottom: 1px solid #f0881f;
    padding-bottom: 5px;
}
#gauche {
    float: right;
    margin: 0;
    padding: 0;
    padding: 0 0 0 20px;
    /* background-image: url(../images/interface/fond-gauche.png); */

    background-repeat: no-repeat;
    background-position: left center;
    width: 262px;
}
#droite p, #centreetdroite p, #centre p, ul li {
        margin: 0 0 10px 0;
        color: #353535;
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
}
.stock_info {
    font-size:14px!important;
}
.ok_stock{
 color:#4cbb6c!important;
}
.warning_stock{
 color:#ff9a52!important;

}
.warning_stock:before{
 content: "\f071";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 padding-right:10px;
}
.ok_stock:before{
 content: "\f00c";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 padding-right:10px;
}
.slog-tx2 {
    font-size: 18px!important;
    font-weight: 700!important;
    line-height: 22px!important;
}
.cmd_obli{
    display:block;
    color:red;
    margin-top:15px;
}
.info_liste{
    position:absolute;
    right:0;
    bottom:10px;

}
.about h3{
    font-weight:300;
    margin-bottom:10px;
    color: var(--main-color);
}
.about{
    padding:0px 0px;
}
.about .button, .paragraphe .button{
    position: relative;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin: 10px auto;
    /* margin-right: 10px; */
    line-height: 1;
    padding: 18px 20px;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    -o-transition: all 0.21s ease;
    transition: all 0.21s ease;
    /* margin-top: 25px; */
}

.button.color {
    background-color: var(--terti-color);
}

.button.color:hover {
    background-color: var(--main-color);
}
.services{
    background-color:var(--main-color);
    color:#fff;
    padding: 10px 0px;
}

.services.red {
    background-color: var(--terti-color);
}
.temoignage{
    padding:80px 0px;
    background-color: #fafafa;
}
.services p{
    color:#fff!important;
    font-weight:300;
    margin-top:10px!important;margin-bottom:0px!important;

}
.services h4{
    color:#fff;
}
.icon-box20:hover i{
    background-color:#fff;
    color:#f0881f;
}
.icon-box20:first-child{
    /* margin-bottom:50px; */
}
.icon-box20 i:before{
 margin-left:0px;
 font-size:35px;
 font-weight:100;
 margin-left:-3px;
}
.icon-box20 i{
    line-height:25px;

}
.icon-box20{
    /* min-height:104px; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-box20 img {
    max-width: 105px;
}
.services .col{
    padding:0px;

}
.desc-service{
   width:calc(100% - 140px);
   display:inline-block;
   vertical-align:middle;
}

.icon-box20 .desc-service {
    width: 100%;
    text-align: center;
}
.section-title h2{
    line-height: 1;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 0;
    position: relative;
    font-weight: 100;
    padding-left: 0;
    padding-bottom: 35px;
    margin-bottom: 0;

}
.temoignage .section-title h2{
    color:#000;
}
.temoignage .section-title{
    text-align:center;
}

.icon-box20 i ,.icon-box20 span{
    display: inline-block;
    font-size: 32px;
    border: 3px solid;
    vertical-align:middle;
    padding: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* margin-right: 15px; */
    width: 92px;
    height: 92px;
    text-align: center;
    transition: all 0.18s ease;
}
.icon-box20 span{
}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer;}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top:10px;text-align:center;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center;}
@media only screen and (min-width:768px){.owl-item img{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;filter:grayscale(100%);-moz-filter:grayscale(100%);}
.owl-item img:hover{filter:grayscale(0%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%);filter:none;-webkit-filter:grayscale(0);}
}
.client-block{width:100%;display:block;margin-bottom:60px;}
.our-clients-wrap{float:none;margin-top:10px;position:relative;}
.our-clients-wrap.crsl{margin-top:35px;margin-left:auto;margin-right:auto;}
ul.our-clients li{list-style:none;width:20%;padding:10px 15px;text-align:center;float:left;min-height:130px;margin:0;vertical-align:middle;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
ul.our-clients li:nth-child(5n){border-right:none;}
ul.our-clients li:nth-child(n+6){border-bottom:none;}
ul.our-clients li:nth-child(n+11){border-top:1px solid #e9e9e9;}
@media only screen and (max-width:767px){.our-clients-wrap{padding-top:30px;}
ul.our-clients li{width:49.979%;}
ul.our-clients li:nth-child(5n){border-right:1px solid #e9e9e9;}
ul.our-clients li:nth-child(2n){border-right:none;}
ul.our-clients li:nth-child(n+6){border-bottom:1px solid #e9e9e9;}
ul.our-clients li:nth-child(n+3){border-bottom:none;}
ul.our-clients li:nth-child(n+5){border-top:1px solid #e9e9e9;}
}
ul.our-clients li img{height:auto;width:auto;max-width:100%;max-height:110px;margin:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(1);}
ul.our-clients li img:hover{filter:grayscale(0%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%);filter:none;-webkit-filter:grayscale(0);}
#our-clients.crsl.our-clients li{border:none;}
ul.our-clients li:first-child{margin-left:0;}
ul.our-clients:after{clear:both;}
#wrap .crsl{margin:0;}
#wrap .crsl .owl-buttons div{top:40px;opacity:1;position:absolute;right:auto;left:50%;color:#929ca3;background:none;padding:0;}
#wrap .crsl .owl-buttons div:hover, .our-clients-wrap.crsl .owl-buttons div:active{color:#3fcae7;}
#wrap .crsl .owl-buttons div{font-family:vc_entypo;}
#wrap .crsl .owl-buttons .owl-prev{left:-35px;top:40px;right:auto;}
#wrap .crsl .owl-buttons .owl-next{top:40px;right:-36px;left:auto;}
#wrap .crsl .owl-buttons div:after, #wrap .crsl .owl-buttons .owl-prev:after{font-family:'simple-line-icons';font-size:31px;font-weight:100;}
#wrap .crsl .owl-buttons div:after{content:"\e606";}
#wrap .crsl .owl-buttons .owl-prev:after{content:"\e605";}
#wrap .crsl li{width:100%;float:left;list-style:none;}
#wrap .crsl li img{max-width:100%;}
.our-clients-wrap.crsl{margin-top:0;}
.testimonial-carousel{position:relative;padding:0 40px;}
.testimonial-carousel .tc-item{text-align:center;padding:10px 25px;}
.testimonial-carousel .tc-item img{margin-bottom:30px;width:90px;height:90px;border-radius:60px;box-shadow:0 2px 0 0px rgba(0,0,0,0.011);padding:3px;background:#fff;border:1px solid #f0f0f0;}
.testimonial-carousel .tc-content{position:relative;background:#fff;color:#808080;margin-top:30px;margin-bottom:18px;padding:30px;font-size:14px;border:1px solid #eaeaea;border-radius:2px;box-shadow:0 2px 0 0px rgba(0,0,0,0.025);}
.testimonial-carousel .tc-name{font-size:15px!important;font-weight:600;color:#333!important;margin-bottom:3px;line-height:1.2;}
.testimonial-carousel .tc-job{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#888;}
.testimonial-carousel .tc-navigation{position:absolute;width:100%;left:0;right:0;top:50%;}
.testimonial-carousel .tc-navigation .btn.next, .testimonial-carousel .tc-navigation .btn.prev{position:absolute;font-size:18px;width:34px;height:34px;display:block;padding:4px;text-align:center;border:1px solid #e3e3e3;border-radius:73px;right:0;color:#666;background:#fff;cursor:pointer;box-shadow:0 2px 0 0px rgba(0,0,0,0.045);transition:all 0.18s ease;}
.testimonial-carousel .tc-navigation .btn.next:hover, .testimonial-carousel .tc-navigation .btn.prev:hover{background:#393939;color:#fff;border-color:#393939;}
.testimonial-carousel .tc-navigation .btn.prev{right:auto;left:0;}
@media (min-width:768px) and (max-width:959px){.testimonial-carousel .tc-item{padding:10px 15px;}
.testimonial-carousel .tc-content{padding:16px 12px;font-size:13px;}
}
@media only screen and (max-width:767px){.testimonial-carousel .tc-item{padding:10px;}
.testimonial-carousel .tc-content{padding:20px 15px;font-size:12px;}
}
.section-title{
    position:relative;
    margin-bottom:40px;
    /* border-bottom:3px solid; */
    /* border-color: rgba(255, 255, 255, 0.25); */
}
/* .section-title:after{
    left: 0;
    background-color: #fafafa;
    width: 106px;
    content: '';
    position: absolute;
    bottom: -3px;
    height: 3px;
}
.section-title:before{
  width: 140px;
    background-color: var(--main-color);
    width: 140px;

    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    height: 3px;
} */
.about-us{
    padding:0px 0px;
}

.cta {
    width: 100%;
    display: flex;
    min-height: 230px;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 20px;
    background-image: url('../images/interface/SIT_DMP/bg-cta.jpg');
    position: relative;
    background-size: cover;
}

.cta div {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    gap: 20px;
    flex-wrap: wrap;
}

.cta div h3 {
    font-weight: 600;
    color: #fff;
}

.cta:after {
    content: '';
    display: flex;
    background-color: var(--main-color);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.75;
}

.cta a {
    position: relative;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    /* display: inline-block; */
    font-family: 'Poppins', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    /* margin: 10px auto; */
    /* margin-right: 10px; */
    line-height: 1;
    padding: 11px 20px;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    -o-transition: all 0.21s ease;
    transition: all 0.5s ease;
    background-color: #fff;
}

.cta a:hover {
    transform: scale(1.05);
}
.about-us img{
    max-width:100%;
}
.img_home {
    text-align:center;

}
.about p{
    color:#444;
    /* font-size: 16px!important; */
    font-weight: 500;
}
h1, h2, h3, h4, h5, h6 { color: #171c24; font-weight: 300;margin:0; }
h4,h3{
    margin:10px 0px;
}
.titre_cat_doc{
    margin:10px 0px;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
#paragraphe1436 .title_h3,
#paragraphe1442 .title_h3,
#paragraphe1470 .title_h3,
#paragraphe1471 .title_h3{
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:30px;
}
.list_pdf{
    margin:0 -15px;
    text-align:center;
}
#centre {
    width: 620px;
    margin: 0;
    margin-left: 30px;
    padding: 0;
}
#centreetdroite {
    width: 100%;
    margin: auto;
    padding-bottom: 20px;
    max-width: 1170px;
}
.pageAccueil #centreetdroite {
    padding-bottom: 0;
    height: auto!important;
    width: 100%!important;
    max-width: none;
}

#droite {
    width: 300px;
    margin: 0;
    padding: 0;
    /*float:right;*/

    position: absolute;
    top: 0px;
    right: 0px;
}
#pied #conteneur_pied {
    /* background-image:url(../images/interface/top-pied.png); */
    color: var(--main-color);
    /* background-color: #2d343f; */
    background-repeat: no-repeat;
    background-position: center top;
    width: 1140px;
    margin: 0 auto;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    /* margin-bottom:40px; */
}


.slog-tx1 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

#pied h6 {
    text-transform: uppercase;
    color: var(--terti-color);
    font-weight: 800;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 24px;
    letter-spacing: -0.5px;
    font-size:16px;
    border-bottom: 2px solid rgba(255,2555,255,0.02);
}

#pied .col > a {
    color: var(--main-color);
}

.pageAccueil h2 {
    /* display:none; */
}

#pied {
    width: 100%;
    margin: auto;
    background-color: var(--second-color);
    color: #fff;
}
#conteneur_pied:after{
    content:'';
    clear:both;
    display:table;
}
/**********/
/* GAUCHE */
/**********/
/**********/
/* CENTRE */
/**********/

img.imgtitre {
    margin-left: 0px!important;
    padding: 9px!important;
    padding-left: 0px!important;
}
img.mdl_billet {
    padding-right: 5px!important;
    padding-bottom: 5px!important;
    padding-top: 5px!important;
}
h2 img.imgtitre {
    margin-left: 0px!important;
    padding: 0px!important;
}



#centreetdroite .news h4 a {
    font-size: 18px!important;
}




.ariane a {
    text-decoration: underline;
    color: #8C8C8C
}


#centre p img {
    padding: 0 5px;
    margin: 0;
}

#centreetdroite h4 a {
    color: #1a333c!important;
    font-size: 20px!important;
}


img.picto {
    padding: 2px 2px 0 0;
}
img.immo,
img.immo_vignette {
    padding: 0 4px;
    background-color: #FFFFFF;
}
#droite img.immo,
#droite img.immo_vignette {
    padding: 0 4px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
/**********/
/* DROITE */
/**********/

input {
    font-size: 0.85em;
}
select {
    font-size: 0.85em;
}
#gauche h4 a {
    color: #36b5e4!important;
}
#gauche p {
    color: #1a333c!important;
}
#gauche #paragraphe146 .suite {
    position: absolute;
    background-color: #36b5e4;
}
#gauche #paragraphe146 .suite:hover {
    background-color: #36b5e4;
    color: #fff!important;
    border: none;
}
#gauche .mdl_billet p {
    padding-bottom: 40px;
}
#gauche h3 {
    text-transform: uppercase;
}
/********/
/* PIED */
/********/

#pied {
    font-size: 16px;
}
#pied ul {
    margin: 0;
    padding: 0;
    /* text-align: center; */
}
html>body #pied ul {
    margin: 0;
    list-style: none;
}

ul.social {}
.about-widget p{
    color:#898b92;
    font-size:14px;
}
.links-widget li a:before{
        font-family: 'FontAwesome';
        color: var(--main-color);
        font-size: 16px;
        content: "\f105";
        padding: 10px;
}
.side-list ul, ul.side-list{list-style:none;margin-left:0;margin-bottom:0px;}
.side-list li, .side-list li,.side-list li{border-bottom:none;padding:15px 0 5px;margin:0;min-height:90px;text-align:left;}
.side-list li:last-child, .side-list li:last-child, .side-list li:last-child{border-bottom:none;}
.side-list li:hover{background:#fdfdfd;}
.side-list img{float:left;width:70px;height:63px;padding:2px;margin-right:10px;-webkit-transition:all .14s ease;-moz-transition:all .14s ease;-ms-transition:all .14s ease;-o-transition:all .14s ease;transition:all .14s ease;}
.side-list li:hover img{background:#f0881f;}
.side-list h5{font-size:13px;font-weight:500;margin:0 0 6px;line-height:1.4;letter-spacing:0;text-transform:none;}
.side-list h5 a{color:#303030;}
.side-list h5 a:hover{text-decoration:underline;}
.side-list p{font-size:11px;color:#7d8195;margin-bottom:10px;}
.side-list a, .widget .side-list a:hover{background:none;padding:0;}
.side-list ul,ul.side-list, .side-list ul, ul.side-list{border:none;}
.side-list li{border:none;background:none;}
.side-list h5 a{color:#d2d2d2;}

.side-list img{background:#fff;}
.side-list a{letter-spacing:0;transition:ease .3s all;}
.side-list ul li{position:relative;padding-left:25px;font-size:14px;border-bottom:1px solid transparent;border-top:1px solid transparent;}
.side-list ul li>a:after{content:"\e606";position:absolute;left:10px;font-family:'simple-line-icons';font-size:8px;color:#f0881f;transition:ease .3s all;}
.side-list ul li:hover a{color:#f0881f;}
.side-list ul li:hover{position:relative;background:rgba(0,0,0,0.11);border-bottom:1px solid rgba(255,255,255,0.08);border-top:1px solid rgba(255,255,255,0.08);}
.side-list ul li p{font-size:11px;}
.side-list ul li:hover p{color:#fff;transition:ease .3s all;}
.side-list ul li:hover ul li>a:after{color:#fff;}
.side-list ul li img{display:block;}
.links-widget li a{
    color: var(--main-color);
    font-size:14px;
}
.links-widget li {
    margin-bottom:15px;
    list-style: none;
}
#pied li {
font-size:14px;
}
#pied li:last-child {
    border-right: 0px solid #fff;
}
.col1 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.col1 ul li a {
    display: block;
    color: #99abb8;
    text-transform: uppercase;
    font-size: 14px;
    padding: 12px 0 10px;
    transition: 1s al ease;
    -webkit-transition: 1s al ease;
    text-align: left;
}

/**********/
/* HTML */
/**********/

legend {
    font-weight: bold;
}
label {
    font-weight: bold;
}
label.intitule {
    display: inline;
    float: left;
    width: 120px;
}
fieldset {
    /* padding: 5px; */
}
#droite form {
    margin: 0px;
    padding: 0px;
}
#droite fieldset {
    margin: 0px;
    border: none;
    padding: 0px;
    padding-left: 5px;
}
#droite h3 {
    color: #eb6c0e;
}
#droite fieldset p {
    padding: 0px;
    border: none;
}
#droite fieldset legend {
    border: none;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #cd1671;
    font-weight: bold;
    background: transparent;
}
#droite label {
    color: #666666;
    float: left;
    font-size: 10px;
    font-weight: normal;
}
#droite input,
#droite textarea {
    float: right;
    font-size: 10px;
    margin-top: -18px;
    border: 1px #666666 solid;
}
#droite input.submit {
    float: right;
    font-size: 10px;
    margin-top: 10px;
    border: none;
}
#centre div.paragraphe,
#centreetdroite div.paragraphe {
    margin: 0 0 10px 0;
    padding: 0 20px;
    width: 100%;
    max-width: 1170px;
}

div#paragraphe1603 {
    display: flex;
    flex-wrap: wrap;
}

.par_style_2 .mdl_formulaire{
    padding:50px;
    background-color:#eee;
}
.par_style_2 .mdl_formulaire label{
    display:inline-block;
    font-size:16px;
    width:250px;
}
.par_style_2 h4{
    margin:40px 0px 20px;
    font-weight:bold;
    text-align:center;
}
#contenu .par_style_2 .mdl_formulaire label + input,
#contenu .par_style_2 .mdl_formulaire label + select{
    display:inline-block;
    font-size:16px;
    border:1px solid #ccc;
    padding:5px 10px;
    width:calc(100% - 300px)!important;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-top: 30px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**************/
/* Modules */
/***********/

.mdl_paragraphe2Colonne li {
    text-align: left !important;
}
.mdl_image_aleatoire {
    margin: -2px 0 0 0;
}
.mdl_citation_aleatoire p {
    padding: 0 10px;
}
.mdl_citation_aleatoire p {
    color: #3d9bde;
}
.mdl_citation_aleatoire em {
    font-weight: bold;
}
/* Liens */

a {
    text-decoration: none;
}
a:link {
    color: #222;
}
.categorie_filtre a {
    display: block;
}
a:visited {
    color: #222;
}
.bouton_top img{
    width:50px!important;
}
.bulle{
    background-color:red;
    display:inline-block;
    font-size:12px;
    width:14px;
    height:14px;
    position:absolute;
    right:2px;
    top:2px;
    line-height:14px;
    text-align:center;
    border-radius:50%;
    color:#fff;
}
.button-cata {
    /* position: fixed; */
    /* top: 50vh; */
    /* left: 0; */
    /* z-index: 1000; */
    /* width: 130px; */
}

.button-cata img {
    width: 100%;
}

a:hover,
a:focus,
a:active {
    color: #000000;
    text-decoration: underline;
}
a.glossaire {
    /*color:#e3721f;*/

    color: #222;
    text-decoration: underline;
}
a.glossaire:visited {
    color: #808080;
    text-decoration: underline;
}
a.alt {
    font-weight: bold;
}
a.suite {
    background-color: var(--terti-color);
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    border: 1px solid var(--terti-color);
}
a.suite:hover {
    background-color: var(--main-color);
    color: #fff!important;
}
a.suite:visited {
    color: #ffffff;
}
#droite a:link {
    color: #d96918;
}
#droite a:visited {
    color: #d96918;
}
/* Pas de bordure autour des images dans les liens */

a img {
    border: none;
}
/**********************/
/* Villes Suggestion */

.villeSuggestionBox {
    position: relative;
    float: left;
    left: 0px;
    margin: 10px 0px 0px 0px;
    padding: 0;
    width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #000;
    color: #000;
}
.villeSuggestionList {
    margin: 0px;
    padding: 0px;
}
.villeSuggestionList li {
    list-style: none;
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}
.villeSuggestionList li:hover {
    background-color: #c0c0c0;
}
/***************************/
/*     Recherche           */
/***************************/
/* Tag clouds Couleurs
orange  #e3721f => 0,3
marron #603b0b => 1,4
marron clair #ac741a =>2,5
Bleu #3d9bde
*/

#liste_mcl {
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px #AAAAAA solid;
    background-color: #F9F9F9;
    color: #808080;
}
#liste_mcl a {
    color: #808080;
    text-decoration: none;
}
#liste_mcl a:hover {
    text-decoration: underline;
}
#mdl_TopMCL a {
    color: #fff!important;
    ;
    text-decoration: none!important;
    font-weight: normal;
    display: inline-block;
    background-color: #2d343e;
    padding: 5px;
    border-radius: 3px;
}
#mdl_TopMCL .mcl0,
#mdl_TopMCL .mcl5,
#mdl_TopMCL .mcl1,
#mdl_TopMCL .mcl2,
#mdl_TopMCL .mcl3,
#mdl_TopMCL .mcl4 {
    margin-bottom: 5px;
    display: inline-block;
}
/* Immo */

.mdl_immo_selecteur {
    position: relative;
    width: 918px;
    margin-right: -40px;
}
.mdl_immo_selecteur table {
    width: 100%;
}
.mdl_immo_selecteur th {
    color: #be8f05;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid #be8f05;
    font-size: 1.25em;
}
.mdl_immo_selecteur ul {
    margin: 0px;
    padding: 0px;
}
.mdl_immo_selecteur li {
    background-image: url(../images/interface/fleche.gif);
    background-position: left top;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 20px;
    padding-right: 40px;
    margin-bottom: 5px;
}
div.mdl_immo img.immo {
    background-color: #FFFFFF;
    padding: 6px !important;
    margin-right: 10px;
}
#centreetdroite .mdl_immo table .insertion,
#centre .mdl_immo table .insertion {
    display: block;
    text-align: center;
    background-color: transparent;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    margin-right: -3px;
}
p.bloc_tri {
    background-color: #544d47;
    color: white;
    padding: 5px;
}
p.bloc_tri a {
    color: white;
    font-weight: bold;
}
form.bloc_tri {
    background-color: var(--main-color);
    color: white;
    padding: 5px;
    text-align: right;
    margin-bottom: 5px;
}
form.bloc_tri select{
    color:#222;
}
tr.annonce {
    padding-top: 5px;
}
tr.annonce:hover {
    background-color: #fce8cd;
}
tr.annonce h4 {
    margin: 0px!important;
}
tr.annonce h4 a {
    color: #ff6600;
}
tr.annonce td {
    border-top: 1px #AFAFAF dotted;
    padding-top: 10px;
    padding-bottom: 10px;
}
td.footerannonce {
    background-color: #AFAFAF;
    padding-left: 2px;
    vertical-align: bottom;
}
td.footerannonce p {
    margin: 0px!important;
    padding: 0px!important
}
td.footerannonce a {
    background-color: #000000;
    color: #FFFFFF;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}
.prix {
    color: var(--terti-color);
    font-size: 1.25em;
    font-weight: bold;
}
.left_list_prod{
    display:inline-block;
    width:150px;
}
.left_list_prod img{
    max-width:100%;
    height:auto;
}
.tab_choix   > tbody >tr > td{
    width:46.5%!important;
    display:inline-block!important;
    border:0px!important;
    padding:10px!important;
    border:0px;
    vertical-align:middle!important;
}
.tab_choix   > tbody >tr {
    border:1px solid #ccc;
    box-sizing:border-box;
    display:block!important;
}
.tab_choix .left_list_prod{
    width:100px;
}
.tab_choix .right_list_prod{
    width:calc(100% - 100px);
    text-align:left;
}

.tab_choix   > tbody >tr > td:nth-child(2){
    width:7%!important;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
}
.par_style_2 .liste_produits > table > tbody >tr > td h3{
    display:none;
}
.liste_produits > table > tbody >tr > td > br{
  display:none;
}
.tab_choix .info_liste{
    display:none;
}
.right_list_prod{
    display:inline-block;
    vertical-align:top;
}
.right_list_prod{
    width: calc(100% - 150px);


       padding-left:30px;
}
.logo_list_prod{
    float:right;
    padding-left:40px;
}
.logo_list_prod img{
    max-width:75px;
    max-height:75px;
    width:auto;
    height:auto;
}
.prix + table select{
        margin-right: 12px;
    width: 38px!important;
padding: 5px 0 5px 3px;
}
div.mdl_modele_fiche h2 {
    text-align: right;
    margin: 0!important;
    margin-right: 18px!important;
}
div.mdl_modele_fiche h2 span {
    color: #fff;
    padding: 8px!important;
}
div.modeles_similaires {} div.modeles_similaires img {
    padding: 4px;
}
.mdl_ligne_cev {
    margin-bottom: 0!important;
}
.rechercher_modeles #frm_surface,
.rechercher_modeles #frm_nb_pieces,
.rechercher_modeles #frm_etage {
    width: 200px;
}
.rechercher_modeles td {
    width: 387px;
}
.prev_fred {
    background-image: url(../images/interface/prev_fred.png);
    height: 55px;
    width: 46px;
    display: block!important;
    position: absolute;
    top: 210px;
}
.next_fred {
    background-image: url(../images/interface/next_fred.png);
    height: 55px;
    width: 46px;
    display: block!important;
    position: absolute;
    top: 210px;
    right: 0px;
}
.pager a span {
    display: none;
}
.pager a {
    background-color: #fff;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    line-height: 40px;
    vertical-align: middle;
}
.pager a.selected {
    background-color: #f0881f;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
    line-height: 15px;
    vertical-align: middle;
}
#pager2 {
    position: absolute;
    width: 1920px;
    text-align: center;
    top: 400px;
}


#position-menu {
    position: relative;
 margin-top:-2px;

    display: block;
    vertical-align: top;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align:left;
}

#carousel_p div {
    text-align: center;
}

#header #logo {
    display: flex;
    width: 14%;
    /* padding:10px; */
    /* padding-left:20px; */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    justify-content: flex-start;
    align-items: center;
}


#contenu input[type="text"],
#contenu input[type="password"],
textarea,
#formIdentificationLog select,
#formCreationInscription select,
.message_sugg select {
    display: inline-block;
    width: 100%!important;
    max-width:100%;
    box-sizing: border-box;
    padding: 6px 10px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #222;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    /* border-radius: 4px; */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0px!important;
}
#formIdentificationLog select,#formCreationInscription select{
    width:auto!important;
    margin-right:5px;
      max-width:100%;
}
body #contenu form[name='form_recherche2'] input[type='text']{
    width:500px!important;
}
.res_recherche{
    border:1px solid #ccc;
    margin-top:30px;
}
.res_recherche h3{
    font-size:20px;
    margin:0;
    background-color:#222;
    color:#fff;
    padding:10px 15px;
    margin-bottom:10px;
}
.res_recherche .bloc0,
.res_recherche .bloc1{
    width:95%;
    margin:auto;
    border-bottom:1px solid  #ccc;
    padding:10px 0px;
}
.res_recherche .bloc0 > p:first-child a,
.res_recherche .bloc1 > p:first-child a{
    font-weight:bold;
    font-size:16px;
}
.res_recherche .bloc0 > p:first-child,
.res_recherche .bloc1 > p:first-child{
    margin-bottom:5px!important;
}
.res_recherche .bloc0 .ariane,
.res_recherche .bloc1 .ariane{
    font-size:12px;
    margin-bottom:10px;
}
.res_recherche .bloc0:last-child,
.res_recherche .bloc1:last-child{
    border-bottom:0px;
}
input[type="text"],
input[type="password"] {
    padding: 6px 10px!important;
    font-family: karla, sans-serif;
}
textarea {
    height: 150px!important;
    width: 100%!important;
    font-family: karla, sans-serif;
}
.btn-final{
    float:right;
    margin-top:-45px;
}
input[type="submit"],
.submit,#formCreationLog a,
input[type="reset"],
.btn-compte,.btn-final {
    text-transform:capitalize;
    color: #fff!important;
    background-color: var(--terti-color);
    font-size: 16px!important;
    padding: 7px 10px;
    line-height:20px;
    cursor: pointer;
    border: none;
    font-weight: normal;
    display: inline-block;
    border: var(--terti-color) 1px solid;
    -webkit-transition: 0.5s all ease;
}
input[type="reset"] {
    background-color: transparent;
    color: #f0881f!important;
}
.submit:hover {
    background-color: #fff;
    color: #f0881f!important;
}
.mdl_formulaire h3 {
    display: none;
}


a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td {
    display: inline-block;
    width: 48%!important;
}

a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td:nth-child(1) {
    margin-right: 4%;
}
#formIdentificationLog, #formCreationInscription {
    color: #222;
}
.block_form_insc{
    border:1px solid #ccc;
    margin-bottom:20px;
    padding:15px;
}
.block_form_insc h4{
    border-bottom:1px solid #ccc;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:20px;
    padding-bottom:5px;
}
#formIdentificationLog label,#formCreationInscription label {
    font-size: 16px;
    font-weight:normal;
    display:inline-block;
}
#formIdentificationLog label,
#formCreationInscription label{
    font-size: 16px;
    width: 220px;
}
#formIdentificationLog em,#formCreationInscription em {
    font-size: 14px;
}
#formIdentificationLog tr,#formCreationInscription tr {
    padding-bottom: 15px;
    display: block;
}
.row_section0 select{
    font-size:14px!important;
}
#formIdentificationLog tr td,#formCreationInscription tr td {
    font-size: 14px;
    position:relative;
}
.genre_choix{
    vertical-align:middle;
}
.genre_choix input{
    margin:0;
    margin-right:5px;
}
.genre_choix input + input{
    margin-left:10px;
}
#contenu .tel input{
    width:auto!important;
}
#contenu .nom_prenom input{
    display:inline-block;
    width:250px!important;
}
#contenu .cp_ville input{
    width:auto!important;
}
#formIdentificationLog .row_section0,
#formIdentificationLog .row_section1,
#formIdentificationLog .row_annee1,
#formCreationInscription .row_section0,
#formCreationInscription .row_section1,
#formCreationInscription .row_annee1{
    display:none;
    max-width:100%;
}
a.infobulle {
    position: relative;
    z-index: 24;
    color: #000;
    text-decoration: none;
    border: none;
}
a.infobulle,
a.infobulle img {
    border: none;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}
a.infobulle:hover {
    background: none;
    z-index: 25
}
a.infobulle span {
    display: none
}
a.infobulle:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 3em;
    padding: 2px;
    width: 20em;
    border: 1px solid #7F9DB9;
    background-color: #EDEDED;
    color: #000000;
    text-align: left;
    font-size: 0.8em;
    font-weight: normal;
}
.fiche-compte h3,
.fiche_commande h3{
    border-bottom:1px solid #b7b7b7;
    padding-bottom:5px;
    margin-bottom:15px;
}

.liste_produits > table > tbody >tr > td > br{
    display:none;
}
.liste_produits > table > tbody >tr {
    display:inline;
}
.ligne_radio {
    text-align: center;
}
.liste_produits > table > tbody >tr > td h3 + p{
    display:none;
}
.liste_produits > table > tbody >tr > td h3 a{
    font-weight:600;
    color:#222;
    font-size:18px!important;
}

.ligne_radio [type="radio"]:checked,
.ligne_radio [type="radio"]:not(:checked) {
     position: absolute;
     left:-100000px;

     z-index:1;
 }
.ligne_radio [type="radio"]:not(:checked) + label,
.ligne_radio [type="radio"]:checked + label {
     position: relative;
     cursor: pointer;

     text-align:center;
     display: inline-block;
     vertical-align: top;
     margin: 0;
   color:#fff;
   padding-left:20px;
   padding:5px 10px;
   padding-left:30px;
   text-transform:uppercase;
   border-radius:10px;
          z-index:2;
          background-color:#f77600;
 }
.ligne_radio [type="radio"]:not(:checked) + label:before,
.ligne_radio [type="radio"]:checked + label:before {
     content: '';
     position: absolute;
     left:5px;
     top: 5px;
     margin-left: 0px;
     width: 20px;
     border:2px solid #9a9a9a;
    border-radius:50%;
     height: 20px;

     /* dim. de la case */


     background: #fff;
     /* angles arrondis */
 }
.ligne_radio [type="radio"]:not(:checked) + label:after,
.ligne_radio [type="radio"]:checked + label:after {

     content: '';
    height:12px;
    width:12px;
    border-radius:50%;

     position: absolute;
     top: 9px;
      left: 9px;


     margin-top:0px;
     font-size: 20px;
     background-color: #333333;
     transition: all .2s;

 }

.ligne_radio [type="radio"]:not(:checked) + label:after {
     opacity: 0;
     /* coche invisible */

     transform: scale(0);
 }
.ligne_radio [type="radio"]:checked + label:after {
     opacity: 1;
     /* coche opaque */

     transform: scale(1);
 }

.liste_produits > table > tbody >tr > td h3 {
margin:0;
}
.liste_produits > table > tbody >tr > td h3 + span{
    display:none;
}
.liste_produits > table > tbody >tr > td .info_liste a,.liste_produits > table > tbody >tr > td .info_liste br{
    display:none;
}
.liste_produits > table > tbody >tr > td .info_liste + table{
    width:100%;

    display:block;
    box-sizing:border-box;
}
.liste_produits > table > tbody >tr > td .prix_list_prod + table select,
.prix_fiche +table select{
    padding:4px 7px!important;
    padding-right:0px!important;
    font-size:15px;
}
.prix_fiche{
    font-size:18px!important;
}
.liste_produits > table > tbody >tr > td a.bouton_panier,
.prix_fiche +table .bouton_panier{
        background-color: var(--terti-color);
        display: inline-block;
        padding: 5px 10px;
        font-size:15px;
        font-weight: normal;
        border: 1px solid var(--terti-color);
        color: #fff!important;
        transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        vertical-align:top;
        display:inline-block;
        margin-left:10px;
}
.right_liste_produit .liste_produits > table > tbody >tr > td a.bouton_panier{
    padding:3px 7px;;
}
.prix_fiche + table p{
    font-size:0!important;
}
.liste_produits > table > tbody >tr > td a.bouton_panier{
    font-weight:normal!important;

}
.caracterisque_fiche{
  border:1px solid #EEEEEE;
  padding:15px;
}
.caracterisque_fiche label{
  padding-right:5px;
}
.enstock + table .bouton_panier{
  font-weight:bold;
}
.liste_produits > table > tbody >tr > td a.bouton_panier em,
.enstock + table .bouton_panier em{
    font-size:20px;
    margin-right:5px;
}
.liste_produits > table > tbody >tr > td a.bouton_panier:hover,
.enstock + table .bouton_panier:hover{
    background-color:transparent;
    color: var(--terti-color)!important;
}
.liste_produits > table > tbody >tr > td h3 + p + a{
    display:block;
    width:100%;
    box-sizing:border-box;
    padding:0 15px;
}
.liste_produits > table > tbody >tr > td h3 + p + a img{
    float:none;
    width:100%;
    height:auto;
}
.liste_produits > table > tbody >tr > td h3 + a{
    display:block;
    width:100%;
    box-sizing:border-box;
    padding:10px 15px;
}
.liste_produits > table > tbody >tr > td h3 + a span{
    display:none;
}

.liste_categorie ul li {
    display: inline-block;
    padding: 0 10px;
    width:12.5%;
    vertical-align:top;
}
.liste_categorie ul li img{
    width:100%;
    height:auto
}
.liste_categorie ul li a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #222222;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 1.3px;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    padding: 0 5px;
}

.liste_categorie ul{
    margin:0px;

}
.enstock + table select{
        margin-right: 12px;
    width: 38px!important;
padding: 5px 0 5px 3px;
}

.par_style_1 label{
    display:inline-block;
    font-weight:normal;
    width:200px;
}
.par_style_1 h3{
        display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight:bold;
}
#contenu .par_style_1 input[type="text"]{
    display:inline-block!important;
    max-width:350px!important;
}
#contenu .par_style_1 textarea{
    width:calc(100% - 300px)!important;
    vertical-align:top;
}
#contenu .par_style_1 p label + br{
    display:none;
}
#contenu .par_style_1 p:nth-child(10) label{
    width:100px;
}
#contenu .par_style_1 p:nth-child(10) input{
    width:100px!important;
}


.mdlPanier .panier {
    font-size: 16px;

    font-weight: normal!important;
    color: #111;
}
.inline-check{
    display:inline-block;
    vertical-align:middle;
    width:40px;
}
.block_liv span:first-child{
    font-weight:bold;
    font-size:14px;
    display:block;
    margin-bottom:7px;
}
.desc_liv{
    font-size:12px;
}
.mode_livraison > img{
    width:150px;
    display:inline-block;
    vertical-align:middle;
}
.mode_livraison .block_liv{
    display:inline-block;
    width:calc(100% - 390px);
    vertical-align:middle;
}

.mode_livraison .tarif_liv{
    display:inline-block;
    font-size:16px;
    text-align:right;
    width:200px;
    font-weight:bold;
}
#Zone_Widget th,
#Zone_Widget td{
    font-size:11px;
    padding:0px;
    text-align:center;
}
#Zone_Widget{
    width:100%;
    line-height:inherit;
}
.MR-Widget{
    width:850px!important;

    position:relative;
}
.MRW-Line{
    font-size:14px;
}
.MRW-Map{
    width:calc(100% - 260px)!important;
}

#centreetdroite .mdlPanier .MR-Widget .iArg0{
      padding:5px 10px!important;
      line-height:1em!important;
      height:auto!important;
      width:200px!important;
      font-size:14px!important;
}
#centreetdroite .mdlPanier .MR-Widget .Arg2{
      padding:5px 10px!important;
      line-height:1em!important;
      height:auto!important;
      width:60px!important;
      font-size:14px!important;
}
.mode_livraison{
font-size:0;
    background-color:#eee;
    padding:10px;
    margin-bottom:10px;
}
#centreetdroite .choix_avoir p{
    margin: 0 15px!important;
}
.valid_cp{
    display:inline-block;
    font-size:15px;
    vertical-align:top;
    color:#fff;
    margin-left:10px;
    background-color:#0e265b;
    padding:7.5px 10px;
    cursor:pointer;
}

.inline-check [type="radio"]:checked,
.inline-check [type="radio"]:not(:checked) {
     position: absolute;
     left:-100000px;

     z-index:1;
 }
.inline-check [type="radio"]:not(:checked) + label,
.inline-check [type="radio"]:checked + label {
     position: relative;
     cursor: pointer;
     width: 20px;
     text-align:center;
     display: inline-block;
     vertical-align: top;
     margin: 0;
     height:30px;
          z-index:2;
 }
.inline-check [type="radio"]:not(:checked) + label:before,
.inline-check [type="radio"]:checked + label:before {
     content: '';
     position: absolute;
     left:0px;
     top: 0px;
     margin-left: 0px;
     width: 25px;
     border:2px solid #9a9a9a;
    border-radius:50%;
     height: 25px;
     /* dim. de la case */


     background: #f8f8f8;
     /* angles arrondis */
 }
.inline-check [type="radio"]:not(:checked) + label:after,
.inline-check [type="radio"]:checked + label:after {

     content: '';
    height:15px;
    width:15px;
    border-radius:50%;

     position: absolute;
     top: 0;
      left: 50%;
     margin-left: 0px;
      margin-left:-5px;
      top:5px;
     margin-top:0px;
     font-size: 20px;
     background-color: #0e265b;
     transition: all .2s;
 }

.inline-check [type="radio"]:not(:checked) + label:after {
     opacity: 0;
     /* coche invisible */

     transform: scale(0);
 }
.inline-check [type="radio"]:checked + label:after {
     opacity: 1;
     /* coche opaque */

     transform: scale(1);
 }

.mdlPanier .panier label{
    margin-bottom:5px;
    margin-top:1px;
    display:inline-block;
    font-weight:normal;
}
#contenu .mdlPanier .header_dpd input[type="text"]{
     width:auto!important;
}
.mdlPanier .panier input[type="radio"]{
    margin-top:5px;
    margin-right:5px;
    vertical-align:top;
}
.mdlPanier .photo-panier img{
    float:none;
}
.mdlPanier .photo-panier {
    display:inline-block;
    width:120px;
}
.mdlPanier .right-panier{
    display:inline-block;
    vertical-align:top;
}
.mdlPanier .right-panier ul{
    margin-left:20px;
    margin-top:10px;
}
.mdlPanier .right-panier ul li{
    color:#222!important;
    margin-bottom:0!important;
}
.mdlPanier .panier strong {
    font-weight: normal;
}
.mdlPanier .panier td {
    padding: 5px;
        border: 1px solid #e5e5e5!important;
}
@media screen and (min-width: 780px) {
.label-resp{
    display:none;
}
.supp-resp{
    /* display:none; */
}

}

@media screen and (max-width: 991px) {
    .row_home{
        display:flex;
        justify-content: flex-start;
        flex-direction: column!important;
        align-content: flex-start;
        align-items: flex-start;
    }
}

@media screen and (max-width: 780px) {
    .bloc_pdf{
            width: 100%;
            max-width: 300px;
    }

     .list_item tbody,
    .list_item,
     .list_item tbody tr,
      .list_item tbody tr td,
      .list_item tbody tr th,
      .list_commande tbody,
    .list_commande,
     .list_commande tbody tr,
      .list_commande tbody tr td,
      .list_commande tbody tr th{
        display:block;
        width:100%;
    }
    .list_item > tbody > tr:first-child,
    .list_commande > tbody > tr:first-child    {
        display:none;
    }
    .list_item > tbody > tr{
        margin-bottom:15px;
    }
      .list_item tbody tr td{

      }
      .list_item tbody tr td:nth-child(3){
          border-bottom:0px!important;
      }
      .list_item tbody tr td:nth-child(4){
          border-top:0px!important;
      }
.label-resp{
    display:block;
    background:#f0881f;
    color:#fff;
    padding:5px 10px;
    margin-top:-5px;
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:10px;
}
.list_commande .label-resp{
    background-color:transparent;
    color:#222;
    padding:0px;
    display:inline-block;
    width:120px;
     margin-top:0px;
    margin-left:0px;
    margin-right:0px;
}
}
.mdlPanier .panier td:last-child i {
    font-size: 25px;
    padding: 0 10px;
    color: #222;
}
.mdlPanier .panier td img {
    padding-right: 20px;

}
.mdlPanier .panier th {
    color: #fff;
    padding: 10px;

    font-weight: normal;
    font-size: 16px;
    background-color:#f0881f;
}
.mdlPanier .panier th{
      border: 1px solid #e5e5e5!important;
}
.mdlPanier .panier th:nth-child(3){
    width:130px;
}

.list_commande th {
    color: #fff;
    padding: 10px;

    font-weight: normal;
    font-size: 16px;
    background-color:#f0881f;
}
.list_commande{

    color:#222;
}
.list_commande a{
    color:#222;
    text-decoration:underline!important;
}
.list_commande td{
    padding:10px;
    font-size:14px;

    border: 1px solid #e5e5e5!important;
}

.list_commande th{
      border: 1px solid #e5e5e5!important;
}
.liste_produits > table > tbody >tr > td {
    position: relative;
    width:100%;
    border-top:1px solid #ccc;

    padding: 15px;

    display: block;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 15px;
    vertical-align:top;
}
.par_style_2 .liste_produits > table > tbody >tr > td h3{
    display:none;
}
.liste_produits > table > tbody >tr > td > br{
  display:none;
}
.fiche-compte h3,
.fiche_commande h3{
    border-bottom:1px solid #f0881f;
    padding-bottom:5px;
}
.fiche_commande .photo-panier{
    display:inline-block;
}
.fiche_commande .right-panier{
    display:inline-block;
    vertical-align:top;
    padding-left:20px;
}
.fiche_commande .right-panier li + br{
    display:none;
}
.fiche_commande .right-panier li{
    margin-bottom:5px!important;
    color:#222!important;
}
.fiche_commande .right-panier ul{
    margin-top:10px!important;
    margin-left:20px;
}

.fiche_commande .photo-panier img{
    float:none!important;
}
 .fiche_commande table th{
     color: #fff;
    padding: 10px;
    font-weight: normal;
    font-size: 16px;
    background-color: #f0881f;
 }
.fiche_commande table{
    font-size:15px;
    color:#222;
}
.ref_prod_list label{
   display:inline-block;
}
.ref_prod_list{
    margin-top:10px!important;
}
.prix_list_prod{
    margin-top:10px!important;
    margin-bottom:10px!important;
}
.prix_list_prod + table + br{
    display:none;
}
.fiche_commande table td{
    padding:10px;
    border: 1px solid #e5e5e5!important;
}
.fiche-compte p{
    color:#222!important;
}
.btn_prod a.reassort{
    line-height:100px;
}
.fiche-compte .btn-compte,
.fiche_commande .btn-compte{
       background-color: #f0881f;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    margin-top: 5px;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    border: 1px solid #f0881f;
    position: relative;
    display:inline-block;
    text-transform:capitalize;



}
.btn_prod{
    margin-bottom:25px!important;
    font-size:0!important;
}
.btn_padding{
    padding-top:30px!important;
}

.fiche-compte .btn_prod a{
    vertical-align:top;
    background-color:transparent;
    padding:0px;
    border:0px;
   box-sizing:border-box;
    color:#333!important;
    text-align:center;
    text-transform:uppercase;
    padding:10px 15px;
vertical-align:top;
    font-size:20px;
    width:25%;
    border-radius:15px;
}
.fiche-compte .btn_prod a img{
    width:100%;
    height:auto;
}
.promotion{
    position:absolute!important;
    right:0px;
    top:100px;
    padding:20px 30px!important;
   font-size:20px!important;
   font-weight:bold;
}

.fiche-compte  li{
    color:#222!important;
}
.fiche-compte li a{
    color:#222!important;
}
@media screen and (min-width: 1170px) {
    body {
        overflow-x: hidden;
    }
    #menu_haut > ul > li:hover > ul {
        left: auto;
        top: 100%;
        opacity: 1;
        margin-left:0px;
        margin:0;
    }
    #menu_haut > ul > li:nth-child(2):hover > ul {
        left: auto;
        top: 100%;
        opacity: 1;
        width: 240px;
    }
    .extend {
        display: none!important;
    }
}
.right-top-header{
    text-align:right;
    padding: 7px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.right-top-header div{
    margin:0 10px

}

#header .center-top .fa {
    /* color: #fff; */
    font-size: 14px;
    margin-right: 10px;
}

#totop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: -999px;
    background-image: url(../images/interface/uitotop.png);
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 900000;
    background-color: transparent;
}
#totop:hover {
    background: url(../images/interface/uitotop.png) no-repeat left -51px;
    width: 51px;
    height: 51px;
    display: block;
    overflow: hidden;
    float: left;
    cursor: pointer;
}
.prevnext {
    font-size: 1.1em;
    color: #3c3c3c;
    margin: 0;
    margin-top: 20px;
    padding: 2px;
}
.prevnext a {
    font-style: normal;
    background-color: transparent;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    margin: 5px;
    color: #3c3c3c;
    line-height: 35px;
    border: 2px solid #ddd;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    text-decoration: none;
}
.prevnext a:first-child {
    margin-left: 0px;
}
.prevnext a:hover,
.prevnext a.selected {
    color: #FFFFFF;
    background-color: var(--main-color);
    border: 1px solid #000000;
}
label {
    display: none;
}
.filtre_left  p label {
    display: block;
    font-size: 16px;
    color: #222;
}
.info_joueur label{
    display:inline-block;
    width:250px;
    padding-right:30px;
    text-align:left;
}
.info_joueur{
    color:#222;
}
form p:last-child {
    margin: 0px!important;
}
.info_liste a{
    background-color:#3a3a3a;
    font-size:15px;
    padding:5px 10px;
    color:#fff;
    /* position:absolute; */
    /* bottom:0; */
    /* right:0; */
    display:inline-block!important;
}
.logo_list_cat img{
    opacity:0.6;
}
@media screen and (min-width: 1170px) {
#menu_haut > ul > li > a:hover,
#menu_haut > ul > li:hover > a{
    position: relative;
    color: var(--main-color);
    border-color:#0c265d;
    /* background-color: #f5f5f5; */
}
}
@media screen and (max-width: 1170px) {

    .recap_commande{
        width:100%;
        margin: 10px 0;
        padding: 0;
    }

    #menu_haut ul {
        text-align: center;
    }

    ul.social{
        display:flex;
        justify-content: center;
    }

   .right_liste_produit {
       width:100%;
       padding:0px;
   }
    .carousel-inner {
        width: 100%!important;
    }
    #menu_haut ul li a:after {
        display: none;
    }
    #menu_haut ul li a:hover,
    #menu_haut ul li:hover a {
        /* color: #3A4046; */
    }
    #menu_haut .extend {
        padding: 0px;

        font-size: 15px!important;
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        line-height: 35px;
        width: 35px;
        color: #222!important;
    }
       #menu_haut .extend i{
           padding-top:10px;
       }
    #header #menu_haut {
        width: 100%!important;
        max-width: 100%;
        float: none;
        position:relative;
        margin: 0;
        padding: 0;
        z-index: 160!important;
        /* border-bottom:5px solid #97BF0D; */
        /* background-color: #fff; */

        overflow: hidden;
        height: 0px;
    }
    .liste_produits{
        padding:0;
        width:100%;
    }
    .filtre_left{
        width:100%;
        border-bottom:0;
    }

    .filtre_left > p{
        width:49%;
        display:inline-block;
    }
       .filtre_left > p:last-child{
           width:100%;
       }
    .filtre_left > p:nth-child(2){
        margin-right:2%!important;
    }
    .categorie_filtre,.marque_filtre{
        width:49%;
        display:inline-block;
        vertical-align:top;
    }
        .categorie_filtre{
            margin-right:2%;
        }
    .btn-menu {
        z-index: 1000;
        display: inline-block!important;
        position: absolute;
        right: 00px;
        bottom: 20px;
    }
       #col1 {
        display: none;
    }
    #recherche{
        display:none;
    }
    #col3 {
        float: none;
    }
    #pied {
        width: 100%;
    }
    #pied #conteneur_pied {
        width: 100%;
        box-sizing: border-box;
        padding: 40px 20px;
    }
    #pied #conteneur_pied .col{
        width:100%;
        margin-bottom:40px;
    }
    .contact-header{
      padding:0px!important;
      border:0px!important;
      display:inline-block;
    }
    .contact-header .col-head{
        display:none!important;
    }
      .contact-header .col-head:last-child{
          display:inline-block!important;
      }
    #header {
        min-width: 100%;
        /* height: 100px; */
        position:relative;
        height:auto!important;
    }

.scroll_down #conteneur_contenu, .scroll_down #header {
    position: relative;
}

.page-heading {
    padding-top:80px;
}

.page-heading h2{

}
    .top-header{
        height:auto;
        padding-bottom:10px;
        padding-top: 10px;
    }
    #conteneur {
        /* padding-top:100px; */
    }

    .pageAccueil h3 {
        font-size: 30px;
    }
    #conteneur_contenu {
        min-width: 100%;
        position:relative;
    }
    #contenu,
    #conteneur_header {
        width: 100%;
       top:0px!important;
    }
    .paragraphe p > img {
        display: block;
        max-width: 100%;
        height: auto;
        padding: 0px!important;
        margin: auto;
        margin-bottom: 20px!important;
        float: none!important;
    }
    #centreetdroite .transport-king .about-us p {
        width: auto;
    }
    .SF fieldset p {
        display: inline-block;
        width: 100%!important;
        margin-left: 0px!important;
    }

    #header #logo {
        position: relative;
        display: block;
        width: 100%;
        left: 0px;
        padding-top: 0px;
    }
    #logo img {
        padding-top: 0!important;
        max-width:80px;
        padding-top:0px!important;
    }
    #header #logo:after {
        border: none;
    }
    .right-header{
        width:100%!important;
        padding:0px;
        border:0px;
        z-index:100000;
        z-index:1000;
        left:0;
        position:absolute;
        display:block;
        top:100%;
        }
    .connect_button{
        position:absolute;
        top:-62px;
        right:110px;
    }
    #position-menu {
        background-color: #fff;
        position: absolute;
        top: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    #menu_haut ul li ul {
        display: block;
        height: 0px;
        overflow: hidden;
        padding: 0px!important;
    }
    #menu_haut ul li.open ul {
        height: auto;
        top: 0px;
        opacity: 1;
        position: relative;
        width: 100%!important;
        border: none;
        padding-top: 9px;
        padding-bottom: 9px;
        display: block;
        left: 0px;
    }
    #menu_haut ul li.open ul li,
    #menu_haut ul li.open ul li a {
        width: 100%!important;
        text-align: left;
        color: #3e3e3e!important;
        background-color: #f5f5f5;
    }
    #menu_haut ul li.open ul li a {
        display: block;
        color: #3e3e3e;
        box-sizing: border-box;
        /* background-color:#fff; */

        height: auto;
        line-height: 30px;
        padding: 0px 8px;
        margin-bottom: 0px;
        width: 200px;
        font-size: 13px;
        font-weight: bold;
        background-image: none;
        border-bottom: 1px solid #e5e5e5;
    }
    #menu_haut ul.menu-sub > li:first-child:after {
        display: none;
    }
    #menu_haut ul {
        float: none;
        display:block;
        margin: auto;
    }
    #recherche {
        top: 0px;
        right: 0px;
    }
    #centreetdroite {
        width: 100%!important;
    }
    #wrapper {
        top: 0px;
        width: 100%;
        margin-left: 0px;
        min-width: 100%;
        height: auto;
    }
    body {
        overflow-x: hidden;
    }
    #carousel div {
        height: auto;
    }
    #carousel div img {
        height: auto;
        width: 100%;
    }
    #pager2 {
        width: 100%;
        bottom: 10px;
        top: auto;
    }

    #centreetdroite {
        width: 100%!important;
        margin: auto;
        height: auto!important;
        /* padding-left: 20px; */
        /* padding-right: 20px; */
    }

    #gauche {
        width: 96%;
        margin: auto;
        padding: 0px;
        position: absolute;
        float: none;
        margin-left: 2%;
    }
    #col2 > a {
        display: none!important;
    }
    #col2 {
        width: 20%;
        margin-right: 0;
        margin-left: 5%;
    }
    #col2 #reseaux {
        width: 100%;
        text-align: center;
    }
    #col2 #reseaux a {
        margin: auto!important;
        display: block!important;
        margin-bottom: 40px!important;
    }
    #col2 {
        margin-left: 5%;
        width: 50%;
        margin-right: 0px;
    }
    #gauche h3 {
        font-size: 1.8em;
        font-weight: normal;
        text-transform: capitalize;
    }
    #gauche .mdl_billet {
        font-size: 1.2em;
        color: #1a333c;
    }
    #menu_haut> ul >li {
        width: 100%;
        display:block;
        border-bottom:1px solid #ddd;
        padding:0px;

    }
      #menu_haut> ul >li a{
          color: #222;
          padding:10px 10px;
          display:block;
      }

    #pied h6, #pied li, #pied p{
        text-align:center;
    }

#pied .col > a {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .contain-cat-home a, .contain-cat-home > div, .contain-cat-home.x3 > div{
        width: calc(50% - 34px);
        max-width: 290px;
    }

.img_home {
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
    justify-content: center;
    padding-top: 20px;
}

.pageAccueil h3 {
    text-align: center;
}

.about .button, .paragraphe .button {
    margin: auto;
    display: block;
    max-width: 200px;
    text-align: center;
}

.contain-cat-home {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
}
#lines {
    border-bottom: 17px double black;
    border-top: 6px solid black;
    content: "";
    height: 5px;
    width: 35px;
    display: block;
}
.btn-menu {
    display: none;
    cursor: pointer;
}
.icon-bar{
    background-color: #222;
}

#pager2 {
    width: 100%;
    bottom: 10px;
    top: auto;
}
@media screen and (max-width: 850px) {
    .block_marque{
     display:inline-block;
     width:calc(33.33333% - 20px);
     padding:15px 15px;
     vertical-align:top;
     margin:10px;
     position:relative;
     border:3px solid #ddd;
     box-sizing:border-box;


 }

    .contain-cat-home a, .contain-cat-home > div, .contain-cat-home.x3 > div{
        width:100%;
    }

     .bloc_pdf{
        width:50%;
    }

    section{padding-left: 20px!important;padding-right: 20px!important;}
 .ligne-marque{
     display:inline;
     font-size:0;
     border:0px;
 }
    #fiche_panier_add > table,
    #fiche_panier_add > table > tbody,
    #fiche_panier_add > table > tbody > tr,
    #fiche_panier_add > table > tbody > tr > td{
        display:block!important;
        width:100%!important;
        box-sizing:border-box;
        max-width:100%;
        height:auto;

    }
      #fiche_panier_add > table > tbody > tr > td{
          margin-bottom:30px;
          padding-left:0px!important;
          border:0px;
      }
    #fiche_panier_add > table > tbody > tr td.fiche_produit img{
        display:block;
        margin:auto;
        float:none!important;
        padding-right:0px!important;
        max-width:300px;
    }

   .mdlPanier h3 + p + table> tbody > tr > td:nth-child(1),a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td:nth-child(1) {
    margin-right: 0%!important;
    margin-bottom:20px;
}
.mdlPanier h3 + p + table> tbody > tr > td,
a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td {
    width: 100%!important;
}
}
@media screen and (max-width: 740px) {
    .ariane {
        font-size:12px;
    }
    .liste_produits > table > tbody >tr > td{
        display:block;
    }
    .info_liste{
        position:relative;
    }
    .left_list_prod{
        display:block;text-align:center;
        width:100%;
        margin-bottom:15px;
    }
    .right_list_prod{
        width:100%;
        padding:0px;
    }
      .block_marque{
     display:inline-block;
     width:calc(50% - 20px);
     padding:15px 15px;
     vertical-align:top;
     margin:10px;
     position:relative;
     border:3px solid #ddd;
     box-sizing:border-box;


 }
 .block_marque .inner_marque > a{
     width:100%;
     display:block;
 }
    .list_cat li{
        width:33.3333333%;
        padding: 0 15px;
    }
    .logo_list_prod{
        display:none;
    }
    .no-respons{
    display:none!important;
}
.no-margin{
    margin-bottom:0px!important;
    width:100%;
}
.supp-resp{
    color:#222!important;
    text-decoration:underline!important;
}
     .list_item tbody,
    .list_item,
     .list_item tbody tr,
      .list_item tbody tr td,
      .list_item tbody tr th,
      .list_commande tbody,
    .list_commande,
     .list_commande tbody tr,
      .list_commande tbody tr td,
      .list_commande tbody tr th{
        display:block;
        width:100%;
    }
    .list_item > tbody > tr:first-child,
    .list_commande > tbody > tr:first-child    {
        display:none;
    }
    .label-resp{
    display:block;
    background:#f0881f;
    color:#fff;
    padding:5px 10px;
    margin-top:-5px;
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:10px;
}
.list_commande .label-resp{
    background-color:transparent;
    color:#222;
    padding:0px;
    display:inline-block;
    width:120px;
     margin-top:0px;
    margin-left:0px;
    margin-right:0px;
}
.list_commande tr td{
    border:0px!important;
    padding:5px;
}
.list_commande tr{
    border-bottom:1px solid #222;
}
    .list_item > tbody > tr{
        margin-bottom:15px;
    }
      .list_item tbody tr td{

      }
      .list_item tbody tr td:nth-child(3){
          border-bottom:0px!important;
      }
      .list_item tbody tr td:nth-child(4){
          border-top:0px!important;
      }
 #formCreationInscription td,
    #formCreationInscription table,
    #formCreationInscription table > tbody,
    #formCreationInscription table tbody tr,
    #formIdentificationLog td,
    #formIdentificationLog table,
    #formIdentificationLog table > tbody,
    #formIdentificationLog table tbody tr{
        display:block;
        width:100%;
    }
    .page-heading .page-title h2 {
        font-size: 24px;
    }

    .col1,
    .col2 {
        width: 100%;
    }

    .col1 {
        margin-bottom: 40px;
    }


    .carousel-inner,
    .carousel {
        height: auto!important;
    }

    #recherche {
        display: none;
    }
    #menu_haut {
        width: 100%;
        /* top: 35px; */
    }
    #menu_haut >ul {
        padding: 0px;
        text-align: left;
    }
    #menu_haut >ul >li {
        display: inline-block;
        float: none;
    }
    #menu_haut >ul >li a {
        /* padding:0px; */
    }
    #menu_haut> ul >li {
        width: 100%;
    }
    #logo {
        left: 30%;
        margin: 0px!important;
        padding: 0px;
    }
    #background-menu-right {
        height: 190px;
    }
    #wrapper {
        /* top:205px; */
    }
    #col3 {
        width: 90%;
        margin-left: 5%!important;
        float: none;
    }
    #col2 {
        display: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 500px) {

      .bloc_pdf{
        width:100%;
    }
    .icon-box20 i{width:54px;height:54px;font-size:24px;padding:14px;border:1px solid;margin-right:8px;vertical-align:top;}
  .block_marque{
     display:inline-block;
     width:calc(100% - 20px);
     padding:15px 15px;
     vertical-align:top;
     margin:10px;
     position:relative;
     border:3px solid #ddd;
     box-sizing:border-box;


 }
    #logo {
        left: 20%;
    }
    #col1,
    #col2 {
        width: 90%;
    }
    #col2 #reseaux a {
        display: inline-block!important;
        margin-left: 10px!important;
    }
    #col2 #reseaux {
        width: 100%!important;
    }
    #pied #conteneur_pied {
        height: auto;
    }
        .list_cat li{
        width:50%;
        padding: 0 15px;
    }
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    .qty_add{
        margin-left:0px!important;
        margin-bottom:20px;
       width:100%;

    }
 .filtre_left > p{
        width:100%;
        display:inline-block;
    }
    .filtre_left > p:nth-child(2){
        margin-right:0%!important;
    }
    .categorie_filtre,.marque_filtre{
        width:100%;
        display:inline-block;
    }
        .categorie_filtre{
            margin-right:0%;
        }
        .fiche_marque > p img{
            display:block;
            float:none;
            margin:auto;
            padding:0;
        }
}
@media screen and (min-width: 0px) and (max-width: 400px) {
    #header #logo img {
        width: 150px;
        padding-top: 10px!important;
    }




}
@media screen and (max-width: 800px){
    .liste_produits .enstock{
        display:none;
    }
 .liste_produits .delai{
     display:none;
 }
 .item-etape,.item-etape:first-child.active{
    width: calc(50% - 10px)!important;
    background-image:none!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    border-bottom: 1px solid var(--second-color);
    margin: 0;
  }

.item_panier {
    display: flex;
    flex-direction: column;
}

.left-panier {
    width: 100%;
}

.photo-panier {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#centreetdroite .right_left_panier ul {
    padding-left: 20px;
}

.quantite_panier {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 20px 20px;
    gap: 15px;
    border: 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

.tarif_panier {
    width: 100%;
    padding: 20px;
}

.quantite_panier input, .quantite_panier select {
    /* min-width: 162px; */
    width: 100%;
}

.supp-resp {
    position: relative;
    left: 0;
}

.etape {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.item-etape.active {
    border-bottom: 4px solid #1e1e1e!important;
    /* background-color: #1d1d1b2e; */
}

  .item-etape.active {
    /* background-color: var(--main-color); */
    background-image: none;
    margin-left: 0px;
    z-index: 1;
    padding-left: 10px;
}
.item-etape.active + .item-etape{
  padding-left:10px;
}
  .item-etape.active:before{
    display:none!important;
  }
}
@media screen and (max-width: 360px){
.item-etape,.item-etape:first-child.active{
  width:100%!important;
}
}
@media screen and (min-width: 780px) {
.label-resp{
    display:none;
}
.supp-resp{
    /* display:none; */
}

}
@media screen and (max-width: 780px) {
.tab_addresse,.tab_addresse tbody,.tab_addresse tr,.tab_addresse tr td{
    display:block;
    width:100%;
}
.info_liste{
    top: 0;
}

    .center-top{
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
    }

.left-top-header {
    width: 100%;
    float: none;
    max-height: 35px;
    display: flex;
    justify-content: center;
    display: none;
}

#header .left-top-header img {
    max-height: 35px;
}

.right-top-header {
    width: 100%;
    float: none;
    display: flex;
    justify-content: center;
}

}

@media screen and (max-width: 1200px) {
    #menu_haut >ul> li >a{
        font-size: 12px;
    }

    .button-cata{
        display:none;
    }
}

@media screen and (max-width: 1170px) {
    .fiche-compte .btn_prod a{
        width:calc(50% - 20px);
        max-width:calc(50% - 20px);
    }
    .fiche-compte p{
        text-align:left;
    }

    .pageAccueil #conteneur{
        padding-top:0;
    }
}
@media screen and (max-width:600px) {
    .fiche-compte .btn_prod a{
        width:calc(100% - 20px);
        max-width:calc(100% - 20px);
    }
    .fiche-compte p{
        text-align:left;
    }
}

.table_retour table{
    width:100%;
      border:1px solid #c12622;
}
.table_retour tr:first-child{
    background-color:#c12622;
    color:#fff;
}
.table_retour th{
    padding:5px 10px;
    border-right:1px solid #fff;
}
.table_retour th:last-child,
.table_retour td:last-child{
    border:0px;
}
.table_retour td{
        padding:5px 10px;
    border-right:1px solid #c12622;
}
.table_retour tr{
        border-bottom:1px solid #c12622;
}
.table_retour ul li{
    list-style:none;
}
.table_retour ul{
    margin:0;
}
.table_retour [type="checkbox"]:not(:checked) + label,
.table_retour [type="checkbox"]:checked + label {
    position: relative;
    cursor: pointer;
    width: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    height: 20px;
    margin: auto;
    z-index: 2;
    vertical-align:middle;
}
.fake_label{
    padding-left:25px;
    text-align:left!important;
}
.table_retour [type="checkbox"]:not(:checked) + label,
.table_retour [type="checkbox"]:checked + label{
    position: relative;
    cursor: pointer;
    width: 30px;
    position:absolute;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    height: 20px;
    margin: auto;
    z-index: 2;
}

.table_retour [type="checkbox"]:not(:checked) + label:before,
.table_retour  [type="checkbox"]:checked + label:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: 0px;
    width: 18px;
    border: 1px solid #9a9a9a;
    height: 18px;
    /* dim. de la case */

    background: #f8f8f8;
    /* angles arrondis */
}

.table_retour [type="checkbox"]:not(:checked) + label:after,
.table_retour  [type="checkbox"]:checked + label:after {
    content: '\f00c';
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 0;
    left: 0;
    margin-left: 1px;
    margin-top: 0px;
    font-size: 17px;
    color: #c12622;
    transition: all .2s;
}
.table_retour [type="checkbox"]:checked,
.table_retour [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -1000px;
    z-index: 1;
}

.table_retour [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    /* coche invisible */

    transform: scale(0);
}
.group_checkbox{
    margin-bottom:5px;
    height:20px;
    margin:auto;
    display:block;
    width:30px;
    margin-bottom:10px;
    margin-top:10px;
}
.categorie_filtre .group_checkbox,.marque_filtre .group_checkbox{
    width:auto;
    height:auto;
}
.table_retour [type="checkbox"]:checked + label:after {
    opacity: 1;
    /* coche opaque */

    transform: scale(1);
}
.table_retour textarea{
    height:100px!important;
}
.table_retour label{
    display:block;
    margin-top:10px;
}


.table_retour td:nth-child(4) label{
    display:inline-block!important;
    vertical-align:middle;
    margin:0;

}
.table_retour{
    margin:20px 0px;
}
.select_cmd select{
    padding:8px 20px;
    font-size:14px;
    margin-right:15px;
}
.btn_top{
    margin-bottom:20px;
    text-align:right;
}
.sugg h3{
    padding-bottom:10px;
    margin-top:0px;
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
}
.message_sugg{
    display:inline-block;
    width:50%;

    vertical-align:top;
}
.message_sugg + h3{
    margin-top:20px;
}
.message_sugg label{
    display:block;
color:#222;
font-size:16px;
}
.message_sugg .group_form{
    margin-bottom:20px;
}
.block_message{
    border:1px solid #ddd;
    font-size:16px;
    margin-bottom:20px;
}
.content_message{
    padding:15px;
}
.entete_message{
    border-bottom:1px solid #ddd;
    padding:5px 10px;

}
.entete_message span{
    display:inline-block;
    width:50%;
}
.when{
    text-align:right;
}
.list_sugg{
    font-size:0;
}
.list_message{
    margin-top:20px;
    font-size:0;
}
.block_sugg{
    display:flex;
    width:100%;
    border:1px solid #ddd;

    margin-bottom:20px;
    font-size:16px;
}
.block_joueur{
    display:inline-block;
    vertical-align:top;
}
.block_joueur i{
    color:green;
}
.size3{
    width:33.33333%;
}
.size2{
    width:50%;
}
.size4{
    width:25%;
}
.form_resa_sugg{
    border-left: 1px solid #cccc;
    text-align:center;
    padding:20px;
}
.date_sugg{
    background-color:#c12962;
    color:#fff;
    width:180px;
    text-align:center;
    padding:15px;
}
.date_sugg > .date_sugg{
    padding:0px;
    width:100%!important;
}
.h_sugg{
    display:block;
    text-align:center;
}
.info_joueur{
    padding:15px;
}
.info_joueur span{
    font-weight:bold;
}
.info_joueur{
    width:calc(100% );
}
.sugg_fiche .info_joueur > span{
    display:block;
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
    margin-bottom:5px;
}


.form_ok{
    display:inline-block;
    width:50%;
    border-right:1px solid #ccc;
}
.form_ok label{
    display:block;
}
.form_ok .form_valid{
    display:inline-block;
    width:100%;
    margin-bottom:20px;
    padding:0 15px;
    vertical-align:top;
    font-size:15px;
}
.saisi_sugg{
    font-size:0;
    margin-left:-15px;
    margin-right:-15px;
}
.code_sugg{
    display:inline-block;
    width:33.333%;
    padding:0 15px;
    vertical-align:top;
}
.code_sugg p{
    font-size:14px;
}
.code_sugg label{
    display:block;
    font-size:14px;
}
.code_sugg .check_pack i{
    font-size:20px;
    padding-top:5px!important;
}
.form_valid select{
    padding:7px 10px;
    width:100%;
}
.form_ok .form_valid:last-child{
    text-align:right;
    width:100%;
}
.form_ok {
    padding:15px;
}
.btn_interesse{
    padding:15px;
    text-align:center!important;
}
.bon_cadeau{
    max-width:600px;
    margin:auto;
    text-align:center;
}
.edition_horaire label{
   display:block;

}
.edition_horaire div.select_info{
    display:inline-block;
    width:300px;
    vertical-align:top;
}
.edition_horaire form fieldset > p{
    margin-top:20px!important;
}
.edition_horaire div.select_info select{
    display:inline-block;
    width:250px;
}
.add_line {
    cursor: pointer;
    font-size: 16px;
    text-decoration: underline;
    vertical-align: middle;
    margin-left: 10px;
}
.edition_horaire div.select_info{
    margin-bottom:30px;
}
#contenu .bon_cadeau input[type="text"]{
    width:200px!important;
    font-size:20px;
    padding:5px 10px;
}
.right_bc label{
    display:inline-block;
}
.group_form_cd{
    display:block!important;
    max-width:400px;
    margin:auto;
    text-align:left;
    margin-bottom:20px;
}
.group_form_cd label{
    margin-right:20px;
    width:120px;
}