@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:left;}
	
ol, 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:20%;
	}}

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


#cat {
	text-align:left;
	width:100%;
	height:auto;
	}
.alignement img {
	width:15%;
	}}
@media (min-width: 1281px) and (max-width: 1600px) { /*rose*/

.alignement {
	text-align:center;
} 


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