/*------------------------------*\
    #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;
    border-radius: 21px;
    transition: background-color .5s;
    /* line-height: 23px; */
    font-family: "Roboto", sans-serif;
    font-variant: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
}


.btn--demande {
    color: var(--white);
    background: var(--main-color_demande);
}

.btn--demande:hover {
    color: var(--black);
    background: var(--color-rose);
}
 
.btn--demande--inverse {
    color: var(--main-color_demande);
    background: var(--white);
    border: 1px solid var(--main-color_demande);
}

.btn--demande--inverse:hover {
    color: var(--white)!important;
    background: var(--main-color_demande);
    border: 1px solid var(--main-color_demande);
}

/*Formations negociees */
.btn--negociee {
    color: var(--white);
    background: var(--main-color_negociee);
}

.btn--negociee:hover {
    color: var(--black);
    background: var(--color-rose);
}

.btn--negociee--inverse {
    color: var(--main-color_negociee);
    background: var(--white);
    border: 1px solid var(--main-color_negociee);
}

.btn--negociee--inverse:hover {
    color: var(--black);
    background: var(--main-color_negociee);
    border: 1px solid var(--main-color_negociee);
}

.btn--annuaire {
    color: var(--white);
    background: var( --main-color_annuaire);
}

.btn--annuaire:hover {
    color: var(--black);
    background: var(--color-rose);
}

.btn--annuaire--inverse {
    color: var( --main-color_annuaire);
    background: var(--white);
    border: 1px solid var( --main-color_annuaire);
}

.btn--annuaire--inverse:hover {
    color: var(--black);
    background: var( --main-color_annuaire);
    border: 1px solid var( --main-color_annuaire);
}

/* formateurs disponibles */
.btn--disponible {
    color: var(--white);
    background: var(--main-color_disponible);
}

.btn--disponible:hover {
    color: var(--black);
    background: var(--color-rose);
}

.btn--disponible--inverse {
    color: var(--main-color_disponible);
    background: var(--white);
    border: 1px solid var(--main-color_disponible);
}

.btn--disponible--inverse:hover {
    color: var(--black);
    background: var(--main-color_disponible);
    border: 1px solid var(--main-color_disponible);
}

/* besoins formateurs */
.btn--besoin {
    color: var(--white);
    background: var(--main-color_besoin);
}

.btn--besoin:hover {
    color: var(--black);
    background: var(--color-rose);
}

.btn--besoin--inverse {
    color: var(--main-color_besoin);
    background: var(--white);
    border: 1px solid var(--main-color_besoin);
}

.btn--besoin--inverse:hover {
    color: var(--black);
    background: var(--main-color_besoin);
    border: 1px solid var(--main-color_besoin);
}

/*------------------------------*\
    #btn variantes stylistiques
/*------------------------------*/
.btn--shadow {
    box-shadow: 0px 3px 6px var(--box-shadow-sidebar);
}

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

.bg--cession,
.btn--cession {
    background: var(--main-color_cession);
}
.btn--cession:hover {
    background: var(--main-color_acquisition);
}

.btn--acquisition {
    background: var(--main-color_acquisition);
}
.btn--acquisition:hover {
    background: var(--main-color_cession);
}

.btn--cession--inverse {
    color: var(--main-color_cession);
    border: 1px solid var(--main-color_cession);
}
.btn--cession--inverse:hover {
    color: var(--main-color_cession);
    border: 1px solid var(--main-color_cession);
}
.btn--acquisition--inverse {
    color: var(--main-color_acquisition);
    border: 1px solid var(--main-color_acquisition);
}
.btn--acquisition--inverse:hover {
    color: var(--main-color_cession);
    border: 1px solid var(--main-color_cession);
}

.btn--cession--white {
    color: var(--main-color_cession);
    background: var(--white);
    border: 1px solid var(--main-color_cession);
}
.btn--cession--white:hover {
    color: var(--main-color_acquisition);
    background: var(--white);
    border: 1px solid var(--main-color_acquisition);
}
.btn--acquisition--white {
    color: var(--main-color_acquisition);
    background: var(--white);
    border: 1px solid var(--main-color_acquisition);
}
.btn--acquisition--white:hover {
    color: var(--main-color_cession);
    background: var(--white);
    border: 1px solid var(--main-color_cession);
}


.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;
}



/*------------------------------*/
/* connexion elements */

.mainnavheader .menu-login {
    padding: 0;    
    margin-right: 1em;
}

.mainnavheader .menu-login li {
    margin-left: 1em;
}

.mainnavheader .menu-login li a {
    display: block;
}

@media (max-width: 1200px) {
    /* .mainnavheader .menu-login {
        width: 20%;
        flex-wrap: wrap;
    } */

    .mainnavheader__menu.mainnavheader__menu--offline .nav-item {
        margin-left: 0!important;
        margin-right: 0!important;
        width: 100%;
    }

    .mainnavheader__menu.mainnavheader__menu--offline .nav-item:nth-of-type(2) {
        margin-bottom: 0.5em;
        margin-top: 0.5em;
    }
} 
/*  
@media (min-width: 1080px) {
    .mainnavheader .menu-login {
        width: 20%;
        flex-wrap: nowrap;
    }
} */

.btn--connexion {
    font-weight: bold;
    padding: 9px 20px;
    
}

.btn--connexion.connexion-login {
    color: var(--text-color-connexion);
    background: var(--white);
    border: 1px solid var(--another-gray);
}

.connexion-login:hover,
body.inscription .deja-Membre .btn:hover {
    color: var(--white);
    background: var(--another-gray);
    border: 1px solid var(--another-gray);
}


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

.btn--black--inverse {
    color: var(--main-color_paragraphe);
    border: 1px solid var(--main-color_paragraphe);
}
.btn--black--inverse:hover {
    color: rgba(var(--black_rgb), .5);
    border: 1px solid var(--main-color_paragraphe);
}

.bg--black,
.btn--black {
    background: var(--black);
    color: var(--white);
}
.btn.bg--black:hover,
.btn--black:hover {
    background: rgba(var(--black_rgb),.5)!important;
    color: var(--white);
}

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

/* ******************** */
.btn.color--black:hover {
    color: var(--white)!important
}

.wrapper--icono {
    border-radius: 50%;
}
[class*="icono"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: var(--white);
    box-sizing: border-box;
}
[class*="icono"]:after,
[class*="icono"]:before {
    content: "";
    box-sizing: border-box;
}
[class*="icono-arrow1"] {
    width: 18px;
    height: 18px;
    border-width: 5px 5px 0 0;
    border-style: solid;
    margin: 10px;
}
[class*="icono-arrow1"]:before {
    right: 0;
    top: -4px;
    position: absolute;
    height: 5px;
    box-shadow: inset 0 0 0 32px;
    transform: rotate(-45deg);
    width: 18px;
    transform-origin: right top;
}
[class*="icono-arrow1"][class*="-left"] {
    transform: rotate(45deg);
}

/* messagerie btn */

.actions .btn {
    border-radius: 9px!important;
    font-size: 13px!important;
    padding: 5px 10px!important;
}



.reply-block {
    text-decoration: none;
    font-size: calc(var(--basePX) + 5px);
    color: var(--white)!important;
    border-radius: 0;
    position: relative;
    border-radius: 20px;
}

.send-block {
    text-decoration: none;
    font-size: calc(var(--basePX) + 5px);
    color: var(--white)!important;
    border-radius: 0;
    position: relative;
    border-radius: 20px;
    background-color: var(--main-color_demande);
}

.maincontent__nego .reply-block {
    background: transparent linear-gradient(180deg, var(--main-color_negociee) 0%, var(--color-rose) 100%) 0% 0% no-repeat padding-box;
}
.maincontent__df .reply-block {
    background: transparent linear-gradient(180deg, var(--main-color_demande) 0%, var(--color-rose) 100%) 0% 0% no-repeat padding-box;
}

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

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

.reply-context {
    position: relative;
}


.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(--secondary-color_ao) 0%, var(--main-color_ao) 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 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%;
}