/* CSS Document */
/************************************************************************************
/************************************************************************************
smaller than 955
*************************************************************************************/
@media screen and (max-width: 955px) {
							/* container */
	#container {
		width: 100%;
		margin: 0 auto;	
	}
	header{
		width: 100%;
		margin: 0 auto;
		}
	header h1{
		display: block; 
		}
		/* article, aside*/
	article, aside, section{
		display:block; 
		float:none;
		width: 95%;
		margin-left: 1%;
		margin-right: 1%;
		padding-left: 1%;
		padding-right: 1%;
	}

		/* Navigation */
	nav{
		display:block;  
		width: 100%;
		margin: 0;
		/* -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); */
	}
	nav ul{ 
		z-index: 9;
		} 
	nav ul li{
		list-style-type: none; 
	   	display: inline-block;
    	margin-right: 15px;
	}
	#citation_Machado{ 
			display:none;
		}
	#sites{
		display:none;
		}
	#ph_olivier{
		display:none;
	}
	#CD{
		display:none;
		}		/* videos incluses*/
	.video embed,
	.video object,
	.video iframe {
		width: 190%;
		height: auto;
		min-height: 300px;
	}
}
/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
				/* 		container		 */
	#container {
		width: 100%;
		margin: 0 auto;
		}
	header{
		width: 100%;
		margin: 0 auto;
		}
	header h1{
		display: block; 
		}
	#img_titre{
		display:none;
		}
	#div_carousel{
		display:none;
		}
	#ph_olivier{
		display:none;
	}
	#citation_Machado{ 
		display:none;
		}
	#citations_portable{
		display:block;
		}
	#citations{
		display:none;
	}
	header table tr td h1{
		font-family: "Comic Sans MS", cursive; 
		margin-top: 32px;
		margin-left: 16px;
	}
	nav{
		display:block;  
		width: 100%; 
		margin-left: 30%;
		}
	nav ul li{ 
	   	display: inline-block;  
		width: 100%;
		margin: 0;
		font-size: 12px;
	}
	nav ul li img{
		/*display:none;*/
		height: 50%;
		width:: 50%}
	article aside, section{
		width: 95%;
		margin-left: 1%;
		margin-right: 1%;
		padding-left: 1%;
		padding-right: 1%;
	}
	aside{
		height:auto;
		}
	.ombrage_photos_id{ 
		width: 95px; 
		height:98px;
		}
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
}
/************************************************************************************
smaller than 480px
*************************************************************************************/
@media screen and (max-width: 480px) {
		.ombrage_photos_id{ 
		width: 60px; 
		height:63px;
		}
}