/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600&display=swap');

/*enlever le truc pour modifier en front end*/
.icon-edit,.visually-hidden,[role="tooltip"],.btn.btn-link.jmodedit{display: none}
/*correction largeur section*/
.sppb-container-inner .sppb-row{margin:0}
.sppb-container-inner .sppb-row .sppb-row-column{padding:0!important}

/*bleu:3b5a8a*/
/*noir:1d1d1b*/
/*blanc:f1f1f1*/
/*gris :ececec*/

html {padding:0; margin:auto; overflow:auto;color: #1d1d1b;font-family: 'Roboto', sans-serif;/*scroll-behavior: smooth*/;}
body{margin:0;padding:0;;}
img {border:none;}
a{-webkit-transition:ease-in-out;transition:ease-in-out}

h1{}
h2,h3,h4.h5,h6,p,li{}

h1{font-size: 30pt;font-weight: 500;text-transform: uppercase;}
h2{font-size: 24pt;font-weight: 500;text-transform: uppercase;}
h3{font-size: 20pt;font-weight: 500;text-transform: uppercase;}
h4{font-size: 20pt;font-weight: 400;text-transform: uppercase;}
h5{font-size: 20pt;font-weight: 400;    margin: 20px 0;    line-height: 1.5;}
h6{font-size: 14pt;font-weight: 300;margin: 0;padding: 0;}

p,li{font-weight: 400;font-size: 14pt;line-height: 20pt;}
p a,li a{color: #3b5a8a}
strong,b{font-weight: 500!important;}
#sp-page-builder .sppb-section-title .sppb-title-subheading{font-weight: 400!important;font-size: 14pt!important;}

/*header*/
header{position: fixed;z-index: 100;width:100%;top:0;/*height: 120px;*/background:white;box-shadow: 2px 2px 4px black;padding-top:10px;padding-bottom: 10px;}
header .topbar{max-width:1366px;padding:0 20px;margin:auto;
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

#logo { grid-area: 1 / 1 / 3 / 2; }
.menu_sec { grid-area: 1 / 2 / 2 / 9; display: grid;  justify-self: end;  }
.menu_sec .dj-megamenu-default li.dj-up{margin-left: 10px!important}
.menu_prin { grid-area: 2 / 2 / 3 / 9; display: grid;  justify-self: end;}
.menu_prin .dj-megamenu-default li.dj-up{margin-left: 10px!important}


/*menu*/
.dj-megamenu .itemid101{display: none!important}
.dj-megamenu strong{display: block;font-weight: 400!important;color: #476ba5!important;}

.dj-megamenu-default{background:none!important;}
.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a{background: none!important}
.dj-megamenu-default li a.dj-up_a{border:none!important;color:black!important;height: auto!important;font-size: 13pt!important;font-weight:bold!important;text-transform: inherit!important;padding:0!important;}
.dj-megamenu-default li a.dj-up_a > span{line-height: 13pt!important;display: flex!important;text-transform: uppercase;padding-top:3px!important;}


header .menu_prin .dj-megamenu-default li a.dj-up_a > span{height: 40px!important;}
header .menu_sec .dj-megamenu-default li a.dj-up_a > span{height: auto!important;}

/*menu active*/
.menu_prin .dj-megamenu-default li {border-top:solid 2px white;border-bottom:solid 2px white}
.menu_prin .dj-megamenu-default li:hover{background: none!important;border-top:solid 2px black!important;border-bottom: solid 2px black}
.dj-megamenu-default li a:hover {background: none!important}
.menu_prin .dj-megamenu-default li a.active{background: none!important;border-top:solid 1px black!important;border-bottom: solid 2px black}



header .dj-megamenu .active >span{border-bottom: solid 1px}
header .dj-megamenu .active .name,
header .dj-megamenu .active .name strong{text-shadow: 0 0 0 }

.menu_sec .dj-megamenu-default li a.dj-up_a > span{font-weight: 400;}
.menu_sec .dj-megamenu-default li:hover a>span{color:#3b5a8a;font-weight: 500}

.menu_sec .itemid152 .title{padding-right: 5px!important}
.menu_sec .itemid152>a>span::after {content: "|";}
.menu_sec .itemid153 .title{padding-right: 5px!important}
.menu_sec .itemid153>a>span::after {content: "|";}

/*menu active*/
header .dj-megamenu .active >span{border-bottom: solid 1px}
header .dj-megamenu .active .name,
header .dj-megamenu .active .name strong{text-shadow: 0 0 0 }

/*menu mobile*/
/*menu mobile*/
.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn
,.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-dark .dj-mobile-open-btn:focus, .dj-megamenu-select-dark:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus, .dj-megamenu-accordion-dark .dj-mobile-open-btn:hover, .dj-megamenu-accordion-dark .dj-mobile-open-btn:focus
{background:none!important;color:#3b5a8a!important;}
.dj-mobile-nav img{display: none!important;}

.dj-offcanvas-dark{background:white!important;color:#1a1009!important}
ul.dj-mobile-dark li.dj-mobileitem>a{background:white!important;font-size:15pt!important;color: #476ba5!important;font-weight: 600!important}
ul.dj-mobile-dark li.dj-mobileitem>a:hover,
ul.dj-mobile-dark li.active.dj-mobileitem>a,
.dj-offcanvas-dark .dj-offcanvas-top{color:white!important;background:#3b5a8a!important}
.dj-mobile-nav strong {  color:#1d1d1b!important;font-weight: 500!important}

ul.dj-mobile-dark li.itemid-228 a,
ul.dj-mobile-dark li.itemid-229 a,
ul.dj-mobile-dark li.itemid-230 a{background:#7c001d!important;margin:20px;color:white!important}
ul.dj-mobile-dark li.itemid-228 a:hover,
ul.dj-mobile-dark li.itemid-229 a:hover,
ul.dj-mobile-dark li.itemid-230 a:hover{opacity: .8}

ul.dj-mobile-dark ul li.dj-mobileitem>a{border-left:solid 15px rgb(0 69 124 / 50%);}
@media (min-width: 1000px){
	.itemid165,.itemid166,.itemid167 {display: none!important;}
}


/*accueil */
#banniere-home h1,#banniere-home h2{font-variant:small-caps;font-size:100px;text-shadow:2px 2px #1d1d1b;color:rgb(241, 241, 241);margin:0}
@media all and (max-width:1000px){#banniere-home h1,#banniere-home h2{font-size:60px;}}
@media all and (max-width:700px){#banniere-home h1,#banniere-home h2{font-size:40px;margin-bottom: 30px;}}
#service h5{background:rgba(255,255,255,.7);font-size: 25pt;letter-spacing: 1px;padding:10px}

/*sections*/
.site-grid{top:100px;position: relative;margin-bottom: 100px;padding-bottom: 75px;}
/*boîte noire*/
.boite_noire{border-top:2px solid #f1f1f1;border-bottom: 2px solid #f1f1f1;padding: 10px;}
.boite_noire h5,.boite_noire  p,.boite_noire li h5{font-size: 14pt;font-weight: 300!important}

/*cta*/
a.sppb-btn,.btn-primary,
a.sppb-sp-slider-button span.sp-slider-btn-text{text-transform: uppercase;text-decoration: none;padding:10px 30px!important;background:#3B5A8A!important;border:#3B5A8A!important;} 
a.sppb-btn:hover,
.btn-primary:hover,
.sppb-sp-slider-button .sp-slider-btn-text:hover{background:#1D1D1B!important;border:#1D1D1B!important;} 
a.sppb-sp-slider-button{text-decoration: none!important}

/*liste à puce carré bleu*/
.puce_carrer ul{list-style-type: none;    padding-left: 5px;}
.puce_carrer ul li h5::before,
.puce_carrer ul li::before {content: "∎"; color: #3b5a8a;padding-right:5px}
.puce_carrer ul li{font-size: 15pt;line-height: 20pt;padding:5pt  10pt ;letter-spacing: .5px}

/*ajutement max-width d'une partie d'une section*/
.max_width{max-width: 1366px;margin: auto}

/*descendre*/
.btn_descendre{width:66px;height:66px;position: absolute;left:0;right:0;bottom:20px;margin: auto;z-index: 100}
.cercle{}
.fleche{position: absolute;width:29px;height: 32px;left:0;right:0;top:0;bottom:0;margin: auto; animation-name: example;animation-duration:3s;  animation-iteration-count: infinite;transition: 3s;}
.fleche:hover{animation-name: end;transition: 3s;}

@keyframes example {
  0% {margin-top:15px}
  50% {margin-top:25px;}
  80% {margin-top:25px}
    100% {margin-top:15px}
}

/*btn monter*/
/*btn monter*/
.btnMonter{position: fixed;bottom:20px;right:20px;z-index: 500;opacity: .8}
.btnMonter:hover{animation-duration: 5s;animation-delay: 3s;opacity: 1;}
.btnMonter #monter_tour{  width: 0;   height: 0;   border-left: 25px solid transparent;  border-right: 25px solid transparent;    border-bottom: 35px solid #000;}
.btnMonter{     animation-name: upweb;    animation-duration: 1s;animation-iteration-count: infinite;}
@keyframes upweb {  0% {bottom:16px;opacity: .1}  100% {bottom:20px;opacity: .8}}


/*bannière*/
h1.sppb-sp-slider-title {font-variant: small-caps;font-size: 100px;text-shadow: 2px 2px #1d1d1b;color: #1d1d1b}

/*conception_projet*/
.conception_projet .image-layout-preset-style-card .sppb-img-responsive{}
.conception_projet .sppb-addon-image-layout-image.image-fit{position: relative;display: flex;align-items: center;justify-content: center;}
.conception_projet .sppb-addon-image-layout-image.image-fit img{width:280px;height: 280px;}

/*atelier mécanique*/
#atelier-de-mecanique .image-layout-tittle-wrap h2{padding-top:20px;padding-bottom: 20px}

/*atelier de soudure*/
#atelier-de-soudure h2.sppb-title-heading{background: rgba(236, 236, 236, 0.9);display: inline-block;padding: 10px;}
#atelier-de-soudure .sppb-section-title{text-align: center;display: block;}

#atelier-de-soudure p{margin: 0;padding: 0 }

/*histoire*/
#histoire .timeline-date.text-end.text-right{text-align: right;}
#histoire .timeline-date{font-size: 20pt!important;font-weight: 500!important}
#histoire .timeline-panel p{font-weight: 300!important}
#histoire .sppb-addon-timeline .timeline-panel{width:100%!important}
#histoire .sppb-addon-timeline .timeline-panel .title{display: none!important}

/*contact*/
#contact .sppb-title-subheading b{font-size: 20pt;color:#3b5a8a;}

/*formulaire*/
#formulaire .formControls p {text-align: left!important}

/*footer*/
.footer_menu{display: flex;padding-top:50px;background: #1d1d1b;flex-direction: row;    flex-wrap: wrap;    align-content: flex-start;    justify-content: space-evenly;border-bottom: solid 1px #333333}
.footer_menu h3{color: #f1f1f1;text-decoration: none;}
.footer_menu a:hover, footer a:hover{color:#f1f1f1}
.footer_menu a, footer a{color:#476ba5;text-decoration: none;}
.footer_menu h3{font-size: 12pt}
.footer_menu p{line-height: 10pt}
.footer_menu a {font-size: 11pt;}

footer{position: relative;display: block;background:#1d1d1b;padding:20px;text-align: center;color: #f1f1f1;font-size: 10pt;}
@media all and (max-width:500px){
    .footer_menu{flex-direction: column;
    align-content: center;}
}


/*politique*/
.itemid-156{padding:20px}
.itemid-156 header,.itemid-156 footer{display: none;}
.itemid-156 .site-grid{top:0}

@media all and (max-width:1300px){
	
.dj-icon{display: none}	
}
@media all and (max-width:1000px){
.moduletable.menu_prin{ grid-area: 1 / 2 / 2 / 9; display: grid;  justify-self: end;  }
.moduletable.menu_sec{display: none!important}

}
@media all and (max-width:1024px){

h1.sppb-sp-slider-title {font-size: 50pt;line-height: 1;margin-bottom: 30px}
h2,
#atelier-de-mecanique .image-layout-tittle-wrap h2{font-size: 24pt;margin-bottom: 20px!important;text-transform: inherit;padding:0}
h3{font-size: 20pt;text-transform: inherit;margin-bottom: 20px!important;}
h5{font-size: 18pt;line-height: 1}

/*ajustement taille menu*/
.dj-megamenu-default li a.dj-up_a{font-size: 11pt!important}

}


@media (min-width: 768px){
.sppb-container {    max-width: 100%!important;}
}

@media all and (max-width:500px){
h1.sppb-sp-slider-title {font-size: 25pt!important;line-height: 1!important;margin-bottom: 30px!important}
h3.sppb-sp-slider-title{font-size: 16pt!important}
	h5{font-size: 15pt!important;}
	
.btn_descendre{display: none!important}
	.sp-page-builder .page-content #conception-de-projets-home,
.sp-page-builder .page-content #atelier-de-mecanique-home,
.sp-page-builder .page-content #atelier-de-soudure-home,
.sp-page-builder .page-content #atelier-d-usinage-home,
.sp-page-builder .page-content #salle-de-lavage-home,
.sp-page-builder .page-content #unite-mobile-home,
.sp-page-builder .page-content #entreprise-home,
.sp-page-builder .page-content #histoire-home
{padding-bottom: 50px}

}

/*portfolio*/
.portfolio .btn-view{display: none!important}

/*correction apple*/

.dj-megamenu-default li a.dj-up_a > span{    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: stretch;}


/*cookies*/
#redim-cookiehint-bottom #redim-cookiehint{background: white;box-shadow: -1px -1px 4px 0px black;}
#redim-cookiehint-bottom #redim-cookiehint, #redim-cookiehint-bottom #redim-cookiehint a{color: black;}
#redim-cookiehint-bottom #cookiehintinfo a {font-size: 12pt!important}
.cookiebuttons a {font-size: 12pt!important}
#redim-cookiehint .cookiebuttons #cookiehintsubmit.btn{background-color: #3B5A8A!important}
#redim-cookiehint p{font-size: 10pt}
#redim-cookiehint .cookiebuttons #cookiehintsubmitno.btn {background:none!important;color:black!important;font-size: 12pt!important;text-decoration: underline!important;}
#redim-cookiehint-bottom #redim-cookiehint{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-between}


/*connexion*/
.com-users-login.login{height:500px;width:300px;margin:150px auto auto;}
.com-users-login .com-users-login__options{display:flex;flex-wrap:wrap;flex-direction:column;align-content:stretch;align-items:center;justify-content:space-between}
.com-users-login .com-users-login__options>a{padding:10px;color:black;}