/* --------------------- MEDIA QUERIES --------------------*/
	
    @media screen and (min-width: 200px) and (max-width: 640px) {
            
	#main {
             float : none;
             width : 90%;
             margin : 0;       
    }

	
body {
	height : 100%;
	font-size : 1.4em;
    font-family : verdana, sans-serif;
	background : url("../medias/header_background.jpg")  no-repeat center;
	background-size : 100%;
	background-color : #5081AC;
	width : auto;
	color : black;
}
	
	
	
article {
		width : 100%;
		float : none;
		margin-right : 1em;
   		margin-bottom : 1em;
}


h1 {
	color : black;
	text-align : center;
	margin : 0;
	width : 100%;
}

h2{
	text-align : center;
}

h3 {
	font-size : 1.5em;
}


header {
	min-height : 100%;
	width : 100%;
	background : none;
	color : black;
	padding-top : 2em;
	z-index : 30;
	}
	

#signature  {
		position : relative;
		top : 0.4em;
		color: #428BCA;
		font-size : 7em;
		width : 100%;
		text-align : center;

}


#menu { 
		text-align : center;
		font-size : 0.5em;
		margin : 0;
		padding :1em;
		width : 100%;
		position : fixed;
		top :0;
		display : block;
		background : rgba(0,0,0,0.7);
}	

	#menu ul {
	padding : 0;
			text-align : center;
	
}



	#menu li { 
		text-align : center;
		margin : 0
		padding :0;
		width :30%;
		top :0;
		display : inline-block;
		position : relative;
}	


#menuS2 {
	margin : 0;
	text-align : center;
	font-size : 0.7em;
	width : 100%;
	display : block;
	position : relative;
}

#menuS2 a {
		margin : 0;
		color : black; /*#9EDFFF; */
		text-decoration : none;
}
 
#menuS2 a:hover, #menu a:focus, #menu a:active { 
	color : white;
	text-decoration : none;
}

#menuS2 ul, #menuS2 li {
	margin : 0;
	display : inline-block;
	WIDTH : 30%;

} 

#menuS2 > ul > li > a {
	display : inline-block;

	position : relative;
}







#intro { 
	position : relative;
	height : auto;
	padding : 1em;
	text-align : center;
	font-size : 1.2em;
	display : inline-block;
	margin-bottom :0;
	margin-right : 0;
	z-index : 5;
	float : left;
	width :auto;
	left : 0;
	right :0;


}

#galerie { 
	position : relative;
	padding : 0;
	text-align : center;

	display : inline-block;
	margin-bottom :0;
	margin-right : 0;
	z-index : 1;
	float : none;
	width : 100%;
	left : 0;
}





form {
	width : 90%;
	height : auto;
	position : relative;
	z-index : 5;
	display : inline-block;
	margin:1em;
	left :0;
	top : 2em;
	text-align : center;
	border-radius : 1em;
	color : #9EDFFF;

}

#s1, #s2, #s3 {
		height : auto;
		position : relative;
		width : auto;
		
#s1 {
	margin:0;
	background-color : #5081AC; 
	position : relative;
	padding : 0;
	width : 100%;
}		

}

#s2{

	position : relative;
	padding : 1em;
	background-image :url("../medias/S1_background.jpg");
	background-repeat :no-repeat;
	background-size : 100%;
	width : auto;
	z-index : 4;
	
}

#s21, #s22, #s23 {
	min-height : 100%;
	margin : 0;
	width : 100%;
}



#s3{
	height : 100%;
	
}

#presentationportfolio { 
	position : relative;
	padding : 0;
	text-align : center;

	display : block;
	margin-bottom :0;
	margin-right : 0;
	z-index : 1;
	width : 100%;
	left : 0;
}

#subtitle { 
		text-align : center;
		margin-top : 1.2em;
		padding : 1em;
		color : white;
		font-size : 1.2em;
		width : auto;
		display : inline-block;
	}


#langues {
	display : inline-block;
	text-align : center;
	float : right;
	margin : 0;
	z-index : 8;
}

#langues > ul {
	
	text-align : center;

}

#langues > li {
	text-align : center;
	display : inline-block;
	line-height : 3em;
	
}

img.cocarde {
	width : 3em;
	margin : 0;
}

#intro p.soustitre {
	text-align : center;
}

#presentationportfolio { 
	position : relative;
	padding : 0;
	text-align : center;
	display : inline-block;
	margin-bottom :0;
	z-index : 1;
	width : 100%;
}

#presentationportfolio > p.soustitre {
	/*font-family : 'Sarina', cursive;*/
	font-size : 1.5em;
	font-weight : bold;
	text-align : center;
	color : #9EDFFF;
	margin : 0;
}

#presentationportfolio   > p.description {
	text-align : center;
	font-size : 1.2em;
	color : #CACEB5;
	margin-top:1.5em;
	font-weight: lighter;
}



#volet_clos {
		display : none;


}


#slideshow, #isotope, #galerie {
			width : 100%;
}

footer > p {
font-size : 0.6em;
	font-style : normal;
	text-align : center;
	background : rgba(300,300,300,0.3);
	line-height : 3em;
	margin-bottom:0;
	z-index : 25;
}