@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: #f0881f;
}
.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;
}
.connect_button{
    display:inline-block;
    width:100px;
    vertical-align:middle;
}

.connect_button a{display: inline-block;padding: 5px;}

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

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

body {
    z-index: 3;
    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;
}

.rev_slider {
    z-index: 3;
}
#conteneur{
    position:relative;
    z-index:1;
}
/* 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;
}
.scroll_categorie a{
    display:block;
}
strong {
    font-weight: bold;
}
.tab_addresse strong{
    font-size:18px;
    border-bottom:1px solid #ccc;
    display:block;
    margin:0 15px;
    margin-bottom:20px;

}
/* Formulaires */
.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.prod_choix_3 > td{
    width:100%!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;
}
.prod_choix_3 .right_list_prod{
     width:calc(100% - 250px);
}
.tab_choix > tbody >tr.prod_choix_3  > td:nth-child(2),
.tab_choix > tbody >tr.prod_choix_3  > td:nth-child(4){
    width: 100% !important;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.prod_choix_3 .ligne_radio{
    width:150px;
    display:inline-block;
}
.tab_choix   > tbody >tr > td:nth-child(2){
    width:7%!important;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
}
.tab_choix .info_liste{
    display:none;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
#validation select{
    font-size:16px;padding:7px 10px;
    margin-right:10px;
}
#validation{
    padding:10px 0;
}
#PaymentRequest{
    float:right;
    margin-top:-30px;
}
.spe select{

    padding:5px 10px;
    font-size:14px;
}
.spe label{
    margin-right:15px;
}
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 */
}

.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: #0f265c;
    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: 6;
    padding-top: 61px;
}
#header {
    min-width: 1000px;
    width: 100%;
    position: fixed;
    margin: 0px;
    padding: 0px;
    /* height:116px; */
    z-index: 98;
    background-color: #ffffff;
    /* height: 178px; */
    top: 0;
}

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

#header .right-top-header div a:hover .fa{
    color: #5a6067;
}

#conteneur_header{
  /* top:-60px!important; */
  /* background-color:#fff; */
  position:absolute;
  /* background: rgb(224 224 224); */
/*  background: -moz-linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(220,220,220,1) 100%);*/
  /* background: -webkit-linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(220,220,220,1) 100%); */
  /* background: linear-gradient(180deg, rgb(236 236 236) 0%, rgb(220 220 220) 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#cacaca",GradientType=1);
  /* box-shadow: 0 1px 7px 0px rgba(0,0,0,0.043); */
}
.scroll_down #header{
    position:fixed;
    top:0;
    /* height: 115px; */
}
.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:250px;
    text-align: left;
    position: relative;
    background-image: url(../images/interface/heading.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: #0f265c!important;
    width: 90px!important;
}
.page-heading .page-title .line-dec {
    margin: 10px 0px;
    width: 90px;
    height: 1px;
    background-color: #0f265c;
    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 {
    width:100%;
    z-index: 39;
}

#header .left-top-header img{
    height:100%;
    width: auto;
    padding: 3px;
    margin-left: 10px;
}

#conteneur_header {width: 1140px;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;}

#header h1 {
    margin: 0px;
    padding: 0px;
    font-size: 1.65em;
}
#header img {
    margin: 0;
    padding: 0;width:100%;
    background-image: none;
}
.numero_tel{
    width:300px!important;
    margin-top:7px!important;
}
.left-top-header{
    display: block;
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
}
.right-top-header{
    display: block;
    width: 70%;
}
.right-header{
    display:inline-block;
    width: 85%;
    vertical-align:middle;
    /* padding-left:20px; */
}
.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: 100px;
    display:inline-block;
}
.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: #0c265d;
    display: inline-block;
    padding: 8px 30px;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #0c265d;
    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: #0f265c;
    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;
}
.panier_header:hover .hover-panier-top{
    display:block;
    position:absolute;
    width:250px;
    top:100%;
    padding:15px 15px;
    font-size:12px;
    right:12px;
}
.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;
    top: 39px;
    right:20px;
}
#recherche button{
    background-color:transparent;
    border:0;
    width:35px;
    height:36px;
    display:inline-block;
    font-size:18px;
    color:#363842;
    position:relative;
    height: 19px;
    overflow:hidden;
    font-weight: 600;
}
#recherche .input-text{
    width:0px;
    overflow:hidden;
    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:#f0881f;
    height: 60px;
    -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; */
}
.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: 120px;
    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;
}

.content-pp {
    margin-bottom: 40px;
    /* flex-wrap: wrap; */
    width: 100%;
    max-width: 1170px;
    position: relative;
    z-index: 2;
}

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


.t100 {
    width: 100%;
}

.t80 {
    width: 80%;
}

.t70 {
    width: 70%;
}

.t70.lefttxt.flexcentery {
    width: calc(100% - 480px);
}

.t60 {
    width: 60%;
}

.lefttxt h4 {
    text-align: left;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 22px;
}

h4.color {
    color: var(--second-color)!important;
}

.lefttxt {
    padding-left: 50px;
}

.flexcentery {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.t50 {
    width: 50%;
}

.t40 {
    width: 40%;
}

.service-picto {
    position: relative;
}

.service-picto img {
    height: 100%;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: none;
}

.service-picto {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
    overflow: hidden;
}

.service-picto:after {
    content: '';
    display: none;
    position: absolute;
    background-color: #333333;
    width: 100%;
    height: 100%;
    top: 0;
    /* background-image: url(../images/interface/SIT_ESCASUT/picto1.png); */
    background-size: 28%;
    background-repeat:no-repeat;
    background-position: center;
    opacity: 0.5;
}

.t30 {
    width: 30%;
}

.t30.service-picto {
    width: 460px;
}
.t20 {
    width: 20%;
}

.marginbt10 {
    margin-bottom: 10px;
}

.marginbt20 {
    margin-bottom: 20px;
}

.marginbt30 {
    margin-bottom: 30px;
}

.marginbt40 {
    margin-bottom: 40px;
}

.marginbt50 {
    margin-bottom: 50px;
}

.marginbt60 {
    margin-bottom: 60px;
}

.marginbt70 {
    margin-bottom: 70px;
}

.marginbt80 {
    margin-bottom: 80px;
}

.marginbt90 {
    margin-bottom: 90px;
}

.marginbt100 {
    margin-bottom: 100px;
}


.vetement-section{
    background-color: #333333 !important;
    padding: 90px 80px 90px;
}

.vetement-section .picto {
    display: flex;
    width: 190px;
    height: 190px;
    margin: 0 25px;
    justify-content: center;
    /* border: 4px solid #525252; */
    align-items: center;
    flex-direction: column;
}

.vetement-section .picto svg {
    fill: #fff;
    width: 100px;
    margin-bottom: 20px;
}

.vetement-section .picto a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.vetement-section .picto img {
    max-width: 120px;
}

.vetement-section .picto h4 {
    text-align: center;
    color: #ffffff;
    font-weight: 500;
}

.tp-bgimg:after {
    display:flex;
    content:'';
    width: 100%;
    height: 100%;
    background-color: #00000066;
}

@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: 120px;
        opacity: 1;
        width: 100%;
        padding: 5px 20px!important;
    }

#menu_haut > ul > li.PGS_ATOUTS:hover > ul {
    width: auto;
}

#menu_haut > ul > li.PGS_ATOUTS > ul li a {
    padding: 0!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;
    }

}
.center-top{
    max-width:1170px;
    margin:auto;
    font-size:0;
    padding:0 15px;
    width:100%;
    height: 60px;
    display: flex;
    flex-wrap: wrap;
}
.center-top:after{
    content:'';
    display:table;
    clear:both;
}
.left-top-header p,
.left-top-header a{
     font-size: 12px;
     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: 14px;
    text-transform:uppercase;
    color: #fff!important;
    /* margin-right:15px; */
}
.connect_button a{
    position:relative;
}
.header_cart_span {
    position:absolute;
    height:15px;
    width:15px;
    top:0;
    right:-7px;
    left:auto;
    background:#000;
    color:#fff;
    border-radius:50%;
}
.right-top-header div:hover a{
    color:#4b5257!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;
}
#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;
}
#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;
}

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


#menu_haut >ul> li.PGS_SPECIALE_5 > a:hover {
    background-color: #4c5459;
    color: var(--main-color)!important;
}

#menu_haut > ul > li:hover {

}

#menu_haut > ul > li.PGS_RECHERCHE {
    display: none;
}
#menu_haut ul {
    margin: 0!important;
    padding: 0!important;
}

#menu_haut >  ul {
    display: flex;
    justify-content: flex-end;
}
#menu_haut li:first-child {
    border-left: 0px;
}
#menu_haut>ul > li > a {
    display: block;
    padding: 10px 15px;
    color: #363842;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    outline: none;
    text-transform:none;
    font-size:14px!important;
    text-transform:uppercase;
    text-decoration: none;
    font-weight: 600;
}

.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; */
}
.menu-sub a {
    min-width: 150px;
    padding: 10px 13px 10px 15px !important;
    text-transform:none;
    font-size:13px;
    line-height:22px;
    font-weight:500!important;
}

.menu-sub a.hide {
    display: flex!important;
}

.menu-sub > li > ul {
    display: none;
}
#menu_haut > ul > li > ul {
    top: 100px;
}
#menu_haut ul ul {
    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;
}
/*******************************/
/* 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;
}
.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;

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

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

}
.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 #0f265c;
    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,
#centreetdroite ul li,
#centre p {
        margin: 0 0 10px 0;
        color: #353535;
        font-size: 14px;
        line-height: 20px;
}
#centreetdroite .fa-plus{
    margin: 0 5px;
    color: #08a24b;
    border-radius: 50%;
    width: 15px;
    font-weight: 400;
    font-size: 18px;
}
#centreetdroite ul{
    margin: 0;
    padding-left: 40px;
}
#centreetdroite ul.catalogues li{
    list-style-type: none;
}

#centreetdroite ul.catalogues li a{
    color: #02a850;
    font-weight:600;
}
#centreetdroite ul.catalogues li:before{
    content:'> ';
    color:#05a44f;
    font-weight:600;
}
.cmd_obli{
    display:block;
    color:red;
    margin-top:15px;
}
.info_liste{
    position:absolute;
    right:0;

}
.about h3{
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
}

.about h3:after{
    content:'';
    display:block;
    width:300px;
    height:3px;
    background-color:#222;
    margin:auto;
    margin-top:20px;
}

.about{
    padding:90px 0px;
}
.about .button{
    position: relative;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    display: 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;
    background: #f0881f;
    margin: 52px auto 20px;
    line-height: 1;
    padding: 18px 20px 16px;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    -o-transition: all 0.21s ease;
    transition: all 0.21s ease;
    width: 200px;
    text-align: center;
}

.about .button:hover{
    background-color:#222;
}

.services{
    background-color: #f0881f;
    color:#fff;
    padding:100px 0px;
}
.temoignage{
    padding:80px 0px;
}
.services p{
    color:#fff!important;
    font-weight:300;
    margin-top:10px!important;margin-bottom:0px!important;

}
.services h4{
    color:#fff;
    font-weight: 600;
}
.icon-box20:hover i{
    background-color:#fff;
    color:#0f265c;
}
.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;
    text-align: center;
}
.icon-box20 img{
    width: auto;
    height: 90px;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}
.services .col{
    padding:0px;

}

.services .button_contain a, .vetement-section > a {
    display:block;
    border-radius:3px;
    width:150px;
    border:2px solid #fff;
    padding:10px 20px;
    color: #fff!important;
    margin:auto;
    text-align: center;
    transition:all 0.2s ease;
    font-weight:600;
}

.services .button_contain a:hover, .vetement-section > a:hover {
    background-color:#fff;
    color:#f0881f!important;

}

.desc-service{
   width: 100%;
   display: block;
   vertical-align:middle;
}
.section-title h2, .vetement-section  h2{
    line-height: 1;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 0;
    position: relative;
    font-weight: 600;
    padding-left: 0;
    padding-bottom: 35px;
    margin-bottom: 0;
    text-align: center;
}
.temoignage .section-title h2{
    color:#000;
}
.temoignage .section-title{
    text-align:center;
}

.temoignage .section-title h2:after{
    left:50%;
     border-color: #d5102a;
     background-color:#fff;
     bottom:-5px;
}
.icon-box20 i {
    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;
}

.contact-us{
    padding:200px 0;
    background-image: url(../images/interface/SIT_GALYVET/photo-contact_new.jpg);
    background-size:cover;
    background-attachment:fixed;
    position:relative;
}

.contact-us > *{
    z-index:2;
    position:relative;
}

.contact-us:after{
    content:'';
    display:block;
    position:absolute;
    inset:auto;
    background-color: #2222227a;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
}
.contact-us p{
    font-size: 24px!important;
    color: #fff!important;
    text-align: center;
    line-height: 34px!important;
}

.contact-us a{
    display:block;
    background-color:#f0881f;
    width:150px;
    border-radius:3px;
    padding:10px;
    text-align:center;
    color:#fff!important;
    margin:auto;
    margin-top: 25px;
    transition:all 0.2s ease;
}

.contact-us a:hover{
    background-color:#222;
}

.contain-pp .intro{
    font-size:16px;
    margin-bottom:50px;

    text-align:center;
}

.contain-metier{
    display:flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto;
    margin-bottom:45px;
    width: 60%;
}

.contain-metier .m-gauche{
    /* width:20%; */
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}

.contain-metier .m-gauche div{
    width: 120px;
    height: 120px;
    background-color:#fb931d;
    border-radius:50%;
    margin-bottom: 20px;
    display:flex;
    justify-content: center;
    align-items: center;
    flex:1;
}

.contain-metier .m-droit{
    /* width:80%; */
    padding-left: 25px;
}

.contain-metier .m-gauche div img{
    width:50%;
    height: auto;
}

.contain-pp h4{
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 22px;
    text-align: center;
    display: block;
    width: 100%;
}

.contain-pp h4:after{
    content: '';
    display: block;
    width: 300px;
    height: 3px;
    background-color: #222;
    margin: auto;
    margin-top: 20px;
}

.contain-pp h5{
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 16px;
    text-align: left;
    display: block;
    width: 100%;
}

.contain-pp h5:after{
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: #222;
    margin-top: 20px;
}

.partenaire{
    margin: 50px 0;
}

.partenaire p{
    text-align:center;
}

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

.logos-marques img{
    max-width: 150px;
    max-height: 100px;
    width: auto;
    height:auto;
    margin: 27px;
}

.contain-button{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}

.contain-button a{
    border-radius: 3px;
    color: #fff;
    display: 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;
    cursor: pointer;
    background: #f0881f;
    margin: 0 10px;
    line-height: 1;
    padding: 18px 20px 16px;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    -o-transition: all 0.21s ease;
    transition: all 0.21s ease;
    width: 253px;
    text-align: center;
}

.contain-button a:hover{
    background-color:#222;
}

.margin-bt{
    margin-bottom:100px;
}

.orange{
    color:#f0881f;
}

.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: none;
}

.about-us{
    padding:0px 0px;
}
.about-us img{
    max-width:100%;
}
.img_home {
    text-align:center;
    padding-top:80px;
}
.about p{
    color:#444;
    text-align: center;
}
h1, h2, h3, h4, h5, h6 { color: #171c24; font-weight: 300;margin:0; }
h4,h3{
    margin:10px 0px;
}
.bloc_pdf{
    display:inline-block;
    width:33.3333%;
    padding:0 15px;
    text-align:center;
    margin-bottom:30px;
    vertical-align:top;
}
.bloc_pdf img{
    width:100%;
    height:auto;
}
.titre4{
    line-height: 1;
    font-size: 25px;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
}
#centreetdroite .sous-titre{
    font-style: italic;
    font-weight : 600;
    color:#08a24b;
}
#centre {
    width: 620px;
    margin: 0;
    margin-left: 30px;
    padding: 0;
}
#centreetdroite {
    width: 1170px;
    margin: auto;
    padding-bottom: 20px;
}
.pageAccueil #centreetdroite {
    padding-bottom: 0;
    height: auto!important;
    width: 100%!important;
}

#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: #fff;
    /* 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; */
}

#pied #conteneur_pied a {
    color: #fff;
    transition: all 0.5s ease;
}

#pied #conteneur_pied a:hover {
    color: #f0881f;
}

#pied .bandeau-epi{
    background-color: #92969e;
    display:flex;
    /* width: 1140px; */
    padding: 5px 380px;
    justify-content: center;
    align-items: center;
}

#pied .bandeau-epi p{
    /* display: block; */
    /* height: 25px; */
    /* width: 200px; */
    color: #222;
    font-size: 14px;
    margin-right: 10px;
}

#pied .bandeau-epi img{
    width: 72px;
    height:auto;
}

#pied h6 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 24px;
    letter-spacing: -0.5px;
    font-size:16px;
}

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

#pied {
    width: 100%;
    margin: auto;
    background-color: #222;
    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: 0;
}
#pied ul {
    margin: 0;
    padding: 0;
    /* text-align: center; */
}
html>body #pied ul {
    margin: 0;
    list-style: none;
}
.about-widget p{
    color: #ffffff;
    font-size:14px;
    font-weight: 500;
}
.links-widget li a:before,
.side-list ul li a:before{
        font-family: 'FontAwesome';
        color: #ffffff;
        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-bottom: 15px;margin:0;text-align:left;}
.side-list li:last-child, .side-list li:last-child, .side-list li:last-child{border-bottom:none;}
.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:#0f265c;}
.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;color: #fff!important;}
.side-list ul li{font-size:14px;}
.side-list ul li:hover a{color:#0f265c;}
.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:#c8c9ce;
    font-size:14px;
}

.links-widget li {
    margin-bottom:15px;
}
#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;
}

.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;
}
a:visited {
    color: #222;
}
.bouton_top img{
    width:50px!important;
}
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(--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;
}
#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: #f0881f;
    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: #0f265c;
    font-size: 1.25em;
    font-weight: bold;
}
.left_list_prod{
    display:inline-block;
    width:150px;
}
.left_list_prod img{
    max-width:100%;
    height:auto;
}
.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:150px;
    max-height:150px;
    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: #0f265c;
    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: 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;
    text-align:left;
    width: 100%;
}

#carousel_p div {
    text-align: center;
}

#header #logo {
    display: inline-block;
    width: 15%;
    -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;
    padding: 20px 15px;
    padding-left:0;
}
#formIdentificationLog label,
#formCreationInscription label{
    font-size: 16px;
    width: 220px;
}

#contenu input[type="text"],
#contenu input[type="password"],
textarea,
#formIdentificationLog select,
#formCreationInscription select,
.message_sugg select {
    display: inline-block;
    width: 100%;
    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;
}
.adresse_facturation input{
    box-shadow:none!important;
        border: 1px solid #cdcdcd!important;
    padding: 12px 15px!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;
}
 .block_liv span:first-child{
    font-weight:bold;
    font-size:14px;
    display:block;
    margin-bottom:7px;
}
.desc_liv{
    font-size:12px;
}
.choix_mode_livraison,.choix_mode_reglement{
    margin: 0 -15px;
    margin-bottom:30px;
}
.mode_livraison > img{

    display:inline-block;
    vertical-align:middle;
}
.mode_livraison .block_liv{
    display:inline-block;
    width:calc(100% - 240px);
    vertical-align:middle;
}

.mode_livraison .tarif_liv{
    display:inline-block;
    font-size:16px;
    text-align:right;
    width:200px;
    font-weight:bold;
}
.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);
 }
.adresse_facturation h5,.choix_mode_livraison h5,.choix_mode_reglement h5,
.num_bdc h5,
.num_carte_pass h5,
.adresse_facturation h5{
    font-size:25px;
    margin:0 15px;

    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    margin-bottom:20px;
}

.num_bdc h5,
.num_carte_pass h5{
    margin:auto;
    margin-bottom:20px;
}
.adresse_facturation{

    font-size:0px;
    margin: 0 -15px;
      margin-bottom:30px;
}
.num_bdc{
    margin-bottom:40px;
}
.adresse_liv{
    margin-top:20px;
}
.adresse_facturation p{
    display:inline-block;
    vertical-align:top;
    width:50%;
    font-size:16px;
    padding:0 15px;

}
.adresse_line{
    width:100%!important;
}

.adresse_liv p:nth-child(2){
    width:100%!important;
}
.adresse_facturation input{
    width:100%!important;
}
.adresse_facturation .adresse_line{
    font-size:0px!important;
    margin:0 -15px!important;
    width:calc(100% + 30px)!important;
}
.adresse_line + .input_panier,
.adresse_line + .input_panier + .input_panier,
.adresse_line + .input_panier + .input_panier + .input_panier{
    width:33.33333%;
}
.adresse_facturation .adresse_line label{
    padding:0 15px;
}
.adresse_facturation label{
    font-size:15px!important;
}
.adresse_facturation .adresse_line input{
    width:calc(33.33333% - 30px)!important;
    display:inline-block!important;
    vertical-align:top;
    margin:0 15px;
}
.btn-final{
    float:right;
    /* margin-top:-30px; */
}
input[type="submit"],
.submit,#formCreationLog a,
input[type="reset"],
.btn-compte,.btn-final {
    text-transform:capitalize;
    color: #fff!important;
    background-color: #f0881f;
    font-size: 16px!important;
    padding: 7px 10px;
    line-height:20px;
    cursor: pointer;
    border: none;
    font-weight: normal;
    display: inline-block;
    border: #f0881f 1px solid;
    /* -webkit-transition: 0.5s all ease; */
}
input[type="reset"] {
    background-color: transparent;
    color: #0f265c!important;
}
.submit:hover {
    background-color: #fff;
    color: #0f265c!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;
  
}
#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;
}
#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;
}
.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;
}
.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: #0f265c;
    display: inline-block;
    padding: 5px 10px;
    font-size:15px;
    font-weight: normal;
    border: 1px solid #0f265c;
    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:#0f265c!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;
}
.relative_panier {
    position: relative;
}
.relative_panier .finaliser_paiement {
    position: absolute;
    bottom: 75px;
    right: 0px;
}
.counter {
    text-align: right;
    margin-bottom: 20px;
}
.count_panier {
    font-size: 25px;
    color: #cecece;
}
.count_panier strong {
    color: #303030;
}
.etape {
    display: block;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
}
.item-etape {
    display: inline-block;
    padding: 20px 30px;
    font-size: 20px;
    color: #b1b1b1;
    font-weight: 400;
    border-bottom: 4px solid transparent;
}
.item-etape p {
    margin: 0px;
}
.item-etape span:first-child {
    font-size: 25px;
    vertical-align: top;
    padding-right: 12px;
    color: #1e1e1e;
    display: inline-block;
    height: 25px;
}
.item-etape.active {
    border-bottom: 4px solid #1e1e1e;
}
.item-etape.active span:last-child {
    color: #1e1e1e;
}
.item-etape.active span:first-child {
    color: #f7941d!important;
}
.item-etape:nth-child(2) span:first-child {
    font-size: 36px;
    margin-top: -3px;
}
.item-etape:nth-child(3) span:first-child {
    font-size: 30px;
}
.item-etape {
    padding-left: 0px;
    margin-right: 20px;
}
.item_panier {
    background-color: #f1eff1;
    padding: 7px;
    margin-bottom: 7px;
}
.delete_all a {
    background-color: #111;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
}
.delete_all a span {
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 3px;
    padding-right: 5px;
    font-size: 18px;
}
.left-panier {
    display: inline-flex;
    vertical-align: middle;
    width: 60%;
}
.photo-panier {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 200px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.photo-panier img {
    float: none;
    width:100%;
    height:auto;
    /* position: absolute; */
}
.right_left_panier {
    padding-left: 25px;
    padding-bottom:30px;
    display: inline-block;
    padding-top: 10px;
    position: relative;
    width:calc(100% - 200px);
}
.title_panier {
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-align:left;
    color: #242424;
    margin-bottom: 10px;
}
.vendeur_panier {
    font-size: 13px;
    font-weight: 600;
    color: #5c5c5c;
    display: block;
    margin-bottom: 15px;
}
.vendeur_panier strong {
    color: #242424;
}
.quantite_panier {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    text-align: center;
    padding: 10px 0;
}
.quantite_panier input,
.quantite_panier select {
    border: 1px solid #e6e6e6;
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 800;
    padding: 15px 0px;
    padding-left: 15px;
    padding-right: 5px;
}
.label_panier {
    display: block;
    color: #777777;
    font-size: 13px;
    padding-top: 10px;
}
.tarif_panier,
.qty_value {
    font-size: 30px;
    font-weight: bold;
    color: #1e1e1e;
}
.tarif_panier {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    text-align: center;
}
.supp-resp {
    font-size: 12px;
    color: #777777!important;
    position: absolute;
    bottom: 0px;
    left: 25px;
}
.supp-resp span {
    color: #242424;
    font-size: 20px!important;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
    padding-right: 5px;
}
.recap_commande {
    display: inline-block;
    width: 50%;
    margin-left: 50%;
    margin-top: 30px;
    padding-left: 50px;
}
.info_panier {
    display: inline-block;
    width: 50%;
    margin-top: 30px;
    vertical-align: top;
    padding-right: 50px;
}
.info_panier +.recap_commande {
    margin-left: 0px;
}
.com_recap {
    font-size: 16px;
    font-weight: 600;
}
.com_recap p {
    font-weight: 400;
}
.recap_commande h4,
.info_panier h4 {
    font-size: 32px;
    color: #1e1e1e;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 22px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.block_magasin .desc_livraison {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 3px;
}
.block_magasin {
    margin-bottom: 30px;
}
.addr_livraison {
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 30px;
}
.desc_livraison span {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 4px;
    padding-right: 7px;
}
.desc_livraison span {} .content_recap,
.info_panier .content_info {
    padding: 30px;
    font-size: 0;
    background-color: #f1eff1;
}
.recap_all h5,.info_panier h5 {
    margin: 0px;
    font-size: 19px;
    font-weight: 900;
    margin-bottom: 20px;
}
.recap_all{
    padding-bottom:20px;
}
.recap_all h5{
    margin-bottom:10px;
}
.recap_livraison {
    margin-top: 25px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}
.retrait,
.payement {
    font-size: 14px;
    margin-bottom: 5px;
}
.content_info p {
    font-size: 16px;
}
.left_recap {
    display: inline-block;
    width: 30%;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
}
.right_recap {
    display: inline-block;
    width: 70%;
    font-size: 18px;
    margin-bottom: 6px;
    text-align: right;
}
.right_recap + .intitule_recap {
    margin-bottom: 6px;
}
.intitule_recap {
    display: inline-block;
}
.bold {
    font-weight: 800;
}
.intitule_recap {
    width: calc(100% - 120px);
    font-size: 18px;
    text-align: right;
}
.value_recap {
    font-size: 18px;
    text-align: right;
}
.value_recap {
    display: inline-block;
    width: 120px;
}
.mdlPanier .action {
    text-align: right;
    margin-top: 30px!important;
}
.mdlPanier .action input[type="submit"] {
    border-radius: 0px;
    font-size: 17px!important;
    text-transform: none;
    font-weight: 400!important;
    letter-spacing: 0px!important;
    padding: 7px 30px;
    margin-bottom:10px;
}
.finaliser_paiement {
    background-color: #f7941d;
    display: inline-block;
    font-size: 15px;
    padding: 7px 15px;
    color: #fff!important;
    vertical-align: top;
}
.content_recap .action input[type="submit"] {
    padding: 7px 15px;
    font-size: 15px!important;
    float: left;
    font-weight: bold!important;
    background-color: #111;
    border-color: #111;
}
.content_recap .action {
    margin-bottom: 0px;
}
.finaliser_paiement span {
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 5px;
    color: #fff!important;
}
.input_panier label {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}
.input_panier {
    margin-bottom: 15px;
}
.adresse_facturation input {
    width: 100%!important;
}
.input_panier input[type="text"],
.input_panier textarea {
    border: 1px solid #cdcdcd;
    padding: 12px 15px;
    width: 400px;
    max-width:100%;
}
.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;
    padding-right:20px;
    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: 0 15px;
     margin-bottom:10px;
}
.header_dpd input[type=text]{
    width:auto!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 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: 780px) {
     .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:#0f265c;
    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:#0f265c;
}
.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:#0f265c;
}
.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 #0f265c;
    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: #0f265c;
 }
.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;
}

.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: 47px;
        opacity: 1;
    }
    #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 #recherche{
    display: flex;
    position: relative;
    top: auto;
    right: auto;
}
.right-top-header #recherche button{
    background-color:transparent;
    border:0;
    width:35px;
    height:36px;
    display:inline-block;
    font-size:18px;
    color: #fff;
    position:relative;
    height:35px;
    overflow:hidden;
    font-weight: 600;
}
.right-top-header #recherche .input-text{
    width: calc(100% - 55px);
    overflow:hidden;
    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;
}
.right-top-header #recherche .input-text input{
    height:35px;
    box-sizing:border-box;
    border-radius:0px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    box-shadow: none;
}

.right-top-header #recherche .input-text input::placeholder{
    color:#fff;
}
.right-top-header #recherche button:before{

    display:inline-block;
}

.right-top-header div{
    display: flex;
    margin:0 10px;
    align-items: center;
    width: auto;
    gap: 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: #0f265c;
    border: 1px solid #000000;
}
label {
    /* display: none; */
}
.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:#0c265d;
    font-size:15px;
    padding:5px 10px;
    color:#fff;
    display:inline-block!important;
}
.logo_list_cat img{
    opacity:0.6;
}
#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: var(--main-color);
}

#pager2 {
    width: 100%;
    bottom: 10px;
    top: auto;
}
.user_page > h3,
.nav_compte h3,
.form_user_edit fieldset legend,
.edition_user fieldset legend {
    font-size: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    font-weight: 900;
    margin-top: 0px;
    margin-bottom: 20px;
}
.user_page h3 + table {
    margin-top: 30px;
}
recherche_produit p input[type="text"] {} .recherche_produit {
    position: relative;
    border: 1px solid #ccc;
    padding: 20px;
}
.recherche_billet p:nth-child(2) label,
.recherche_billet p:nth-child(3) label{
    display:block;
}
.recherche_billet p:nth-child(2) select,
.recherche_billet p:nth-child(3) select,
.recherche_billet p select{
    padding:13px; 20px;
    margin-right:10px;
     border: 2px solid #e6e6e6;
}

.recherche_billet p:nth-child(2) input,
.recherche_billet p:nth-child(3) input{
    display:inline-block;
    width:200px;
}
.recherche_produit p:nth-child(1) label {
    display: block;
}
.recherche_produit p label {
    padding-right: 10px;
}
.recherche_commande p:nth-child(3) input,
.recherche_commande p:nth-child(4) input {
    width: auto!important;
    padding: 5px 10px!important;
    display: inline-block!important;
}
.recherche_commande p:nth-child(5) br {
    display: none;
}
.recherche_commande p:nth-child(5) input {
    margin-right: 5px;
    margin-left: 15px;
}
.recherche_commande p:nth-child(3) label,
.recherche_commande p:nth-child(4) label {
    width: 150px!important;
}

.recherche_produit h5 {
    display: block;
    padding: 0px;
    font-weight: 800;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin: 0px;
    margin-bottom: 20px;
}
.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{
    width:auto;
    height:auto;
}
.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;
}
@media screen and (min-width: 1170px) {
#menu_haut > ul > li > a:hover,
#menu_haut > ul > li:hover > a{
    position: relative;
    color: #f0881f;
    border-color: #f0881f;
}
}
@media screen and (max-width: 1170px) {
    #menu_haut ul {
        text-align: 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: 25px!important;
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        line-height: 35px;
        width: 35px;
        color: #222!important;
        display:none;
    }
       #menu_haut .extend i{
           padding-top:10px;
       }
    #header #menu_haut {
        width: 100%!important;
        max-width: 100%;
        float: none;
        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;
    }
        .categorie_filtre{
            margin-right:2%;
        }
    .btn-menu {
        z-index: 1000;
        display: inline-block!important;
        position: absolute;
        right: 00px;
        bottom: 28px;
    }
       #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;
    }

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

.page-heading h2{

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

    .pageAccueil h3 {
        font-size: 30px;
    }
    #conteneur_contenu {
        min-width: 100%;
        padding-top: 0;
    }
    #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;
    }
    #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: 200px;
        padding-top:10px!important;
    }
    #header #logo:after {
        border: none;
    }
    .connect_button{
        /* position:absolute; */
        top:50px;
        right:50px;
    }
    .right-header{
        width: 100%!important;
        padding:0px;
        /* border:0px; */
        /* z-index:1000; */
        /* position:absolute; */
        /* top:40px; */
        /* right:60px; */
    }
    #position-menu {
        background-color: #e2e2e2;
        position: absolute;
        top: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    #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;
        margin: auto;
    }

    #menu_haut > ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

    #recherche {
        top: 0px;
        right: 0px;
    }

.right-top-header #recherche {
    display: none;
}
    #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: 96%!important;
        margin: auto;
        height: auto!important;
    }

    #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%;
        text-align: right;
    }

#menu_haut > ul > li.PGS_RECHERCHE {
    display: inline-block;
}
    #menu_haut> ul >li a{
        padding-right: 25px;
    }
    .left_user,
    .message_sugg {
    display: block;
    width:100%;
}
.fiche_commande table td{
    width:100%;
    display:block;
}
.fiche_commande table.panier td{
    width: auto;
    display: table-cell;
}
.left-top-header{
    display:inline-block;
    width: 80%;
}
.right-top-header{
    /* display: inline-block; */
    width: 20%;
}
.left-top-header,
.right-top-header{
    /* display:block; */
    width: calc(100% - 250px);
    padding: 10px 0;
    text-align: center;
}

.left-top-header {
    width: 250px;
}
.top-header{
    padding:0;
}
.about,
.img_home{
    padding:20px;
}
.img_home{
    padding-top:0;
}

}

@media screen and (max-width: 850px) {
    .contain-metier{
        width:90%;
    }
    .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;


 }
 .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) {

    .flexcenter{
        display:block;
        padding:15px;
    }
    .lefttxt{
        padding:0px;
    }
    .t30,.t70{
        width:100%;
    }
    .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:#0f265c;
    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) {
     .contain-metier{
        width:90%;
         flex-wrap: wrap;
    }
    .contain-metier .m-droit{
        padding-left:0px;
    }
    .left-top-header,
.right-top-header{
    display: flex;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}
    .left-top-header{
        display:none;
    }
    .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:50%!important;
    background-image:none!important;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
  border: 1px solid #0f265c;

  }
  .item-etape.active {
    background-color: #0f265c;
    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:20px;
}
}
@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;
    }
}
@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;
    }
}

.contain_actus{
    display:
    flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0;
}

.contain_actus .actu_bloc{
    width: 360px;
    display: flex;
    flex-direction: column;
    margin:0 20px 30px;
}

.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:auto;

}
 .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;
}

.contain_actus .actu_txt h4{
    font-size: 18px;
    font-weight: 600;
    background-color: #333;
    color: #fff;
    margin: 0;
    padding: 10px;
}

#centreetdroite .contain_actus .actu_txt h4 a{
    color: #fff!important;
}

.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;
}

.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;
}




.list_taille {
 font-size:0;
 margin:0 -5px;
 display:flex;
 text-align:center;
 flex-wrap: nowrap;
 align-content: center;
 align-items: center;
}
.image_taille img {
    height:80px!important;
    width:auto;
    display:block;
    margin:auto;
    margin-bottom:5px;
}
.image_taille{
    width:120px;
    text-align:left;
    font-size:12px;
    text-align:center;
}
.block_taille{
 display:inline-block;
 width:calc(14.28% - 10px);
 border:1px solid #0f265c;
 font-size:16px;
 margin:10px 5px;
}
.block_taille{
 
}
.input_taille{
 padding:5px 0px;
}
.input_taille input{
 width:70px;
}
.taille_produit td,
.taille_produit th{
 text-align:center;
 padding:5px 10px;
}
.intitule_taille{
 background-color:#f0881f;
 color:#fff;
 padding:5px 10px;
}
.taille_produit input{
 width:50px!important;
}

.taille_produit{
 width:100%;
 margin-bottom:10px;
}
.add_multiple{
 padding:30px 0px;
 text-align:center;
}
.ligne_radio {
    text-align: center;
}
.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);
 }