* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: 'Montserrat', sans-serif;
}

.container{
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.button-primary {
    color:#a1a1a1;
    background-color: #3f3e43;
    padding:0 10px;
    border:0;
    box-shadow:none;
    appearance: none;
    height:40px;
    opacity:0.6;
    transition: all 200ms ease-out;
    cursor:pointer;
    outline:none;
    display:flex;
    align-items: center;
    font-weight: 400;
    text-decoration: none;
    font-size:15px;

}

.button-primary:hover, .button-primary:focus{
    opacity:1;
}

.button-primary svg {
    height:15px;
    width: 15px;
    margin-right:15px;
}

.button-primary--transparent {
    background-color: transparent;
}

.pre-header {
    background-color:#282828;
}

.pre-header > div {
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.pre-header__coords {
    display:flex;
}

.pre-header__account {
    display:flex;
}

#main-header {
    display:flex;
    justify-content: space-around;
    align-items: center;
    padding-top:10px;
    padding-bottom: 10px;
}

.main-header__menu {
    text-transform: uppercase;
}

.recherche {
    height:25px;
    width: 25px;
}

.main-header__menu a {
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    color:#a1a1a1;
    transition: 200ms ease-in-out;
}

.main-header__menu a:hover {
    color:black;
}

.panier {
    display:flex;
}

.panier svg {
    height:30px;
    width: 30px;
}

#panier {
    padding-left:15px;
}

#panier p:nth-child(1){
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

#panier a {
    color:black;
    text-decoration: none;
}

#panier p:nth-child(2) {
    font-size: 0.8rem;
    padding-top:4px;
}

.homepage {
    padding-bottom: 50px;

}

/************ produits ************/

#produits1 {
    display:grid;
    grid-template-columns: 1fr  0.5fr 0.5fr;
    grid-template-rows: 280px 280px;
    grid-gap:20px;
    grid-template-areas:
                "a b c"
                "a b d";
}

.produits1 {
    height:100%;
    width:auto;
    position:relative;
    overflow:hidden;
}

.produits1 .design {
    position:absolute;
    width:50%;
    top:40%;
    left:10%;
    color:white;
}

.produits1 .design p:nth-child(1){
    background-color:#535353;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 0.8rem;
    padding:6px 10px;
    
}
.produits1 .design p:nth-child(2){
    font-size:3.2rem;
    font-weight:700;
}
.produits1 .design p:nth-child(3){
    font-size:2rem;
    padding-bottom:20px;
    font-weight:200;
}
.produits1 .design p:nth-child(4){
    font-size:1rem;
    padding-bottom:30px;
}
.produits1 .design p:nth-child(5){
    font-size:2rem;
    padding-bottom:20px;
}

.produits1 .canap {
    position:absolute;
    color:white;
    left:10%;
    right:10%;
    top:5%;
}

.produits1 .canap p:nth-child(1) {
    text-transform: uppercase;
    padding-bottom: 20px;
    letter-spacing: 2px;
}

.produits1 .canap p:nth-child(2) {
    font-weight: 600;
    font-size:1.5rem;
    padding-bottom: 20px;

}

.produits1 .canap p:nth-child(3) {
    text-transform: uppercase;
}

.produits1 .rondbleu {
    background-color: #62c5de;
    position:absolute;
    width:130px;
    height:130px;
    top:50%;
    right:5%;
    border-radius: 100%;
}

.produits1 .rondbleu .canap2 {
    color:white;
    position:absolute;
    top:32%;
    right:15%;
}

.produits1 .rondbleu p:nth-child(1){
    text-decoration:line-through;
    font-size: 1rem;
    text-align: center;
}

.produits1 .rondbleu p:nth-child(2){
    font-size: 1.3rem;
}

.produits1 .coussins {
    color:black;
    font-weight: 600;
    left:5%;
    top:12%;
    position: absolute;
    letter-spacing: 2px;
    line-height: 1.9rem;
}

.produits1 .coussins p:nth-child(1) {
    text-transform: uppercase;
}

.produits1 .prixcoussins {
    position:absolute;
    top:70%;
    left:60%;
}

.produits1 .prixcoussins p {
    color:#8c211e;
    font-size: 1.4rem;
    padding-bottom: 10px;
}

.btnacheter {
    background-color: #2e2d32;
    color:white;
    text-transform: uppercase;
    font-size: 0.7rem;
    text-align: center;
    padding-left:10px;
    padding-right:7px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.produits1 .chaise {
    position: absolute;
    font-size: 1.2rem;
    line-height:1.9rem;
    text-transform: uppercase;
    font-weight: 600;
    color:#2f3e63;
    letter-spacing: 2px;
    top:10%;
    left:5%;
}

.produits1 .prix p:nth-child(1) {
    position: absolute;
    color:#9f9f9f;
    text-decoration: line-through;
    top:55%;
    left:5%;

}

.produits1 .prix p:nth-child(2) {
    position: absolute;
    color:#2f3e63;
    font-size: 1.4rem;
    top:65%;
    left:5%;

}

.produits1 .jenprofite {
    position: absolute;
    color:#2f3e63;
    text-transform: uppercase;
    top:80%;
    left:5%;
    font-size: 0.9rem;
    display:flex;
}

.jenprofite svg {
    width:20px;
    height: 20px;
    margin-left:5px;
}

#produits1 a:nth-child(1){
    grid-area: a;
}
#produits1 a:nth-child(2){
    grid-area: b;
}
#produits1 a:nth-child(3){
    grid-area: c;
}
#produits1 a:nth-child(4){
    grid-area: d;
}

#produits1 a:nth-child(1) > .produits1{
    background-image: url('../images/meubles/nouvellecollection.jpg');
    background-size: 150%;
    background-position: top 50%;
}

#produits1 a:nth-child(2) > .produits1{
    background-image: url('../images/meubles/canape3places.jpg');
    background-size: cover;
    background-position: 23% 77%;
}

#produits1 a:nth-child(3) > .produits1{
    background-image: url('../images/meubles/coussinsblancs.jpg');
    background-size: 145%;
    background-position: 15% 28%;
}

#produits1 a:nth-child(4) > .produits1{
    background-image: url('../images/meubles/chaise-accourdoirs.jpg');
    background-size: 115%;
    background-position: -50% -140%;
    background-repeat: no-repeat;
}



#produits2 {
    padding-top:20px;
    padding-bottom: 40px;
    display:grid;
    grid-template-columns: 0.75fr  1.25fr;
    grid-template-rows: 260px 300px;
    grid-gap:20px;
    grid-template-areas:
                "e g"
                "f g";
}

#produits2 a {
    text-decoration: none;
}

.produits2 {
    height:100%;
    width:auto;
    position:relative;
    overflow:hidden;
}

.produits2 .zio {
    color:white;
    text-align: right;
    padding-left:30%;
    padding-right: 30px;
}

.produits2 .zio p:nth-child(1), .produits2 .lampes p:nth-child(1) {
    font-size: 1.2rem;
    font-weight: 500;
    padding-top:40px;
    letter-spacing: 3px;
}

.produits2 .zio p:nth-child(2), .produits2 .lampes p:nth-child(2) {
    text-transform: uppercase;
    padding-top:10px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 3px;
}

.acheter {
    display:flex;
    float:right;
}

.produits2 .zio .acheter span {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    padding-top: 100px;
}

.produits2 .zio .acheter svg {
    height:20px;
    width: 20px;
    margin-top:100px;
    margin-left:10px;
}

.produits2 .lampes {
    color:#535353;
    text-align:right;
    padding-left:30%;
    padding-right: 30px;
}

.produits2 .lampes .acheter span {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    padding-top:140px;
}

.produits2 .lampes .acheter svg {
    height:20px;
    width: 20px;
    margin-top:140px;
    margin-left:10px;
}

.produits2 .bar {
    color:#535353;
    padding-left: 60px;
    position: absolute;
}

.produits2 .blanc {
    background-color:#ffffff;
    height:100%;
    width: 100%;
    opacity: 0.5;
    position: absolute;
}

.produits2 .bar p:nth-child(1) {
    padding-top: 70px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}

.produits2 .bar p:nth-child(2) {
    padding-top: 10px;
    font-size: 2.4rem;
    font-weight: 500;
}

.produits2 .bar p:nth-child(3) {
    padding-top: 5px;
    font-size: 2.4rem;
    font-weight: 200;
}

.produits2 .bar p:nth-child(4) {
    font-size:0.8rem;
    font-weight: 400;
}

#produits2 a:nth-child(1){
    grid-area: e;
}
#produits2 a:nth-child(2){
    grid-area: f;
}
#produits2 a:nth-child(3){
    grid-area: g;
}

#produits2 a:nth-child(1) > .produits2{
    background-image: url('../images/meubles/ziodinning.jpg');
    background-color:#c6e6a1;
    background-size: 57%;
    background-repeat: no-repeat;
}

#produits2 a:nth-child(2) > .produits2{
    background-image: url('../images/meubles/totemfloor.jpg');
    background-size: 110%;
    background-position: 27% 70%;
}

#produits2 a:nth-child(3) > .produits2{
    background-image: url('../images/meubles/tabouret.jpg');
    background-size: 160%;
    background-position: 65% top;
}



/************ products selection ************/

.products-selection__header a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.2rem;
    color:black;
    padding-left:10px;
    padding-right: 10px;
    transition: 200ms ease-in-out;
}

.products-selection__header .bordure {
    border-left: solid 1px;
    color:#706e6f;
}

.products-selection__header a:hover {
    color:black;
}

/************ products list ************/

#products-list {
    display:flex;
    justify-content: space-between;
    padding-top: 40px;
    position: relative;
}

.prod_list {
    height:380px;
    width: 280px;
}

.prod_list p:nth-child(1) {
    font-weight: 500;
    color:#706e6f;
    padding-left: 30px;
}

.prod_list p:nth-child(2) {
    font-weight: 500;
    color:black;
    padding-top:10px;
    padding-left: 30px;
}

#products-list a:nth-child(1) {
    background-image: url('../images/meubles/bombichair1.png');
    background-size: 125%;
    background-position: bottom 100px right -20px;
}

#products-list a:nth-child(2) {
    background-image: url('../images/meubles/seater.png');
    background-size: 113%;
    background-position: 30% 130%;
}

#products-list a:nth-child(3) {
    background-image: url('../images/meubles/chairarmrests.png');
    background-size: 190%;
    background-position: 60% 120% ;
}

#products-list a:nth-child(4) {
    background-image: url('../images/meubles/bombichair.png');
    background-size: 107%;
    background-position: 50% 0% ;
}

.text_bas {
    position: absolute;
    background-color: white;
    bottom:0;
    height: 100px;
    width: 280px;
}

.prod_list p:nth-child(1) {
    padding-top: 20px;
}

.reducchair {
    position: absolute;
    background-color: #b2cc2a;
    height:7%;
    width:5%;
    margin-top:3%;
    margin-left:1px;
    padding-top:6px;
}

.reducchair p {
    text-align: center;
    font-size: 0.9rem;
    color:white;
    font-weight: 600;
}


/************ categories ************/

#categories {
    display:flex;
    padding-top: 40px;
    position: relative;
}

#categories a {
    text-decoration: none;
}

.categ, .categ2 {
    height:202px;
    width: 395px;
    padding-left: 10%;
    padding-top: 40px;
}

.voir {
    display:flex;
}

.voir span {
    color:#535353;
    text-transform: uppercase;
    padding-top:70px;
}

.voir svg {
    height:20px;
    width:20px;
    margin-top:70px;
    margin-left:10px;
}

.categ > p:nth-child(1) {
    font-size: 0.9rem;
    letter-spacing: 2px;
    color: #706e6f;
}

.categ p:nth-child(2), .categ2 p:nth-child(2){
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 2px;
    color:#535353;
    padding-top:5px;
}

.categ2 > p:nth-child(1) {
    text-transform: uppercase;
    color:white;
    letter-spacing: 2px;
    font-weight: 500;
}

.voir p {
    padding-top: 50px;
    font-size: 0.8rem;
    text-transform: uppercase;
    color:#706e6f
}

#categories a:nth-child(1) {
    background-image: url('../images/meubles/horloges.png');
    background-size: 108%;
    background-position: right 20%;
}

#categories a:nth-child(2) {
    background-image: url('../images/meubles/tablebase.jpg');
    background-size: 130%;
    background-position: 80% 65%;
}

#categories a:nth-child(3) {
    background-image: url('../images/meubles/lampes.png');
    background-size: 145%;
    background-position: 25% top;
}

/********* meilleures ventes *********/

.meilleures-ventes__header {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3rem;
}

#best-products {
    display:flex;
    justify-content: space-between;
    padding-top: 40px;
    position: relative;
}

#best-products a {
    text-decoration: none;
}

.best-prod {
    height:250px;
    width: 200px;

}

.text_bas2 {
    position: absolute;
    background-color: white;
    bottom:0;
    height: 70px;
    width:200px;
    display:block;
}

.best-prod p:nth-child(1) {
    font-weight: 500;
    color:#706e6f;
    padding-left: 30px;
    padding-top: 20px;
    font-size: 0.9rem;
}

.best-prod p:nth-child(2) {
    font-weight: 500;
    color:black;
    padding-top:10px;
    padding-left: 30px;
    font-size: 0.9rem;

}


.best-prod > div:nth-child(1) {
    display:flex;
    width:200px;
    height:40px;
    background-color: white;
    bottom:0px;
    border:solid 1px #d6d6d6;
    transition: 300ms ease-in-out;
    position: absolute;
}

.best-prod:hover > div:nth-child(1) {
    bottom:70px;
}

#hover_panier svg {
    padding-left:20px;
    width:100%;
}

#hover_panier {
    display: flex;
}

#hover_panier p {
    color:#706e6f;
    font-weight: 400;
    padding-left:10px;
    padding-right:20px;
}

#hover_fav, #hover_fleche {
    border-left:solid 1px #d6d6d6;
    padding-left:5px;
}

#hover_fav {
    padding-right:3%;
}

.hover svg {
    width:25px;
    height: 25px;
    padding-top:10px;
}

.new {
    position: absolute;
    background-color: black;
    height:7%;
    width:4%;
    margin-top:2%;
    margin-left:1px;
}

.new2 {
    position: absolute;
    background-color: black;
    height:7%;
    width:4%;
    margin-top:3%;
    margin-left:1px;
}

.new span, .new2 span {
    text-transform: uppercase;
    font-size: 0.8rem;
    color:white;
    font-weight: 700;
    padding-left: 6px;
}

.reduccheers {
    position: absolute;
    background-color: #b2cc2a;
    height:8%;
    width:3%;
    margin-top:10px;
    margin-left:1px;
}

.reduccheers span {
    font-size: 0.8rem;
    color:white;
    font-weight: 700;
    padding-left: 6px;
}

#best-products a:nth-child(1) {
    background-image: url('../images/meubles/puffchair.jpg');
    background-size: 110%;
    background-position: 95% -30%;
}

#best-products a:nth-child(2) {
    background-image: url('../images/meubles/daddychair.jpeg');
    background-size: 180%;
    background-position: 50% -10%;
}

#best-products a:nth-child(3) {
    background-image: url('../images/meubles/woodchair.jpg');
    background-size: 180%;
    background-position: 48% top;
}

#best-products a:nth-child(4) {
    background-image: url('../images/meubles/cheerschair.png');
    background-size: 115%;
    background-position: 50% 200%;
}

#best-products a:nth-child(5) {
    background-image: url('../images/meubles/loiretchair.jpg');
    background-size: 110%;
    background-position: 40% -70%;
}

/********* partenaires *********/


.partners {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3rem;
    height:auto;
}

.partners p {
    padding-bottom: 30px;

}

.partners div {
    display:flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 60px;
}

/********* avantages *********/

.gris {
    background-color: #f6f6f6;
    height:500px;
}

.advantages-footer {
    padding-top:60px;
    display:flex;
    justify-content: space-between;
    padding-bottom: 60px;
    border-bottom: solid 1px #d6d6d6;
}

.advantages-footer svg {
    width:40px;
    height:auto;
}

.avantages {
    display:flex;
    align-items: center;
}

.textavantage p:nth-child(1) {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 0.9rem;
    padding-left:20px;
    padding-bottom:5px;
}

.textavantage p:nth-child(2) {
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 0.7rem;
    padding-left:20px;
}

/********* main footer *********/

.main-footer {
    padding-top:50px;
    display: grid;
    grid-template-columns: 1fr 2fr 0.25fr;
    padding-top:50px;
    padding-bottom:50px;
    color:#868686;
}

.main-footer img {
    width:50%;
}

.coord_footer {
    align-content: center;
}

.coord_footer svg {
    height:15px;
    width: 15px;
    margin-right:15px;
    margin-top:7px;
}

.company-footer {
    font-size: 0.7rem;
    color:#706e6f;
}

.company-footer p:nth-child(3) {
    padding-top :30px;
    padding-bottom :20px;

}

.company-footer a {
    text-decoration: none;
    color:#706e6f;
}

.menu-footer {
    display: flex;
}

.menu-footer li {
    padding-right : 7rem;
} 

.menu-footer ul{
    list-style: none;
    line-height: 2rem;
}

.menu-footer p {
    padding-bottom: 30px;
    font-weight: 600;
    color:#3f3e43;
}

.menu-footer a{
    text-decoration: none;
    color:#706e6f;
    font-size: 0.7rem;
}

.menu-footer a:hover {
    color:black;
}

.newsletter-footer {
    text-align: right;
}

.newsletter-footer p{
    padding-bottom: 30px;
    font-weight: 600;
    color:#3f3e43;
}

.newsletter-form {
    display: flex;
    font-size: 0.8rem;
    padding-bottom: 40px;
}

.newsletter-form input[type="submit"]{
    background-color: #706e6f;
    color:white;
    padding:15px;
    border:0;
    font-weight: 800;
    border-radius:0px 25px 25px 0px;


}
.newsletter-form input[type="text"]{
    padding:15px;
    border:0;
    font-weight: 800;
    border-radius:25px 0px 0px 25px;

}

.noussuivre {
    display:flex;
    float: right;
}

.noussuivre svg {
    width:20px;
    height: auto;
    margin-left: 10px;
}


.sub-footer__copyright {
    display: flex;
    align-items: center;
    position:absolute;
    padding-top:25px;
}

.sub-footer__copyright p:nth-child(1) {
    font-weight: 600;
}

.sub-footer__payments {
    float: right;
    padding-top:15px;
    padding-bottom: 15px;
}

.sub-footer__payments svg {
    width:40px;
    height: auto;
    margin-left:15px;
}

@media screen and (max-width: 430px) {
    #main-header {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

   .main-header__menu {
        padding-top:20px;
        padding-bottom: 20px;
        line-height: 30px;
    }

    .button-primary{
        font-size:13px;
        height:50px;
    }
    .button-primary svg {
        height:15px;
        display:block;
    }

    #produits1 {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 200px 200px 200px;
        grid-gap:5px;
        grid-template-areas:
                    "a b"
                    "a b"
                    "c d";
    }

    .produits1 p {
        font-size: 0.7rem;
    }

    .produits1 .design {
        width: 70%;
        top: 40%;
        left: 10%;
        color: white;
    }

    .produits1 .design p:nth-child(2) {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .produits1 .design p:nth-child(4) {
        font-size: 0.7rem;
        padding-bottom: 15px;
    }

    .produits1 .design p:nth-child(5) {
        font-size: 1.5rem;
        padding-bottom: 20px;
    }

    .produits1 .prixcoussins {
        top:60%;
        left:50%;
    }

    #produits1 a:nth-child(1) > .produits1 {
        background-image: url('../images/meubles/nouvellecollection.jpg');
        background-size: cover;
        background-position: 50%;

    }

    #produits2 {
        padding-top:5px;
        padding-bottom: 20px;
        display:grid;
        grid-template-columns: 0.75fr  1.25fr;
        grid-template-rows: 260px 300px;
        grid-gap:5px;
        grid-template-areas:
                    "e g"
                    "f g";
    }

    .produits2 .lampes {
        padding-left:10%;
    }

    .produits2 .lampes .acheter span {
        padding-top:80px;
    }

    .produits2 .lampes .acheter svg {
        margin-top:80px;
    }

    #produits2 a:nth-child(1) > .produits2 {
        background-image: url('../images/meubles/ziodinning.jpg');
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
    }

    #produits2 a:nth-child(2) > .produits2{
        background-image: url('../images/meubles/totemfloor.jpg');
        background-size: cover;
        background-position: 27% 70%;
    }
    
    #produits2 a:nth-child(3) > .produits2{
        background-image: url('../images/meubles/tabouret.jpg');
        background-size: cover;
        background-position: 65% top;
    }

    .produits2 .bar p:nth-child(2) {
        padding-top: 10px;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .produits2 .bar {
        color: #535353;
        padding-left: 10px;
        position: absolute;
    }

    .products-selection__header {
        display:flex;
        flex-wrap: wrap;
    }

    .products-selection__header .bordure {
        border-left: none;
    }


    #products-list {
        display: flex;
        flex-wrap: wrap;
        padding-top: 30px;
        position:relative;
    }

    .prod_list {
        position: relative;
        justify-content: space-around;
        width:398px;  
        height:468px;  
    }

    .text_bas {
        position:absolute;
        background-color: white;
        bottom:0;
        height: 90px;
        width: 398px;   
    }

    .reducchair {
        height:2%;
        width:10%;
        margin-top:3%;
        margin-left:1px;
        padding-top:6px;
    }

    #categories {
        flex-wrap: wrap;
        width:388px;
        overflow:hidden;
        padding-bottom: 40px;
    }

    .best-prod {
        position:relative;
        width:398px;
        height:350px;
    }

    #best-products {
        display: flex;
        flex-wrap: wrap;
        padding-top: 40px;
        position: relative;
    }

    .text_bas2 {
        height: 70px;
        width:398px;
    }
    
/********* footer *********/

    .main-footer{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .advantages-footer{
        display:block;
    }
    .main-footer{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .menu-footer{
        flex-direction: column;
        text-align:center;

    }
    .menu-footer div{
        padding-bottom:30px;
    }

    .menu-footer a {
        font-size: 1rem;
    }
    .menu-footer ul li {
        line-height: 25px;
        padding-right: 0;
    }


    .menu-footer div p {
        font-size:1.2rem;
        text-align:center;
        padding-bottom:20px;
    }

    .newsletter-footer {
        text-align: center;
    }

    .noussuivre {
        float: none;
        padding-left: 5%;
    }

    .noussuivre svg {
        height: 30px;
        width: 30px;
    }

    .sub-footer__copyright{
        padding-top:80px;
        justify-content: center;
    }
    .sub-footer__payments{
        float: none;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .sub-footer__payments svg{
        width: 50px;
        height: 50px;
    }
    
    
    .partners div {
        flex-wrap: wrap;
    }

    .gris {
        height:1400px;
    }

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

    .reducchair {
        height:2%;
        width:15%;
    }

    .new {
        height:7%;
        width:14%;
    }

    .new2 {
        height:7%;
        width:14%;
        margin-top:40px;

    }

    .reduccheers {
        height:7%;
        width:12%;
    }

    .best-prod > div:nth-child(1) {
        padding-bottom:105px;
    }

    #hover_fav, #hover_fleche {
        padding-bottom:105px;
    }

    .best-prod:hover > div:nth-child(1) {
        bottom:0;
    }

    #best-products a:nth-child(4) {
        background-position: 100% 100%;
    }

    #best-products a:nth-child(5) {
        background-position: 40% 50%;
    }

}