.souscat
	{
	display : inline-block;
	position : relative;
	width : 32%;
	border : 1px solid black;
	}
.souscat img
	{
	width : 100%;
	}
	
.souscat span
	{
	display : block;
	text-align : center;
	bottom : 0px;
	left : 0px;
	width : 100%;
	position : absolute;
	background : white;
	color : black;
	font-size : 0.9em;
	font-weight : bold;
	}

#images, #categories
	{
	min-height : 300px;
	vertical-align : top;
	margin : 0px; 
	padding : 0px;
	display : inline-block;
	position : relative;
	}
	
#images
	{
	text-align : center;
	width : 50%;
	}
#categories
	{
	text-align : center;
	width : 50%;
	}
	
	
.image
	{
	max-width : 97%;
	display : none;
	}
	
@media screen and (min-height: 700px) { #images, #categories	{min-height : 580px;} .image	{max-height : 550px;}	}
	@media screen and (min-height: 725px) { #images, #categories	{min-height : 605px;} .image	{max-height : 575px;}	}
	@media screen and (min-height: 750px) { #images, #categories	{min-height : 630px;} .image	{max-height : 600px;}	}
	@media screen and (min-height: 775px) { #images, #categories	{min-height : 655px;} .image	{max-height : 625px;}	}
	@media screen and (min-height: 800px) { #images, #categories	{min-height : 680px;} .image	{max-height : 650px;}	}
	@media screen and (min-height: 825px) { #images, #categories	{min-height : 705px;} .image	{max-height : 675px;}	}
	@media screen and (min-height: 850px) { #images, #categories	{min-height : 730px;} .image	{max-height : 700px;}	}
	@media screen and (min-height: 875px) { #images, #categories	{min-height : 755px;} .image	{max-height : 725px;}	}
	@media screen and (min-height: 900px) { #images, #categories	{min-height : 780px;} .image	{max-height : 750px;}	}
	@media screen and (min-height: 925px) { #images, #categories	{min-height : 805px;} .image	{max-height : 775px;}	}
	@media screen and (min-height: 950px) { #images, #categories	{min-height : 830px;} .image	{max-height : 800px;}	}
	@media screen and (min-height: 975px) { #images, #categories	{min-height : 855px;} .image	{max-height : 825px;}	}
	@media screen and (min-height: 1000px) { #images, #categories	{min-height : 880px;} .image	{max-height : 850px;}	}
	@media screen and (min-height: 1025px) { #images, #categories	{min-height : 905px;} .image	{max-height : 875px;}	}
	@media screen and (min-height: 1050px) { #images, #categories	{min-height : 930px;} .image	{max-height : 900px;}	}
	@media screen and (min-height: 1075px) { #images, #categories	{min-height : 955px;} .image	{max-height : 925px;}	}
	@media screen and (min-height: 1100px) { #images, #categories	{min-height : 980px;} .image	{max-height : 950px;}	}
	@media screen and (min-height: 1125px) { #images, #categories	{min-height : 1005px;} .image	{max-height : 975px;}	}
	@media screen and (min-height: 1150px) { #images, #categories	{min-height : 1030px;} .image	{max-height : 1000px;}	}
	@media screen and (min-height: 1175px) { #images, #categories	{min-height : 1055px;} .image	{max-height : 1025px;}	}
	@media screen and (min-height: 1200px) { #images, #categories	{min-height : 1080px;} .image	{max-height : 1050px;}	}
	@media screen and (min-height: 1225px) { #images, #categories	{min-height : 1105px;} .image	{max-height : 1075px;}	}
	@media screen and (min-height: 1250px) { #images, #categories	{min-height : 1130px;} .image	{max-height : 1100px;}	}
	@media screen and (min-height: 1275px) { #images, #categories	{min-height : 1155px;} .image	{max-height : 1125px;}	}
	@media screen and (min-height: 1300px) { #images, #categories	{min-height : 1180px;} .image	{max-height : 1150px;}	}
	@media screen and (min-height: 1325px) { #images, #categories	{min-height : 1205px;} .image	{max-height : 1175px;}	}
	@media screen and (min-height: 1350px) { #images, #categories	{min-height : 1230px;} .image	{max-height : 1200px;}	}
	@media screen and (min-height: 1375px) { #images, #categories	{min-height : 1255px;} .image	{max-height : 1225px;}	}
	@media screen and (max-width: 900px) 
	{ 
	#images{ display : block; width : 100%;min-height : 250px; max-height : 250px;} 
	#categories	{ margin-top : 250px; text-align : center; position : relative; display : block;  max-width : 100%; width : 100%;} 
	.souscat	{max-height : 230px;}	
	}
@media screen and (min-width: 1200px) 
	{ 
	#images
		{
		width : calc(100% - 600px);
		}
	#categories
		{
		width : 600px;
		}
	}