@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');
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'Metropolis';
    font-weight: 500;
    src: url('/css/fonts/Metropolis-SemiBold.woff2') format('woff2'),
    src: url('/css/fonts/Metropolis-SemiBold.woff') format('woff'),
    src: url('/css/fonts/Metropolis-SemiBold.eot') format('eot'),
        url('/css/fonts/Metropolis-SemiBold.ttf') format('truetype')
}

@font-face {
    font-family: 'Metropolis';
    font-weight: 300;
    src: url('/css/fonts/Metropolis-Regular.woff2') format('woff2'),
    src: url('/css/fonts/Metropolis-Regular.woff') format('woff'),
    src: url('/css/fonts/Metropolis-Regular.eot') format('eot'),
        url('/css/fonts/Metropolis-Regular.ttf') format('truetype')
}

:root {
  --main-color: #292425;
  --second-color: #fe4002;
}
/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}



.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;
}
.edit_user{
    max-width:1170px!important;
    margin:auto;
}
.row_histoire{
      display:flex;
      margin:0 -15px;
      align-content: center;
      align-items: stretch;
}
.row_histoire.reverse{
    flex-direction: row-reverse;
}
.bloc_histoire{
    /* flex:1; */
    padding:15px;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
}

.bloc_histoire.img {
    width: 40%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.bloc_histoire .picto-title, .picto-title {
    display: flex;
    gap: 10px;
    color: var(--second-color);
    font-size: 27px;
    font-weight: 700;
    padding-bottom: 20px;
}

.grey-title .bloc_histoire .picto-title, .grey-title .picto-title {
    color: #949ba1;
}

.bloc-frise{
    padding: 20px;
    margin-bottom: 20px;
}

.bloc-frise .bloc_picto .picto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: calc(33.3% - 15px);
    height: 100%;
}

.bloc-frise .bloc_picto .picto img {
    width: auto;
    height: 58px;
}

.bloc-frise .bloc_picto .picto p {
    text-align: center!important;
    padding-top: 20px;
}

.bloc-frise .bloc_picto .flexcenter {
    gap: 23px;
    align-items: stretch;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
}

.border-grey .bloc_histoire {
    padding-left: 32px;
    margin-left: 20px;
    border-left: 5px solid #aaafb4;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.border-grey .bloc_histoire.img {
    padding-left: 0;
    border: none;
    margin-left: 0;
}

.gray-bg {
    background-color: #e8e8e8;
}

.bloc_histoire .picto-title img, .picto-title img {
    /* max-width: 50px; */
    height: auto;
    width: 50px;
}
.bloc_histoire img{
    width: auto;
    max-height: 400px;
}

.legend{
    text-align:center;
    padding-top:10px;
}
.choix_section_page{
    max-width:1170px;
    margin:auto;
}
body {
    font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        color: #626262;
        font-size:14px;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    position: relative;
}
.prod_list{
    max-width:1170px;
    margin:auto;
}
.row_service{
    display:flex;
    margin:0 -15px;
}
.row_service div{
    padding:15px;
    text-align:center;
}
.row_service div img{
    margin-bottom:10px;
}

.list_real{
    font-size:0px;
}
.block_real{
    display:inline-block;
    vertical-align:top;
    padding: 15px;
    width:25%;
}
.block_real img{
    max-width:100%;
    height:auto;
}
.flex_row{
    display:
    flex;
    margin:0 -15px;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.flex_row div{
    width:50%;
    padding:0 15px;
}
.par_style_2  .flex_row div:first-child{
    width:30%;
}
.par_style_2  .flex_row div img{
    margin-bottom:10px;
}
.par_style_2  .flex_row div:last-child{
    width:70%;
}

.fiche_commande{
    max-width:1170px;
    margin:auto;
}
.categorie_filtre a{
    display:block;
}
img{
    max-width:100%;
    height:auto;
}
#conteneur{
    position:relative;
    z-index:1;
}
.marquage-section img{
    max-width:100%;
}
/* clean */
/* Titres */
.fond_body_1{
    /* position:relative; */
    /* z-index:1; */
}

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

/* Listes */

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


address {
    margin: .75em 0;
    font-style: normal;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
.tab_addresse strong{
    font-size:18px;
    border-bottom:1px solid #ccc;
    display:block;
    margin:0 15px;
    margin-bottom:20px;

}
/* Formulaires */
.recherche_home{
    background:#efefef;
    padding:20px 30px;
    max-width:800px;
    margin:auto;
    margin-bottom:15px;
    border-radius:10px;
}
.recherche_home h5{
    font-size:20px;
    margin-bottom:15px;
    font-weight:bold;
    padding:5px;
    border-bottom:1px solid #ccc;
}
.recherche_home .resp_search {
    display:
    flex;
    margin:0 -15px;
    align-content: flex-end;
    align-items: flex-end;
}
.recherche_home .resp_search p{
    padding:0 15px;
    margin-bottom:0px!important;
    vertical-align:bottom;
}
.recherche_home .resp_search p:last-child{
    width:30%;
}
.recherche_home .resp_search p:last-child input{
    width:100%;

}
.recherche_home .resp_search p:nth-child(1){
    width:70%;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
#fiche_panier_add{
    max-width:1170px;
    margin:auto;
    padding: 40px 20px;
}
#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 */
/**********/
#id_etablissement_entite,.agent_select select{
    font-size:16px;
    padding:7px 10px;
    margin-right:5px;
}
.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;
}

.slide_home{
  /* display:none; */
  width: 100%;
  height: 80vh;
}

.slide_home .owl-nav {
    /* position: absolute; */
    width: 100%;
    bottom: 0;
    height: 100%;
}

.slide_home .owl-nav button {
    position: absolute;
    top: calc(30vh + 163px);
    z-index: 60;
    left: 15px;
    padding: 0;
    /* opacity: 0; */
    transition: all 0.5s ease;
    color: #fff!important;
    font-size: 40px!important;
}

.slide_home .owl-nav button:hover {
    background-color: transparent!important;
    transform: scale(1.1);
}

.slide_home .owl-nav button.owl-next {
    left: auto;
    right: 15px;
}


.slide_home .owl-slide .owl-controls .owl-buttons div {
    position: absolute;
    top: calc(30vh + 200px);
    z-index: 60;
    left: 15px;
    padding: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.slide_home .owl-slide .owl-controls .owl-buttons div:hover i {
    transform: scale(1.2);
}

.slide_home .owl-slide .owl-page span {
    overflow: hidden;
    border-radius: 50%;
    width: 16px!important;
    height: 16px!important;
    background-color: rgba(0, 0, 0, 0)!important;
    box-shadow: inset 0 0 0 2px #FFF;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    /* position: absolute; */
    margin: 0!important;
    opacity: 1!important;
}

.slide_home .owl-slide .owl-page.active span {
    background-color: #fff!important;
}

.slide_home .owl-slide .owl-pagination {
    position: absolute;
    bottom: 20px;
    z-index: 3;
    width: 100%;
    display: flex;
    gap: 13px;
    justify-content: center;
}

.slide_home .owl-slide:hover .owl-controls .owl-buttons div {
    opacity: 1;
}

.slide_home .owl-slide .owl-controls .owl-buttons div i {
    font-size: 60px;
}

.slide_home .owl-slide .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 15px;
}

.slide_home .owl-slide {
    /* position: relative; */
    width: 100%;
    height: 100%;
}

.slide_home .item {
    width: 100%;
    height: 80vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-top: 194px;
}

.slide_home .item > a {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.slide_home .item .contain-txt {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    /* padding-top: 203px; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-content: center;
    gap: 20px;
}

.slide_home .item .contain-txt img {
    min-width: auto;
    min-height: auto;
    width: 200px;
    height: auto;
    bottom: 30px;
    right: 30px;
}

.slide_home .item .contain-txt p {
    width: auto;
    /* white-space: nowrap; */
    font-size: 25px;
    line-height: 34px;
    font-weight: 300;
    color: rgb(255, 255, 255);
    font-family: Poppins;
    /* padding: 25px; */
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.5) 2px 1px 6px !important;
    visibility: inherit;
    opacity:0;
}

.slide_home .item .contain-txt a.button {
    background-color: transparent;
    color: #fff!important;
    border: 2px solid #fff;
    position: relative;
    transition: all 0.5s ease;
    padding: 15px 30px;

  transition:    all 0.5s ease,
  opacity 0.5s 0.5s ease;
  opacity:0;

}

.slide_home .item .contain-txt a.button span {
    position: relative;
    z-index: 2;
}

.slide_home .item .contain-txt a.button:after {
    content: '';
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: 0;
    width: 0;
    transition: all 0.5s ease;
}

.slide_home .item .contain-txt a.button:hover:after {
    width: 100%;
}

.slide_home .item .contain-txt a.button:hover {
    color: var(--second-color)!important;
}



.slide_home .item .contain-txt h2 {
    position: relative;
    z-index: 5;
    font-size: 48px;
    line-height: 50px;
    font-weight: 300;
    color: rgb(255, 255, 255);
    font-family: Poppins;
    /* padding: 25px; */
    text-shadow: rgba(0, 0, 0, 0.5) 2px 1px 6px !important;
    visibility: inherit;
    transition: none 0s ease 0s;
    margin: 0px;
    letter-spacing: 0px;
    width: auto;
    height: auto;
    left: auto;
    top: auto;
    opacity:0;
    text-align: center;
}

.slide_home .active  .item .contain-txt h2, .slide_home .active  .item .contain-txt p {
    animation: fadeInDown; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
  opacity:1
}


.slide_home .active .item .contain-txt a{

    animation: fadeInDown; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
    opacity:1;
    animation-delay: 0.5s;
}

.slide_home .item:after {
      content: '';
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 25%);
    z-index: 2;
}

.slide_home .item img {
    display: flex;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    /* display: flex; */
    height: auto;
    /* top: 0; */
    /* left: 0; */
    z-index: 1;
    width: auto;
    max-width: none;
    filter: none;
    object-fit: cover;
}

.paragraphe .contain-time .contain-image h3{
    background-color: var(--second-color);
    opacity: 1!important;
    font-size: 36px!important;
    font-weight: 500;
    padding: 0px 10px!important;
    /* left: auto!important; */
    margin: 0;
    /* bottom: auto!important; */
}

.timeline {
    grid-template-rows: repeat(19, 300px)!important;
}

.contain-time:nth-child(10) {
    grid-area: 11 / 2 / 13 / 3!important;
}

.contain-time:nth-child(11) {
    grid-area: 12 / 1 / 14 / 2!important;
}

.contain-time:nth-child(12) {
    grid-area: 14 / 2 / 16 / 3!important;
}

.contain-time:nth-child(13) {
    grid-area: 16 / 1 / 18 / 2;
}

.contain-time:nth-child(14) {
    grid-area: 17 / 2 / 18 / 3;
}

.contain-time:nth-child(15) {
    grid-area: 18 / 1 / 19 / 2;
}

.contain-time .containt-txt p{
    font-size: 13px!important;
}

.contain-time .containt-txt ul li {
    font-size: 13px!important;
    line-height: 16px!important;
}



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

.content-pp.gray-bg {
    padding: 20px;
}


.par_fixe h2 {
    color: #fff;
    font-size: 39px;
    line-height: 43px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.par_fixe h2:after {
    content: '';
    display: flex;
    position: relative;
    width: 75px;
    height: 3px;
    background-color: #fff;
    margin-top: 20px;
}

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

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

.paragraphe .bloc-equip h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.paragraphe .bloc-equip p {
    text-align: center;
}

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

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

.secteurs .section-title h2, .section-title h2 {
    color: var(--second-color);
    text-align: left;
    padding-bottom: 0;
}

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

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

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

section .contain-cat-home {
    display: flex;
    justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.paragraphe .contain-cat-home > div.nobg img {
    opacity: 1;
}

.paragraphe .contain-cat-home .button_slide a, #centreetdroite .paragraphe .contain-cat-home .button_slide:last-child a, .contain-cat-home .button_slide a, .contain-cat-home .button_slide:last-child a {
    width: 100%;
    background: transparent;
    box-shadow: none;
    font-size: 16px;
    font-weight: 600;
    color: #fff!important;
    margin-bottom: 0;
    text-align: center;
}

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

    .slide_home, .slide_home .item{
        height: 375px;
    }

    .slide_home .item .contain-txt img{
        width:100px;
        position: relative;
        bottom: 10px;
        right: auto;
    }

    .list_pdf{
         display:flex;
         flex-wrap: wrap;
    }

    .contain_actus .actu_bloc{
        display:flex;
        flex-direction: column!important;
        flex-wrap: wrap;
    }

    .actu-container{
        display: flex;
        flex-direction: column;
    }

.actu-container .bloc-img, .actu-container .bloc-txt {
    width: 100%!important;
    padding: 0!important;
}

.contain_actus .actu_bloc .actu_img {
    width: 100%!important;
}

.contain_actus .actu_txt {
    width: 100%!important;
}
.bloc_pdf {
    width: 50%!important;
}

.slide_home .item .contain-txt h2 {
    font-size: 30px;
    line-height: 34px;
}

#centreetdroite .about-us {
    padding: 50px 20px!important;
}

#centreetdroite .vetement-section {
    padding: 50px 20px;
}

.epi-section .row {
    display: flex;
    flex-direction: column-reverse;
}

.slide_home .item .contain-txt {
    padding: 20px;
}

.slide_home .item .contain-txt p {
    font-size: 16px;
    line-height: 22px;
}
    .filtre_left{
        width:100%;
        border:0px;
        padding-bottom:10px!important;
    }
    .resp_search{
        height:0px;
        overflow:hidden;
    }
    .recherche_home .resp_search{
        height:auto;
        display:block;
    }
    .recherche_home{
        width:calc(100% - 30px);
    }
     .recherche_home .resp_search p{
         width:100%!important;
         margin-bottom:10px!important;
     }
    .filtre_left h5{
        display:block;
        cursor:pointer;
        background-color:#222;
        color:#fff;
        padding:5px 10px;
        position:relative;
    }
    .action_resp{
        position:absolute;
        right:10px;
        top:0px;
        font-size:27px!important;
    }
}
.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: #313130;
    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;
}
#header {
    min-width: 1000px;
    width: 100%;
    position: fixed;
    margin: 0px;
    padding: 0px;
    /* height:116px; */
    z-index: 98;
    background-color: #ffffff;
    /* height: 90px; */
    /*      background: -moz-linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(220,220,220,1) 100%); */
    background: #fbfbfb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#cacaca",GradientType=1);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    top: 0;
}
.slider_rev{
    padding-top:90px!important;
    position: relative;
    z-index: 1;
    /* border-bottom: 19px solid #313130; */
    }
#header .center-top .fa{
    color:#fff;
    font-size:14px;
    margin-right: 10px;
}

#header .right-top-header div:hover .fa{
    color:#0f265c;
}

#conteneur_header{
  /* top:-60px!important; */
  position:absolute;
  background-color:transparent;
  /* 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: 0 0 0px;
    /* padding-top:250px; */
    text-align: left;
    position: relative;
    background-image: url(../images/interface/SIT_HABIPRO/bandeau_new3.jpg);
    /* background-image:none!important; */
    background-position: center;
    min-height: 330px;
    display: flex;
    margin-top: 97px;
}

.pageAccueil .page-heading {
    display: none;
}


.page-heading .container {
    margin: 0;
    position: relative;
    z-index: 2;
    /* max-width: 1170px; */
    width:100%;
    /* height: 100%; */
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    }

.page-heading .img_heading{
    padding-top: 50px;
    display:flex;
justify-content: center;padding-bottom: 40px;}

.page-heading .img_heading img{
    max-width:700px;
    width:95%;
}

.page-heading  .page-title{
    background-color: #29242573;
    padding: 20px 20px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-heading .page-title h2 {
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0px;
    text-align:center;
    font-size:40px;
    /* margin-top:40px; */
    font-family: 'Metropolis','Montserrat', sans-serif;
}
.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;
    width:auto!important;
}

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

#conteneur_header {
    display:
    flex;
    position:relative;
    width:100%;
    background-color:transparent;
    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;
    display: flex;
    align-items: center;
    }

#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: 70%;
    height: 100%;
    display: flex;
    align-items: center;
}
.right-top-header{
    display: block;
    width: 30%;
}
.right-header{
    display: flex;
    width: 84%;
    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: #313130;
    display: inline-block;
    padding: 8px 30px;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #313130;
    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: flex;
    position: absolute;
    top: 28px;
    right:20px;
}
#recherche button{
    background-color:transparent;
    border:0;
    width:35px;
    height:36px;
    display:inline-block;
    font-size:18px;
    color:#363842;
    position:relative;
    height:35px;
    overflow:hidden;
    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:#313130;
    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;
}
.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:11px;
    text-transform:uppercase;
    color: #fff!important;
    /* margin-right:15px; */
}
.right-top-header div:hover a{
    color:#0f265c!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;
    padding:30px 0px;
}
#menu_haut > ul > li.PGS_PRODUIT a{
    /* font-weight:bold; */
}
#menu_haut > ul > li:hover {

}
#menu_haut ul {
    margin: 0!important;
    padding: 0!important;
}

#menu_haut > ul {
    display: flex;
}
.sousmenu-bis{
    position:relative;
}
#menu_haut li:first-child {
    border-left: 0px;
}

#menu_haut > li{
    border-right:1px solid #222;
}

#menu_haut >ul>li> a {
    display: block;
    padding: 10px 10px;
    color: #16171e;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    outline: none;
    text-transform:none;
    font-size: 13px!important;
    text-decoration: none;
    font-weight: 500;
    /* margin-left: 5px; */
    border-right: 1px solid rgba(0,0,0,.05);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    }

#menu_haut >ul>li> a:before{
    content:"\f128";
    position:relative;
    /* display: inline-block; */
    font: normal normal normal 14px / 1 FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-family: FontAwesome;
}

#menu_haut >ul>li.PGS_PRODUIT> a:before{
    content:"\f07a";
}

#menu_haut >ul>li.PGS_SPECIALE_2> a:before{
    content:"\f02d";
}

#menu_haut >ul>li.PGS_SPECIALE_5> a:before{
    content:"\f067";
}

#menu_haut >ul>li.PGS_ACTUALITE> a:before{
    content:"\f0a1";
}

#menu_haut >ul>li.PGS_CONTACT> a:before{
    content:"\f0e0";
}

#menu_haut > li a:last-child{
    border:none;
}

.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-bis > li {
    display: block !important;

}
.menu-sub-bis > 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-bis{
    border:1px solid #efefef;
}
.menu-sub-bis a {
    min-width: 150px;
    padding: 10px 5px 10px 5px !important;
    text-transform:none;
    font-size:13px;
    display:block;
    line-height:22px;
    font-weight:500!important;
}
#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;
} .menu-sub-bis {
     position: absolute;
     top: 49px;
     z-index: 999;
     padding: 0 0;
     background: #fff;
     left: -17px;
     list-style-type: none;
}
/*******************************/
/* 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;
}
.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: var(--second-color);
 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;
}
.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: 0;
    /* padding-bottom:40px; */
    position: relative;
    width: 100%;
    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; */
    padding-top: 50px;
}


#contenu_scroller{
    /* max-width:1170px; */
    margin:auto;
}
.nom_agent{
    background-color:#000;
    display:inline-block;
    margin-bottom:10px;
    padding:10px 20px;
    color:#fff;
    margin-top:20px;
    font-size:18px;
}
.stt span{
        background-color:#000;
    display:inline-block;
    margin-bottom:10px;
    padding:10px 20px;
    color:#fff;
    margin-top:20px;
    font-size:18px;
}
.stt{
    text-align:right;
}
.pageAccueil #contenu_scroller {
    padding: 0;
}
.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 14px 0;
        color: var(--main-color);
        font-size: 18px;
        line-height: 22px;
        position: relative;
        z-index: 2;
}
.mode_livraison{
     z-index:1000000000000;
    position:relative;
}
.tab_addresse .spe{
    z-index:1000000000000!important;
    position:relative;

}
.choix_mode_reglement .mode_livraison{
    z-index:1;
}
.spe{
    z-index:100000;
    position:relative;
}
#centreetdroite #formIdentificationLog p:last-child {margin-top: 40px!important;}



#centreetdroite .bloc_histoire p, #centreetdroite .bloc-frise p {
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
}
#centreetdroite .fa-plus{
    margin: 0 5px;
    color: #08a24b;
    border-radius: 50%;
    width: 15px;
    font-weight: 400;
    font-size: 18px;
}
.paragraphe .btn_prod a{
    display:inline-block;
    background-color:#313130;
    color:#fff!important;
    font-size:15px;
    padding:5px 10px;
}
.btn_prod{
    margin:0px;
}
#centreetdroite ul{
    margin: 0;
    padding-left: 40px;
}

#centreetdroite .epi-section ul, #centreetdroite .vetement-section ul{
    padding-left: 30px;
}

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

#centreetdroite .espace-bt{
    margin-bottom: 50px;
}

#centreetdroite .espace-top{
    margin-top: 50px;
}

.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: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #313130;
    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: #fff; */
    color: #1e1e1e;
    padding:100px 0px;

}

.services .container{
    border-bottom: 1px solid #50485b;
}

.paragraphe .services .container{
    border-bottom:none;
}

.paragraphe .services{
    padding:50px 0
}

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

}
.services h4{
    color: #1e1e1e;
    font-weight: 700;
text-transform: uppercase;
height:35px;
}

.paragraphe h4{
    font-size:14px;
    text-align:center;
}

.service-details .col{

    display:flex;
flex-direction: column;align-content: center;justify-content: center;align-items: center;}
.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: 120px;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}
.services .col{
    padding:0px;

}

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

.services .button_contain a:hover {
    background-color:#fff;
    color:#313130;

}

.desc-service{
   width: 100%;
   display: block;
   vertical-align:middle;
}
.section-title h2{
    line-height: 1;
    font-size: 45px;
    text-transform: uppercase;
    color: #313130;
    padding-bottom: 0;
    position: relative;
    font-weight: 500;
    padding-left: 0;
    padding-bottom: 15px;
    margin-bottom: 0;
    text-align: center;
font-family: 'Montserrat', sans-serif;}
.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: 100px 0;
    background-image: url(../images/interface/SIT_HABIPRO/bg_par_fixe.jpg);
    background-size:cover;
    background-attachment:fixed;
    position:relative;
    background-position: center;
}

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

.contact-us:after{
        content: '';
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--main-color);
    top: 0;
    opacity: 0.85;
    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:#313130;
    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%;
}

.par_fixe .contain-pp h4 {
    color: #fff;
}

.paragraphe.par_fixe .contain-button a {
    color: #333!important;
}

.par_fixe .contain-pp h4:after, .par_fixe .contain-button a {
    background-color: #fff;
}

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

.contain-pp h4:after{
    content: '';
    display: block;
    width: 300px;
    height: 3px;
    background-color: var(--second-color);
    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!important;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    background: #313130;
    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;
}
.paragraphe .contain-button a{
       color: #fff!important;
    margin-bottom:10px;
}
.contain-button a:hover{
    background-color:#222;
}

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

.margin-top{
    margin-top:100px;
}


.orange{
    color:#313130;
}

.epi-section{
    padding: 50px 0 0;
}

.marque_section {
    /* display: flex; */
    max-width: 1170px;
    margin: auto;
    padding: 20px 20px 40px;
}

.epi-section img{
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 20%);
margin-bottom: 15px;}

.epi-section li a {
    background: none;
    padding: 0;
    border-radius: 0;
}

.epi-section p img{
    box-shadow: none;
margin: 0;}

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

.greybg {
    background-color: var(--main-color)!important;
    padding: 90px 80px 90px;
}

.orangebg {
    background-color: var(--main-color)!important;
    padding: 50px 20px 50px;
}

.orangebg h2, .contact-us h2, .slide_home h2 {
    color: #fff;
    /* border-bottom: 2px solid #fff; */
    /* padding-bottom: 20px; */
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.orangebg h2:after, .contact-us h2:after {
    content: '';
    display: flex;
    position: relative;
    width: 75px;
    height: 3px;
    background-color: #fff!important;
    margin-top: 20px;
}

.history {
    padding: 90px 280px;
    background-image: url(../images/interface/SIT_ESCASUT/historybg.jpg);
    background-size:cover;
    background-attachment: fixed;
    position:relative;
}

.history:after {
    content:'';
    display:flex;
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    top:0;
    background-color:#333333c7;
}

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

.flexcenter.image-2x {
    gap: 20px;
}

.flexcenter.image-2x img {
    width: 200px;
    height: auto;
}


.maps-section {height: 440px;/* min-height: 427px; */}

.maps-section iframe {
    width: 100%;
    height: 100%;
}

.t100 {
    width: 100%;
}

.t80 {
    width: 80%;
}

.t70 {
    width: 70%;
}

.t60 {
    width: 60%;
}

.content-pp h4 {
    text-align: left;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 22px;
}

h4.color, p.color , span.color, i.color {
    color: var(--second-color)!important;
}



.lefttxt {
    padding-left: 50px;
}

.lefttxt .picto-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    align-content: center;
    padding-bottom: 10px;
    padding-top: 20px;
}

.lefttxt .picto-title img {
    width: 30px;
}


.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.w100 img {
    height: auto;
    width: 100%;
}

.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%;
}
.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 .picto {
    display: flex;
    width: 190px;
    height: 190px;
    margin: 0 25px;
    justify-content: center;
    /* border: 4px solid #525252; */
    align-items: center;
    flex-direction: column;
    transition: all 0.5s ease;
}

.vetement-section .picto:hover img {
    transform: scale(1.10);
}

.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;
    transition: all 0.5s ease;
}

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

.marquage-section{
    padding: 120px 0 50px;
}

.marquage-section .row:first-child{
    margin-bottom: 70px;
}

section h2{
    font-size:39px;
    line-height:43px;
    font-weight:500;
    /* font-family: 'Montserrat', sans-serif; */
    margin-bottom: 35px;
    text-align: center;
    color: var(--main-color);
}

.pageAccueil  .contact-us h2 {
    color: #fff;
    text-align: center;
}

.greybg h2, #centreetdroite .greybg p {
        color: #d6d6d6;
        position: relative;
        z-index: 3;
}

#centreetdroite section p {
    text-align: center;
    color: var(--main-color);
    margin-bottom: 26px;
}

.pageAccueil #centreetdroite section p {
    text-align: left;
}

#centreetdroite .about-us p {
    text-align: left;
}

section a{
    color: #dadada!important;
    font-weight: 700;
    background-color: var(--second-color);
    padding: 10px 20px;
    border-radius: 3px;
    transition: all 0.5s ease;
}

section.marque_section a, section.marque_section a:hover {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 150px;
}

section.marque_section a img {
    width: auto!important;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

section.marque_section a img {
    object-fit: contain;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--second-color)!important;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px!important;
}


a.button {
    /* color: #dadada!important; */
    font-weight: 700;
    background-color: var(--second-color);
    padding: 8px 20px 10px;
    border-radius: 3px;
    transition: all 0.5s ease;
}

section a:hover, a.button:hover {
    background-color: var(--main-color);
}

a.button:hover {
    color: #fff!important;
}



section.orangebg a, section.contact-us a, .par_fixe .button {
    background-color: transparent;
    color: #fff!important;
    border: 2px solid #fff;
    position: relative;
    transition: all 0.5s ease;
}

section.orangebg a span, section.contact-us a span, .par_fixe .button span {
    position: relative;
    z-index: 2;
}

section.orangebg a:after, section.contact-us a:after, .par_fixe .button:after {
    content: '';
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: 0;
    width: 0;
    transition: all 0.5s ease;
}

section.orangebg a:hover:after, section.contact-us a:hover:after, .par_fixe .button:hover:after {
    width: 100%;
}

section.orangebg a:hover, section.contact-us a:hover, .par_fixe .button:hover {
    color: var(--second-color)!important;
}

.greybg a{
    color: var(--main-color)!important;
    background-color: #dadada;
    position: relative;
    z-index: 3;
}


.marquage-section h2{
    font-size:39px;
    line-height:43px;
    font-weight:500;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 35px;
}

.row_carre .row{
    margin:0;
    }

.row_carre .col-md-6{
    padding:0;
}

.row_carre .row > .col-md-6{
    display:flex;
align-content: stretch;/* height: 100%; */}

.row_carre .col-md-6 img{
    width: 90%;
    height: auto;}

.row_carre .info_carre{
    border:2px solid #313130;

min-height: 300px;}

.row_carre .info_carre h3{
    background-color:#313130;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
    padding: 15px 10px;
}

.row_carre .text_carre{
    padding:20px
}

.row_carre > .row{
    margin-bottom:35px
}

.border-style{
    border-top:1px solid #50485b;
    border-bottom:1px solid #50485b;
    padding:25px 0;
}

.ph-quote{
    margin-left: 20px!important;
    position:relative;
padding-bottom: 6px;
    border-bottom: 2px solid rgba(0,0,0,.1);
    font-size: 16px!important;
    line-height: 20px!important;
}

.li-style .ph-quote{
    margin-top:30px!important;
    margin-bottom:30px!important;
}

.ph-quote:before{
    content:'"';
    font-family: 'BIZ UDPMincho', serif;
    position: absolute;
    font-size: 110px;
    color: rgba(0,0,0,.1);
    left: -26px;
    top: 29px;
}

#centreetdroite .li-style p, #centreetdroite .li-style ul li{
    font-size:14px;
    line-height: 20px;
}

.maxwidth{
    max-width:1170px;
    margin:auto!important;
}

.bandeauslide-home{
    background-color:#313130;
    padding:15px;
}

.bandeauslide-home h2{
    color:#fff;
    font-size: 35px;
    font-weight: 400;
    text-align: center;
    font-family: 'Montserrat', sans-serif;}

.contain-pp{
    display:flex;
    align-items: flex-start;
    justify-content: center;
    padding: 50px 0;
    position: relative;
    z-index: 3;
    }

.par_fixe .contain-pp {
    max-width: 1170px;
}

.par_style_1 .contain-pp{
    padding: 25px 0;
}

.contain-pp .brochure-epi{
    width:250px;
    margin:0 10px;
}

.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;
    background-color: #F0F0F0!important;
    padding-top: 50px;
    padding-bottom: 50px;
    }
.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;
}

.paragraphe h3{
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 35px;
}

.paragraphe .flexcenter h3 {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.paragraphe h3:after{
        content: '';
        display: flex;
        position: relative;
        width: 200px;
        height: 3px;
        background-color: var(--second-color);
        margin-top: 20px;
}

#contactgauche h3, .mdl_formulaire h3{
    text-align:left;
}

.paragraphe .sub-title{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 35px;
    color:#f08700;
}

.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: var(--main-color);
    /* background-color: #2d343f; */
    background-repeat: no-repeat;
    background-position: center top;
    width: 1140px;
    margin: 0 auto;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    /* margin-bottom:40px; */
    font-size: 14px;
    /* border-top: 1px solid #000; */
    /* box-shadow: 0 0 10px #000; */
    }

#pied #conteneur_pied a{
    color: var(--main-color);
    transition: all 0.5s ease;
}

#pied #conteneur_pied p {
    font-weight: 600;
}
#pied #conteneur_pied a:hover {

    color: var(--second-color);
}
#pied #conteneur_pied p.reseaux {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#pied #conteneur_pied p.reseaux a {
    background-color: var(--second-color);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    transition: all 0.5s ease;
}

#pied #conteneur_pied p.reseaux a:hover {
    background-color: var(--main-color);
}

#pied #conteneur_pied h4 {
    font-weight: 800;
}



#pied #conteneur_pied li{
    list-style:none;
    margin:0 10px;
}

#pied #conteneur_pied .col{
    margin-bottom:20px;
}

.bottom_footer{

display: flex;width: 100%;justify-content: center;padding-top: 30px;border-top: 1px solid rgba(255,255,255,.1);}

#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; */
    text-align: left;
}

.pageAccueil .marque_section h2 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pageAccueil h2:after {
    content: '';
    display: flex;
    position: relative;
    width: 75px;
    height: 3px;
    background-color: var(--second-color);
    margin-top: 20px;
}

.pageAccueil .secteurs h2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}


.cata-home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
}

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

.about-us h2{
    font-size: 25px;
    font-family: 'Montserrat', sans-serif;
    line-height: 29px;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: left;
    font-weight: 600;
}

.about-us p{
    text-align:justify;
    margin: 0 0 15px;

}

.about-us h3{
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 35px;
}

.about-us a{
    /* width:200px; */
    height:36px;
    display: inline-block;
    margin: 14px 0;
    padding-top: 8px;
    }

#pied {
    width: 100%;
    margin: auto;
    background-color: #ffffff;
    color: var(--main-color);
    box-shadow: 0px 4px 10px #0000004f;
}
#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 auto 0 auto;
    max-width: 1170px;
    padding: 0 20px;
    }
.row_formc_327 label{
    display:block;    
}
.row_formc_327 br,
.row_formc_327 em{
    display:none;
}


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

.par_style_3 {
    padding-bottom: 50px;
}

#centreetdroite div.par_fixe {
    width: 100%;
    max-width: none;
    min-height: 230px;
    background-color: var(--main-color);
    background-image: url(../images/interface/SIT_HABIPRO/bg_par_fixe.jpg);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
}

#centreetdroite div.par_fixe:after {
    content: '';
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--main-color);
    top: 0;
    opacity: 0.85;
    z-index: 1;
}
#paragraphe334{
    padding:40px 0px;
}
.par_style_2{
    padding:40px 0px;
}
#centreetdroite div.paragraphe.par_style_1{
    max-width:100%;
    background-color: #e6e6e6;
    padding: 100px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    }

#paragraphe319{
    padding:40px 0px;
}
#centreetdroite div.paragraphe.par_style_1 .row{
    max-width:1170px;
    margin:auto;
}

#centreetdroite div.paragraphe .row .button{
    display:block;
    /* width:200px; */
    height:36px;
margin-top: 35px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-top: 30px;
}
#paragraphe320{
    padding-bottom:0px!important;
}
.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;
}

.paragraphe a {
    color: #313130!important;
/* margin-bottom: 20px; */}


.paragraphe .button{
    height:36px;
    display: block;
    margin-top: 25px;
    width: auto;
    }

.par_fixe .button {
    height: auto;
    /* padding: 20px 30px; */
    font-size: 18px;
}

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(--second-color);
    color: #ffffff!important;
    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(--second-color);
}
a.suite:hover {
    background-color: transparent;

    color: #313130!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 {
    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: #313130;
    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: #313130;
    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: 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;
    /* margin-right: 5px; */
    }

.connect_button{
    display:flex;
}

.connect_button a{display: flex;align-items: center;padding: 7px;}

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

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

#carousel_p div {
    text-align: center;
}

#header #logo {
    display: flex;
    width: 17%;
    -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: 8px 8px;
    justify-content: flex-end;
}


#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; */
}
.paragraphe .btn-final{
    color:#fff!important;
}
input[type="submit"],
.submit,#formCreationLog a,
input[type="reset"],
.btn-compte,.btn-final {
    text-transform:capitalize;
    color: #fff!important;
    background-color: #313130!important;
    font-size: 16px!important;
    padding: 7px 10px;
    line-height:20px;
    cursor: pointer;
    border: none;
    font-weight: normal;
    display: inline-block;
    border: #313130 1px solid;
    /* -webkit-transition: 0.5s all ease; */
}
#contactgauche h3 span:after, .mdl_formulaire h3:after{
    background-color: var(--second-color)!important;
}
.submit:hover {
    background-color: #fff;
    color: #0f265c!important;
}
.mdl_formulaire h3 {
    display: none;
}


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

a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td:nth-child(1),
.relative_panier + p + h3 + p + table> tbody > tr > td:nth-child(1){
    margin-right: 4%;
}
#formIdentificationLog, #formCreationInscription {
    color: #222;
}

#formIdentificationLog h4, #formCreationLog h4 {
    text-align: left;
}
.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;
    text-align:left;
}
#formIdentificationLog label,#formCreationInscription label {
    font-size: 16px;
    font-weight:normal;
    /* display:inline; */
}
#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: #313130;
        display: inline-block;
        padding: 5px 10px;
        font-size:15px;
        font-weight: normal;
        border: 1px solid #313130;
        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: #313130!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{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 35px;
}
#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;
}
@media screen and (max-width: 900px) {
    .item-etape{
        width:50%;
        font-size:16px;
        margin:0px;
    }
    .relative_panier .finaliser_paiement{
        position:relative;
        margin-top:20px;
    }
    .etape{
        font-size:0px;
    }
    .item-etape span:first-child{
        width:50px;
    }

}

.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: #313130;
    color: #fff!important;
    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;
}

.button-cata{
    position: fixed;
    top: 45%;
    left:0;
z-index: 1000;width: 130px;}
@media screen and (min-width: 780px) {
.label-resp{
    display:none;
}
.supp-resp{
    /* display:none; */
}

}
@media screen and (max-width: 780px) {
    .page-heading .page-title{
        padding:30px 15px;
    }
     .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{
max-width:1170px;
    margin:auto;
    margin-top:20px;
    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: #313130;
       color: #fff!important;
       padding: 10px;
       font-size: 16px;
       margin-top: 5px;
       transition: 0.5s all ease;
       -webkit-transition: 0.5s all ease;
       border: 1px solid #313130;
       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!important;
    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 div{
    margin:0 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!important;
    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: #313130;
    border: 1px solid #222;
}
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:#222;
    font-size:15px;
    padding:5px 10px;
    color:#fff!important;
    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:#222;
}

#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;
}
.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;
}
@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.sousmenu-bis:hover > ul {
        left: 0;
        top: 100%;
        opacity: 1;
        width: 200px;
        padding: 5px 10px!important;
    }
 .extend {
        display: none!important;
    }

}
@media screen and (min-width: 1170px) {
#menu_haut > ul > li > a:hover,
#menu_haut > ul > li:hover > a{
    position: relative;
    color: #fff;
    border-color: #313130;
    background-color: #313130;
    }
}
@media screen and (max-width: 1170px) {
    .row_histoire{
        /* display:block; */
        /* padding:15px; */
    }
    .history{
        padding:30px;
    }
    .list_produit_public{
        padding:0 15px;
    }
    .slider_rev{
    padding-top:0px!important;
}
    .rev_slider{
        padding-top:0px!important;
    }
    #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;
    }
       #menu_haut .extend i{
           padding-top:10px;
       }
    #header #menu_haut {
        width: 100%!important;
        max-width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        position:relative;
        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: 19px;
    }
       #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:first-child {
    display: flex;
    justify-content: center;
}
    #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;
    z-index: 21;}

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

.page-heading h2{

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

    .pageAccueil h3 {
        font-size: 30px;
    }
    #conteneur_contenu {
        min-width: 100%;
    }
    #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;
    }
    .right-header{
        width: 100%!important;
        padding:0px;
        /* border:0px; */
        /* z-index:1000; */
        /* position:absolute; */
        /* top:40px; */
        /* right:60px; */
    display: flex;justify-content: flex-end;margin-right: 72px;}
    #position-menu {
        background-color: #e2e2e2;
        position: absolute;
        top: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    left: 0;}
    #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;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
    }
    #recherche {
        top: 0px;
        right: 0px;
    }
    #centreetdroite {
        width: 100%!important;
    }
    #wrapper {
        top: 0px;
        width: 100%;
        margin-left: 0px;
        min-width: 100%;
        height: auto;
    }
    body {
        overflow-x: hidden;
    }
    #carousel div {
        height: auto;
    }
    #carousel div img {
        height: auto;
        width: 100%;
    }
    #pager2 {
        width: 100%;
        bottom: 10px;
        top: auto;
    }

    #centreetdroite {
        /* width: 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%;
        padding:0px;
        /* text-align: right; */
        display: flex;
        justify-content: flex-end;
    }
    #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: 50%;
    padding: 10px 0;
    text-align: center;
}

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

    .slide_home .item{
        padding-top:0;
    }

.item {}

     .about-us .col{
        width:100%;
    }

#pied #conteneur_pied h4, #pied #conteneur_pied p {
    text-align: center;
}

#pied #conteneur_pied p.reseaux {
    display: flex;
    justify-content: center;
}

.about-us .col.col-md-4 {
    display: flex;
    justify-content: center;
}

.about-us .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: center;
    gap: 30px;
}

}

@media screen and (max-width: 850px) {
    .contain-pp{
        display:block;
        padding:50px 0px;
    }

    .t50{
        width:100%;
    }
    .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;


 }

    .paragraphe h3{
        font-size: 25px;
        text-align: center;
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: column;
        width: 100%;
    }

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

    .content-pp.inverse {
    display: flex;
    flex-direction: column-reverse;
}
.inverse .row_histoire, .row_histoire.inverse {
    flex-direction: column-reverse;
}

.bloc_histoire.img, .bloc_histoire {
    width: 100%;
}

.border-grey .bloc_histoire {
    border: none;
    margin: 0;
    padding: 0;
}

.bloc-frise .bloc_picto .picto {
    width: 100%;
}



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

    .contain-cat-home > div{
        width: 100%!important;
        max-width: 330px;
    }
    .lefttxt{
        padding:0px;
    }
    .t30,.t70{
        width:100%;
    }
    .row_carre .info_carre{
        min-height:auto;
    }
    .row_carre > .row> .col-md-6{
        margin-bottom:30px;
    }
    .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:block;
    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%;

    }
    .adresse_line + .input_panier, .adresse_line + .input_panier + .input_panier, .adresse_line + .input_panier + .input_panier + .input_panier{
        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;
    }

    .bloc_pdf{
        width:100%!important;
    }




}
@media screen and (max-width: 800px){
    .liste_produits .enstock{
        display:none;
    }
 .liste_produits .delai{
     display:none;
 }

}
@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) {
    .adresse_facturation .input_panier input{
        width:100%!important;
    }
.tab_addresse,.tab_addresse tbody,.tab_addresse tr,.tab_addresse tr td{
    display:block;
    width:100%;
}
.info_liste{

}
}
@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;
    }
    .mdlPanier{
        padding:0 15px;
    }
}
@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;
    }
}

@media screen and (max-width: 750px) {
 .item_panier .left-panier{
        display:block!important;
        width:100%;
            padding-top:20px;
    }
 .photo-panier{

        display:block;
        margin:auto;
    }
 .right_left_panier{
        width:100%;
        padding-left:0px;
    }
    .supp-resp{
        position:relative;
        left:0;
    }
 .quantite_panier{
        width:50%;
        border-left:0px;
    }
    .tarif_panier{
        width:50%;
    }
}
@media screen and (max-width: 1170px) {
   .recap_commande{
        width:100%;

        margin-left:0px;
        padding-left:0px;
    }

    .contain-cat-home a, .contain-cat-home > div, .contain-cat-home.x3 > div{
        width: calc(33.3% - 34px);
    }
}
@media screen and (max-width: 700px) {
    .choix_mode_livraison .block_liv{
        display:block!importat;
        width:100%!important;
        margin-top:10px;
    }
    .mode_livraison .tarif_liv{
        position:absolute;
        right:20px;
        top:20px;
    }
 .recap_commande h4, .info_panier h4{
        font-size:25px;
    }
    .mode_livraison{
        position:relative;
    }
}



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

.contain_actus .actu_bloc{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin:0 20px 30px;
    flex-wrap: wrap;
    gap: 35px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 50px;
}

.contain_actus .actu_bloc .actu_img{
    width: 350px;
    max-height: 350px;
    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  .prevnext{
    width:100%;
}

.contain_actus .actu_txt{
    display:
    flex;
    flex-direction: column;
    width: calc(100% - 385px);
    align-items: flex-start;
    justify-content: center;
}

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

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

.contain_actus .actu_txt p{
    padding: 10px 0;
    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: 0 20px;
    padding-top:50px;
    max-width:1140px;
    margin:
    auto;
    min-height:500px;
    flex-wrap: wrap;
}

.actu-container .bloc-img{
    width: 400px;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
}

.actu-container .bloc-img img {
    width: 100%;
    height: auto;
}

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

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