.tdEnteteRegistrationLogo { height:57px; }
.tdEnteteRegistrationTopLeft { margin-left:10px; margin-top:10px; }
.tableRegistration { border:solid 1px #C0C0C0; width:1000px; background-color:White; }
#contenu { min-height:300px; }
body { overflow-y:scroll; background-color:white; }
.menu_top { background-color:#484848; }
#ctl00_Main_TcktFront_TblTicket_RU_19289, #ctl00_Main_TcktFront_br_TblTicket_RU_19289 { display:none; }
.SpanButtons { padding-left:20px; }
.InnerTicketPnl { padding-left:20px; padding-right:20px; padding-bottom:20px; }
.TblTitreRubriqueBo { margin-bottom:0 !important; margin-top:10px; }
.RubriqueSpan { display: block; background-color: white; }
.RubriqueSpanN1 { background-color:White !important; }
.TitreRubriqueBo {
  display : none;
}

/*.TitreGroupe {
  border-left: 10px solid #f36633;
  padding-left: 8px;
  font-size: 16px;
  font-weight: bold;
  display:block;
  background-color:White;
  font-family:arial,sans-serif;
  color:#5c5551;
}
.TitreGroupe span {
  display:block;
  border-bottom:solid 8px #d5d1ce;
}*/

/****************************************CSS FAIT PAR FIO**************************************/

/*supprimer carré blanc en bas à gauche*/
div#contenu {
    display: none;
}
/*ajouter couleur au pied de page*/
.LIVEpiedpage_ {
    background-color: #096F7D;
}

/*ajout couleur de fond*/
form#aspnetForm {
    background-color: #ECF4F6;
}
/*positionnement banner*/
img#ctl00_Main_ctl04_logo {
    position: relative;
    left: 140px;
}
img#ctl00_Main_ctl03_logo {
    position: relative;
    left: 140px;
}
img#ctl00_Main_ctl06_logo {
    position: relative;
    left: 144px;
}
img#ctl00_Main_ctl15_logo {
    position: relative;
    left: 136px;
}
img#ctl00_Main_ctl12_logo {
    position: relative;
    left: 154px;
}

/*ajouter contour autour des blocs*/
.block {
    border: solid 1px #096F7D;
}
/*appliquer la même police partout*/
.block {
    font-family: 'Montserrat-Regular';
}

/*cacher le bouton "étape précédente*/
input#ctl00_Main_TcktFront_BtnMobilePrevious {
    background-color: white;
    border-color: #096F7D;
    color: #096F7D;
    font-family: 'Montserrat-Regular';
}
input#ctl00_Main_TcktFront_BtnMobilePrevious:hover {
    background-color: #096F7D;
    border-color: #096F7D;
    color: white;
}    

/*modification sur le bouton "étape suivante"*/
input#ctl00_Main_TcktFront_BtnMobileNext {
    background-color: white;
    border-color: #096F7D;
    color: #096F7D;
    font-family: 'Montserrat-Regular';
}
input#ctl00_Main_TcktFront_BtnMobileNext:hover {
    background-color: #096F7D;
    border-color: #096F7D;
    color: white;
}

/*modification bouton étape suivante quand tu retournes en arrière pour choisir un profil*/
input#ctl00_Main_BtnSave {
    background-color: #096F7D;
    border-color: #096F7D;
    color: white;
}

/*modification sur le bouton "s'inscrire"*/
input#ctl00_Main_TcktFront_BtnSave {
    background-color: #096F7D;
    border-color: #096F7D;
    color: white;
    font-family: 'Montserrat-Regular';
    border-radius: 10px;
    padding: 0.5rem 3.5rem;
}
input#ctl00_Main_TcktFront_BtnSave:hover {
    background-color: white;
    border-color: #096F7D;
    color: #096F7D;
}

/*modification sur le bouton "valider"*/
input#ctl00_Main_TcktFront_SummaryBtnPay {
    background-color: white;
    border-color: black;
    padding: 0.5rem 1.5rem;
    border-radius: 10px;
}
input#ctl00_Main_TcktFront_SummaryBtnPay:hover {
    background-color: lightgrey;
    border-color: black;
}

/*modification sur le bouton "modifier"*/
input#ctl00_Main_TcktFront_SummaryBtnCancel {
    background-color: white;
    border-color: black;
    padding: 0.5rem 1.5rem;
    border-radius: 10px;
}
input#ctl00_Main_TcktFront_SummaryBtnCancel:hover {
    background-color: lightgrey;
    border-color: black;
}


/*******PAGE ESPACE PERSONNEL*********/
/*bouton connexion*/
input#ctl00_Main_BtnIdentification {
    background-color: #096F7D;
    border-radius: 10px;
    font-family: 'Montserrat', sans-serif; /* Montserrat Regular */
    font-weight: 400;
    color: #ffffff;              /* texte blanc */
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* animation fluide */
}

input#ctl00_Main_BtnIdentification:hover {
    transform: translateY(-3px); /* petit mouvement vers le haut */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* légère ombre */
}

/*bouton "ma fiche"*/
a#ctl00_Main_LnkBtnRegistrationFile {
    background-color: #096F7D;
    border-radius: 10px;
    color: black;
    font-family: 'Montserrat-Regular';
}
a#ctl00_Main_LnkBtnRegistrationFile:hover {
    background-color: #096F7D;
    color: white;
}
/*bouton "mon mot de passe*/
a#ctl00_Main_LnkBtnPwd {
    background-color: #096F7D;
    border-radius: 10px;
    color: black;
    font-family: 'Montserrat-Regular';
}
a#ctl00_Main_LnkBtnPwd:hover {
    background-color: #096F7D;
    color: white;
}

/*bouton "mes emails"*/
a#ctl00_Main_LnkBtnMailHistory {
    background-color: #096F7D;
    border-radius: 10px;
    color: black;
    font-family: 'Montserrat-Regular';
}
a#ctl00_Main_LnkBtnMailHistory:hover {
    background-color: #096F7D;
    color: white;
}

/*bouton "mes documents*/
a#ctl00_Main_LnkBtnMyDocs {
    background-color: #096F7D;
    border-radius: 10px;
    color: black;
    font-family: 'Montserrat-Regular';
}
a#ctl00_Main_LnkBtnMyDocs:hover {
    background-color: #096F7D;
    color: white;
}

/*bouton payer maintenant*/
input#ctl00_Main_BtnMergeAndPay {
    background-color: #096F7D;
    border-radius: 10px;
    color: black;
    line-height: normal;
    font-family: 'Montserrat-Regular';
}
input#ctl00_Main_BtnMergeAndPay:hover {
    background-color: #096F7D;
    color: white;
}

/*bouton régler en ligne*/
input#ctl00_Main_RptOrders_ctl00_PayOnline {
    background-color: #096F7D;
    border-radius: 10px;
    color: black;
    line-height: normal;
    font-family: 'Montserrat-Regular';
}
input#ctl00_Main_RptOrders_ctl00_PayOnline:hover {
    background-color: #096F7D;
    color: white;
}

/*bouton "fermer"*/
input#ctl00_Main_BtnCancelNewFile {
    background-color: grey;
    color: white;
}
/*bouton "sauvegarder*/
a#ctl00_Main_ctl13_btn_Pwd {
    background-color: grey;
    border-color: black;
    color: white;
}


/******PAGE INSCRIPTION 2026*********/
/*Bouton inscription sous convention de formation*/
.CONVENTIONBouton {
    position: relative;              /* pour placer le texte au hover */
    display: inline-block;
    padding: 7px 85px;
    font-size: 17px;
    text-align: center;
    width: 69%;
    margin-bottom: 20px;
    /*font-family: Barlow, sans-serif;*/
    color: white;
    border: 1px solid black !important;
    border-radius: 10px;
    background-color: white;         /* couleur de base */
    cursor: pointer;
    overflow: hidden;                /* utile pour le ::after centré */
    transition: background-color 0.3s ease, color 0.3s ease;
}
/* Texte normal */
.CONVENTIONBouton::before {
    content: "Mon inscription est prise en charge par mon établissement/un organisme et je souhaite établir une convention de formation";           /* texte par défaut */
    transition: opacity 0.3s ease;
}
/* Texte au hover */
.CONVENTIONBouton::after {
    content: "SÉLECTIONNER CE FORFAIT >";          /* texte quand hover */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}
/* Effet hover */
.CONVENTIONBouton:hover {
    color: #05424B;
    background-color: #FEFFFF !important;
}
.CONVENTIONBouton:hover::before {
    opacity: 0;   /* cache le premier texte */
}
.CONVENTIONBouton:hover::after {
    opacity: 1;   /* montre le texte "Sélectionné" */
}
/*Bouton inscription individuelle*/
.INDIVIDUELLEBouton {
    position: relative;              /* pour placer le texte au hover */
    display: inline-block;
    padding: 7px 85px;
    font-size: 17px;
    text-align: center;
    width: 69%;
    margin-bottom: 20px;
    /*font-family: Arial, sans-serif;*/
    color: white;
    border: 1px solid black !important;
    border-radius: 10px;
    background-color: white;         /* couleur de base */
    cursor: pointer;
    overflow: hidden;                /* utile pour le ::after centré */
    transition: background-color 0.3s ease, color 0.3s ease;
}
/* Texte normal */
.INDIVIDUELLEBouton::before {
    content: "Je m'inscris à titre individuel et ne souhaite pas établir de convention de formation";           /* texte par défaut */
    transition: opacity 0.3s ease;
}
/* Texte au hover */
.INDIVIDUELLEBouton::after {
    content: "SÉLECTIONNER CE FORFAIT >";          /* texte quand hover */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}
/* Effet hover */
.INDIVIDUELLEBouton:hover {
    color: #05424B;
    background-color: #FEFFFF !important;
}
.INDIVIDUELLEBouton:hover::before {
    opacity: 0;   /* cache le premier texte */
}
.INDIVIDUELLEBouton:hover::after {
    opacity: 1;   /* montre le texte "Sélectionné" */
}

/*Ajouter une couleur de fond dans le bloc
td#ctl00_Main_ctl14_LayoutCell_1_2215 {
    background-color: #ffffff;                /* fond blanc (sobre) */
    /*border: 1px solid #01508F;                /* contour bleu foncé */
   /*  border-radius: 20px!important;
    box-shadow: 0 4px 8px rgba(1, 80, 143, 0.2); /* ombre subtile bleue */
}*/



/**********************FIN CSS DE FIO***************************/


input[type="text"], input[type="email"], input[type="password"], select {
  /*border-radius: 5px;*/
  margin-top: 5px;
}
.tdCorpsRegistration { font-size:12px; }
td.Item { padding:2px; }
select {
  margin-left: -2px;
}