@media screen and (max-width:1059px) {
	img{
		height:auto;
		max-width:100%;
	}
	
    .zoneMainContent {
        width: 98%;
    }

    section {
        float: none;
        margin: auto;
        overflow: hidden;
    }

    aside {
        float: left;
        width: 100%;
        margin-top: 10px;
		display: none;
    }
	aside#mobile {
    display: block;
    margin-bottom: 1%;
}

	.col_1, .col_2{ width:692px;}

/**/
    .col_1 {
        margin: auto auto 15px auto;
    }

	.col_1 li{ width:90%;}
	
		.col_1 li span.txt{ padding-top:12px !important}
	
			.col_1 li span.txt br{ display:none}

/**/
    .col_2 {
        margin: auto;
		min-height:0;
    }
	
		.col_2 li{ padding-left:20px;}

			.col_2 h2 br{ display:none;}
	
/**/
    .copy {
        text-align: center;
    }

		.copy li {
			display: inline-block;
			padding: 10px 10px 0;
		}
}

@media screen and (max-width:691px) {
    section,
	.col_1, .col_2{
        width: 98%;
    }
	
		.col_1 li {
			padding-left: 14px;
			width:95%;
		}

			.col_1 li span.txt br {
				display: block;
			}
	
/**/
    .col_2 li {
        padding-left: 42px;
		width:95%;
    }
    .accroche {
    text-align: center;
    width: 100%;
    float: left;
}
.vignette {
    float: left;
    width: 100%;
}
img.promo {
    width: 24%;
    margin: auto;
    display: block;
    margin-top: 4%;
}
}

@media screen and (max-width:1023px) {
    .logo {
        float: none;
        margin: auto;
        padding: 0;
        text-align: center;
    }

    .accroche {
        float: none;
    }
        .accroche {
    text-align: center;
    width: 100%;
    float: left;
}
.vignette {
    float: left;
    width: 100%;
}
img.promo {
    width: 24%;
    margin: auto;
    display: block;
    margin-top: 4%;
}

		.accroche h1 {
			text-align: center;
			-webkit-transform: translateY(30%);
			-ms-transform: translateY(30%);
			transform: translateY(30%);
		}
}

@media screen and (max-width:400px) {
    .accroche h1 {
        font-size: 17px;
        -webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transform: translateY(10%);
    }
	
/**/
    .copy {
        padding-left: 10px;
        text-align: left;
    }

		.copy li {
			display: block;
		}
}