/*######## GENERIC STYLE ############################################################*/

/*=============== ALL PAGES ================================================*/
body{
	background-color: 	#52385c;
	font-size: 			16px;
	font-family: Roboto;
	margin: 0 auto;
	padding: 0;
	max-width: 1400px;
}
a{
	text-decoration: none;
	color: inherit;
}
/*=============== TOP MENU ================================================*/
.top_menu{
	background-color: 	#b95cc8;
	color: 				#b3f25d;
	height: 			50px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	position: fixed;
	top: 0px;
	display: block;
	z-index: 30;	
}
.handle{
	width: 80%;
	padding: 10px 20px;
}
.language_btn{
	width: 10%;
	padding: 15px 0px;
}
.language_btn:hover{
	background-color: 	#9442a1;
	color: 				#b3f25d;
}
.EN_btn{
	left: 80%;
	text-align: right;
}
.FR_btn{
	left: 90%;
	text-align: left;
}
/*=============== HIDDEN MENU ================================================*/
nav ul{
	color: 				#b3f25d;
	top: 				50px;
	overflow: hidden;
	padding: 0;
	text-align: left;
	margin: 0;
	position: fixed;
	width: 100%;
	-webkit-transition: max-height 0.4s;
	-ms-transition: max-height 0.4s;
	-moz-transition: max-height 0.4s;
	-o-transition: max-height 0.4s;
	transition: max-height 0.4s;
	max-height: 0;
	z-index: 30;
}
.showing{
	max-height: 20em;
}
.btn_close_menu{
}
nav ul li{
	background-color: 	#41224d;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 15px 20px;
	text-align: left;
}
nav ul li:hover{
	background-color: 	#9442a1;
	color: 				#b3f25d;
}
/*=============== BG BIG IMG ================================================*/
.bg_img{
	top:				50px;
	right: 0;
	left: 0;
	bottom: 0;
	position: fixed;
	text-align: center;
	display: block;
	z-index: -1;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}
/*=============== BLANK SPACE ================================================*/
.blank_space{
	opacity: 0;
	width: 100%;
	position: relative;
	display: block;
	z-index: 20;
}
.space_narrow{
	height: 			50px;
}
.space_medium{
	height: 			200px;
}
.space_large{
	height: 			300px;
}
/*=============== FOOTER MENU ================================================*/
footer{
	background-color: 	#b95cc8;
	color: 				#b3f25d;
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	text-align: center;
	z-index: 30;
}
#footer_entry{
	padding: 15px;
	margin: 0;
	text-align: center;
	display: inline-block;

}
#footer_entry:hover{
	background-color: 	#9442a1;
	color: 				#b3f25d;
}
/*=============== RESPONSIVE GRID OF 1/2/4/8 COLUMNS ================================================*/
@media only screen and (min-width: 300px) {
	.grid-1 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;	
	 }
	.info-empty { grid-column: span 2; }
}
@media only screen and (min-width: 600px) {
	.grid-1 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 0px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;	
	 }
	.info-empty { grid-column: span 4; }
}
@media only screen and (min-width: 1000px) {
	.grid-1 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-gap: 0px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;	
	 }
	.info-empty { grid-column: span 8; }
}
@media only screen and (max-width: 300px) {
	.grid-1 {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 0px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;	
	 }
	.info-empty { grid-column: span 1; }
}
.grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;	
}
.info11 { grid-column: span 1; }
.info21 { grid-column: span 2; }
.info31 { grid-column: span 3; }
.info22 { grid-column: span 2; grid-row: span 2; }
.info32 { grid-column: span 3; grid-row: span 2; }
.info-empty {
	grid-row: span 2;  
/*	border: 4px solid red; */
/*	opacity: 0; */
}
.figure-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-sizing: border-box;
}
.figure-img-full-width {
	width: 100%;
}
.purple-bg { background-color: 	#52385c; }
.cyan-bg {	background-color: 	#364e4d; }
.orange-text {	color: 			#ff9900; }
.green-text {	color: 			#b3f25d; }
.purple-text {	color: 			#ea82fb; }

.info-text {
	 padding: 10%;
}
.info-img {
/*	border: 4px solid red; */
	 padding: 5%;
}
h2 {
	color: 				#ff9900;
	margin: 0;
	padding: 0;
	font-size: 2em;
	margin-bottom: 0.5em;
}
p {
	color: 				#b3f25d;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
}
.info-link {
	color: 				#ff9900;
	text-decoration: none;
}