/*
Theme Name: Tronatic
Author: Emmanuel Sitaud
Author URI: https://mnstd.fr/
Description: Thème Tronatic 2020, works with ACF

*/

@font-face {
    font-family: "Arame";
    src: url("assets/fonts/Arame/Arame.eot"); /* IE9 Compat Modes */
    src: url("assets/fonts/Arame//Arame.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("assets/fonts/Arame/Arame.otf") format("opentype"), /* Open Type Font */
        url("assets/fonts/Arame/Arame.svg") format("svg"), /* Legacy iOS */
        url("assets/fonts/Arame/Arame.ttf") format("truetype"), /* Safari, Android, iOS */
        url("assets/fonts/Arame/Arame.woff") format("woff"), /* Modern Browsers */
        url("assets/fonts/Arame/Arame.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Arame-Bold";
    src: url("assets/fonts/Arame-Bold/Arame-Bold.eot"); /* IE9 Compat Modes */
    src: url("assets/fonts/Arame-Bold/Arame-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("assets/fonts/Arame-Bold/Arame-Bold.otf") format("opentype"), /* Open Type Font */
        url("assets/fonts/Arame-Bold/Arame-Bold.svg") format("svg"), /* Legacy iOS */
        url("assets/fonts/Arame-Bold/Arame-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
        url("assets/fonts/Arame-Bold/Arame-Bold.woff") format("woff"), /* Modern Browsers */
        url("assets/fonts/Arame-Bold/Arame-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham-Bold";
    src: url("assets/fonts/Gotham-Bold/GothamBold.eot"); /* IE9 Compat Modes */
    src: url("assets/fonts/Gotham-Bold/GothamBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("assets/fonts/Gotham-Bold/GothamBold.otf") format("opentype"), /* Open Type Font */
        url("assets/fonts/Gotham-Bold/GothamBold.svg") format("svg"), /* Legacy iOS */
        url("assets/fonts/Gotham-Bold/GothamBold.ttf") format("truetype"), /* Safari, Android, iOS */
        url("assets/fonts/Gotham-Bold/GothamBold.woff") format("woff"), /* Modern Browsers */
        url("assets/fonts/Gotham-Bold/GothamBold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham-Bold";
    src: url("assets/fonts/Gotham-Bold/GothamBold.eot"); /* IE9 Compat Modes */
    src: url("assets/fonts/Gotham-Bold/GothamBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("assets/fonts/Gotham-Bold/GothamBold.otf") format("opentype"), /* Open Type Font */
        url("assets/fonts/Gotham-Bold/GothamBold.svg") format("svg"), /* Legacy iOS */
        url("assets/fonts/Gotham-Bold/GothamBold.ttf") format("truetype"), /* Safari, Android, iOS */
        url("assets/fonts/Gotham-Bold/GothamBold.woff") format("woff"), /* Modern Browsers */
        url("assets/fonts/Gotham-Bold/GothamBold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham-Black";
    src: url("assets/fonts/Gotham-Black/Gotham-Black.eot"); /* IE9 Compat Modes */
    src: url("assets/fonts/Gotham-Black/Gotham-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("assets/fonts/Gotham-Black/Gotham-Black.otf") format("opentype"), /* Open Type Font */
        url("assets/fonts/Gotham-Black/Gotham-Black.svg") format("svg"), /* Legacy iOS */
        url("assets/fonts/Gotham-Black/Gotham-Black.ttf") format("truetype"), /* Safari, Android, iOS */
        url("assets/fonts/Gotham-Black/Gotham-Black.woff") format("woff"), /* Modern Browsers */
        url("assets/fonts/Gotham-Black/Gotham-Black.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham-Medium";
    src: url("assets/fonts/Gotham-Medium/GothamMedium.eot"); /* IE9 Compat Modes */
    src: url("assets/fonts/Gotham-Medium/GothamMedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("assets/fonts/Gotham-Medium/GothamMedium.otf") format("opentype"), /* Open Type Font */
        url("assets/fonts/Gotham-Medium/GothamMedium.svg") format("svg"), /* Legacy iOS */
        url("assets/fonts/Gotham-Medium/GothamMedium.ttf") format("truetype"), /* Safari, Android, iOS */
        url("assets/fonts/Gotham-Medium/GothamMedium.woff") format("woff"), /* Modern Browsers */
        url("assets/fonts/Gotham-Medium/GothamMedium.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

/*** 1. GENERAL ***/
body {
    background-color: #0c0c0c;
    font-family: "Gotham-Medium", /*'futura-pt',*/ sans-serif;
    font-weight: 500;
    font-style: normal;
    margin: 0;
    overflow-x: hidden;
    padding: 0;

}

iframe {
    max-width: 100%;
}

.wrapper {
    margin: 0 auto;
    position: relative;
    width: 90%;
}
.wrapper:after {
    content: "";
    display: block;
    clear: both;
    height:0
}

.wrapper-noRight {
    margin-left: 5%;
    position: relative;
    width: 95%;
}

a {
    cursor: pointer;
    text-decoration: none;
}

:focus {
    outline: none;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

p, a {
    color: rgba(255, 255,255, 1);
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    text-align: justify
}

.loaded .fadeInLeft,
.loaded .fadeInRight,
.loaded .fadeInUp {
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-iteration-count: 1;
}

.burger {
    display: none;
}

.redhover:hover,
.redhovermenu:hover a {
    color: #f10c0c !important;
    text-shadow: 0px 0px 20px #f10c0c;
}

.redhover-underline {
    height: 26px;
}

.redhover-underline:hover {
    border-bottom: 2px solid #f10c0c
}

.vignetteHover:hover  {
    -webkit-box-shadow: 0px 0px 120px 0px rgba(241,12,12,1);
    -moz-box-shadow: 0px 0px 120px 0px rgba(241,12,12,1);
    box-shadow: 0px 0px 120px 0px rgba(241,12,12,1);
    padding:0;
}

.noMargin {
    margin: 0 !important;
}

video {
    display: block;
}

.flex-viewport {
    max-height:none !important;
    margin: 0 35px;
    width: calc(100% - 70px);
}

/*** 2.HEADER ***/
#header {
    height: 120px;
    position: relative;
    margin: 0;
    width: 100%;
    z-index: 100;
}

#header .wrapper {
    height: 100%;
    position: relative;
}

#header .wrapper .inner-header {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    position: relative;
}

#header .wrapper .inner-header .logo {
    display: flex;
    height: 80px;
    width: 15%;
}

#header .wrapper .inner-header .logo a {
    align-items: center;
    display: flex;
}

#header .wrapper .inner-header .logo img {
    width: 100%;
}

#header .wrapper .inner-header .logo .normal {
    display: block;
}

#header .wrapper .inner-header .logo .fixed {
    display: none;
}

#header .wrapper .inner-header .menus {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 90%;
}

#header .wrapper .inner-header .menus li.current-menu-item a {
    color: #fff;
}

#header .wrapper .inner-header .menus .main-menu {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    padding: 0 5%;
    width: 70%;
}

#header .wrapper .inner-header .menus .main-menu-right {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 30%;
}

#header .wrapper .inner-header .menus .main-menu .menu-top-right-container,
#header .wrapper .inner-header .menus .main-menu .menu-principal-container {
    width: 100%;
}

#header .wrapper .inner-header .menus .menu-top-right,
#header .wrapper .inner-header .menus .menu-primary {
    display: flex;
    justify-content: space-between;
}

#header .wrapper .inner-header .menus .menu-top-right li,
#header .wrapper .inner-header .menus .menu-primary li {
}

#header .wrapper .inner-header .menus .menu-top-right li a,
#header .wrapper .inner-header .menus .menu-primary li a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    font-family: "Arame";
    letter-spacing: 2px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#header .wrapper .inner-header .menus .menu-top-right li a:after,
#header .wrapper .inner-header .menus .menu-primary li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    height: 0px;
    width: 100%;
    background-color: #f40b0b;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#header .wrapper .inner-header .menus .menu-top-right li:hover a,
#header .wrapper .inner-header .menus .menu-primary li:hover a {
    color: #f40b0b;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#header .wrapper .inner-header .menus .menu-top-right li.current-menu-item a:after,
#header .wrapper .inner-header .menus .menu-top-right li:hover a:after,
#header .wrapper .inner-header .menus .menu-primary li.current-menu-item a:after,
#header .wrapper .inner-header .menus .menu-primary li:hover a:after {
    height: 2px;
}

/*** 2.2 Header accueil ***/
#header.accueil .top-accueil-menu {
    margin: 0 auto;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    padding: 0 5%;
}

#header.accueil .top-accueil-menu .menu-accueil-top-container {
    width: 100%;
}

#menu-accueil-top {
    /*display: flex;
    justify-content: space-between;*/
    width: 100%;
	text-align:center
}

#menu-accueil-top li {
    list-style: outside none;
	display:inline-block;
    position: relative;
}

#menu-accueil-top li:first-child {
    float:left;
	display:block;
}
#menu-accueil-top li:before {
    content:" \ ";
}
#menu-accueil-top li:last-child {
    float:right;
	display:block;
}

#menu-accueil-top li:hover a {
    color: #f40b0b;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#menu-accueil-top li a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    font-family: "Arame";
    letter-spacing: 2px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#menu-accueil-top li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    height: 0px;
    width: 100%;
    background-color: #f40b0b;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#menu-accueil-top li:hover a:after {
    height: 2px;
}

#menu-accueil-top li#menu-item-206:after {
    content: " / ";
    color:rgba(255, 255, 255, 0.6);
}

.mobile-view #menu-accueil-top li#menu-item-206:after {
    content: "";
}

/*** 2.2 Fixed header ***/
.fixedHeader #header {
    background-color: #1b1b1b;
    height: 80px;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.fixedHeader #header .wrapper .inner-header .logo {
    height: 65px;
}

.fixedHeader #header .wrapper .inner-header .logo .normal {
    display: none;
}

.fixedHeader #header .wrapper .inner-header .logo .fixed {
    display: block;
}

.fixedHeader #header .wrapper .inner-header .logo a {
    width: 95px;
}

.fixedHeader #header .wrapper .inner-header .menus .main-menu {
    height: 100%;
}

.fixedHeader #header .wrapper .inner-header .menus .menu-top-right li a,
.fixedHeader #header .wrapper .inner-header .menus .menu-primary li a {
    font-size: 14px;
}

.fixedHeader #header .wrapper .inner-header .menus .menu-primary li a:after {
    bottom: -15px;
}

/*** 3. MAIN ***/
#main {
    background-color: #000;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover, 0;
    padding-bottom: 100px;
    margin-top: -120px;
    padding-top: 120px;
    position: relative;
}

#main.projets {
    background-size: cover, 100%, 100%;
}

.fixedHeader #main {
    margin-top: -80px;
}

#main h1 {
    color: #ffffff;
    font-family: "Arame-Bold";
    font-size: 80px;
    line-height: 60px;
    white-space: normal;
    margin: 35px 0;
}

#main h2 {
    color: #ffffff;
    font-family: "Arame-Bold";
    font-size: 40px;
    line-height: 45px;
}

#main h3 {
    color: #ffffff;
    font-weight: bold;
    font-size: 23px;
}

#main h4 {
    color: rgba(255, 255,255, 0.6);
    font-family: "Arame-Bold";
    font-size: 23px;
    line-height: 28px;
}

#main h5 {
    color: rgba(255, 255,255, 0.6);
    font-family: "Arame-Bold";
    font-size: 18px;
    line-height: 23px;
}

#main .label-conteneur {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
}

#main .label-structure {
    align-items: center;
    color: rgba(255, 255,255, 0.6);
    display: flex;
    font-size: 18px;
    font-family: "Arame";
    letter-spacing: 2px;
    line-height: 22px;
    margin: 0;
    margin-bottom: 35px;
    padding-top: 100px;
    text-transform: uppercase;
}

#main .label-structure i.fa-chevron-left {
    font-size: 22px;
    padding-right: 15px;
}

#main .label-structure i.fa-chevron-right {
    font-size: 22px;
    padding-left: 15px;
}

#main .label-fiche {
    color: rgba(255, 255,255, 0.6);
    font-family: 'Arame-Bold';
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 8px;
    text-transform: uppercase;
}

#main .video_slider iframe,
#main .video_slider object,
#main .video_slider embed {
    height: 480px;
    width: 100%;
}

#main #slider.fullScreen .video_slider iframe {

}
#main #slider.fullScreen .video_slider iframe {

}

#main .img_slider p {
    position: absolute;
    bottom:0;
    right: 0;
    text-align: right;

}

#main #carousel {
    z-index: 99;
}

#main #carousel button#open-gallery-cpt {
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: right;
    width: 100%;
}

#main #carousel button#open-gallery-cpt i {
    margin-left: 15px;
}

#main #carousel li.video_slider {
    align-items: center;
    color: rgba(255, 255, 255, 0.6);
    display: flex !important;
    font-size: 25px;
    justify-content: center;
}

.home #main .slides {
    clear:both;
}
.home #main .slides:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}
.home #main .slides li {
    float: left;
    display: block;
}


#main #carousel .slides li {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(255,255,255,0.05)
}

#main #carousel .slides li:hover {
    cursor: pointer;
}

#main .related {
    margin-bottom: 100px;
}

#main .related .custom-navigation-related {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 125px;
    justify-content: space-evenly;
}

#main .related .custom-navigation-related button,
#main .related .custom-navigation-related a {
    color: rgba(255,255,255,0.6);
    background-color: transparent;
    border: 2px solid rgba(255,255,255,0.6);
    border-radius: 35px;
    height: 40px;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#main .related .custom-navigation-related button:hover,
#main .related .custom-navigation-related a:hover {
    cursor: pointer;
    color: #f10c0c;
    display: flex;
    border: 2px solid #f10c0c;
    position: relative;
}

#main .related #sliderRelated li {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 160px;
    margin-bottom: 15px;
    opacity: 0.7;
    background-color: rgba(255,255,255,0.05)
}

#main .related #sliderRelated li:hover {
    cursor: pointer;
    opacity: 1;
    position: relative;
    z-index: 2;
}

#main .related #sliderRelated li a {
    display: flex;
    height: 100%;
}

#main .related #sliderRelated li a h4 {
    color: #fff;
    font-family: "Gotham-Bold";
    font-size: 16px;
    line-height: 12px;
    margin: 0;
}

#main .related #sliderRelated li a h5 {
    color: #fff;
    font-size: 16px;
    line-height: 12px;
    margin: 0;
}

#main .related #sliderRelated li .inner-related {
    display: none;
}

#main .related #sliderRelated li:hover .inner-related {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
    overflow: hidden;
}

#main .related #sliderRelated li .inner-related .bloc-inner-related {
    width: 100%;
}

#main .related .custom-navigation-related a,
#main .related .custom-navigation-related button.active i.fa-plus,
#main .related.relatedOpen .custom-navigation-related button i.fa-minus {
    align-items: center;
    display: flex;
    justify-content: center;
}

#main .related .custom-navigation-related button.active i.fa-plus,
#main .related.relatedOpen .custom-navigation-related button i.fa-minus {
    width: auto;
}

#main .related.relatedOpen .custom-navigation-related a {
    display: none;
}

#main .related .custom-navigation-related button i.fa-minus,
#main .related.relatedOpen .custom-navigation-related button i.fa-plus {
    display: none;
    width: 0;
}

#main .related.relatedOpen .custom-navigation-related {
    position: relative;
    z-index: 1;
}

#main .related.relatedOpen #sliderRelated {
    margin-top: -125px;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#main .related.relatedOpen #sliderRelated .slides {
    display: flex;
    flex-wrap: wrap;
    transform: translate3d(0px, 0px, 0px) !important;
    width: 100% !important;
}

#main .related.relatedOpen #sliderRelated .slides li:first-child {
    margin-left: 16.67%;
}

#main .social {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 10px 0 35px;
}

#main .social a {
    color: #FFF;
    font-size: 23px;
    padding: 0 10px 0 0;
}

#main .contenu_archive .projet-content {
    height: 350px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), 75%, rgba(0,0,0,0));
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    margin-top: 20px;
}

#main .contenu_archive .projet-content.open {
    height: auto;
    overflow: auto;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), 100%, rgba(0,0,0,0));
}

#main .contenu_archive a.projet-content-more {
    text-decoration: underline;
}

#main .contenu_archive a.projet-content-more.open {
    display: none;
}

#main .above-vid {
    z-index: 2;
}

#main #bg_vid {
    height: calc(100vh + 100px);
    position: absolute;
    top: -100px;
    width: 100%;
}

#main #bg_vid .bg_vid_layer {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

#main #bg_vid iframe {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index:1;
}

#main #bg_vid #vidpause {
    background: transparent;
    border: 0;
    bottom: 250px;
    cursor: pointer;
    position: absolute;
    left: 50px;
    z-index: 3;
}

/*** 4. FOOTER ***/
#footer {
    height: auto;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 3;
}

#footer,
#footer a,
#footer p {
    color: rgba(255, 255,255, 0.6);
    font-size: 15px;
    font-weight: 300;
    /*line-height: 25px;*/
}

#footer .footer-top {
    margin-left: 5%;
    position: relative;
    width: 95%;
}

#footer .footer-top h3 {
    display: inline-block;
    font-family: 'Arame';
    margin-bottom: 35px;
}

#footer .footer-top .widg-bloc {
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 50px;
}

#footer .footer-top .footer-top-left-1 {
    background-color: #0c0c0c;
}

#footer .footer-top .footer-top-left-1 .widg-bloc {
    margin: 0;
    width: 80%;
}

#footer .footer-top .footer-top-left-1 .widg-bloc h3 {
    position: relative;
}

/*#footer .footer-top .footer-top-left-1 .widg-bloc h3:after {
    background: url(assets/img/coeur.png) center center no-repeat;
    content: '';
    height: 20px;
    position: absolute;
    right: -40px;
    top: 2px;
    width: 20px;
}*/

#footer .footer-top .footer-top-left-2 {
    background-color: #141414;
}

#footer .footer-top .footer-top-left-2 .widg-bloc {
    width: 80%;
}

#footer .footer-top .footer-top-left-2 p {
}

#footer .footer-top .footer-top-left-2 a {
    font-family: 'Arame-Bold';
    font-size: 12px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

#footer .footer-top .footer-top-right {
    background-color: #1b1b1b;
}

#footer .footer-top .footer-top-right .widg-bloc {
    width: 60%;
}

#footer #widget-adresse, #footer #widget-adresse h3, #footer #widget-adresse p {
     font-family: 'Arame';
}
#footer #widget-adresse p {
     font-size: 18px;
}

#footer .footer-top .footer-top-right ul {
    margin: 15px 0;
    text-transform: uppercase;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

#footer .footer-top .footer-top-right ul li a {
    display: block;
    margin: 0 0 10px;
    text-transform: uppercase;
}

#footer .footer-bottom {
    padding: 15px 0;
}

#footer .footer-bottom p,
#footer .footer-bottom a {
    font-family: 'Arame-Bold';
    font-size: 12px;
    letter-spacing: 5px;
    padding: 0 25px;
    text-transform: uppercase;
}

#footer .footer-bottom .wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
}

#footer .footer-bottom .wrapper .copyright-menu {
    align-items: center;
    display: flex;
}

#footer .footer-bottom .wrapper ul.copyright-menu li {
    position: relative;
}

#footer .footer-bottom .wrapper ul.copyright-menu li:before {
    content: '-';
    left: -4px;
    position: absolute;
}

/*** 5. VFX/CGI/DESIGN SINGLE ***/
#main.single-cpt {
    background-size: cover, 100%, 100%;
}

#main.single-cpt img {
    height: auto;
    max-width: 100%;
    width: auto;
}


#main.single-cpt h2,
#main.single-cpt h3 {
    margin-top: 0;
}

#main.single-cpt h3.date-cpt {
    text-transform: uppercase;
}


#main #slider.fullScreen .slides {
    max-width: 1920px;
    padding: 0 35px 74px 35px;
    margin: 0 auto;
}

#main.single-cpt #slider {
    margin-top: 35px;
}

#main.single-cpt #slider.fullScreen {
    background: rgba(0,0,0,0.9);
    height: 100%;
    left: 0;
    margin-top: 0;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
}

#main.single-cpt #slider button {
    display: none;
}

#main.single-cpt #slider .custom-navigation {
    display: none;
}

#main.single-cpt #slider.fullScreen button {
    background-color: transparent;
    border: none;
    color: rgba(255,255,255,0.6);
    display: block;
    font-size: 25px;
    margin-left: 15px;
    position: absolute;
    right: 2.5%;
    top: 2.5%;
    z-index: 200;
}

#main.single-cpt #slider.fullScreen button:hover {
    cursor: pointer;
}

#main.single-cpt #slider.fullScreen .custom-navigation {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: 20;
}

#main.single-cpt #slider.fullScreen .custom-navigation a {
    color: rgba(255,255, 255,0.6);
    font-size: 25px;
    position: absolute;
}

#main.single-cpt #slider.fullScreen .custom-navigation a.flex-prev {
    left: 15px;
}

#main.single-cpt #slider.fullScreen .custom-navigation a.flex-next {
    right: 15px;
}


#main.single-cpt #slider li {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 480px;
    position: relative;
}


#main.single-cpt #slider li p {
    display: none;
}

#main.single-cpt #slider.fullScreen li {
    height: 100%;
}

#main.single-cpt #slider.fullScreen  li p {
    display: block;
    text-align: right;
    padding: 0 20px 0 0;
    margin: 0 0 10px 0;
    text-shadow: #000 2px 0 4px;
    font-size: 1.1em;
    font-family: "Arame";
    opacity: 0.5;
}

#main.single-cpt #carousel .label-fiche {
    text-align: right;
}

#main.single-cpt #carousel .label-fiche button {
    background-color: transparent;
    color: rgba(255,255,255,0.6);
    border: none;
}

#main.single-cpt #carousel .label-fiche button:hover {
    cursor: pointer;
}

#main.single-cpt #carousel.fullScreen {
    align-items: center;
    bottom: 15px;
    display: flex;
    justify-content: center;
    left: 5%;
    margin: 0 auto;
    position: fixed;
    width: 90%;
    z-index: 9999;
}

#main.single-cpt #carousel.fullScreen p.label-fiche {
    display: none;
}

#main.single-cpt #carousel .flex-direction-nav a {
    height: 25px;
    top: 80%;
}
#main.single-cpt #carousel.fullScreen .flex-direction-nav a {
    top: 36px;
}

#main.single-cpt #carousel.fullScreen #open-gallery-cpt {
    display: none
}

/*** 7.ARCHIVE VFX/CGI/DESIGN ***/


#main.archive-cpt h2 {
    margin: 15px 0;
}

#main.archive-cpt h3 {
    font-family: "Gotham-Black";
    margin: 15px 0;
}

#main.archive-cpt .contenu_archive {
    margin-bottom: 35px;
}

#main.archive-cpt .liste-clients {
    float: left;
    position: relative;
    z-index: 1;
}


/*** 8.STUDIO ***/
#main.studio {
}
#main.studio .label-fiche {
    letter-spacing: 1px;
    color: #fff
}
#main.studio #studio-left {
    /*margin-top: 168px;*/
    /*margin-top: 50px;*/
}

#main.studio #studio-left h2 {
    font-size: 20px
}
#main.studio #presentation {
    margin: 20px 0;
    padding: 0 calc(10vw * 0.4) 0 0;
}

#main.studio .prenom_surnom {
    text-align: center;
    margin-top: 15px;
}

#main.studio h4 {
/*    margin-bottom: 0;
    margin-top: 15px;*/
    color: #fff;
}
#main.studio .prenom_surnom h4 {
/*    margin-bottom: 0;
    margin-top: 15px;*/
    color: #fff;
    display: inline;
}

#main.studio h5 {
/*    margin-bottom: 15px;
    margin-top: 0;*/
    color: #fff;
}
#main.studio .prenom_surnom h5 {
/*    margin-bottom: 15px;
    margin-top: 0;*/
    color: #fff;
        display: inline;
}

#main.studio .membres {
    flex-wrap: wrap;
    height: auto;
    /*margin-top: 35px;*/
}

#main.studio .membres .inner-membre {
    margin-bottom: 35px;
    padding: 0 calc(10vw * 0.4) calc(10vw * 0.4) calc(10vw * 0.4);
   
}

/*#main.studio .membres .inner-membre:first-child {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}*/

#main.studio .membres .inner-membre img {

    width: 100%;
}

/*#main.studio .membres .inner-membre:first-child img {
    width: calc(50% - 15px);
}*/

#main.studio .others {
    height: auto;
    margin-top: 30px
}

#main.studio .others .label-structure {
    padding-right: 15px;
    padding-top: 0;
}

#main.studio .others .partenaires .inner-partenaires {
    margin: 15px 0;
}

#main.studio .others .partenaires .inner-partenaires a {
    color: rgba(255, 255,255, 0.6);
    font-size: 18px;
    font-family: "Arame";
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
}

#main.studio .others .partenaires .inner-partenaires p {
    color: rgba(255, 255,255, 0.6);
    font-family: 'Arame-Bold';
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 8px;
    margin: 0;
    text-transform: uppercase;
}

#main.studio .others .partenaires .inner-partenaires:hover p {
    color: #fff;
}

/*** 9.NOS PROJETS ***/

#main #enAvant .vignetteHover:hover .inner-enAvant  {
    margin: 0;
}

#main #enAvant .inner-enAvant {
    align-items: flex-end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    height: 500px;
    justify-content: flex-end;
    margin: 15px 0;
    opacity: 0.7;
    padding: 15px;
    position: relative;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    -webkit-clip-path: polygon(0 0, 0 100%, 75% 100%, 110% 75%, 100% 0);
    clip-path: polygon(0 0, 0 100%, 75% 100%, 110% 75%, 100% 0);
}

#main #enAvant .inner-enAvant:hover {
    cursor: pointer;
    height: 690px;
    opacity: 1;
    position: relative;
    z-index: 2;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1));
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 100%, 100% 0);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 100%, 100% 0);
}

#main #enAvant .inner-enAvant .inner-related {
    display: none;
}

#main #enAvant .inner-enAvant:hover .inner-related {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#main #enAvant .inner-enAvant:hover .cat-inner-related {
    display: block;
}

#main #enAvant .inner-enAvant .inner-related .bloc-inner-related {
    width: 100%;
}

#main #enAvant .inner-enAvant .cat-inner-related {
    display: none;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 100%;
}

#main #enAvant .inner-enAvant .cat-inner-related h2 {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    margin: 0;
}

#main #enAvant .inner-enAvant .inner-related h3 {
    color: #fff;
    font-family: "Gotham-Bold";
    font-size: 24px;
    line-height: 34px;
    margin: 0;
}

#main #enAvant .inner-enAvant .inner-related h4 {
    color: #fff;
    font-size: 40px;
    line-height: 34px;
    margin: 0;
    word-break: break-word;
}

#main #enAvant .inner-enAvant .inner-related .inner-related-pb {
    padding-bottom: 50px;
}

#main #enAvant .inner-enAvant .inner-related .inner-related-link {
    text-align: right;
}

#main #enAvant .inner-enAvant .inner-related .inner-related-link p {
    display: inline-block;
}

#main.projets h1 {
    text-align: right;
}
/*
#main.projets #response .vignetteHover {
    padding-right: 7px;
    padding-left: 8px;
}
#main.projets #response .vignetteHover:hover {
    padding-right: 0px;
    padding-left: 0px;
    top: -5px
}
#main.projets #response .vignetteHover:hover .inner-response {
    height: 175px;
    margin-bottom: 0;
}
*/

#main.projets #response .projet_wrapper, #main.projets .projet_wrapper {
    margin-bottom: 20px;
}
#main.projets .projet_wrapper {
    margin-right: 10px;
}



#main.projets #response .projet_wrapper:hover > div {

    -webkit-box-shadow: 0px 0px 120px 0px rgba(241,12,12,1);
    -moz-box-shadow: 0px 0px 120px 0px rgba(241,12,12,1);
    box-shadow: 0px 0px 120px 0px rgba(241,12,12,1);

}

#main.projets #response .inner-response, #main.projets .inner-response {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 190px;
    /*margin-bottom: 15px;*/
    opacity: 0.7;
    background-color: rgba(255,255,255,0.05)
}

#main.projets #response .projet_wrapper:hover .inner-response {
    cursor: pointer;
    opacity: 1;
    position: relative;
    z-index: 2;
}

#main.projets #response a {
    display: block;
    /*height: 100%;*/
}
#main.projets #response .projet_image, #main.projets .projet_image {
    padding-left: 0;
    margin-left: 15px;
}

#main.projets .projet_wrapper.in_progress .projet_image > div {
    border-bottom: 2px solid #f40b0b;
    border-right: 2px solid #f40b0b;
    position: relative;
    
}

#main.projets .projet_wrapper.in_progress .projet_image > div div {
    filter: grayscale(1);
}
#main.projets .projet_wrapper.in_progress:hover .projet_image > div div {
    opacity:1;
    filter: grayscale(0);
}

#main.projets .projet_wrapper.in_progress .projet_image > div::before {
    content: "IN PROGRESS";
    display: inline-block;
    height: 20px;
    width: 192px;
    position: absolute;
    bottom: 87px;
    right: -106px;
    z-index: 2;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
    font-family: "Arame-Bold";
    letter-spacing: 6.3px;
}
#main.projets .projet_wrapper.in_progress .projet_image > div::after {
    display : inline-block;
    height : 0;
    width : 0;
    border-bottom : 35px solid #f40b0b;
    border-left : 35px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    z-index: 1;
   }

#main.projets #response .inner-related a h3 {
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    margin: 0;
    font-family: "Arame-Bold";
    letter-spacing: 1px;
    text-align: left;
}
#main.projets #response .inner-related a h4 {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    font-family: "Gotham-Bold";
    letter-spacing: 1px;
}

#main.projets #response .inner-related a h5 {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    font-family: "Arame-Bold";
    letter-spacing: 1px;
}
#main.projets #response .projet_title {
    
}
#main.projets #response .projet_client h4, #main.projets #response .projet_categorie h5 {
    color: rgba(255,255,255,0.5) !important;
}
#main.projets #response .projet_client span , #main.projets #response .projet_categorie span {
    color: rgba(255,255,255,0.25) !important;
}
/*
#main.projets #response .inner-response .inner-related {
    display: none;
}

#main.projets #response .inner-response:hover .inner-related {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
    overflow: hidden;
}

#main.projets #response .inner-response .inner-related .bloc-inner-related {
    width: 100%;
}
*/

#main.projets #response .bloc-inner-related {
    margin-top:10px;
    margin-bottom:10px;
}

#main.projets #response .bloc-inner-related:last-child {
    margin-bottom:0;
}

#main.projets #response .misha_loadmore {
    cursor: pointer;
    justify-content: center;
}


/*** search ***/

.filter_title {
    color: red
}
.supp_filter {
    cursor: pointer
}
#main #search {
    margin: 0 0 35px;
}

#main form#filter {
    align-items: flex-start;
    display: flex;
    height: auto;
    justify-content: space-between;
}

#main form#filter p.label-structure {
    margin: 0;
    padding: 0 0 10px;
}

#main .label-structure.dropbtn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    justify-content: flex-start;
    padding: 0 0 10px 0;
    margin-bottom: 0;
}

#main .dropbtn:after {
    color: rgba(255, 255,255, 0.6);
    content: "\f107";
    font-family: "FontAwesome";
    margin-left: 0.5vw;
    text-rendering: optimizeLegibility;
}

#main .dropbtn:hover, #main .dropbtn:focus {
    background-color: transparent;
}

#main .dropdown {
    position: relative;
    display: inline-block;
}

#main .dropdown:hover .dropdown-content {
    display: block;
}

#main .dropdown-content {
    background-color: #000;
    display: none;
    height: auto;
    left: 0;
    max-height: 250px;
    padding: 0 15px;
    position: absolute;
    overflow-y: auto;
    z-index: 1;
}

#main .dropdown-content.hide {
    display: none !important;
}
#main .dropdown-content.show {
    display: block !important;
}

#main .dropdown-content a {
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    margin: 5px 0;
    padding: 10px 15px;
}


#main .show {
    display: block;
}

#main button.gosearch {
    background: transparent;
    border: none;
}

/*** 10.FORMATIONS ***/
#main.formation {
    padding-bottom: 100px;
}

#main.formation #formation-left {
    margin-top: 168px;
}

#main.formation #formation-left .liste-formation {
    height: 140px;
    margin: 15px 0;
}

#main.formation #formation-left .inner-liste-formation {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 15px;
}

#main.formation #formation-left .liste-formation .date {
    position: relative;
}

#main.formation #formation-left .liste-formation .date:after {
    background-color: rgba(255,255,255,0.6);
    content: '';
    height: 70%;
    position: absolute;
    right: -15px;
    top: 15%;
    width: 2px;
}

#main.formation #formation-left .liste-formation .date .jour {
    color: #ffffff;
    font-family: "Arame-Bold";
    font-size: 80px;
    line-height: 60px;
    margin: 0;
}

#main.formation #formation-left .liste-formation .date .jourfin {
    color: #ffffff;
    font-family: "Arame-Bold";
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    text-align: right;
}

#main.formation #formation-left .liste-formation .date .mois {
    color: #ffffff;
    font-family: "Arame-Bold";
    font-size: 15px;
    line-height: 15px;
    margin: 0;
}

#main.formation #formation-left .liste-formation.active .date .jour,
#main.formation #formation-left .liste-formation.active .date .jourfin,
#main.formation #formation-left .liste-formation.active .date .mois,
#main.formation #formation-left .liste-formation.active .action .reserver {
    color: #f10c0c;
}

#main.formation #formation-left .liste-formation .details {
    margin-left: 30px;
    min-width: 50%;
}

#main.formation #formation-left .liste-formation.active .details h3 {

}

#main.formation #formation-left .liste-formation .details h3 {
    color: rgba(255,255,255,0.6);
    font-family: "Arame-Bold";
    font-size: 35px;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}

#main.formation #formation-left .liste-formation .details p {
    color: rgba(255,255,255,0.6);
    font-family: "Arame-Bold";
    margin: 0;
    text-transform: uppercase;
}

#main.formation #formation-left .liste-formation .details .inner-details {
    display: flex;
}

#main.formation #formation-left .liste-formation .details .inner-details p:first-child {
    position: relative;
}

#main.formation #formation-left .liste-formation .details .inner-details p:first-child:after {
    background-color: rgba(255,255,255,0.6);
    content: '';
    height: 70%;
    position: absolute;
    right: -15px;
    top: 15%;
    width: 2px;
}

#main.formation #formation-left .liste-formation .details .inner-details p:last-child {
    margin-left: 30px;
}

#main.formation #formation-left .liste-formation .action {
    display: flex;
    flex-wrap: wrap;
}

#main.formation #formation-left .liste-formation .action a {
    width: 100%;
}

#main.formation #formation-left .askForFormation {
    text-align: right;
}

#main.formation #formation-right .thumb-formation {
    height: auto;
    margin: 15px 0;
    width: 100%;
}

#main.formation #formation-right h2,
#main.formation #formation-right h3,
#main.formation #formation-right p.cat {
    font-family: "Arame-Bold";
    margin: 0;
    text-transform: uppercase;
}

#main.formation #formation-right p.mtb {
    margin: 10px 0;
    text-transform: uppercase;
}

#main.formation #formation-right .lieu {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

#main.formation #formation-right .lieu p,
#main.formation #formation-right .lieu a {
    margin: 0 0 10px 0;
}

#main.formation #formation-right .content p {
    text-transform: inherit;
}

#main.formation #formation-right .acquis p {
    margin: 0;
}

#main.formation #formation-right .actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 50px 0 30px;
}

#main.formation #formation-right .follow  {
    align-items: center;
    display: flex;
}

#main.formation #formation-right .follow .follow-icon {
    align-items: center;
    display: flex;
    margin-left: 15px;
}

#main.formation #formation-right .follow .follow-icon a {
    color: #fff;
    margin: 0 15px 0 0;
}

/*** 11. ACCUEIL ***/
#main.home {
    padding-top: 80vh;
}

#main.home .menu-middle-accueil {
    align-items: center;
    display: flex;
    height: 80px;
    justify-content: flex-start;
}

#main.home .menu-accueil-left,
#main.home .menu-accueil-right {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
}

#main.home .menu-accueil-left .menu-accueil-left-container,
#main.home .menu-accueil-right .menu-accueil-right-container {
    width: 100%;
}

#main.home .menu-accueil-left #menu-accueil-left,
#main.home .menu-accueil-right #menu-accueil-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#main.home .menu-accueil-left li:hover a,
#main.home .menu-accueil-right li:hover a {
    color: #f40b0b;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#main.home .menu-accueil-left li a,
#main.home .menu-accueil-right li a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    font-family: "Arame";
    letter-spacing: 2px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#main.home .menu-accueil-left li a:after,
#main.home .menu-accueil-right li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    height: 0px;
    width: 100%;
    background-color: #f40b0b;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#main.home .menu-accueil-left li:hover a:after,
#main.home .menu-accueil-right li:hover a:after  {
    height: 2px;
}



#main.home .accueil-logo {
    text-align: center;
}

#main.home .accueil-logo img {
    height: auto;
    width: 50%;
}

#main.home #clients-home {
    margin-bottom: 100px;
    text-align: center;
}

#main.home #clients-home .label-structure {
    justify-content: center;
}

#main.home #clients-home .liste-clients {
    align-items: center;
}

#main.home #clients-home .liste-clients img {
    height: auto;
    width: 80%;
}

#main.home #clients-home img.normal,
#main.home #clients-home .inner-liste-clients:hover img.hover {
    display: block;
}

#main.home #clients-home img.hover,
#main.home #clients-home .inner-liste-clients:hover img.normal {
    display: none;
}

#main.home .we {
    margin-bottom: 100px;
}

#main.home .wedo button.collapsible {
    background: transparent;
    border: none;
    color: rgba(255, 255,255, 0.6);
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-family: "Arame";
    letter-spacing: 2px;
    margin: 0;
    outline: none;
    padding: 15px 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

#main.home .wedo button.active {
    color: #fff;
    font-family: "Arame-Bold";
    font-size: 40px;
    letter-spacing: 0;
    line-height: 34px;
}

#main.home .wedo button.collapsible:after {
    content: '\f107';
    float: right;
    font-family: FontAwesome;
    font-size: 18px;
}

#main.home .wedo button.active:after {
    content: '\f106';
    float: right;
    font-family: FontAwesome;
    font-size: 18px;
}

#main.home .wedo .active,
#main.home .wedo .collapsible:hover {
}

#main.home .wedo .content {
    display: none;
    overflow: hidden;
    padding: 0 0 15px 0;
}

#main.home .wedo .liste-clients {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0;
}

#main.home .wedo .liste-clients h3 {
    font-size: 18px;
    line-height: 18px;
    margin: 0;
}

#main.home .weare a.label-fiche,
#main.home .wedo a.label-fiche {
    display: inline-block;
    float: right;
}

/*** 12. PAGE CONTACT ***/
#main.contact .caldera-grid label {
    color: rgba(255, 255,255, 0.6);
    font-family: 'Arame-Bold';
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 8px;
    text-transform: uppercase;
}

#main.contact .caldera-grid .btn-default {
    background: transparent;
    border: none;
    color: rgba(255, 255,255, 0.6);
    float: right;
    font-family: 'Arame';
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
}

#main.contact .caldera-grid .form-control {
    background: #1b1b1b;
    border: 0;
    color: #fff;
}

#main.contact .caldera-grid ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}

#main.contact .caldera-grid ::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

#main.contact .caldera-grid :-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}

#main.contact .caldera-grid :-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

#main.contact .caldera-grid .form-control:focus {
    border-color: #f40b0b;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(244,11,11,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(244,11,11,.6);
}

#main.contact .tel_contact {
    color: #ffffff;
    font-family: "Arame-Bold";
    font-size: 20px;
    line-height: 25px;
}

#main.contact .address_info_contact h2 {
    margin-bottom: 0;
}

#main.contact .acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

#main.contact .acf-map img {
    max-width: inherit !important;
}

/*** 13. SINGLE ***/
#main.single {
    background-size: cover, 100%, 100%;
    padding-bottom: 100px;
}

#main.single .noMargin {
    padding: 0 !important;
}



#main.single #single-left {
    margin-top: 168px;
    padding-right: 50px;
}

#main.single img,
#main.single .wp-caption /*,
#main.single iframe */ {
    height: auto;
    max-width: 100%;
}

#main.single .single-content {
    margin: 35px 0;
}

#main.single .single-content .inner-single h1,
#main.single .single-content .inner-single h2,
#main.single .single-content .inner-single h3,
#main.single .single-content .inner-single h4,
#main.single .single-content .inner-single h5,
#main.single .single-content .inner-single h6 {
    font-family: "Gotham-Medium", /*'futura-pt',*/ sans-serif;
}

#main.single .single-content .inner-single h1 {
    font-size: 45px;
    line-height: 45px;
    text-transform: uppercase;
}

#main.single .single-content .inner-single h2 {
    font-size: 22px;
    line-height: 22px;
}

#main.single .single-content .inner-single h3 {
    font-size: 20px;
    line-height: 22px;
}

#main.single .single-content .inner-single h4 {
    font-size: 18px;
    line-height: 22px;
}

#main.single .single-content .inner-single h5 {
    font-size: 17px;
    line-height: 22px;
}

#main.single .single-content .inner-single h6 {
    font-size: 16px;
    line-height: 22px;
}

#main.single .single-content .inner-single a {
    font-size: inherit;
    text-decoration: underline;
}

#main.single .single-content .inner-single em {
    color: #fff;
}

#main.single .single-content .inner-single {
    margin-bottom: 50px;
}


#main.actus .single-content .inner-single .thumb-inner-single {
    align-items: flex-end;
    display: flex;
    height: 520px;
    justify-content: flex-end;
    padding: 30px;
    position: relative;
}

#main.actus .single-content .inner-single .thumb-inner-single .bg_thumb-inner-single {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top:0;
    width:100%;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
}

#main.actus .single-content .inner-single .thumb-inner-single:hover .bg_thumb-inner-single {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1));
}

#main.actus .single-content .inner-single .thumb-inner-single .inner-thumb-inner-single {
    position: relative;
    z-index: 1;
    width: 100%;
}

#main.actus .single-content .inner-single .thumb-inner-single .post_category {
/*    align-items: flex-end;
    display: flex;*/
}

#main.actus .single-content .inner-single .thumb-inner-single .post_category a,
#main.single .single-content .inner-single .thumb-inner-single .post_category a {
    color: #FFF;
    font-family: "Arame-Bold";
    font-size: 18px;
    line-height: 23px;
    margin: 0 15px 0 0;
    text-decoration: none;
}

#main.single .single-content .inner-single .meta-inner-single {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0;
}

#main.single .single-content .inner-single .meta-inner-single .meta-inner-single-left {
    align-items: center;
    display: flex;
}

#main.single .single-content .inner-single .meta-inner-single .meta-inner-single-left .label-fiche {
    margin-right: 25px;
}

#main.single .single-content .inner-single .meta-inner-single .meta-inner-single-left .author {
    align-items: center;
    display: flex;
}


#main.single .single-content .inner-single .meta-inner-single .meta-inner-single-left .author img {
    border-radius: 50%;
}

#main.single .comment-box {
    margin: 0 auto 75px;
}

#main.single .comment-box textarea#msg-contact {
    background-color: #000;
    color: #FFF;
    padding: 15px;
    width: 100%;
}

#main.single .comment-box input[type="submit"] {
    background: transparent;
    border: none;
    color: rgba(255, 255,255, 0.6);
    float: right;
    font-family: 'Arame';
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
}

#main.single p.sidebar-single-title {
    color: #ffffff;
    font-family: "Arame-Bold";
    font-size: 80px;
    line-height: 60px;
    margin: 0;
    margin-bottom: 35px;
    padding-top: 100px;
    white-space: normal;
}

#main.single #single-right {
    margin-top: 133px;
}

#main.single #single-right .accroche-single-right {
    margin-bottom: 35px;
}

#main.single #single-right .accroche-single-right h2,
#main.single #single-right .accroche-single-right p {
    color: rgba(255, 255,255, 0.6);
}

#main.single #single-right .article-single-sidebar {
    margin: 25px 0;
}

#main.single #single-right .article-single-sidebar h5 {
    color: #FFF;
    margin: 15px 0;
}

#main.single #single-right .article-single-sidebar img {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
}

#main.single #single-right .article-single-sidebar img:hover {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1));
}
#main.single .abo-single .caldera-grid .form-group {
    margin: 0
}

#main.single .abo-single {
    background-color: #1b1b1b;
    border-radius: 3px;
    margin: 35px 0;
    padding: 25px;
}
#main.contact .abo-single {
    padding-top:5px;
}

#main.single .abo-single h4 {
    color: #FFF;
    margin: 0;
}

#main.single .abo-single .caldera-grid {
    margin: 0 auto;
    width: 90%;
}
#main.contact .abo-single .caldera-grid {
    width: 100%;
}

#main.single .abo-single .caldera-grid .btn-default {
    background-color: #ca0712;
    border: none;
    color: #fff;
    height: auto;
    padding: 12px;
    width: 100%;
}

#main.single .abo-single .caldera-grid .form-control {
    background-color: #141414;
    border: none;
    color: #FFF;
    height: auto;
    padding: 12px;
}

#main.single .abo-single .caldera-grid .col-sm-4,
#main.single .abo-single .caldera-grid .col-sm-8 {
    padding: 0 !important;
}

#main.single .abo-single .caldera-grid ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #FFF;
}

#main.single .abo-single .caldera-grid ::-moz-placeholder { /* Firefox 19+ */
    color: #FFF;
}

#main.single .abo-single .caldera-grid :-ms-input-placeholder { /* IE 10+ */
    color: #FFF;
}

#main.single .abo-single .caldera-grid :-moz-placeholder { /* Firefox 18- */
    color: #FFF;
}

#main.single .single-content .abo-single h4 {
    font-size: 35px;
    line-height: 35px;
}

#main.single .single-content .share-single {
    margin: 50px auto;
}

#main.single .single-content .share-single ul {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

#main.single .single-content .share-single ul li {
    padding: 0 15px;
}

#main.single .single-content .share-single ul li i {
    font-size: 30px;
}

#main.single .related-single {
    margin-bottom: 50px;
}

#main.single .related-single .row {
    align-items: top;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#main.single .related-single .next-article {
    display: block;
    text-align: right;
}

#main.single .related-single .inner-related {
    align-items: flex-end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 175px;
    margin-top: 15px;
    padding: 15px;
    width: 100%;
}

#main.single .related-single .inner-related a {
    cursor: pointer;
    display: block;
}

#main.single .related-single .inner-related h5 {
    color: #fff;
    margin: 0;
}

#main.actus .single-content .inner-single a {
    text-decoration: none;
}

#main.actus .single-content .inner-single .thumb-inner-single .post_category p {
    color: #FFF;
    font-family: "Arame-Bold";
    font-size: 18px;
    line-height: 23px;
    margin: 0 7px 0 0;
    text-decoration: none;
    text-align: right !important;
    display: inline
}

#main.actus .pagination-blog .pagination {
    width: 100%;
}

#main.actus .pagination-blog .nav-links {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

#main.actus .pagination-blog .page-numbers {
    color: rgba(255, 255,255, 0.6);
    display: block;
    font-family: 'Arame-Bold';
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 8px;
    margin: 0 15px;
    text-align: center;
    text-transform: uppercase;
}

#main.actus .pagination-blog .page-numbers.current {
    border: 2px solid #f10c0c;
    border-radius: 3px;
    color: #f10c0c !important;
    padding: 0 8px;
    text-shadow: 0px 0px 20px #f10c0c;
    width: 30px;
}

#main.actus .pagination-blog a.prev.page-numbers {
    text-align: left;
    width: 40%;
}

#main.actus .pagination-blog a.next.page-numbers {
    text-align: right;
    width: 40%;
}

#main.actus .label-fiche-blog {
    font-size: 10px;
    letter-spacing: 2px;
}

#main.actus.single .single-content {
    margin: 0 0 35px 0;
}

#main.actus.single .single-content .inner-single .thumb-inner-single {
    height: 250px;
    position: relative;
}

#main.actus.single .single-content .inner-single h1 {
    font-size: 28px;
    line-height: 30px;
    font-family: 'Arame';
    text-align: center;
    letter-spacing: 1px
}

#main.actus.single .single-content .inner-single {
    margin-bottom: 0;
}

#liste_client_accueil img {
    opacity: 0.3;
    vertical-align: middle
}
#liste_client_accueil img:hover {
    opacity: 1
}
#liste_logo_client_accueil ul {
    padding: 0;
    margin: 0;
}
#liste_logo_client_accueil li {
    width: 114px;
    height: 113px;
    margin: 20px 5%;
    display: inline-block;
}

#liste_logo_client_accueil img {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    vertical-align: middle
}
#liste_logo_client_accueil img:hover {
    opacity: 1
}

.single-projet #main .wrapper:first-child .row {
    display: block;
}
.single-projet #main .wrapper:first-child .row .col-7 {
    float: left;
}
.single-projet #main .wrapper:first-child .row .col-5 {
    float: right;
}

.flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {
    left: 0px;
}
.flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next {
    right: 0px;
}
.fullScreen .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {
    left: 0px;
}
.fullScreen .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next {
    right: 0px;
}
.flex-direction-nav a {
    opacity: 1;
}

.flex-direction-nav a::before {
    line-height: 24px;
    color: #fff;
}

@media (min-width: 1967px) {
    #liste_logo_client_accueil li {
        margin: 20px 6%;
    }
}

@media (max-width: 1310px) {
    #liste_logo_client_accueil li {
        margin: 10px 4%;
    }
}
@media (max-width: 1091px) {
    #liste_logo_client_accueil li {
        margin: 10px 3%;
    }
}
/*@media (max-width: 959px) {
    body:not(.home) #main.home, body:not(.home) #main.archive-cpt {
        background-size: cover, 100%, 100%;
    }
@media (min-width: 960px) {
    body:not(.home) #main.home, body:not(.home) #main.archive-cpt {
        background-size: cover, 100%, 100%;
    }
}*/