/* Table of Contents

==================================================



    #Mobile - 240px

    #Mobile - 320px	

    #Mobile - 480px	

	#Tablet - 768px	

	*/





/* #Mobile - 240px

================================================== */



@media only screen and (max-width: 319px) {}



	

/*  #Mobile - 320px

================================================== */



@media only screen and (min-width: 320px) and (max-width: 479px) {}





/* #Mobile - 480px

================================================== */



@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
}







/* #Tablet - 768px

================================================== */

@media (min-width: 768px) {
 
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#intro{
		max-width:100%;
	}

	aside{
		clear:both;
		float:none;
		max-width:90%;
		margin:0 auto;
	}

	#left-wrapper{
		padding:3% 10px 0 5px;
	}

	#pastille{
		width:150px;
		right:0 !important;
	}

}





@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	aside{
		max-width:274px;
	}

}


/*************
IPHONE 5
*************/
@media only screen and (max-width: 767px) {
	 #left-wrapper img{
	 	max-width: 100%;
	 	margin-right:0;
	 }

	 header{
	 	margin-bottom:-25px;
	 	padding-top:65px;
	 }

	 h1{
	 	font-size:1.2em;
	 }

	 #left-wrapper{
		padding:3% 3px 0 3px;
	}

	#left-wrapper h3{
		font-size:1.25em;
		padding-left:3em;
	}

	#top-header{
		height:65px;
	}

	#top-header-container img,
	#blockquote{
		max-width:100% !important;
	}
	#video{
		width:100%;
	}

}

@media only screen and (max-width: 767px) and (orientation: landscape) {
	#left-wrapper .bloc{
		clear:both;
	}

	.bloc img{
		max-width: 50% !important;
		margin-right:10px !important;
	}

	#top-header-container img,
	#blockquote{
		max-width:70% !important;
	}

	aside{
		clear:both;
		float:none;
		max-width:90%;
		margin:0 auto;
	}
}

/*************
IPHONE 6 LANDSCAPE
*************/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { 

	#top-header{
		height:85px;
	}

	#left-wrapper h3{
		font-size:2em;
		padding-left:2em;
	}

 }

/*************
IPHONE 6 PLUS LANDSCAPE
*************/

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
	#top-header{
		height:85px;
	}

	#left-wrapper h3{
		font-size:2em;
		padding-left:2em;
	}
}

@media (min-width: 992px) {
  
  
  
}

@media only screen and (min-width: 1024px) {
}






@media only screen and (max-width: 1023px) {}



@media only screen and (max-width: 1279px) {}



@media only screen and (min-width: 1280px) {
	
}



@media only screen and (min-width: 1900px) {
	body{
		background-size:cover !important;
	}
}