.content{min-height:500px;}
.interne_content {margin: 0 auto 40px;max-width: 1600px;padding: 0px 15px;overflow: hidden;}
 .boxshop{
    margin: 20px auto 40px;
    max-width: 1600px;
    padding: 80px 15px;
    overflow: hidden;
    background: #eae6db;
    min-height: 550px;
}
.innershop{max-width: 1200px;margin:0 auto;overflow: hidden;padding: 0px 15px;}
.titlepage{
    padding: 20px 0px 10px;
    text-align: center;
}

.subtitle {
    display: block;
    color: #443831;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 15px;
    margin-bottom: 20px;
}

.boderleft{
    border-left: 1px solid #e4e4e4;
    padding-left: 20px;
}

.text_confirme{
    font-size: 30px !important;
    text-transform: uppercase;
    margin: 10px 0px;
    text-align: center !important;
}


.login_box {text-align:center;}
.block{display:block;}

.center{text-align:center;}

.left{text-align:left;}
.right{text-align:right;}
.floatright{float:right;}

.soustitle{color:#6f5d53;text-transform: uppercase;font-size:18px;margin:20px 0px;display:block;font-weight:600}


 .box_vide{
    background: #eae2d9;
    padding: 30px 20px;
    margin-top: 20px;
    text-align: center;
    color: #000;
    font-size: 14px;
}


.bleu_block{
    background: #b49586;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
    padding: 15px;
}
.box_inner{
    border: 1px solid #b49586;
    padding: 0px 15px 15px;
    margin-bottom: 20px;
}

.box_inner .link{color:#fff;text-decoration:underline;}

.flex_block{
    padding: 20px 0px;
}
.flex_block .ligne{margin-bottom:10px;}

.flex_block .ligne span{margin-right:5px;}

.input{
    =: #fff !important
    color: #524d4b !important;
}

.titre_block{
    color: #323232;
    text-transform: uppercase;
    font-size: 18px;
    margin: 30px 0px;
    display: block;
    font-weight: 500;
    position:relative;
    display: inline-block;
    font-weight: 700;
}
.titre_block:after{height: 1px;background: #d5d1c5;content:"";width: 30px;display:block;position:absolute;bottom: -10px;left:0px;}


.nopadding{padding:0px;}


.work{
    padding: 0px;
    margin: 40px 0px 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position:relative;
}
.work:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0px;
    top: 28px;
    z-index: -1;
}
span.item{
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
}
span.item .val {
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    color: #715f55;
    background: #fff;
    display: block;
    padding: 0px 15px;
    font-weight: 600;
    text-decoration: none;
}
span.item .nb{
    font-size: 35px;
    color: #715f55;
    background: #fff;
    display: block;
    text-align: center;
    margin-top: -25px;
}

a.item{
    padding: 15px 10px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    color: #86754d;
    font-weight: bold;
}
a.item .val {
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    color: #b49586 !important ;
    background: #fff;
    display: block;
    padding: 0px 15px;
    font-weight: 600;
    text-decoration: none;
}
a.item .nb{
    font-size: 35px;
    color: #b49586;
    background: #fff;
    display: block;
    text-align: center;
    margin-top: -25px;
}


span.active{color: #86754d;font-weight: bold;}
span.active .nb{color:#b49586 !important;}
span.active .val{color:#b49586 !important;}




@media (max-width:1200px)
{
span.item{font-size:13px;    padding: 15px 10px;}
}


@media (max-width:991px)
{
.container{width:100%;padding: 0px;}

}


@media (max-width:900px)
{
span.item {
}
a.item {
}
}





@media (max-width:740px)
{
span.item:after{
    height: auto;
   display:none;
}
span.item:before{top: 0px;width:auto;height:auto;}
.text_confirme {
    font-size: 20px;
   
}
.work .item.active:before{
    color:#fff;
}
.work .item:nth-child(1):before{content:"1.";font-size:15px}
.work .item:nth-child(2):before{content:"2.";font-size:15px}
.work .item:nth-child(3):before{content:"3.";font-size:15px}
.work .item:nth-child(4):before{content:"4.";font-size:15px}
.work .item:nth-child(5):before{content:"5.";font-size:15px}

span.item {
    font-size:0px;
    background: #86754d;
    color: #fff;
}
span.active .val {
    display: block !important;
}
span.item .val{display:none;}
a.item .val{display:none;}
span.active {
    border-color: #0d5192 !important;
    color: #fff;
    white-space: initial !important;
    text-align: center;
    width: auto !important;
    font-size:15px;
    background: #86754d;
}


a.item{
  font-size: 0px;
}

}

@media (max-width:767px)
{


footer {

    margin-top: 40px !important;
}
.boxshop{
    padding: 15px 0px;
    min-height: auto;
    margin-bottom: 0px;
}
.innershop{
    padding: 0;
}
#wg_valide_panier_2 .frame_total {
    padding-top: 20px;
    width: 100% !important;
}
}

@media (max-width:400px)
{
span.active{
  font-size: 0px;
}
}








.boximages{position:relative;width:100%;background:#000;max-height: 170px;overflow: hidden;}
.boximages img{width:100%;opacity:0.4;}

.boximages:after{
    /* content:""; */
    width:100%;
    background:rgba(221, 221, 221, 0.71);
    height:1px;
    position:absolute;
    top:50%;
    z-index:1;
    }

.boximages:before{
 content;
 /* content:""; */
 width:33.333333%;
 z-index:1;
 height:100%;
 position:absolute;
 top:0;
 display:block;
 opacity:1;
 left:33.333333%;
 border-left:1px solid rgba(221, 221, 221, 0.71);
 border-right:1px solid rgba(221, 221, 221, 0.71);
 }

.title2_page{font-size:30px;text-transform: capitalize;display:block;margin:20px 0px;color: #86754d;font-weight: 600;text-align:center;}