html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
@font-face {
font-display: swap;
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: url(//www.tbpfm.fr/wp-content/themes/tbpfm/fonts/roboto-condensed-v27-latin-regular.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 600;
src: url(//www.tbpfm.fr/wp-content/themes/tbpfm/fonts/roboto-condensed-v27-latin-600.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: url(//www.tbpfm.fr/wp-content/themes/tbpfm/fonts/roboto-condensed-v27-latin-700.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Barlow Condensed';
font-style: italic;
font-weight: 700;
src: url(//www.tbpfm.fr/wp-content/themes/tbpfm/fonts/barlow-condensed-v12-latin-700italic.woff2) format('woff2');
}
* {
border: 0px;
margin: 0px;
padding: 0px;
text-decoration: none;
}
body {
background: #2F2483;
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 120%;
color: #2F2483;
-webkit-font-smoothing: antialiased;
}
button {
font-family: 'Roboto Condensed';
}
img {
max-width: 100%;
border: 0px;
vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6, #oebcn .gauche > p:first-child {
line-height: 120%;
margin: 10px 0px;
font-weight: bold;
font-family: 'Barlow Condensed';
font-style: italic;
}
h1 {
font-size: 70px;
text-transform: uppercase;
margin: 0;
line-height: 0.9em;
}
h2,
#oebcn .gauche > p:first-child {
font-size: 40px;
line-height: 1;
text-transform: uppercase;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
a:focus {
outline: none;
}
a {
color: #2F2483;
text-decoration: underline;
}
p {
margin: 10px 0px;
line-height: 135%;
}
ul, ol {
margin: 10px 0px 10px 15px;
}
ul ul, 
ol ol, 
ul ol, 
ol ul {
margin: 0px 0px 0px 30px;
}
li {
line-height: 135%;
}
body:not(.home) .wp-block-table {
overflow: initial;
}
body:not(.home) .wp-block-table td:empty:after {
content: 'Empty cell';
visibility: hidden;
}
body:not(.home) .wp-block-table figcaption {
font-style: italic;
text-align: center;
font-size: 13px;
line-height: 1;
margin-top: 20px;
}
sup {
font-size: smaller;
vertical-align: text-bottom;
}
table {
border: 1px solid #CCCCCC;
margin: 10px 0px;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table caption {
color: #CCCCCC;
margin:5px 0;
text-align:left;
}
th {
border: 1px solid #EDEDED;
background: #2E7ABF;
color: #FFFFFF;
font-weight: bold;
padding: 10px;
}
td {
border: 1px solid #EDEDED;
padding: 10px;
}
#nested .smart-menu {
display: none;
}
#nested {
position: absolute;
height: 60px;
z-index: 2;
right: 50px;
top: 0;
bottom: 0;
margin: auto;
}
#nested .firstLevel {
height: 60px;
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}
#nested .firstLevel li {
position: relative;
display: inline-block;
vertical-align: top;
padding: 0px;
height: 60px;
}
#nested .firstLevel li a {
display: block;
height: 60px;
line-height: 60px;
color: #2F2483;
padding: 0px 18px;
text-decoration: none;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.01em;
}
#nested .firstLevel li:not(.btn) a span {
display: block;
height: 60px;
line-height: 60px;
}
#nested .firstLevel li ul {
position: absolute;
width: 260px;
height: 0px;
background: #FFFFFF;
margin-left: -130px;
margin-top: -20px;
box-shadow: 0px 4px 10px -4px rgba(0, 0, 0, 0.3);
left: 50%;
top: auto;
overflow: hidden;
opacity: 0;
transition: height 0ms ease 0ms, opacity 250ms ease 100ms, margin-top 250ms ease 100ms;
}
#nested .firstLevel > li:hover > ul {
height: auto;
opacity: 1;
margin-top: 0px;
padding: 15px 10px;
}
#nested .firstLevel li ul li {
display: block;
height: auto;
border-bottom: 1px solid #EDEDED;
}
#nested .firstLevel li ul li:last-child {
border-bottom: none;
}
#nested .firstLevel li ul li a {
height: auto;
padding: 10px;
line-height: 120%;
font-size: 16px;
}
#nested .firstLevel li ul li a span {
display: inline !important;
height: auto !important;
line-height: 120% !important;
border-bottom: none !important;
}
body:not(.home) #wrapper ul {
list-style-type: none;
}
body:not(.home) #wrapper ul li,
#seo li {
position: relative;
}
body:not(.home) #wrapper ul li:before,
#seo li:before {
content: '';
width: 5px;
height: 5px;
background: #2E7ABF;
position: absolute;
border-radius: 50%;
top: 8px;
left: -15px;
margin: auto;
}
#page {
position: relative;
background: #FFFFFF;
overflow: hidden;
}
header {
position: fixed;
width: 100%;
height: 160px;
z-index: 3;
background: none;
transition: 0.3s;
background: #FFFFFF;
}
#headerInner {
position: relative;
width: 100%;
height: 100%;
}
#logo {
position: absolute;
left: 50px;
top: 23px;
transition: 0.3s;
z-index: 2;
}
#logo img {
transition: 0.3s;
} #wrapper {
position: relative;
background: #FFFFFF;
z-index: 1;
}
#wrapperInner {
position: relative;
width: 100%;
max-width: 100%;
margin: 0px auto;
padding: 100px 0px 0px 0px;
}
#container {
position: relative;
margin: 0px 0px 100px 0px;
}
#contentsInner {
position: relative;
}
footer {
position: relative;
background: #E9F1F9;
z-index: 1;
text-align: center;
}
#footerInner {
position: relative;
width: 90%;
max-width: 1120px;
margin: 0px auto;
padding: 70px 0px;
display: flex;
justify-content: center;
gap: 150px;
align-items: center;
}
#nested ul.firstLevel li ul li {
transition: 0.4s;
}
#nested ul.firstLevel li ul li:hover {
background: #F7F7F7;
}
body.home #wrapperInner {
padding: 0;
}
.grecaptcha-badge {
visibility: hidden;
}
html, body {
scroll-behavior: smooth;
}
iframe {
max-width: 100%;
}
::-moz-selection {
background-color: #2E7ABF;
color: #FFFFFF;
}
::selection {
background-color: #2E7ABF;
color: #FFFFFF;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
#nested ul.firstLevel > li {
transition: 0.25s opacity;
}
#nested ul.firstLevel:hover > li {
opacity: 0.5;
}
#nested ul.firstLevel:hover > li:hover {
opacity: 1;
}
body.home #container {
margin: 0px;
}
#nested ul.firstLevel li ul li ul {
margin-left: 0px;
height: auto;
left: 100%;
top: 10px;
transition: 0.2s;
}
#nested ul.firstLevel li ul li:hover ul {
opacity: 1;
top: 20px;
box-shadow: 8px 8px 10px rgb(0 0 0 / 30%);
}
#nested ul.firstLevel > li > ul > li,
#nested ul.firstLevel > li > ul > li > ul > li {
overflow: hidden;
}
#nested ul.firstLevel > li > ul > li:hover,
#nested ul.firstLevel > li > ul > li > ul > li:hover {
overflow: visible;
}
#nested .firstLevel > li:hover > ul,
#nested .firstLevel > li > ul > li:hover > ul {
padding: 15px 0px;
overflow: visible;
}
#nested ul.firstLevel > li > ul > li,
#nested ul.firstLevel > li > ul > li > ul > li {
padding: 0 10px;	
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer #signature {
font-size: 12px;
padding: 0 5% 25px 5%;
} body:not(.home) #wrapperInner .wp-block-image {
margin: 0;
}
body:not(.home) #wrapperInner figure.wp-block-gallery {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-right: -2%;
margin-bottom: -2%;
gap: 0;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure {
width: 23.5% !important;
flex-grow: initial;
margin: 0 2% 2% 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(4),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(8),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(12),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(16),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(20),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(24),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(28) {
margin-right: 0 !important;
}
body:not(.home) #wrapperInner .wp-block-column figure.wp-block-gallery > figure {
width: 48% !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure img {
transition: 0.2s ease-in-out;
width: 100% !important;
max-height: 210px !important;
flex: initial !important;
height: 16vw !important;
object-fit: cover;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure img:hover {
opacity: 0.8;
}
body:not(.home) #wrapperInner p a,
body:not(.home) #wrapperInner li a {
transition: 0.2s ease-in-out;
font-weight: 600;
}
body:not(.home) #wrapperInner p a:hover,
body:not(.home) #wrapperInner li a:hover {
color: #2E7ABF;
}
body:not(.home) #wrapperInner .wp-block-column > :first-child,
.wp-block-cover__inner-container > :first-child {
margin-top: 0;
}
body:not(.home) #wrapperInner .wp-block-column > :last-child,
body:not(.home) #wrapperInner .wp-block-cover__inner-container > :last-child {
margin-bottom: 0;
}
body:not(.home) #wrapperInner div#text > *:not(.wp-block-cover):not(.wp-block-group),
body:not(.home) #wrapperInner div#text > figure,
body:not(.home) #wrapperInner div#text > ul,
body:not(.home) #wrapperInner div#text > .wp-block-group > .wp-block-group__inner-container,
body:not(.home) #wrapperInner div#text > p {
width: 90%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body:not(.home) #wrapperInner div#text > ul,
body:not(.home) .wp-block-cover__inner-container > ul {
padding-left: 15px;
}
body:not(.home) div #wrapperInner div#text > iframe:not(.wp-block-cover):not(.wp-block-group) {
max-width: 100%;
width: 100%;
display: block;
line-height: 1;
}
.wp-block-cover {
overflow: hidden;
}
.wp-block-cover img {
transition: transform 0.4s ease-out;
}
.wp-block-cover.is_hovered img {
transform: scale(1.1);
}
.wp-block-group__inner-container > .wp-block-cover h2 {
max-width: 740px;
margin: 0 auto;
}
div .wp-block-image figcaption {
margin-top: 15px;
text-align: center;
font-style: italic;
font-size: 15px;
}
body:not(.home) #wrapperInner .wp-block-columns > div:not(:only-child) iframe {
width: 100%;
height: 24vw;
max-height: 320px;
}
body:not(.home) #wrapperInner .wp-block-columns > div:only-child iframe {
width: 100%;
height: 50vw;
max-height: 620px;
}
body:not(.home) #wrapperInner div#text .wp-block-group__inner-container > div:last-child {
margin-bottom: 0;
}
.wp-block-columns.gap10,
.gap10 {
gap: 10px;
}
.wp-block-columns.gap20,
.gap20 {
gap: 20px;
}
.wp-block-columns.gap30,
.gap30 {
gap: 30px;
}
.wp-block-columns.gap40,
.gap40 {
gap: 40px;
}
.wp-block-columns.gap50,
.gap50 {
gap: 50px;
} body.contact #container {
margin: 0px;
}
.wpforms-container ul li:before {
display: none;
}
div form.wpforms-form {
position: relative;
}
div div.wpforms-container-full button[type=submit]:focus:after {
display: none;
}
@media (min-width: 1200px) {
div .wpforms-container .wpforms-submit-container {
position: absolute;
right: 0;
bottom: -10px;
margin: 0;
padding: 0;
}
}
#wrapper div div.wpforms-container-full input:focus,
#wrapper div div.wpforms-container-full textarea:focus {
border-color: #2F2483;
box-shadow: 0 0 0 1px #2F2483, 0px 1px 2px rgba(0,0,0,0.15);
}
#wrapper div div.wpforms-container-full ::placeholder {
color: #969696;
opacity: 1;
}
body:not(.home) #wrapperInner .wpforms-confirmation-container-full p {
margin: 0;
}
#wrapper div .wpforms-field-container div.wpforms-field {
padding: 12px 0;
} .slick-slider {
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
body:not(.home) #wrapperInner p {
margin: 0 0 15px 0;
}
body:not(.home) #wrapperInner figure + *,
body:not(.home) #wrapperInner .wp-block-image + p {
margin-top: 20px;
}
footer .wp-block-image,
footer .wp-block-columns {
margin-bottom: 0;
}
body:not(.home) div .wp-block-cover .wp-block-cover__inner-container {
width: 90%;
max-width: 1140px;
}
body:not(.home) div .wp-block-column .wp-block-cover .wp-block-cover__inner-container {
width: 100%;
}
div :where(.wp-block-columns.is-layout-flex) {
gap: 3em;
}
.no-margin {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wp-block-column {
box-sizing: border-box;
}
@media (min-width: 980px) {
.is_hidden_on_desktop {
display: none !important;
}
}
body:not(.home) .wp-block-separator {
margin: 20px 0px;
max-width: 100px;
}
body:not(.home) .wp-block-columns .wp-block-column.is-vertically-aligned-center.has-background hr {
width: 100px;
margin-top: 5px;
}
body:not(.home) .wp-block-columns .wp-block-column.is-vertically-aligned-center.has-background {
align-self: initial;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
} body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display {
display: block;
columns: 2;
gap: 2em;
margin: 0px;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display > figure {
width: initial !important;
break-inside: avoid;
margin: 0 0 2em 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display > figure img {
width: auto !important;
max-height: none !important;
height: auto !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-3 {
columns: 3;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-4 {
columns: 4;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-5 {
columns: 5;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-6 {
columns: 6;
}
.wp-block-columns {
margin-bottom: 2.25em;
}    @media (min-width: 1240px) {
#nested ul.firstLevel > li.hidden_on_desktop {
display: none;
}
}
@media (max-width: 1240px) {
header div #nested {
width: 40px;
height: 40px;
top: 0;
right: 25px;
}
header div #nested .contentSmart {
width: 100%;
height: 100%;
cursor: pointer;
z-index: 25;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#nested .firstLevel {
text-align: left;
background: #2F2483;
width: 100%;
position: fixed;
right: -100%;
transition: 0.7s;
opacity: 0.3;
top: 0;
height: auto;
bottom: 0;
padding: 50px 0;
overflow-y: auto;
overflow-x: hidden;
}
body.menu_open #nested .firstLevel:after, 
body.menu_open #nested .firstLevel:before {
content: '';
height: 50px;
background: linear-gradient(0deg, #2F2483, transparent);
position: fixed;
left: 0;
right: 0;
bottom: 0px;
opacity: 0;
pointer-events: none;
transition: 0.3s;
}
body.menu_open.animation_delai #nested .firstLevel:after, 
body.menu_open.animation_delai #nested .firstLevel:before {
opacity: 1;
}
body.menu_open #nested .firstLevel:before {
bottom: auto;
top: 0;
z-index: 20;
background: linear-gradient(180deg, #2F2483, transparent);
}
body.menu_open #nested .firstLevel {
right: 0;
opacity: 1;
}
#nested ul.firstLevel:hover > li {
opacity: 1;
}
header div #nested .contentSmart span {
width: 25px;
height: 2px;
background: #2F2483;
display: block;
border-radius: 3px;
position: relative;
top: 0;
transition: 0.5s;
}
header div #nested .contentSmart > span:nth-child(2) {
margin: 6px 0px;
}
body.menu_open header div #nested .contentSmart > span:nth-child(1) {
transform: rotate(45deg);
top: 8px;
}
body.menu_open header div #nested .contentSmart > span:nth-child(2) {
opacity: 0;
}
body.menu_open header div #nested .contentSmart > span:nth-child(3) {
transform: rotate(-45deg);
top: -8px;
}
body.menu_open header div #nested .contentSmart > span {
background: #FFFFFF;
}
#nested ul.firstLevel li a {
font-size: 20px;
height: auto;
line-height: 1;
}
#nested .firstLevel li:not(.btn) a span {
line-height: 1.3em;
height: auto;
}
#nested ul.firstLevel > li.menu-item-has-children {
margin-right: 0;
}
#nested .firstLevel li {
height: auto;
}
#nested ul.firstLevel > li {
margin: 0 0 25px 0;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 20px;
}
#nested ul.firstLevel > li:last-child {
margin-bottom: 0;
}
#nested ul.firstLevel > li.menu-item-has-children > a {
position: relative;
}
#nested ul.firstLevel > li.menu-item-has-children > a:after {
content: '';
display: inline-block;
height: 0;
width: 0;
border-top: 5px solid #FFFFFF;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
pointer-events: none;
position: absolute;
right: -1px;
top: 12px;
}
#nested .firstLevel li a {
color: #FFFFFF;
}
#nested .firstLevel li ul,
#nested .firstLevel > li:hover > ul {
position: relative;
height: auto;
opacity: 1;
background: none;
box-shadow: none;
margin: 10px 0 0px 10px;
padding: 0;
left: 0;
width: auto;
}
#nested ul.firstLevel > li > ul > li, 
#nested ul.firstLevel > li > ul > li > ul > li {
padding: 0;
margin: 0;
}
#nested .firstLevel li ul li {
border: none;
}
body.menu_open {
overflow: hidden;
}
#nested .firstLevel li ul {
display: none;
}
#nested ul.firstLevel > li.menu-item-has-children.sous_menu_open > ul {
display: block;
}
#nested ul.firstLevel > li.menu-item-has-children.sous_menu_open > a:after {
transform: rotate(180deg);
}
#nested ul.firstLevel li ul li:hover {
background: none;
}
}
@media (max-width: 930px) {
.wp-block-spacer {
max-height: 70px;
}
#container {
margin: 0px 0px 70px 0px;
}
.is_hidden_on_mobile {
display: none !important;
}
.invert-columns-order {
flex-direction: column-reverse;
}
div :where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
}
@media (max-width: 781px) {
body:not(.home) div #wrapperInner div#text > iframe[src*="maps"] {
height: 50vw;
}
body:not(.home) #wrapperInner .wp-block-column iframe,
body:not(.home) #wrapperInner .wp-block-columns > div:not(:only-child) iframe {
height: 50vw;
max-height: initial;
}
}
@media (max-width: 980px) {
body #baguetteBox-overlay .full-image img {
max-height: 85%;
max-width: 85%;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display > figure {
margin: 0 0 1.2em 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display {
gap: 1.2em;
}
html body {
--wp--preset--spacing--20: 2.5vw;
--wp--preset--spacing--30: 2.5vw;
--wp--preset--spacing--40: 2.5vw;
--wp--preset--spacing--50: 5vw;
--wp--preset--spacing--60: 5vw;
--wp--preset--spacing--70: 5vw;
}
}
@media (max-width: 850px) {
body:not(.home) #wrapperInner figure.wp-block-gallery > figure {
width: 48% !important;
margin: 0 4% 4% 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(even) {
margin-right: 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure img {
max-height: initial !important;
height: 26vw !important;
}
} body.error404 article a,
body:not(.home) #wrapperInner a.wp-block-button__link,
div div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
div div.wpforms-container-full button[type=submit]:active,
div div.wpforms-container-full button[type=submit],
footer a.wp-block-button__link,
#nested ul.firstLevel li.btn a,
#home_top > div.texte > :last-child a,
#edito .gauche > p:last-child a,
#durable .droite > p:last-of-type a {
border-radius: 8px;
display: inline-block;
background: #2E7ABF;
color: #FFFFFF;
padding: 13px 25px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.01em;
text-decoration: none;
transition: 0.3s;
border: none;
font-size: 17px;
height: auto;
box-shadow: none;
}
body.error404 article a:hover,
body:not(.home) #wrapperInner a.wp-block-button__link:hover,
div div.wpforms-container-full button[type=submit]:hover,
footer a.wp-block-button__link:hover,
#nested ul.firstLevel li.btn a:hover,
#home_top > div.texte > :last-child a:hover,
#edito .gauche > p:last-child a:hover,
#durable .droite > p:last-of-type a:hover {
background: #56B998;
text-decoration: none;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
} footer a.wp-block-button__link {
background: #56B998;
}
#nested ul.firstLevel li.btn a:hover,
footer a.wp-block-button__link:hover {
background: #2F2483;
}
.ltrspacing,
#wrapper p,
#wrapper li {
letter-spacing: 0.01em;
}
#trois_blocs .texte > p:last-child a,
#recrute > :last-child a {
color: #FFFFFF;
font-size: 17px;
font-weight: 600;
text-decoration: none;
background: url(//www.tbpfm.fr/wp-content/themes/tbpfm/images/arrow.svg) no-repeat right center;
padding: 0 22px 2px 0;
}
#trois_blocs .texte > p:last-child a:hover,
#recrute > :last-child a:hover {
text-decoration: underline;
}
.has-noir-color { color: #2F2483 !important; }
.has-noir-background-color { background-color: #2F2483 !important; }
.has-blanc-color { color: #FFFFFF !important; }
.has-blanc-background-color { background-color: #FFFFFF !important; }
.has-bleu-fonce-color { color: #2F2483 !important; }
.has-bleu-fonce-background-color { background-color: #2F2483 !important; }
.has-bleu-color { color: #2E7ABF !important; }
.has-bleu-background-color { background-color: #2E7ABF !important; }
.has-bleu-ciel-color { color: #E9F1F9 !important; }
.has-bleu-ciel-background-color { background-color: #E9F1F9 !important; }
.has-vert-color { color: #56B998 !important; }
.has-vert-background-color { background-color: #56B998 !important; }
.is-content-justification-center {
justify-content: center;
}
#nested ul.firstLevel li.btn a {
margin: 9px 0 0 17px;
background: #56B998;
}
footer a.wp-block-button__link {
margin-bottom: 32px;
}
.footer_coord .wp-block-group__inner-container > :nth-child(1) {
font-size: 24px;
color: #2E7ABF;
margin-bottom: 15px;
}
.footer_coord .wp-block-group__inner-container > :nth-child(3) a {
font-size: 18px;
color: #2E7ABF;
font-weight: 700;
}
.footer_rs img {
transition: 0.3s;
}
.footer_rs img:hover {
opacity: 0.7;
}
header.scrolled {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
height: 77px;
}
header.scrolled #logo {
left: 40px;
top: 14px;
}
header.scrolled #logo img {
height: 50px;
}
#home_top {
padding-top: 160px;
height: calc(100vh - 200px);
display: flex;
justify-content: space-between;
margin-bottom: 100px;
}
#home_top > div {
width: 48%;
box-sizing: border-box;
position: relative;
}
#home_top > div.texte {
padding-left: calc(50% - 570px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
body.home h1,
#home_top > div.texte > p:nth-child(2),
#home_top > div.texte > p:nth-child(3) {
position: relative;
left: -30px;
opacity: 0;
animation: slideFromLeft 0.6s;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-fill-mode: forwards;
}
body.home h1 {
animation-delay: 0.4s;
}
#home_top > div.texte > p:nth-child(2) {
animation-delay: 0.6s;
}
#home_top > div.texte > p:nth-child(3) {
animation-delay: 0.8s;
}
@keyframes slideFromLeft {
0% {
left: -30px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
body.home h2 {
margin-top: 0;
}
#home_top > div.texte > * {
max-width: 490px;
}
#home_top p {
margin: 35px 0 0 0;
}
h1 em, h2 em {
color: #56B998;
}
#home_top > div.diapo:not(.slick-initialized) {
overflow: hidden;
height: 100%;
}
#home_top > div.diapo:not(.slick-initialized) > div {
height: 100%;
}
#home_top .diapo img {
height: 100%;
width: 100%;
object-fit: cover;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
#home_top .diapo > div:not(:first-child) img {
display: none;
}
#home_top .slick-slide {
float: none;
height: auto;
}
#home_top .slick-track {
display: flex;
}
#home_top .slick-list,
#home_top .slick-track {
height: 100%;
}
ul.slick-dots {
margin: 0;
position: absolute;
bottom: 35px;
display: flex;
justify-content: center;
gap: 10px;
left: 0;
right: 0;
}
ul.slick-dots > li > button {
opacity: 0;
visibility: hidden;
}
ul.slick-dots > li {
width: 12px;
height: 12px;
background: #FFFFFF;
line-height: 1;
border-radius: 50%;
transition: 0.3s;
overflow: hidden;
text-indent: -9999px;
cursor: pointer;
}
ul.slick-dots > li.slick-active {
background: #56B998;
}
#trois_blocs {
position: relative;
margin-bottom: 140px;
}
#trois_blocs > svg {
pointer-events: none;
z-index: -1;
position: absolute;
left: -675px;
top: -200px;
}
#trois_blocs .container {
width: 90%;
max-width: 1140px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#trois_blocs .bloc {
width: 31%;
background: #2F2483;
border-radius: 16px;
overflow: hidden;
transition: 0.4s;
}
#trois_blocs .bloc > div:nth-child(1) {
height: 305px;
overflow: hidden;
position: relative;
}
#trois_blocs .bloc > div:nth-child(1) img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
}
#trois_blocs .bloc > div:nth-child(1):after {
content: '';
pointer-events: none;
width: 100%;
height: 220px;
background: linear-gradient(0deg, #2F2483, transparent);
position: absolute;
bottom: 0;
left: 0;
}
#trois_blocs .texte {
color: #FFFFFF;
padding: 0 40px 80px 40px;
box-sizing: border-box;
height: calc(100% - 250px);
margin-top: -55px;
position: relative;
}
#trois_blocs .texte h2 {
margin: 0 0 38px 0;
position: relative;
max-width: 180px;
}
#trois_blocs h2:after {
content: '';
width: 100px;
height: 2px;
background: #56B998;
position: absolute;
left: 0;
bottom: -22px;
border-radius: 2px;
}
#trois_blocs p {
margin: 0;
}
#trois_blocs .texte > :last-child {
position: absolute;
bottom: 40px;
right: 40px;
}
@media (min-width: 901px) {
#trois_blocs .bloc.is_hovered > div:nth-child(1) img {
transform: scale(1.1);
}
#trois_blocs .bloc.is_hovered {
box-shadow: 0 0 15px rgba(0,0,0,0.2);
width: 32.5%;
}
}
#trois_blocs .texte * {
max-width: 275px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1670px) {
#trois_blocs > svg {
left: -465px;
}
}
#edito {
width: 90%;
max-width: 1140px;
margin: 0 auto 315px;
display: flex;
align-items: center;
justify-content: space-between;
}
#edito .gauche {
width: 35%;
}
#edito .droite {
width: 57%;
}
#edito .droite img {
height: 536px;
width: 100%;
object-fit: cover;
border-radius: 24px;
}
#edito p {
margin: 25px 0 0 0;
}
#edito h2,
#durable h2 {
margin-bottom: 45px;
}
#durable {
width: 90%;
max-width: 1140px;
margin: 0 auto 100px;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
#durable > div {
width: 43%;
}
#durable .gauche {
background: #56B998;
color: #FFFFFF;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
position: relative;
padding: 70px 0;
}
#durable .gauche:before {
content: '';
background: #56B998;
pointer-events: none;
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
width: 9999px;
right: 100%;
}
#durable .gauche p {
max-width: 340px;
}
#durable .gauche .bloc {
position: relative;
}
#durable .icone {
width: 120px;
height: 120px;
background: #F0F8FF;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: -60px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 20px 20px rgba(47, 36, 131, 0.2);
}
#durable .gauche p {
margin: 0;
}
#durable .gauche > div:not(:last-child) {
margin-bottom: 40px;
}
#durable .gauche .bloc > p:first-child {
color: #2F2483;
font-weight: 700;
font-size: 24px;
margin: 0 0 10px 0;
}
#durable .droite *:not(.logos) {
max-width: 465px;
}
#durable .droite p {
margin: 20px 0 0 0;
}
#durable .logos {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 50px;
margin-top: 90px;
}
#oebcn {
position: relative;
margin-bottom: 140px;
padding-top: 105px;
}
#oebcn .container {
width: 90%;
max-width: 1140px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
#oebcn > span {
font-size: 140px;
display: block;
line-height: 105px;
color: #E9F1F9;
font-family: 'Barlow Condensed';
font-style: italic;
text-transform: uppercase;
position: absolute;
left: -15px;
top: 0;
z-index: -1;
pointer-events: none;
}
#oebcn > span:nth-child(2) {
top: 105px;
left: 230px;
}
#oebcn .gauche {
width: 34%;
}
#oebcn .droite {
width: 57%;
}
#oebcn .droite img {
height: 100%;
max-height: 400px;
width: 100%;
object-fit: cover;
border-radius: 24px;
}
@media (min-width: 1350px) {
#oebcn > span:nth-child(2) {
left: auto;
right: -20px;
}
}
#oebcn .gauche > p:nth-child(2) {
font-size: 18px;
font-weight: 700;
color: #2E7ABF;
margin-top: 25px;
}
#recrute {
width: 90%;
max-width: 1140px;
background: linear-gradient(270deg, #362998, #100A43);
margin: 0 auto 140px;
border-radius: 24px;
position: relative;
padding: 50px 50px 48px 615px;
box-sizing: border-box;
color: #FFFFFF;
}
#recrute .camion {
position: absolute;
left: 100px;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
#recrute .camion > img:nth-child(1) {
filter: drop-shadow(20px 20px 40px rgba(47, 36, 131, 0.42));
}
#recrute .camion > img:nth-child(2) {
position: absolute;
left: -25px;
max-width: initial;
}
#recrute p {
margin: 15px 0 0 0;
}
#recrute > :last-child a {
margin-top: 8px;
display: inline-block;
}
body:not(.home) #home_top {
height: auto;
margin: 0;
min-height: 270px;
}
body:not(.home) #home_top > div.titre {
width: 32%;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
body:not(.home) h1 {
background: #E9F1F9;
padding: 50px;
box-sizing: border-box;
width: 100%;
margin-top: 85px;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
body:not(.home) #home_top > div.image {
width: 66%;
}
body:not(.home) #home_top > div.image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
body:not(.home) #home_top > div.image .widget_breadcrumb {
position: absolute;
left: 20px;
bottom: 20px;
z-index: -1;
}
body:not(.home) #home_top > div.image > .widget_breadcrumb:only-child {
background: #2F2483;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
text-indent: -9999px;
overflow: hidden;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
.txtdeco_none a {
text-decoration: none;
}
body.error404 article {
text-align: center;
}
:root {
--wpforms-label-color: #2F2483;
}
.mgnbtm5 {
margin-bottom: 5px;
}
.w100 {
width: 100%;
}
div .wp-block-image .is-style-rounded img,
div .wp-block-image.is-style-circle-mask img,
div .wp-block-image.is-style-rounded img,
.border-radius {
border-radius: 20px;
overflow: hidden;
}
@media (min-width: 1740px) {
body:not(.home) #home_top > div.titre {
width: 550px;
}
body:not(.home) #home_top > div.image {
width: calc(100% - 585px);
}
}
body:not(.home) h2 {
margin-bottom: 20px;
}
body:not(.home) #wrapper .has-blanc-color ul li:before {
background: #FFFFFF;
}
.mgtop0 {
margin-top: 0 !important;
}
@media (min-width: 1100px) and (max-height: 930px) {
#home_top > div.texte {
padding-bottom: 80px;
}
}
@media (min-width: 1100px) and (max-height: 860px) {
#home_top > div.texte {
padding-bottom: 0;
padding-top: 40px;
}
#trois_blocs > svg {
top: -55px;
}
#edito {
margin-bottom: 120px;
}
}
@media (min-width: 1100px) and (max-height: 780px) {
#home_top > div.texte {
justify-content: flex-end;
padding-bottom: 30px;
}
}
@media (min-width: 1100px) and (max-width: 1600px) and (max-height: 670px) {
#home_top > div.texte {
padding-bottom: 15px;
}
#home_top p {
margin: 25px 0 0 0;
}
body.home h1 {
font-size: 50px;
}
}
@media (min-width: 1100px) and (max-width: 1600px) and (max-height: 600px) {
#home_top > div.texte > p:nth-child(2) {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 130px;
}
}
@media (max-width: 1600px) {
header {
height: 120px;
}
#home_top {
padding-top: 120px;
height: calc(100vh - 150px);
}
#logo img {
height: 118px;
}
h1 {
font-size: 60px;
}
h2, #oebcn .gauche > p:first-child {
font-size: 36px;
}
}
@media (min-width: 2290px) {
#trois_blocs > svg {
left: -275px;
}
}
@media (max-width: 1240px) {
#home_top > div.texte {
padding-left: 5%;
}
header, header.scrolled {
height: 90px;
}
#home_top {
padding-top: 90px;
height: 45vw;
}
#trois_blocs > svg {
display: none;
}
#edito {
margin-bottom: 90px;
}
#home_top > div.texte {
padding-bottom: 0;
}
#logo img {
height: 80px;
}
#logo {
left: 35px;
top: 20px;
}
header.scrolled #logo img {
height: 62px;
}
}
@media (max-width: 1040px) {
#home_top {
height: auto;
flex-direction: column;
gap: 5vw;
padding-top: 145px;
}
#home_top > div.texte {
width: 95%;
}
#home_top > div.texte > * {
max-width: 100%;
}
#home_top p {
margin: 25px 0 0 0;
}
#home_top > div.texte > h1 {
max-width: 750px;
}
#home_top > div.diapo {
width: 90%;
margin: 0 auto;
}
#home_top .diapo img {
border-radius: 24px;
}
#home_top > div.diapo,
#home_top > div.diapo:not(.slick-initialized) {
height: 60vw;
}
}
@media (max-width: 900px) {
#trois_blocs .container {
flex-direction: column;
gap: 5vw;
}
#trois_blocs .bloc {
width: 100%;
}
#trois_blocs .texte *,
#trois_blocs .texte h2 {
max-width: 100%;
}
#trois_blocs .bloc > div:nth-child(1) {
height: 45vw;
}
#trois_blocs .texte {
height: auto;
}
}
@media (max-width: 1240px) {
#edito {
flex-direction: column;
gap: 5vw;
}
#edito .gauche {
width: 100%;
}
#edito .droite {
width: 100%;
}
#edito .droite img {
height: 74vw;
}
#trois_blocs {
margin-bottom: 95px;
}
#edito h2, #durable h2 {
margin-bottom: 25px;
}
}
@media (max-width: 1130px) {
#durable {
flex-direction: column;
gap: 65px;
margin-bottom: 60px;
}
#durable > div {
width: 100%;
}
#durable .droite *:not(.logos) {
max-width: 100%;
}
#durable .logos {
justify-content: center;
}
#durable .gauche p {
max-width: 100%;
}
#durable .gauche {
border-radius: 0px;
}
#durable .gauche:after {
content: '';
background: #56B998;
left: 100%;
width: 9999px;
top: 0;
bottom: 0;
position: absolute;
pointer-events: none;
z-index: -1;
}
#durable .icone img {
height: 35px;
}
#durable .icone {
width: 90px;
height: 90px;
right: 0;
}
#durable .gauche .bloc > *:not(.icone) {
max-width: calc(100% - 130px);
}
}
@media (max-width: 960px) {
#oebcn .container {
position: relative;
border-radius: 24px;
overflow: hidden;
}
#oebcn .gauche {
background: rgba(255,255,255,0.8);
position: relative;
width: 100%;
box-sizing: border-box;
padding: 40px 7.5vw;
z-index: 2;
}
#oebcn .droite {
position: absolute;
top: 0;
width: 100%;
left: 0;
height: 100%;
}
#oebcn .droite img {
border-radius: 0px;
max-height: initial;
}
#oebcn {
margin-bottom: 100px;
padding-top: 110px;
}
#oebcn > span {
font-size: 12.7vw;
}
#oebcn > span:nth-child(2) {
display: none;
}
}
@media (max-width: 1150px) {
#recrute {
padding: 50px;
display: flex;
flex-direction: column;
text-align: center;
margin-bottom: 65px;
align-items: center;
}
#recrute .camion {
position: relative;
left: 0;
order: 4;
margin-top: 40px;
}
#recrute .camion > img:nth-child(2) {
height: 90px;
left: -15px;
bottom: 130px;
}
}
@media (max-width: 670px) {
#footerInner {
flex-direction: column;
gap: 30px;
padding: 60px 0;
}
}
@media (max-width: 1480px) {
body:not(.home) #home_top > div.titre {
width: 36%;
}
body:not(.home) #home_top > div.image {
width: 61%;
}
}
@media (max-width: 1300px) {
h1 {
font-size: 54px;
}
}
@media (max-width: 1180px) {
body:not(.home) #home_top > div.titre {
width: 100%;
z-index: 2;
}
body:not(.home) h1 {
margin: 0;
text-align: center;
border-radius: 0;
background: rgba(233, 241, 249, 0.75);
}
body:not(.home) #home_top > div.image {
position: absolute;
width: 100%;
top: 90px;
bottom: 0;
}
body:not(.home) #home_top {
padding-top: 90px;
min-height: 0;
position: relative;
}
body:not(.home) #home_top > div.image img {
border-radius: 0px;
}
body:not(.home) #logo {
top: 14px;
left: 35px;
}
body:not(.home) #logo img {
height: 62px;
}
div#wpforms-11 {
margin-top: -5px;
}
body:not(.home) #home_top > div.image > .widget_breadcrumb:only-child {
border-radius: 0px;
background: #E9F1F9;
}
}
@media (max-width: 500px) {
body:not(.home) #wrapperInner div#text > *:not(.wp-block-cover):not(.wp-block-group), 
body:not(.home) #wrapperInner div#text > figure, 
body:not(.home) #wrapperInner div#text > ul, 
body:not(.home) #wrapperInner div#text > .wp-block-group > .wp-block-group__inner-container, 
body:not(.home) #wrapperInner div#text > p,
#home_top > div.diapo,
#trois_blocs .container,
#edito,
#durable,
#oebcn .container, #recrute,
body:not(.home) div .wp-block-cover .wp-block-cover__inner-container {
width: 86%;
}
.baguetteBox-button#previous-button,
.baguetteBox-button#next-button {
display: block !important;
transform: scale(0.7);
}
header div #nested .contentSmart span {
width: 22px;
}
header div #nested .contentSmart > span:nth-child(2) {
margin: 5px 0px;
}
body.menu_open header div #nested .contentSmart > span:nth-child(3) {
top: -6px;
}
body.menu_open header div #nested .contentSmart > span:nth-child(1) {
top: 8px;
}
#nested ul.firstLevel > li {
max-width: 80vw;
}
#nested ul.firstLevel li a {
font-size: 18px;
}
#nested ul.firstLevel > li.menu-item-has-children > a:after {
right: -1px;
top: 10px;
}
#nested ul.firstLevel li ul li a {
font-size: 14px;
}
body:not(.home) #wrapperInner {
padding-top: 45px;
}
.wp-block-spacer {
max-height: 50px;
}
body:not(.home) #wrapperInner p + .wp-block-spacer {
margin-top: -5px;
}
#container {
margin: 0px 0px 60px 0px;
}
body:not(.home) h3 {
margin-bottom: 10px;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure {
width: 48% !important;
margin: 0 4% 4% 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(2),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(4),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(6),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(8),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(10),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(12),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(14),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(16),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(18),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(20),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(22),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(24),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(26),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(28) {
margin-right: 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure img {
height: 30vw !important;
}
td {
font-size: 14px;
}
html body {
--wp--preset--spacing--20: 5vw;
--wp--preset--spacing--30: 5vw;
--wp--preset--spacing--40: 5vw;
--wp--preset--spacing--50: 7.5vw;
--wp--preset--spacing--60: 7.5vw;
--wp--preset--spacing--70: 7.5vw;
--wp--preset--spacing--80: 45px;
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 18px;
--wp--preset--font-size--large: 24px;
--wp--preset--font-size--x-large: 30px;
}
#nested ul.firstLevel > li {
padding-left: 15px;
}
div .wp-block-cover, 
div .wp-block-cover-image {
min-height: 350px;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-5,
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-4,
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-3 {
columns: 2;
}
.wp-block-columns {
margin-bottom: 1.75em;
}
div .wpforms-container .wpforms-submit-container {
text-align: center;
margin-bottom: 15px;
}
#wrapper div .wpforms-field-container div.wpforms-field {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-bottom: 8px;
}
#home_top > div.texte {
width: 100%;
padding: 0 7%;
}
footer #signature {
padding-left: 7%;
padding-right: 7%;
}
header {
height: 80px;
}
body:not(.home) #home_top {
padding-top: 80px;
}
body:not(.home) #home_top > div.image {
top: 80px;
}
header.scrolled {
height: 60px;
}
body:not(.home) #logo img,
#logo img {
height: 52px;
}
body:not(.home) header.scrolled #logo img,
header.scrolled #logo img {
height: 34px;
}
#logo,
header.scrolled #logo,
body:not(.home) #logo {
left: 25px;
}
header div #nested {
right: 20px;
}
ul.slick-dots {
bottom: 20px;
}
#logo {
top: 14px;
}
h1 {
font-size: 11.8vw;
}
#home_top {
gap: 50px;
padding-top: 100px;
margin-bottom: 65px;
}
body.error404 article a, body:not(.home) #wrapperInner a.wp-block-button__link, div div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div div.wpforms-container-full button[type=submit]:active, div div.wpforms-container-full button[type=submit], footer a.wp-block-button__link, #nested ul.firstLevel li.btn a, #home_top > div.texte > :last-child a, #edito .gauche > p:last-child a, #durable .droite > p:last-of-type a {
font-size: 15px;
transition: 0.1s;
}
h2, #oebcn .gauche > p:first-child {
font-size: 30px;
}
#trois_blocs .texte {
padding: 0 7vw 80px 7vw;
}
#trois_blocs .texte > :last-child {
bottom: 30px;
right: 35px;
}
#trois_blocs .container {
gap: 7vw;
}
#trois_blocs {
margin-bottom: 65px;
}
#edito p,
#durable .droite p {
margin: 15px 0 0 0;
}
#edito {
margin-bottom: 65px;
gap: 7vw;
}
#edito h2, #durable h2 {
margin-bottom: 0;
}
#edito .gauche > p:last-child a {
margin-top: 5px;
}
#edito .droite img {
height: 71vw;
}
#durable .gauche .bloc > p:first-child {
font-size: 20px;
line-height: 1.2em;
}
#durable .icone img {
height: 28px;
max-width: 40px;
object-fit: contain;
}
#home_top p {
margin: 20px 0 0 0;
}
#durable .icone {
width: 70px;
height: 70px;
}
#durable .gauche .bloc > *:not(.icone) {
max-width: calc(100% - 100px);
}
#durable .droite > p:last-of-type a {
margin-top: 5px;
}
#durable .droite .logos img {
max-width: 70px;
max-height: 60px;
height: auto;
width: auto;
}
#durable .logos {
margin-top: 50px;
gap: 30px;
}
#oebcn > span {
font-size: 13vw;
line-height: 1;
}
#oebcn {
margin-bottom: 60px;
padding-top: 26vw;
}
#recrute .camion > img:nth-child(1) {
height: auto;
}
#recrute .camion > img:nth-child(2) {
display: none;
}
#recrute p {
margin: 10px 0 0 0;
}
.footer_rs .wp-block-image img,
.wp-block-image img.wp-image-131,
.wp-block-image img.wp-image-136 {
width: auto;
height: 26px;
}
footer a.wp-block-button__link {
margin-bottom: 25px;
margin-top: -5px;
}
#durable .gauche {
padding: 60px 0;
}
#durable .gauche > div:not(:last-child) {
margin-bottom: 30px;
}
body:not(.home) h1 {
padding: 45px 7vw;
}
.wp-block-columns + .wp-block-spacer {
max-height: 35px;
}
.wp-block-columns + .wp-block-spacer + h2 {
margin-top: 0;
}
.wp-block-columns.gap20,
.wp-block-columns.gap30 {
gap: 35px;
}
figure.is-resized img {
height: auto !important;
}
#nested ul.firstLevel li.btn a:hover {
background: #2E7ABF;
}
div div.wpforms-container-full .wpforms-form .wpforms-submit-container {
margin-top: 25px;
}
}
@media (min-width: 1301px) {
body.page-id-548 h1,
body.page-id-590 h1,
body.page-id-643 h1 {
font-size: 60px;
}
body.page-id-618 h1,
body.page-id-677 h1,
body.page-id-143 h1,
body.page-id-776 h1,
body.page-id-839 h1 {
font-size: 54px;
}
}
.wp-block-column.bordure {
border: 2px solid #E9F1F9;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
}
body:not(.home) #wrapperInner p.read_more {
text-decoration: underline;
font-weight: 600;
text-underline-offset: 2px;
text-decoration-thickness: 2px;
cursor: pointer;
display: inline-block;
margin-bottom: 0;
}
div:not(.all_txt_visible) > p.read_more ~ * {
display: none;
}
.wp-block-column.bordure img {
height: auto;
max-height: 115px;
width: auto;
max-width: 270px;
}
.pretty {
text-wrap-style: balance;
}