@charset "UTF-8";

body {
	background-color: white;
	font-family: 'Roboto Condensed', sans-serif;
	margin:30px;
	}

	

	#burger{display : none;}
	.apropos{display : none;}

	.HeaderPhotos {
    width: 100%;
    position: relative;

	}
	
	.header {
    width: 25%;
    position: absolute;
    margin-right: 30px;
	}

	.HeaderPhotos .photos div{
	margin-left: 30px;
	}


	h1{
	font-size: 26px;
	line-height :24px;
	font-weight: 400;
	color : #87888a;
	margin-top: 10px;
	margin-right: 30px;
	}

	h1 a{
	text-decoration: none; 
	color :#87888a;
	}
	
	h2{
	font-size: 16px;
	line-height :18px;
	font-weight: 300;
	margin-top: -15px;
	color : #87888a;
	margin-right: 30px;
	}

	h3{
	font-size: 40px;
	margin-top: 50px;
	color : #87888a;
	font-family:'Slabo 27px', serif;
	}


	a .moi{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	color : #87888a;
	}

	.cica{ 
	background-color:#f6c802 ;}

	
	nav p{
	margin-left:40px;
	margin-bottom:0px;
		}
	
	nav{
	margin-left: -40px;
		}
	
	a{
	text-decoration: none; 
	color :black;
	}
	
	li{
	list-style-type: none;
	line-height: 17px;
		}


	
	.menu a:hover{ 
	background-color:#f6c802 ;
		}



	.visuels {
    width: 100%;
    position: absolute;
    margin-right: 30px;
    left : 20%;
    top: 10%;
    z-index:80;
	}

	.encart{visibility: visible;width:200px;}
	.encart .moi i{display:none;}
	.encart:target {width:10px;padding:10px;}
	.encart:target .moi i{display:block;}
	.encart:target p{display:none;}
	.encart:target i{display:none;}

	




		div .encart{
		background-color:#f6c802;
		width:200px;
		padding :20px;
		position: fixed;
		right: 0%; 
		top: 30%;
		margin-right:0px;
		font-family: 'Merriweather', serif;
		z-index:100; }

	

	.encart{
	width :200px;
	height : 270px;
	position: fixed;
	left: 27%; 
	top: 30%;
	z-index:100;
	
	}



	p#titre{
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 700;
	margin-top: 0px;
		}

	p#titre_V2{
	font-size: 16px;
	margin-bottom: 0px;
	font-weight: 700;
	margin-top: 0px;
		}
	p#titre_N2{
	font-size: 12px;
	margin-top :-20px;
	margin-bottom: 15px;
	font-weight: 700;
	margin-top: 0px;
		}
	
	p#soustitre{
	margin-top:-5px;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: 400;
		}
	
	
	.encart p{
	font-size: 10px;
		}


	#encart i{color: white;
	font-size: 20px;
	margin-top :-5px;
	margin-left: 0px;
	margin-bottom: 20px;
	}


	img{width:75%;}

	div#visuel13,#visuel130,#visuel131,#visuel132,#visuel133,#visuel134,#visuel134,#visuel135,#visuel136,#visuel137,#visuel138,#visuel139,#visuel140{
    top: 0%;
    left: 0%;
    width: 70%;
    margin-left: 60px;
    margin-bottom: 5px;
	}

	#visuel13,#visuel130,#visuel131,#visuel132,#visuel133,#visuel134,#visuel134,#visuel135,#visuel136,#visuel137,#visuel138,#visuel139,#visuel140 img{
		width:80%;
		left :30%;
		margin-bottom: 5px;
	}
	

	@media screen and (min-width: 1150px) {

	.visuels {
    width: 650px;
    position: absolute;
    margin-right: 30px;
    left : 210px;
    top: 10px;
    z-index:80;}

	img{width:100%;}

	div#visuel13,#visuel130,#visuel131,#visuel132,#visuel133,#visuel134,#visuel134,#visuel135,#visuel136,#visuel137,#visuel138,#visuel139,#visuel140{
    top: 0px;
    left: 0px;
    width: 753px;
    margin-left: 40px;
    margin-bottom: 2px;
	}

	#visuel13,#visuel130,#visuel131,#visuel132,#visuel133,#visuel134,#visuel134,#visuel135,#visuel136,#visuel137,#visuel138,#visuel139,#visuel140 img{
		width:100%;
		left :30%;
	}

	div .encart{
	background-color:#f6c802;
	width:200px;
	padding :20px;
	position: fixed;
	right:0px; 
	top: 300px;
	margin-right:0px;
	font-family: 'Merriweather', serif;
	z-index:100; }

	

	.encart{
	width :200px;
	position: fixed;
	left: 280px; 
	top: 260px;
	z-index:100;
	
	}

	}

@media screen and (max-width: 600px) {

	body{margin-right :20px;margin-left :10px;margin-top :5px;}

	a{padding-left:0px;}
		
		
	h1{
	display:none;
	}

	h2{
	display:none;
	}

	h3{
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 0px;
	color : #87888a;
	}

	.header {
	display:none;
	}

	a{
	font-family: 'Roboto Condensed', sans-serif;
	font-size :24px;
	color:#87888a;
	/*padding-left: 10px;*/}
 	
	
	div .encart{
	display : none;
	
	}
	
	.encart{
	display : none;
	}

	p#titre{display : none;
	
		}
	
	p#soustitre{display : none;
	
		}
	
	
	.encart p{display : none;
	
		}

	.moi i{color : #87888a;
	font-size: 24px;
	
	margin-left :10px
	}

	#encart i{display : none;
	}

	.encart:target .moi i{display : none;
	}

	


	#burger{display : block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;}

	#burger ul{
	margin-bottom: 0px;
	}
	
	.moi a{color:#87888a;}

	a.moi{padding-left: 0px;}
	

	.apropos{
	height :0px;
	-ms-transition: all  ease-out 1000ms;
	transition: all  ease-out 500ms;
	}

	.ouvert{
	height :370px;
	display: block;
		}



	.new a:hover{ 
	background-color: #f6c802;
	}


	

	.apropos a{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight : 300;
	font-size :12px;
	color:black;
	text-align: left;
	line-height:16px;
	}

	.HeaderPhotos .photos div{
	margin-left: 0px;
	}

	.new {
	display: inline-block;
	}

	.new a{
	margin-top: 0px;
	margin-left :0px
	}
	
	.new ul{
	margin-top: 0px;
	margin-left :10px
	}

	.new p{margin-top: 15px;
	font-size: 16px;}
	

	nav p{
	margin-left:50px;
	margin-bottom: 5px;
	font-size: 15px;
	margin-top: 0px;
		}

	img{width:100%;}

	.visuels {
	position: absolute;
    margin-right: 0px;
    margin-top:5px;
    left : 0%;
	z-index:80;
	width :120%; 	
    top: 120%;
	}

	#visuel13,#visuel130,#visuel131,#visuel132,#visuel133,#visuel134,#visuel134,#visuel135,#visuel136,#visuel137,#visuel138,#visuel139,#visuel140 img{
	width:100%;
	margin-left: 0px;
	}

	div#visuel13,#visuel130,#visuel131,#visuel132,#visuel133,#visuel134,#visuel134,#visuel135,#visuel136,#visuel137,#visuel138,#visuel139,#visuel140 {
    top: 0%;
    left: 0%;
    width: 80%;
    margin-left: 10px;
    margin-bottom: 10px;

	}

	
	}