/******Test mise en page responsive********/
body {
	border:10px solid blue;

}

img.photo {
	max-width:1199px;
	width:100%;
}
/**************************************************************************************************************************/
/***Mise en page pour les écrans de plus 550px de large*******************************************************************/
/**************************************************************************************************************************/
/*
	Rappel de la structure principale de l'arbre HTML
	corps
		header	
		section (caroussel) en option
		main
		aside  
		aside (en option on en retrouve différent selon les pages)
		footer
	Note : chaque élément contient un div.responsiveframe pour contrôler la largeur du
	contenu
*/


div.responsiveframe {
	width:550px;/***Responsive desing********/
	margin:auto;
}
/**************************************************************************************************************************/
/***Mise en page pour le header********************************************************************************************/
/**************************************************************************************************************************/
header {
	border:10px solid green;
}
header img {
	border:10px solid blue;
}