.navigation-link div, .navigation-link strong, .navigation-link p{text-transform: capitalize;}

.bloc-service p{line-height: 28px;margin-bottom: 5px;}
.bloc-service p,.bloc-service li,.bloc-service blockquote{
    font-family: Rubik, sans-serif;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}
.w-slider-dot { background: orange; } .w-slider-dot.w-active { background: blue; }

h1 b{font-weight:500;}
h2 strong,h2 b{font-weight:500;}
p b, p strong, li b, li strong{text-transform: uppercase;}
li{font-family: Rubik, sans-serif;font-size:17px;line-height: 28px;margin-bottom: 15px;}

.cta{height: auto; padding-top: 30px; padding-bottom: 30px;}
.cta b{font-weight:500;}
.cta p{margin-top:20px;color:white;max-width:840px;padding-right: 50px;}
.titre_services{height:auto;}
.bloc-service .div-block-4{min-height: 340px;}

.footer .textwidget p{color:white;}
/* Live renders the footer "À propos / About" paragraph in white on the blue footer. */
.footer .column-11 p{color:#fff;}

/* Live centres the address block inside its box (`justify-content:center`) while the
   phone and LinkedIn rows are left-aligned, so the pin icon sits 20px to the right of
   the phone / LinkedIn icons. Left-align it like the rest (deliberate divergence). */
.adresse_footer,.adresse_menu{justify-content:flex-start;}
/* The live stylesheet nudges the (then centred) address row 3px right below 991px;
   neutralise it so the pin stays flush with the phone / LinkedIn icons. */
@media screen and (max-width:991px){
  .adresse_footer{padding-left:0;}
}

/* Footer newsletter: no subscription form (static site, no ESP) — a single mailto link. */
.newsletter-signup{width:500px;max-width:100%;background-color:#112B7F;font-family:Arial,Helvetica,sans-serif;overflow:hidden;}
.signup-title{padding:15px 0 5px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:20px;text-align:left;}
.signup-link{display:inline-block;box-sizing:border-box;margin:15px 0 10px;padding:6px 14px;border-radius:4px;background-color:#f77e1f;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:16px;text-align:center;text-decoration:none;}
.signup-link:hover{background-color:#e06f13;color:#fff;}
@media screen and (max-width:600px){
  .footer .container-footer{width:100%;}
  .footer .columns-1,.footer .column-12{width:100%;}
  .newsletter-signup{width:100%;}
}
.poste{line-height:18px;text-align:center;}
.poste-company{font-size: 12px;}
.nom-copy{margin-top:0px;text-align:center;padding-right:0px;}
.titre_temoignages{text-align:center;}


.services h2, .services h3{color:white;}
/* Services listing intro: 2-column text block (matches the live WPBakery row) */
.services .vc-content .intro-columns{margin-top:35px;margin-left:-7.5px;margin-right:-7.5px;padding:0;}
.services .vc-content .intro-columns > .w-col{padding:0 7.5px 35px;}
/* Live FR wraps this row in a WP "vc_column-gap-35" row (17.5px column padding); EN does not. */
.services .vc-content .intro-columns.intro-columns-gap{margin-left:-25px;margin-right:-25px;}
.services .vc-content .intro-columns.intro-columns-gap > .w-col{padding:17.5px 25px 52.5px;}
.services .vc-content .intro-columns p{margin-bottom:0;}
.manufacturerSmallSection{margin-bottom: 60px;max-width: 968px;}
.manufacturerSmallSection p{width: auto;min-width: auto;padding-bottom: 0px;color: #6e6e6e;font-size: 17px;line-height: 28px;text-align: center;}
.manuList{
	position:relative;
	list-style: none;
    display: inline-block;
    float: left;
    padding-left: 0px;
}

.manuList li{position: relative;padding-left: 25px;padding-bottom: 8px;padding-top: 5px;text-align: left;line-height: 24px;}
.manuList li:before{
	content: "";
    display: block;
    margin-left: -25px;
    background: url(../images/check2x.png) no-repeat 0px 0px;
    background-size: contain;
    width: 21px;
    height: 21px;
    position: absolute;
    margin-bottom: 10px;
}
.list_2_column{width: 50%;}
.list_3_column{width: 33%;}
.bloc-service{padding-bottom:0px;}
.services .vc-content p,.services .vc-content li{color:white;}

.otherServices{padding-top:100px;margin-bottom:100px;}
.otherServices ul{padding-left: 25px;padding-top:25px;}
.otherServices li{display:block;width:100%;padding-left: 10px;margin-bottom:5px;position: relative;}
.otherServices .other-services-columns .w-col-6{padding-left:0;padding-right:7px;}
.otherServices a{text-decoration:none;color:white;}
.otherServices a:hover{color:#f77e1f;}
.otherServices a:before{
	content:"";
	display:block;
	position: absolute;
    background-image: url(../images/check_orange2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: -25px;
    top: 1px;
    width: 25px;
    height: 25px;
}
.services h2.heading_gold{font-family: 'Gotham rounded', Verdana, sans-serif;color: #f77e1f;border-bottom: 1px solid #f77e1f;padding-bottom: 10px;}

.service-image{text-align:left;margin:40px auto 10px;}
.service-image img{max-width:100%;height:auto;}
/* Pages built on _default/single.html + careers mirror the live WPBakery rows:
   a row is 1185px wide inside the 1170px content box (7.5px gutters) and its
   columns carry 7.5px inner padding. Gap rows use -25px margins + 17.5px column
   padding; the "inset" row (live "modules/services" lists) is 25px inset. */
.container-service-copy .copy-row{margin-left:-7.5px;margin-right:-7.5px;padding-top:0;}
.container-service-copy .copy-row > .w-col{padding:0 7.5px;}
.container-service-copy .copy-row-gap{margin-left:-25px;margin-right:-25px;}
.container-service-copy .copy-row-gap > .w-col{padding:17.5px 25px;}
.container-service-copy .copy-row-inset{background:#eaeaea;border-radius:10px;padding:25px;}
.container-service-copy .copy-row-inset > .w-col{padding:35px 7.5px 0;}
/* The two inset headings keep their live inline navy span (live's other h4 are orange). */
.container-service-copy .copy-row-inset > .w-col h4{color:#002b7f;}
/* Live EN keeps the inset columns flush (no 7.5px inner padding). */
.container-service-copy .copy-row-inset-flush > .w-col{padding:35px 0 0;}
/* Live FR's approach intro column carries 20px extra right padding. */
.container-service-copy .copy-row-textpad > .w-col-8{padding-right:27.5px;}
/* Nested rows follow a WPB text block (35px) instead of a paragraph margin (27px). */
.container-service-copy .copy-row-after-text{margin-top:35px;}
.container-service-copy .copy-row-pb30{padding-bottom:30px;}
.container-service-copy .copy-row-pb40{padding-bottom:40px;}
/* Live's `vc_column-gap-25` row: -20px margins, 12.5px column padding + 7.5px inner. */
.container-service-copy .copy-row-gap20{margin-left:-20px;margin-right:-20px;}
.container-service-copy .copy-row-gap20 > .w-col{padding:12.5px 20px;}
.container-service-copy .copy-row-pb70{padding-bottom:70px;}
/* Live contact page: orange WPB separator (1px line + the 35px block margin). */
.copy-sep{height:1px;border-top:1px solid #f7be68;}
/* Live contact page: "Coordonnées" text column carries a white background. */
.copy-coord{background-color:#fff;}
.copy-coord > *:last-child{margin-bottom:0;}
/* Live floats the pin icon inside the contact address paragraph, so only the lines
   sitting beside the icon are indented — with the 3-line address the postal code drops
   back to the left edge. `.image-13` is built for flex (`flex:0 0 auto`,
   `align-self:flex-start`, `margin-right:19px`), so lay the row out that way: the icon
   plus a text block, exactly like the footer / menu address. */
.copy-coord .copy-pin{display:flex;}
/* Live WPB text blocks separated by a 35px block margin inside a copy row. */
.container-service-copy .copy-block{margin-bottom:35px;}
/* Full-bleed light grey band (live "Votre projet commence ici !" row, #efefef). */
.copy-band{width:100%;background-color:#efefef;padding:52.5px 0 40px;}
/* The band re-centres the page container (outside .content's flex centering). */
.copy-band .container-service-copy{margin-left:auto;margin-right:auto;}
.copy-band a.bouton-copy{display:flex;width:-webkit-max-content;width:max-content;margin-top:35px;}
/* Live contact page: full-width Google map row (5px inset, no outer margin). */
.copy-map{width:100%;box-sizing:border-box;padding:5px;line-height:0;}
.copy-map iframe{display:block;width:100%;height:350px;border:0;}
/* The live Gravity-Forms are replaced by a mailto CTA. `.bouton-copy` is the
   white-on-blue service-card link, so on the white copy pages it needs the site's
   blue pill to stay legible (white text on a white background otherwise). */
.bouton-copy.bouton-mail{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:5px 13px 5px 17px;border-radius:5px;background-color:#002b7f;}
.bouton-copy.bouton-mail .text-block-3{padding-top:0;padding-right:13px;float:none;line-height:24px;}
.bouton-copy.bouton-mail .image-14{float:none;}
/* Obfuscated email addresses (see the script in baseof.html): they read like the
   surrounding copy but stay clickable. */
.obfuscated-email{color:inherit;text-decoration:none;}
.obfuscated-email:hover{color:#f77e1f;text-decoration:underline;}
/* Live closes every WPB text block with a 35px bottom margin (nested rows don't). */
.container-service-copy .copy-row > .w-col > *:last-child:not(.copy-row){margin-bottom:35px;}
/* live js_composer: `.wpb_text_column :last-child{margin-bottom:0}` (e.g. the last <li>). */
.container-service-copy li:last-child{margin-bottom:0;}
/* Live FR "Our People" row carries an extra 50px/80px padding. */
.container-service-copy .copy-row-pad{padding-top:50px;padding-bottom:80px;}
/* Live WPB image blocks: no border, 35px below, full column width. */
.copy-image{margin:0 0 35px;}
.copy-image img{max-width:100%;height:auto;}
.copy-image-fill img{width:100%;}
.copy-image-center{text-align:center;}
/* Live FR drops the approach portrait 40px up into the row (WPB negative offset). */
.copy-image-raised{margin-top:-40px;}
/* In the 2-column service body, top-align the image with the text column. */
.service-image-side{margin-top:0;}
/* Service-detail body copy is on the blue background: match the live white text. */
.container-service .column p, .container-service .column li{color:#fff;}
/* Inline "Learn more" link at the end of the service copy (live style). */
.container-service a.learn-more{color:#00a1ed;text-decoration:underline;}
.container-service a.learn-more:hover{color:#f77e1f;}
/* Full-width body rows for the two services that live lays out in WPBakery 6/6 rows
   (see content/nos-services/_body/*.html): column pairs + orange rule separators. */
/* Service-detail body: mirrors the live WPB rows (row 0 = 8/4 cols, then 6/6 and 12 cols). */
/* Scoped with .container-service because Webflow's `.w-row .w-row{margin:0}` would win on nested rows. */
.container-service .svc-row-intro{margin-left:-7.5px;margin-right:-7.5px;}
.container-service .svc-row-intro > .w-col{padding:0 7.5px;}
/* Live wraps the intro copy in one WPB text block, whose 35px bottom margin closes the block. */
.container-service .svc-row-intro > .w-col > *:last-child{margin-bottom:35px;}
/* Live FR svc3 splits its first row into two WPB text blocks (35px between them instead of 27px). */
.container-service .svc-row-intro .svc-text-separator{height:8px;}
.container-service .svc-row-gap{margin-left:-25px;margin-right:-25px;}
.container-service .svc-row-gap > .w-col{padding:17.5px 25px;}
.container-service .svc-row-full > .w-col{padding:0;}
.svc-block{margin-bottom:35px;}
.svc-sep span{display:block;border-top:1px solid #f7be68;margin-bottom:35px;}
.form-privacy{font-size:13px;font-style:italic;color:#888;margin-top:20px;}

.adresse_menu,.phone_menu{bottom:6%;}
.temoignages .nom{text-align:center;}


@media screen and (max-width: 1080px) {
		.list_3_column{width: 50%;}
		.bloc-service .div-block-4 {padding-bottom:25px;}
}

@media screen and (max-width: 480px) {
		.cta{padding-top: 60px; padding-bottom: 40px;}
		.list_2_column,.list_3_column{width: 100%;}
}