*{
margin: 0;
padding: 0;
}



body {

}


#listes {
    position: relative;
   
    width: 620px;
    height: auto;
    margin: 25px auto;
    padding: 15px;
    
}

#listes ul {
   padding: 5px 10px;
    width: 600px;
}

#listes li {
    border: 1px solid #000;
    margin: 2px;
    width: 140px;
    height: 50px;
}

#listes li:nth-child(even) {
    
}

#listes h2 {
   margin: 5px;
}

#listes li a {
    

}		

#listes li:nth-child(even) a {
    
}		

.ordonnee {
    position: relative;
    display: inline-block;
    height: 770px;
    margin: 15px auto;
    
    
}

.ordonnee li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-1 {
    position: relative;
    height: 600px;
    padding: 10px 5px;
    margin: 15px auto;
    
    
}

.ordonnee-1 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-2 {
    position: relative;
    height: 430px;
    margin: 15px auto;
    
    
}

.ordonnee-2 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-3 {
    position: relative;
    height: 510px;
    margin: 15px auto;
    
    
}

.ordonnee-3 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-4 {
    position: relative;
    height: 550px;
    margin: 15px auto;
    
    
}

.ordonnee-4 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-5 {
    position: relative;
    height: 380px;
    margin: 15px auto;
    
    
}

.ordonnee-5 li {
    position: relative;
    display: inline-block;
    font-size: 20px;
}

.ordonnee-6 {
    position: relative;
    height: 380px;
    margin: 15px auto;
    
    
}

.ordonnee-6 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-7 {
    position: relative;
    height: 110px;
    margin: 15px auto;
    
    
}

.ordonnee-7 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-8{
    position: relative;
    height: 490px;
    margin: 15px auto;
    
    
}

.ordonnee-8 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-9 {
    position: relative;
    height: 380px;
    margin: 15px auto;
    
    
}

.ordonnee-9 li {
    position: relative;
   display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-10 {
    position: relative;
    height: 380px;
    margin: 15px auto;
    
    
}

.ordonnee-10 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-11 {
    position: relative;
    height: 430px;
    margin: 15px auto;
    
    
}

.ordonnee-11 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-12 {
    position: relative;
    height: 510px;
    margin: 15px auto;
    
    
}

.ordonnee-12 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-13 {
    position: relative;
    height: 550px;
    margin: 15px auto;
    
    
}

.ordonnee-13 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-14 {
    position: relative;
    height: 210px;
    margin: 15px auto;
    
    
}

.ordonnee-14 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-15 {
    position: relative;
    height: 270px;
    margin: 15px auto;
    
    
}

.ordonnee-15 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-16 {
    position: relative;
    height: 220px;
    margin: 15px auto;
    
    
}

.ordonnee-16 li {
    position: relative;
     display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-17 {
    position: relative;
    height: 660px;
    margin: 15px auto;
    
    
}

.ordonnee-17 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.ordonnee-18 {
    position: relative;
    height: 2200px;
    margin: 15px auto;
    
    
}

.ordonnee-18 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}


.ordonnee-19 {
    position: relative;
    height: 2200px;
    margin: 15px auto;
    
    
}

.ordonnee-19 li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

@media only screen and (max-width: 767px) {

	#listes {
	width: 520px;
	height: auto;
	}

	#listes ul {
	width: 500px;
	height: auto;
	}
}

@media screen and (max-width: 640px) {

	#listes {
	width: 480px;
	height: auto;
	}

	#listes ul {
	width: 460px;
	height: auto;
	}
}

@media only screen and (max-width: 479px) {

	#listes {	
	width: 360px;
	height: auto;
	}

	#listes ul {
	width: 340px;
	height: auto;
	}

	#listes h4 {
	font-size: 26px;
	text-align: center;
	}

	#listes li {
	width: 160px;
	}
}

@media only screen and (max-width : 320px) {

	#listes {
	width: 230px;
	height: auto;
	}

	#listes ul {
	width: 210px;
	height: auto;
	}

	#listes li {
	width: 150px;
	margin-left: 30px;
	}

	#listes h4 {
	font-size: 24px;
	text-align: center;
	}
}
	
max-width: 100%;