/*------------------------------*\
    #COMPOSANT lien speciaux
/*------------------------------*/
/* btn dans le footer uniquement */
a.noStyle,
a.noStyle:hover,
.copyright ,
.copyright :hover {
    color: var(--textarea-color);
    text-decoration: none;
}

/*------------------------------*\
    #COMPOSANT btn
/*------------------------------*/
/* base des boutons du site */
.btn {
    font-size: calc(var(--basePX) + 5px)!important;
    line-height: 15px!important;
    font-family: 'Roboto', sans-serif;
    padding: 10px 20px;
    border-radius: 20px;
}

.btn.bg--hitechpro-blue,
.btn--black,
.btn--black:hover,
.btn--ao,
.btn--ao:hover,
.btn--ao--degrade,
.btn--ao--degrade:hover,
.btn--abonnement,
.btn--abonnement:hover,
.btn--abonnement__secondary,
.btn--abonnement__secondary:hover,
.btn--profil,
.btn--mission,
.btn--formation,
.btn--formation:hover,
.btn--hitechpro,
.btn--hitechpro:hover,
.btn--profil:hover,
.btn--mission:hover,
.btn-depot,
.btn-depot:hover,
.btn-publication,
.btn-publication:hover,
.btn--depot,
.btn--depot:hover,
.btn--publication,
.btn--publication:hover,
.btn--freelance,
.btn--freelance:hover,
.btn--affaire,
.btn--affaire:hover,
.btn--teams,
.btn--teams_secondary,
.btn--teams:hover,
.btn--teams_secondary:hover {
    color: var(--white);
}

/*------------------------------*\
    #btn variantes stylistiques
/*------------------------------*/
.btn--shadow {
    box-shadow: 0px 3px 6px var(--box-shadow-sidebar);
}
.btn--skew {
    transform: translateZ(0) skew(360deg, -6deg);
}
.btn--skew > * {
    transform: translateZ(0) skew(360deg, 6deg);
}
.btn--skew-0 {
    transform: initial;
}
.btn--radius-0 {
    border-radius: 0!important;
}
.btn--border-0 {
    border: 0!important;
}


/*------------------------------*\
    #btn variantes radius
/*------------------------------*/

.btn--hitech__radius--30,
.radius--30 {
    border-radius: 30px;
}
.radius--20 {
    border-radius: 20px;
}
.radius--40 {
    border-radius: 40px;
}

.radius-top-right--30 {
    border-top-right-radius: 30px;
}
.radius-bottom-right--30 {
    border-bottom-right-radius: 30px;
}
.radius-top-left--30 {
    border-top-left-radius: 30px;
}
.radius-bottom-left--30 {
    border-bottom-left-radius: 30px;
}

/*------------------------------*/
/* profil elements */

.btn-depot,
.btn--depot {
    background: transparent linear-gradient(
        180deg, var(--main-color_profil) 
        0%, var(--secondary-color_profil) 100%) 0% 0% no-repeat;
    padding: .5rem 1rem!important;
}
.btn-depot:hover,
.btn--depot:hover {
    background: transparent linear-gradient(
        180deg, var(--secondary-color_profil) 
        0%, var(--main-color_profil) 100%) 0% 0% no-repeat;
}
.btn--profil--inverse,
.btn--profil--inverse:hover {
    color: var(--secondary-color_profil);
    border: 1px solid var(--secondary-color_profil);
}


.btn--profil--inverse:not(:disabled) {
    color: var(--main-color_profil);
    border: 1px solid var(--main-color_profil);
}

.btn--profil--inverse:not(:disabled):hover {
    color: var(--secondary-color_profil);
    border: 1px solid var(--secondary-color_profil);
} 


.btn--freelance--inverse,
.btn--freelance--inverse:hover {
    color: var(--main-color_freelance);
    border: 1px solid var(--main-color_freelance);
}

/*------------------------------*/
/* mission elements */

.btn-publication,
.btn--publication {
    background: transparent linear-gradient(180deg, var(--main-color_mission) 0%, var(--tertiary-color_mission) 100%) 0% 0% no-repeat padding-box;
    padding: .5rem 1rem!important;
}
.btn--depot.btn--skew-0,
.btn--publication.btn--skew-0,
.btn--ao--degrade.btn--skew-0,
.btn--formation.bg--formation__degrade  {
    padding: 1rem!important;
}
.btn-publication:hover,
.btn--publication:hover {
    background: transparent linear-gradient(180deg, var(--tertiary-color_mission) 0%, var(--main-color_mission) 100%) 0% 0% no-repeat!important;
}
.btn--mission--inverse,
.btn--mission--inverse:hover {
    color: var(--secondary-color_mission);
    border: 1px solid var(--secondary-color_mission);
} 

.btn--mission--inverse:not(:disabled) {
    color: var(--main-color_mission);
    border: 1px solid var(--main-color_mission);
}

.btn--mission--inverse:not(:disabled):hover {
    color: var(--secondary-color_mission);
    border: 1px solid var(--secondary-color_mission);
} 


/*------------------------------*/
/* mission/profils enfants elements */
.btn-depot svg,
.btn-publication svg,
.btn--depot svg,
.btn--publication svg {
    width: 35px;
    height: 35px;
}
/* code pour dire si l'élément est lke seul et l'unique du parent */
.btn-depot svg:nth-child(1):nth-last-child(1),
.btn-publication svg:nth-child(1):nth-last-child(1),
.btn--depot svg:nth-child(1):nth-last-child(1),
.btn--publication svg:nth-child(1):nth-last-child(1) {
    margin: 15px;
}


/*------------------------------*/
/* profil elements */

.bg--profil,
.btn--profil {
    background-color: var(--main-color_profil)!important;
}
.btn.bg--profil:hover,
.btn--profil:hover {
    background-color: var(--secondary-color_profil)!important;
}
.bg--profil_secondary,
.btn--profil__secondary {
    background-color: var(--secondary-color_profil)!important;
}
.bg--profil__degrade,
.btn--profil_degrade {
    background: transparent linear-gradient(180deg, var(--main-color_profil) 0%, var(--secondary-color_profil) 100%) 0% 0% no-repeat padding-box
}
.btn__white--profil {
    background: var(--white);
    color: var(--main-color_profil);
}
.btn__white--profil:hover {
    color: var(--secondary-color_profil);
}
/*------------------------------*/
/* mission elements */

.bg--mission,
.btn--mission {
    background-color: var(--main-color_mission)!important;
}
.btn.bg--mission:hover,
.btn--mission:hover {
    background-color: var(--secondary-color_mission)!important;
}
.bg--mission__secondary,
.btn--mission_secondary {
    background: var(--secondary-color_mission)!important;
}
.bg--mission__degrade,
.btn--mission_degrade {
    background: transparent linear-gradient(180deg, var(--main-color_mission) 0%, var(--secondary-color_mission) 100%) 0% 0% no-repeat padding-box
}
.bg--mission__degrade_2 {
    background: transparent linear-gradient(180deg, var(--tertiary-color_mission) 0%, var(--main-color_mission) 100%) 0% 0% no-repeat padding-box;
}
.btn__white--mission {
    background: var(--white);
    color: var(--main-color_mission);
}
.btn__white--mission:hover {
    color: var(--secondary-color_mission);
}

.hitechLive__header--wrapper .btn--hitechpro.color--mission:hover {
    background-color: var(--main-color_mission)!important;
    color: var(--white)!important;
}

/*------------------------------*/
/* hitechpro/default/esn elements */

.bg--hitechpro-blue,
.btn--hitechpro {
    background-color: var(--main-color_esn-forfait);
}
.btn--hitechpro--inverse {
    color: var(--main-color_esn-forfait);
    border: 1px solid var(--main-color_esn-forfait);
}
.btn--hitechpro--inverse:hover {
    color: var(--main-color_esn-forfait);
    border: 1px solid var(--main-color_esn-forfait);
}
.btn.bg--hitechpro-blue:hover,
.btn--hitechpro:hover {
    background-color: rgba(var(--main-color_esn-forfait_rgb),.5)!important;
}

.hitechLive__header--wrapper .btn--hitechpro.color--profil:hover {
    background-color: var(--main-color_profil)!important;
    color: var(--white)!important;
}

/*------------------------------*/
/* annulation/déco elements */

.btn--black {
    background-color: var(--main-color_paragraphe);
}
.btn--black:hover {
    background-color: rgba(var(--main-color_paragraphe_rgb), .5);
}
.btn--black--inverse {
    color: var(--main-color_paragraphe);
    border: 1px solid var(--main-color_paragraphe);
}
.btn--black--inverse:hover {
    color: rgba(var(--main-color_paragraphe), .5);
    border: 1px solid var(--main-color_paragraphe);
}
.btn__white--esn {
    background: var(--white);
    color: var(--main-color_esn-forfait);
}
.btn__white--esn:hover {
    color: rgba(var(--main-color_esn-forfait_rgb), .5);
}

/*------------------------------*/
/* clients finaux elements */

.bg--ao,
.btn--ao {
    background: var(--main-color_ao);
}
.btn--ao:hover {
    background: var(--secondary-color_ao);
}
.bg--ao_secondary,
.btn--ao_secondary {
    background: var(--secondary-color_ao);
}
.bg--ao__degrade,
.btn--ao_degrade {
    background: transparent linear-gradient(180deg, var(--main-color_ao) 0%, var(--secondary-color_ao) 100%) 0% 0% no-repeat padding-box
}
.btn__white--ao {
    background: var(--white);
    color: var(--main-color_ao);
}
.btn__white--ao:hover {
    color: var(--secondary-color_ao);
}
.btn--ao--inverse {
    color: var(--secondary-color_ao);
    border: 1px solid var(--secondary-color_ao);
}
.btn--ao--inverse:hover {
    color: var(--main-color_ao);
}
body.dark .btn--ao--inverse {
    background-color: var(--secondary-color_ao);
    color: var(--white);
}
.btn--ao__secondary--inverse {
    color: var(--secondary-color_ao);
    border: 1px solid var(--secondary-color_ao);
}
.btn--ao__secondary--inverse:hover {
    color: var(--main-color_ao);
}
.btn--ao--degrade {
    background: transparent linear-gradient(180deg, var(--main-color_ao) 0%, var(--secondary-color_ao) 100%) 0% 0% no-repeat!important;
}
.btn--ao--degrade:hover {
    background: transparent linear-gradient(180deg, var(--secondary-color_ao) 0%, var(--main-color_ao) 100%) 0% 0% no-repeat!important;
}

/*------------------------------*/
/* abonnements elements */

.bg--abonnement,
.btn--abonnement {
    background-color: var(--main-color_abonnement);
}
.btn--abonnement__secondary {
    background-color: var(--secondary-color_abonnement);
}
.btn--abonnement__secondary:hover {
    background-color: rgba(var(--secondary-color_abonnement_rgb), .5);
}

/*------------------------------*/
/* freelance elements */

.bg--freelance,
.btn--freelance {
    background-color: var(--main-color_freelance);
}
.btn--freelance:hover {
    background-color: rgba(var(--main-color_freelance_rgb), .5);
}

/*------------------------------*/
/* formations elements */
.bg--formation,
.btn--formation {
    background-color: var(--main-color_formation);
}
.btn--formation:hover {
    background-color: rgba(var(--main-color_formation_rgb), .5);
}

.btn--formation .svg--mini svg {
    width: 20px;
    height: 20px;
}

.bg--formation__degrade,
.btn--formation_degrade {
    background: transparent linear-gradient(180deg, var(--main-color_formation) 0%, rgba(var(--main-color_formation_rgb), .5) 100%) 0% 0% no-repeat padding-box!important
}

/*------------------------------*/
.bg--yellow,
.btn--yellow {
    background: rgba(var(--color-jaune_rgb), .5);
}

.bg--dark_gray {
    background-color: var(--dark-gray)!important;
}
/*------------------------------*/
/* boutons noir elements */

.bg--black,
.btn--black {
    background: var(--main-color_paragraphe);
}
.btn.bg--black:hover,
.btn--black:hover {
    background: rgba(var(--main-color_paragraphe_rgb),.5)!important;
}

/*------------------------------*/
.btn.text-info:hover,
.btn--info:hover {
    color: var(--textarea-color)!important;
}

/*------------------------------*/
/* affaires elements */

.btn--affaire {
    background: var(--background_menu-gauche);
}
.btn--affaire:hover {
    background: rgba(var(--background_menu-gauche_rgb), .5);
}

/*------------------------------*/
/* teams elements */

.btn--teams {
    background: var(--main-color_teams);
}
.btn--teams:hover {
    background: rgba(var(--main-color_teams_rgb), .5);
}

.btn--teams_secondary {
    background: var(--secondary-color_teams);
}
.btn--teams_secondary:hover {
    background: rgba(var(--secondary-color_teams_rgb), .5);
}

/*------------------------------*\
    #COMPOSANT border des btn
/*------------------------------*/

.btn.border--profil {
    border: 1px solid var(--main-color_profil)!important;
    color:  var(--main-color_profil)!important;
}
.btn.border--mission {
    border: 1px solid var(--main-color_mission)!important;
    color: var(--main-color_mission)!important;
}
.btn.border--profil:hover {
    border: 1px solid var(--secondary-color_profil)!important;
    color:  var(--secondary-color_profil)!important;
}
.btn.border--mission:hover {
    border: 1px solid var(--secondary-color_mission)!important;
    color: var(--secondary-color_mission)!important;
}


.btn-publication.no-skew {
    transform: initial!important;
    border-radius: 20px!important;
    font-size: calc(var(--basePX) + 5px);
    line-height: 15px;
    box-shadow: 0px 3px 6px var(--box-shadow-sidebar);
    border: 0;
}

/* ******************** */

/* messagerie btn */

.actions .btn {
    border-radius: 9px!important;
    font-size: calc(var(--basePX) + 3px)!important;
    padding: 5px 10px!important;
}



.reply-block {
    background: transparent linear-gradient(180deg, var(--main-color_mission) 0%, var(--secondary-color_mission) 100%) 0% 0% no-repeat padding-box;
    text-decoration: none;
    font-size: calc(var(--basePX) + 5px);
    color: var(--white)!important;
    border-radius: 0;
    position: relative;
    border-radius: 20px;
}
.reply-block::after {
    width: 0px;
    height: 0px;
    z-index: 2;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
.reply-block::before {
    width: 0px;
    height: 0px;
    z-index: 2;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
}

.reply-context::after {
    width: 0px;
    height: 0px;
    z-index: 2;
    position: absolute;
    content: "";
    top: 0px;
    left: 0;
}
.reply-context::before {
    width: 0px;
    height: 0px;
    z-index: 2;
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
}

.pop-in-contact_tips .reply-context .btn[aria-expanded="true"] svg {
    transform: rotate(180deg);
}
.pop-in-contact_tips .reply-context .btn[aria-expanded="false"] svg {
    transform: rotate(0deg);
}

.accordion .btn:focus,
.menuitem_submenu .btn {
    outline-style: none;
	box-shadow: none;
	border-color: transparent;
}
.menuitem_submenu .btn {
    font-family: 'FF Clan';
    font-size: calc(var(--basePX) + 2px)!important;
}
.accordion .btn svg {
    width: var(--size, 30px);
    height: var(--size, 30px);
}
.accordion .btn[aria-expanded="true"] svg {
    transform: rotate(180deg);
}
.accordion .btn[aria-expanded="false"] svg {
    transform: rotate(0deg);
}

.reply-block.disabled {
    opacity: .65;
    cursor: not-allowed;
    border-radius: 20px;
    pointer-events: none;
}

.reply-block--profil {
    background: transparent linear-gradient(180deg, var(--main-color_profil) 0%, var(--secondary-color_profil) 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
}

.reply-block--AO {
    background: transparent linear-gradient(180deg, var(--main-color_ao) 0%, var(--secondary-color_ao) 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
}

.reply-block svg,
.maincontent.maincontent__formation .sidebar_list svg {
    fill: var(--white)!important;
    color: var(--white)!important;
}
.maincontent.maincontent__formation .sidebar_list .svg--change svg {
    width: 47.5px;
    height: 47.5px;
}

.reply-block:hover svg {
    fill: currentColor;
}

/* menu deroulant formation */
.nav-link--bourse > div {
    position: relative;
}
.nav-link--bourse > div::after {
    position: absolute;
    top: 0;
    right: 0;
    /*content: "▾"*/ /* ∨ */;
    content: "";
    background: url("/assets/img/svg/fleche_formation.svg") no-repeat center center;
    width: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(2 * (var(--basePX)) + 5px)!important;
}

.mainnavigation--mini .nav-link--bourse > div::after {
    width: 15px;
    font-size: var(--basePX)!important;
}
.nav-link--bourse[aria-expanded="true"] > div::after {
    transform: rotate(0deg);
}
.nav-link--bourse[aria-expanded="false"] > div::after {
    transform: rotate(180deg);
}
/* menu deroulant formation */

/* fleche retour dans header */
.btn .text {
    font-size: calc(var(--basePX) + 2px);
}
body.dark .btn .text {
    color: var(--white);
}

/* page hitechlive */
.bg--h-profil_svg {
    background-image: url(/assets/img/svg/hitechlive_profil.svg);
    background-position: bottom 1rem right 1rem;
    background-repeat: no-repeat;
    background-size: 40%;
}
.bg--h-mission_svg {
    background-image: url(/assets/img/svg/hitechlive_mission.svg);
    background-position: bottom 1rem right 1rem;
    background-repeat: no-repeat;
    background-size: 40%;
}
.bg--p-profil_svg {
    background-image: url(/assets/img/svg/mon_espace_profil.svg);
    background-position: bottom 1rem right 1rem;
    background-repeat: no-repeat;
    background-size: 40%;
}
.bg--p-mission_svg {
    background-image: url(/assets/img/svg/mon_espace_mission.svg);
    background-position: bottom 1rem right 1rem;
    background-repeat: no-repeat;
    background-size: 40%;
}