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

}

img.classement {
	max-width:2048px;
	width:100%;
}
header+section img {
	width:100%;
}
/**************************************************************************************************************************/
/***Mise en page pour les écrans de plus 1800px 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 {
	border:10px solid orange;
	width:1800px;/***Responsive desing********/
	margin:auto;
}

/**************************************************************************************************************************/
/***Mise en page pour le header********************************************************************************************/
/**************************************************************************************************************************/
header {
	border:10px solid green;
}
header img {
	border:10px solid blue;
}


/**************************************************************************************************************************/
/***Mise en page pour section (caroussel)**********************************************************************************/
/**************************************************************************************************************************/
section {}    

/**************************************************************************************************************************/
/***Mise en page pour main*************************************************************************************************/
/**************************************************************************************************************************/
	
main {} 

/**************************************************************************************************************************/
/***Mise en page pour aside.galerie (2016), (classement), (le-club), (les-courses), (s-inscrire), (video)******************/
/**************************************************************************************************************************/	

aside.galerie {} 


/**************************************************************************************************************************/
/***Mise en page pour aside.video (2016), (classement), (galerie), (le-club), (les-courses) (s-inscrire) ******************/
/**************************************************************************************************************************/	

aside.video {} 

/**************************************************************************************************************************/
/***Mise en page pour aside.petite-galerie-1 (les-courses, classement, contact)********************************************/
/**************************************************************************************************************************/	

aside.petite-galerie-1 {} 

/**************************************************************************************************************************/
/***Mise en page pour aside.petite-galerie-2 (le-club, s'inscrire)*********************************************************/
/**************************************************************************************************************************/	
a
side.petit-galerie-2 {} 

/**************************************************************************************************************************/
/***Mise en page pour aside.galerie-course (albi....)**********************************************************************/
/**************************************************************************************************************************/

aside.galerie-course {} 

/**************************************************************************************************************************/
/***Mise en page pour aside.informations (albi....)************************************************************************/
/**************************************************************************************************************************/

aside.informations {} 

/**************************************************************************************************************************/
/***Mise en page pour footer***********************************************************************************************/
/**************************************************************************************************************************/

footer {}