.zoneQuiz{border-radius:15px;display: flex;align-items: center;justify-content:space-around}
#quiz{width:70%}
.zrep{display: grid;grid-template-columns:50% 50%;margin-bottom:50px}
.zoneQuiz h2{margin:40px 0}
.zoneQuiz label{background-color: #efefef;padding: 15px 25px;margin: 10px;text-align: center;border-radius: 15px}
.zoneQuiz label:hover{background-color:#23d2e2;cursor:pointer}
.zoneQuiz input{display:none}
.zquest,#end{display:none}
.zquest.on{display:block}
#end.on{display: flex;width: 90%;margin: 0 auto;align-items: start;justify-content: center;height:450px}
.aheros.off{opacity:0.2}
.end-desc{width:450px}
.end-desc .bgcolor-on {background-color: rgba(35,210,226,.9);padding: 10px 30px;border-radius: 15px;color: #fff;font-weight: bold;letter-spacing: 1px}
.end-stats{width:400px;display:block}
#txtsave{margin:50px 0;background: #efefefef;border-radius: 10px;padding: 15px;border: 1px solid #cbcbcb}

.herorank{margin:10px 0 15px}
.rank{height:35px;width:100%;border:1px solid #6c6c6c;border-radius:5px;background-color:#efefef;overflow:hidden}
.rank div{height:35px;}

.anothertest{margin:30px 0 0 0}
#listQcm{display:inline-flex;flex-flow:wrap;align-items:center;justify-content:center}
.anothertest{border-radius:15px;padding:25px 0}
.anothertest h2{display: block;margin: 15px 30px;}
.zoneBg {position: relative;display: inline-block;height: 120px;max-width: 45%;border-radius: 15px;overflow: hidden;background-color: #efefef;margin: 20px}
.zoneBg h3{position: absolute;background-color: #ffffff99;width: 100%;text-align: center;padding: 10px 0 5px;top: 30px;color: #000}
.zoneBg h3 a{    margin: 10px 0 5px;display: inline-block;padding: 10px 30px;font-size: 15px;border-radius: 10px}
.zoneBg video, .zoneBg img {object-fit: cover;margin-top: 0;width: 100%}

.zoneQuizHeros{border-radius:15px;margin:0 0 20px 0;padding:0 0 20px 0}
#listHeros{display: inline-flex;flex-flow: wrap;align-items:start;justify-content: center;width: 100%;font-weight: bold}
#listHeros img{margin:0 20px 10px;object-fit: cover;border-radius: 0 0 30px 30px}
#listHeros .aheros{flex-direction: column;display: flex;align-items: center;max-width:20%;text-align:center}
	
#ssmenu .menu-item{width:100px}
.content-grid .grid.gridmenu{grid-template-columns: 70% 13% 13%}

.classement h2{margin:25px 0 0;display:inline-flex}

@media screen and (max-width: 900px){
	.grid.grid-9-3,.content-grid .gridvideo-images,.content-grid .grid.gridmenu,.content-grid .grid.gridstats-list{grid-template-columns: 100%}
	.grid.gridFocusSerie{ grid-template-columns: 100%;grid-template-areas:"content" "sidebar"}
	.bloc-list{margin-top:0}
	
	.zoneQuizHeros{padding-top:20px}
	#end.on{flex-direction:column-reverse;height:auto}
	.end-desc{width:auto}
	#listHeros{flex-direction:column}
	#listHeros .aheros {flex-direction:row;width:100%;max-width:100%}
	#listHeros img{width:60px;height:60px;border-radius:50%}
	
	.zrep{grid-template-columns:100%}
	#chartContainer{display:none}
	
	
	.zoneBg{max-width:80%}
	/* AMP */
	#ssmenu .menu-item{width:68px}
	.photo-preview-image amp-img img,.video-box-cover-image amp-img img,.post-preview-image amp-img img{object-fit:cover;border-radius:15px}
	.big-news .post-preview-image{position:relative}
}