/*------------------------------*\
    #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: 'Ubuntu', sans-serif;
    font-family: 'ClanOT', sans-serif;
    padding: 10px 20px;
    border-radius: 20px;
    /*font-weight: 700;*/
}

.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-blue,
.btn--hitechpro-blue:hover,
.btn--hitechpro-blue_darken,
.btn--hitechpro-blue_darken: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!important;
}
.radius--40 {
    border-radius: 40px;
}

/*------------------------------*/
/* 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);
}

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

.btn-publication,
.btn--publication {
    background: transparent linear-gradient(180deg, var(--main-color_mission) 0%, var(--secondary-color_mission) 100%) 0% 0% no-repeat padding-box;
    padding: .5rem 1rem!important;
}
.btn-publication:hover,
.btn--publication:hover {
    background: transparent linear-gradient(180deg, var(--secondary-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);
}

/*------------------------------*/
/* mission/profils enfants elements */
.btn-depot svg,
.btn-publication svg,
.btn--depot svg,
.btn--publication svg {
    width: var(--size, 35px);
    height: var(--size, 35px);
}
/* code pour dire si l'élément est le 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);
}

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

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

/* version dark */
.bg--hitechpro-blue_darken,
.btn--hitechpro-blue_darken {
    background-color: var(--background_menu-gauche);
}
.btn--hitechpro-blue--inverse_darken {
    color: var(--background_menu-gauche);
    border: 1px solid var(--background_menu-gauche);
}
.btn--hitechpro-blue--inverse_darken:hover {
    color: var(--background_menu-gauche);
    border: 1px solid var(--background_menu-gauche);
}
.btn.bg--hitechpro-blue_darken:hover,
.btn--hitechpro-blue_darken:hover {
    background-color: rgba(var(--background_menu-gauche_rgb),.5)!important;
}

.border--hitechpro-blue--inverse_darken {
    border: 1px solid var(--background_menu-gauche);
}
textarea.border--hitechpro-blue--inverse_darken::placeholder {
    color: var(--another-gray)!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);
}
.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: var(--main-color_freelance)!important;
}
.btn--freelance:hover {
    background-color: rgba(var(--main-color_freelance_rgb), .5);
}
.btn--freelance--inverse {
    color: var(--main-color_freelance);
    border: 1px solid var(--main-color_freelance);
}
.btn--freelance--inverse:hover {
    color: rgba(var(--main-color_freelance_rgb),.5)!important;
}
.btn__white--freelance {
    background: var(--white);
    color: var(--main-color_freelance);
}
.btn__white--freelance:hover {
    color: var(--main-color_freelance)!important;
}

/*------------------------------*/
/* 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
}

/*------------------------------*/
/* connexion elements */
.btn--connexion {
    background: var(--white);
    border: 1px solid var(--main-color_paragraphe);
    font-weight: bold;
}

/*------------------------------*/
.bg--yellow,
.btn--yellow {
    background: rgba(var(--color-jaune_rgb), .5);
}
/*------------------------------*/
/* 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: 13px!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;
    border-style: solid;
    border-width: 20px 251px 0px 0px;
    border-color: rgb(255, 255, 255) transparent transparent;
}
.reply-block::before {
    width: 0px;
    height: 0px;
    z-index: 2;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 0px 0px 20px 251px;
    border-color: transparent transparent rgb(255, 255, 255);
}*/

.reply-context {
    position: relative;
}

/*.reply-context::after {
    width: 0px;
    height: 0px;
    z-index: 2;
    position: absolute;
    content: "";
    top: 0px;
    border-style: solid;
    border-width: 20px 251px 0px 0px;
    border-color: var(--white)transparent transparent;
    left: 0;
}
.reply-context::before {
    width: 0px;
    height: 0px;
    z-index: 2;
    position: absolute;
    content: "";
    bottom: 0px;
    border-style: solid;
    border-width: 0px 0px 20px 251px;
    border-color: transparent transparent rgba(255,255,255, .3);
    left: 0;
}*/

.pop-in-contact_tips .reply-context::after {
    border-width: 20px 300px 0px 0px;
}
.pop-in-contact_tips .reply-context::before {
    border-width: 0px 0px 20px 300px;
}

.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 {
    outline-style: none;
	box-shadow: none;
	border-color: transparent;
}
.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;
}

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

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

.reply-block svg,
.maincontent.maincontent__formation .sidebar_list svg {
    fill: #ffffff!important;
    color: #ffffff!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: "▾" /* ∨ */;
    width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px !important;
}

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








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



/* 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 right 1rem;
    background-repeat: no-repeat;
}
.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%;
}