/*!
Theme Name: charvin
Theme URI: http://underscores.me/
Author: Ekypia
Author URI: https://www.ekypia.fr
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: charvin
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

charvin is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* EKYPIA */

body {
    font-family: titling-gothic-fb, sans-serif;
    color: #808080;
    padding-top: 115px;
}

body a {
    text-decoration: none !important;
}
/*
#qui-sommes-nous{
    overflow: hidden;
}
*/
.site-header {
    background: #80807F;
    padding: 15px 30px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 115px;
    z-index: 99999;
}


#bloc_btns .panel-grid-cell:first-child .btn_esp{
    transform: rotate(180deg);
}
#bloc_btns .panel-grid-cell:first-child .btn_esp span{
    transform: rotate(180deg);
    display: block;
}


#container-parc{
    background: #0f70b9;
}

#tableau_pm tbody{
    background:#fff;
}

.main-navigation {
    margin-top: 20px;
}

.menu-item .fa {
    color:#fff !important;
}


#bloc_pam_droite .texte_intro h3{
    font-size: 20px;

}
#voir_loin{
    padding-top: 50px;
}
#voir_loin.text{
    padding-bottom: 120px;
}

.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0>.ubermenu-submenu-drop {
    background-color: transparent;
    border: none !important;
    box-shadow: none;
}

.ubermenu-sub-indicator {
    display: none !important;
}

.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
    margin-top: 15px;
}

.ubermenu-target:focus {
    outline: none !important;
}

#ubermenu-nav-main-3-menu-2 .ubermenu-item .ubermenu-target-text {
    font-weight: 300;
    letter-spacing: 0.5px;
}

.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
    margin-top: 3px !important;
    margin-left: 10px;
}



#ubermenu-nav-main-3-menu-2 .ubermenu-current-menu-item .ubermenu-target-text {
    font-weight: 600;
}

#menu-realisations .ubermenu-item .ubermenu-target-text {
    font-weight: 300;
}

#site-navigation-3 {
    width: 100%;
    /* padding-bottom: 25px; */
    background-color: #2E70B6;
}

#menu-realisations {
    text-align: center !important;
}

#menu-realisations .ubermenu-current-menu-item .ubermenu-target-text {
    font-weight: 600;
}

#menu-realisations ul {
    text-align: center;
}

.menu-realisations-container {
    width: 100%;
}

#menu-realisations li {
    display: inline-block;
}

.titre_categorie {
    text-align: center;
    margin-bottom: 80px;
    margin-top: 50px;


    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 70px;
    color: #2e70b6;
}

#site-navigation-3 .ubermenu-item {
    position: relative;
}

#site-navigation-3 .ubermenu-current-menu-item .ubermenu-target-text {
    font-weight: bold;
}

#site-navigation-3 .ubermenu-current-menu-item:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    border-bottom: 2px solid #434343;
}

body .main-navigation .ubermenu-nav {
    text-align: right !important;
}

body .main-navigation .ubermenu a.ubermenu-target {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #fff !important;
    padding: 10px 15px !important;
    position: relative;
}

.main-navigation #menu-item-32 {
    border: 2px solid #fff;
    border-radius: 50px;
    padding-left: 30px;
    background-image: url(./img/icons/contact-icon.svg);
    background-repeat: no-repeat;
    background-position: 10% center;
}

.main-navigation #menu-item-32 a {
    font-size: 12px;
}

.main-navigation .ubermenu-current-menu-item a.ubermenu-target:after,
.main-navigation .ubermenu-item:hover a.ubermenu-target:after {
    position: absolute;
    content: "";
    left: 10px;
    right: 10px;
    bottom: -5px;
    border-bottom: 2px solid#fff;
}

.main-navigation .ubermenu-submenu .ubermenu-item:hover a.ubermenu-target:after, .main-navigation .ubermenu-submenu .ubermenu-item a.ubermenu-target:after  {
    display:none !important;
}

.main-navigation .ubermenu-submenu .ubermenu-item {
    background-color: rgba(255, 255, 255, 0.322);
}


body .main-navigation .ubermenu-item:hover .ubermenu-submenu a.ubermenu-target:after,
.main-navigation #menu-item-32 a:after {
    display: none !important;
}

.navigation-2-wrapper {
    background-color: #2E70B6;
    position: relative;

}

.navigation-3-wrapper {
    background-color: #fff;
    position: relative;

}

#menu-item-57 {
    position: absolute;
    left: 20px;
    padding-right: 30px;
    border-right: 2px solid #fff;
    font-weight: bold;
}


.navigation-2-wrapper .ubermenu,
.navigation-3-wrapper .ubermenu {
    text-align: center;
}

#site-navigation-2 {
    width: 100%;
}

#site-navigation-2 .ubermenu .ubermenu-target {
    padding: 15px 20px;
}
.navigation-2-wrapper .ubermenu-target-text,
.navigation-3-wrapper .ubermenu-target-text {
    color: #fff !important;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    /* font-weight: 700 !important; */
    font-size: 19px;
    text-transform: uppercase;
    padding: 15px 0;
}

.navigation-3-wrapper .ubermenu-target-text,
.navigation-3-wrapper .ubermenu-target-text {
    color: #fff !important;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    /* font-weight: 700 !important; */
    font-size: 19px;
    text-transform: uppercase;
    padding: 15px 0;
}




#slider_accueil {
    width: calc(100% - 128px);
    background-color: #2E70B6;
    position: relative;
}
@media(min-width:992px) {
    #slider_accueil {
        border-left: 157px solid #80807F;
    }
    
}
#slider_accueil_wrapper {
    position: relative;
}

#slider_accueil .img_slider {
    width: 120% !important;
}

#slider_accueil .col_slider {
    transform: translateX(-140px);
}

#slider_accueil .btn_slider {
    letter-spacing: 3px !important;
    padding-right: 100px !important;
    position: relative !important;
}

#slider_accueil div#n2-ss-2 .n2-ss-button-container a {
    position: relative !important;
}



#slider_accueil .btn_slider a:before {
    content: "" !important;
    display: block !important;
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 100px !important;
    background-position: 95% center !important;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    right: -15px !important;
    height: 30px !important;
    width: 70px !important;

}

#slider_accueil .n2-ss-section-main-content {
    padding: 0 !important;
}

#slider_accueil_wrapper .univers_metal,
#slider_metier_wrapper .univers_metal {
    width: 128px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #B8B8B8;
    height: calc(100% - 190px);
    color: #ffffff;
    writing-mode: vertical-lr;
    text-orientation: sideways;
    line-height: 128px;
    transform: rotate(180deg);
    z-index: 10;
    font-family: titling-gothic-fb-extended, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    padding-top: 120px;
    text-transform: uppercase;
}



#slider_accueil_wrapper .univers_metal:before,
#slider_metier_wrapper .univers_metal:before {
    content: "";
    width: 2px;
    height: 80px;
    background-color: #ffffff;
    position: absolute;
    top: 20px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

#slider_metier_wrapper .univers_metal {
    background-color: #2E70B6;
}

#slider_metier_wrapper {
    padding-right: 128px;
    padding-left: 128px;
}

#slider_metier_wrapper .slide_metier {
    background-image: url(./img/bg/overlay.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom center;
}

#slider_metiers #n2-ss-4 .n2-ss-control-bullet {
    bottom: 45px !important;
}


#pgc-6-1-1 {
    width: calc(100% - 128px)!important;
    flex: calc(100% - 128px) !important;
}

#pgc-6-1-0 {
    position: absolute;
    bottom: -10px;
    left: 45px;
}

#section_video {
    background-image: linear-gradient(to bottom, #d1d1d1 50%, #999999 50%);
    color: #fff;
    position: relative;
}

#section_video .titre_accueil h2,
#section_video .titre_accueil h1 {

    font-family: titling-gothic-fb-wide, sans-serif;
    font-size: 45px;
    font-weight: bold;
}

#section_video iframe {
    width: 100%;
    min-height: 700px;
    margin-bottom: -6px;
}

#section_video p {
    margin-bottom: 0;
}

#texte_video {
    width: 480px;
    font-size: 16px;
    font-weight: 300;
    z-index: 30;
}
.home #texte_video {
    width: 300px;
}
#texte_video * {
    font-weight: 300;
    font-family: titling-gothic-fb, sans-serif;
}

#section_video #col_droite {
    transform: translateX(-220px) translateY(160px);
    position: relative;
}

#section_video #col_droite:after {
    content: "";
    background-image: url(./img/bg/bg_video.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    display: block;
    right: -220px;
    z-index: -10;
}

#section_video:after {
    z-index: 5;
    content: "";
    width: 5%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: #ffffff;
    background-image: url(./img/bg/icone_charvin.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}
.liste_tirets {
    margin-left: 0;
    padding-left: 0;
}
.liste_tirets li {
    position: relative;
    list-style:none;
    padding-left: 20px;
}

.liste_tirets li:before {
    content:'-';
    position: absolute;
    left: 0;
    top: 0;
}

#qui-sommes-nous {
    background-color: #999999;
    position: relative;
    /* padding-bottom: 300px; */
    margin-bottom: 190px;
}

#qui-sommes-nous:before {
    content: "";
    position: absolute;
    left: 30px;
    top: 0;
    width: 50%;
    height: 410px;
    background-image: url(./img/bg/fond_points.png);
    background-repeat: no-repeat;
}

/*#qui-sommes-nous:after {
    content: "";
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 72%;
    height: 280px;
    background-image: url(./img/bg/fond_points.png);
    background-repeat: no-repeat;
}*/

#qsm-bleu {

    position: relative;
    z-index: 999;
    background-color: rgba(46, 112, 182, 0.83);
    color: #ffffff;
    /* transform: translateY(300px) translateX(0px); */
    transform: translateY(340px) translateX(0px);
    padding: 60px;
    padding-right: 0;
    padding-bottom:0;
    font-size: 16px;
    font-family: titling-gothic-fb, sans-serif;
    font-style: normal;
    font-weight: 200;
}

.home #qsm-bleu {
    padding-right: 0;
}



#qsm-bleu .titre_section {
    font-size: 14px;
    font-family: titling-gothic-fb-wide, sans-serif;
}

#qsm-bleu .titre_section h2 {
    font-size: 45px;
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
}

#qsm-bleu .texte * {
    font-size: 16px;
    font-family: titling-gothic-fb, sans-serif;
    font-style: normal;
    font-weight: 200;
    color: #CCCCCC;
}

#qsm-bleu .texte strong {
    font-weight: 700;
}

#qsm-bleu .sous_titre {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-size: 25px;
    font-weight: bold;
}




#qsm-bleu .btn_esp {
    position: relative;
    letter-spacing: 3px !important;
    background: #B3B3B3;
    text-shadow: none;
    border: none;
    padding-right: 100px;
    border-radius: 0;
    white-space: nowrap;
}

#qsm-bleu .btn_esp:before {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: -15px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-4px);
    content: "" !important;
}

#qsm-bleu .btn_esp span {
    text-shadow: none;
    font-size: 13px;
    font-family: titling-gothic-fb-compressed, sans-serif;
    font-style: normal;
    font-weight: 400;
}

#image_qsm_accueil img {
    /* transform: translateY(130px); */
    margin: 0 auto;
    position: relative;
    margin-bottom: -195px;
    margin-right: 0;
    margin-top: -30px;
    width: auto;
    max-height: 770px;
}

#image_qsm_bis img {
    /* transform: translateX(120px) translateY(-160px); */
}

#image_qsm_bis {
    /* margin-bottom: -160px !important; */
    position: relative;
}

#pgc-6-2-1 {
    position: relative;
}

#pgc-6-2-1:after {
    content: "";
    position: absolute;
    left: -180px;
    top: 0px;
    width: 145px;
    height: 300px;
    background-color: #999999;

}
@media(max-width:1417px) {
    .home #qsm-bleu {
        transform: translateY(470px);
    }
}

@media(max-width:1416px) {
    #pgc-6-2-1:after {
        display: none;
    }
}




.texte_normes {
    font-weight: 300;
    max-width: 595px;
    transform: translateX(120px);
    padding: 0 30px !important;
}

.img_normes {
    max-width: 595px;
    /* transform: translateX(120px); */
    margin-bottom: 220px;
    margin-top: 80px;
}

.img_normes img {
    display: inline-block;
    margin: 0 10px;
    max-width:350px;
}

.img_normes br {
    display: none;
}

.img_normes {
    /* text-align: center; */

}

.texte_normes * {
    color: #fff;
    font-size: 16px;
}

.container_custom {
    width: 95%;
    margin: 0 auto;
}

#section_realisation {
    max-width: 80%;
    margin: 0 auto;
    position: relative;

    /* margin-top: 140px; */
    /* margin-top: 200px; */
}

.panel-row-style-for-6-4:after {
    content: "";
    width: 30%;
    height: 350px;
    background-image: url(./img/bg/fond_points_2.png);
    position: absolute;
    left: -15%;
    top: 230px;
    display: block;
}


#section_realisation #sp-wp-carousel-free-id-167.sp-wpcp-167 .slick-prev {
    display: none !important;
}

#section_realisation .slick-current~.slick-slide .wpcp-single-item img {
    opacity: 0.8;
    /* transform:scale(0.8); */
    width: 260px;
    height: 320px;
    margin-right: 0;
}

#section_realisation .slick-current~.slick-slide~.slick-slide .wpcp-single-item img {
    /* transform:scale(0.5); */
    width: 135px;
    height: 210px;
    margin: 0 auto;
}

#section_realisation .slick-slide * {
    /* padding-right: 50px; */
    transition-duration: .3s;
}


#section_realisation .wpcp-carousel-section .wpcp-single-item img {
    object-fit: cover;
    width: 340px;
    max-width:293px !important;
    height: 380px;
}


#sp-wp-carousel-free-id-167.sp-wpcp-167 .slick-next {
    right: unset;
    /* left: 35%; */
    left: 338px;
}

#sp-wp-carousel-free-id-167.sp-wpcp-167 .slick-next i:before {
    display: none;
}

#sp-wp-carousel-free-id-167.sp-wpcp-167 .slick-next i {
    background-image: url(./img/icons/fleche_slider.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 30px;

}

#section_realisation .titre_section {
    font-family: titling-gothic-fb-compressed, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    color: #A1A1A1;
    letter-spacing: 3px;
}

#section_realisation .titre_section h2 {
    color: #2E70B6;
    font-size: 45px;
    font-weight: bold;
    font-family: titling-gothic-fb-wide, sans-serif;
}

#section_realisation .btn_esp {
    background: #0071BC !important;
    color: #fff !important;
    border-radius: 0px !important;
    border: none !important;
    letter-spacing: 3px !important;
    font-size: 13px !important;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    padding-right: 100px;
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-size: 70px !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;

}

#btn_contact_bas {
    margin-top: 50px;
    margin-bottom: 50px;
}

#btn_contact_bas .btn_esp {
    background: #0071BC !important;
    color: #fff !important;
    border-radius: 0px !important;
    border: none !important;
    letter-spacing: 3px !important;
    font-size: 13px !important;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    padding-right: 100px;
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
}

#section_realisation #sp-wp-carousel-free-id-167.sp-wpcp-167 .wpcp-single-item {
    border: none !important;
}

.wpcp-slide-image img {
    height: auto;
}

#section_realisation #titre_realisation h3 {
    color: #808080;
    font-family: titling-gothic-fb-wide, sans-serif;
    font-size: 25px;
    font-weight: bold;
}

.texte_realisation {
    max-width: 80%;
}

.texte_realisation * {
    color: #808080 !important;
    font-size: 16px !important;
    font-weight: 200;
}

.texte_realisation b,
.texte_realisation strong {
    font-weight: bold;
    line-height: 2px;
}

.texte_realisation p {
    line-height: 2;
}

body div#n2-ss-2 .n2-ss-control-bullet {
    left: calc(50% - 17%) !important;
    bottom: 30px !important;
}

#slider_realisations {
    margin-left: -55px;
    margin-right: -55px;
}

#parc_machines {
    background-color: #999999;
    padding: 0 10%;
    margin-top: 250px;
    padding-bottom: 250px;
}

.page_sa_pm {
    padding-bottom: 0;
}

#parc_machine_gauche {
    transform: translateY(-150px);
    background-size: 100%;
    color: #ffffff;
    background-repeat: no-repeat !important;
    padding-left: 15%;
    padding-top: 30px;
    position: relative;
    background-size: cover;
}

#pm_titre_1 {
    margin-bottom: -5px;
}

#pm_titre_1 * {
    font-size: 25px;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    color: #A1A1A1;
    margin-bottom: 0;
}

#pm_titre_2 * {
    font-size: 70px;
    font-weight: bold;
    font-family: titling-gothic-fb-wide, sans-serif;
    line-height: 1;
}

#pm_texte * {
    font-size: 25px;
    font-family: titling-gothic-fb-wide, sans-serif;
}

#pm_texte {
    margin-bottom: 220px;
}

/* #parc_machine_gauche .btn_esp {
    padding: 15px 20px !important;
    padding-right: 100px !important;
    background:#0071BC !important;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    font-size: 13px !important;
    border-radius:0 !important;
    border: none !important;
} */

#parc_machine_gauche .btn_esp {
    position: relative;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    letter-spacing: 3px;
    font-size: 13px !important;
    padding: 15px 20px !important;
    padding-right: 100px !important;
    background: #0071BC !important;
    text-shadow: none;
    border: none;
    padding-right: 100px;
    border-radius: 0;
}

#parc_machine_gauche .btn_esp:before {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: -15px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-4px);
    content: "" !important;
}

#parc_machine_droite {
    transform: translateY(-150px);
    font-size: 16px;
}

#plan_accueil {
    margin-left: -30px;
    margin-top: -15px;
}

#texte_pm {
    margin-left: -48px;
    padding: 0 30px;
    max-width: 720px;
}

#iso_pm {
    /* margin-left: -240px; */
    position: absolute;
    left: -120px;
    bottom: -295px;
}

#secteur_activite.contenu .titre_section h2 {
    margin-top: 30px;
}

#secteur_activite.contenu {
    margin-top: 30px;
    padding-bottom: 30px;
}

#secteur_activite {
    background-image: url(./img/bg/secteur_activite.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding-bottom: 250px;
    position: relative;
}

#secteur_activite:after {
    content: "";
    position: absolute;
    right: 0;
    width: 70%;
    height: 410px;
    background-image: url(./img/bg/fond_points.png);
    background-repeat: no-repeat;
}

#secteur_activite * {
    color: #ffffff;
}

#secteur_activite .titre_section h2 {
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    font-family: titling-gothic-fb-wide, sans-serif;
    margin-top: -45px;
}

#secteur_activite .titre_section h1 {
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    font-family: titling-gothic-fb-wide, sans-serif;
}

#secteur_activite .sous-titre * {
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #212121;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    margin-bottom: 0;
}

#secteur_activite .btn_esp,
#section_video .btn_esp {
    background: #0071BC !important;
    color: #fff !important;
    border-radius: 0px !important;
    border: none !important;
    letter-spacing: 3px !important;
    padding: 15px 20px !important;
    font-size: 13px !important;
    position: relative;
    z-index: 30;
    padding-right: 80px !important;
    text-transform: uppercase;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
}

#secteur_activite .btn_esp:before,
#section_video .btn_esp:before {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: -15px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-4px);
    content: "" !important;
}

#secteur_activite .secteur {
    padding: 40px;
    display: flex;
    position: relative;
    padding-left: 150px;
    transition-duration: .3s;
    z-index: 90;
}

#secteur_activite .secteur:hover {
    transition-duration: .3s;
}

#secteur_activite .secteur * {
    margin-bottom: 0;
    font-family: titling-gothic-fb, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #0071bc;
}

#secteur_activite .secteur:hover p {
    color: #ffffff;
}

#secteur_activite .secteur:hover {
    background-color: rgba(179, 179, 179, 0.73);
    filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.4));
}

#secteur_activite .picto_secteur {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
}

#secteur_activite .secteur:hover .picto_secteur img {
    filter: saturate(0) brightness(100) !important;
}

#secteur_activite .secteur .lien-secteur a {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

}


.secteurs {
    margin-left: -30px;
    margin-right: -30px;
}

#texte_secteur_1 {
    background-color: #3081b9b5;
    padding: 30px 0;
}

#texte_secteur_1 p {
    color: #000000;
    text-align: center;
    margin-bottom: 0;
    /* font-size: 16px; */
    font-size: 18px;
    /* font-weight: 200; */
    font-weight: 600;
    max-width:unset !important;
}

#texte_secteur_2 p {
    font-size: 16px;
    font-weight: 200;
}

#texte_secteur_1 p,
#texte_secteur_2 p {
    max-width: 900px;
}

#actualites {
    margin-top: 30px;
    position: relative;
}

#actualites h2 {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-size: 70px;
    font-weight: bold;
    color: #0071bc;
}


#actualites .btn_esp {
    margin-top: 30px;
    position: relative;
    text-transform: uppercase;
    background: #0071BC;
    text-shadow: none;
    border: none;
    padding-right: 100px;
    border-radius: 0;
    letter-spacing: 1.3px;
    font-size: 13px !important;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    padding-top: 18px;
    padding-bottom: 18px;
}

#actualites .btn_esp:before {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-6px);
    content: "" !important;
}


.container_actu {
    max-width: 1440px;
    margin-top: 50px;
    padding-bottom: 50px;
}

.container_actu .wpnaw-news-image-bg {
    height: 400px !important;
    /* margin-bottom: -200px !important; */
    z-index: -10;
}

.container_actu .wpnaw-news-date {
    font-family: titling-gothic-fb-compressed, sans-serif;
    font-size: 13px;
    color: #434343;
}


@media(min-width:992px) {
    .container_actu .wpnaw-left-block .wpnaw-news-date {
        /* margin-top: 40px !important; */
        /* margin-bottom: 50px !important; */
        margin-top: 20px;
        margin-bottom: 0;
        color: #ffffff;
        /* padding-left: 15px; */
    }
    .bg_gris {
        padding-left: 15px;
        padding-right: 15px;
        padding: 15px;
        background-color: rgba(102, 102, 102, 0.6);
        margin-top: -212px;
    }
    .bg_gris * {
        color: #ffffff !important;
        /* padding-left: 15px; */
    }
    #panel-6-8-0-0 > div > div > div > div.wpnews-medium-6.wpnews-columns.wpnaw-left-block > div.bg_gris > h2 > a{
        color: #ffffff !important;
    }
}

.container_actu .wpnaw-news-title a,
.container_actu .wpnaw-news-title {
    color: #2e70b6 !important;
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 30px;
}

.container_actu .wpnaw-news-short-content {
    font-family: titling-gothic-fb, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #434343;
}

.container_actu .wpnaw-news-right-block {
    margin-bottom: 35px !important;
    border-bottom: 1px solid #686869 !important;
}


.site-footer {
    background-color: #1A1A19;
}

.site-footer .container {
    max-width: 1440px;
}

#footer-1 .texte-footer {
    width: 300px;

}

@media(min-width:1200px) {
    #panel-w5ea6a64c634ea-0-0-0 > div > div > p:nth-child(3) {
    margin-top: 35px;
}
}


#footer-1 .texte-footer * {
    font-family: titling-gothic-fb, sans-serif;
    font-weight: 200;
    font-size: 12px;
    line-height: 20px;
    color: #a1a1a1;
}

#footer-1 img {
    margin-top: 20px;
    max-width: 300px;
}


#footer-1 .menu-footer {
    margin-top: 90px;
    font-family: titling-gothic-fb, sans-serif;
    font-size: 13px;
    line-height: 15.6px;
    text-align: left;
    color: #A1A1A1
}

#footer-1 .menu-footer a {
    color: #A1A1A1
}

#footer-1 .menu-footer a strong {
    color: #fff !important;
}

#footer-1 #os,
.footer-mobile #os {
    color: #ffffff;
    font-weight: 500;
    font-family: titling-gothic-fb-wide, sans-serif;
}

#panel-6-6-0-1 {
    position: relative;
    z-index: 999;
}

/* #panel-6-2-0-5 {
    margin-top: -110px;
} */
#iso_footer {
    margin-top: -30px;
    height: 50px;
}

#iso_footer img {
    max-height: 140px;
    width: auto;
    display: inline-block;
}

.site-footer .h3 {
    font-family: titling-gothic-fb-compressed, sans-serif;
    font-weight: normal;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #0071bc;
    letter-spacing: 0.15em;
}

#footer-2 a {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    display: block;
}

#footer-2 .h3 a {
    font-family: titling-gothic-fb-compressed, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #0071bc;
    letter-spacing: 0.15em;
}

#footer-2 br {
    display: none;
}

#footer-3 {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 17px;
    color: #a1a1a1;
}

#footer-3 strong {
    color: #fff !important;
}


#footer-3 #social_footer img,
#footer-3 #certif_footer img {
    display: inline-block;
    margin-right: 10px;
}

#footer-3 #social_footer img {
    /* margin-left: -35px; */
    max-width:180px;
    height: auto;
}

#footer-3 #certif_footer img {
    margin-right: 15px;
}

#footer-3 #social_footer br,
#footer-3 #certif_footer br {
    display: none;
}


#footer-3 a {
    color: #a1a1a1;
}

#titres_footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#titres_footer h3 {
    margin-bottom: 35px;
}

#footer-2 {
    border-left: 1px solid #686869;
    border-right: 1px solid #686869;
}


#footer-1,
#footer-2,
#footer-3 {
    padding: 50px;
}

#footer-3 #certif_footer {
    position: relative;
}

#footer-3 #certif_footer:before {
    content: "";
    position: absolute;
    top: -20px;
    left: -50px;
    border-top: 1px solid #686869;
    width: 110%;
}

#footer-3 #certif_footer:after {
    content: "";
    position: absolute;
    border-top: 1px solid #686869;
    width: 110%;
    bottom: -20px;
    left: -50px;
}

.container_page {
    width: 90%;
    margin: 0 auto;
    max-width: 1624px;
}

.titre_page {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}

.titre_page h1 {

    font-weight: bold;
    font-size: 50px;
    text-align: center;
    color: #2e70b6;
    font-family: titling-gothic-fb-wide, sans-serif;
}


#page_actu .wpnaw-news-grid-content {
    text-align: left;
}

#page_actu .wpnaw-news-grid-content .wpnaw-news-title {
    border: none;
}

#page_actu .wpnaw-news-date {
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    font-size: 13px;
    color: #434343;
}

#page_actu .wpnaw-news-title a {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    text-align: left;
    color: #2e70b6 !important;
}

#page_actu .wpnaw-news-short-content {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #434343;
}

#page_actu .readmorebtn {
    color: #fff !important;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 3px !important;
    background: #2e70b6;
    text-shadow: none;
    border: none;
    padding: 15px 20px;
    padding-right: 100px;
    border-radius: 0;
    font-size: 13px;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
}

#page_actu .readmorebtn:before {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: 5px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-4px);
    content: "" !important;
}

#page_actu .wpnaw-news-grid {
    padding: 0 30px;
}

#page_actu .wpnaw-news-grid-content {
    padding-bottom: 50px;
    border-bottom: 1px dotted #989898;
}

.bandeau_actu {
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.bandeau_actu .date_header {
    text-transform: uppercase;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    font-weight: 300;
    font-size: 25px;
    letter-spacing: 0.2em;
    line-height: 34px;
    text-align: center;
    color: #fff;
    margin-top: 40px;
}

.bandeau_actu .titre_actus {
    font-size: 70px;
    color: #fff;
    font-family: titling-gothic-fb-wide, sans-serif;
    padding-top: 80px;
}

.contenu_actu {
    background-color: #ffffff;
    padding: 50px;
    transform: translateY(-100px);
}

.titre_actu_single {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #2e70b6;
    margin-bottom: 50px;
}

.entete_actu {
    text-align: center;
}

.date_actu {
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    font-weight: normal;
    font-size: 13px;
    color: #434343;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 30px;
    display: block;

}

.texte_actu,
.texte_actu p {
    font-family: titling-gothic-fb, sans-serif;
    font-weight: 200;
    font-size: 18px;
    line-height: 28px;
    color: #434343;
}

.single-news {
    background: #2E70B6
}

.single-news article {
    position: relative;
}

.single-news article:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30%;
    max-height: 300px;
    background-color: #fff;
    content: "";
    z-index: -1;
}

.bg_white {
    background-color: #ffffff;
}

.btn_all_news {
    position: relative;
    letter-spacing: 3px !important;
    background: #2E70B6;
    text-shadow: none;
    border: none;
    padding: 15px 20px;
    padding-right: 100px;
    border-radius: 0;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    color: #ffffff !important;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 50px;
}

.btn_all_news:before {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-4px);
    content: "" !important;
}

.container_pagination {
    padding: 0 50px;
}

.container_pagination .wpnaw-news-grid-main.design-1 .wpnaw-news-grid-content {
    width: 85%;
}

body .container_pagination .wpnaw-news-title a {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 16px !important;
    line-height: 35px;
    text-align: left !important;
    color: #2e70b6 !important;
}

.container_pagination .wpnaw-news-title {
    text-align: left;
    padding: 0 !important;
}

.entete_page {
    text-align: center;
    padding: 50px 0;
}

.entete_page .pre-titre {
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    ;
    font-size: 18px;
    letter-spacing: 0.2em;
    line-height: 0px;
    color: #989898;
    text-transform: uppercase;
}

.entete_page .titre h1 {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 50px;
    color: #2e70b6;
}

.slider_pam {
    background: linear-gradient(#0071bc 0%, #006eb7 24.09%, #0068aa 49.91%, #015d95 76.44%, #03517c 100%);
}

#bloc_pam_droite {
    /*transform: translateY(-100px);*/
    background: #f0f0f0;
    box-shadow: -2px -4px 20px rgba(0, 0, 0, 0.1);
    padding: 80px;
}

#bloc_pam_droite #titre_bloc_pam * {
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
    color: #2e70b6;
}

#bloc_pam_droite .texte_intro * {
    font-weight: 500;
    color: #989898;
}

#bloc_pam_droite .texte * {
    font-weight: 200;
    color: #434343;
}

#bloc_pam_droite .texte strong,
#bloc_pam_droite .texte bold {
    font-weight: 500;
}


.container_metier {
    padding-left: 146px;
    padding-right: 146px;
    margin-top: 30px;
}

.container_metier .image_produit .so-widget-sow-image {
    position: relative;
}

.container_metier .image_produit.so-widget-sow-image:after {
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    content: "";
    background-image: url(./img/bg/overlay.png);
}

.image_produit .widget-title {
    margin-top: 15px;
    padding-left: 25px;
    font-weight: 300;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    font-size: 25px;
    letter-spacing: 0.2em;
    line-height: 34px;
    text-align: left;
    color: #434343;
}

body .btn_machines_wrapper {
    /* padding: 100px 0; */
    padding: 0px 0 100px 0;
    margin-bottom: 50px;
}

body .btn_machines_wrapper .img_btn {
    transform: translateY(60px) translateX(-180px);
    position: relative;
}

body .btn_machines_wrapper .img_btn:after {
    content: "";
    background-color: #434343;
    width: 255px;
    height: 230px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
}

body .btn_machines_wrapper .btn_esp {
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    position: relative;
    letter-spacing: 3px !important;
    background: #B3B3B3 !important;
    text-shadow: none;
    border: none;
    padding: 20px 100px 20px 30px;
    padding-right: 150px;
    border-radius: 0;
    text-transform: uppercase !important;
}

body .btn_machines_wrapper .btn_esp:after {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-4px);
    content: "" !important;
}

body #n2-ss-4-arrow-previous {
    display: none !important;
}

#titre_formulaire h2 {
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
    letter-spacing: 0.2em;
    line-height: 34px;
    text-align: left;
    color: #212121;
    background-image: url(./img/icons/mail.svg);
    background-repeat: no-repeat;
    background-position: center right;
    display: inline-block;
    padding-right: 50px;
}

#bloc_formulaire {
    padding: 25px 50px 15px 50px;
    background-color: #ffffff;
    position: relative;
    z-index: 30;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

#bloc_formulaire .wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    /* height: 160px; */
    height: 90px;
}

#bloc_formulaire .wpforms-field-label {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #d3d3d3;
}

#bloc_formulaire .wpforms-field-large,
#bloc_formulaire .wpforms-field-medium,
#bloc_formulaire .wpforms-field-name-first {
    border: none;
    border-bottom: 1px solid #707070;
    border-radius: 0;
    /* padding-left: 0; */
}

body #bloc_formulaire .wpforms-field-large::placeholder,
body #bloc_formulaire .wpforms-field-large::-moz-placeholder {
    color: #434343 !important;
    opacity: 1 !important;
    font-weight: 300;
}

#bloc_formulaire .wpforms-field-large:not(#wpforms-406-field_4) {
    padding-left: 0;
}

#bloc_formulaire #wpforms-406-field_2 {
    resize: none;
    border: none;
}

#bloc_formulaire .wpforms-submit {
    position: relative;
    letter-spacing: 3px !important;
    background: #B3B3B3 !important;
    color: #fff;
    text-shadow: none !important;
    border: none !important;
    padding: 15px 20px !important;
    padding-right: 150px !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    margin-left: calc(50% + 30px);
    font-size: 13px !important;
}

#bloc_formulaire .wpforms-submit:after {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-4px);
    content: "" !important;
}

#bloc_bleu_contact {
    background-color: #2E70B6;
    color: #fff;
    padding: 15px 15px 0 90px;
    transform: translateY(30px);
    position: relative;
    z-index: 20;
}

#bloc_bleu_contact h2 {
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    font-weight: 200;
    font-size: 25px;
    letter-spacing: 0.2em;
    line-height: 34px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}

#bloc_bleu_contact p {
    font-size: 16px;
    font-weight: 200;
}

#bloc_bleu_contact a {
    color: #ffffff;
    text-decoration: none;
}

#bloc_bleu_contact #img_contact {
    /* position: absolute;
    bottom: calc(-100% - 13px);
    z-index: -200;
    right: 50px;
    width: 690px; */

    position: absolute;
    bottom: 0px;
    transform: translateY(100%);
    z-index: -200;
    right: 0;
    width: 100%;
}



#map_contact {
    margin-top: -200px;
    position: relative;
    /* z-index: -50; */
}

.devis,
.devis #wpforms-433-field_4 {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #434343;
}

.devis .wpforms-container-full .wpforms-form textarea {
    padding: 6px 0 !important;
    resize: none;
}

.devis #wpforms-433-field_5 li {
    margin-bottom: 25px !important;
}

.devis #wpforms-433-field_4 {
    border: none;
}

body .devis .btn_esp {
    z-index: 90;
    position: relative;
    letter-spacing: 3px !important;
    background: #2e70b6;
    text-shadow: none;
    border: none;
    padding: 15px 20px !important;
    padding-right: 100px !important;
    border-radius: 0;
    text-shadow: none;
    font-size: 13px;
    font-family: titling-gothic-fb-compressed, sans-serif;
    font-style: normal;
    color: #fff !important;
}

body .devis .btn_esp:before {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-4px);
    content: "" !important;
}

body #bloc_formulaire.devis .wpforms-submit {
    margin-left: 0 !important;
    padding: 10px 20px !important;
    padding-right: 100px !important;
}

body .devis #wpforms-433-field_6-container {
    margin-left: 50% !important;
    width: 50% !important;
}

body .devis div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    transform: translateY(-132px);
}

.devis {
    padding-bottom: 0 !important;
    position: relative;
    margin-bottom: 70px;
}

.devis .div.wpforms-container-full {
    margin-bottom: 0 !important;
}

#fond_devis {
    position: relative;
    background-color: #434343;
    height: 500px;
    margin-top: -350px;
}

#fond_devis:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0;
    width: 400px;
    height: 220px;
    transform: translateY(-100%);
    background-image: url(./img/bg/fond_points_bleu.png);
    background-repeat: no-repeat;
    background-position: center;
}

#section_qsm {
    position: relative;
    background-color: #B8B8B8;
    /* padding-bottom: 100px; */
    padding-bottom: 40px;
}

#section_qsm #bloc_qsm {
    background-color: #2E70B6;
    color: #fff;
    position: relative;
    z-index: 10;
    padding-left: 200px;
    /*transform: translateY(-125px);*/
    padding-bottom: 50px;
    min-height: 780px;
}

#section_qsm #bloc_qsm:after {
    content: "";
    position: absolute;
    left: 180px;
    width: 120%;
    height: 400px;
    top: -100px;
    background-image: url(./img/bg/fond_points.png);
    background-repeat: no-repeat;
    background-position: center;
}

#section_qsm #bloc_qsm .titre h1 , #section_qsm #bloc_qsm .titre h2 {
    padding-top: 80px;
    font-weight: bold;
    font-size: 45px;
    color: #ffffff;
    font-family: titling-gothic-fb-wide, sans-serif;
}


#section_qsm #bloc_qsm .sous-titre {
    margin-top: 50px;
}

#section_qsm #bloc_qsm .sous-titre h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 35px;
    text-align: left;
    color: #fff;
}


#section_qsm #bloc_qsm .texte {
    max-width: 480px;
}

#section_qsm #bloc_qsm .texte * {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #fff;
}

#section_qsm #image_qsm {
    transform: translateX(-128px);
    position: relative;
    z-index: 10;
}

#section_qsm .bloc_page_entreprise#image_qsm {
    transform: translateX(-30px);
    width: calc(100% + 30px);
}

#section_qsm .univers_metal {
    width: 128px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #B8B8B8;
    height: 100%;
    color: #ffffff;
    writing-mode: vertical-lr;
    text-orientation: sideways;
    line-height: 128px;
    transform: rotate(180deg);
    z-index: 9999999;
    font-family: titling-gothic-fb-extended, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    padding-top: 120px;
    text-transform: uppercase;
}

#section_qsm .univers_metal:before {
    content: "";
    width: 2px;
    height: 80px;
    background-color: #ffffff;
    position: absolute;
    top: 20px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

#section_qsm #annee {
    text-align: center;
    background-color: #B8B8B8;
    position: absolute;
    left: 0;
    padding-top: 10px;
    right: 0;
    height: 350px;
    bottom: -240px;
}

#section_qsm #annee span {
    font-weight: 300;
    font-size: 58px;
    line-height: 38px;
    color: #2e70b6;
    font-family: titling-gothic-fb-wide, sans-serif;
    margin-top: 40px;
}

#section_qsm #annee .chiffres {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: 300;
    font-size: 79px;
    line-height: 25px;
    color: #434343;
}

.bg_grey {
    background-color: #B8B8B8;
}

#section_creation {
    padding-bottom: 180px;
}

#section_creation #img_creation {
    position: relative;
    z-index: 10;
    transform: translateY(0px);
}

#section_creation #creation_droite {
    padding-right: 270px;
    text-align: right;
    position: relative;
    z-index: 20;
}

#section_creation #creation_droite .so-panel {
    z-index: 10;
    position: relative;
}

#section_creation #creation_droite:after {
    content: "";
    position: absolute;
    right: 0;
    top: 120px;
    width: 140%;
    height: 775px;
    background-color: rgba(25, 25, 25, 0.5);
    /* opacity: 0.5; */
    /* mix-blend-mode: multiply; */
    /* background-blend-mode: multiply; */
    z-index: 1;
}

#section_creation #creation_droite:before {
    content: "";
    position: absolute;
    right: 30px;
    top: 290px;
    height: 400px;
    width: 170%;
    background-image: url(./img/bg/fond_points.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
}

#section_creation #creation_droite #date_2 {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: 300;
    font-size: 79px;
    line-height: 90px;
    color: #434343;
}

#section_creation #texte_creation {
    max-width: 400px;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 50px;
}

#section_creation #texte_creation * {
    max-width: 280px;
    font-weight: 200;
    font-size: 24px;
    line-height: 30px;
    text-align: right;
    color: #fff;
    margin-right: 0;
    margin-left: auto;
}

#ligne_annee * {
    font-family: titling-gothic-fb-compressed, sans-serif;
    font-size: 40px;
    letter-spacing: 0.2em;
    line-height: 40px;
    text-align: right;
    color: #fff;
}

#texte_annee {
    width: 360px;
    margin-right: 0;
    margin-left: auto;
}

#panel-12-2-1-3 #texte_annee {
    margin-bottom: 30px;
}

#texte_annee * {
    font-weight: 200;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #ffffff;
}

#ca_lettres,
#ca_chiffres {
    text-align: center;
    margin-left: -40%;
}

#ca_lettres {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: 200;
    font-size: 79px;
    line-height: 60px;
    color: #2e70b6;
}

#ca_chiffres {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: 200;
    font-size: 32px;
    line-height: 60px;
    color: #2e70b6;
}

#titre_ce {
    text-align: center;
    margin-top: 235px;
}

#titre_ce h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 35px;
    color: #fff;
}

#texte_croissance {
    max-width: 420px;
    margin: auto;
}

#texte_croissance * {
    font-weight: 200;
    font-size: 16px;
    line-height: 35px;
    color: #ffffff;
}

.tl_gauche {
    max-width: 370px;
    margin: 0 auto;
    transform: translateX(50%);
    display: table;
}

.tl_gauche span.tl_annee {
    font-family: titling-gothic-fb-compressed, sans-serif !important;

    font-size: 40px;
    letter-spacing: 0.2em;
    /* line-height: 70px;
    height: 40px; */
    color: #2e70b6;
    display: table-cell;
    padding-right: 30px;
    vertical-align: top;
    height: 60px;
    letter-spacing: 0.2em;
}

.tl_gauche span {
    display: table-cell;
    font-weight: 300;
    vertical-align: top;
    line-height: 1.2;
    height: 60px;
    height: 60px;
    color: #fff;
}

#section_demenagement {
    padding-top: 60px;
    position: relative;
}

#section_demenagement #img_entrepot {
    transform: translateY(-160px);
    margin-bottom: -160px;
}

.tl_droite span.tl_annee {
    font-family: titling-gothic-fb-compressed, sans-serif !important;

    font-size: 40px;
    letter-spacing: 0.2em;
    /* line-height: 70px;
    height: 40px; */
    color: #989898;
    display: table-cell;
    padding-right: 30px;
    vertical-align: top;
    height: 60px;
}

.tl_droite span {
    display: table-cell;
    font-weight: 300;
    vertical-align: top;
    line-height: 1.2;
    height: 60px;
}

.tl_droite {
    max-width: 400px;
    margin-left: 30px;
    display: table;
}

#bloc_citation {
    margin-right: 5%;
    margin-left: auto;
    width: 70%;
    padding: 50px;
    background-color: #F8F8F8;
    height: 620px;
    display: flex;
    align-items: center;
    margin-top: -30px;
    padding-left: 235px;
    margin-bottom: 75px;
    padding-right: 120px;
    position: relative;
}

#titre_bc h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 35px;
    text-align: left;
    color: #434343;
}

#fonction_bc h3 {
    font-size: 30px;
    line-height: 35px;
    text-align: left;
    color: #434343;
}

#texte_bc {
    position: relative;
}

#texte_bc * {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #434343;
}
#bloc_citation #texte_bc{
    position: relative;
}
#bloc_citation #texte_bc:before {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    left: -60px;
    top: -36px;
    background-image: url(./img/icons/left_quote.svg);
    background-repeat: no-repeat;
    background-position: center;
}

#bloc_citation #texte_bc:after {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    right: -20px;
    bottom: -60px;
    background-image: url(./img/icons/right_quote.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.home .titre_page {
    margin: 0;
}

#tableau_pm {
    width: 80%;
    margin: 0 auto;
}

#tableau_pm table td {
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    font-weight: 300;
    text-align: center !important;
    font-size: 20px;
    letter-spacing: 0.2em;
    line-height: 37px;
    text-align: left;
    color: #434343;
}

#tableau_pm .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(46, 112, 182, 0.1);
}

#tableau_pm .table td,
#tableau_pm .table th {
    border: none;
}
#tableau_pm .table a {
    color: #434343 !important;
}
#tableau_pm td, #tableau_pm th {
    padding: 5px .75rem !important;
}
#tableau_pm table th {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    color: #434343;
    vertical-align: middle;
}

#tableau_pm table tr>td:nth-child(3) {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    position: relative;
}

#bloc_gauche_pam {
    position: relative;
}

#img_dots {
    padding-right: 110px;
}

.contenu-realisation {
    background-size: cover;
    background-repeat: no-repeat;
}

.contenu-realisation * {
    color: #ffffff;
}

.contenu-realisation .texte-realisation {
    text-align: right;
    max-width: 380px;
    margin-right: 0;
    margin-left: auto;
}

.contenu-realisation .texte-realisation p {
    font-weight: 200;
    font-size: 16px;
}

.contenu-realisation .titre-realisation h2 {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 45px;
    display: inline-block;
}

.contenu-realisation .titre-realisation {
    background-image: url(./img/icons/fleche_rea.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 80px;
    padding-right: 90px;
}

.contenu-realisation .titre-realisation img {
    display: inline-block;
    transform: translateY(-50%);
    margin-left: 10px;
    margin-top: -10px;

}

.container-realisation {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 100px;
}

.container-rea-bis {
    padding-top: 100px;
}

.container-rea-bis .va {
    text-align: center;
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 45px;
    color: #434343;
    margin-bottom: 80px;
}

.rea_col {
    margin-bottom: 50px;
}

.rea_thumbnail {
    max-width: 100%;
    width: auto;
    height: 330px;
    overflow: hidden;
    margin-bottom: 50px;
}

.rea_thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.rea_col h3,
.rea_col h2 {
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 26px;
    line-height: 26px;
    text-align: left;
    color: #2e70b6;
    margin-bottom: 35px;
}

.rea_col h3 a,
.rea_col h2 a {
    color: #2e70b6;
}

.titre_rea {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 70px;
    font-weight: bold;
    font-family: titling-gothic-fb-wide, sans-serif;
}

.rea_col .rea_texte {
    font-weight: 200;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    color: #434343;
}

.rea_col .btn_esp {
    margin-top: 30px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    letter-spacing: 3px !important;
    background: #2E70B6;
    text-shadow: none;
    border: none;
    padding: 15px 20px;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    padding-right: 100px;
    border-radius: 0;
    color: #fff;
}

.rea_col .btn_esp:before {
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 30px !important;
    width: 70px !important;
    transform: translateY(-4px);
    content: "" !important;
}

.rea_gauche {
    display: flex;
    align-items: flex-end;
}

.page-id-642 .titre_page h1 {
    font-size: 36px;
}

#usine {
    margin-top: -120px;
}

#texte_slogan {
    margin-top: 0;
    position: relative;
    transform: translateY(-50px);
    max-width: 940px;
}

#texte_slogan a {
    color: #fff;
}

#texte_slogan .texte {
    font-weight: 200;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
    padding-left: 30px;

}

.page-id-661 #section_qsm {
    padding-bottom: 0;
    margin-bottom: -292px;
}

#bloc_btns {
    margin-bottom: 30px;
    margin-top: -30px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #b8b8b8;
}

#bloc_contact, #btn_contact_bas {
    position: relative;
    z-index: 10;
    padding-top: 30px;
    background-color: #b8b8b8;
    text-align: center;
    color: #fff;
}

#btn_contact_bas {
    padding-bottom: 30px;
}

#bloc_contact:after, #btn_contact_bas:after {
    content: "";
    width: 100%;
    height: 125px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-image: url(./img/bg/fond_points.png);
    z-index: -1;
}

#bloc_btns .btn_esp,
#bloc_contact .btn_esp {
    background: #0071BC !important;
    position: relative;
    color: #fff !important;
    z-index: 30;
    border-radius: 0px !important;
    border: none !important;
    letter-spacing: 3px !important;
    font-size: 13px !important;
    font-family: titling-gothic-fb-compressed, sans-serif !important;
    padding-right: 100px;
    background-image: url(./img/icons/fleche_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
}

#section_industrie {
    max-width: 900px;
    margin: 0 auto;
    transform: translateX(-150px);
    background-color: #2e70b6;
    color: #fff !important;
    padding: 30px;
    padding-bottom: 150px;
    margin-bottom: -170px;
}

#section_industrie p {
    font-weight: 300 !important;
    line-height: 1.8;
}

#section_industrie b,
#section_industrie strong {
    font-weight: 600 !important;
}

#voir_loin .titre_section h2 {
    color: #434343;
}

.logiciel img {
    max-height: 80px;
    width: auto;
    max-width: 100%;
}

.pm_blue {
    background-color: #2e70b6;
    color: #fff;
    padding: 50px;
}

#titre_zone_blanche h2{
    color: #333;
}

#texte_zone_blanche {
    color: #333;
}

.no_transform {
    transform:none !important;
}

#image_qsm_bis {
    margin-left: -30px;
    margin-top: -30px;
}

#image_qsm_bis img {
    width: 50%;
    max-width:350px;

}

#qsm_compo_1 {
    max-width: 250px;
    transform: translateX(50px);
    margin-top:-280px;
    /* display:none; */
}

#qsm_compo_2 {
    max-width: 404px;
    margin-top: -116px;
    z-index: 999;
    margin-left: -30px;
    position: relative;
}

#qsm_compo_3 {
    max-width: 250px;
    transform: translateX(520px) translateY(180px);
    margin-top: -250px;
    /* display:none; */
}

#pgc-6-2-1 {
    margin-bottom: -136px;
}

#citation_accueil:before {
    position: absolute;
    top: -40px;
    left: -45px;
    width: 70px;
    height: 70px;
    background-image: url(./img/icons/quote_open.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
}
#citation_accueil:after {
    position: absolute;
    bottom: 20px;
    right: -5px;
    width: 70px;
    height: 70px;
    background-image: url(./img/icons/quote_close.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
}

#citation_accueil {
    position: relative;
    transform: translateX(130px);
    display: inline-block;
    margin-top: -120px;
}
#citation_accueil * {
    color:#fff;
    /* font-weight: bold; */
    font-style:italic;
}

#citation_accueil .author {
    font-style: normal;
    font-weight:300;
    font-size:15px;
}

#img_region img {
    max-width:80%;
}

#usine {
    margin-top: 0px;
    width: calc(100% + 330px);
    transform: translateX(-215px);

    position: relative;
    z-index: 999;
}

#texte_rea {
   /* width: 530px;*/
    /* transform: translateX(245px) translateY(-135px); */
}
.logo img{
    max-height: 90px !important;
}

.info-btn .ow-button-base a{
    background: #000;
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 10px 45px;
    margin-top: 20px;
    font-size: 15px;
}
.info-btn .ow-button-base a:hover{
    background: #000 !important;
}
#image_qsm_last img{
    margin-left: -30px;
    margin-top: -30px;
    max-width: 500px;
}
#img_contact .sow-image-container{
    position:relative;

}
#img_contact .sow-image-container:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(46, 112, 182, 0.4);

}
#bloc_citation{
    margin-top: 330px;
}

#plan-parc{
    background: #0f70b9;
    text-align: center;
}
#plan-parc h2{
    font-family: titling-gothic-fb-wide, sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #ffffff;
    margin-top: 30px;
}

#plan-parc .slider_pam{
    max-width: 1500px;
    margin: 0 auto;
}


#new-page p ,  #new-page a{
    color:#434343 ;
}
#new-page .col-right p ,  #new-page .col-right a{
    font-size: 11px;
}
#new-page .col-left p ,  #new-page .col-left a{
    font-size: 11px;
}

nav .ubermenu-nav{
    display: flex;
    align-items: center;
    justify-content: flex-end;

}
#masthead .col-menu{
    padding: 0;
}
#section_qsm{
    overflow: hidden;
}

.ubermenu-target#batidev{
    border-left: 2px solid #fff;
    margin-right: 15px;
}



/* responsive */

@media (max-width: 767px){
    #new-page .col-right , #new-page .col-left , #new-page .sow-image-container{
        text-align: center;
        justify-content: center;
    }
}


@media (max-width: 1200px){
    #image_qsm_last img {
        margin-bottom: 0 !important;
        margin-left: 0;
    }
}

@media (max-width: 820px){
    #image_qsm_last img {
        max-width: 100%;
    }
}


@media (min-width:991px){
    .info-btn .ow-button-base{
        text-align: right;
    }
}

@media (max-width:1650px){
    .info-btn .ow-button-base{
      padding-right: 30px;
    }
}



@media (max-width : 697px){
    #footer-3 .panel-layout{
        display: flex;
        justify-content: center;
    }

    #footer-1 .sow-image-container{
        display: flex;
        justify-content: center;
    }
    footer#colophon * {
        text-align: center;
    }


}
@media (max-width : 767px){
    #bloc_bleu_contact #img_contact{
        position: relative;
        transform: none;
    }
    #image_qsm_bis img{
        width: 100%;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        max-width: 100%;
    }
    #image_qsm_last , #image_qsm_bis , #usine , #image_qsm_accueil{
        display: none;
    }

}
@media (max-width: 1160px){
    #section_industrie {
        max-width: 900px;
        margin: 0 auto;
        transform: translateX(-130px);
    }
    #bloc_citation {
        margin-left: auto;
        margin: 0 auto;
        width: 95%;
    }
}

@media (max-width: 1075px){
    #section_industrie {
        max-width: 900px;
        margin: 0 auto;
        transform: translateX(-88px);
    }
}


@media(max-width:1740px) {
    body .main-navigation .ubermenu a.ubermenu-target {
        font-size: 14px;
        padding: 10px 13px !important;
    }
}

@media(max-width:1620px) {
    #parc_machine_gauche {
        padding-left: 8%;
    }
}
#section_video #col_droite {
    /* transform: translateX(-220px) translateY(90px); */
    transform: translateX(20px) translateY(290px);
    z-index: 20;
}

#col-video {
   /* transform: translateX(-128px);*/
    z-index: 10;
    max-width: 95%;
    position: relative;
}
@media(min-width:1611px) {
    #section_video #col_droite {
        transform: translateX(160px) translateY(300px);
    }
    #menu-item-57 {
        left: 120px;
    }
    #ubermenu-nav-main-3-menu-2 {
        max-width:1800px;
    }
}


@media(max-width:1610px) {


    #section_video .titre_accueil h2,
    #section_video .titre_accueil h1 {
        font-size: 40px;
    }
}

@media(max-width:1580px) {
    #section_realisation #titre_realisation h3 {
        font-size: 22px;
    }

    .texte_realisation {
        max-width: 95%;
    }

    #section_realisation #titre_realisation h3 br {
        display: none;
    }

    .container-realisation {
        width: 80%;
    }
}

@media(max-width:1560px) {
    body .main-navigation .ubermenu a.ubermenu-target {
        font-size: 13px;
    }
}

@media(max-width:1530px) {
    #qsm-bleu .titre_section h2 {
        font-size: 35px;
    }

    #qsm-bleu .sous_titre {
        font-size: 20px;
    }

    #qsm-bleu .sous_titre br {
        display: none;
    }

    #bloc_citation {
        padding-right: 70px;
    }

    #bloc_citation:before {
        left: 60px;
    }

    #bloc_citation {
        padding-left: 145px;
    }

    /* 
    #qsm-bleu .texte br {
        display: none;
    } */
}

@media(max-width:1480px) {
    body .main-navigation .ubermenu a.ubermenu-target {
        padding: 10px 10px !important;
    }

    #section_qsm #bloc_qsm {
        padding-left: 70px;
    }

    #section_creation #creation_droite:after {
        height: 670px;
        /* height: 755px; */
    }
}

@media(max-width:1440px) {
    #sp-wp-carousel-free-id-167.sp-wpcp-167 .slick-next {
        left: 323px;
    }
    #sp-wp-carousel-free-id-167.sp-wpcp-167 .slick-next i {
        width: 45px;
        height: 25px;
    }
}

@media(max-width:1430px) {

    #section_video .titre_accueil h2,
    #section_video .titre_accueil h1 {
        font-size: 32px;
    }

    #texte_video {
        /* width: unset; */
        width: 100%;
    }



}
@media(max-width:1475px) {
    body .main-navigation .ubermenu a.ubermenu-target {
        font-size: 12px;
    }
    .site-header {
        padding: 15px 0;
    }
    #masthead .col-menu{
        padding: 0 15px ;
    }

}
@media (max-width: 1050px){

    #masthead .col-menu{
        padding: 0 10px ;
    }
}



@media(max-width:1416px) {
    #plan_accueil {
        margin-top: -40px;
    }

    #pm_titre_1 * {
        font-size: 20px;
    }

    #pm_titre_2 * {
        font-size: 50px;
    }

    #qsm-bleu {
        transform: translateY(500px) translateX(0px);
    }

    #parc_machines {
        margin-top: 300px;
    }
}

@media(max-width:1390px) {
    #section_realisation #titre_realisation h3 br {
        display: none;
    }
}

@media(max-width:1375px) {
    body .main-navigation .ubermenu a.ubermenu-target {
        font-size: 12px;
    }

    .container-realisation {
        width: 95%;
    }
}

@media (max-width: 1300px){

    body .main-navigation .ubermenu a.ubermenu-target {
        font-size: 11px;
    }
}

@media(max-width:1330px) {
    .navigation-2-wrapper .ubermenu-target-text {
        font-size: 16px;
    }

    .home .col-menu,
    .page-id-38 .col-menu,
    .page-id-40 .col-menu,
    .page-id-44 .col-menu,
    .page-id-46 .col-menu,
    .page-id-42 .col-menu,
    .page-id-36 .col-menu,
    .page-id-12 .col-menu,
    .page-id-34 .col-menu {
        padding-right: 15px;
    }
}
@media(max-width:1322px) {
    .img_normes img {
        max-width:55px;
        height:auto;
    }
}
@media(min-width:1300px) {

    /* .home .col-menu,
    .page-id-38 .col-menu,
    .page-id-40 .col-menu,
    .page-id-46 .col-menu,
    .page-id-44 .col-menu,
    .page-id-42 .col-menu,
    .page-id-36 .col-menu,
    .page-id-34 .col-menu,
    .page-id-12 .col-menu {
        padding-right: 125px;
    } */
    .col-menu {
        padding-right: 15px;
    }
}

@media(max-width:1300px) {
    #slider_accueil {
        width: 100%;
        padding-right: 100px !important;
    }

    /*#section_video:after {
        width: 100px;
    }*/

    #slider_accueil_wrapper .univers_metal,
    #slider_metier_wrapper .univers_metal,
    #section_qsm .univers_metal {
        width: 100px;
        line-height: 100px;
    }

    #section_qsm #image_qsm {
        transform: translateX(-100px);
    }

    #slider_metier_wrapper {
        padding-left: 100px;
        padding-right: 100px;
    }

    .container_metier {
        padding-left: 100px;
        padding-right: 100px;
    }

    body .btn_machines_wrapper {
        padding: 50px 0;
        margin-bottom: 80px;
    }

    .site-header .col-9 {
        max-width: 78% !important;
        flex: 0 0 78% !important;
    }

    #qsm-bleu {
        padding: 30px;
    }

    #qsm-bleu .sous_titre br {
        display: none;
    }

    .texte_accueil br {
        display: none;
    }

    #qsm-bleu {
        transform: translateY(200px) translateX(150px);
    }
    .home #qsm-bleu {
        transform:translateY(500px) translateX(0px);
    }

    .site-header {
        padding: 15px 0;
    }

    #section_qsm {
        padding-bottom: 160px;
    }

    #section_creation #creation_droite {
        padding-right: 100px;
    }

  /*  #col-video {
        transform: translateX(-100px);
    }
    */

}

@media(max-width:1280px) {
    #parc_machines {
        margin-top: 200px;
    }

    #iso_pm {
        position: absolute;
        left: -102px;
        bottom: -135px;
    }

    .navigation-2-wrapper .ubermenu-target-text {
        font-size: 15px;
    }

    #bloc_bleu_contact {
        padding: 15px 15px 50px 50px;
    }

    #section_creation #texte_creation * {
        font-size: 21px;
    }

    #section_creation #creation_droite:after {
        height: 635px;
    }

    #bloc_citation {
        margin-top: 30px;
    }
}

@media(max-width:1250px) {
    #bloc_bleu_contact {
        padding: 15px 15px 50px 20px;
    }
}

@media(max-width:1220px) {
    body .main-navigation .ubermenu a.ubermenu-target {
        padding: 10px 6px !important;
    }
}

@media(max-width:1200px) {
    #qui-sommes-nous {
        margin-bottom: 350px;
    }
    .home #qsm-bleu {
        transform: translateY(330px);
    }

    #usine {
        transform:none;
        max-width:100%;
    }
    #image_qsm_bis {margin-left: 0;}
    #panel-6-2-0-5 {margin-top: 0;}
    #qsm_compo_2 {
        max-width: unset;
        right: unset;
        position: static;
        /* transform: translateY(-10px); */
        display:none;
    }

    .texte_realisation * {
        font-size: 14px;
    }

    #parc_machine_droite {
        font-size: 14px;
    }

    #qsm-bleu,
    #image_qsm_accueil img,
    .texte_normes,
    #image_qsm_bis img,
    .img_normes {
        transform: none;
        width: 100%;
    }

    body #image_qsm_bis {
        margin-bottom: 0 !important;
    }

    #pgc-6-2-0 {
        width: 37.95% !important;
    }

    #pgc-6-2-1 {
        width: 62.049% !important;
    }

    #panel-6-2-1-0 {
        margin-bottom: 0 !important;
    }



    #footer-1,
    #footer-2,
    #footer-3 {
        padding: 50px 30px;

    }

    #footer-3 #certif_footer:before,
    #footer-3 #certif_footer:after {
        left: -30px;
    }

    /* #section_realisation {
        max-width:100%;
    } */

    #slider_realisations {
        margin-left: 0;
        margin-right: 0;
    }

    #sp-wp-carousel-free-id-167.sp-wpcp-167 .slick-next {
        right: unset;
        left: 93%;
    }


    #section_qsm #bloc_qsm {
        padding-left: 70px;
    }

    #section_qsm #bloc_qsm .titre h1 {
        font-size: 35px;
    }

    #section_qsm #bloc_qsm .sous-titre h2 {
        font-size: 30px;
    }

    #section_qsm #bloc_qsm .texte * {
        font-size: 14px;
    }



    #bloc_pam_droite {
        padding: 80px 40px;
    }

    #bloc_pam_droite #titre_bloc_pam * {
        line-height: 1.3;
    }

    body #tableau_pm {
        width: 95%;
    }

    #qui-sommes-nous {
        margin-bottom: 230px;
    }
}

@media (max-width: 1600px){
    #tableau_pm table th {
        font-size: 15px;
    }

    #tableau_pm table td {
        font-size: 15px;
    }
}


@media (max-width: 1350px){
    #section_video #col_droite{
        transform: translateX(20px) translateY(50%);
    }

}
@media(max-width:1180px) {
    #texte_slogan {
        transform: none;
    }
}

@media(max-width:1170px) {
    #plieur {
        display:none;
    }
    body #ubermenu-nav-main-3-menu-2 .ubermenu-target {
        padding: 15px 10px !important;
    }

}

@media(max-width:1150px) {
    #section_video #col_droite {
        /* transform: translateX(-220px) translateY(20px); */
    }
}

@media(max-width:1140px) {
    /* #image_qsm_bis img {
        transform: translateX(120px) translateY(-160px);
        max-width: 70%;
    } */

    body .main-navigation .ubermenu a.ubermenu-target {
        font-size: 10px !important;
    }

    #section_demenagement #img_entrepot {
        max-width: 90%;
    }

    .tl_droite {
        margin-left: -30px;
    }

}

@media(max-width:1135px) {
    #bloc_bleu_contact p {
        font-size: 15px;
    }

    #section_creation #creation_droite:after {
        width: calc(100% + 30px);
    }

    .tl_gauche {
        transform: none;
    }

    #section_creation {
        padding-bottom: 130px;
    }

    #section_qsm #bloc_qsm {
        padding-left: 30px;
    }
}

@media(max-width:1067px) {
    #bloc_bleu_contact #img_contact {
        bottom: -90%;
    }
}


@media(max-width:1030px) {
    #bloc_bleu_contact p {
        font-size: 14px;
    }

    .rea_col h3,
    .rea_col h2 {
        font-size: 26px;
    }
}

@media(max-width:1024px) {

    #section_qsm #bloc_qsm{
        padding-right: 30px;
    }
    #panel-6-2-1-4{
        background: #999999;
    }
    #image_qsm_accueil img {

        margin-top: 0px;
    }
}
@media (max-width:768px){
    #bloc_citation{
        padding: 60px !important;
    }
    #texte_video {

        padding-top: 100px !important;
    }
}
@media  (max-width:1192px) and (min-width:991px) {

    #image_qsm_accueil{
        display: none;
    }
    #qui-sommes-nous {
        margin-bottom: 100px;
    }

}


@media(max-width:1024px) {
    #pgc-6-1-0 {
     position: initial;
        padding: 15px;
    }
    #qui-sommes-nous:before{
        display: none;
    }

    #col-video{
        max-width: 100%;
    }
    #site-navigation-3 {
        display: none;
    }
    .container_page {
        width: 100%;
    }
    .rea_thumbnail {
        height:200px;
    }

    .img_normes {
        margin-bottom: 30px !important;
    }

    .img_normes:after {
        display: none !important;
    }


    .page-id-661 #col-video {
        transform: none;
    }

    .page-id-661 #col_droite {
        padding-left: 30px !important;
    }

    #section_industrie {
        max-width: unset;
        transform: none;
    }

    .page-id-661 #section_qsm {
        margin-bottom: 0;
        background-color: #b8b8b8;
    }

    .page-id-661 #texte_slogan {
        transform: none;
    }

    #ancres_entreprise .so-panel {
        margin-bottom: 0 !important;
    }

    #ubermenu-main-3-menu-2-2 {
        display: none !important;
    }

    #slider_accueil_wrapper .univers_metal,
    #slider_metier_wrapper .univers_metal,
    #section_qsm .univers_metal {
        display: none;
    }

    #slider_metier_wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .container_metier {
        padding-left: 30px;
        padding-right: 30px;
    }

    #section_video:after {
        display: none;
    }

    #section_video #col_droite {
        transform: none;
        padding-bottom: 30px;
    }

    #section_video #col_droite:after {
        display: none;
    }

    #section_video .titre_accueil h2,
    #section_video .titre_accueil h1 {
        font-size: 25px;
        margin-top: 15px;
    }

    #texte_video {
        padding-right: 15px;
    }

    #pm_titre_2 * {
        font-size: 38px;
    }

    #pm_titre_1 * {
        font-size: 16px;
    }

    #pm_texte * {
        font-size: 18px;
    }

    #iso_pm {
        position: absolute;
        left: -72px;
        bottom: -115px;
    }

    #section_qsm #image_qsm {
        transform: none;
    }

    #section_qsm #bloc_qsm {
        margin-right: -30px;
    }

    #slider_accueil {
        padding-right: 0 !important;
    }

    .navigation-3-wrapper .ubermenu-target-text {
        font-size: 16px;
        text-align: center !important;
    }

    #site-navigation-3 li a.ubermenu-target {
        text-align: right;
        display: inline-block;
        margin: 0 auto;
        padding: 0 10px;
    }

    #site-navigation-3 .ubermenu-current-menu-item:after {
        display: none;
    }

    #site-navigation-3 li {
        width: 100%;
        text-align: center;
    }

  

    .navigation-realisations .ubermenu-skin-minimal.ubermenu-responsive-toggle {
        font-size: 22px !important;
    }

    .navigation-2-wrapper {
        display: none;
    }

}

@media(min-width:992px) {
    .footer-mobile {
        display: none !important;
    }
}

@media(max-width:991px) {

    #col_droite{
        text-align: center;
    }
    .home #texte_video {
        width: 100%;
    }
    #col_droite .ow-button-base{
        text-align: center;
    }

    .wpnaw-gridbox-main.design-2 .wpnaw-left-block {
        width: 100%;
    }
    #citation_accueil {
        transform:none;
        margin-top: 0;
        margin-left: 15px;
    }
    #pgc-6-1-0 {
        position: static;
        /* width:auto; */
        /* max-width:100%; */
    }
    #texte_video {
        width:100%;
    }

    .img_normes {
        margin-top: 0;
    }

    .img_normes img {
        max-width:100%;
        display:block;
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .home #qsm-bleu {
        transform:none;
    }
    .logo img {
        max-width:200px;
    }

    #tableau_pm table td {
        font-size: 14px !important;
    }
    #tableau_pm table th {
        font-size: 12px;
    }

    /*#image_qsm_bis {
        display: none;
    }*/

    .page-id-661 #section_video .panel-grid-cell {
        width: 100%;
    }

    #texte_slogan {
        background-color: #b8b8b8;
        max-width: unset;
        margin-bottom: -30px;
    }

    .page-id-661 #texte_slogan .texte {
        transform: translateY(-50px);
    }

    #col-video {
        transform: none;
    }

    #footer-2 {
        border: none;
    }

    #certif_footer {
        display: none;
    }

    .panel-row-style-for-6-4:after {
        display: none !important;
    }

    .wpcp-carousel-section.nav-vertical-center {
        padding: 0;
    }

    .hidden-mobile {
        display: none !important;
    }

    #pgc-6-4-1 {
        width: 100% !important;
    }

    #section_realisation {
        width: 100% !important;
        max-width: 100%;
        padding: 0 30px;
    }

    #secteur_activite .titre_section h1,
    #secteur_activite .titre_section h2,
    #section_realisation .titre_section h2,
    #actualites h2 {
        font-size: 50px;
    }


    /* #footer-1 .panel-grid .panel-grid-cell  {
        display:flex;
    }

    #footer-1 .panel-grid .so-panel {
        flex:0 0 50%;
    } */


    #iso_footer {
        margin:0;
        display:none;
        height:auto;
        width: 100%;
        /* text-align:center; */
    }

    #footer-3 #certif_footer:before,
    #footer-3 #certif_footer:after {
        left: -30px;
        right: -30px;
        width: auto;
    }

    .entete_page .titre h1 {
        font-size: 50px;
    }

    #texte_croissance {
        max-width: unset;
        padding: 0 15px;
    }

    .container_actu .wpnews-medium-4,
    .container_actu .wpnews-medium-5 {
        width: 100% !important;
    }

    .wpnaw-gridbox-main.design-2 .wpnaw-left-block .wpnaw-news-content {
        margin-bottom: 35px !important;
        border-bottom: 1px solid #686869 !important;
    }

    #qsm-bleu {
        padding: 15px 30px
    }

    #pgc-6-2-0 {
        width: 100% !important;
    }

    #section_video {
        display: block;
    }

    #pgc-6-1-0,
    #pgc-6-1-1 {
        width: 100% !important;
    }

    #section_video #col_droite {
        padding: 15px;
    }

    #section_video .titre_accueil h2 br,
    #section_video .titre_accueil h1 br,
    #section_realisation .titre_section h2 br {
        display: none;
    }


    #section_realisation {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    .texte_normes,
    .img_normes {
        max-width: 100%;
    }

    .texte_realisation {
        max-width: 100%;
    }

    .texte_realisation br {
        display: none;
    }

    #secteur_activite br {
        display: none;
    }

    #secteur_activite .titre_section h2,
    #secteur_activite .titre_section h1,
    #section_realisation .titre_section h2,
    #actualites h2 {
        font-size: 42px;
    }

    #secteur_activite .titre_section h2,
    #secteur_activite .titre_section h1 {
        margin-top: 0;
    }

    #actualites {
        margin-top: 0px;
    }

    #actualites .btn_esp {
        margin-top: 0;
    }

    #actualites .btn_esp:before {
        background-image: url(./img/icons/fleche_btn.svg) !important;
        position: absolute;
        right: 20px;
    }

    #actualites .ow-button-base.ow-button-align-left {
        text-align: center;
    }

    .wpnaw-gridbox-main.design-2.wpnaw-image-fit .wpnaw-news-image-bg {
        display: none;
    }

    .container_actu .wpnaw-left-block .wpnaw-news-date {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .wpnaw-gridbox-main h2.wpnaw-news-title a {
        font-size: 17px !important;
    }

    .container_actu {
        margin-top: 30px;
        padding-bottom: 0;
    }

    #section_realisation .titre_section {
        width: 100%;
    }

    #parc_machines {
        padding: 0;
    }

    #iso_pm {
        left: 10px;
    }

    #parc_machines {
        padding-bottom: 0;
    }

    #parc_machine_gauche {
        padding-left: 15px;
    }

    #pm_titre_2 br,
    #pm_texte br {
        display: none;
    }

    #texte_pm {
        max-width: 100%;
        padding: 0 15px;
    }


    #texte_video,
    #section_video .titre_accueil h2 {
        padding: 0;
    }

    #texte_pm {
        margin: 0 auto;
    }


    #plan_accueil img {
        width: 100%;
    }


    #footer-3 .panel-layout {
        display: flex;
        flex-wrap: wrap;
    }

    /* #footer-3 .panel-grid {
        flex: 1 1 50%;
        padding: 0px 0px;
        margin-bottom: 0;
        margin-top: -5px;
    } */

    #footer-3 .panel-grid:nth-child(3) {
        flex: 1 1 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    #footer-3 .panel-grid:nth-child(2) {
        /* border-left: 1px solid #686869; */
        /* padding: 0 30px; */
        margin-top: -10px;
    }

    #footer-2 .panel-grid:nth-child(2) {
        margin-top: -25px;
    }

    #titres_footer h3 {
        margin-bottom: 25px;
    }

    #social_footer {
        text-align: left;
    }

    #certif_footer:before,
    #certif_footer:after {
        display: none;
    }

    #footer-1,
    #footer-2,
    #footer-3 {
        padding: 15px 30px;
    }

    #footer-1 .menu-footer {
        display: none;
    }


    /* #footer-3 .panel-grid:nth-child(1), #footer-3 .panel-grid:nth-child(2) {
        width:50%;
        float: left;
        display: block;
    }

    #footer-3 .panel-grid:nth-child(3) {
        display: block;
        width: 100%;
        text-align: center;
    } */


    body .col_slider_droite {
        width: 40% !important;
    }

    #slider_accueil .col_slider {
        transform: translateX(-90px);
        width: 60% !important;
    }


    #slider_metiers .nextend-arrow-animated-fade {
        right: 240px !important;
    }


    .contenu-realisation .texte-realisation {
        text-align: left;
        margin: 0 auto;
        width: 100%;
        max-width: unset;
    }

    #footer-1,
    #footer-2,
    #footer-3 {
        padding: 0 10px !important;
    }

    #footer-2 .panel-grid {
        flex-direction: row !important;
    }

    #footer-2 .panel-grid-cell {
        width: 50% !important;
        float: left;
    }

    #footer-1 .texte-footer {
        width: auto;
    }

}

@media(max-width:840px) {
    #slider_accueil .img_slider {
        width: 100% !important;
    }

    #slider_accueil .col_slider {
        transform: none !important;
    }

    #section_qsm #bloc_qsm:after {
        display: none;
    }
}
@media(min-width:767px)and (max-width:768px) {
    .category article.col-sm-6 {
        width: 50% !important;
        flex: 0 0 50%;
        max-width: 50%;
    } 
}

@media(max-width:768px) {
    .img_normes img {
        display: inline-block;
    }

    #citation_accueil {
        transform: none;
        margin-top: 0;
        margin-left: 15px;
        margin: 0 auto;
        display: block;
        max-width: 300px;
    }

    #image_qsm_accueil {
        max-width:80%;
        margin: 0 auto;
    }

    #image_qsm_accueil img {
        margin-bottom: 0;
    }

    .texte_normes, .img_normes {
        text-align: center;
    } 
    .img_normes img {
        margin: 0 15px;
    } 
    #img_region {
        text-align: center !important;
        margin: 0;
    }
    #img_region img {
        max-width: 300px;
        margin: 0 auto;
    }

    #qui-sommes-nous {
        padding-bottom: 200px;
        margin-bottom: 50px;
    }

    div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
        max-width:100%;
    }
 
    #btn_contact_bas, #bloc_contact {
        max-width:unset;
        margin-bottom: 0 !important;
        margin-left: 0;
        margin-right: 0;
    }
.page-id-661 #section_industrie {
    padding-top: 0;
}
    div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
        width: 100%;
        margin-left: 0;
    }
    .container_page {
        width: 100%;
        padding: 0 15px;
    }
    .rea_thumbnail {
        height: 200px;
    }

    .bloc_histoire br {
        display:none;
    }

    #section_qsm #bloc_qsm.bloc_histoire .texte {
        max-width:unset;
    }

    #section_qsm #bloc_qsm.bloc_histoire .titre h1 {
        padding-top: 30px;
        margin-bottom: -30px;
    }
    #section_qsm #bloc_qsm.bloc_histoire .sous-titre {
        margin-bottom: -30px;
    }

    #section_qsm #bloc_qsm.bloc_histoire {
        min-height:unset;
    }

    #section_qsm .bloc_histoire #annee {
        height:auto;
        position:relative;
        margin-left: -30px;
        margin-right: -30px;
        width: auto;
        margin-bottom: -80px;
        padding-bottom: 30px;
    }

    #section_creation #img_creation.histoire {
        display: none;
    }

 #section_creation #creation_droite:before, #section_creation #creation_droite:after {
        display:none;
    }

    .titre_categorie {
        font-size: 50px;
    }

    .page-id-661 #section_qsm #bloc_qsm .texte {
        max-width: unset;
    }

/*     .page-id-661 #bloc_citation {
        margin-bottom: 35px;
        padding-left: 60px;
        padding-right: 60px;
    } */

    .page-id-661 #section_qsm #bloc_qsm .titre h1 {
        padding-top: 60px;
    }

    .page-id-661 .container {
        max-width: 100%;
        margin: 0 auto;
    }

    .page-id-661 #section_industrie {
        padding-left: 0;
        padding-right: 0;
    }

    .page-id-661 #bloc_citation {
      padding: 25px 15px;
      margin-bottom: 35px;
    }
    #bloc_btns {
        margin-bottom: 0;
    }
    .page-id-661 #texte_slogan .texte {
        transform: none;
        padding-top: 15px;
        padding-bottom: 15px;
        padding: 5px;
        font-size: 20px;
        text-align: center;
    }

    .page-id-661 #texte_slogan .texte p {
        margin-bottom: 0;
    }

    #ancres_entreprise {
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .page-id-661 #image_qsm {
        margin-top: -30px;
    }

    #section_qsm .bloc_page_entreprise#image_qsm {
        display: none;
    }

    .page-id-661 #image_qsm img {
        width: 100%;
    }

    .page-id-661 #section_qsm #bloc_qsm {
        min-height: unset;

    }

    #pm_texte {
        margin-bottom: 0;
    }

    #bloc_bleu_contact #img_contact {
        position: static;
        width: 100%;
    }

    #bloc_bleu_contact #img_contact img {
        width: 100%;
    }

    #footer-1,
    #footer-2,
    #footer-3 {
        padding: 0px 30px;
    }

    #iso_pm {
        display: none;
    }

    #qui-sommes-nous .panel-grid-cell {
        width: 100% !important;
    }

    #parc_machines {
        /* margin-top: 0;
        padding-top: 80px; */
        padding: 15px;
        /* padding-bottom: 100px; */
    }

    #parc_machine_gauche,
    #parc_machine_droite {
        transform: none;
    }

    #texte_pm {
        margin-left: 0;
    }

    #texte_video,
    #section_video .titre_accueil h2 {
        padding: 0 15px;
    }

    #secteur_activite .titre_section h2,
    #secteur_activite .titre_section h1,
    #section_realisation .titre_section h2,
    #actualites h2 {
        font-size: 48px;
    }

    #qui-sommes-nous:before {
        width: 100%;
        left: 0;
    }

    #secteur_activite .container {
        max-width: 100%;
        padding-left: 35px;
        padding-right: 35px;
    }


    #secteur_activite .secteurs {
        display: block !important;
    }

    #secteur_activite .secteurs .panel-grid-cell {
        width: 33.33333% !important;
        float: left;
    }

    #secteur_activite .secteur p {
        font-size: 13px;
    }

    .container_actu .wpnaw-gridbox-main.design-2 .wpnaw-left-block {
        width: 100% !important;
    }

    .container_actu .wpnaw-gridbox-main.design-2 .wpnaw-left-block .wpnaw-news-content {
        margin-bottom: 35px !important;
        border-bottom: 1px solid #686869 !important;
    }

    .container_actu .wpnews-medium-4,
    .container_actu .wpnews-medium-5 {
        width: 100% !important;
    }

    #bloc_formulaire .wpforms-submit {
        margin-left: 0;
    }

    body .devis #wpforms-433-field_6-container {
        margin-left: 0 !important;
        width: 100% !important;
    }

    /* body .devis #wpforms-433-field_6-container .btn_esp {
        white-space: nowrap;
    } */

    div.wpforms-container-full .wpforms-form .wpforms-field {
        overflow: unset !important;
    }

    body .devis div.wpforms-container-full .wpforms-form .wpforms-submit-container {
        transform: none;
    }

    #section_qsm #bloc_qsm {
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #section_qsm #bloc_qsm {
        transform: none;
    }

    #section_qsm {
        padding-bottom: 0;
    }

    #section_creation #img_creation {
        transform: translateY(-30px);
    }

    #ca_lettres,
    #ca_chiffres {
        margin-left: 0;
    }

    #titre_ce {
        margin-top: 30px;
    }

    .tl_droite {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
    }

    #bloc_citation {
        width: 100%;
    }

    #bloc_citation:before,
    #bloc_citation:after {
        display: none;
    }

    #bloc_citation {
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
    }

    #section_demenagement #img_entrepot {
        max-width: 100%;
    }



    #section_qsm #annee {
        bottom: 0;
    }


    #section_creation #creation_droite {
        padding-right: 15px;
        text-align: center;
    }

    #section_creation #texte_creation {
        max-width: 100%;
    }

    #section_creation #texte_creation * {
        text-align: center;
        margin: auto;
        max-width: unset;
    }

    #ligne_annnee {
        text-align: center;
    }

    #ligne_annee * {
        text-align: center;
    }

    #texte_annee {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    #texte_annee * {
        text-align: center;
    }

    #bloc_pam_droite {
        transform: none;
    }

    #texte_pm * {
        color: #fff !important;
    }

    #plan_accueil {
        margin-top: 0 !important;
        margin-left: 0;
    }

    #secteur_activite {
        /* padding-bottom: 100px; */
        padding-bottom: 3px;
        padding-top: 30px;
    }

    #sp-wp-carousel-free-id-167.sp-wpcp-167 .slick-next {
        display: none !important;
    }

    #section_video {
        margin-top: -10px;
    }

    #qsm-bleu .titre_section h2 br {
        display: none;
    }

    #section_realisation {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    .texte_normes,
    .img_normes {
        max-width: 100%;
    }

    .texte_realisation {
        max-width: 100%;
    }

    .texte_realisation br {
        display: none;
    }

    #secteur_activite br {
        display: none;
    }

    #secteur_activite .titre_section h2,
    #secteur_activite .titre_section h1,
    #section_realisation .titre_section h2,
    #actualites h2 {
        font-size: 42px;
        text-align: center;
    }

    #secteur_activite .titre_section h2,
    #secteur_activite .titre_section h1 {
        margin-top: 0;
    }

    #actualites {
        margin-top: 0px;
    }

    #actualites .btn_esp {
        margin-top: 0;
    }

    #actualites .btn_esp:before {
        background-image: url(./img/icons/fleche_btn.svg) !important;
        position: absolute;
        right: 20px;
    }

    #actualites .ow-button-base.ow-button-align-left {
        text-align: center;
    }

    .wpnaw-gridbox-main.design-2.wpnaw-image-fit .wpnaw-news-image-bg {
        display: none;
    }

    .container_actu .wpnaw-left-block .wpnaw-news-date {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .ow-button-base.ow-button-align-left {
        text-align: center;
    }


    .wpnaw-gridbox-main h2.wpnaw-news-title a {
        font-size: 17px !important;
    }

    .container_actu {
        margin-top: 30px;
        padding-bottom: 0;
    }

    #parc_machines {
        margin-top: 30px;
    }

    #img_dots {
        max-height: 50px;
    }

    #img_dots img {
        display: none;
    }

    #bloc_pam_droite {
        padding: 15px;
    }

    #bloc_pam_droite #titre_bloc_pam * {
        font-size: 21px;
    }

    #bloc_pam_droite #titre_bloc_pam br {
        display: none;
    }

    .entete_page .pre-titre {
        font-size: 12px;
    }

    .entete_page .titre h1 {
        font-size: 26px;
    }

    .container_metier {
        padding-left: 15px;
        padding-right: 15px;
    }

    body .btn_machines_wrapper .img_btn {
        transform: translateY(60px) translateX(-80px);
    }


    .titre_rea {
        font-size: 50px;
    }

    .contenu-realisation .titre-realisation h2 {
        font-size: 36px;
    }

    .contenu-realisation .texte-realisation p {
        font-size: 15px;
    }


    .titre_rea {
        text-align: left;
    }

    #footer-1,
    #footer-2,
    #footer-3 {
        padding: 0 30px !important;
    }

    #social_footer {
        margin-top: 30px;
    }

    #footer-3 #certif_footer img {
        margin-right: 15px;
        max-width: 35px;
        height: auto;
    }

    #footer-2 {
        display: none;
    }

    #social_footer {
        margin-top: 0;
    }

    #footer-3 .panel-grid:nth-child(3) {
        flex: 1 1 50%;
        padding-left: 100px;
    }

    #social_footer {
        margin-top: -50px;
    }


    #titre_bc h2 {
        font-size: 32px;
    }

    #fonction_bc h3 {
        font-size: 22px;
        line-height: 22px;
    }

    .table-responsive {
        display:table;
    }
}

@media(max-width:697px) {
    #social_footer {
        margin-top: 0;
    }
    #footer-3 .panel-grid:nth-child(3) {
        flex: 1 1 100%;
        padding-left: 0;
    }
}

@media(max-width:611px) {
    #footer-3 .panel-grid:nth-child(3) {
        flex: 1 1 100%;
        padding-left: 0px;
    }

    #social_footer {
        margin-top: 0px;
    }

    .site-footer .so-panel {
        margin-bottom: 10px;
    }
}

@media(min-width:580px) AND (max-width:768px) {
    .container_metier .so-panel {
        display: block;
        width: 50% !important;
        float: left !important;
    }

}


@media(max-width:650px) {
    #secteur_activite .secteurs {
        display: block !important;
    }

    #secteur_activite .secteurs .panel-grid-cell {
        width: 33.33333333% !important;
        float: left;
    }

    #secteur_activite .secteur p {
        font-size: 13px;
    }

    #secteur_activite .secteur {
        padding-top: 120px;
        text-align: center;
        align-items: center;
        justify-content: center;
        padding-left: 40px;
    }

    #secteur_activite .picto_secteur {
        position: absolute;
        left: 50%;
        top: 15px;
        transform: translateX(-50%);
        width: 80px;
    }



    #slider_metiers .nextend-arrow-animated-fade {
        right: 15% !important;
    }

    .titre_categorie {
        font-size: 36px;
    }
}

@media(max-width:620px) {
    .entete_page .titre h1 {
        font-size: 40px;
    }
}

@media(max-width:500px) {
    .titre_rea {
        font-size: 36px;
    }

    .contenu-realisation .titre-realisation h2 {
        font-size: 26px;
    }
}

@media(max-width:449px) {
    #secteur_activite .secteurs .panel-grid-cell {
        /* width: 50% !important; */
        /* float: none; */
    }
}

@media(min-width:581px) AND (max-width:768px) {
    #page_actu .wpnews-medium-4 {
        width: 50% !important;
    }

    #page_actu .wpnaw-news-grid {
        padding: 0px 15px;
    }
}


@media(min-width:440px) AND (max-width:799px) {
    #slider_accueil {
        background-color: transparent;
    }
    #section_video #col_droite {
        margin-top: -10px;
    }
} 
@media(max-width:580px) {

    .img_normes img {
        max-width:80%
    }
    .page-id-661 #bloc_citation {
        padding: 15px;
    }

    .page-id-661 #section_qsm #bloc_qsm {
        padding-bottom: 15px;
    }

    .page-id-661 #section_qsm #bloc_qsm .titre h1 {
        padding-top: 15px;
    }


    #section_industrie {
        padding: 0;
    }



    .page-id-661 .container {
        max-width: 100%;
    }

    .page-id-661 #bloc_btns {
        margin-bottom: 0;
    }

    #page_actu .wpnaw-news-grid {
        padding: 0;
    }

    #secteur_activite .titre_section h2,
    #secteur_activite .titre_section h1,
    #section_realisation .titre_section h2 {
        font-size: 30px;
    }

    .bandeau_actu .titre_actus {
        font-size: 50px;
    }

    .bandeau_actu {
        height: 430px;
    }

    .titre_page {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .titre_page h1 {
        font-size: 50px;
    }

    .devis div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
        font-size: 13px;
    }

    #section_creation #creation_droite:after {
        display: none;
    }

    .tl_gauche {
        padding-left: 15px;
    }

    .container_actu .wpnews-medium-4,
    .container_actu .wpnews-medium-5,
    .container_actu .wpnaw-gridbox-main.design-2 .wpnaw-left-block {
        width: 100% !important;
    }

    .contenu_actu {
        padding: 15px;
    }

    #section_qsm #bloc_qsm {
        padding-left: 15px;
        padding-right: 15px;
        min-height: unset;
        padding-bottom: 80px;
    }

    #section_qsm #annee {
        padding-top: 10px;
        height: 200px;
    }

    #section_qsm #bloc_qsm .titre h1 {
        font-size: 24px;
        margin-bottom: -30px;
    }

    #section_qsm #bloc_qsm .sous-titre h2 {
        font-size: 20px;
    }

    #section_qsm #bloc_qsm .sous-titre h2 br {
        display: none;
    }

    #section_qsm #annee .chiffres {
        font-size: 46px;
    }

    #section_qsm #annee span {
        font-size: 36px;
    }

    #section_qsm #annee span {
        margin-top: 20px;
    }

    #section_qsm #annee {
        height: 100px;
    }

    #section_qsm #bloc_qsm .titre h1 br {
        display: none;
    }

    #ca_lettres {
        font-size: 48px;
    }

    #ca_chiffres {
        font-size: 32px;
        line-height: 20px;
    }

    #titre_ce h2 {
        font-size: 25px;
    }

    #section_creation #creation_droite #date_2 {
        font-size: 48px;
        line-height: 60px;
    }

    #section_creation #texte_creation * {
        font-size: 18px;
    }

    #section_creation #texte_creation {
        margin-bottom: 0;
    }

    #section_video .titre_accueil h2 {
        font-size: 22px;
    }

    #footer-1 .texte-footer {
        width: unset !important;
    }

    .entete_page {
        padding: 20px 0;
    }

    .entete_page .titre h1 {
        font-size: 26px;
    }

    #bloc_formulaire {
        padding: 20px;
    }

    .container-rea-bis .va {
        font-size: 36px;
        margin-bottom: 40px;
    }

    .container-rea-bis {
        padding-top: 50px;
    }

    #bloc_citation {
        padding-left: 15px;
        padding-right: 15px;
    }
    .tl_droite {
        margin-bottom: 15px;
    }

    .tl_droite span.tl_annee {
        display: table-cell;
        text-align: left;
    }

    #bloc_citation {
        margin-bottom: 0;
    }

    .wpnaw-gridbox-main, .wpnaw-list-main, .wpnaw-news-grid-main {
        margin: 0 !important;
    }
    #section_industrie {
        margin: 0;
    }
}

@media(max-width:576px) {
    #btn_contact_bas {margin-bottom: 0 !important;}

    #section_qsm .bloc_histoire #annee {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -120px;
    }
    #footer-1 img {
        margin-bottom: -30px;
        margin-left: -5px;
    }
    #bloc_contact {
        margin-bottom: 0 !important;
    }


    .container.devis {
        max-width: 95%;
        margin: 0 auto;
    }

    #qsm-bleu .titre_section h2 {
        font-size: 26px;
    }

    #secteur_activite .titre_section h2,
    #secteur_activite .titre_section h1,
    #section_realisation .titre_section h2,
    #actualites h2 {
        font-size: 26px;
    }
}

@media(max-width:390px) {
    .titre_page h1 {
        font-size: 40px;
    }

    .titre_categorie {
        font-size: 26px;
    }
}

@media(max-width:480px) {

    #tableau_pm .table td, #tableau_pm .table th {
        display:block;
        text-align:center;
    }

    #tableau_pm table tr>td:nth-child(3) {
        border:none;
    }
    #tableau_pm .table-striped tbody tr:nth-of-type(odd) {
        background-color: #fff;
    }
    #tableau_pm .table-striped tbody tr {
        border:1px solid #d8d8d8;
        margin-bottom: 15px;
        display:block;
    }
    #tableau_pm .table td:nth-child(odd), #tableau_pm .table th {
        background: rgba(46, 112, 182, 0.1);
    }


    body .btn_machines_wrapper .img_btn {
        display: none;
    }

    body .btn_machines_wrapper {
        padding: 0;
        margin-bottom: 30px;
    }
}

@media(max-width:440px) {
    #slider_accueil .img_slider img {
        height: 600px !important;
        max-width: unset !important;
    }
}

@media(max-width:380px) {
    .bandeau_actu .titre_actus {
        font-size: 34px;
    }

    .bandeau_actu .date_header {
        font-size: 20px;
        margin-top: 20px;
    }

    .bandeau_actu {
        height: 330px;
    }

    .titre_actu_single {
        margin-bottom: 30px;
    }

    .btn_all_news {
        margin-top: 30px;
    }

    #section_qsm #bloc_qsm .titre h1 {
        padding-top: 30px;
    }

    #secteur_activite .secteurs .panel-grid-cell {
        width: 50% !important;
        /* float: none; */
    }
    #secteur_activite .secteurs {
        display:inline-block !important;
    }

}

/* 
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
} */
/* menu responsive */

body #shiftnav-toggle-main {
    background-color: #80807f;
}

body .shiftnav-inner {
    background: #80807f;
}

body .shiftnav-target {
    color: #fff !important;
}

body.home #main{
    overflow: hidden;
}
@media(max-width:1370px) {
    #tableau_pm table td , #tableau_pm table th{
        font-size: 13px;
    }
}

@media (max-width:1199px){
    #container-parc{
        display: block;
    }
    #container-parc .panel-grid-cell{
        width: 100%;
    }
    #container-parc .panel-grid-cell #tableau_pm {
        width: 100%;
        DISPLAY: flex;
        justify-content: center;
    }
}

@media (max-width: 1800px){
    #usine {
        margin-top: 0px;
        width: 100% ;
        transform: translateX(0px);
        position: relative;
        z-index: 999;
    }
    #image_qsm_accueil img {
        /* transform: translateY(130px); */
        margin: 0 auto;
        position: relative;
        margin-bottom: -195px;
        margin-right: 0;
        margin-top: -30px;
        width: auto;
        max-height: 581px;
    }
}

@media (max-width: 1400px){

    #image_qsm_accueil img {
        /* transform: translateY(130px); */
        margin: 0 auto;
        position: relative;
        margin-bottom: -195px;
        margin-right: 0;
        margin-top: -30px;
        width: auto;
        max-height: 501px;
    }


}

g[id*='plan']:hover {
    opacity: 1;
    transition: ease-out 0.5s;
}

g[id*='plan'] {
    opacity: 0;
    transition-delay: 0.5s;
    transition: ease-in 0.5s;
}

.container_metier .sow-image-container{
    height: 0;
    position: relative;
    padding-top: 100%;
}

.container_metier .sow-image-container img{
        position: absolute;
    top: 0;
    height: 100% !important;
    object-fit: contain;
    background: rgb(128 128 127 / 20%);
}


#slider_accueil_wrapper .univers_metal{
    height: 100% !important;
}

.page-nos-metiers{
    padding: 20px 0;
}

.page-nos-metiers .widget_sow-image{
    margin-bottom: 0 !important;
}

.page-nos-metiers .sow-image-container{
    height: 0;
    padding-top: 100%;
    position: relative
}


.page-nos-metiers h2{
        text-align: center;
    font-size: 20px;
    padding: 10px 0;
}
.page-nos-metiers h2 a{
    color: #808080;
}

.page-nos-metiers .sow-image-container img{
    position: absolute;
    top: 0;
    height: 100% !important;
    object-fit: cover;
}

#bloc-pictos svg{
    max-width: 200px;
    margin: 0 auto;
}


#bloc-pictos{
    position: relative;
    z-index: 100;
}

#bloc-pictos .textwidget{
    text-align: center;
}

#bloc-pictos .img_bottom svg{
    max-width: 150px;
    margin: 0 auto

}

.secteur:hover .textwidget svg *{
    
   fill: #fff !important; 
}



#page-404 h1{
	    font-size: 90px;
    color: #2d70b6;
}

#page-404 h2{
    color: #000000;
}

#page-404 .so-widget-sow-button a{
        box-shadow: none;
    background: #2c70b6;
}


#secteur_activite .secteurs .secteur{
       min-height: 165px;
    display: flex;
    align-items: center;
}


@media(max-width:1550px){
    #slider_accueil_wrapper .univers_metal{
        font-size: 15px !important;
    }
}

@media(max-width:845px){
    
    .container_metier .panel-grid-cell{
            display: flex;
    justify-content: center;
    }
}