Nos metiers
Les clients et leur satisfaction sont au centre de nos attentions et nous travaillons tous avec cette dynamique pour y contribuer dans nos missions respectives.
Je découvre
Carrières
Rubriques
Notre culture d’entreprise contribue à veiller à l’épanouissement des collaborateurs, à les accompagner dans leur parcours professionnel grâce à une écoute attentive et un management de proximité.
Nos offres d’emploi
Vous souhaitez nous rejoindre ?
Consultez nos offres d'emploi et déposez votre candidature.
.fade-in {
opacity: 0;
transform: translateX(0);
transition: opacity .6s ease, transform .6s ease;
}
.fade-in.is-visible {
opacity: 1;
transform: translateY(0);
}
.fade-left {
transform: translateX(-50px);
}
.fade-right {
transform: translateX(50px);
}
.breadcrumbs{
padding-top: 0;
padding-bottom: 0;
margin-bottom: 25px;
display: flex;
background: linear-gradient(90deg, #fff 253px, transparent 245px);
}
.breadcrumbs .items {
color: #7f898e;
margin: 0;
padding: 0;
list-style: none none;
background: linear-gradient(#efefef, white 5%);
padding: 10px 20px;
padding-left: 0;
/* border-top: solid 1px red; */
border-bottom-right-radius: 20px;
}
.page-wrapper>.breadcrumbs{
padding-top: 0;
}
.subheader-block h1 {
color: #fff;
font-size: 46px;
line-height: 55px;
max-width: 820px;
letter-spacing: normal;
margin: 0 auto;
margin-bottom: 0;
line-height: normal;
}
.subheader-block h1:only-child {
margin-bottom: 80px;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay{
align-items: end!important;
}
.hero *{
box-sizing: border-box;
}
.hero .nav.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
box-shadow: 0 7px 15px #00000025;
background: #ffffff;
padding: 20px;
}
.hero .nav.fixed ul{
margin: 0;
}
.cms-page-view .subheader-block .hero .nav.fixed ul li a {
color: #000!important;
}
.subheader-block .nav span {
display: none;
}
.subheader-block .nav ul {
padding-left: 0px;
display: flex;
list-style: none;
justify-content: center;
margin-top: 60px;
}
.subheader-block .nav ul li {
margin: 0 20px;
}
.cms-page-view .subheader-block .nav ul li a {
font-size: 18px;
color: #ffffff !important;
text-decoration: none;
font-family: "wuerthbold", sans-serif;
font-weight: normal;
}
.page-layout-modyf-cms-page .large-text-block p,
.page-layout-category-job-page .large-text-block p {
font-size: 24px;
line-height: 36px;
text-align: center;
max-width: 820px;
}
.page-layout-modyf-cms-page .page-main div.small-text-block {
max-width: 586px;
}
.page-layout-modyf-cms-page .page-main div.small-text-block.ecovadis {
border: solid 2px #EFC85F;
border-radius: 20px;
width: auto;
position: relative;
padding: 20px;
padding-left: 90px;
max-width: fit-content;
}
.page-layout-modyf-cms-page .page-main div.small-text-block.ecovadis::before {
position: absolute;
width: 167px;
height: 167px;
content: "";
background-image: url("https://assets.ecovadis-survey.com/csr-recognition/5C5D1BE48224D7F52000686B088A70D452367582EE5E05B6665D7A5F91DBA4F8.svg");
left: 0;
top: 50%;
transform: translate(-50%, -50%);
}
.page-layout-modyf-cms-page p, .page-layout-modyf-cms-page .columns ul li {
color: #000;
}
.page-layout-modyf-cms-page .large-text-block p {
color: #818a8f;
}
.ecovadis p {
max-width: 420px;
}
a.cta, .pagebuilder-banner-wrapper .pagebuilder-banner-button, span.cta {
font-family: "Wuerthbold";
color: black !important;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px;
background: none;
margin: 0;
padding: 0;
position: relative;
border: none;
display: flex!important;
align-items: center;
}
a.cta::after, .pagebuilder-banner-wrapper .pagebuilder-banner-button::after, span.cta::after {
width: 24px;
height: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd' stroke='rgba(204,0,0,0.99)' stroke-width='2'%3E%3Cpath d='M4 12h14M15 17l5-5-5-5'/%3E%3C/g%3E%3C/svg%3E");
content: '';
display: inline-block;
margin-left: 10px;
}
.ecovadis a:hover, .pagebuilder-banner-wrapper .pagebuilder-banner-button:hover {
color: #cc0000;
background-color: transparent;
border: none;
background-color: none;
}
.box {
display: flex;
align-items: center;
width: fit-content;
margin: 40px auto;
border-radius: 20px;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.08) 0 7px 22px;
}
.box picture {
font-size: 0;
display: block;
}
.box:hover {
text-decoration: none;
}
.box:hover span {
color: #c00;
}
.box img {
width: 514px;
margin-bottom: 0;
transition: 0.3s;
}
.box:hover img {
transform: scale(1.05);
}
.box div {
padding: 40px;
text-align: left;
}
.box div p:first-child {
font-family: "wuerthbold";
color: #818a8f;
text-transform: uppercase;
font-size: 14px;
}
.box div p:nth-child(2) {
font-family: "wuerthbold";
color: #000;
font-size: 24px;
}
.text-link {
font-size: 18px;
line-height: 24px;
color: #000;
font-family: "wuerthbold";
}
.text-link:hover {
color: #c00;
text-decoration: none;
}
.text-link::after {
width: 24px;
height: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd' stroke='rgba(204,0,0,0.99)' stroke-width='2'%3E%3Cpath d='M4 12h14M15 17l5-5-5-5'/%3E%3C/g%3E%3C/svg%3E");
content: '';
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
#html-body .three-cards {
max-width: 1327px;
margin: 0 auto;
}
#html-body .three-cards .pagebuilder-column-group .pagebuilder-column {
padding: 0;
}
#html-body .three-cards .pagebuilder-column-line {
justify-content: space-between;
}
#html-body .three-cards .left,
#html-body .three-cards .right {
max-width: 609px;
}
#html-body .three-cards .left div[data-content-type=text] {
display: flex;
height: 100%;
flex-flow: column;
justify-content: space-between;
}
#html-body .three-cards .bottom {
margin-top: 100px;
}
#html-body .three-cards .card {
display: flex;
border: 1px solid #e1e3e3;
flex-direction: column;
height: 100%;
padding: 0;
box-shadow: none;
}
#html-body .three-cards .card .text, #html-body .horizontal-cards .card .text {
padding: 30px 64px;
}
#html-body .three-cards .bottom .card {
flex-direction: row;
align-items: center;
}
#html-body .three-cards .bottom .card img, #html-body .horizontal-cards .card img {
max-width: max-content;
display: block;
}
#html-body .three-cards .card h2 {
margin-top: 0;
}
#html-body .three-cards .card a.cta {
margin-top: 15px;
}
.rounded-tl {
border-top-left-radius: 20px;
overflow: hidden;
}
.rounded-tr {
border-top-right-radius: 20px;
overflow: hidden;
}
.rounded-bl {
border-bottom-left-radius: 20px;
overflow: hidden;
}
.rounded-br {
border-bottom-right-radius: 20px;
overflow: hidden;
}
.rounded-b {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}
.rounded {
border-radius: 20px;
}
#html-body .three-cards picture {
font-size: 0;
display: block;
}
#html-body .horizontal-cards .card {
display: flex;
border: 1px solid #e1e3e3;
flex-direction: row;
align-items: center;
margin-bottom: 100px;
padding: 0;
box-shadow: none;
}
#html-body .horizontal-cards div[data-content-type="text"]:nth-child(even) .card{
flex-direction: row-reverse;
justify-content: space-between;
}
#html-body .horizontal-cards div[data-content-type="text"]:first-child .card{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
overflow: hidden;
}
#html-body .horizontal-cards div[data-content-type="text"]:last-child .card{
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
overflow: hidden;
}
#html-body .horizontal-cards a.cta{
margin-top: 30px;
}
.small-text-block ul {
list-style: none;
padding-left: 68px;
margin-top: 20px;
}
.small-text-block li {
position: relative;
margin: 15px 0;
}
.small-text-block li::before {
content: "";
display: block;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1308_4971)'%3E%3Cg clip-path='url(%23clip1_1308_4971)'%3E%3Cpath d='M19 6L11 18H9L5 13' stroke='%23CC0000' stroke-width='3' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1308_4971'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_1308_4971'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
height: 24px;
width: 24px;
position: absolute;
transform: translateX(calc(-100% - 10px));
}
#html-body.page-layout-modyf-cms-page .master-bio-block .pagebuilder-column-group .pagebuilder-column.center,
#html-body.page-layout-category-job-page .master-bio-block .pagebuilder-column-group .pagebuilder-column.center {
padding: 0;
}
#html-body.page-layout-modyf-cms-page .master-bio-block .main-text,
#html-body.page-layout-category-job-page .master-bio-block .main-text {
max-width: 586px;
}
#html-body.page-layout-modyf-cms-page .master-bio-block .img-to-right,
#html-body.page-layout-category-job-page .master-bio-block .img-to-right {
font-size: 0;
display: block;
}
#html-body div[data-content-type="row"] .text-image{
display: flex;
flex-direction: row;
align-items: center;
padding: 140px 96px;
}
#html-body div[data-content-type="row"] .text-image [data-content-type="text"]{
height: max-content;
}
#html-body div[data-content-type="row"] .text-image [data-content-type="image"]{
margin-left: 110px;
}
#html-body div[data-content-type="row"] .text-image [data-content-type="image"] *{
height: auto;
max-width: max-content;
}
.identity .pagebuilder-column-line{
justify-content: center;
align-items: center;
}
.identity .logos{
max-width: 466px;
text-align: center;
}
.identity .logos figure{
margin: 35px 0;
}
.identity .text{
max-width: 693px;
height: max-content;
align-self: auto!important;
margin-left: 100px;
}
.bentos{
padding: 60px;
display: flex;
align-items: center;
justify-content: center;
}
#grid{
max-width: 1240px;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(4, auto);
gap: 20px;
}
#grid * {
box-sizing: border-box;
}
#grid .bloc, #grid2 .bloc{
background-color: #fff;
border-radius: 20px;
}
#logo-WM{
grid-column: span 4 / span 4;
grid-row: span 2 / span 2;
display: flex;
align-items: center;
justify-content: center;
}
#logo-WM svg{
height: 100%;
width: auto;
}
#grid .bloc p{
margin: 0;
font-family: "wuerthbold", sans-serif;
line-height: normal;
font-size: inherit;
}
#grid #collab{
grid-column: span 4 / span 4;
grid-column-start: 5;
}
#grid #clients{
grid-column: span 4 / span 4;
grid-column-start: 5;
grid-row-start: 2;
}
#grid #collab, #grid #clients{
display: flex;
align-items: center;
flex-flow: column;
justify-content: space-evenly;
padding: 20px;
height: 220px;
}
#grid #collab p, #grid #clients p{
text-align: center;
font-size: 32px;
}
#grid #collab p:nth-child(2), #grid #clients p:nth-child(2){
font-size: 70px!important;
color: #c00;
font-family: "wuerthbold", sans-serif;
}
#ref{
background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/bento-produits.jpg);
display: flex;
flex-flow: column;
align-items: flex-end;
padding: 20px;
grid-column: span 4 / span 4;
grid-column-start: 9;
grid-row-start: 1;
}
#grid #ref p{
color: #fff;
font-size: 17px;
}
#grid #ref p:nth-child(2){
font-size: 38px;
line-height: 1;
}
#customer-group{
background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/bento-vetement.png);
background-repeat: no-repeat;
background-position: bottom right;
padding: 20px;
padding-bottom: 44px;
display: flex;
flex-flow: column;
justify-content: space-between;
grid-column: span 4 / span 4;
grid-column-start: 9;
grid-row-start: 2;
}
#grid #customer-group p{
font-size: 18.5px;
line-height: 1.5;
}
#grid #customer-group p:first-child{
font-family: "wuerthbook", sans-serif;
}
#map {
grid-column: span 4 / span 4;
grid-row: span 2 / span 2;
grid-column-start: 9;
grid-row-start: 3;
background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/map.png);
background-repeat: no-repeat;
padding: 20px;
height: 306px;
}
#grid #map p{
font-size: 32px;
}
#wurth-group {
grid-column: span 8 / span 8;
grid-column-start: 1;
grid-row-start: 3;
display: flex;
align-items: center;
justify-content: center;
height: 150px;
font-size: 32px;
}
#wurth-group svg{
margin-left: 10px;
}
#taux{
grid-column: span 4 / span 4;
grid-row-start: 4;
display: flex;
align-items: center;
justify-content: center;
height: 136px;
}
#grid #taux p{
font-size: 23px;
}
#grid #taux p:last-child{
color: #c00;
font-size: 58px;
margin-left: 20px;
}
#ecovadis{
grid-column: span 4 / span 4;
grid-column-start: 5;
grid-row-start: 4;
display: flex;
padding: 20px;
text-align: right;
justify-content: flex-end;
align-items: center;
font-size: 22px;
background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/ecovadis.png);
background-repeat: no-repeat;
background-position: bottom left;
height: 136px;
}
#perso, #gc, #site,#av{
grid-column: span 3 / span 3;
height: 220px;
}
#perso{
background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/perso.jpg);
}
#grid #perso p{
color: #fff;
}
#gc{
background-image: url("data:image/svg+xml,%3Csvg width='149' height='90' viewBox='0 0 149 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.7821 0.534691L52.0021 12.3147C48.3064 13.2386 45.0727 15.0864 42.3009 17.6272L36.2955 22.9397C33.7547 25.0185 30.752 26.1734 27.5182 26.1734H23.1296V55.7389C27.7492 55.9698 32.1378 57.8177 35.6025 61.2824L51.5401 77.22C53.157 78.8368 55.4668 78.8368 56.8527 77.22C57.3146 76.989 57.5456 76.527 57.7766 76.0651C58.4695 74.2172 59.8554 72.8314 61.7032 72.3694C63.5511 72.1384 65.3989 72.6004 66.7848 73.9863L69.3256 76.2961C72.0973 79.0678 76.255 79.0678 79.0267 76.2961C80.1816 75.1412 80.8746 73.5243 81.1055 71.9074C81.1055 69.8286 82.2604 67.9808 84.1083 67.2878C85.9561 66.3639 88.0349 66.5949 89.8828 67.7498C91.9616 69.1357 94.9643 69.1357 96.8122 67.0569C99.122 64.978 99.122 61.5134 96.8122 59.2036L79.4887 41.6491L71.1734 49.2714C64.937 55.2769 55.2358 55.2769 48.7684 49.5024C41.377 43.035 41.146 31.717 48.3064 25.0185L64.475 9.77388C70.9424 3.76841 79.2577 0.303711 88.0349 0.303711C96.3502 0.303711 104.435 3.53743 110.671 9.08094L117.6 15.0864H145.087C146.935 15.0864 148.783 16.9343 148.783 18.7821V66.8259C148.783 70.9835 145.318 74.2172 141.391 74.2172H134C131.228 74.2172 128.687 72.8314 127.532 70.5216H107.899C107.206 72.1384 106.051 73.7553 104.665 74.9102C100.739 78.8368 95.4263 80.4537 90.1138 79.5298C89.4208 81.3776 88.2659 82.7635 86.88 84.1494C80.6436 90.6168 70.7115 91.0788 63.5511 86.2282C57.7766 90.8478 49.2303 90.6168 43.6868 85.0733L37.6814 78.8368L36.0645 77.22L27.7492 69.1357C26.3633 67.7498 24.7465 67.0569 23.1296 67.0569C23.1296 70.9835 19.6649 74.2172 15.7383 74.2172H8.34692C4.18928 74.2172 0.955566 70.9835 0.955566 66.8259V18.7821C0.955566 16.9343 2.57242 15.0864 4.65124 15.0864H27.5182C27.9802 15.0864 28.4422 15.0864 28.9041 14.6245L34.9096 9.31192C41.377 3.53743 49.6923 0.303711 58.2385 0.303711H60.7793C61.7032 0.303711 62.6272 0.534691 63.7821 0.534691ZM126.609 59.4345V26.1734H115.522C114.136 26.1734 112.75 25.7115 111.826 24.7876L103.28 17.3962C99.122 13.4696 93.5785 11.3907 88.0349 11.3907C82.0295 11.3907 76.486 13.7005 72.0973 17.8582L55.9288 33.1028C53.619 35.4126 53.619 39.1083 56.1597 41.1871C58.2386 43.2659 61.4723 43.2659 63.5511 41.1871L80.1816 25.9425C82.4914 23.8636 85.9561 23.8636 88.0349 26.1734C90.1138 28.4832 89.8828 31.9479 87.804 34.0268L87.573 34.2577L104.665 51.3502C106.975 53.66 108.592 56.6628 109.285 59.4345H126.609ZM15.7383 63.1302C15.7383 61.2824 13.8904 59.4345 12.0426 59.4345C9.96378 59.4345 8.34692 61.2824 8.34692 63.1302C8.34692 65.209 9.96378 66.8259 12.0426 66.8259C13.8904 66.8259 15.7383 65.209 15.7383 63.1302ZM137.696 66.8259C139.543 66.8259 141.391 65.209 141.391 63.1302C141.391 61.2824 139.543 59.4345 137.696 59.4345C135.617 59.4345 134 61.2824 134 63.1302C134 65.209 135.617 66.8259 137.696 66.8259Z' fill='black'/%3E%3C/svg%3E%0A");
background-position: center 36%;
background-repeat: no-repeat;
}
#perso, #gc{
display: flex;
flex-flow: column;
justify-content: flex-end;
padding: 20px 16px;
font-size: 31px;
}
#grid #perso p:first-child, #grid #gc p:first-child{
font-size: 17px;
font-family: "wuerthbook", sans-serif;
}
#site{
padding: 48px 20px;
text-align: center;
font-size: 31px;
background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/tel.jpg);
background-position: bottom;
}
#av{
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
font-size: 13px;
}
#grid #av p:first-child{
font-size: 50px;
color: #c00;
}
h2.en-savoir-plus{
margin-top: 180px;
margin-left: 64px;
margin-bottom: 40px;
}
.custom-slider{
background-color: #efefef;
margin-top: 80px;
}
.custom-slider .row-full-width-inner{
display: flex;
flex-flow: row;
margin-top: -80px;
padding-bottom: 40px;
}
.custom-slider .glider-slide {
}
.custom-slider .card{
padding: 0px;
margin: 20px;
box-shadow: none;
width: 645px;
}
#html-body .custom-slider .card .pagebuilder-banner-wrapper{
padding-top: 74.88%;
background-size: contain;
border-radius: 20px;
overflow: hidden;
}
#html-body .custom-slider .card .pagebuilder-overlay{
align-self: flex-end;
background-color: #fff;
min-height: auto;
max-width: none;
width: 100%;
}
#html-body .custom-slider .card .label{
color: #818a8f;
text-transform: uppercase;
font-size: 14px;
font-family: "wuerthbold", sans-serif;
}
#html-body .custom-slider .card p{
font-size: 24px;
font-family: "wuerthbold", sans-serif;
margin: 20px 0;
}
.custom-slider .slick-prev{
transform: translate(-50%, -50%);
}
.custom-slider .slick-next{
transform: translate(50%, -50%);
}
body#html-body .image-text{
max-width: 1180px;
}
body#html-body .image-text .pagebuilder-column-line{
align-items: center;
justify-content: space-between;
}
body#html-body .image-text .pagebuilder-column-group .pagebuilder-column.text{
padding: 0;
max-width: 436px;
max-height: fit-content;
align-self: auto;
}
body#html-body .image-text .pagebuilder-column-group .pagebuilder-column.image{
padding: 0;
max-width: 100%;
max-height: fit-content;
align-self: auto;
display: flex;
align-items: end;
}
body#html-body .image-text .pagebuilder-column-group .pagebuilder-column.image figure:first-child{
margin-bottom: 20px;
}
.customers{
margin-bottom: 80px;
}
.customers .pagebuilder-slide-wrapper .pagebuilder-overlay{
height: 600px;
position: relative;
}
.customers .pagebuilder-poster-content{
background-color: #fff;
width: 300px!important;
position: absolute;
bottom: 30px;
left: 30px;
padding: 20px;
}
.customers .pagebuilder-poster-content:last-child{
margin-bottom: 0;
}
.products .carousel-nav{
top: auto;
bottom: 30px;
right: 30px;
margin-right: 0;
transform: none;
justify-content: end;
}
.customers .slick-prev, .products .slick-prev{
left: auto;
transform: translateX(-100%);
}
.customers .slick-dots, .products .slick-dots{
position: absolute;
}
.products .pagebuilder-slide-wrapper .pagebuilder-overlay{
height: 550px;
box-sizing: border-box;
padding: 0;
position: relative;
justify-content: flex-start!important;
}
.products .pagebuilder-poster-content{
width: 720px!important;
height: 100%;
padding: 70px 75px;
box-sizing: border-box;
background: linear-gradient(120deg, var(--grey-c-3-c-8-c-8, #C3C8C8) 0.37%, var(--darkest-grey-37424-a, #37424A) 95.82%);
display: flex;
align-items: end;
color: #fff;
}
.products .pagebuilder-poster-content p,.products .pagebuilder-poster-content h2{
color: #fff;
}
.small-text-block h1{
font-size: 32px;
}
.small-text-block ol li::before{
display: none;
}
.cms-page-view .columns .small-text-block li{
color: #000;
}
.diversite{
align-items: center;
}
.valeur h2{
font-size: 70px;
text-align: center;
display: flex;
flex-flow: column;
margin: 0;
margin-top: 20px;
line-height: normal;
color: var(--color-primary);
}
.valeur h2::before{
margin-bottom: 20px;
}
.valeur p{
max-width: 820px;
margin: 0 auto;
}
.valeur1{
--color-primary: #231564;
--color-dark: #180D47;
--color-light: #392E68;
}
.valeur2{
--color-primary: #E11936;
--color-dark: #9A1B2E;
--color-light: #FF6982;
}
.valeur3{
--color-primary: #EF7F5A;
--color-dark: #D6623D;
--color-light: #F5AB92;
}
.valeur h2::after{
content: "";
height: 9px;
width: 0px;
background: linear-gradient(90deg, var(--color-dark), var(--color-light));
margin: 50px auto;
transition: 0.5s;
}
.valeur h2.active::after{
width: 285px;
}
.valeur div[data-content-type=text]{
margin-bottom: 60px;
}
.valeur figure{
margin-bottom: 130px;
}
.valeur .logoM{
fill: var(--color-light)
}
.valeur .logoW{
fill: var(--color-dark)
}
.valeur svg.logoWM{
transform: translateY(50%);
}
.valeur svg{
display: block;
margin: 0 auto;
}
#html-body .qvct{
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='11.5' r='6.5' fill='%23EFEFEF'/%3E%3C/svg%3E%0A");
background-repeat: repeat-y;
background-size: auto;
background-position: center;
padding-top: 47px;
max-width: 1200px;
}
.qvct [data-content-type="text"]{
max-width: 70%;
border: solid 1px #DDDDDD;
padding: 40px;
margin-bottom: 47px;
position: relative;
border-radius: 20px;
border-radius: 20px;
background-color: #fff;
}
.qvct [data-content-type="text"]:nth-child(odd){
padding-right: 172px;
}
.qvct [data-content-type="text"]:nth-child(even){
padding-left: 172px;
align-self: end;
}
.qvct [data-content-type="text"]:nth-child(odd)::after,.qvct [data-content-type="text"]:nth-child(even)::before{
content: "";
background-repeat: no-repeat;
background-position: center;
height: 100%;
width: 132px;
box-sizing: border-box;
position: absolute;
bottom: 0;
}
.qvct [data-content-type="text"]:nth-child(odd)::after{
right: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.qvct [data-content-type="text"]:nth-child(even)::before{
left: 0;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.qvct [data-content-type="text"].building::after{
background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.375 0H40.625C43.2656 0 45.5 2.23438 45.5 4.875V47.125C45.5 49.8672 43.2656 52 40.625 52H30.875V43.875C30.875 41.2344 28.6406 39 26 39C23.2578 39 21.125 41.2344 21.125 43.875V52H11.375C8.63281 52 6.5 49.8672 6.5 47.125V4.875C6.5 2.23438 8.63281 0 11.375 0ZM13 24.375V27.625C13 28.5391 13.7109 29.25 14.625 29.25H17.875C18.6875 29.25 19.5 28.5391 19.5 27.625V24.375C19.5 23.5625 18.6875 22.75 17.875 22.75H14.625C13.7109 22.75 13 23.5625 13 24.375ZM24.375 22.75C23.4609 22.75 22.75 23.5625 22.75 24.375V27.625C22.75 28.5391 23.4609 29.25 24.375 29.25H27.625C28.4375 29.25 29.25 28.5391 29.25 27.625V24.375C29.25 23.5625 28.4375 22.75 27.625 22.75H24.375ZM32.5 24.375V27.625C32.5 28.5391 33.2109 29.25 34.125 29.25H37.375C38.1875 29.25 39 28.5391 39 27.625V24.375C39 23.5625 38.1875 22.75 37.375 22.75H34.125C33.2109 22.75 32.5 23.5625 32.5 24.375ZM14.625 9.75C13.7109 9.75 13 10.5625 13 11.375V14.625C13 15.5391 13.7109 16.25 14.625 16.25H17.875C18.6875 16.25 19.5 15.5391 19.5 14.625V11.375C19.5 10.5625 18.6875 9.75 17.875 9.75H14.625ZM22.75 11.375V14.625C22.75 15.5391 23.4609 16.25 24.375 16.25H27.625C28.4375 16.25 29.25 15.5391 29.25 14.625V11.375C29.25 10.5625 28.4375 9.75 27.625 9.75H24.375C23.4609 9.75 22.75 10.5625 22.75 11.375ZM34.125 9.75C33.2109 9.75 32.5 10.5625 32.5 11.375V14.625C32.5 15.5391 33.2109 16.25 34.125 16.25H37.375C38.1875 16.25 39 15.5391 39 14.625V11.375C39 10.5625 38.1875 9.75 37.375 9.75H34.125Z' fill='white'/%3E%3C/svg%3E%0A");
background-color: #c00;
}
.qvct [data-content-type="text"].utensils::before{
background-image: url("data:image/svg+xml,%3Csvg width='48' height='52' viewBox='0 0 48 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.5 0C45.2266 0 46.75 1.52344 46.75 3.25V48.75C46.75 50.5781 45.2266 52 43.5 52C41.6719 52 40.25 50.5781 40.25 48.75V35.75H37C33.3438 35.75 30.5 32.9062 30.5 29.25V17.875C30.5 3.25 41.875 0 43.5 0ZM7.75 1.625V15.3359C7.75 15.8438 8.15625 16.25 8.66406 16.25C9.27344 16.25 9.67969 15.9453 9.67969 15.3359L11 1.52344C11 0.710938 11.7109 0 12.625 0C13.4375 0 14.1484 0.710938 14.1484 1.52344L15.4688 15.3359C15.4688 15.9453 15.9766 16.25 16.4844 16.25C16.9922 16.25 17.5 15.8438 17.5 15.3359V1.625C17.5 0.8125 18.1094 0.101562 18.9219 0.101562C19.7344 0 20.4453 0.507812 20.6484 1.32031L23.6953 15.1328C23.8984 15.8438 24 16.4531 24 17.0625C24 21.7344 20.3438 25.5938 15.875 26V48.75C15.875 50.5781 14.3516 52 12.625 52C10.7969 52 9.375 50.5781 9.375 48.75V26C4.80469 25.5938 1.25 21.7344 1.25 17.0625C1.25 16.4531 1.25 15.8438 1.45312 15.1328L4.5 1.32031C4.70312 0.507812 5.41406 0 6.22656 0.101562C7.03906 0.101562 7.75 0.8125 7.75 1.625Z' fill='white'/%3E%3C/svg%3E%0A");
background-color: #000;
}
.qvct [data-content-type="text"].face-smile::after{
background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.0508 52C16.707 52 8.17578 47.125 3.50391 39C-1.16797 30.9766 -1.16797 21.125 3.50391 13C8.17578 4.97656 16.707 0 26.0508 0C35.293 0 43.8242 4.97656 48.4961 13C53.168 21.125 53.168 30.9766 48.4961 39C43.8242 47.125 35.293 52 26.0508 52ZM16.707 33.1094C16.0977 32.3984 15.082 32.3984 14.3711 32.9062C13.6602 33.5156 13.6602 34.5312 14.168 35.2422C16.5039 37.8828 20.3633 40.625 26.0508 40.625C31.6367 40.625 35.4961 37.8828 37.832 35.2422C38.3398 34.5312 38.3398 33.5156 37.6289 32.9062C36.918 32.3984 35.9023 32.3984 35.293 33.1094C33.5664 35.2422 30.418 37.375 26.0508 37.375C21.582 37.375 18.5352 35.2422 16.707 33.1094ZM14.6758 21.125C14.6758 22.9531 16.0977 24.375 17.9258 24.375C19.7539 24.375 21.1758 22.9531 21.1758 21.125C21.1758 19.3984 19.7539 17.875 17.9258 17.875C16.0977 17.875 14.6758 19.3984 14.6758 21.125ZM34.1758 17.875C32.3477 17.875 30.9258 19.3984 30.9258 21.125C30.9258 22.9531 32.3477 24.375 34.1758 24.375C36.0039 24.375 37.4258 22.9531 37.4258 21.125C37.4258 19.3984 36.0039 17.875 34.1758 17.875Z' fill='white'/%3E%3C/svg%3E%0A");
background-color: #37424a;
}
.qvct [data-content-type="text"].graduation-cap::before{
background-image: url("data:image/svg+xml,%3Csvg width='66' height='46' viewBox='0 0 66 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.5381 0.22998C33.3506 0.22998 34.1631 0.433105 34.874 0.737793L63.4131 10.9956C64.3271 11.3003 65.0381 12.2144 65.0381 13.23C65.0381 14.3472 64.3271 15.2612 63.4131 15.5659L34.874 25.8237C34.1631 26.1284 33.3506 26.23 32.4365 26.23C31.624 26.23 30.8115 26.1284 30.1006 25.8237L13.8506 19.9331C14.7646 19.019 15.8818 18.3081 17.1006 17.8003L33.0459 11.5034C33.96 11.1987 34.3662 10.2847 33.96 9.37061C33.6553 8.55811 32.7412 8.15186 31.9287 8.45654L15.9834 14.7534C13.9521 15.5659 12.2256 16.7847 10.9053 18.4097C9.17871 20.7456 8.16309 23.5894 8.16309 26.6362V29.1753C8.77246 30.4956 9.17871 32.019 9.4834 33.4409C10.0928 36.1831 10.6006 40.144 9.68652 44.5112C9.58496 44.9175 9.38184 45.3237 8.97559 45.5269C8.56934 45.73 8.16309 45.8315 7.75684 45.73L1.25684 44.105C0.647461 44.0034 0.241211 43.5972 0.0380859 43.0894C-0.0634766 42.5815 0.0380859 41.9722 0.342773 41.5659C1.15527 40.3472 1.96777 39.0269 2.57715 37.7065C3.7959 35.3706 4.91309 32.4253 4.91309 29.48V26.6362C4.91309 23.3862 5.82715 20.3394 7.45215 17.6987L1.56152 15.5659C0.647461 15.2612 0.0380859 14.3472 0.0380859 13.23C0.0380859 12.2144 0.647461 11.3003 1.56152 10.9956L30.1006 0.737793C30.8115 0.433105 31.624 0.22998 32.5381 0.22998ZM13.0381 38.4175L14.5615 23.6909L28.9834 28.8706C30.1006 29.2769 31.3193 29.48 32.5381 29.48C33.6553 29.48 34.874 29.2769 35.9912 28.8706L50.4131 23.6909L52.0381 38.4175C52.0381 42.0737 43.3037 45.73 32.5381 45.73C21.7725 45.73 13.0381 42.0737 13.0381 38.4175Z' fill='white'/%3E%3C/svg%3E%0A");
background-color: #818a8f;
}
.qvct [data-content-type="text"].bullhorn::after{
background-image: url("data:image/svg+xml,%3Csvg width='52' height='53' viewBox='0 0 52 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.75 3.75V18.7812C50.5781 19.6953 52 22.0312 52 24.875C52 27.7188 50.5781 30.1562 48.75 31.0703V46C48.75 47.3203 47.9375 48.5391 46.7188 49.0469C45.5 49.5547 44.0781 49.25 43.1641 48.3359L38.6953 43.8672C33.8203 38.9922 27.2188 36.25 20.3125 36.25H19.5V49.25C19.5 51.0781 17.9766 52.5 16.25 52.5H9.75C7.92188 52.5 6.5 51.0781 6.5 49.25V36.25C2.84375 36.25 0 33.4062 0 29.75V20C0 16.4453 2.84375 13.5 6.5 13.5H16.25H19.5H20.3125C27.2188 13.5 33.8203 10.7578 38.6953 5.88281L43.1641 1.51562C44.0781 0.601562 45.5 0.296875 46.7188 0.804688C47.9375 1.3125 48.75 2.53125 48.75 3.75ZM42.25 11.5703C36.2578 17.0547 28.4375 20 20.3125 20H19.5V29.75H20.3125C28.4375 29.75 36.2578 32.7969 42.25 38.2812V24.875V11.5703Z' fill='white'/%3E%3C/svg%3E%0A");
background-color: #c3c8c8;
}
.qvct [data-content-type="text"].group::before{
background-image: url("data:image/svg+xml,%3Csvg width='48' height='54' viewBox='0 0 48 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.8563 21.3234H0V0.772461H19.976V8.82037H28.024V0.772461H48V21.3234H47.8563ZM27.8802 45.1796V53.2276C39.3772 51.0719 47.8563 41.1557 47.8563 29.9461V29.515H0V29.9461C0 41.012 8.47904 50.9282 19.976 53.0838V45.0359H27.8802V45.1796Z' fill='white'/%3E%3C/svg%3E%0A");
background-color: #c00;
}
.jobs *{
box-sizing: border-box;}
#html-body .jobs{
max-width: 1070px;
padding: 10px;
box-sizing: border-box;
}
#html-body .jobs .pagebuilder-column-line{
justify-content: space-between;
}
#html-body .jobs .pagebuilder-column-group .pagebuilder-column{
padding: 0;
max-width: 512px;
}
.job{
background: #FFFFFF;
border: 1px solid #E1E3E3;
border-radius: 20px;
overflow: hidden;
margin-bottom: 25px;
}
.job .top{
background: linear-gradient(90deg, var(--very-lightest-grey-fcfcfc, #FCFCFC) 0%, var(--lightest-grey-efefef, #EFEFEF) 100%);
padding: 13px 8px;
}
.job h2{
margin-top: 8px;
margin-bottom: 10px;
margin-left: 20px;
}
.job p{
margin: 0 20px;
}
#html-body .job ul.pills{
margin: 0 20px;
margin-top: 10px;
display: flex;
padding-left: 0;
}
#html-body .job ul.pills li{
color: #818a8f;
border: solid 1px #818a8f;
padding: 5px;
font-size: 11px;
line-height: 18px;
margin-right: 10px;
border-radius: 6px;
list-style: none;
}
.job h3{
margin: 25px 20px 10px 20px;
}
#html-body ul.videos{
display: flex;
gap: 10px;
list-style: none;
margin: 0 0 20px 20px;
padding-left: 0;
padding-bottom: 8px;
overflow-x: scroll;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
}
#html-body ul.videos:has(> li:only-child) {
overflow-x: hidden;
}
#html-body ul.videos li.video{
width: 262px;
height: 148px;
aspect-ratio: 16 / 9;
background-color: #000;
margin-bottom: 0;
margin-right: 1px;
padding: 10px;
cursor: pointer;
position: relative;
scroll-snap-align: start;
}
#html-body ul.videos li.video:first-child{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#html-body ul.videos li.video:last-child{
margin-right: 20px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#html-body ul.videos li.video::after{
content: url("data:image/svg+xml,%3Csvg width='21' height='26' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13L-1.14193e-06 25.1244L-8.1987e-08 0.875644L21 13Z' fill='white'/%3E%3C/svg%3E%0A");
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
#html-body ul.videos li.video p{
font-size: 14px;
font-family: "wuerthbold";
margin: 0;
color: #fff;
}
#html-body ul.videos li.video.deborah{ background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/job/job-debo.jpg);}
#html-body ul.videos li.video.steve{ background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/job/job-steve.jpg);}
#html-body ul.videos li.video.adrien{ background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/job/job-adri.jpg);}
#html-body ul.videos li.video.apolline{ background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/job/job-apo.jpg);}
#html-body ul.videos li.video.anaelle{ background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/job/job-anaelle.jpg);}
#html-body ul.videos li.video.cyrille{ background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/job/job-cyrille.jpg);}
#html-body ul.videos li.video.audrey{ background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/job/job-audrey.jpg);}
.popup{
background-color: #00000028;
backdrop-filter: blur(5px);
opacity: 0;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
padding: 34px;
position: fixed;
z-index: 2147483647;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
transition: 0.3s;
}
.popup.active{
opacity: 1;
pointer-events: all;
}
.popup::after{
content: "";
width: 50px;
height: 50px;
position: absolute;
right: 0;
top: 0;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12_66)'%3E%3Cpath d='M6 18.4999L18 6.49994' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M18 18.4999L6 6.49994' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12_66'%3E%3Crect width='13.414' height='13.414' fill='white' transform='translate(5.29297 5.79297)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.popup iframe{
aspect-ratio: 16 / 9;
max-width: 1680px;
border-radius: 20px;
overflow: hidden;
}
.candidature-spontanee{
background-color: #efefef;
border-radius: 20px;
max-width: 820px;
margin: 0 auto;
padding: 64px;
box-sizing: border-box;
margin-top: 50px;
}
.candidature-spontanee h3, .candidature h3{
margin-bottom: 34px;
}
.offre{
background-color: #efefef;
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 50px;
cursor: pointer;
}
.offre p{
margin-bottom: 0;
}
.offre p:first-child{
font-size: 24px;
font-family: "wuerthbold";
}
.offre p:first-child span{
background-color: #c3c8c8;
color: #fff;
font-size: 14px;
padding: 1px 5px;
}
.offre-detail{
border: solid 2px #efefef;
overflow: hidden;
height: 0;
transition: height 0.4s ease;
margin-bottom: 40px;
}
.offre-detail .content{
padding: 0 50px;
}
.offre-detail h1{
font-size: 34px;
line-height: normal;
margin-top: 50px;
}
.offre-detail h2{
font-size: 24px;
}
.candidature-offre{
display: none;
width: 100%;
background-color: #efefef;
margin-top: 50px;
}
.offre-detail .candidature-offre{
display: block;
}
.candidature-offre .mstForm__form-wrapper {
max-width: 820px;
margin: 0 auto;
padding: 50px 0;
}
.candidature-offre .fieldset:last-child{
margin-bottom: 0;
}
#clients-grid{
display: flex;
gap: 20px;
flex-flow: row;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
}
#clients-grid .col1,#clients-grid .col2,#clients-grid .col3{
width: 33%;
}
#clients-grid .col1{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, 1fr);
gap: 20px;
}
.client{
background-color: #fff;
border-radius: 20px;
padding: 10px;
gap: 10px;
border: solid 1px #E1E3E3;
}
#clients-grid .client p{
margin: 0;
font-size: 18px;
}
.client a{
text-align: center;
}
#clients-grid .col1 .client:nth-child(1) {
grid-row: span 3 / span 3;
}
#clients-grid .col1 .client:nth-child(2) {
grid-row: span 3 / span 3;
grid-column-start: 1;
grid-row-start: 4;
}
#clients-grid .col1 .client:nth-child(3) {
grid-row: span 2 / span 2;
grid-column-start: 2;
grid-row-start: 1;
}
#clients-grid .col1 .client:nth-child(4) {
grid-row: span 2 / span 2;
grid-column-start: 2;
grid-row-start: 3;
}
#clients-grid .col1 .client:nth-child(5) {
grid-row: span 2 / span 2;
grid-column-start: 2;
grid-row-start: 5;
}
#clients-grid .col2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 20px;
}
#clients-grid .col2 .client:nth-child(1) {
grid-column: span 2 / span 2;
}
#clients-grid .col2 .client:nth-child(2) {
grid-row-start: 2;
}
#clients-grid .col2 .client:nth-child(3) {
grid-row-start: 2;
}
#clients-grid .col3 {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 20px;
}
#clients-grid .col3 .client{
display: flex;
align-items: center;
}
#clients-grid .col3 img{
max-width: 180px;
}
@media only screen and (max-width: 767px) {
.page-layout-modyf-cms-page .page-wrapper>.breadcrumbs, .page-layout-category-job-page .page-wrapper>.breadcrumbs{
margin-top: 0;
padding-top: 0;
background: transparent;
margin-left: 0;
padding-left: 0;
}
.subheader-block h1 {
font-size: 27px;
color: #000;
line-height: normal;
margin-bottom: 20px;
}
.subheader-block h1:only-child{
margin-bottom: 00px;
}
.subheader-block .pagebuilder-banner-wrapper [data-element=content]{
min-height: auto;
}
#html-body .hero .pagebuilder-banner-wrapper{
background-size: contain;
padding-top: calc(50.61%);
background-position: top;
}
#html-body .hero .pagebuilder-overlay{
background-color: #ffffffb5;
backdrop-filter: blur(36px);
min-height: auto;
}
.hero .nav {
border: solid 1px #000;
border-radius: 5px;
}
.hero .nav span {
margin-right: 0;
width: 100%;
text-align: center;
background-color: #fff;
color: #000;
border-radius: 5px;
display: block;
padding: 10px;
border-bottom: solid 1px #000;
}
.subheader-block .nav ul li a{
color: #000!important;
}
.hero .nav span::after {
margin-left: 20px;
display: inline-block;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.414' height='8.121' viewBox='0 0 13.414 8.121'%3E%3Cpath id='black_3' d='M6,10l6,6,6-6' transform='translate(-5.293 -9.293)' fill='none' stroke='%23000' stroke-width='2' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
transition: 0.3s;
}
.hero .nav.open span::after {
transform: rotate(180deg);
}
.hero .nav ul {
flex-flow: column;
max-height: 0;
overflow: hidden;
margin: 0;
transition: 0.3s;
text-align: center;
}
.hero .nav ul li{
margin: 0;
padding: 5px;
}
.hero .nav.open ul {
margin-top: 0px;
max-height: 500px;
padding: 10px 0;
}
.hero .nav.fixed{
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.page-layout-modyf-cms-page .large-text-block p{
font-size: 18px;
line-height: 28px;
text-align: left;
}
#html-body .page-layout-modyf-cms-page .page-main div.small-text-block {
margin: 0 34px;
padding-top: 70px;
margin-top: 70px;
}
.box {
flex-flow: column;
margin-bottom: 0;
}
#html-body .three-cards {
width: 100%;
max-width: 450px;
padding: 0 20px;
padding-top: 20px;
}
#html-body .horizontal-cards{
padding: 0 20px;
}
#html-body:not(.page-layout-default-cms-page) .three-cards .pagebuilder-column-group .pagebuilder-column{ padding: 0;}
#html-body .three-cards .card .text, #html-body .horizontal-cards .card .text{
padding: 20px;
}
#html-body .three-cards .left .card {
flex-flow: column;
}
#html-body .three-cards .right,
#html-body .three-cards .left {
max-width: none;
min-width: 0 !important;
width: 100%;
}
#html-body .three-cards .card .text {
padding: 40px 30px;
width: 100%;
box-sizing: border-box;
}
#html-body .three-cards .left .card:first-child {
border-top-right-radius: 20px;
border-top-left-radius: 20px;
margin-bottom: 20px;
}
#html-body .three-cards .card.rounded-br {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
#html-body .three-cards .bottom, #html-body .horizontal-cards{
margin-top: 20px;
}
#html-body .three-cards .bottom .card {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 0;
}
#html-body .three-cards .bottom .card, #html-body .horizontal-cards .card, #html-body .horizontal-cards div[data-content-type="text"]:nth-child(even) .card {
flex-direction: column;
}
#html-body .horizontal-cards .card{
margin-bottom: 30px;
}
#html-body .three-cards .bottom .card img , #html-body .horizontal-cards .card img {
max-width: 100%;
}
.img-quote-block figure {
border-radius: 0;
}
.page-layout-modyf-cms-page .page-main div.small-text-block {
padding: 0 34px;
}
#html-body div[data-content-type="row"] .text-image{
flex-flow: column;
padding: 34px;
}
#html-body div[data-content-type="row"] .text-image [data-content-type="image"]{
margin-left: 0;
}
#html-body div[data-content-type="row"] .text-image [data-content-type="image"] *{
max-width: 100%;
}
#html-body .identity .text, #html-body .identity .logos{
margin-left: 0;
min-width: auto;
width: 100%;
padding: 34px!important;
}
.identity .pagebuilder-column-line{
flex-flow: column-reverse;
}
.bentos{
padding: 34px;
}
#grid{
gap: 5vw;
}
#logo-WM{
grid-column: span 12 / span 12;
grid-row: 1;
}
#grid #collab {
grid-column: span 6 / span 6;
grid-row-start: 2;
}
#grid #collab p, #grid #clients p{
font-size: 4vw;
}
#grid #collab p:nth-child(2), #grid #clients p:nth-child(2){
font-size: 10vw!important;
}
#grid #collab, #grid #clients,#ref,#map,#perso, #gc,#customer-group,#wurth-group,#ecovadis,#av{
padding: 3vw;
}
#ref {
grid-column: span 6 / span 6;
grid-column-start: 7;
grid-row-start: 2;
background-size: cover;
}
#grid .bloc p{
font-size: 4vw;
}
#grid #clients {
grid-column: span 6 / span 6;
grid-row-start: 3;
}
#grid #collab, #grid #clients{
height: 40vw;
}
#customer-group {
grid-column: span 12 / span 12;
grid-row-start: 4;
background-size: contain;
}
#wurth-group {
grid-column: span 6 / span 6;
grid-column-start: 7;
grid-row-start: 3;
height: auto;
font-size: 5vw;
flex-flow: column;
text-align: center;
}
#wurth-group svg{
max-width: 100%;
margin-left: 0;
}
#taux {
grid-column: span 6 / span 6;
grid-row-start: 5;
height: auto;
flex-flow: column;
padding: 3vw;
height: 40vw;
}
#taux p:last-child{
font-size: 4vw;
}
#taux p:last-child{
margin-left: 0;
font-size: 10vw;
}
#ecovadis {
grid-column: span 6 / span 6;
grid-column-start: 7;
grid-row-start: 5;
height: auto;
background-size: contain;
align-items: baseline;
}
#map {
grid-column: span 12 / span 12;
grid-row-start: 6;
grid-row: auto;
background-size: cover;
background-position: bottom right;
}
#perso, #gc, #site, #av{
height: 50vw;
}
#perso {
grid-column: span 6 / span 6;
grid-row-start: 7;
background-size: cover;
background-position: center;
}
#gc {
grid-column: span 6 / span 6;
grid-column-start: 7;
grid-row-start: 7;
background-size: 65%;
}
#site {
grid-column: span 6 / span 6;
grid-row-start: 8;
padding: 10vw 3vw;
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
background-image: url(https://www.modyf.fr/media/FR/cms-pages/entreprise/tel-mobile.jpg);
}
#av {
grid-column: span 6 / span 6;
grid-column-start: 7;
grid-row-start: 8;
text-align: center;
}
#av svg{
max-width: 100%;
}
svg#stars{
display: none;
}
#av p:first-child{
font-size: 10vw;
}
.custom-slider .row-full-width-inner{
max-width: 100vw!important;
overflow-x: scroll;
}
.custom-slider .card{
padding: 0;
width: 100vw!important;
max-width: 100% !important;
margin: 0;
min-width: 80%;
}
#html-body .custom-slider .card .pagebuilder-banner-wrapper{
margin: 2vw;
padding-top: calc(74.88% - 4vw);
}
.products{
height: auto;
min-height: 80vh!important;
}
.products .pagebuilder-slide-wrapper{
padding-top: 76.3888888889%;
box-sizing: border-box;
}
.products .pagebuilder-slide-wrapper .pagebuilder-overlay{
height: auto;
min-height: fit-content!important;
}
.products .pagebuilder-poster-content{
height: auto;
padding: 34px;
}
.products .carousel-nav{
top: 41%;
bottom: auto;
}
.valeur h2{
font-size: 10vw;
}
.valeur div[data-content-type=text]{
padding: 0 34px;
margin-bottom: 30px;
}
.valeur3 figure{
margin-bottom: 0;
}
h2.en-savoir-plus{
margin-top: 34px;
margin-left: 34px;
}
#html-body .qvct{
padding: 34px;
max-width: 100%;
}
.qvct [data-content-type="text"]{
padding: 20px;
overflow: hidden;
padding-top: 40px;
max-width: 100%;
}
.qvct [data-content-type="text"]:nth-child(odd){
padding-right: 20px;
}
.qvct [data-content-type="text"]:nth-child(even){
padding-left: 20px;
align-self: end;
}
.qvct [data-content-type="text"]:nth-child(odd)::after,.qvct [data-content-type="text"]:nth-child(even)::before{
height: 40px;
width: 100%;
box-sizing: border-box;
position: absolute;
background-size: 30px;
top: 0;
left: 0;
right: auto;
border-radius: 0px;
}
#html-body .jobs{
padding: 34px;
}
#html-body .jobs .pagebuilder-column-line{
flex-flow: column;
}
#html-body .jobs .pagebuilder-column-group .pagebuilder-column{
min-width: auto;
width: 100%;
max-width: none;
}
.candidature-spontanee{
width: 100%;
padding: 34px;
}
.candidature-spontanee .mstForm__form-wrapper{
padding: 0;
}
.offre{
flex-flow: column;
align-items: baseline;
}
.offre p{
margin-bottom: 10px;
}
.offre-detail .content, .offre-detail .candidature-offre{
padding: 0 34px;
box-sizing: border-box;
}
.candidature-offre .mstForm__form-wrapper{
max-width: none;
}
.offre-detail h1{
font-size: 24px;
}
.offre-detail h2{
font-size: 18px;
}
#clients-grid{
flex-flow: column;
}
#clients-grid .col1,#clients-grid .col2,#clients-grid .col3{
width: 100%;
}
}