body{
	margin:5vw;
	overflow-x:hidden;
	}
	
@font-face {
font-family: AvenirNextCyr-Demi;
src: url("fonts/AvenirNextCyr-Demi.ttf") format("truetype");
font-weight: normal;
font-style: normal;
} 

@font-face {
font-family: AvenirNextCyr-Regular;
src: url("fonts/AvenirNextCyr-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
} 

@font-face {
font-family: AvenirNextCyr-Thin;
src: url("fonts/AvenirNextCyr-Thin.ttf") format("truetype");
font-weight: normal;
font-style: normal;
} 

@font-face {
font-family: NewBaskervilleStd-BoldIt;
src: url("fonts/NewBaskervilleStd-BoldIt.otf") format("opentype");
font-weight: normal;
font-style: normal;
} 

@font-face {
font-family: NewBaskervilleStd-Italic;
src: url("fonts/NewBaskervilleStd-Italic.otf") format("opentype");
font-weight: normal;
font-style: normal;
} 

a{
	text-decoration:none; 
}
	
h1 {
	font-family: AvenirNextCyr-Demi;
} 

h2 {
	font-family:NewBaskervilleStd-Italic;
} 

h3 {
	font-family: AvenirNextCyr-Regular; 	
} 

header {
  margin:4vw auto;
  position: relative;
  display:flex;
}

header img{
	width:40%;
}

/*.apropos{
  margin: 3px; 
  width:80vw;
  position: relative;
}*/

.apropos h3{
	color : #E03187;
	font-size : 12px;
	text-align: right;
	}

.conteneur-flex{
display: flex;
flex-wrap: wrap;
margin-top: 7vh
padding: 3vw 3vw  3vw  3vw;

}


.article-flex{
margin: 1vw;
flex: 1 1 300px;
line-height:0;
filter: grayscale(100%);

}

.article-flex:hover{
filter: grayscale(0%);
cursor : default;

}


.conteneur-text{
display: flex;
flex-wrap: wrap;
margin-top: 7vh
padding: 3vw 3vw  3vw  3vw;
background-color :pink;
font-family: AvenirNextCyr-Demi;
}
	
.conteneur-image{
display: flex;
flex-wrap: wrap;
margin-top: 7vh
padding: 3vw 3vw  3vw  3vw;
background-color :red;
font-family: AvenirNextCyr-Thin;
}

.blocproj{
	width: 95vw;
	height: 75vh;
	display: flex;
	margin-left: -4vw;
		
}

.blocblanc{
	flex:0.3; 
	}
	
.blocblanc2{
	flex:0.1;
		 
}

.bloctexte{
	flex:0.7;
	line-height: auto;
	padding: 2vw 5vw  0vw  0vw;
	overflow : scroll; 
		}

.bloctexte h1{
	font-size : 24px;
	color : black;
	font-family: AvenirNextCyr-Demi;
}

.bloctexte h2{
	font-size : 14px;
	color : black;
	font-family: NewBaskervilleStd-Italic;
}

.bloctexte h3{
	font-size : 14px;
	color : black;
}

.bloctexte p{
	font-family: AvenirNextCyr-Thin;
	font-size : 14px;
	color:black; 
	line-height: 120%;
}


.blocimage{
	width: 100%;
	height: 100%;
	padding-right:-3vw;
	flex: 3;
	padding-left: 4vw;
	
	
}

.blocimage-700-500{
	width: 100%;
	height: 100%;
	flex: 2;
	padding-right: 0vw;
	padding-left: 3vw; 
	text-align:center;

}
	
.blocvideo{
	width: 48%;
	height: 100%;
	margin-left: 2%;
	flex: 3;
	padding-right: 2vw;
	padding-left: 3vw;
	padding-top:3vw;
}

.blocvideo video{
	height: 75%; 
}


img {
    max-width: 100%;
}
.slider-container {
    max-width: 100%;
    position: relative;
    margin: auto;
    height: 100%;
    overflow: hidden;
 }


.menu {
    position: absolute;
    left: 10; 
    z-index: 11;
    width: 100%;
    bottom: 0;
    text-align: center;
    margin-left:-8%; 
    margin-bottom: 4vw; 
 


}

.menu label {
    cursor: pointer;
    display: inline-block;
    width: 15px;
    height: 10px;
    background: #ccc;
    border-radius: 50px;
    margin: 0 0.3em 1em;

 
}
.menu label:hover,.menu label:focus {
    background: #f70c84;
}

.slide-input{
    opacity: 0;
}
.slide-img {
    width: 85%;
    height: auto;
    position: absolute;
    top: 5%;
    left: 100%;
    z-index: 10;
    transition: left 0s 0.75s;
}

[id^="slide"]:checked + .slide-img {
    left: 0;
    z-index: 100;
    transition: left 0.65s ease-out;
}	
	
	
	
footer {
margin-top:7vh;
height:10vw;
width:100%; 
position: relative;
line-height: 20%;
}

footer h1 {
	font-size : 12px;
	text-align: center;
	color : #E03187;
}

footer h3{
	color : #E03187;
	font-size : 12px;
	text-align: center;
	}