body{
    font-size: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

h2{
    font-size: 28px;
    text-transform: uppercase;
}


a, a:visited{
    text-decoration: none;
    color : #fff;
}

a:hover, a:active{
    color : #c9c9c9;
}

.couleur-blanche{
    color:#fff;
}

section,article{
    padding: 0 2%;
}

.adaptable{
    display: block;
     width:60%;
    height:auto;
    margin: auto;
}

.center{
    text-align:center;
}

.croix{
    margin: 0 auto;
     display:block;
}

h4.marque a, h4.marque a:visited {
    color: #999;
}

.prix {
    font-size: 200%;
    color: red;
}

.description {
    text-align: justify;
    margin: 40px;
}

section>h5, article>h5 {
    margin: 20px;
    font-size: 2em;
    color:#666;
}

.panier {
    width: 1.5em;
    vertical-align: center;
    height: auto;
}

table {
    width: 80%;
    border:1px solid black;
    margin: 30px;
}

td>a, td>a:visited {
    color: orangered;
}

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

header{
    background: #000;
    padding:10px;
}


header h1{
    margin-bottom: 20px;
}



header>nav>ul>li>a{
    display: block;
    padding :10px;
    background: #222;
    border-bottom: 1px solid #666;
}




/*************************/
/*     SCETION:         */
/***********************/

section.image{
    background: url('../img/camada.jpg') center center;
    background-size: cover;
    padding-bottom: 100px;
}

section.image h2{
    color:#fff;
    font-size: 32px;
    width : 75%;
    padding-top :200px;
   text-align:center;
    margin:0 auto;
    
}

section.image .bouton a{
    display: block;
    width: 20%;
    padding:20px;
    text-align: center;
    background:black;
    margin:0 auto;
    margin-top: 120px;
    
}


/*************************/
/*     SLIDER:         */
/***********************/


section.slider h2, section.features h2{
    text-align: center;
    padding-top: 100px;
    padding-bottom: :50px;

}
section.slider p, section.features>p {
    padding-top : 50px;


}

section.slider h3{
    text-align: center;
    padding-bottom: 100px;
    text-transform: uppercase;
    font-size: 20px;
}


.board {
    width: 300px;
    margin: auto;
    text-align: center;
    margin-bottom: 10px;
}

.board a  , .board a:visited{
    color:black;
}

/*************************/
/*       ASIDE:         */
/***********************/

aside{
    background: url("../img/bg-image.png")center center;
    background-size: cover;
    padding:0 10px;

}

aside h2{
    color:#fff;
    padding-top :200px;
    width :85%;
    padding-bottom: 100px;
}

aside p{
    color:#fff;
    width:85%;
    padding-bottom: 40px;
    
    line-height: 2rem;

}

/*************************/
/*     features         */
/***********************/

section.features ul{
    padding-top: 50px;
    text-align: center;

}


section.features h3{
    padding-top : 10px;
    padding-bottom: 10px;
}

section.features{
    padding-bottom:100px;
}

/*************************/
/*     footer         */
/***********************/

footer{
   
    padding:50px 10px;

    background-color: #000;  


}



footer section a{
    color:#c9c9c9;
}


footer section h2{
    color:#fff;
    font-size:20px;
    padding-bottom :30px; 

}

footer section li{
    margin-bottom: 10px;
    font-size: 14px;
}

footer section input{
    height : 25px;   
}

footer section input[type="submit"]{
    height:31px;
}

footer section form{
    margin-bottom:  50px;

}

footer>div>p{
    margin-top:30px;
    
    color:#fff;

}

@media all and (min-width:800px) {
    header>nav li {
        display: inline-block;
        width:150px;
    }
    
    header h1 {
        float:left;
    }
    
    header nav {
        float: right;
    }
    
    header {
        height: 60px;
    }
    
    .features li {
        display: inline-block;
    }
    
    footer {
        text-align: center;
    }
    
    footer section {
        display: inline-block;
        vertical-align: top;
    }
    
    .produits {
        text-align: center;
    }
    
    .produits h2 {
        margin-left: 50px;
        margin-bottom: 20px;
    }
    
    .board {
        float: left;
        margin-bottom: 30px;;
        width:33.333333%;
        padding: 0;
    }
    
    aside {
        clear: both;
    }
}