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

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

*/

.menuNormal { display:flex; flex-wrap:wrap; }
.menuRWD { display:none; }

nav i { padding:0 0.5em; }
.menuBTN { display:flex; flex-wrap:wrap; padding:0.5em 1em; justify-content:center; align-content:center; }
.menuBTNicon { display:flex; flex-wrap:wrap; justify-content:right; align-content:flex-end; }
	.menuBTN:hover { background-color:#666666; color:#FFFFFF; }
	.menuBTN a { color:#FFFFFF; text-shadow:2px 2px 2px #000000; }
	.menuBTNicon div { padding:0.5em; }
	
	a.iconBTN:link, a.iconBTN:visited { margin:0 0.25em; padding:0.5em; color:#FFFFFF; background-color:rgba(255,116,59); }
	a.iconBTN:hover, a.iconBTN:active { background-color:#666666; }

.tablink { background:inherit; color:#FFFFFF; float:left; border:none; outline:none; cursor:pointer; font-size:inherit; text-shadow:2px 2px 2px #000000; font-weight:normal; font-family:'caviardreams', Verdana, Geneva, sans-serif; }
.tablink-subnav { background:inherit; color:#FFFFFF; float:left; border:none; outline:none; cursor:pointer; font-size:2em; font-weight:normal; font-family:'caviardreams', Verdana, Geneva, sans-serif; }

.tablink:hover { /* color:rgba(255,116,59); */ }
.tablink-subnav:hover { color:#666666; }

/* Set default styles for tab content */
.tabcontent { width:100%; color:#FFFFFF; display:none; flex-wrap:wrap; justify-content:space-between; padding:1em 2em; background-color:rgb(255,116,59,0.5); }
	.tabContent-title { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding-bottom:1em; }
	.subMenuRubrique { width:100%; }
		.tabContent-title h1 { margin:0; padding:0; }
		.tabcontent a:link, .tabcontent a:visited { background-color:inherit; padding:0.5em; color:#FFFFFF; text-shadow:2px 2px 2px #000000; }
		.tabcontent a:hover, .tabcontent a:active { background-color:#666666; }
		.tabcontent div ul { list-style-type:none; margin:0; padding:0; }
			.tabcontent div ul li { padding:0.5em 0; }
		ul.columnsCount { column-count:3; }
			li.selectedRubrique { background-color:#666666; }
			.tabcontent a.rubClose { float:right; padding:0 0.5em; }
				a.rubClose:link, a.rubClose:visited { color:#FFFFFF; }
				a.rubClose:hover, a.rubClose:active { color:rgba(255,116,59); }

@media screen and (max-width:1600px) {
	/* 24 pouces */
	.menuRWD { display:none; }
	.menuBTN { padding:0.5em; }
}

@media screen and (max-width:1280px) {
	/* 20 pouces */
	.menuRWD { display:none; }
}

@media screen and (max-width:1020px) {
	/* 17-19 pouces */
	.menuRWD { display:none; }
}

@media screen and (max-width:600px) {
	.menuNormal { display:none; }
	.menuRWD { width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
		.menuBTN, .menuBTNicon { width:100%; }
			.menuBTNicon div { width:50%; text-align:center; }
			
	.hamburgerMenu { width:0; height:100%; position:fixed; z-index:1; top:0; left:0; background-color:rgba(0,0,0, 0.9); overflow-x:hidden; transition: 0.5s; }
		.hamburgerMenu-content { position:relative; top:25%; width:100%; text-align:center; }
		.hamburgerMenu a { padding:0.5em 0; text-decoration:none; font-size:1.5rem; color:rgba(255,116,59); display: block; transition:0.3s; border-bottom:#FFFFFF 1px solid; }
		.hamburgerMenu a:hover, .hamburgerMenu a:focus { color:#f1f1f1; }
		.hamburgerMenu .closebtn { position:absolute; top:20px; right:45px; font-size:60px; border:none; padding:0; }
		
		a.hamMenuSelected { color:#FFFFFF; }
}