@charset "utf-8";
/* CSS Document */

#cat {
	text-align:left;
	width:100%;
	height:auto;
	}
	
figure{
	margin:0 auto;
	max-width: 100%;
}

figcaption {
  padding: 0.5em;}
  
.alignement {
	text-align:center;
}
h3 {
	margin:0;}


		 	
@media (max-width: 480px) { /*jaune*/

.alignement {
	text-align:center;
} 

#cat {
	text-align:left;
	width:100%;
	height:auto;
	}
.alignement img {
	width:30%;}

}
	
	
	
@media (min-width: 481px) and (max-width: 768px) { /*rouge*/

.alignement {
	text-align:center;
} 


#cat {
	text-align:left;
	width:100%;
	height:auto;
	}
.alignement img {
	width:30%;}
	

}

@media (min-width: 769px) and (max-width: 1024px) {	/*vert*/
.alignement {
	text-align:center;
} 


#cat {
	text-align:left;
	width:100%;
	height:auto;
	}
.alignement img {
	width:30%;}
}

@media (min-width: 1025px) and (max-width: 1280px) { /*bleu*/
alignement {
	text-align:center;
} 


#cat {
	text-align:left;
	width:100%;
	height:auto;
	}
.alignement img {
	width:30%;}
}



@media (min-width: 1281px) and (max-width: 1600px) { /*rose*/

alignement {
	text-align:center;
} 


#cat {
	text-align:left;
	width:100%;
	height:auto;
	}
.alignement img {
	width:30%;}
}