html {box-sizing: border-box; height:100%;}
*, *:before, *:after {box-sizing: inherit;}
body{height:100%;}
#page-container{width:100%; overflow-x:hidden;}
#main-content{min-height:90vh;}
#footer-bottom{display:none;}
#et-top-navigation a,
#et_search_icon:before{
color:#000 !important;
}
#et-top-navigation li.current-menu-item a{
color:#888 !important;
}
.home #et-top-navigation a,
#et-secondary-nav a,
.home #et_search_icon:before{
color:#fff !important;
}
.home #et-top-navigation li.current-menu-item a,
#et-secondary-nav li.current-lang a{
color:#aaa !important;
}
.home #logo {
content: url(https://wfeproductions.com/wfe2018/wp-content/uploads/2018/02/01_WFE-logo-B.png);
}
.home .et-search-field{color:#f7f7f7 !important;}
.home .et_close_search_field:after{color:#fff !important;}
.home .et-search-field::placeholder { color: #fff;
}
.home h2 em{font-size:.26em;display:block;text-transform:none;font-weight:normal;line-height:1.4em;}
.home p{line-height:1em !important;}
body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button{margin-top:10px;}
.home .et-pb-slider-arrows a::before{font-size:80px;}
.et_pb_slider .et-pb-controllers a {
border-radius: 2px !important;
width:10px !important;
height:10px !important;
margin-right:15px !important;
}
.home .mobile_menu_bar:before{color:#fff !important;} #top-header{background-color: rgba(0,17,119,1) !important;}
.home #top-header{background-color: rgba(0,17,119,0.4) !important;} #main-footer{min-height:10vh;}
#et-footer-nav .aright{float: right !important;}
#et-footer-nav .arightmob{display:none;} .search #main-content .container::before,
.archive #main-content .container::before {
display: none;
}
.search #left-area,
.archive #left-area {
width: 100%;
float: none;
padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
display: none;
} .search #left-area,
.archive #left-area {
-moz-column-count: 3;
column-count: 3;
-moz-column-gap: 60px;
column-gap: 60px;
}
.archive .et_pb_post > a,
.search .et_pb_post > a {
margin: -20px -20px 10px;
display: block;
}
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
overflow: hidden; page-break-inside: avoid;
break-inside: avoid-column;
width: 100%;
padding: 19px;
border: 1px solid #d8d8d8;
background-color: #fff;
word-wrap: break-word;
display: inline-block;
}
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
font-size: 18px;
}
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio{
padding: 0;
}
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
margin: -20px -20px 10px;
}
.archive .et_pb_post.format-audio .et_audio_content{
margin: 0px -38px 0px;
}
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
min-height: 180px;
}
.archive .pagination,
.search .pagination {
padding: 20px 0;
} @media screen and (max-width: 980px) {
.search #left-area,
.archive #left-area {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 60px;
column-gap: 60px;
}
}
@media screen and (max-width: 767px) {
.search #left-area,
.archive #left-area {
-moz-column-count: 1;
column-count: 1;
}
.search .et_pb_post.format-audio .et_audio_content,
.archive .et_pb_post.format-audio .et_audio_content{
margin: 0;
}
.search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
.archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
.search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
.archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
min-width: 300px!important;
width: 300px!important;
}
} .kb-zoomout .et_pb_slide .et_parallax_bg {
animation: zoomout 20s forwards;
-ms-animation: zoomout 20s forwards;
-webkit-animation: zoomout 20s forwards;
-moz-animation: zoomout 20s forwards;
}
.kb-zoomin .et_pb_slide .et_parallax_bg {
animation: zoomin 20s forwards;
-ms-animation: zoomin 20s forwards;
-webkit-animation: zoomin 20s forwards;
-moz-animation: zoomin 20s forwards;
}
.kb-zoomout .et_parallax_bg {
animation: zoomout 20s forwards;
-ms-animation: zoomout 20s forwards;
-webkit-animation: zoomout 20s forwards;
-moz-animation: zoomout 20s forwards; 
}
.kb-zoomin .et_parallax_bg {
animation: zoomin 20s forwards;
-ms-animation: zoomin 20s forwards;
-webkit-animation: zoomin 20s forwards;
-moz-animation: zoomin 20s forwards; 
}
@keyframes zoomout{
0% {
-ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(-0px, 0px, 0px);
-webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(0px, 0px, 0px);
transform: scale3d(1.3, 1.3, 1.3) translate3d(0px, 0px, 0px);
animation-timing-function: ease;
}
100% {
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
}
}
@keyframes zoomin{
0%{
-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
animation-timing-function: ease;
}
100%{
-ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(-0px, 0px, 0px);
-webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1.3, 1.3, 1.3) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(0px, 0px, 0px);
transform: scale3d(1.3, 1.3, 1.3) translate3d(0px, 0px, 0px);
}
}
.no-parallax .et_pb_parallax_css {
background-attachment: inherit;
background-position: center center;
}
.no-parallax .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
background-attachment: inherit;
background-position: center center;
} .et_portfolio_image {
padding-top: 150%;
}
.et_portfolio_image img {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
#fiche{position: relative; min-height:100%;}
#macaron p{font-size: 1.2em; color: #fff; float: right; background:#001177; border-radius:50%; width:70px; height:70px; line-height: 70px; text-align: center; position: absolute ;top: 0; right: 0; margin: 0 !important; padding: 0 !important;}
#imdb{padding:20px 0 15px !important;}
#imdb img{display: block;}
h3{font-size: 1em !important; color: #888; text-transform: none !important; font-weight :normal !important;}
h4{font-size: 1em !important; color: #000; text-transform: none !important; font-weight :normal !important; line-height: 1.4em !important;}
p{text-align: justify;}
#imdb p{font-size: .8em; line-height: 1.2em !important; color:#001177;}
.single-project.et_pb_pagebuilder_layout .nav-single{width:100% !important;}
#backtolist{position:absolute; top:0; left:0;}
.et_pb_posts_nav a{margin-top:30px; background:#001177; color:#fff !important; padding:2px 10px; border-radius:3px;border:2px solid #001177;}
.et_pb_posts_nav a span{color:#fff !important;}
.et_pb_posts_nav a:hover{background:none; color:#001177 !important;}
.et_pb_posts_nav a:hover span{color:#001177 !important;}
.et_pb_posts_nav .nav-previous { float: right; }
.et_pb_posts_nav .nav-next { float: left; }
.et_pb_posts_nav .meta-nav { display: none; }
.et_pb_posts_nav .nav-next a:before { content: '← '; }
.et_pb_posts_nav .nav-previous a:after { content: ' →'; }
@media screen and (max-width: 980px) {
#main-header{padding-top:38px !important;}
.container{width:95% !important;}
.home p{line-height:1.1em !important;}
.home .et-pb-slider-arrows a::before{font-size:50px;}
#mobile_menu{background:#fff !important;}
#mobile_menu li.lang-item{display:none !important;}
.home #et-top-navigation a{color:#000 !important;}
#mobile_menu li.current-menu-item a, #mobile_menu li.current-lang a{color:#888 !important;}
.home .mobile_menu_bar:before{color:#fff !important;}
#macaron p{top: -85px; right: -25px;}
#et-footer-nav li{padding-right:10px !important;}
#et-footer-nav .aright{display:none;}
#et-footer-nav .arightmob{float:right;display:block;padding-top:5px;}
#logo{margin-top:10px;}
#backtolist a{font-weight:bold !important;}
#top-header, div#et-secondary-menu, ul#et-secondary-nav {
display: block !important; 
}
#top-header .container {
padding-top: 0.75em !important;
}
#et-info, #et-secondary-menu {
text-align: right;
margin-right:10px;
}
}