/* Modification de la couleur des focus des champs (outline quand sélection) */
input:focus, 
textarea:focus, 
select:focus {
    outline: 2px solid #d0005e !important;
}

/*  === Page connection === */

.Header__name{
/* Décalage texte header vers le bas (+ centré) */
	padding-top: 40px;
}

.Header__menuList{
/* Décalage menu vers le bas (fit avec le texte header) */
	padding-top: 1rem;
}

#logoutDetails{
/* Suppression du padding au dessus des boutons de connection et inscription */
	padding: 0;
}

.Header__localeTab{
/* Décallage du choix des langues vers le bas (fit avec le texte header) */
	padding-top: 1rem;
}

.Header__navbar{
/* Modification de la taille du header */
	height: 15rem;
}

li[data-id="portal_tabHome"]:hover {
    background: #d0005e;

    transition: background 0.5s ease-in-out;
}

li[data-id="portal_tabCases"]:hover {
    background: #d0005e;

    transition: background 0.5s ease-in-out;
}

li.globalSignin:hover {
    background: #d0005e;

    transition: background 0.5s ease-in-out;
}

li.globalSignup:hover {
    background: #d0005e;

    transition: background 0.5s ease-in-out;
}

.LoginDetail__active {
	background: #d0005e;
}

.Header__active {
	background: #d0005e;
	color: white;
}

svg.Icon__icon.commonStyle__positionRel.commonStyle__verticalMiddle.Icon__midLarge{
/* Changement de couleur des 3 illustrations à droite */
	fill: #00022e;
}

span[data-id="signin_breadcrumb_1"] {
/* Modification de la couleur du texte à gauche dans la navbar rose */
    color: white;
}

a[data-id="portal_signup"] {
/* Modification de la couleur du lien "S'inscrire" à droite */
    color: #d0005e;
}

a[data-id="reset_pwd"] {
/* Modification de la couleur du lien "Réinitialiser" à droite */
    color: #d0005e;
}

a[data-id="agent_signin"] {
/* Modification de la couleur du lien "Connectez-vous ici" à droite */
    color: #d0005e;
}

.Input__positionRel.commonStyle__positionRel{
/* Modification de la couleur background de la searchbar dans la navbar */
	background-color: white;
}

input.Input__inputCommon.Input__searchBox.commonStyle__outlineNone.commonStyle__borderNone.commonStyle__w100per::placeholder{
/* Modification de la couleur du placeholder dans la navbar */
	color: #00022e;
}

svg.Icon__icon.commonStyle__positionRel.commonStyle__verticalMiddle.Icon__small.Icon__brand{
/* Modification de la couleur de la loupe dans la search bar */
	fill: #d0005e;
}

span[data-id="toparrow"]{
/* Modification de la couleur de la flèche vers le haut */
	background-color: #d0005e;
}

span[data-id="toparrow"]:hover{
/* Modification de la couleur over la flècche vers le haut */
	background-color: #00022e;
}

.Button__btnFont.Button__footerBtn.commonStyle__inlineBlock.commonStyle__cursor.commonStyle__outlineNone{
/* Modification de la couleur du bouton en bas "Envoyer un ticket" */
	background-color: #00022e;
}

.Button__btnFont.Button__footerBtn.commonStyle__inlineBlock.commonStyle__cursor.commonStyle__outlineNone:hover{
/* Modification de la couleur over du bouton en bas "Envoyer un ticket" */
	background-color: #d0005e;
}

/* === Page inscription === */

span[data-id="signup_breadcrumb_0"] {
/* Modification de la couleur du texte à gauche dans la navbar rose */
    color: white;
}

a[data-id="signin"]{
/* Modification de la couleur du lien "Se connecter" à droite */
	color: #d0005e;
}

a[data-id="agentSignin"]{
/* Modification de la couleur du lien "Connectez-vous ici" à droite */
	color: #d0005e;
}

.FormElement__mandatoryStar .FormElement__required:after{
/* Modification de la couleur des astérisque pour les champs obligatoires */
	color: #d0005e;
}

svg.Icon__icon.commonStyle__positionRel.commonStyle__verticalMiddle.Icon__medium.Icon__brand{
/* Modification de la couleur du reroll du Capcha à la fin du formulaire de création de compte */
	fill : #d0005e;
}

button[data-id="signup_save"]{
/* Modification de la couleur du bouton "S'inscrire" en bas du formulaire */
	background-color: #00022e;
}

button[data-id="signup_save"]:hover{
/* Modification de la couleur over du bouton "S'inscrire" en bas du formulaire */
	background-color: #d0005e;
}

button[data-id="signup_cancel"]:hover{
/* Modification de la couleur over du bouton "Annulé" en bas du formulaire */
	background-color: #00022e;
}

/* === Page connecté === */

.SearchContainer__searchIcon.commonStyle__positionRel.commonStyle__cursor.commonStyle__zt3BrandBg{
/* Modification de la couleur de background de la loupe dans la searchbar principale */
	background-color: #d0005e;
}

.Header__homeContent.Header__homeNavbarFixed .Header__navbar{
/* Modification de la couleur du header quand il suit la page */
	background-color: rgba(0,0,0,0.45);
}

.commonStyle__zt3Brand{
/* Modification de la couleur des initiales et du texte "Modifier le mot de passe" du menu profil du header */
	color: #d0005e;
}

.commonStyle__zt3BrandBg{
/* Modification de la couleur du bouton "Affiche profil" dans le menu du profil du header */
	background-color: #d0005e;
}

.AvatarText__avatarText{
/* Modification de la couleur des bordures du menu profil dans le header */
	border: 1px solid #d0005e;
}

span[data-id="ticketList_breadcrumb_0"]{
/* Modification de la couleur du texte à gauche dans la navbar */
	color: white;
}

.Button__btnFont.Button__primary.commonStyle__zt3buttonPrimaryBg.commonStyle__zt3buttonPrimaryText.Button__buttonCommon.commonStyle__cursor.commonStyle__tAlignCenter.commonStyle__inlineBlock.commonStyle__outlineNone.commonStyle__overflowDotted:hover{
/* Modification de la couleur over du bouton "Ajouter ticket" dans la page "Mon espace" */
	background-color: #00022e;
}

a[data-id="ticket_module"]{
/* Souslignage du mot "Ticket" et ajustement de la distance du trait */
    text-decoration: underline #d0005e;
    text-underline-offset: 0.5rem;
}

a[data-id="ticket_module"]:hover{
/* Modification de la couleur over du mot "Ticket" */
	color: #00022e;
}

.ContentBox__headerMid{
/* Modification de la taille du mot "Ticket" */
	font-size: 2rem;
}

.Header__homeContent .Header__searchSection{
/* Modification de la taille du header et de la ajout de la couleur sombre */
	padding: 1rem 0;
	background-color: rgba(0,0,0,0.45);
}

@media only screen and (min-width: 1024px) {
/* Retirer la couleur sombre de base du bandeau */
    .Header__homeContent .Header__navbar, .Header__defaultContent .Header__navbar {
        background-color: transparent !important;
    }
}

.Header__homeContent.Header__homeNavbarFixed .Header__navbar {
/* Ajustement de la taille du header sticky */
	background-color: rgba(0, 0, 0, 0.45) !important;
    height: 2rem;
}

.Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active {
/* Modification de la couleur dans le menu du header sticky des soulignements */
    border-bottom: .1875rem solid #d0005e;
    color: white;
}

.Header__homeNavbarFixed .Header__navbar .Header__tabsTab:hover {
/* Modification de la couleur hover dans le menu du header sticky des soulignements */
    border-bottom: .1875rem solid #d0005e;
    color: white;
}

@media only screen and (min-width: 1025px) {
/* Modification de la couleur des textes et du soulignage du menu dans le header sticky */
    .Header__tabsTab:hover, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab:hover {
        border-bottom: .1875rem solid #d0005e;
        /*color: #d0005e; */
    }
}

h2.Header__searchTitle {
/* Modification de la position du titre h2 en passant le titre en position relative pour pouvoir lui appliquer un top */
	position: relative;
	top: -2rem;
}

.Header__globalSearch {
/* Modification de la position de la barre de recherche en passant la div en position relative pour pouvoir lui appliquer un top */
	position: relative;
	top: -2rem;
}

.Icon__greyShade70 {
	color : #d0005e;
	fill : #d0005e;
}