@media screen and (max-width:1279px) {	
	img{ max-width:100%; height:auto;}

	.zoneMainContent{
        width: 99%;
    }
    section {
        float: none;
        margin: auto;
        overflow: hidden;
		width:98%;
	}
	
	.accroche h1{font-size: 35px;text-align: center;}
	
	.box_right, .box_left{ width:50%;}
	
	.box_left h2{font-size: 1rem;}
	
	.colbanner{ width:100%;min-height:auto}
	.txt1{top: -25px;right: -15px;}
	.txt2{float: none;margin:auto;}
	.txt3{width: 100%; margin:10px auto auto auto; padding: 4px 10px 9px 10px;}
	
	.col_bottom{left: 0px;width: 100%;}
}

@media screen and (max-width:992px) {
	
	
	.box_right, .box_left, .logo, .accroche{ width:100%;}	
	.accroche{padding: 15px 0px;}
	.accroche h1{font-size: 30px;}
	.box_left h2 strong{font-size: 30px;}

}

@media (max-width: 575.98px) {
	.accroche h1{font-size: 25px;}
	
	.txt1 {
		width: 120px;
		height: 120px;
		line-height: normal;
		font-size: 20px;
	}
	
	.txt2 {
		width: 110px;
		height: 110px;
	    padding-top: 12px;
		font-size: 12px;
	    line-height: normal;}
		
	.txt2 .t1 {
		font-size: 30px;
	}
	.txt2 .t2, .txt3 strong {
		font-size: 23px;
	}
	.txt3{font-size: 14px;}
	.col_bottom{ bottom:0;}
	 
	
}