.page-template-page-emploi-diffusion main,
.page-template-page-cession-diffusion main {
padding: 50px 5%;
}
.emploi-diffusion {
--sadpad-accent: #0aa8a5;
--sadpad-accent-fonce: #078e8b;
--sadpad-accent-clair: rgba(10, 168, 165, 0.09);
--sadpad-accent-moyen: rgba(10, 168, 165, 0.16);
--sadpad-bordure: #e6e6ec;
--sadpad-texte-clair: #6b6b78;
--sadpad-rayon: 10px;
--sadpad-succes: #1c7c4a;
--sadpad-erreur: #b3261e;
} .emploi-diffusion__message {
margin: 0 0 22px;
padding: 12px 16px;
border-radius: var(--sadpad-rayon);
border: 1px solid var(--sadpad-bordure);
font-weight: 600;
}
.emploi-diffusion__message--succes {
background: var(--sadpad-accent-clair);
border-color: var(--sadpad-accent-moyen);
color: var(--sadpad-succes);
}
.emploi-diffusion__message--erreur {
background: rgba(179, 38, 30, 0.07);
border-color: rgba(179, 38, 30, 0.22);
color: var(--sadpad-erreur);
} .emploi-licence {
margin: 0 0 32px;
padding: 20px 22px;
background: var(--sadpad-accent-clair);
border: 1px solid var(--sadpad-accent-moyen);
border-radius: var(--sadpad-rayon);
}
.emploi-licence--inactive {
background: #fbfbfc;
border-color: var(--sadpad-bordure);
}
.emploi-licence__titre {
margin: 0 0 14px;
}
.emploi-licence__lignes {
margin: 0 0 14px;
padding: 0;
list-style: none;
}
.emploi-licence__ligne {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px 12px;
padding: 10px 0;
border-top: 1px solid var(--sadpad-accent-moyen);
}
.emploi-licence__ligne:first-child {
border-top: 0;
}
.emploi-licence__ligne--echue {
color: var(--sadpad-texte-clair);
}
.emploi-licence__statut {
padding: 2px 10px;
border-radius: 999px;
background: #fff;
color: var(--sadpad-accent);
font-size: 0.78em;
font-weight: 700;
}
.emploi-licence__ligne--echue .emploi-licence__statut {
color: var(--sadpad-texte-clair);
}
.emploi-licence__detail,
.emploi-licence__vide {
color: var(--sadpad-texte-clair);
font-size: 0.9em;
}
.emploi-licence__resume {
margin: 0;
}
.emploi-licence__actions {
margin: 14px 0 0;
} .emploi-annonces__liste {
margin: 0 0 28px;
padding: 0;
list-style: none;
counter-reset: none;
}
.emploi-annonce {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 16px;
padding: 14px 16px;
margin: 0 0 10px;
border: 1px solid var(--sadpad-bordure);
border-radius: var(--sadpad-rayon);
background: #fff;
}
.emploi-annonce--libre {
background: #fbfbfc;
border-style: dashed;
}
.emploi-annonce__numero {
min-width: 110px;
font-weight: 700;
color: var(--sadpad-accent);
}
.emploi-annonce__titre {
flex: 1 1 220px;
font-weight: 600;
}
.emploi-annonce__titre--vide {
font-weight: 400;
color: var(--sadpad-texte-clair);
font-style: italic;
}
.emploi-annonce__statut {
padding: 3px 11px;
border-radius: 999px;
background: var(--sadpad-bordure);
color: var(--sadpad-texte-clair);
font-size: 0.76em;
font-weight: 700;
white-space: nowrap;
}
.emploi-annonce__statut--publish {
background: var(--sadpad-accent-moyen);
color: var(--sadpad-accent-fonce);
}
.emploi-annonce__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.emploi-annonce--hors-quota {
opacity: 0.75;
} .emploi-diffusion__lien {
font-weight: 700;
color: var(--sadpad-accent-fonce);
}
.emploi-diffusion .emploi-formulaire__actions button {
margin: 0 8px 8px 0;
}
.emploi-diffusion__bouton--secondaire {
background: transparent;
border: 1px solid var(--sadpad-accent);
color: var(--sadpad-accent-fonce);
}
.emploi-diffusion__bouton--danger {
background: transparent;
border: 1px solid rgba(179, 38, 30, 0.35);
color: var(--sadpad-erreur);
} .emploi-formulaire {
max-width: 720px;
}
.emploi-formulaire__retour {
margin: 0 0 10px;
}
.emploi-formulaire__groupe {
margin: 28px 0 18px;
padding-top: 22px;
border-top: 1px solid var(--sadpad-bordure);
}
.emploi-formulaire__groupe h3 {
margin: 0 0 8px;
}
.emploi-diffusion .emploi-formulaire__groupe > .sadpad-help {
margin: 0 0 18px;
font-size: 0.9em;
line-height: 1.55;
}
.emploi-formulaire p {
margin: 0 0 18px;
}
.emploi-formulaire label {
display: block;
margin-bottom: 5px;
font-weight: 600;
}
.emploi-formulaire input[type="text"],
.emploi-formulaire input[type="url"],
.emploi-formulaire input[type="email"],
.emploi-formulaire input[type="number"],
.emploi-formulaire select,
.emploi-formulaire textarea {
width: 100%;
max-width: 100%;
padding: 9px 12px;
border: 1px solid var(--sadpad-bordure);
border-radius: 6px;
font: inherit;
}
.emploi-formulaire input:focus,
.emploi-formulaire select:focus,
.emploi-formulaire textarea:focus {
outline: 2px solid var(--sadpad-accent);
outline-offset: 1px;
}
.emploi-diffusion .sadpad-help {
display: block;
margin-top: 4px;
color: var(--sadpad-texte-clair);
font-size: 0.85em;
}
@media (max-width: 640px) {
.emploi-annonce {
align-items: flex-start;
flex-direction: column;
}
.emploi-annonce__numero {
min-width: 0;
}
}