header {
	background-image: url("../images/fondHeader.jpg");
	background-size: cover;
	background-attachment: fixed;
	height: 100vh;
	padding-top: 1vh;
}
.description-slider-titre {
	color: black;
	text-align: right;
	width: 40vw;
	margin-left: 25vw;
}
.description-slider {
	color: black;
	text-align: right;
	width: 40vw;
	margin-left: 25vw;
}
.sommaire {
	height: 5vw;
	background-image: linear-gradient(black, rgba(0,0,0,0));
	text-align: right;
}
header h1 {
	color: rgba(255,255,255,0.5);
	margin-left: 6vw;
	margin-top: 30vh;
	font-size: 5vw;
}
header p {
	color: rgba(255,255,255,0.5);
	margin-left: 10vw;
	margin-top: 5vh;
	font-size: 2vw;
	font-family: 'Open Sans', sans-serif;
}
.liste-sommaire {
	list-style-type: none;
}
.li-liste-sommaire {
	 display: inline;
	 margin-right: 2vw;
	 font-size: 1.5vw;
}
.li-liste-sommaire a {
	color: rgb(127,127,127);
	transition-property: color;
    transition-duration: 0.25s;
}
.li-liste-sommaire a:hover {
	color: rgb(191,191,191);  
}

.carousel {
	box-shadow: 0px 0px 3vh black;
}
.description-slider-titre {
	font-size: 2.5vw;
	margin-bottom: 1.5vw;
}
.description-slider {
	font-size: 1.5vw;
}
.centre {
	width: 70%;
	height: auto;
	padding: 1vh;
	display: inline-block;
}
.nous {
	width: 30%;
	height: 100%;
	display: inline-block;
	margin: 1vw;
	vertical-align: top;
}
.reseaux {
	width: 30%;
	height: 30vw;
	margin: 1vw;
	background-image: url("../images/Bois1.jpg");
	background-size: cover;
	display: inline-block;
}
.logos-reseaux {
	margin: 1vw;
}
.logos-reseaux img {
	display: inline-block;
	width: 30%;
	margin: 1vw;
	filter: drop-shadow(0px 0px 0.5vw rgba(0,0,0,0.75));
	transition-property: filter;
    transition-duration: 0.25s;
}
.logos-reseaux img:hover {
	filter: drop-shadow(0px 0px 0.75vw black);
}
.logos-reseaux h4 {
	font-family: 'Merriweather', serif;
	font-weight: bold;
	font-size: 2vw;
	color: black;
}
.logos-reseaux p {
	color: black;
	width: 70%;
	font-size: 1vw;
	line-height: 1.5vw;
	text-align: justify;
}
.tete img {
	display: block;
	margin: auto;
	width: 70%;
	border-radius: 50%;
	box-shadow: 0px 0px 2vw rgba(0,0,0,0.5);
	transition-property: box-shadow;
    transition-duration: 0.25s;
}
.tete img:hover {
	box-shadow: 0vw 0vw 4vw rgba(0,0,0,0.6);
}
.biographie {
	width: 100%;
	height: 50%;
	margin-top: 2vh;
	background-color: rgb(223,223,223);
	border-radius: 5%;
	box-shadow: 0px 0px 2vw rgba(0,0,0,0.2);
}
.biographie h4 {
	font-size: 1.75vw;
	font-weight: bold;
}
.biographie p {
	margin: 1vw;
	text-align: justify;
	font-size: 1vw;
	width: 90%;
	line-height: 1.5vw;
}

.crayons-dessin {
	background-image: url( "../images/Fond1.jpg" );
	background-attachment: fixed;
}
.crayons-ecriture {
	background-image: url( "../images/Fond2.jpg" );
	box-shadow: 0px 0px 3vh black;
	position: relative;
	z-index: 1;
}
.crayons-architecte {
	background-image: url( "../images/Fond3.jpg" );
	background-attachment: fixed;
}
.crayons-dessin, .crayons-ecriture, .crayons-architecte {
	padding-top: 3vw;
	text-align: center;
	background-size: cover;
}
.qui-sommes-nous {
	padding-top: 3vw;
	box-shadow: 0px 0px 3vh black;
}
section p {
	display: inline-block;
	width: 60vw;
	text-align: justify;
	font-size: 2vw;
	line-height: 2vw;
	margin-top: 1vw;
	margin-bottom: 4vw;
}
.presentation-crayons {
	display: inline-block;
	width: 70vw;
	height: auto;
	margin-bottom: 2vw;
}
.presentation-crayons img {
	display: block;
	margin: auto;
	width: 95%;
	box-shadow: 0px 0px 2vw rgba(0,0,0,0.5);
}
.presentation-crayons h4 {
	font-size: 1.5vw;
	margin: 1vw;
	margin-bottom: 2vw;
}
.presentation-crayons p {
	font-size: 1.5vw;
	text-align: justify;
	line-height: 1.5vw;
	width: 90%;
}
.description-crayon {
	display: inline-block;
	width: 30%;
	height: auto;
	margin: 1vw;
	vertical-align: top;
}

section {
	text-align: center;
}

section h2 {
	font-size: 4vw;
	margin: 0px;
	font-family: 'Merriweather', serif;
	font-weight: bold;
}

footer {
	background-color: black;
	color: rgb(191,191,191);
	font-size: 1vw;
	height: auto;
	padding: 1vh;
	text-align: center;
}