*{
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}

body{
    margin: 0;
    height: 100vh;
    width: 100%;
}

.container__top{
    background: url(images/carreleur-herve1_0.jpeg) top center no-repeat;
    width:100%;
    height:500px;
    float:left;
    background-size: cover;
    -webkit-background-size: cover;
}

.container__top p{
    margin: 0 auto;
    text-align: center;
}
.container__top p>img{
    height:80px;
    width:80px;
    margin-top:60px;
    margin-right:60px;
}

#nav {
	padding: 0; margin: 0;
	text-align: center; /* centrer le texte */
}
#nav li {
	display: inline;
	list-style: none;
    text-decoration: none;
}
#nav a {
	display:inline-block;
	margin: 100px 30px;
    text-decoration:none;
    color:white;
    font-size:20px;
    text-transform: uppercase;
}
.active{
    border-bottom: 2px solid white;
}

.container__top h2{
    text-transform: uppercase;
    font-size:35px;
    color:white;
    margin-top:0px;
    margin-left:100px;
    display:inline-block;
    border-bottom:5px solid white;
}

.blockcontainer {
    margin:auto;
    width:100%;
    background-color:#f2f0f0;
    height:1100px;
}

.block {
    width:calc((100% / 3) - 60px);
    height:530px;
    float:left;
    margin-left: 30px;
    margin-right: 30px;
    background-color:white;
    color:#969a9c;
    text-align:center;
    font-size:13px;
}

    

.block p{
    text-align:left;
    margin-left:20px;
}

p.artistname {
    font-size:18px;
    color:#969a9c;
    font-weight:500;
    text-transform:uppercase;
    margin-left:20px;
}
.blockcontainer img{
    width:100%;
    height:300px;
}

.bouton{
    color:#969a9C;
    border:2px solid #969a9c;
    width:60%;
    padding-top:25px;
    padding-bottom:25px;
    text-align:center;
    margin:auto;
}

.depann{
    color:#969a9c;
    text-align:center;
    margin:auto;
}
.depann h2{
    font-size:25px;
    font-weight:normal;
    padding-bottom:20px;
}

hr {
    width: 30%;
    height:1px;
    color:#969a9c;
}

footer{
    background-color:#353434;
    width:100%;
    height:190px;
    display:flex;
}
footer .logo_couleur{
    float:left;
    width:15%;
    background-color:#353434;
}

.footer__{
    display:inline-block;
    color:white;
    width:20%;
    margin-left:90px;
}
.footer__ h3{
    text-transform:uppercase;
}

.footer_rs img{
    display:inline-block;
    width:40px;
    height:40px;
    margin-top:70px;
    margin-left:40px;
}