@charset "utf-8";
/* CSS Document

Couleur primaire orange : rgb(255,116,59) ou #FF743B 
font-family : caviardreams

*/
.accordion { width:100%; cursor:pointer; padding:1em; background-color:rgba(0,0,0,0.5); border:none; text-align:left; outline:none; font-size:1.25em; transition:0.4s; color:#FFFFFF; font-family:'caviardreams', Arial, Helvetica, sans-serif; }
	button.accordion:after { content:'\002B'; color:#FFFFFF; font-weight:bold; float:right; }
	.active, .accordion:hover { background-color:#666666; }
.panel { width:100%; display:none; flex-wrap:wrap; background-color:rgba(0,0,0,0.5); overflow:hidden; }
	.panelRubriques { width:100%; display:block; padding:1em; column-count:3; }

.shortBox { width:100%; display:flex; flex-wrap:wrap; padding:1em; justify-content:space-between; background-color:rgba(0,0,0,0.5); align-items:center; }
	a.shortBTN:link, a.shortBTN:visited { padding:0.5em; background-color:#666666; color:#FFFFFF; }
	a.shortBTN:hover, a.shortBTN:active { background-color:rgba(255,116,59); }
	a.shortBTN-selected { padding:0.5em; background-color:rgba(255,116,59); color:#FFFFFF; }

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

}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */
}

@media screen and (max-width:1020px) {
	/* 15 pouces */
}

@media screen and (max-width:600px) {
	.panelRubriques { column-count:1; }
	.shortBox div { width:100%; margin:0.5em 0; display:flex; flex-wrap:wrap; justify-content:space-between; }
		.shortBox div:first-child { justify-content:center; }
		.shortBox div:first-child i { padding-right:1em; }
}