@charset "utf-8";
/* Énoncé :
		
		- HTML : 1 bloc contient 3 blocs qui contiennent chacun 2 blocs
		
		- CSS : 
			- les 2 blocs contenus dans les 3 blocs ont la même couleur 
			de fond mais des bordures différentes
		
			- les 3 blocs partagent avec le bloc qui les contient une propriété
		
			- le 1er des 3 blocs a une propriété différente des 2 autres */


body{
	margin:0;
	padding:0;
}

#global div{
	background:#C30;
}

#grandbloc{
	border:3px solid #960;
	width:600px;
	height:600px;
}

#moyenbloc{
	border:3px solid #550;
	width:180px;
	height:180px;
}

#moyenbloc.bloc-a{
	border:6px solid #550;
}

#petitbloc{
	
	width:60px;
	height:60px;
	border:2px solid #0F9;
}

#petitbloc.bloc-impair{
	background:#0FF;
	border:2px solid #009;
}

#petitbloc.bloc-pair{
	background:#0FF;
	border:5px solid #000;
}