@import url('/App_Themes/bootstrap/css/team/office.css');
@font-face {
font-family: 'Bree';
src: url('/App_Themes/Bootstrap/font/bree/Bree-Thin.woff2') format('woff2'), url('/App_Themes/Bootstrap/font/bree/Bree-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Bree';
src: url('/App_Themes/Bootstrap/font/bree/Bree-Light.woff2') format('woff2'), url('/App_Themes/Bootstrap/font/bree/Bree-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Bree';
src: url('/App_Themes/Bootstrap/font/bree/Bree-LightOblique.woff2') format('woff2'), url('/App_Themes/Bootstrap/font/bree/Bree-LightOblique.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Bree';
src: url('/App_Themes/Bootstrap/font/bree/Bree-Regular.woff2') format('woff2'), url('/App_Themes/Bootstrap/font/bree/Bree-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Bree';
src: url('/App_Themes/Bootstrap/font/bree/Bree-Oblique.woff2') format('woff2'), url('/App_Themes/Bootstrap/font/bree/Bree-Oblique.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Bree';
src: url('/App_Themes/Bootstrap/font/bree/Bree-Bold.woff2') format('woff2'), url('/App_Themes/Bootstrap/font/bree/Bree-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Bree';
src: url('/App_Themes/Bootstrap/font/bree/Bree-Extrabold.woff2') format('woff2'), url('/App_Themes/Bootstrap/font/bree/Bree-Extrabold.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrJJfecg.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("https://fonts.gstatic.com/s/poppins/v19/pxiGyp8kv8JHgFVrJJLucHtA.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("https://fonts.gstatic.com/s/poppins/v19/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("https://fonts.gstatic.com/s/poppins/v19/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzYw.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://fonts.gstatic.com/s/titilliumweb/v15/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzYw.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzYw.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--color-header: RGBA(235, 232, 250, 1);
--color-header-general: RGBA(246, 248, 255, 1);
--color-bg-general: RGBA(246, 248, 255, 1);
--color-text-primary: RGBA(7,29,61, 1);
--color-text-primary-half-opacity: RGBA(7,29,61, 0.5);
--color-text-secondary: HSL(0, 0%, 100%);
--color-text-primary-dalle-job-mobile: RGBA(246, 248, 255, 1);
--opacity-title: 1;
--title-acceuil: rgba(131, 116, 230, var(--opacity-title));
--title-commerce: rgba(239, 166, 94, var(--opacity-title));
--title-garde: rgba(232, 117, 140, var(--opacity-title));
--opacity-main: 1;
--main-acceuil: rgba(214, 208, 246, var(--opacity-main));
--main-commerce: rgba(246, 230, 218, var(--opacity-main));
--main-garde: rgba(244, 216, 226, var(--opacity-main));
--opacity-secondary: 1;
--home-page-acceuil: rgba(235, 232, 250, var(--opacity-secondary));
--home-page-commerce: rgba(254, 248, 242, var(--opacity-secondary));
--home-page-garde: rgba(255, 244, 248, var(--opacity-secondary));
--opacity-box: 1;
--box-acceuil: rgba(193, 186, 243, var(--opacity-box));
--box-commerce: rgba(248, 214, 181, var(--opacity-box));
--box-garde: rgba(243, 185, 197, var(--opacity-box));
--box-acceuil-half-opacity: rgba(193, 186, 243,0.5);
--box-commerce-half-opacity: rgba(248, 214, 181, 0.5);
--box-garde-half-opacity: rgba(243, 185, 197, 0.5);
--box-acceuil-light-opacity: rgba(193, 186, 243,0.2);
--box-commerce-light-opacity: rgba(248, 214, 181, 0.2);
--box-garde-light-opacity: rgba(243, 185, 197, 0.2);
--box-acceuil-xlight-opacity: rgba(193, 186, 243,0.1);
--box-commerce-xlight-opacity: rgba(248, 214, 181, 0.1);
--box-garde-xlight-opacity: rgba(243, 185, 197, 0.1);
--box-fav-secondary: hsl(250, 64%, 95%);
--chip-half-opacity: rgba(198, 204, 226, 0.5);
--chip: rgba(198, 204, 226, 1);
--general: rgba(232, 229, 250, 1);
--general-half-opacity: rgba(232, 229, 250, 0.5);
--general-box: rgba(223, 219, 249, 1);
--general-box-half-opacity: rgba(223, 219, 249, 0.5);
--color-circle-pagination: RGBA(223, 219, 249, 1);
--color-footer: RGBA(116, 124, 149, 1);
--shadow: var(--color-text-primary) -1px 4px 0;
--shadow-border: 1px solid var(--color-text-primary);
--shadow-border-radius: 27px;
--shadow-hover-bg: var(--color-text-primary);
--shadow-hover-color: var(--color-text-secondary);
--shadow-hover-border-color: rgb(249, 246, 232);
--shadow-general: 0 2px 5px #00000029 !important;
--dalle-shadow: 0 2px 5px #00000029 !important;
--dalle-shadow-hover: 0 5px 15px #00000029 !important;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
ul {
margin: 0;
padding: 0;
font-weight: normal;
}
*,
::after,
::before {
box-sizing: border-box;
}
html {
font-family: Poppins;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
body {
margin: 0;
font-family: Poppins;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--color-text-primary);
text-align: left;
background-color: #fff;
}
a {
color: var(--color-text-primary);
text-decoration: none;
background-color: transparent;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active {
box-shadow: none;
}
.color-primary {
color: var(--color-text-primary);
}
a.color-primary:hover {
color: var(--color-text-primary) !important;
text-decoration: underline;
}
.grid-container-full-page-index {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.btn-background-metier.accueil {
background: var(--home-page-acceuil) 0 0 no-repeat padding-box !important;
}
.btn-background-metier.commerce {
background: var(--home-page-commerce) 0 0 no-repeat padding-box !important;
}
.btn-background-metier.garde {
background: var(--home-page-garde) 0 0 no-repeat padding-box !important;
}
.btn-shadow {
box-shadow: var(--shadow) !important;
border: var(--shadow-border) !important;
border-radius: var(--shadow-border-radius) !important;
display: flex;
-moz-box-pack: center;
justify-content: center;
text-align: center;
align-items: center;
cursor: pointer;
transition: all 0.25s ease 0s !important;
}
.btn-shadow:hover {
background-color: var(--shadow-hover-bg) !important;
color: var(--shadow-hover-color) !important;
border-color: var(--shadow-hover-border-color) !important;
}
.job-sheet-share-container {
display: flex;
justify-content: end;
}
.job-sheet-close-container {
display: flex;
justify-content: start;
}
.job-sheet-close-container a,
.job-sheet-share-container a {
width: 28px;
height: 28px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--dalle-shadow) !important;
}
.job-sheet-close-container a:hover,
.job-sheet-share-container a:hover {
box-shadow: var(--dalle-shadow-hover) !important;
}
.icon-sheet-share-mobile {
background-image: url("/App_Images/Icons/btn_share.svg");
height: 1rem;
width: 1rem;
background-size: contain;
background-repeat: no-repeat;
}
.job-sheet-navigation-left {
left: 10vw;
}
.job-sheet-navigation-right {
right: 10vw;
}
.col-1-3-size-profil {
max-width: 198px;
min-width: 198px;
width: 198px;
padding-left: 0;
padding-right: 0;
}
.col-2-3-size-profil {
max-width: 489px;
min-width: 489px;
width: 489px;
padding-left: 0;
padding-right: 0;
}
.col-3-3-size-profil {
max-width: 369px;
min-width: 369px;
width: 369px;
padding-left: 0;
padding-right: 0;
}
body {
font-family: 'Poppins', sans-serif !important;
font-size: 16px !important;
}
.hhc-cursor-pointer {
cursor: pointer;
}
.hhc-text {
color: #4f386d !important;
}
.btn-fb {
background-color: #3b5998 !important;
color: var(--color-text-secondary) !important;
}
.btn-tw {
background-color: #55acee !important;
color: var(--color-text-secondary) !important;
}
.btn-ins {
background-color: #2e5e86 !important;
color: var(--color-text-secondary) !important;
}
.hhc-auto-complete {
height: auto !important;
z-index: 10000002 !important;
background-color: var(--color-text-secondary) !important;
}
.hhc-auto-complete-items {
list-style: none !important;
}
.btn-secondary {
border-color: #4f386d !important;
}
.mdb-select {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.font-smaller-xs {
font-size: 0.7rem !important;
}
.missionTitleContainer {
font-size: 1rem;
font-weight: 600;
display: flex;
align-items: center;
}
.missionTitle {
color: #713e8b;
font-weight: 700 !important;
font-family: Poppins;
}
.missionTitleHr {
display: block;
flex: 1 1 0;
max-width: 100%;
height: 0;
max-height: 0;
border: solid;
border-width: thin 0 0;
transition: inherit;
margin-left: 16px;
color: #e9ecef;
}
.missionSubTitle {
font-size: 1rem;
font-weight: 700;
}
.missionSubTitleContainer {
display: flex;
align-items: center;
margin-bottom: 2px;
margin-top: 4px;
}
.switch label input[type=checkbox]:checked + .lever {
background-color: #713e8b !important;
}
.dropdown-toggle::after {
display: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Bree !important;
}
.hhc-fav-mission {
/*border-color: var(--color-text-primary) !important;
border-width: 3px !important;
border-style: solid !important;*/
}
.hhc-fav-mission.accueil {
background-color: #e0dcf9 !important
}
.hhc-fav-mission.commerce {
background-color: #FBEADA !important
}
.hhc-fav-mission.garde {
background-color: #F9DCE2 !important
}
.mission-title {
font-style: normal !important;
font-variant: normal !important;
font-weight: 700;
font-size: 28px;
line-height: 41px;
font-family: Bree;
letter-spacing: 0;
color: var(--color-text-primary);
overflow: hidden;
white-space: nowrap;
margin-bottom: 0;
text-overflow: ellipsis;
display: block;
}
.mission-lieu {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 700;
font-size: 16px;
font-family: Titillium Web !important;
letter-spacing: 0;
color: var(--color-text-primary);
margin-bottom: 2px;
}
.mission-distance {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400;
font-size: 15px;
font-family: Titillium Web !important;
color: var(--color-text-primary);
letter-spacing: -0.15px;
}
.mission-contexte {
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
font-size: 18px !important;
line-height: 26px !important;
font-family: Titillium Web !important;
letter-spacing: 0;
color: var(--color-text-primary);
margin-bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: 0;
cursor: pointer;
}
.mission-dates {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 19px !important;
font-family: Titillium Web !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.mission-salaire {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: 800;
font-size: 23px;
line-height: 28px;
font-family: Poppins;
letter-spacing: -1px;
color: var(--color-text-primary);
opacity: 1;
margin-top: 15px;
white-space: nowrap;
}
.mission-salaire-taux {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: 300;
font-size: 23px;
line-height: 28px;
font-family: Titillium Web;
letter-spacing: 0;
color: var(--color-text-primary);
}
.mission-salaire-taux-prefixe {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: 300;
font-size: 13px;
line-height: 20px;
font-family: Poppins;
letter-spacing: -1px;
color: var(--color-text-primary);
}
.mission-contrat {
text-align: left !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
font-size: 12px !important;
line-height: 14px !important;
font-family: Titillium Web !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
margin-top: 2px !important;
}
.hhc-table {
border: 1px solid #dee2e6 !important;
}
.table thead th {
font-weight: 700 !important;
}
.card {
box-shadow: 0 1px 1px 0 rgba(0,0,0,.16),0 1px 1px 0 rgba(0,0,0,.12) !important;
}
.hide {
display: none !important;
}
.mission-title-container {
margin-top: 17px;
padding-left: 7px;
}
.mission-lieu-container {
margin-top: 12px;
padding-left: 7px;
min-height: 47px;
height: 47px;
}
.hhc-auto-complete-items-hover {
list-style: none !important;
}
.btn-fl-xs i {
line-height: 31px !important;
}
.btn-fl-xs {
height: 30px !important;
width: 30px !important;
}
.select-wrapper span.caret {
right: 4px !important;
}
select.mdb-select {
height: 0;
display: block !important;
visibility: hidden;
}
.btn-success {
color: var(--color-text-secondary);
background-color: #28a745 !important;
}
.btn-primary {
background-color: #53bbd8 !important;
color: var(--color-text-secondary);
}
.btn-secondary {
background-color: #4f386d !important;
color: var(--color-text-secondary);
}
.text-decoration-underline {
text-decoration: underline !important;
}
.hhc-navbar-noshadow,
.noshadow {
box-shadow: none !important;
}
.mt-6 {
margin-top: 4rem !important;
}
.h7 {
font-size: 1rem !important;
}
.btn.btn-xs {
padding: 0.5rem 1rem;
font-size: 0.64rem;
}
.md-form .md-span {
transform: translateY(-14px) scale(.8);
display: inline-block;
margin-bottom: 0.5rem;
position: absolute;
top: 0;
left: 0;
font-size: 1rem;
transition: transform 0.2s ease-out,color 0.2s ease-out;
transform-origin: 0 100%;
cursor: text;
color: #757575;
}
.hhc-mission-container .card-body {
padding: 0 !important;
}
.modal .modal-dialog.modal-top {
top: 0;
}
.modal .modal-frame {
position: absolute;
width: 100%;
max-width: 100% !important;
margin: 0 !important;
}
.modal-dialog.modal-notify .modal-body {
padding: 1.5rem;
color: #616161;
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none;
}
.hhc-agency-logo-container {
align-items: center;
display: flex;
align-content: center;
border-radius: 25px;
opacity: 1;
width: 110px;
height: 110px;
object-fit: cover;
}
.btn {
border-radius: 10em !important;
}
.chip i.accueil {
background-image: url("/App_Images/Logos/acceuil.png?v=5_57_0");
width: 29px;
height: 29px;
background-size: cover;
display: inline-flex;
}
.chip i.commerce {
background-image: url("/App_Images/Logos/commerce.png?v=5_57_0");
width: 29px;
height: 29px;
background-size: cover;
display: inline-flex;
}
.chip i.garde {
background-image: url("/App_Images/Logos/garde.png?v=5_57_0");
width: 29px;
height: 29px;
background-size: cover;
display: inline-flex;
}
.hhc-agency-logo {
max-height: 98px;
height: 98px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
border: 0;
max-width: 98px;
width: 98px;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 !important;
object-fit: cover;
border-radius: 50%;
}
.preloader-wrapper .spinner-picto-ma-team {
background-image: url("/App_Images/Logos/logo-matching-bleu.svg");
width: 100px;
height: 100px;
background-size: contain;
display: inline-flex;
background-repeat: no-repeat;
}
.active .spinner-layer.spinner-picto-ma-team {
opacity: 1;
animation: spin 4s linear infinite;
}
label.invalid {
display: block;
width: 100%;
font-size: .8rem;
font-weight: 500;
color: #f00 !important;
}
.form-check-input.invalid ~ .form-check-label {
color: red;
}
.select-wrapper.mdb-select.invalid > .select-dropdown .form-control {
border-bottom: 1px solid red;
box-shadow: 0 1px 0 0 red;
}
.select-wrapper.mdb-select.valid > .select-dropdown .form-control {
border-bottom: 1px solid #28a745;
box-shadow: 0 1px 0 0 #28a745;
}
.btn {
box-shadow: none !important;
}
table.table-sm td,
table.table-sm th {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
table.table-sm thead th {
border-bottom: 1px solid #dee2e6;
text-align: center;
}
table.table-border td,
table.table-border th {
border-right: 1px solid #dee2e6;
}
table.table-sm td {
vertical-align: middle !important;
}
a,
a > label,
a > span {
cursor: pointer !important;
}
.btn-job-detail {
background: #FFFFFF 0 0 no-repeat padding-box;
border: 1px solid #071D3D;
border-radius: 16px;
height: 35px !important;
font-style: normal;
font-variant: normal;
font-weight: 700;
font-size: 11px;
line-height: 20px;
font-family: Poppins;
letter-spacing: 0;
color: var(--color-text-primary);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 3px 6px !important;
}
.btn-job-detail {
text-transform: none !important;
}
.btn-job-detail.accueil {
min-width: 80px !important;
text-transform: none !important;
}
.btn-job-detail.commerce {
min-width: 80px !important;
text-transform: none !important;
}
.btn-job-detail.garde {
opacity: 1 !important;
width: 140px !important;
text-transform: none !important;
}
.btn-job-detail.mobile.accueil {
background: var(--box-acceuil) 0 0 no-repeat padding-box !important;
}
.btn-job-detail.mobile.commerce {
background-color: var(--box-commerce) !important;
}
.btn-job-detail.mobile.garde {
background-color: var(--box-garde) !important;
}
.mission-data-container {
min-height: 30px;
/*margin-top: 11px;*/
/*padding-inline: 7px;*/
}
.mission-data-container-mobile {
min-height: 25px;
}
.mission-data-container-div-mobile {
display: flex;
align-items: center;
justify-content: space-between;
}
.btn-job-action {
opacity: 1;
width: 196px;
height: 59.32px;
text-align: center;
font-style: normal;
font-variant: normal;
font-weight: 800;
font-size: 21px;
line-height: 25px;
font-family: Poppins;
letter-spacing: 0;
color: var(--color-text-primary);
transition: all 0.25s ease 0s !important;
}
.btn-job-action:hover {
font-style: normal;
font-variant: normal;
font-weight: 800;
font-size: 21px;
line-height: 25px;
font-family: Poppins;
}
.btn-job-action.annuler.accueil,
.btn-job-action.annuler.commerce,
.btn-job-action.annuler.garde {
background: #FFFFFF 0 0 no-repeat padding-box;
}
.btn-job-action.accueil {
background: var(--box-acceuil) 0 0 no-repeat padding-box;
}
.btn-job-action.commerce {
background-color: var(--box-commerce);
}
.btn-job-action.garde {
background-color: var(--box-garde);
}
.btn-job-action span {
text-align: center;
letter-spacing: 0;
height: 53px;
}
.btn-job-action.detail {
width: 97px !important;
height: 59.32px !important;
margin-right: 11px;
background: #FFFFFF 0 0 no-repeat padding-box;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
font-family: Poppins;
letter-spacing: 0;
color: var(--color-text-primary);
}
.btn-job-action.detail:hover {
}
.btn-job-action.all-jobs {
width: 242.43px;
height: 54px;
background: #FFFFFF 0 0 no-repeat padding-box;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 25px;
line-height: 38px;
font-family: Poppins;
letter-spacing: 0;
color: var(--color-text-primary);
}
.btn-job-action.all-jobs:hover {
}
.btn-index-all-job-container {
display: flex;
justify-content: center;
width: 100%;
}
.item-menu-famille-metier {
position: relative;
min-width: 85px;
padding-right: 21.44px;
padding-left: 21.44px;
border-right: 0.5px solid var(--color-text-primary);
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 1.2px;
}
.item-menu-famille-metier.accueil {
color: var(--title-acceuil) !important;
}
.item-menu-famille-metier.commerce {
color: var(--title-commerce) !important;
}
.item-menu-famille-metier.garde {
color: var(--title-garde) !important;
}
.item-menu-famille-metier-with-underline {
text-decoration: underline;
}
.nav-master-page-agency-links a:nth-last-child(1) {
border-right: 0 !important;
}
.nav-candidateque{margin-left:2em}
.nav-mes-offres {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 800 !important;
font-size: 15px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
opacity: 1;
color: var(--color-text-primary);
}
.nav-mes-offres.accueil {
color: var(--title-acceuil) !important;
}
.nav-mes-offres.commerce {
color: var(--title-commerce) !important;
}
.nav-mes-offres.garde {
color: var(--title-garde) !important;
}
.profil-logo-recruteur {
max-width: 44px;
max-height: 44px;
vertical-align: middle;
border: 0;
text-align: center;
border-radius: 50% !important;
min-width: 44px;
min-height: 44px;
border: 1px solid #707070;
}
.G_Mission {
background: #FFFFFF 0 0 no-repeat padding-box;
box-shadow: var(--dalle-shadow) !important;
border-radius: 25px;
padding: 22px;
width: 350px;
height: 421px;
position: relative;
transition: box-shadow 0.3s ease-out;
cursor: pointer;
}
.G_Mission:hover {
box-shadow: var(--dalle-shadow-hover) !important;
}
.dalle-job-index-last-item {
display: none;
min-width: calc(5vw - 15px);
max-width: calc(5vw - 15px);
color: transparent;
user-select: none;
}
.select-wrapper span.caret {
top: 8px !important;
right: 10px !important;
transform: rotate(-90deg);
font-size: 18px;
font-weight: 700;
opacity: 0.8;
}
.entreprise-logo-container {
height: 198px;
width: 198px;
}
.entreprise-logo-image {
height: 198px;
width: 198px;
cursor: pointer;
border-radius: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-origin: padding-box;
background-size: cover;
border: 3px solid var(--color-text-primary);
opacity: 1;
background-position: center center;
}
.modal-dialog .modal-content {
border-radius: 1.5rem;
}
.modal-dialog.modal-sheet {
max-width: 100% !important;
}
.job-sheet-modal-content {
background: #000000BF 0 0 no-repeat padding-box;
box-shadow: 0 10px 30px #99999933 !important;
height: 100%;
padding: 0 !important;
}
.modal-mission-sheet {
border-radius: 50px 0 0 50px !important;
}
.job-sheet-modal-body {
background-color: #FFFFFF;
box-shadow: 0 10px 30px #99999933;
border-radius: 50px 50px 0 0;
opacity: 1;
margin-top: 24px;
height: calc(100vh - 74px) !important;
overflow: auto;
padding: 1rem !important;
height: 100%;
}
.job-sheet-modal-form-view {
overflow-x: hidden;
}
.sheet-desktop-main-container {
}
.job-sheet-job-title {
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 42px !important;
line-height: 82px !important;
font-family: Bree !important;
letter-spacing: 0;
color: var(--color-text-primary);
white-space: nowrap;
white-space: -moz-nowrap;
white-space: -nowrap;
white-space: -o-nowrap;
}
.job-sheet-job-dates {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 46px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.job-sheet-job-lieu {
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 17px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.job-sheet-job-contrat {
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 17px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.job-sheet-job-distance {
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 26px !important;
font-family: Titillium Web !important;
letter-spacing: -0.15px;
color: var(--color-text-primary);
opacity: 1;
}
.job-sheet-job-salaire {
font-style: normal !important;
font-variant: normal !important;
font-weight: 800 !important;
font-size: 17px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
vertical-align: -0.0667em;
}
.job-sheet-job-salaire-taux {
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 17px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.job-sheet-job-salaire-icon {
color: var(--color-text-secondary);
background-color: var(--color-text-primary);
border-radius: 50%;
height: 19px;
width: 19px;
text-align: center;
padding-top: 4px;
padding-right: 2px;
}
.job-sheet-job-share {
margin-left: 8px;
}
.fa-th-large:before {
content: "\f009";
}
.btn-job-share {
width: 196px;
}
.job-sheet-job-postule-button {
opacity: 1;
width: 196px;
height: 59px;
letter-spacing: 0;
color: var(--color-text-primary);
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: 800 !important;
font-size: 21px !important;
line-height: 25px !important;
font-family: Poppins !important;
}
.job-sheet-job-postule-button:hover {
}
.job-sheet-job-postule-button.accueil {
background: var(--box-acceuil) 0 0 no-repeat padding-box;
}
.job-sheet-job-postule-button.commerce {
background: var(--box-commerce) 0 0 no-repeat padding-box;
}
.job-sheet-job-postule-button.garde {
background: var(--box-garde) 0 0 no-repeat padding-box;
}
.job-sheet-job-navigation {
height: 50px;
}
.job-sheet-job-data-container {
margin-top: 50px;
}
div.col-first-data-job > span:first-child {
margin-top: 0 !important;
}
div.col-center-data-job > span:first-child {
margin-top: 0 !important;
}
div.col-third-data-job > span:first-child {
margin-top: 0 !important;
padding-left: 15px;
}
.job-sheet-job-data-title {
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 16px !important;
line-height: 25px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
margin-top: 24.81px;
margin-bottom: 5px;
}
.job-sheet-job-data-item {
border-radius: 8px;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 15px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
width: auto;
height: 32px;
margin-bottom: 5px;
padding: 7px 13px 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.job-sheet-job-data-item.accueil {
background-color: #C1BAF36E !important;
}
.job-sheet-job-data-item.commerce {
background-color: #F8D6B56E !important;
}
.job-sheet-job-data-item.garde {
background-color: #F3B9C56E !important;
}
.job-sheet-job-data-title-master {
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 25px !important;
line-height: 25px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
margin-top: 26px;
margin-bottom: 26px;
}
.job-sheet-job-data-bloc {
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 15px !important;
line-height: 27px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.job-sheet-job-conseils {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 10px !important;
line-height: 20px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
margin-top: 30px;
}
.job-sheet-job-publishing-date {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 10px !important;
line-height: 27px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.job-sheet-job-previous {
}
.job-sheet-job-previous.accueil {
color: var(--box-acceuil) !important;
}
.job-sheet-job-previous.commerce {
color: var(--box-commerce) !important;
}
.job-sheet-job-previous.garde {
color: var(--box-garde) !important;
}
.job-sheet-job-next {
}
.job-sheet-job-next.accueil {
color: var(--box-acceuil) !important;
}
.job-sheet-job-next.commerce {
color: var(--box-commerce) !important;
}
.job-sheet-job-next.garde {
color: var(--box-garde) !important;
}
.candidat-sheet-candidat-photo {
height: 100%;
width: 100%;
cursor: pointer;
border-radius: 50%;
border: 3px solid var(--color-text-primary);
background-color: transparent;
background-repeat: no-repeat;
background-origin: padding-box;
background-size: cover;
background-position: center center;
}
.candidat-sheet-candidat-photo.mobile {
height: 138px;
width: 138px;
border: 4px solid #FFF;
}
.job-sheet-share-close-container {
display: none;
}
.candidat-update-profil {
background: #E0E3F0 0 0 no-repeat padding-box;
}
.accueil.chip {
background-color: var(--main-acceuil) !important;
color: var(--color-text-primary) !important;
}
.commerce.chip {
background-color: var(--main-commerce) !important;
color: var(--color-text-primary) !important;
}
.garde.chip {
background-color: var(--main-garde) !important;
color: var(--color-text-primary) !important;
}
.md-form input[type="text"]:not(.browser-default).valid {
box-shadow: none;
}
.inscription-candidat-check {
margin-top: 42.28px !important;
}
.connexion-popup-btn-connexion {
margin-top: 40px;
margin-bottom: 1rem;
}
.inscription-candidat-check label {
position: relative !important;
top: 5px !important;
padding-left: 30px !important;
}
.inscription-candidat-check .form-check-input[type="checkbox"] + label:before {
top: -2px !important;
width: 15px !important;
height: 15px !important;
background: none !important;
box-shadow: none !important;
border-radius: 4px !important;
border: 1px solid #000 !important;
}
.inscription-candidat-check .form-check-input[type="checkbox"]:checked + label:before {
background-color: var(--color-text-primary) !important;
box-shadow: none !important;
top: -2px !important;
left: 0 !important;
width: 15px !important;
height: 15px !important;
padding: 1px !important;
background-clip: content-box !important;
transform: none !important;
}
input[type=range].custom-range::-webkit-slider-runnable-track {
background-color: #DEDEDE;
height: 12px;
}
input[type=range].custom-range::-webkit-slider-thumb {
width: 17px !important;
height: 17px !important;
background: #FFFFFF 0 0 no-repeat padding-box !important;
box-shadow: 0 3px 6px #00000029 !important;
border: 1px solid #D6D6D6 !important;
}
input[type=range].custom-range {
-webkit-appearance: none;
padding: 0;
outline: none;
box-sizing: border-box;
}
.dropdown-content li.active:not(.disabled) span.filtrable {
}
.dropdown-content li.active {
}
.dropdown-content li > a,
.dropdown-content li > span {
margin-left: 24px;
margin-right: 24px;
padding: 10px 0 !important;
}
.dropdown-content {
box-shadow: 0 3px 6px #00000029 !important;
border-radius: 10px !important;
}
.card-bottom-button {
position: absolute;
bottom: 26px;
left: 0;
}
.recruteur-how-to-section {
}
.index-how-to-section-dalle-mobile {
display: none;
}
.how-to-numbers-mobile-container {
display: flex;
gap: 33.5px;
}
.how-to-numbers-mobile-item {
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 50px !important;
font-family: Bree !important;
color: transparent;
-webkit-text-stroke: 2px #00000029;
cursor: pointer;
}
.how-to-mobile-number-selected {
color: var(--color-text-primary);
-webkit-text-stroke: 2px var(--color-text-primary);
text-stroke: 4px var(--color-text-primary);
}
.how-to-content-mobile-container {
display: flex;
justify-content: flex-start;
margin-top: 10px;
}
.how-to-content-mobile-item {
width: 334px;
min-height: 234px;
display: none;
}
.dalle-how-to-selected {
display: block !important;
}
.how-to-title-container-desktop {
display: flex;
flex-direction: column;
align-items: center;
}
.how-to-title-container-mobile {
display: none;
}
.recruteur-how-to-title {
text-align: center;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 50px;
font-family: Bree;
letter-spacing: 0.5px;
color: var(--color-text-primary);
opacity: 1;
}
.recruteur-how-to-title-bold {
font-weight: bold;
}
.recruteur-how-to-desc {
text-align: center;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 20px;
line-height: 34px;
font-family: Poppins;
letter-spacing: 0;
color: var(--color-text-primary);
}
.recruteur-how-to-desc-bold {
font-weight: bold !important;
}
.how-to-items-grid {
display: flex;
overflow-x: hidden;
flex-wrap: nowrap;
grid-gap: 16px;
}
.how-to-items-grid > * {
flex: 1 1 0;
}
.recruteur-how-to-item {
max-width: 350px;
padding: clamp(1.5rem,2.5vw, 2.21rem);
border: 3px solid var(--color-text-primary);
border-radius: 50px;
opacity: 1;
cursor: pointer;
}
.recruteur-how-to-item-last-item {
display: none;
width: calc(5vw - 18px);
color: transparent;
user-select: none;
}
.recruteur-how-to-step-item-number-div {
margin-top: 1.5rem;
}
.recruteur-how-to-step-item-number {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 110px !important;
line-height: 1px !important;
font-family: Bree !important;
color: transparent;
opacity: 1;
-webkit-text-stroke: 3px var(--color-text-primary);
}
.recruteur-how-to-step-item-title {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 1.875rem !important;
font-family: Bree !important;
letter-spacing: -0.3px;
color: var(--color-text-primary);
opacity: 1;
margin-top: 0.8125rem;
line-height: 35px;
margin-bottom: 1rem;
}
.recruteur-how-to-step-item-title-secondary {
font-style: oblique !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 26px !important;
font-family: Bree !important;
letter-spacing: -0.26px;
color: var(--color-text-primary);
opacity: 1;
}
.recruteur-how-to-step-item-text-recruteur {
text-align: left;
font-style: oblique !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 22px !important;
line-height: 38px !important;
font-family: Bree !important;
letter-spacing: -0.32px;
color: var(--color-text-primary);
opacity: 1;
}
.recruteur-how-to-step-item-text {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 1rem !important;
line-height: 28px !important;
font-family: Poppins !important;
letter-spacing: -0.32px;
color: var(--color-text-primary);
opacity: 1;
}
.recruteur-how-to-step-item-text-bold {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 16px !important;
line-height: 28px !important;
font-family: Poppins !important;
letter-spacing: -0.32px;
color: var(--color-text-primary);
opacity: 1;
}
.index-environement-specialise-section {
display: flex;
align-items: center;
justify-content: space-between;
}
.index-environement-specialise-col-left {
max-width: 623px;
z-index: 1000;
line-height: 1.2;
}
.index-environement-specialise-title {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 50px;
font-family: Bree !important;
letter-spacing: 0.5px;
color: var(--color-text-primary);
opacity: 1;
}
.index-environement-specialise-title-bold {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 50px;
font-family: Bree !important;
letter-spacing: 0.5px;
color: var(--color-text-primary);
opacity: 1;
}
.index-environement-specialise-text {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 20px;
line-height: 34px;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
margin-top: 0.8125rem;
}
.index-environement-specialise-col-right {
max-width: 720px;
display: flex;
justify-content: center;
align-items: center;
}
index-environement-specialise-col-right > * {
-webkit-flex-grow: 1;
flex-grow: 1;
flex-shrink: 1;
}
.index-environement-specialise-bouton-main {
width: 279px;
height: 76px;
box-shadow: -1px 3px 0;
border: var(--shadow-border);
border-radius: 46px;
display: flex;
-moz-box-pack: center;
justify-content: center;
text-align: center;
align-items: center;
cursor: pointer;
transition: all 0.25s ease 0s !important;
text-align: center;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 32px;
font-family: Poppins;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.index-environement-specialise-bouton-main.accueil {
background: #C1BAF3 0 0 no-repeat padding-box;
}
.index-environement-specialise-bouton-main.commerce {
background: #F8D6B5 0 0 no-repeat padding-box;
}
.index-environement-specialise-bouton-main.garde {
background: #F3B9C5 0 0 no-repeat padding-box;
}
.index-environement-specialise-bouton-behind {
width: 176px;
height: 48px;
box-shadow: -1px 3px 0;
border: var(--shadow-border);
border-radius: 46px;
display: flex;
-moz-box-pack: center;
justify-content: center;
text-align: center;
align-items: center;
cursor: pointer;
transition: all 0.25s ease 0s !important;
text-align: center;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 20px;
font-family: Poppins;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 0.4;
min-width: 140px;
}
.index-environement-specialise-bouton-behind.accueil {
background: #C1BAF3 0 0 no-repeat padding-box;
}
.index-environement-specialise-bouton-behind.commerce {
background: #F8D6B5 0 0 no-repeat padding-box;
}
.index-environement-specialise-bouton-behind.garde {
background: #F3B9C5 0 0 no-repeat padding-box;
}
.index-environement-specialise-div-main {
width: 279px !important;
height: 76px !important;
margin-inline: 2.625rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.6s ease-in-out;
border-radius: 46px !important;
}
.index-environement-specialise-div-main.accueil {
background: #C1BAF3 0 0 no-repeat padding-box;
box-shadow: 0 0 222px 150px rgba(193,186,243,0.75);
-webkit-box-shadow: 0 0 222px 150px rgba(193,186,243,0.75);
-moz-box-shadow: 0 0 222px 150px rgba(193,186,243,0.75);
}
.index-environement-specialise-div-main.commerce {
background: #F8D6B5 0 0 no-repeat padding-box;
box-shadow: 0 0 222px 150px rgba(248, 214, 181,0.75);
-webkit-box-shadow: 0 0 222px 150px rgba(248, 214, 181,0.75);
-moz-box-shadow: 0 0 222px 150px rgba(248, 214, 181,0.75);
}
.index-environement-specialise-div-main.garde {
background: #F3B9C5 0 0 no-repeat padding-box;
box-shadow: 0 0 222px 150px rgba(243, 185, 197,0.75);
-webkit-box-shadow: 0 0 222px 150px rgba(243, 185, 197,0.75);
-moz-box-shadow: 0 0 222px 150px rgba(243, 185, 197,0.75);
}
.index-environement-specialise-div-main.mobile.accueil {
background: #C1BAF3 0 0 no-repeat padding-box;
box-shadow: 0 0 120px 70px rgba(193,186,243,0.75);
-webkit-box-shadow: 0 0 120px 70px rgba(193,186,243,0.75);
-moz-box-shadow: 0 0 120px 70px rgba(193,186,243,0.75);
}
.index-environement-specialise-div-main.mobile.commerce {
background: #F8D6B5 0 0 no-repeat padding-box;
box-shadow: 0 0 120px 70px rgba(248, 214, 181,0.75);
-webkit-box-shadow: 0 0 120px 70px rgba(248, 214, 181,0.75);
-moz-box-shadow: 0 0 120px 70px rgba(248, 214, 181,0.75);
}
.index-environement-specialise-div-main.mobile.garde {
background: #F3B9C5 0 0 no-repeat padding-box;
box-shadow: 0 0 120px 70px rgba(243, 185, 197,0.75);
-webkit-box-shadow: 0 0 120px 70px rgba(243, 185, 197,0.75);
-moz-box-shadow: 0 0 120px 70px rgba(243, 185, 197,0.75);
}
.index-environement-specialise-div-behind {
width: 176px !important;
height: 48px !important;
border-radius: 46px;
text-align: center;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.6s ease-in-out;
}
.index-environement-specialise-div-behind.accueil {
background: #C1BAF3 0 0 no-repeat padding-box;
}
.index-environement-specialise-div-behind.commerce {
background: #F8D6B5 0 0 no-repeat padding-box;
}
.index-environement-specialise-div-behind.garde {
background: #F3B9C5 0 0 no-repeat padding-box;
}
.index-environement-specialise-bouton-behind:hover,
.index-environement-specialise-bouton-main:hover {
color: var(--color-text-primary);
}
.pourcentage-matching-explain-section {
display: flex;
align-items: center;
justify-content: space-between;
gap: 5.5rem;
}
.pourcentage-matching-explain-col-left-container {
border-radius: 53px;
box-shadow: 0 2px 5px #00000029;
max-width: 664px;
}
.pourcentage-matching-explain-col-left {
max-width: 664px;
max-height: 335px;
width: 100%;
height: 100%;
}
.pourcentage-matching-explain-col-right {
line-height: 1.2;
}
.pourcentage-matching-explain-title {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 50px;
font-family: Bree !important;
letter-spacing: 0.5px;
color: var(--color-text-primary);
}
.pourcentage-matching-explain-title-bold {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 50px;
font-family: Bree !important;
letter-spacing: 0.5px;
color: var(--color-text-primary);
}
.pourcentage-matching-explain-text {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 20px;
line-height: 34px;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.container-contact-accordion-index {
background: #fff;
border-top: 3px solid var(--color-text-primary);
background: #FFFFFF 0 0 no-repeat padding-box !important;
padding: 0;
}
.md-accordion .card:first-of-type,
.md-accordion .card:not(:first-of-type) {
border-bottom: 3px solid var(--color-text-primary);
}
.md-accordion .card:first-of-type,
.md-accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 3px solid var(--color-text-primary);
}
.contact-accordion-div-container {
padding-top: 2.5625rem;
padding-bottom: 3.25rem;
}
#accordionHomePage .accordion-histoire,
#accordionHomePage .accordion-le-model,
#accordionHomePage .les-resultat {
background-color: #FFF;
}
#accordionHomePage .accordion-histoire.collapsed-header,
#accordionHomePage .accordion-le-model.collapsed-header,
#accordionHomePage .les-resultat.collapsed-header {
background-color: var(--color-bg-general);
}
#accordionHomePage .accordion-histoire.collapsed-header.accueil,
#accordionHomePage .accordion-le-model.collapsed-header.accueil,
#accordionHomePage .les-resultat.collapsed-header.accueil {
background-color: var(--home-page-acceuil);
}
#accordionHomePage .accordion-histoire.collapsed-header.commerce,
#accordionHomePage .accordion-le-model.collapsed-header.commerce,
#accordionHomePage .les-resultat.collapsed-header.commerce {
background-color: var(--home-page-commerce);
}
#accordionHomePage .accordion-histoire.collapsed-header.garde,
#accordionHomePage .accordion-le-model.collapsed-header.garde,
#accordionHomePage .les-resultat.collapsed-header.garde {
background-color: var(--home-page-garde);
}
.accordion-histoire {
}
.contact-accordion-div-container-histoire {
position: absolute;
right: 21px;
top: 0;
max-width: 338px;
}
.contact-accordion-div-container-histoire-image {
background-image: url("/App_Images/Icons/femme-res.svg");
background-repeat: no-repeat;
background-size: contain;
width: 415px;
height: 360px;
position: absolute;
top: -20px;
right: -160px;
}
.contact-accordion-div-container-model {
position: absolute;
right: 0;
top: 0;
}
.contact-accordion-div-container-model-image {
width: 16vw;
max-width: 330px;
}
.contact-accordion-title-first {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 70px;
font-family: Bree;
letter-spacing: 0.7px;
color: var(--color-text-primary) !important;
opacity: 1;
}
.contact-accordion-title-second {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 70px;
font-family: Bree;
letter-spacing: 0.7px;
color: var(--color-text-primary) !important;
opacity: 1;
}
.contact-accordion-text {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 20px !important;
font-family: Poppins;
letter-spacing: 0;
color: var(--color-text-primary) !important;
padding-top: 2.5rem;
position: relative;
z-index: 10;
}
.result-accordion-text {
padding-top: 3.5rem !important;
padding-bottom: 6.125rem !important;
}
.accordion-le-model-body {
max-width: 87.6%;
}
.accordion-resultat-value-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.contact-accordion-text-bold {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 800 !important;
font-size: 20px;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary) !important;
}
.accordion-stat-div {
display: flex;
flex-direction: column;
align-items: center;
}
.contact-accordion-stat {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 98px;
font-family: Bree !important;
letter-spacing: 0;
color: var(--color-text-primary) !important;
height: 94px;
}
.contact-accordion-stat-text {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 30px;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary-half-opacity) !important;
}
.index-accordion-model-header1 {
text-align: left;
font-style: italic !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 20px !important;
line-height: 34px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary) !important;
}
.index-accordion-model-header2 {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 20px !important;
line-height: 34px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary) !important;
}
.index-accordion-model-header-ma-team {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 25px !important;
line-height: 34px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary) !important;
}
.index-tous-metiers-section {
margin-top: -2vw;
}
.recruteur-tous-metiers-section {
}
.recruteur-tous-metiers-item-desktop {
max-width: 473px;
min-width: 300px;
min-height: 250px;
border-radius: 50px;
opacity: 1;
cursor: pointer;
display: block;
}
.recruteur-tous-metiers-item-last-item {
display: none;
width: calc(5vw - 14px);
min-width: calc(5vw - 14px);
color: transparent;
user-select: none;
}
.recruteur-tous-metiers-item-desktop.accueil {
background: #C9C7F533 0 0 no-repeat padding-box !important;
color: var(--color-text-primary);
border: 4px solid #8374E6;
}
.recruteur-tous-metiers-item-desktop.commerce {
background: #F9DBC234 0 0 no-repeat padding-box !important;
color: var(--color-text-primary);
border: 4px solid #EFA65E;
}
.recruteur-tous-metiers-item-desktop.garde {
background: #F6C6CE33 0 0 no-repeat padding-box !important;
color: var(--color-text-primary);
border: 4px solid #E8758C;
}
.recruteur-tous-metiers-item-mobile {
min-width: 248px;
max-height: 258px;
border-radius: 50px;
opacity: 1;
cursor: pointer;
display: none;
position: relative;
}
.recruteur-tous-metiers-item-mobile.accueil {
background: #C9C7F533 0 0 no-repeat padding-box !important;
color: var(--color-text-primary);
border: 1px solid #8374E6;
}
.recruteur-tous-metiers-item-mobile.commerce {
background: #F9DBC234 0 0 no-repeat padding-box !important;
color: var(--color-text-primary);
border: 1px solid #EFA65E;
}
.recruteur-tous-metiers-item-mobile.garde {
background: #F6C6CE33 0 0 no-repeat padding-box !important;
color: var(--color-text-primary);
border: 1px solid #E8758C;
}
.index-tous-metier-container {
display: flex;
gap: 14px;
flex-wrap: nowrap;
overflow-x: hidden;
}
.index-tous-metier-container > * {
flex: 1 1 0;
}
.recruteur-tous-metiers-item-title {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 50px;
font-family: Bree;
letter-spacing: 0.5px;
color: var(--color-text-primary);
opacity: 1;
margin-top: -17px;
}
.recruteur-tous-metiers-item-title.specifique {
font-size: 35px;
line-height: 38px;
}
.recruteur-tous-metiers-item-title.accueil {
color: #8374E6;
}
.recruteur-tous-metiers-item-title.commerce {
color: #EFA65E;
}
.recruteur-tous-metiers-item-title.garde {
color: #E8758C;
}
.recruteur-tous-metiers-item-title-mobile {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 35px;
font-family: Bree;
color: var(--color-text-primary);
opacity: 1;
margin-top: -9px;
}
.recruteur-tous-metiers-item-title-mobile.specifique {
font-size: 21px;
letter-spacing: -1px;
}
.recruteur-tous-metiers-item-title-mobile.specifique {
font-size: 21px;
}
.recruteur-tous-metiers-item-title-mobile.accueil {
color: #8374E6;
}
.recruteur-tous-metiers-item-title-mobile.commerce {
color: #EFA65E;
}
.recruteur-tous-metiers-item-title-mobile.garde {
color: #E8758C;
}
.recruteur-tous-metiers-item-resume {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 19px;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.recruteur-tous-metiers-item-resume-bold {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 500 !important;
font-size: 19px;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.recruteur-tous-metiers-item-resume-mobile {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 14px;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.recruteur-tous-metiers-item-resume-mobile-bold {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
font-size: 14px;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.tous-metier-flesh-navigation {
position: absolute;
bottom: 18px;
right: 29px;
}
.recruteur-tous-metiers-item-page {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 20px !important;
line-height: 27px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.recruteur-tous-metiers-item-page:hover {
color: var(--color-text-primary);
}
.recruteur-tous-metiers-item-page.accueil {
color: #8374E6;
}
.recruteur-tous-metiers-item-page.commerce {
color: #EFA65E;
}
.recruteur-tous-metiers-item-page.garde {
color: #E8758C;
}
.recruteur-tous-metiers-item-page-mobile {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 15px !important;
line-height: 27px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
}
.recruteur-tous-metiers-item-page-mobile:hover {
color: var(--color-text-primary);
}
.recruteur-tous-metiers-item-page-mobile.accueil {
color: #8374E6;
}
.recruteur-tous-metiers-item-page-mobile.commerce {
color: #EFA65E;
}
.recruteur-tous-metiers-item-page-mobile.garde {
color: #E8758C;
}
.recruteur-tous-metiers-item-body {
padding: clamp(1.5rem, 4vh,3rem);
height: 100%;
display: flex;
flex-direction: column;
gap: 11px;
}
.recruteur-tous-metiers-item-body-mobile {
padding-block: 1.3125rem;
padding-inline: 1.625rem;
height: 100%;
display: flex;
flex-direction: column;
gap: 11px;
}
.recruteur-tous-metiers-item-body-mobile.specialise,
.recruteur-tous-metiers-item-body.specialise {
justify-content: space-between;
}
.index-temoignage-section {
}
.recruteur-temoignage-section {
}
.recruteur-temoignage-star-section {
max-width: 746px;
max-height: 118px;
display: flex;
gap: 39px;
justify-content: center;
}
.col-recruteur-temoignage-star {
max-width: 118px;
max-height: 118px;
aspect-ratio: 1/1;
background-image: url("/App_Images/Icons/icon-star.png");
background-repeat: no-repeat;
background-size: contain;
}
.recruteur-temoignage-title-container {
}
.index-temoignage-title-container {
}
.recruteur-temoignage-title {
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 50px !important;
font-family: Bree !important;
letter-spacing: 0.5px;
color: var(--color-text-primary);
}
.recruteur-temoignage-title br {
display: none;
}
.temoigne-section {
display: flex;
justify-content: center;
gap: 27px;
}
.owl-carousel {
display: flex !important;
flex-direction: row;
justify-content: center;
}
.recruteur-temoignage-item-container {
background: transparent 0 0 no-repeat padding-box;
border: 3px solid var(--color-text-primary);
border-radius: 50px;
display: flex;
justify-content: start;
align-items: start;
flex-direction: column;
min-height: 420px !important;
padding: 2.5rem;
}
#carouselTemoignage .owl-item {
opacity: 1;
}
#carouselTemoignage .owl-item.active.center {
opacity: 1;
}
.recruteur-temoignage-item-text {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 15px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
margin-top: 20px;
}
.recruteur-temoignage-item-name {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 25px !important;
font-family: Bree !important;
letter-spacing: 0.25px;
color: var(--color-text-primary);
opacity: 1;
}
.recruteur-temoignage-item-job {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 20px !important;
font-family: Bree !important;
letter-spacing: -1px;
color: var(--color-text-primary);
}
.index-recruteur-contact-section {
}
.contact-container-desktop {
display: flex;
align-items: center;
flex-direction: column;
padding-bottom: 1rem;
}
.contact-container-mobile {
display: none;
padding-bottom: 0.5rem;
}
.recruteur-contact-desc-title {
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 50px !important;
font-family: Bree !important;
letter-spacing: 0.5px;
color: var(--color-text-primary);
opacity: 1;
}
.recruteur-contact-desc-title-mobile {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 35px !important;
font-family: Bree !important;
color: var(--color-text-primary);
opacity: 1;
}
.recruteur-contact-card {
background: #FFFFFF 0 0 no-repeat padding-box;
box-shadow: 0 5px 15px #00000029;
border-radius: 30px;
opacity: 1;
max-height: 1207px;
max-width: 1082px;
width: 100%;
padding: 44px 61px 45px 49px;
}
.recruteur-contact-card-mobile {
max-height: 1207px;
max-width: 1082px;
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.recruteur-contact-control-title {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 30px !important;
line-height: 46px !important;
font-family: Bree !important;
letter-spacing: 0.3px;
color: var(--color-text-primary);
opacity: 1;
margin-bottom: 0.8125rem;
padding-left: 2rem;
}
.contact-div-container {
margin-top: 5px;
}
.recruteur-contact-button {
width: 172px;
height: 48px;
background: #FFF 0 0 no-repeat padding-box;
opacity: 1;
font-style: normal !important;
font-variant: normal !important;
font-weight: 800 !important;
font-size: 20px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
margin-top: 20px;
transition: all 0.25s ease 0s !important;
}
.recruteur-contact-button-mobile {
width: 152px;
height: 38px;
background: #FFF 0 0 no-repeat padding-box;
opacity: 1;
font-style: normal !important;
font-variant: normal !important;
font-weight: 800 !important;
font-size: 15px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
transition: all 0.25s ease 0s !important;
}
.recruteur-contact-button:hover {
}
.index-form-contact-input {
border: 0.5px solid var(--color-text-primary) !important;
border-radius: 50px !important;
opacity: 1;
max-width: 100%;
margin-bottom: 35px !important;
height: 66px;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 20px !important;
line-height: 30px !important;
font-family: Poppins !important;
color: var(--color-text-primary);
padding-left: 31px;
opacity: 0.5;
}
.index-form-contact-input:focus {
border: 2px solid var(--color-text-primary) !important;
box-shadow: none !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0;
opacity: 1;
}
.index-form-contact-input.mobile {
font-size: 15px !important;
margin-bottom: 0 !important;
}
.index-form-contact-input.mobile:focus {
font-size: 15px !important;
}
.index-form-contact-select input.form-control {
background: #FFFFFF 0 0 no-repeat padding-box !important;
border: 0.5px solid var(--color-text-primary) !important;
border-radius: 50px !important;
max-width: 100%;
height: 66px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 20px !important;
line-height: 30px !important;
font-family: Poppins !important;
color: var(--color-text-primary);
margin-bottom: 30px !important;
padding-left: 31px;
opacity: 0.5;
}
.index-form-contact-select input.form-control:focus {
border: 2px solid var(--color-text-primary) !important;
box-shadow: none !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0;
opacity: 1;
}
.index-form-contact-select.mobile input.form-control {
font-size: 15px !important;
margin-bottom: 0 !important;
}
.index-form-contact-select.mobile input.form-control:focus {
font-size: 15px !important;
}
.index-form-contact-select span.caret {
z-index: 1020 !important;
font-family: "Font Awesome 5 Free" !important;
font-size: 1.5rem !important;
color: transparent !important;
font-weight: 800;
content: "" !important;
right: 10px !important;
top: 10px !important;
opacity: 0.5;
}
.index-form-contact-select span.caret:before {
content: "\f078";
color: var(--color-text-primary);
}
.index-form-contact-text-arena {
border: 0.5px solid var(--color-text-primary) !important;
border-radius: 30px !important;
opacity: 1;
max-width: 100%;
margin-bottom: 30px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 20px !important;
line-height: 30px !important;
font-family: Poppins !important;
color: var(--color-text-primary);
padding-left: 31px;
padding-top: 11px;
opacity: 0.5;
}
.index-form-contact-text-arena:focus {
border: 2px solid var(--color-text-primary) !important;
box-shadow: none !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0;
opacity: 1;
}
.index-form-contact-text-arena.mobile {
font-size: 15px !important;
margin-bottom: 0 !important;
}
.index-form-contact-text-arena.mobile:focus {
font-size: 15px !important;
}
.index-logo-container {
margin-top: -2.1rem;
}
.index-main-logo {
background-image: url("/App_Images/Logos/mateam-mono-cropped.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 100%;
height: auto;
aspect-ratio: 1.94;
display: block;
padding-bottom: 36.5%;
}
/*.index-main-logo:hover {
background-image: url("/App_Images/Logos/mateam-couleur-cropped.svg");
}*/
.index-main-logo.accueil {
background-image: url("/App_Images/Logos/hotesses-mono-cropped.svg");
}
/*
.index-main-logo.accueil:hover {
background-image: url("/App_Images/Logos/hotesses-couleur-cropped.svg");
}*/
.index-main-logo.commerce {
background-image: url("/App_Images/Logos/vendeurs-mono-cropped.svg");
}
/*
.index-main-logo.commerce:hover {
background-image: url("/App_Images/Logos/vendeurs-couleur-cropped.svg");
}*/
.index-main-logo.garde {
background-image: url("/App_Images/Logos/sitters-mono-cropped.svg");
}
/*
.index-main-logo.garde:hover {
background-image: url("/App_Images/Logos/sitters-couleur-cropped.svg");
}*/
.index-main-logo-mobile {
background-image: url("/App_Images/Logos/mobile/candidats_corpo.svg");
background-repeat: no-repeat;
background-size: cover;
width: 450px;
height: 439px;
position: relative;
top: -40px;
display: none;
min-width: 450px;
min-height: 439px;
}
.index-main-logo-mobile.accueil {
background-image: url("/App_Images/Logos/mobile/candidats_hotesses.svg");
}
.index-main-logo-mobile.commerce {
background-image: url("/App_Images/Logos/mobile/candidats_vendeurs.svg");
}
.index-main-logo-mobile.garde {
background-image: url("/App_Images/Logos/mobile/candidats_sitters.svg");
}
.index-section-separation-style {
margin-top: calc(clamp(159px,4vh,180px) + 2vh);
}
.index-section-first-item-only-separation-style {
margin-top: calc(clamp(70px,6vh,100px));
}
.index-section-separation-items-style {
margin-top: 8vh;
}
.index-tilte-container {
display: flex;
align-items: center;
flex-direction: column;
margin-top: calc(clamp(159px,4vh,180px) + 2vh);
}
.index-first-title {
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 55px;
font-family: Bree !important;
letter-spacing: 0.55px;
color: var(--color-text-primary);
opacity: 1;
}
.index-first-sub-title {
text-align: center;
font-style: oblique !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 30px;
font-family: Bree !important;
letter-spacing: 0.55px;
color: var(--color-text-primary);
opacity: 1;
margin-top: 5px;
}
.recruteur-intro-button-inscription {
width: 150px !important;
}
.recruteur-intro-button {
width: 218px;
height: 48px;
background: #F6F8FF 0 0 no-repeat padding-box;
opacity: 1;
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 20px;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
margin-top: 50px;
transition: all 0.25s ease 0s !important;
position: relative;
z-index: 1;
}
.recruteur-intro-button:hover {
}
.div-tous-metier-title-desktop {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-size: 45px;
font-family: Bree !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.div-tous-metier-title-mobile {
display: none;
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-size: 26px;
font-family: Bree !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.index-second-title {
font-weight: normal !important;
}
.index-second-title-bold {
font-weight: bold !important;
}
.recruteur-div-title-section {
position: relative;
margin-top: clamp(206px, 35vh, 300px);
height: 500px;
}
.recruteur-section-speration-style {
margin-top: clamp(170px, 25vh, 230px);
}
.recruteur-section-speration-first-item-only-style {
margin-top: clamp(150px, 25vh, 250px);
}
.recruteur-section-speration-item-style {
margin-top: 5vh;
}
.recruteur-title-section-title {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 70px;
font-family: Bree !important;
letter-spacing: 0.55px;
line-height: 1.5;
color: var(--color-text-primary);
line-height: 1.1;
}
.recruteur-title-section-title.specifique {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold;
font-size: 55px;
font-family: Bree !important;
letter-spacing: 0.55px;
color: var(--color-text-primary);
}
.recruteur-title-section-text {
text-align: left;
font-style: oblique !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 30px;
font-family: Bree !important;
letter-spacing: 0.3px;
color: var(--color-text-primary);
}
.recruteur-title-section-image {
position: absolute;
background-image: url("/App_Images/Logos/recruteur-mateam-mono.svg");
background-repeat: no-repeat;
background-size: contain;
width: 800px;
aspect-ratio: 1.09;
right: 0;
top: -30px;
display: block;
}
/*.recruteur-title-section-image:hover {
background-image: url("/App_Images/Logos/recruteur-mateam-couleur.svg");
}*/
.recruteur-title-section-image.accueil {
background-image: url("/App_Images/Logos/recruteur-hotesses-mono.svg");
}
.recruteur-title-section-image.commerce {
background-image: url("/App_Images/Logos/recruteur-vendeurs-mono.svg");
}
.recruteur-title-section-image.garde {
background-image: url("/App_Images/Logos/recruteur-sitters-mono.svg");
}
/*
.recruteur-title-section-image.accueil:hover {
background-image: url("/App_Images/Logos/recruteur-hotesses-couleur.svg");
}
.recruteur-title-section-image.commerce:hover {
background-image: url("/App_Images/Logos/recruteur-vendeurs-couleur.svg");
}
.recruteur-title-section-image.garde:hover {
background-image: url("/App_Images/Logos/recruteur-sitters-couleur.svg");
}*/
.recruteur-title-section-image-mobile {
background-image: url("/App_Images/Logos/recruteur-mateam-mono.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 100%;
aspect-ratio: 1.5;
display: none;
}
.recruteur-title-section-image-mobile.accueil {
background-image: url("/App_Images/Logos/recruteur-hotesses-mono.svg");
}
.recruteur-title-section-image-mobile.commerce {
background-image: url("/App_Images/Logos/recruteur-vendeurs-mono.svg");
}
.recruteur-title-section-image-mobile.garde {
background-image: url("/App_Images/Logos/recruteur-sitters-mono.svg");
}
.recruteur-title-section-image-mobile.accueil:hover {
background-image: url("/App_Images/Logos/recruteur-hotesses-couleur.svg");
}
.recruteur-title-section-image-mobile.commerce:hover {
background-image: url("/App_Images/Logos/recruteur-vendeurs-couleur.svg");
}
.recruteur-title-section-image-mobile.garde:hover {
background-image: url("/App_Images/Logos/recruteur-sitters-couleur.svg");
}
.candidat-offre-emploie-section {
}
.candidat-offre-emploie-section.specifique {
}
.candidat-offre-emploie-title {
text-align: center;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 70px;
font-family: Bree;
letter-spacing: 0.7px;
color: var(--color-text-primary);
display: block;
}
.candidat-offre-emploie-title.mobile {
display: none;
}
.div-job-links-container {
margin-top: 1.1875rem;
display: flex;
justify-content: center;
gap: 65px;
}
.candidat-offre-emploie-job-name {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 40px;
font-family: Bree;
letter-spacing: 0.4px;
color: var(--color-text-primary);
opacity: 1;
}
.candidat-offre-emploie-job-name:hover {
color: var(--color-text-primary);
text-decoration: underline;
}
.hhc-mission-container {
height: 400px;
width: 320px;
float: left;
margin-right: 41px;
border: 0.15rem solid transparent;
background-color: var(--color-text-secondary) !important;
}
.divMenuHeader {
background: #F6F8FF 0 0 no-repeat padding-box !important;
max-height: 40px;
transition: all 0.4s ease-out !important;
visibility: visible;
opacity: 1;
}
.rowMenuHeader {
transition: all 0.2s ease-out !important;
max-height: 40px;
opacity: 1;
}
.opacity-0 {
transition: all 0.2s ease-out !important;
opacity: 0;
}
.max-height-0 {
transition: all 0.4s ease-out !important;
max-height: 0;
}
.max-height-0 .nav-master-page-agency-links {
transition: all 0.4s ease-out !important;
max-height: 0px !important;
opacity: 0 !important;
}
.max-height-40 .nav-master-page-agency-links {
transition: all 0.4s ease-out !important;
max-height: 40px !important;
opacity: 1 !important;
}
.col-right-menu-haut-master-page-agency {
max-width: 200px;
min-width: 200px;
width: 200px;
}
.container-menu-haut-master-page {
height: 135px;
}
.div-menu-haut-master-page {
height: 135px;
}
.button-candidat-general {
height: 38px;
border: 1px solid var(--color-text-primary);
border-radius: 20px;
opacity: 1;
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 13px !important;
line-height: 20px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.index-arrow-left {
position: absolute;
right: calc(360px * 3 + 120px);
width: 150px;
top: -100px;
transition: all 0.3s ease-in-out;
display: block;
}
.index-arrow-left:hover {
transform: rotateZ(10deg);
}
.index-arrow-right {
position: absolute;
left: calc(360px * 3 + 120px);
width: 150px;
top: -100px;
transition: all 0.3s ease-in-out;
display: block;
}
.index-arrow-right:hover {
transform: rotateZ(-10deg);
}
.master-page-home-footer {
background: var(--color-footer) 0 0 no-repeat padding-box;
border-radius: 25px;
opacity: 1;
margin-top: 5vh;
height: 316px;
padding-block: 45px !important;
padding-inline: 61px !important;
}
.master-page-home-footer-mobile {
background: var(--color-footer) 0 0 no-repeat padding-box;
border-radius: 25px;
opacity: 1;
margin-top: 5vh;
height: 413px;
padding-block: 41px !important;
padding-inline: 40px !important;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
gap: 0.5rem;
}
.mobile-menu-header {
display: none;
background-color: #F6F8FF;
height: 70px;
align-items: center;
justify-content: space-between;
}
.mobile-menu-header.accueil {
background: var(--home-page-acceuil) 0 0 no-repeat padding-box !important;
}
.mobile-menu-header.commerce {
background: var(--home-page-commerce) 0 0 no-repeat padding-box !important;
}
.mobile-menu-header.garde {
background: var(--home-page-garde) 0 0 no-repeat padding-box !important;
}
.col-left-footer {
position: relative;
max-width: 635px;
width: 100%;
}
.col-center-footer {
display: flex;
gap: 1rem;
max-width: 395px;
width: 100%;
}
.col-center-footer-1 {
display: flex;
flex-direction: column;
max-width: 190px;
min-width: 97px;
width: 100%;
gap: 1rem;
}
.col-center-footer-2 {
display: flex;
flex-direction: column;
min-width: 205px;
width: 205px;
gap: 1rem;
}
.col-right-footer {
max-width: 266px;
width: 100%;
}
.master-page-home-footer-text {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 27px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: #F6F8FF;
opacity: 1;
flex: 1;
width: 100%;
margin-bottom: 0;
}
.master-page-home-footer-text-mobile {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 20px !important;
font-family: Poppins !important;
color: #F6F8FF;
opacity: 1;
width: 100%;
}
.master-page-home-footer-copyright {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 14px !important;
line-height: 28px !important;
font-family: Poppins !important;
letter-spacing: -0.42px;
color: #F6F8FF;
opacity: 1;
width: 100%;
position: absolute;
bottom: 0;
}
.master-page-home-footer-copyright-mobile {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
font-size: 12px !important;
font-family: Poppins !important;
letter-spacing: -0.36px;
color: #F6F8FF;
opacity: 1;
width: 100%;
}
.master-page-home-footer-section-title {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 20px !important;
line-height: 20px !important;
font-family: Poppins !important;
letter-spacing: -0.6px;
color: #F6F8FF;
opacity: 1;
}
.master-page-home-footer-section-links {
text-align: left;
font-family: Poppins;
font-style: normal !important;
font-stretch: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 14px !important;
letter-spacing: 0;
color: #F6F8FF;
opacity: 1;
display: block;
}
.master-page-home-footer-section-links-mobile {
text-align: left;
font-family: Poppins;
font-style: normal !important;
font-stretch: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
font-size: 12px !important;
letter-spacing: -0.36px;
color: #F6F8FF;
opacity: 1;
display: block;
}
.master-page-home-footer-section-bouton {
border: 1px solid #F6F8FF;
border-radius: 25px;
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 20px;
font-family: Poppins !important;
letter-spacing: -0.6px;
color: #F6F8FF !important;
opacity: 1;
width: 100%;
padding: 10px 5px;
}
.master-page-home-footer-logo {
width: clamp(150px,25vw,294px);
aspect-ratio: 16/3;
}
.master-page-home-footer-logo-mobile {
width: 185.5px;
height: 34.5px;
}
.logo-ma-team {
width: 198px;
height: 65px;
background-repeat: no-repeat;
background-size: contain;
}
.logo-ma-team.accueil {
background-image: url("/App_Images/Logos/mateam_hotesses.svg") !important;
margin-top: 28px;
}
.logo-ma-team.commerce {
background-image: url("/App_Images/Logos/mateam_commerce.svg") !important;
margin-top: 28px;
}
.logo-ma-team.garde {
background-image: url("/App_Images/Logos/mateam_garde.svg") !important;
margin-top: 28px;
}
.logo-ma-team.blanc {
background-image: url("/App_Images/Logos/mateam_blanc.svg") !important;
}
.logo-ma-team.bleu {
background-image: url("/App_Images/Logos/mateam_bleu.svg") !important;
/*height: 36.6px !important;*/
height: 40px !important;
margin-top: 2px !important;
}
.nav-master-page-agency-links {
background: #F6F8FF 0 0 no-repeat padding-box !important;
height: 40px;
}
.btn-publier-offre {
border: 1px solid var(--color-text-primary);
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 15px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
border-radius: 25px;
margin-inline: 2em;
padding: 0.75em 1.25em;
transition: all 0.25s ease 0s !important;
}
.btn-publier-offre:hover {
color: var(--color-text-secondary) !important;
background-color: var(--color-text-primary) !important;
}
.nav-master-page-agency-links-col-left {
min-width: 78px;
max-width: 78px;
width: 78px;
height: 40px;
}
.candidat-sheet-matching-circle {
background: #C1BAF3 0 0 no-repeat padding-box;
border: 1px solid var(--color-text-primary);
border-radius: 50%;
height: 59px;
width: 59px;
opacity: 1;
position: absolute;
bottom: -7px;
right: 3px;
display: flex;
align-items: center;
justify-content: center;
font-family: Poppins;
font-size: 1.4rem;
font-weight: 700;
}
.candidat-sheet-matching-circle.mobile {
height: 40px;
width: 40px;
font-size: 0.9rem;
bottom: -20px;
}
.candidat-sheet-matching-circle.accueil {
background: var(--box-acceuil) 0 0 no-repeat padding-box;
}
.candidat-sheet-matching-circle.commerce {
background: var(--box-commerce) 0 0 no-repeat padding-box;
}
.candidat-sheet-matching-circle.garde {
background: var(--box-garde) 0 0 no-repeat padding-box;
}
.fas.fa-angle-right {
margin-left: 16.59px;
font-size: 15px;
}
.fas.fa-angle-left {
margin-right: 16.59px;
font-size: 15px;
}
.body-master-page-home {
background: #F6F8FF 0 0 no-repeat padding-box;
}
.body-master-page-home.accueil {
background: var(--home-page-acceuil) 0 0 no-repeat padding-box !important;
}
.body-master-page-home.commerce {
background: var(--home-page-commerce) 0 0 no-repeat padding-box !important;
}
.body-master-page-home.garde {
background: var(--home-page-garde) 0 0 no-repeat padding-box !important;
}
.nav-master-page-home {
background: #F6F8FF 0 0 no-repeat padding-box;
}
.nav-master-page-home.accueil {
background: var(--home-page-acceuil) 0 0 no-repeat padding-box !important;
}
.nav-master-page-home.commerce {
background: var(--home-page-commerce) 0 0 no-repeat padding-box !important;
}
.nav-master-page-home.garde {
background: var(--home-page-garde) 0 0 no-repeat padding-box !important;
}
.switch-missions-archivees {
display: flex;
justify-content: end;
}
.switch-missions-archivees label .lever {
width: 51px !important;
height: 26px !important;
}
.switch-missions-archivees.accueil label input[type="checkbox"]:checked + .lever {
background-color: var(--box-acceuil) !important;
opacity: 1 !important;
}
.switch-missions-archivees.commerce label input[type="checkbox"]:checked + .lever {
background-color: var(--box-commerce) !important;
opacity: 1 !important;
}
.switch-missions-archivees.garde label input[type="checkbox"]:checked + .lever {
background-color: var(--box-garde) !important;
opacity: 1 !important;
}
.switch-missions-archivees label .lever::after {
background: #FDFDFE 0 0 no-repeat padding-box !important;
width: 20px !important;
height: 20px !important;
left: 3px !important;
top: 3px !important;
box-shadow: none !important;
}
.switch label input[type="checkbox"]:checked + .lever::after {
background-color: #FDFDFE !important;
left: 27px !important;
top: 3px !important;
}
.switch-missions-archivees.accueil label .lever {
background-color: var(--box-acceuil-half-opacity) !important;
}
.switch-missions-archivees.commerce label .lever {
background-color: var(--box-commerce-half-opacity) !important;
}
.switch-missions-archivees.garde label .lever {
background-color: var(--box-garde-half-opacity) !important;
}
.btn-social-footer {
margin-right: 10px;
}
.btn-icon-social {
width: 38px;
height: 38px;
background-color: var(--color-text-secondary) !important;
margin-left: 0;
margin-right: 8px;
box-shadow: none !important;
margin-top: 0px;
margin-bottom: 0px;
}
.btn-icon-social i {
line-height: 38px !important;
color: var(--color-footer) !important;
}
.login-uc-container {
height: 36.937rem !important;
background: #FFFFFF 0 0 no-repeat padding-box !important;
box-shadow: 0 0.312rem 0.937rem #00000029 !important;
border-radius: 1.562rem !important;
opacity: 1 !important;
padding-inline: 5rem !important;
padding-block: 4.375rem !important;
}
.login-uc-title {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 3.437rem !important;
line-height: 5.125rem !important;
font-family: Bree !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.login-uc-text {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 0.937rem !important;
line-height: 1.437rem !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.login-uc-input {
height: 3.375rem !important;
border: 2px solid var(--color-text-primary) !important;
border-radius: 20px !important;
opacity: 1 !important;
text-align: left !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 20px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
margin-bottom: 18px !important;
}
.login-uc-button-login {
width: 100%;
height: 50px;
background: #FFF 0 0 no-repeat padding-box !important;
border: 1px solid #071D3D !important;
border-radius: 25px;
opacity: 1 !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 800 !important;
font-size: 20px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
opacity: 1;
}
.login-uc-button-login:hover {
}
.login-uc-button-inscription {
background: #F6F8FF 0 0 no-repeat padding-box !important;
opacity: 1 !important;
width: 100%;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 18px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
opacity: 1;
padding: 0.4rem 1rem;
}
.login-uc-button-inscription:hover {
}
.login-uc-remember {
text-align: left !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 13px !important;
line-height: 20px !important;
font-family: Poppins !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
opacity: 1 !important;
padding-left: 28px !important;
}
.password-forgot {
display: flex;
align-items: center;
height: 25px;
}
.password-forgot.mobile {
display: none;
}
.login-uc-forget {
text-align: right !important;
text-decoration: underline !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 12px !important;
line-height: 18px !important;
font-family: Poppins !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
opacity: 1 !important;
}
.login-uc-inscription {
text-align: right !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 12px !important;
line-height: 16px !important;
font-family: Poppins !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
opacity: 1 !important;
}
.login-uc-inscription-url {
font-weight: bold !important;
color: var(--color-text-primary) !important;
}
.login-uc-inscription-url:hover {
text-decoration: underline !important;
color: var(--color-text-primary) !important;
}
.recruteur-end-sub-container {
background: #FFFFFF 0 0 no-repeat padding-box;
box-shadow: 0 5px 15px #00000029;
border-radius: 25px;
opacity: 1;
padding-inline: 0.5rem !important;
padding-block: 0.75rem !important;
}
.recruteur-end-sub-button {
background: #F6F8FF 0 0 no-repeat padding-box !important;
opacity: 1 !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 18px !important;
line-height: 30px !important;
font-family: Poppins !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
padding: 0.4rem 1rem !important;
transition: all 0.25s ease 0s !important;
}
.recruteur-end-sub-button:hover {
}
.recruteur-end-sub-text {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 0.937rem !important;
line-height: 1.437rem !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
padding: 2.5rem;
display: flex;
flex-direction: column;
gap: 2rem;
}
.recruteur-end-sub-text-bolded {
font-weight: bold !important;
}
.master-page-home-inscription-bouton {
width: 150px;
height: 41px;
border: 1px solid var(--color-text-primary);
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 15px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
opacity: 1;
border-radius: 25px;
transition: all 0.25s ease 0s !important;
color: var(--color-text-secondary) !important;
background-color: var(--color-text-primary) !important;
}
.master-page-home-inscription-bouton:hover {
color: var(--color-text-secondary) !important;
background-color: var(--color-text-primary) !important;
}
.master-page-home-connection-bouton {
width: 150px;
height: 41px;
border: none;
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: 800 !important;
font-size: 15px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
}
.master-page-home-candidats-bouton {
width: 150px;
height: 41px;
border: none;
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: 500 !important;
font-size: 17px !important;
line-height: 26px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
border-right: 1px solid #707070;
}
.master-page-home-entreprise-bouton {
width: 150px;
height: 41px;
border: none;
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: 500 !important;
font-size: 17px !important;
line-height: 26px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
border-right: 1px solid #707070;
}
.myContainer {
padding-inline: 0 !important;
}
.login-inccorect-message {
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 13px !important;
line-height: 20px !important;
font-family: Poppins !important;
letter-spacing: 0 !important;
color: #f44336 !important;
opacity: 1 !important;
}
.form-check-input[type="checkbox"] + label:before,
.form-check-input[type="checkbox"]:not(.filled-in) + label:after,
label.btn input[type="checkbox"] + label:before,
label.btn input[type="checkbox"]:not(.filled-in) + label:after {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 18px;
height: 18px;
margin-top: 3px;
content: "";
background: #FFFFFF 0 0 no-repeat padding-box;
border: 1px solid #071D3D;
border-radius: 2px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.inscription-ecran-only .inscription-candidat-cgu.login-uc-remember {
margin-bottom: 1.5px;
}
.inscription-candidat-check .form-check-input[type="checkbox"] + label::before {
top: -2px !important;
width: 25px !important;
height: 25px !important;
background: #FFFFFF 0 0 no-repeat padding-box !important;
box-shadow: none !important;
border-radius: 100vh !important;
border: 1px solid var(--color-text-primary);
}
.inscription-ecran-only .form-check-input[type="checkbox"] + label::before {
top: -5px !important;
}
.inscription-candidat-check .form-check-input[type="checkbox"]:checked + label::before {
background-color: var(--color-text-primary) !important;
box-shadow: none !important;
top: -5px !important;
left: 0 !important;
width: 25px !important;
height: 25px !important;
padding: 1px !important;
background-clip: content-box !important;
transform: none !important;
}
.custom-range::-moz-range-track {
background-color: #C6CCE2 !important;
}
.custom-range::-ms-thumb {
background-color: #fff !important;
background: #FFFFFF 0 0 no-repeat padding-box !important;
box-shadow: 0 3px 6px #00000029 !important;
border: 1px solid #D6D6D6 !important;
opacity: 1 !important;
}
.custom-range::-webkit-slider-thumb {
background-color: #fff !important;
background: #FFFFFF 0 0 no-repeat padding-box !important;
box-shadow: 0 3px 6px #00000029 !important;
border: 1px solid #D6D6D6 !important;
opacity: 1 !important;
}
.custom-range::-webkit-slider-thumb {
background-color: #fff !important;
background: #FFFFFF 0 0 no-repeat padding-box !important;
box-shadow: 0 3px 6px #00000029 !important;
border: 1px solid #D6D6D6 !important;
opacity: 1 !important;
}
.custom-range::-moz-range-thumb {
background-color: #fff !important;
background: #FFFFFF 0 0 no-repeat padding-box !important;
box-shadow: 0 3px 6px #00000029 !important;
border: 1px solid #D6D6D6 !important;
opacity: 1 !important;
}
.md-form input[type="password"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="text"]:not(.browser-default).invalid,
.md-form input[type="text"]:not(.browser-default).valid,
.md-form input[type="text"]:not(.browser-default):focus.valid,
.md-form input[type="text"]:not(.browser-default):focus:not([readonly]) {
box-shadow: none;
}
.footer-style-desktop {
margin-bottom: 120px;
display: block;
}
.footer-style-mobile {
display: none;
height: 413px;
}
.index-logo-section {
padding-inline: 0 !important;
}
@keyframes marquee {
0% {
left: 0;
}
100% {
left: -900%;
}
}
.animate {
width: 1800%;
animation: marquee 100s linear infinite;
top: 50%;
transform: translate(0, -50%);
}
.logo a {
width: 160px;
height: 160px;
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.logo img {
width: 160px;
height: 90px;
margin-inline: 50px;
object-fit: contain;
}
@media (max-width:1270px) {
.logo-scroll-div:last-child {
display: none !important;
}
}
@screen lg {
@keyframes marquee {
0% {
left: 0;
}
100% {
left: -375%;
}
}
.animate {
width: 750%;
animation: marquee 130s linear infinite;
top: 50%;
transform: translate(0, -50%);
}
.logo a {
width: 100px;
-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
}
.animate:hover {
animation-play-state: paused;
}
.logo a:hover {
}
*::-webkit-scrollbar {
width: 0px;
background-color: transparent;
}
*::-webkit-scrollbar-track {
-webkit-box-shadow: none;
background-color: transparent;
border-radius: 0px;
}
*::-webkit-scrollbar {
width: 0px;
background-color: transparent;
}
*::-webkit-scrollbar-thumb {
border-radius: 0px;
-webkit-box-shadow: none;
background-color: transparent;
}
* {
scrollbar-color: transparent transparent;
}
.dropdown-menu.show {
top: 44px !important;
padding-block: 0;
}
.dropdown-menu {
border-radius: 0 0 20px 20px;
}
.dropdown-item:not(:first-child) {
border-top: 0.5px solid var(--color-text-primary-half-opacity);
}
.dropdown-item:last-child {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.dropdown-item {
padding: 0.7rem 0.7rem 0.7rem 0.7rem;
}
.dalle-not-select {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sheet-mobile-main-div {
display: none;
flex-direction: column;
gap: 26px;
width: 100%;
position: relative;
border-radius: 30px 30px 0 0;
overflow: hidden;
}
.sheet-mobile-main-div.profile-mobile {
padding-inline: 0.25rem;
}
.sheet-mobile-main-div.sheet-job {
margin-bottom: 3rem;
}
.sheet-mobile-profil-img {
width: 138px;
height: 138px;
position: relative;
z-index: 10;
}
.sheet-mobile-profil-img.sheet-job {
margin-top: 1rem;
}
.sheet-mobile-profil-img.profile-mobile {
top: 0;
position: absolute;
left: calc(50% - 67px);
}
.sheet-mobile-name-div {
text-align: center;
}
.sheet-mobile-name-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
text-align: center;
gap: 10px;
}
.sheet-mobile-name-container.sheet-job {
}
.sheet-mobile-name {
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 40px;
font-family: Bree;
letter-spacing: 0;
color: var(--color-text-primary);
line-height: 1.2;
}
.sheet-mobile-salaire {
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 19px;
font-family: Poppins;
color: var(--color-text-primary);
display: inline-block;
margin-right: 43px;
}
.sheet-mobile-ville {
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 15px;
letter-spacing: 0;
color: var(--color-text-primary);
}
.sheet-mobile-nom-metier-et-depuis {
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
font-family: Poppins;
letter-spacing: 0;
color: var(--color-text-primary);
margin-top: 0.5rem;
}
.sheet-mobile-experience-language-container {
display: grid;
grid-template-columns:1fr 1fr;
gap: 12px;
justify-content: center;
width: 100%;
margin-bottom: 1rem;
}
.md-tabs {
box-shadow: none;
background-color: white;
}
.md-tabs .nav-link {
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1rem;
font-family: Poppins;
color: var(--color-text-primary);
}
.md-tabs .nav-link.active {
font-weight: bold;
background-color: #FFF;
color: var(--color-text-primary);
text-decoration: underline;
}
.sheet-mobile-div-data .card {
box-shadow: none !important;
}
.sheet-mobile-div-data .nav {
justify-content: space-between;
}
.sheet-mobile-div-data .md-tabs,
.sheet-mobile-div-data .nav-link {
padding: 0;
}
.sheet-mobile-div-data .nav-item {
flex-grow: 0;
}
.sheet-mobile-div-data .md-tabs {
margin-inline: 0;
}
.sheet-mobile-div-data .tab-content {
padding-inline: 0;
}
.sheet-mobile-disponibilite-container {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 350px;
margin-top: 10px;
}
.sheet-mobile-div-data {
position: relative;
}
.sheet-mobile-btn-postuler-container {
padding-bottom: 0.5rem;
display: flex;
justify-content: center;
min-height: 68px;
}
.sheet-mobile-btn-postuler {
opacity: 1;
width: 196px;
height: 59px;
letter-spacing: 0;
color: var(--color-text-primary);
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: 800 !important;
font-size: 21px !important;
line-height: 25px !important;
font-family: Poppins !important;
background: transparent !important;
}
.sheet-mobile-btn-postuler.accueil {
background: var(--box-acceuil) 0 0 no-repeat padding-box;
}
.sheet-mobile-btn-postuler.commerce {
background: var(--box-commerce) 0 0 no-repeat padding-box;
}
.sheet-mobile-btn-postuler.garde {
background: var(--box-garde) 0 0 no-repeat padding-box;
}
input[type="text"]:focus {
border-color: var(--color-text-primary) !important;
outline: var(--color-text-primary) !important;
}
.coockie-policy-container {
max-width: 500px !important;
width: 100% !important;
}
.coockie-policy-btn-container {
display: flex;
justify-content: space-between;
gap: 1rem;
margin-top: 1rem;
}
.coockie-policy-image {
background-image: url("/App_Images/Icons/cookies-policy.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 100%;
height: auto;
aspect-ratio: 1.94;
display: block;
margin-bottom: 4rem;
padding-bottom: 36.5%;
}
.coockie-policy-btn {
width: 100%;
border: 1px solid var(--color-text-primary);
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 15px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary) !important;
opacity: 1;
border-radius: 25px;
transition: all 0.25s ease 0s !important;
display: flex;
align-items: center;
justify-content: center;
padding-block: 1.25rem;
padding-inline: 1rem;
}
.coockie-policy-btn:hover {
color: var(--color-text-secondary) !important;
background-color: var(--color-text-primary) !important;
}
.coockie-policy-settings-container {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
flex: 1 1 0;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.04);
background: rgb(255, 255, 255);
transform: translate3d(0px, 0px, 0px);
margin-top: 1rem;
}
.coockie-policy-settings-item {
display: flex;
align-items: center;
padding: 8px 16px;
width: auto;
-moz-box-pack: justify;
justify-content: space-between;
-moz-box-align: center;
align-items: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 1rem !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
line-height: 1.6;
color: var(--color-text-primary) !important;
user-select: none;
transform: translate3d(0px, 0px, 0px);
}
input[type=password]::-ms-clear,
input[type=password]::-ms-reveal {
display: none;
}
input[type=password]::-webkit-contacts-auto-fill-button,
input[type=password]::-webkit-credentials-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
height: 0;
width: 0;
margin: 0;
}
.dropdown-content {
max-height: 300px;
}
.chip {
letter-spacing: -0.5px;
}
.candidat-job-menu-active-ACCUEIL {
text-decoration: underline;
color: var(--title-acceuil) !important;
}
.candidat-job-menu-active-COMMERCE {
text-decoration: underline;
color: var(--title-commerce) !important;
}
.candidat-job-menu-active-GARDE {
text-decoration: underline;
color: var(--title-garde) !important;
}
.mobile-menu-items-main-div {
display: none;
}
.dalle-recruteur-tous-metiers-item-desktop-min-width-350 {
min-width: 350px !important;
}
/* style pour les scroll bar*/
::-webkit-scrollbar {
width: 0px;
background-color: transparent;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: none;
background-color: transparent;
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
border-radius: 0px;
-webkit-box-shadow: none;
background-color: transparent;
}
body {
scrollbar-color: transparent transparent;
}
/* end style pour les scroll bar*/
.page-blog-btn-retour {
width: 150px;
height: 41px;
border: 1px solid var(--color-text-primary);
border-color: var(--color-text-primary) !important;
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 15px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary) !important;
opacity: 1;
border-radius: 25px;
transition: all 0.25s ease 0s !important;
background-color: transparent !important;
}
.page-blog-btn-retour:hover {
color: var(--color-text-secondary) !important;
background-color: var(--color-text-primary) !important;
}
body {
overflow-y: overlay;
}
body.modal-open {
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
}
html, body {
min-height: 100vh;
min-height: -webkit-fill-available;
}
.padding-right-safari-opened-popup {
padding-right: 0px !important;
}
.col-1-3-size-profil .job-sheet-job-data-item-animated-content {
transition: transform 2s ease-out;
}
.col-1-3-size-profil .job-sheet-job-data-item-animated-content:hover {
-moz-animation: animate-coreped-text-to-right 2s linear;
-webkit-animation: animate-coreped-text-to-right 2s linear;
animation: animate-coreped-text-to-right 2s linear;
}
@-moz-keyframes animate-coreped-text-to-right {
from {
-moz-transform: translateX(0%);
}
to {
-moz-transform: translateX(-100%);
}
}
@-webkit-keyframes animate-coreped-text-to-right {
from {
-webkit-transform: translateX(0%);
}
to {
-webkit-transform: translateX(-100%);
}
}
@keyframes animate-coreped-text-to-right {
from {
-moz-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
to {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@media (min-width: 1250px) {
.myContainerHotessesSheet {
max-width: 1200px !important;
}
}
@media (min-width: 1360px) {
.myContainerHotessesSheet {
max-width: 1220px !important;
}
}
@media (min-width: 1550px) {
.myContainer {
max-width: 1448px !important;
}
.myContainerHotessesSheet {
max-width: 1448px !important;
}
}
@media (max-width: 1549px) {
.myContainer {
max-width: 90vw !important;
}
.myContainerHotessesSheet {
max-width: 1448px !important;
}
.index-arrow-left {
right: 85vw;
top: -111px;
}
.index-arrow-right {
left: 85vw;
top: -111px;
}
}
@media (max-width:1549px) {
.margin-left-dalle {
margin-left: 5vw !important;
}
.margin-left-0-dalle {
margin-left: 0 !important;
}
}
@media (max-width:1485px) {
.recruteur-trouver-candidat-second-line:before {
content: "\A";
white-space: pre;
}
}
@media (max-width:1440px) {
.index-arrow-left {
display: block;
}
.index-arrow-right {
display: block;
}
}
@media (max-width: 1359px) {
.index-environement-specialise-section {
flex-wrap: wrap-reverse;
justify-content: center;
gap: 50px;
}
.index-environement-specialise-col-left {
justify-content: center;
}
.index-environement-specialise-text,
.index-environement-specialise-title,
.index-environement-specialise-title-bold {
text-align: center;
}
.pourcentage-matching-explain-section {
align-items: center;
flex-wrap: wrap;
gap: 50px;
justify-content: center;
}
.pourcentage-matching-explain-col-left-container {
display: flex;
justify-content: center;
width: 100%;
}
.pourcentage-matching-explain-col-right {
width: 100%;
}
.pourcentage-matching-explain-text,
.pourcentage-matching-explain-title,
pourcentage-matching-explain-title-bold {
text-align: center;
}
.index-environement-specialise-col-right {
max-width: 100%;
justify-content: space-between;
}
.index-environement-specialise-div-main {
margin-inline: 0;
}
.job-sheet-logo-navigation-div-parent.mission-sheet.template-mission {
background-color: white;
z-index: 9;
position: fixed;
height: 168px;
width: calc(100% - 24px);
top: 135px;
border-radius: 0px 10px 0 0;
}
.job-sheet-logo-navigation.mission-sheet.template-mission {
position: fixed;
background-color: white;
opacity: 1;
z-index: 8;
height: 70px;
top: 178px;
left: calc(5vw - 2px);
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 12px 5px 0 0;
}
.job-sheet-modal-form-view.mission-sheet.template-mission {
margin-top: 332px !important;
}
}
@media (max-width:1250px) {
.job-sheet-modal-body {
border-radius: 30px 30px 0 0;
margin-top: 2rem;
height: max(100vh, fit-content) !important;
}
.job-sheet-modal-dinamic-height {
/* min-height: 80dvh */
}
.sheet-desktop-main-container {
display: none;
}
.job-sheet-share-close-container {
display: flex;
justify-content: space-between;
}
.sheet-mobile-main-div {
display: flex;
}
.job-sheet-modal-content-mobile {
background: #dddeeb 0 0 no-repeat padding-box !important;
padding: 25px 0 !important;
border-radius: 0 !important;
top: 0 !important;
padding-bottom: 0 !important;
}
.btn-close-modal-desktop {
display: none;
}
.fas.fa-angle-right.sheet-mobile {
margin-left: 0 !important;
font-size: 2em !important;
}
.fas.fa-angle-left.sheet-mobile {
margin-left: 0 !important;
font-size: 2em !important;
}
.modal-mission-sheet.modal-dialog {
padding-top: 0;
}
.job-sheet-logo-navigation-div-parent.mission-sheet {
background-color: white;
z-index: 9;
position: fixed;
height: 77px;
width: calc(100% - 24px);
top: 85px;
border-radius: 5px 38px 0 0;
}
.job-sheet-logo-navigation.mission-sheet {
position: fixed;
background-color: white;
opacity: 1;
z-index: 8;
height: 70px;
top: 85px;
left: calc(5vw - 2px);
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 12px 5px 0 0;
}
.job-sheet-modal-form-view.mission-sheet {
margin-top: 60px !important;
}
.job-sheet-logo-navigation-div-parent.mission-sheet.template-mission {
background-color: white;
z-index: 9;
position: fixed;
height: 168px;
width: calc(100% - 24px);
top: 135px;
border-radius: 0px 10px 0 0;
}
.job-sheet-logo-navigation.mission-sheet.template-mission {
position: fixed;
background-color: white;
opacity: 1;
z-index: 8;
height: 70px;
top: 178px;
left: calc(5vw - 2px);
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 12px 5px 0 0;
}
.job-sheet-modal-form-view.mission-sheet.template-mission {
margin-top: 332px !important;
}
}
@media (max-width:1196px) {
.index-arrow-left,
.index-arrow-right {
display: none;
}
.G_Mission.dalle-job-desktop-index {
min-width: 350px;
}
.dalle-job-index-last-item {
display: block;
}
.grid-container-full-page-index {
flex-wrap: nowrap;
overflow-x: hidden;
padding-bottom: 5px;
gap: 15px !important;
justify-content: start;
}
.grid-container-full-page-index > :first-child {
margin-left: 5vw;
}
.candidat-offre-emploie-section {
max-width: 100% !important;
margin-left: 0;
}
.margin-left-dalle-job {
margin-left: 5vw !important;
}
.margin-left-0-dalle-job {
margin-left: 0 !important;
}
}
@media (max-width:1080px) {
.recruteur-title-section-image {
display: none;
}
.index-tous-metiers-section {
margin-top: 4vw;
}
.recruteur-div-title-section {
height: unset;
}
.recruteur-title-section-image-mobile {
display: block;
position: relative;
top: -66px;
}
.recruteur-tous-metiers-section {
}
.recruteur-section-speration-first-item-only-style {
margin-top: clamp(50px, 10vh, 130px);
}
}
@media (max-width:1032px) {
.index-how-to-section-dalle,
.index-tous-metiers-section-dalle {
max-width: calc(100%) !important;
}
.index-tous-metier-container {
}
.how-to-items-grid {
}
.recruteur-how-to-item-last-item {
display: block;
min-width: calc(5vw - 18px);
}
.recruteur-tous-metiers-item-desktop {
min-width: 390px;
max-height: 382px;
}
.recruteur-tous-metiers-item-last-item {
display: block;
}
.recruteur-how-to-item {
min-height: 395px;
min-width: 350px;
}
.recruteur-tous-metiers-item-desktop:first-child {
margin-left: 5vw !important;
}
.recruteur-tous-metiers-item-mobile:nth-of-type(2) {
margin-left: 5vw !important;
}
.recruteur-tous-metiers-item-mobile:first-child {
margin-left: 5vw !important;
}
.last-dalle-scroll-style {
margin-right: 5vw;
}
.first-dalle-scroll-style {
margin-left: 5vw;
}
}
@media (max-width:999px) {
.container-menu-haut-master-page {
height: 70px;
}
.mobile-menu-metiers-item {
position: relative;
/*min-width: 85px;*/
padding-left: 21.44px;
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 1.2px;
}
.mobile-menu-metiers-item.accueil {
color: var(--title-acceuil) !important;
}
.mobile-menu-metiers-item.commerce {
color: var(--title-commerce) !important;
}
.mobile-menu-metiers-item.garde {
color: var(--title-garde) !important;
}
.btn-icon-social-mobile {
width: 47px !important;
height: 47px !important;
background-color: var(--color-text-primary) !important;
margin-left: 0 !important;
margin-right: 8px !important;
box-shadow: none !important;
padding-left: 0 !important;
margin-top: 0px;
margin-bottom: 0px;
}
.btn-floating-mobile i {
font-size: 1.5rem !important;
}
.btn-icon-social-mobile i {
line-height: 47px !important;
color: #fff !important;
}
.mobile-menu-item-master {
font-size: 28px !important;
font-weight: 600 !important;
height: 35px !important;
line-height: 35px !important;
}
.mobile-menu-items-main-div {
min-height: 100dvh !important;
max-height: 100dvh !important;
height: 100dvh !important;
background-color: white;
display: block;
}
.mobile-menu-items {
min-height: 100dvh !important;
max-height: 100dvh;
height: 100dvh;
display: flex;
flex-direction: column;
justify-content: space-between;
/*gap:2.5rem;*/
}
.mobile-menu-items a {
display: block;
font-size: 13px;
height: 30px;
padding-left: 0;
color: var(--color-text-primary);
font-family: 'Poppins';
font-weight: 400;
}
.mobile-menu-items-footer {
/*margin-top: 60px;*/
}
.mobile-menu-items-header {
background-color: #FFF;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
/*margin-bottom: 20px;
gap: 1rem;*/
}
.mobile-menu-metiers-container {
display: flex;
align-items: center;
gap: 2rem;
margin-top: 1rem;
}
.menu-mobile-header-logo {
display: flex;
justify-content: space-between;
height: 70px;
min-height: 70px;
align-items: center;
}
div.menu-mobile-header-logo > div {
height: 40px;
}
.menu-btn-close-div {
padding-bottom: 1rem;
}
.btn-show-menu-div {
padding-bottom: 12px;
}
.mobile-menu-btn-connextion-container {
display: flex;
gap: 25px;
/*margin-top: 35px;
margin-bottom: 60px;*/
margin-top: 1rem;
margin-bottom: 1rem;
}
.mobile-menu-place-holder-container {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.mobile-menu-social-container {
display: flex;
gap: 25px;
/*margin-top: 35px;*/
margin-top: 1rem;
}
.mobile-menu-items li {
border-bottom: none !important;
}
.index-first-title {
line-height: 1.1;
}
.logo-ma-team {
margin-top: 0px !important;
width: 135px !important;
height: 40px !important;
}
.logo-ma-team:is(.accueil, .commerce, .garde) {
margin-top: 1px !important;
}
.footer-style-desktop {
display: none;
}
.footer-style-mobile {
display: block;
margin-bottom: 5vw;
}
.master-page-home-footer-mobile {
padding-inline: 40px !important;
}
.mobile-menu-header {
display: flex;
}
div.mobile-menu-header > div, div.mobile-menu-header > div > div {
height: 40px;
}
.desktop-menu-header {
display: none;
}
.mobile-menu-item-master {
font-size: 28px !important;
font-weight: 600 !important;
height: 35px !important;
line-height: 35px !important;
}
.recruteur-div-title-section {
margin-top: clamp(60px, 15vh, 160px);
height: unset;
}
.recruteur-section-speration-style {
margin-top: clamp(60px, 15vh, 160px);
}
.recruteur-section-speration-first-item-only-style {
margin-top: clamp(40px, 5vh, 100px);
}
.recruteur-section-speration-item-style {
margin-top: 3vh;
}
.contact-accordion-div-container-histoire-image {
background-image: url("/App_Images/Icons/femme-res.svg");
background-repeat: no-repeat;
background-size: contain;
width: 370px;
height: 331px;
position: absolute;
top: 2px;
right: -173px;
}
.modal-mission-sheet.modal-dialog {
padding-top: 0;
}
.switch-missions-archivees {
justify-content: start;
width: 100% !important;
}
.switch label .lever {
margin-left: 0 !important;
}
.footer-style-mobile {
display: block;
}
.accordion-resultat-value-container {
grid-template-columns: 1fr 1fr;
}
.job-sheet-logo-navigation-div-parent.mission-sheet.template-mission {
background-color: white;
z-index: 9;
position: fixed;
height: 168px;
width: calc(100% - 24px);
top: 70px;
border-radius: 0px 10px 0 0;
}
.job-sheet-logo-navigation.mission-sheet.template-mission {
position: fixed;
background-color: white;
opacity: 1;
z-index: 8;
height: 70px;
top: 113px;
left: calc(5vw - 2px);
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 12px 5px 0 0;
}
.job-sheet-modal-form-view.mission-sheet.template-mission {
margin-top: 250px !important;
}
}
@media (max-width: 993px) {
.inscription-candidat-check {
margin-top: 1rem;
}
}
@media (max-width: 850px) {
.contact-container-mobile {
display: flex;
align-items: center;
flex-direction: column;
}
.contact-container-desktop {
display: none;
}
.container-btn-envoyer-contact-mobile {
margin-top: 2rem;
}
.index-logo-container {
margin-top: 0;
}
}
@media (max-width: 800px) {
.contact-accordion-div-container-histoire-image {
background-image: url("/App_Images/Icons/femme-res.svg");
background-repeat: no-repeat;
background-size: contain;
width: 356px;
height: 214px;
position: absolute;
top: 26px;
right: -236px;
}
.metier-second-line:before,
.metier-third-line:before {
content: "\A";
white-space: pre;
}
.second-title-with-br br {
display: none;
}
}
@media (max-width:715px) {
index-environement-specialise-col-right {
justify-content: space-between;
}
.index-environement-specialise-col-left {
z-index: 10;
}
.index-environement-specialise-section {
}
.index-environement-specialise-bouton-behind.mobile {
width: 100%;
height: 27.21px;
max-width: 100.14px;
max-height: 27.21px;
min-width: 82.14px;
min-height: 22.21px;
font-size: 9px;
box-shadow: -1px 2px 0;
}
.index-environement-specialise-bouton-main.mobile {
width: 100%;
height: 35.25px;
max-width: 150.38px;
max-height: 35.25px;
min-width: 130.38px;
min-height: 35.25px;
font-size: 15px;
box-shadow: -1px 2px 0;
}
.index-environement-specialise-div-behind.mobile {
width: 100%;
height: 27.21px;
max-width: 100.14px;
max-height: 27.21px;
min-width: 82.14px;
min-height: 22.21px;
font-size: 9px;
}
.index-environement-specialise-div-main.mobile {
width: 100%;
height: 35.25px;
max-width: 150.38px;
max-height: 35.25px;
min-width: 130.38px;
min-height: 35.25px;
font-size: 15px;
}
.index-environement-specialise-title,
.index-environement-specialise-title-bold {
text-align: start;
font-size: 26px !important;
}
.index-environement-specialise-text {
text-align: start;
}
}
@media (max-width: 675px) {
.contact-accordion-div-container-histoire-image {
background-image: url("/App_Images/Icons/femme-res.svg");
background-repeat: no-repeat;
background-size: contain;
width: 335px;
height: 214px;
position: absolute;
top: 26px;
right: -236px;
}
}
@media (max-width: 650px) {
.contact-accordion-div-container-histoire-image {
display: none;
}
}
@media (max-width:611px) {
.metier-second-line::before,
.metier-third-line::before {
content: unset;
}
}
@media (max-width: 600px) {
.inscription-candidat-check.inscription-ecran-only {
padding-left: 0 !important;
}
.password-forgot {
display: none;
}
.password-forgot.mobile {
display: flex;
justify-content: center;
}
.modal-connection-content {
padding-inline: 10vw !important;
}
.login-uc-title {
font-size: clamp(40px, 13vw, 55px) !important;
}
.dont-have-account-div {
/*display: none !important;*/
}
.login-uc-inscription {
font-size: 11px !important
}
.login-uc-container.modal-connection-content {
}
.connexion-popup-btn-connexion, .inscription-candidat-check {
margin-top: 30px !important;
}
.modal-connection-parent {
padding-inline: 1rem;
}
.contact-accordion-div-container-histoire-image {
display: none;
}
.login-inccorect-message {
font-size: 13px !important;
}
}
@media (max-width: 490px) {
.recruteur-title-section-image-mobile {
left: -1vw;
}
}
@media (max-width: 480px) {
.recruteur-title-section-image-mobile {
left: -2vw;
}
}
@media (max-width: 460px) {
.recruteur-title-section-image-mobile {
left: -5vw;
}
.index-environement-specialise-bouton-behind.mobile {
width: 100%;
max-width: 75.14px;
min-width: 75.14px;
}
.index-environement-specialise-bouton-main.mobile {
width: 100%;
max-width: 120.38px;
min-width: 120.38px;
}
.index-environement-specialise-div-behind.mobile {
width: 100%;
max-width: 78.14px;
min-width: 75.14px;
}
.index-environement-specialise-div-main.mobile {
width: 100%;
max-width: 120.38px;
min-width: 120.38px;
}
}
@media (max-width: 580px) {
.hhc-fav-mission {
border-width: 4px !important;
}
.hhc-fav-mission > .btn-job-container {
bottom: 16px !important;
}
.cc-window.cc-floating {
padding: 1em 1.8em !important;
}
.recruteur-title-section-image-mobile {
background-image: url("/App_Images/Logos/mobile/recruteurs_corpo.svg");
background-repeat: no-repeat;
background-size: contain;
min-width: 450px;
min-height: 439px;
background-position: center center;
}
.recruteur-title-section-image-mobile.accueil {
background-image: url("/App_Images/Logos/mobile/recruteurs_hotesses.svg");
}
.recruteur-title-section-image-mobile.commerce {
background-image: url("/App_Images/Logos/mobile/recruteurs_vendeurs.svg");
}
.recruteur-title-section-image-mobile.garde {
background-image: url("/App_Images/Logos/mobile/recruteurs_sitters.svg");
}
.recruteur-title-section-image-mobile.accueil:hover {
background-image: url("/App_Images/Logos/mobile/recruteurs_hotesses.svg");
}
.recruteur-title-section-image-mobile.commerce:hover {
background-image: url("/App_Images/Logos/mobile/recruteurs_vendeurs.svg");
}
.recruteur-title-section-image-mobile.garde:hover {
background-image: url("/App_Images/Logos/mobile/recruteurs_sitters.svg");
}
.mobile-menu-items li {
border-bottom: none !important;
}
.index-main-logo {
display: none;
}
.index-main-logo-mobile {
display: block;
}
.index-tilte-container {
align-items: start;
margin-top: calc(60px + 5vh);
}
.index-section-separation-style {
margin-top: calc(60px + 5vh);
}
.index-section-first-item-only-separation-style {
margin-top: calc(40px + 2vh);
}
.index-first-sub-title,
.index-first-title {
text-align: left;
}
.index-first-title {
font-size: 42px;
}
.index-first-sub-title {
font-size: 20px;
}
.recruteur-intro-button {
width: 152px;
height: 38px;
font-size: 15px;
}
.recruteur-tous-metiers-item-desktop {
display: none;
}
.div-tous-metier-title-desktop {
display: none;
}
.recruteur-tous-metiers-section {
}
.index-tous-metier-container {
gap: 20px;
}
.recruteur-tous-metiers-item-mobile {
display: block;
}
.div-tous-metier-title-mobile {
display: flex;
flex-direction: column;
}
.div-tous-metier-title-mobile-recruteur {
margin-top: 0;
}
.index-how-to-section-dalle {
display: none;
}
.index-how-to-section-dalle-mobile {
display: block;
}
.recruteur-how-to-section-dalle-mobile {
}
.recruteur-how-to-title {
text-align: left;
font-size: 28px !important,;
}
.how-to-title-container-desktop {
display: none;
}
.how-to-title-container-mobile {
display: flex;
flex-direction: column;
}
.pourcentage-matching-explain-section {
}
.pourcentage-matching-explain-text,
.pourcentage-matching-explain-title,
pourcentage-matching-explain-title-bold {
text-align: start;
font-size: 26px !important;
}
.pourcentage-matching-explain-text {
font-size: 15px !important;
}
.pourcentage-matching-explain-col-right {
}
.pourcentage-matching-explain-title-bold br {
display: none;
}
.candidat-offre-emploie-section {
}
.dalle-job-mobile {
display: block;
}
.G_Mission.desktop {
display: none;
}
.hhc-fav-mission.accueil {
background-color: var(--title-acceuil) !important
}
.hhc-fav-mission.commerce {
background-color: var(--title-commerce) !important
}
.hhc-fav-mission.garde {
background-color: var(--title-garde) !important
}
.candidat-offre-emploie-title {
letter-spacing: 0;
font-size: 36px !important;
text-align: start;
margin-left: 5vw;
}
.candidat-offre-emploie-title.mobile {
display: block;
}
.candidat-offre-emploie-title.desktop {
display: none;
}
.index-arrow-right {
display: block;
top: -177px;
right: -27px;
left: unset;
height: 75px;
width: 70.5px;
}
.div-job-links-container {
justify-content: start;
margin-left: 5vw;
}
.candidat-offre-emploie-job-name {
font-size: 20px !important;
letter-spacing: 0.17px;
}
.btn-index-all-job-container {
justify-content: start;
margin-left: 5vw;
}
.btn-job-action.all-jobs {
font-size: 15px;
width: 152px;
height: 38px;
}
.container-contact-accordion-index {
}
.contact-accordion-title-first,
.contact-accordion-title-second {
font-size: 35px;
}
.contact-accordion-text {
font-size: 14px !important;
}
.contact-accordion-text-bold {
font-style: italic !important;
font-size: 14px !important;
}
.accordion-le-model-body,
.accordion-les-resultat-body {
max-width: 100%;
}
.contact-accordion-title-second {
font-style: italic;
}
.contact-accordion-stat {
font-size: clamp(36px, 12vw + 0.125rem, 70px) !important;
}
.contact-accordion-stat-text {
font-size: 25px !important;
}
.contact-accordion-div-container-histoire-image {
background-image: url("/App_Images/Icons/femme-res.svg");
background-repeat: no-repeat;
background-size: contain;
width: 414px;
height: 151px;
position: absolute;
top: -4px;
right: -345px;
display: block;
}
.index-temoignage-section {
}
.recruteur-temoignage-section {
}
.recruteur-temoignage-star-section {
gap: 15px;
}
.col-recruteur-temoignage-star {
max-width: 44px;
max-height: 44px;
}
.index-temoignage-title-container,
.recruteur-temoignage-title-container {
}
.recruteur-temoignage-title {
font-size: 30px !important;
}
.recruteur-temoignage-title br {
display: block;
}
.recruteur-temoignage-item-text {
font-size: 12px !important;
}
.recruteur-temoignage-item-name {
font-size: 25px !important;
}
.recruteur-temoignage-item-job {
font-size: 25px !important;
}
.recruteur-title-section-title {
font-size: 42px !important;
line-height: 1.1;
}
.recruteur-title-section-text {
font-size: 20px !important;
margin-top: 10px;
}
.recruteur-intro-button {
font-size: 15px !important;
width: 152px !important;
height: 38px !important;
}
.recruteur-contact-desc-title-mobile {
font-size: 35px !important;
}
.index-recruteur-contact-section {
}
/*.owl-item {
max-width: 300px;
width: 300px;
}*/
}
@media (max-width: 575px) {
.modal-dialog.modal-connection-parent {
max-width: 564px;
}
}
@media (max-width: 456px) {
.recruteur-tous-metiers-section {
}
}
@media (max-width: 430px) {
.index-first-title {
font-size: clamp(36px,3.5vw,42px);
}
.contact-accordion-div-container-histoire-image {
width: 382px;
height: 113px;
}
}
@media (max-width: 380px) {
.index-arrow-right {
display: none;
}
}
@media (max-width: 320px) {
.contact-accordion-div-container-histoire-image {
display: none;
}
}
@media (max-width : 1439px) {
.font-size-350 {
font-size: clamp(0.875rem, 1.5vw + 0.125rem,1.25rem);
}
.font-size-350-footer {
font-size: clamp(0.875rem, 1.2vw + 0.125rem,1.25rem);
}
.font-size-600 {
font-size: clamp(1rem, 1.4vw + 0.125rem, 1.875rem);
}
.font-size-850 {
font-size: clamp(1.85rem,3vw + 0.125rem, 2.5rem);
}
.font-size-850-46 {
font-size: clamp(1.875rem, 2.8vw + 0.125rem,2.75rem);
}
.font-size-900-50 {
font-size: clamp(1.5rem, 3vw + 0.625rem, 3.125rem);
}
.font-size-1100 {
font-size: clamp(3rem, 4vw + 0.125rem, 4.375rem);
}
.font-size-1400 {
font-size: clamp(2.25rem, 5vw + 0.125rem,6.25rem);
}
.font-size-1400-stat {
font-size: clamp(4rem, 5vw + 0.125rem,6.25rem);
}
}
.dropdown-menu {
max-width: 170px
}
.index-tous-metiers-section-dalle-five-item-or-more {
max-width: 100% !important;
}
.index-tous-metier-container-five-item-or-more > :first-child {
margin-left: 5vw !important;
}
.index-tous-metier-container-five-item-or-more > :last-child {
display: block;
}
@media (min-width: 1550px) {
.index-tous-metier-container-five-item-or-more > :first-child {
margin-left: calc((100% - 1448px) * 0.5) !important;
}
.recruteur-tous-metiers-item-last-item {
width: calc(((100% - 1448px) * 0.5) - 14px);
min-width: calc(((100% - 1448px) * 0.5) - 14px);
max-width: calc(((100% - 1448px) * 0.5) - 14px);
}
}
.cc-window {
opacity: 1;
transition: opacity 1s ease
}
.cc-window.cc-invisible {
opacity: 0
}
.cc-animate.cc-revoke {
transition: transform 1s ease
}
.cc-animate.cc-revoke.cc-top {
transform: translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom {
transform: translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
transform: translateY(0)
}
.cc-grower {
max-height: 0;
overflow: hidden;
transition: max-height 1s
}
.cc-link, .cc-revoke:hover {
text-decoration: underline
}
.cc-revoke, .cc-window {
position: fixed;
overflow: hidden;
box-sizing: border-box;
font-family: Helvetica,Calibri,Arial,sans-serif;
font-size: 16px;
line-height: 1.5em;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
z-index: 9999
}
.cc-window.cc-static {
position: static
}
.cc-window.cc-banner {
padding: 1em 1.8em;
width: 100%;
-ms-flex-direction: row;
flex-direction: row
}
.cc-revoke {
padding: .5em
}
.cc-header {
font-size: 18px;
font-weight: 700
}
.cc-btn, .cc-close, .cc-link, .cc-revoke {
cursor: pointer
}
.cc-link {
opacity: .8;
display: inline-block;
padding: .2em
}
.cc-link:hover {
opacity: 1
}
.cc-link:active, .cc-link:visited {
color: initial
}
.cc-btn {
display: block;
padding: .4em .8em;
font-size: .9em;
font-weight: 700;
border-width: 2px;
border-style: solid;
text-align: center;
white-space: nowrap
}
.cc-highlight .cc-btn:first-child {
background-color: transparent;
border-color: transparent
}
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
background-color: transparent;
text-decoration: underline
}
.cc-close {
display: block;
position: absolute;
top: .5em;
right: .5em;
font-size: 1.6em;
opacity: .9;
line-height: .75
}
.cc-close:focus, .cc-close:hover {
opacity: 1
}
.cc-revoke.cc-top {
top: 0;
left: 3em;
border-bottom-left-radius: .5em;
border-bottom-right-radius: .5em
}
.cc-revoke.cc-bottom {
bottom: 0;
left: 3em;
border-top-left-radius: .5em;
border-top-right-radius: .5em
}
.cc-revoke.cc-left {
left: 3em;
right: unset
}
.cc-revoke.cc-right {
right: 3em;
left: unset
}
.cc-top {
top: 1em
}
.cc-left {
left: 1em
}
.cc-right {
right: 1em
}
.cc-bottom {
bottom: 1em
}
.cc-floating > .cc-link {
margin-bottom: 1em
}
.cc-floating .cc-message {
display: block;
margin-bottom: 1em
}
.cc-window.cc-floating .cc-compliance {
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.cc-window.cc-banner {
-ms-flex-align: center;
align-items: center
}
.cc-banner.cc-top {
left: 0;
right: 0;
top: 0
}
.cc-banner.cc-bottom {
left: 0;
right: 0;
bottom: 0
}
.cc-banner .cc-message {
display: block;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 100%;
margin-right: 1em
}
.cc-compliance {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: justify;
align-content: space-between
}
.cc-floating .cc-compliance > .cc-btn {
-ms-flex: 1;
flex: 1
}
.cc-btn + .cc-btn {
margin-left: .5em
}
@media print {
.cc-revoke, .cc-window {
display: none
}
}
@media screen and (max-width:900px) {
.cc-btn {
white-space: normal
}
}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
.cc-window.cc-top {
top: 0
}
.cc-window.cc-bottom {
bottom: 0
}
.cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
left: 0;
right: 0
}
.cc-window.cc-banner {
-ms-flex-direction: column;
flex-direction: column
}
.cc-window.cc-banner .cc-compliance {
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.cc-window.cc-floating {
max-width: none
}
.cc-window .cc-message {
margin-bottom: 1em
}
.cc-window.cc-banner {
-ms-flex-align: unset;
align-items: unset
}
.cc-window.cc-banner .cc-message {
margin-right: 0
}
}
.cc-floating.cc-theme-classic {
padding: 1.2em;
border-radius: 5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
text-align: center;
display: inline;
-ms-flex: none;
flex: none
}
.cc-theme-classic .cc-btn {
border-radius: 5px
}
.cc-theme-classic .cc-btn:last-child {
min-width: 140px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
display: inline-block
}
.cc-theme-edgeless.cc-window {
padding: 0
}
.cc-floating.cc-theme-edgeless .cc-message {
margin: 2em 2em 1.5em
}
.cc-banner.cc-theme-edgeless .cc-btn {
margin: 0;
padding: .8em 1.8em;
height: 100%
}
.cc-banner.cc-theme-edgeless .cc-message {
margin-left: 1em
}
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
margin-left: 0
}
.cc-window.cc-floating {
max-width: 24em;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width: 576px) {
.cc-window.cc-floating {
padding: 2em
}
.cc-revoke, .cc-window {
font-size: 16px;
line-height: 1.5em
}
}
.btn-cookieconsent {
width: 150px;
height: 41px;
border: 1px solid #fff;
border-color: #fff !important;
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: #fff !important;
opacity: 1;
border-radius: 25px;
transition: all 0.25s ease 0s !important;
background-color: transparent !important;
}
.cc-window {
min-width: 100% !important;
display: flex;
}
@media (max-width: 800px) {
.cc-window {
flex-wrap: wrap !important;
gap: 0.5rem !important;
flex-direction: row;
bottom: 0 !important;
}
}
@media (min-width: 800px) {
.cc-window {
flex-wrap: nowrap !important;
justify-content: space-between !important;
flex-direction: row !important;
bottom: 0 !important;
}
.cc-compliance {
max-width: 500px !important
}
}
.btn-without-shadow {
width: fit-content;
height: 41px;
border: 1px solid var(--color-text-primary);
text-align: center;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 15px !important;
line-height: 23px !important;
font-family: Poppins !important;
letter-spacing: 0;
color: var(--color-text-primary);
opacity: 1;
border-radius: 25px;
transition: all 0.25s ease 0s !important;
display: inline-flex;
justify-content: center;
align-items: center;
padding-inline: 1rem;
}
@media (max-width: 769px) {
.modal .btn-without-shadow {
font-size: 12px !important;
}
}
.btn-without-shadow:hover {
color: var(--color-text-secondary) !important;
background-color: var(--color-text-primary) !important;
}
@media (max-width: 999px) {
.recruteur-intro-button {
width: 218px !important;
height: 48px !important;
font-size: 20px !important;
color: var(--color-text-primary) !important;
}
}
.btn-job-container {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 26px;
left: 0;
margin-top: 10px
}
@media (max-width: 800px) {
.btn-job-action.detail {
display: none;
}
.btn-job-container {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 20px;
left: 0;
padding-inline: 27px;
margin-top: 0px
}
.btn-job-action.postuler.btn-shadow {
box-shadow: none !important;
}
.btn-job-action.postuler.accueil {
color: var(--title-acceuil) !important;
background: var(--box-acceuil-light-opacity) 0 0 no-repeat padding-box !important;
}
.btn-job-action.postuler.commerce {
color: var(--title-commerce) !important;
background: var(--box-commerce-light-opacity) 0 0 no-repeat padding-box !important;
}
.btn-job-action.postuler.garde {
color: var(--title-garde) !important;
background: var(--box-garde-light-opacity) 0 0 no-repeat padding-box !important;
}
.btn-job-action.postuler {
background: #FFF 0 0 no-repeat padding-box !important;
border-radius: 16px !important;
height: 38px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 22px !important;
font-family: Poppins !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
padding: 6.75px 5.5px !important;
display: flex;
align-items: center !important;
justify-content: center !important;
border: 1px solid important;
width: 100% !important;
}
.btn-job-action.annuler.btn-shadow {
box-shadow: none !important;
}
/*.btn-job-action.annuler.accueil {color:var(--title-acceuil)!important}
.btn-job-action.annuler.commerce {color:var(--title-commerce)!important}
.btn-job-action.annuler.garde {color:var(--title-garde)!important}*/
.btn-job-action.annuler {
background: #FFF 0 0 no-repeat padding-box !important;
border-radius: 16px !important;
height: 38px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 22px !important;
font-family: Poppins !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
padding: 6.75px 5.5px !important;
display: flex;
align-items: center !important;
justify-content: center !important;
/*border: none!important;*/
width: 100% !important;
}
}
@media (max-width: 800px) {
.dalle-job-mobile {
display: block !important;
}
.dalle-job-mobile {
width: 268.85px !important;
height: 276px;
border-radius: 25px !important;
padding: 20px;
display: none !important;
position: relative !important;
cursor: pointer !important;
background-color: white;
box-shadow: var(--dalle-shadow) !important;
}
.hhc-fav-mission > .btn-job-container {
bottom: 17px;
}
.hhc-fav-mission {
height: 276px !important;
}
.dalle-job-mobile.hhc-fav-mission.accueil {
background-color: #e0dcf9 !important
}
.dalle-job-mobile.hhc-fav-mission.commerce {
background-color: #FBEADA !important
}
.dalle-job-mobile.hhc-fav-mission.garde {
background-color: #F9DCE2 !important
}
.dalle-job-mobile:hover {
box-shadow: var(--dalle-shadow-hover) !important;
}
.dalle-job-mobile.mission-list {
width: 100% !important;
}
.dalle-job-container-mobile {
display: flex !important;
flex-direction: column !important;
gap: 15px !important;
/*width: 268.85px!important;*/
}
.job-dalle-col-image-detail-container-mobile {
display: flex !important;
gap: 16.5px !important;
width: 100% !important;
align-items: center !important;
}
.job-dalle-col-job-title-container-mobile {
display: flex !important;
gap: 7px !important;
width: 100% !important;
flex-direction: column !important;
padding-left: 7px !important;
margin-top: -12px !important;
}
.job-dalle-col-job-lieu-container-mobile {
width: 100% !important;
padding-left: 7px !important;
margin-top: -12px !important;
min-height: 0px !important;
height: 14px !important;
}
.job-dalle-image-container-mobile {
align-items: center !important;
display: flex !important;
align-content: center !important;
border-radius: 25px !important;
opacity: 1 !important;
width: 59px !important;
height: 59px !important;
max-width: 59px !important;
object-fit: cover !important;
}
.job-agency-img-mobile {
max-height: 59px !important;
height: 59px !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-color: transparent !important;
border: 0 !important;
max-width: 59px !important;
width: 59px !important;
object-fit: cover !important;
border-radius: 25px !important;
}
.job-dalle-detail-container-mobile {
display: flex !important;
flex-wrap: wrap !important;
flex-direction: column !important;
justify-content: center !important;
gap: 0 !important;
width: 100% !important;
margin-left: 0px !important;
}
.mission-title-mobile {
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 24px !important;
font-family: Titillium Web !important;
letter-spacing: -0.5px !important;
color: var(--color-text-primary) !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
display: block !important;
}
.div-mission-context-contrat-mobile {
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 15px !important;
font-family: Titillium Web !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
margin-top: -3px !important;
line-height: 17px !important;
}
.mission-contexte-mobile {
cursor: pointer !important;
}
.mission-contexte-contrat-sepration-mobile {
}
.mission-lieu-mobile {
text-align: left !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 14px !important;
font-family: Titillium Web !important;
letter-spacing: 0 !important;
color: var(--color-text-primary) !important;
margin-top: 0px !important;
}
.mission-salaire-container-mobile {
opacity: 1 !important;
display: flex !important;
align-items: center !important;
margin-top: 0px !important;
}
.mission-disponibilite-container-mobile {
display: flex !important;
align-items: center !important;
gap: 7px !important;
}
.mission-salaire-mobile {
text-align: left !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 18px !important;
font-family: Poppins !important;
color: var(--color-text-primary) !important;
margin-top: 0px !important;
}
.mission-salaire-taux-mobile {
text-align: left !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 17px !important;
font-family: Titillium Web !important;
color: var(--color-text-primary) !important;
}
.mission-salaire-taux-prefixe-mobile {
text-align: left !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 17px !important;
font-family: Titillium Web !important;
color: var(--color-text-primary) !important;
margin-inline: 3px !important;
}
.mission-data-container-mobile {
min-height: 25px !important;
margin-top: 0px !important;
padding-inline: 7px;
}
.mission-data-container-div-mobile {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin-top: 1px;
}
.btn-job-detail-mobile {
background: #FFFFFF80 0 0 no-repeat padding-box !important;
border-radius: 16px !important;
height: 24.5px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 600 !important;
font-size: 9px !important;
font-family: Poppins !important;
color: var(--color-text-primary) !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
padding: 6px 9px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid;
}
.btn-job-detail-mobile.accueil {
min-width: 80px !important;
text-transform: none !important;
border-color: var(--box-acceuil) !important;
background: var(--box-acceuil-xlight-opacity) 0 0 no-repeat padding-box !important;
}
.btn-job-detail-mobile.commerce {
min-width: 80px !important;
text-transform: none !important;
border-color: var(--box-commerce) !important;
background: var(--box-commerce-xlight-opacity) 0 0 no-repeat padding-box !important;
}
.btn-job-detail-mobile.garde {
opacity: 1 !important;
width: 140px !important;
text-transform: none !important;
border-color: var(--box-garde) !important;
background: var(--box-garde-xlight-opacity) 0 0 no-repeat padding-box !important;
}
.dalle-job-mobile.hhc-fav-mission.accueil .btn-job-detail-mobile.accueil {
background: #FFFFFF80 0 0 no-repeat padding-box !important;
}
.dalle-job-mobile.hhc-fav-mission.commerce .btn-job-detail-mobile.commerce {
background: #FFFFFF80 0 0 no-repeat padding-box !important;
}
.dalle-job-mobile.hhc-fav-mission.garde .btn-job-detail-mobile.garde {
background: #FFFFFF80 0 0 no-repeat padding-box !important;
}
.dalle-job-mobile.hhc-fav-mission.accueil .btn-job-action.postuler.accueil {
background: #F5F8FF 0 0 no-repeat padding-box !important;
}
.dalle-job-mobile.hhc-fav-mission.commerce .btn-job-action.postuler.commerce {
background: #F5F8FF 0 0 no-repeat padding-box !important;
}
.dalle-job-mobile.hhc-fav-mission.garde .btn-job-action.postuler.garde {
background: #F5F8FF 0 0 no-repeat padding-box !important;
}
.card-bottom-button.desktop {
display: none !important;
}
.mission-dates-mobile {
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 14px !important;
font-family: Titillium Web !important;
color: var(--color-text-primary) !important;
top: -2px !important;
position: relative !important;
}
.mission-contrat-mobile {
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
font-size: 14px !important;
font-family: Titillium Web !important;
color: var(--color-text-primary) !important;
}
.mission-contexte-mobile {
font-style: normal !important;
font-variant: normal !important;
font-weight: 300 !important;
font-size: 14px !important;
font-family: Titillium Web !important;
letter-spacing: -0.5px !important;
color: var(--color-text-primary) !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
margin-top: -7px !important;
line-height: 17px !important;
}
.mission-distance-mobile {
position: relative !important;
left: 5px !important;
font-size: 12px !important;
color: var(--color-text-primary) !important;
}
.btn-job-action.postuler.accueil {
border-color: var(--title-acceuil) !important;
}
.btn-job-action.postuler.commerce {
border-color: var(--title-commerce) !important;
}
.btn-job-action.postuler.garde {
border-color: var(--title-garde) !important;
}
}
.job-dalle-detail-container {
margin-left: 21px;
text-align: left;
padding-left: 0px;
padding-right: 0px;
}
.mission-list-logo {
max-height: 110px;
height: 110px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
border: 0;
max-width: 110px;
width: 110px;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 !important;
object-fit: cover;
border-radius: 50%;
}
.hhc-agency-logo {
max-height: 98px;
height: 98px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
border: 0;
max-width: 98px;
width: 98px;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 !important;
object-fit: cover;
border-radius: 50%;
}
.caret {
cursor: pointer
}
.no-overflow {
overflow: hidden !important;
}
/*
@media screen and (max-width: 1536px) and (min-width: 1280px) {
body {
zoom: 0.9!important;
width:100%!important;
}
}
@-moz-document url-prefix() {
@media screen and (max-width: 1536px) and (min-width: 1280px) {
body {
-moz-transform: scale(0.9)!important;
-moz-transform-origin: 0% 0!important;
width:111%!important;
}
}
}
*/
.dalle-partner {
background: none !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color: #dc3545 !important;
border-width: 3px !important;
}
.contact-team-nom {
text-align: left;
font-style: normal !important;
font-variant: normal !important;
font-weight: bold !important;
font-size: 40px !important;
line-height: 18px !important;
font-family: Bree !important;
letter-spacing: 0;
color: var(--color-text-primary);
white-space: nowrap;
}
.contact-team-prenom {
font-style: italic !important;
font-variant: normal !important;
font-weight: 100 !important;
font-size: 26px !important;
line-height: 68px !important;
font-family: Bree !important;
}
.contact-team-tel {
font-style: normal !important;
font-variant: normal !important;
font-weight: 600 !important;
font-size: 26px !important;
line-height: 15px !important;
font-family: Bree !important;
}
.contact-team-email {
font-style: normal !important;
font-variant: normal !important;
font-weight: 600 !important;
font-size: 26px !important;
line-height: 60px !important;
font-family: Bree !important;
}
.contact-team-photo {
max-width:116px;
max-height:116px;
}
.contact-team-image {
height: 100%;
width: 100%;
cursor: pointer;
background-color: transparent !important;
background-repeat: no-repeat !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-size: contain !important;
}
.contact-team-image.guillaume {
background-image: url('/App_Images/Contact/contact_team_guillaume.png');
}
.contact-team-image.simon {
background-image: url('/App_Images/Contact/contact_team_simon.png');
}
.contact-team-container {
height:235px
}
.contact-team-title {
display:inline-block;
margin-bottom:20px;
font-size:22px;
font-weight:bold
}