@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body{
	/* font-family: 'Lato', sans-serif; */
	font-family: 'Red Hat Display', sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
}

body *{
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6{
	/* font-family: 'Oswald', serif; */
	font-family: 'Red Hat Display', sans-serif;
	font-weight: bold;
}

#page{
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 100vh;
	width: 100%;
}

/*****
HEADER
*****/
#top-header {
	height: 240px;
	padding: 20px;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 2000;
	box-shadow: rgba(0,0,0,0.2) 0 0 10px;
}

.spet_post_thumbnail img {
	height: 80px;
	width: auto;
}

#top-header h1 {
	margin: 10px 0;
	height: 50px;
	line-height: 50px;
}

#top-menu {
	display: flex;
	list-style-type: none;
	height: 50px;
	line-height: 50px;
	margin: 0;
	padding: 0;
}

.spet_menu li.spet_menu_item {
	width: 100%;
	border: solid 1px #ccc;
	/* font-family: 'Oswald', serif; */
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 5px;
	padding: 0 20px;
}

.spet_menu li.spet_menu_item.active {
	color: #fff;
	background-color: #9d52ba;
	border-color: #9d52ba;
}

/*****
MAIN CONTENT
*****/
#main-content{
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: calc(100vh - 240px);
	width: 100%;
	position: fixed;
	top: 240px;
}

.et-fb-preview--wireframe #main-content{
	overflow : initial;
	position: initial;
}

/*element code pour le menu */
.spet_hidden_menu_title{
	display: none !important;
}


/*filtre couleur*/
/*
#et-boc .spet_filtered_color .et_parallax_bg,#et-boc .spet_filtered_color.et_pb_section_video .et_pb_section_video_bg:before{
    background-color: rgba(255,255,255,.24);
    background-blend-mode: screen;
    filter: saturate(.7);
}

.spet_filtered_color.et_pb_section_video .et_pb_section_video_bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 800;
}
*/

/* slide fullscreen */
.et-db #et-boc .spet_screen{
	height:calc(100vh - 240px);
	width: 100%;
	overflow-y: auto;
	left: -120%;
	filter: brightness(.7);
	animation-name: outside;
	animation-duration: 1200ms;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
	position: absolute !important;
	top: 0;
	z-index: 1000;
}

.et-db #et-boc .spet_screen.active{
	left: 0;
	animation-name: inside;
	z-index: 1500;
	top: 0;
	bottom: 0;
}

/* diapo fullscreen */
.spet_fullscreen.et_pb_slider .et_pb_slide{
	height : calc(100vh - 240px);
}

@keyframes inside {
	0%   {
		transform: scale(1);
		left: 120%;
		filter: brightness(1);
	}
	10%{
	}
	20%  {
		transform: scale(1.1);
	}
	80%  {
		transform: scale(1.1);
	}
	90%{
		left: 0;
	}
	100% {
		transform: scale(1);
		filter: brightness(1);
	}
}

@keyframes outside {
	0%   {
		/*transform: scale(1);*/
		filter: brightness(1);
		left: 0;
	}
	30%  {
		left: 0;
	}
	90%  {
		left: -120%;
	}
	100% {
		/* transform: scale(1); */
		filter: brightness(.7);
	}
}


.et-db #et-boc .et-l .et_pb_slides .et_pb_slider_container_inner{
	vertical-align: top !important;
}