/*
Theme Name: BlankSlate
*/
@font-face {
	font-family: "Fira";
	
	//src: url(https://www.optimal-prospect.eu/wp-content/themes/blankslate/assets/fonts/FiraSans-Regular.ttf);
	src: url(/wp-content/themes/blankslate/assets/fonts/FiraSans-Regular.ttf);
	font-weight: normal;
}
@font-face {
	font-family: "DaxPro";
	src: url(/wp-content/themes/blankslate/assets/fonts/FiraSans-Regular.ttf);
	font-weight: normal;
}
@font-face {
	font-family: "OpenSans";
	src: url(/wp-content/themes/blankslate/assets/fonts/FiraSans-Regular.ttf);
	font-weight: normal;
}


#op_header_container {
	position:relative;
	background: url(/wp-content/themes/blankslate/assets/images/fond-vague.png) no-repeat, linear-gradient(90deg,#1ca6d6,#1068b3);
	width: 100%; 
	height: 205px;
}
#op_header {
	position:relative;
	width: 1200px;
}
#op_header #logo {
	position:absolute;
	top: 24px;
	left: 44px;
}
#op_header #baseline {
	position:absolute;
	top: 116px;
	left: 81px;
	font-family: "Fira", Arial, Helvetica, sans-serif;
	color:white;
	font-size: 30px;
}
#op_header #onglets {
	position:absolute;
	top: 0px;
	right: 76px;
	width: 373px;
	height: 31px;
}
	

#op_header_container #datelieu_container {
	position:absolute;
	bottom: 0px;
	width: 100%;
	height: 45px;
	background-color: white;
	opacity:0.78;
}
#op_header_container #datelieu {
	position:relative;
	width: 1200px;
	font-family:"Fira", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color:#1b6ab2;
	font-weight:bold;
	padding-left: 160px;
	padding-top: 5px;
}
#op_header_container #datelieu #intitule {
	display:inline-block;
	vertical-align:top;
	width: 80%;
}

#op_header_container #datelieu #lang {
	float:right;
	padding-right: 40px;
	width: 80px;
	height: 45px;
}
#op_header_container #datelieu #lang a {
	text-decoration:none;
}
#op_header_container #datelieu #lang #lang-FR {
	display:inline-block;
	vertical-align:top;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color:#1b6ab2;
	color:white;
	font-family: "Fira", Arial;
	font-size: 12px;
	text-transform:uppercase;
	line-height: 30px;
}
#op_header_container #datelieu #lang #lang-EN {
	display:inline-block;
	vertical-align:top;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color:#1b6ab2;
	color:white;
	font-family: "Fira", Arial;
	font-size: 12px;
	text-transform:uppercase;
	line-height: 30px;
}

@media screen and (max-width: 600px){
	#op_header {
		width: 100%;
	}
	#op_header #baseline {
		top: 120px;
		left: 0px;
		font-size: 14px;
		width: 100%;
		line-height: 14px;
	}
	#op_header #logo {
		top: 40px;
		left: 50%;
		width: 60%;
		margin-left: -30%;
	}
	#op_header #logo img {
		width: 100%;
	}
	#op_header_container #datelieu {
		width: 100%;
		font-size: 15px;
		padding-left: 5px;
		padding-top: 10px;
	}
	#op_header_container #datelieu #intitule {
		width: 70%;
	}
	#op_header_container #datelieu #lang {
		padding-right: 10px;
		margin-top: -3px;
	}
	div#mobile_menu_switcher {
		float:right;
		position:relative !important;
	}
	nav#menu {
		top: 125px;
	}
	#op_header #onglets {
		right: 0px;
		width: 100%;
		height: 31px;
	}
	#op_header #onglets img {
		width:35%;
		height:auto;
	}
	#op_header_container #datelieu_container {
		height: 55px;
	}
	
}