@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;
}

.pont table{
	border: medium solid #000000;
width: 80%;
margin:0 auto}


.pont td, th {
border: thin solid #6495ed;
width: 30%;}

.pont th {
border: thin solid #6495ed;
width: 30%;
padding: 5px;
background-color: #D0E3FA;
}

.pont td {
font-family: sans-serif;
border: thin solid #6495ed;
width: auto;
padding: 5px;
text-align: center;}




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

.alignement {
	text-align:center;
} 

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

/*mise en forme tableau*/ 


		
}
	
	
	
@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%;}
}