#html_content_top {    
	float: none; 
	margin: 0 auto; 
	font-family: 'Montserrat'; 
	color:#000;
	clear: both;
	text-align:left;
	/* padding: 0 10px; */
	line-height: 30px
} 
	
#html_content_top ul {    
    margin: 0
}

#html_content_top ul li{    
    display: -webkit-flex;  
    -webkit-justify-content: center;  
    display: flex;
	align-items: center;
    justify-content: space-between;
	overflow:hidden;
}

#html_content_top .contenant {
	max-width: 50%;
	margin: 0 auto;
	padding: 50px;
}
 
	
#html_content_top .item-title {    
	font-size: 35px;
	font-weight:bold;
	margin-bottom: 30px;
}	

#html_content_top .item-title .h3 {    
	font-size: 35px;
	font-weight:bold;
	margin-bottom: 30px;
	margin-top: 0;
}
	
#html_content_top  p {    
	font-size: 14px; 
	margin-bottom: 30px;
	text-align: left;
	font-weight: 300;
}	
	
	
#html_content_top  a.decouvrir {    
    background: #fff;
    color: #33664f;
	border:1px solid #33664f;
    padding: 10px 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1cm;
    font-size: 14px;
}		
	  

#html_content_top ul li {   
	padding: 0
	}
	
#html_content_top ul li:nth-child(odd) {   
	float:left;
	}   	
	
#html_content_top ul li:nth-child(even)  {   
	float:right;
	}   	

#html_content_top ul li img { 
  max-width: 100%; 
  height: auto;}		
   
   
    @media (max-width: 1400px){ 
		#html_content_top img {width:50%}
	}	
		
    @media (max-width: 1300px){ 
		#html_content_top img {width:50%}
	}
	
    @media (max-width: 1200px){ 
		#html_content_top img {width:50%}
	}	
	
    /* @media (max-width: 1024px){  */
		/* #html_content_top {max-width: 1024px; } */
		/* #html_content_top img {width:50%} */
	/* }	 */

    @media (max-width: 767px){
		#html_content_top .item-title {    
			font-size: 25px;
			font-weight:bold;
			margin-bottom: 30px;
		}
		#html_content_top  p {
			font-size: 12px;
			margin-bottom: 30px;
			line-height: 13px;
		}	
		#html_content_top .contenant {
			padding:0
		}
		
		#html_content_top ul li { flex-wrap: wrap;flex-direction:row-reverse}
		#html_content_top ul li:nth-child(odd) .contenant{ order:2}		
		#html_content_top img {width:100%}
		#html_content_top .contenant {max-width: 100%;padding: 0 10px;}
		#html_content_top .item-title {font-size: 25px;margin-bottom: 5px;}
		#html_content_top p {font-size: 13px;margin-bottom: 10px;padding:10px 0;line-height: 17px;}
		#html_content_top  a.decouvrir {text-align:center;margin-top: 5px;display: inline-block;margin-bottom: 20px}
		#html_content_top .item-title .h3 {margin-top: 30px;margin-bottom: 10px}
	}