/*---MC 12/2019---*/

/* -------------------NE PAS MODIFIER OU EFFACER, MERCI--------------------*/
/*
blue top-left: #004c80f
blue top-right: #6292c8
blue  menu: #1c7ab7
blue  title: #004d7e
blue bold: #78a1d8
blue center: #004a79
blue bottom-left: #004c80
blue bottom-right: #5387bd
white background: #fafafaf
white tag: #ffffff
*/

/*CORPS*/
body{
/*font : 14px Montserrat-Regular, Roboto, Tahoma, Arial, Helvetica, sans-serif*/;
color: #000000;
background-color:#FAFAFA;
font-family: tahoma;
font-size: 14px;}

/* BOUTON SAUVEGARDER DE RE-INIT MOT DE PASSE PARTICIPANT */
#ctl00_Main_ry1_btn_Pwd
{
    padding: 1em;
    height: auto;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

/*Divers*/
#ctl00_MTOP81{ background-color:#e54360 !important; }
.payonline .CssButton { margin:0; }
.profiletitle { color:#1c7ab7 !important; }
.attendeeprofile .itemRadioRow .LabelItem, .attendeeprofile .LabelGroupe { display:table-cell;  }
.attendeeprofile .itemLabelRow{ display:tabel-row; }
.attendeeprofile .itemRadioRow .LabelItem span { text-transform:capitalize; visibility:hidden; }
.attendeeprofile .LabelGroupe { padding-top: 10px; padding-bottom: 10px; color: #1855b1; }
.profile .LabelRubrique span { color:#1c7ab7 !important;border-bottom:solid 1px #1c7ab7; }
.attendeeprofile #ctl00_Main_Hr1, #ctl00_Main_moreitemshr2 {display:none;}
.attendeeprofile .LabelGroupe{display:none;}
#ctl00_Main_ItemNewCell13469::before, #ctl00_Main_ItemNewCell13470::before, #ctl00_Main_ItemNewCell13471::before {content: "Parrain 1 ";}
#ctl00_Main_ItemNewCell13475::before, #ctl00_Main_ItemNewCell13476::before,  #ctl00_Main_ItemNewCell13477::before{content: "Parrain 2 ";}

/*BANNIERE*/
.tdEnteteRegistrationTopInner{ display: none;}
.blocksep{display:none !important;}
.tdEnteteRegistrationLogo{display: none;}
#ctl00_registrationTopCell{ background-position:center center; background-image: url("../images/client/81/images/COLLEGE%20top.jpg"); background-size:auto60% ; background-color:#ffffff; background-repeat:no-repeat; height: 350px;}

/*MENU*/
.menu_top {height: 50px; background-color: #333333 !important;}
.tableRegistration {width: 100%;}
.menu_top ul {max-width: 1000px;}
.menu_top ul li a {font-family: Montserrat-Regular, Montserrat-Bold, Arial; background-color:#1c7ab7; letter-spacing: 2px; padding-left:35px; padding-right:35px; text-transform: uppercase; font-size:12px; }
/*.menu_top ul li {float: right;}*/
/*Cache le triangle de survol qui s'affiche par défaut*/
.menu_top ul li:hover a, .menu_top ul li.actif a {background-image:none; background-color:#29235e;}
.CellMenu {margin-right: 1em;margin-top: -40px; height: 50px; background-color:#1c7ab7;}
.menu_top ul li.selected a {background-color:#717171 !important;}
.menu_top ul li a {background-color: #1c7ab7 !important;}
.lastMenu {margin-right: 1em;}




/*Générique*/
.ContentBlockInner{max-width:1000px;}
.whiteDiv{background-color:#FFFFFF;max-width:1000px;margin:1em; padding:1em; box-shadow: 2px 2px 2px grey;}
.limitedWidth{max-width:1000px;}
.contenuInner{max-width: 1000px; margin: auto;}
.tdCorpsRegistration {padding: 0em;}
#ctl00_Main_ry1_pnl_ResetPWD{
    margin-left: 3%;
        margin-top: 55px;
}

/*Titres*/
h2{font-size:16px;  font-family: Montserrat-Regular,Arial; color:#78a1d8; font-weight: normal; text-transform: uppercase;}
h2{display:none;}
h3 {font-size: 1.2rem; font-family: Montserrat-Regular, Arial; color:#004d7e;}
.TitreRubriqueBo{color: #ff3053; font-weight: 500; font-size: 1.5rem; background-color:#FFFFFF; font-family: Montserrat-Regular,Arial;}

/*Inscription*/
.registration {max-width: 1000px; background-color: #ffffff; padding:0em;}
.CssTextBox {border: 0px;border-bottom: 1px inset #C0C0C0;}
.TblTckt {margin-bottom: 1em;}
.DrpDwn select {border:0; border-bottom: 1px inset #C0C0C0; font-family: Montserrat-Regular,Arial;}
.TitreRubriqueBo {color: #004d7e; display:none;}
.ItemKLblNom, .ItemKLblPrenom, .ItemKLblEmail, .ItemKLblVille, .ItemKLblPays{text-align:right;}

.ItemKLblTitre{width:50px !important;}
.ItemKLblCodepostal{width:100px !important;}
.ItemKLblTypeexercice{width:200px !important;}
#ctl00_Main_TcktFront_IT_LBL_LISTE_3065{width:50px !important;}
#ctl00_Main_TcktFront_IT_LBL_TEXTE_3072{width:100px !important;}
#ctl00_Main_TcktFront_IT_LBL_LISTE_3397{width:200px !important;}
.ItemKLblParrain1Prenom, .ItemKLblParrain1Lettrederecommandation{text-align:right;}
.ItemKLblParrain2Prenom, .ItemKLblParrain2Lettrederecommandation{text-align:right;}
.ItemKLblParrain1Lettrederecommandation, .ItemKLblParrain2Lettrederecommandation{width:200px !important;}
.ItemKLblParrain1NOM, .ItemKLblParrain2NOM, .ItemKLblParrain1Email, .ItemKLblParrain2Email{width:50px !important;}
#ctl00_Main_TcktFront_IT_LBL_TEXTE_3469, #ctl00_Main_TcktFront_IT_LBL_TEXTE_3471, #ctl00_Main_TcktFront_IT_LBL_TEXTE_3475, #ctl00_Main_TcktFront_IT_LBL_TEXTE_3477{width:50px !important;}
#ctl00_Main_TcktFront_IT_TEXTE_3466, #ctl00_Main_TcktFront_IT_TEXTE_3467, #ctl00_Main_TcktFront_IT_TEXTE_3468{border: 1px inset #C0C0C0 !important;}
#ctl00_Main_pnlProfileRdbtn .form-check:has(> #ctl00_Main_ProfileRdbtn) {
    padding-inline-start: 0;
}

#ctl00_Main_ProfileRdbtn {
    box-sizing: border-box;
    width: max-content;
    max-width: 100%;
    margin-inline: auto;
    padding-inline: 0;
    list-style: none;
    text-align: start;
    font-size: 17px;
}

#ctl00_Main_ProfileRdbtn > li {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: start;
    column-gap: .55rem;
}

#ctl00_Main_ProfileRdbtn > li > label {
    min-width: 0;
    overflow-wrap: break-word;
}
input#ctl00_Main_BtnSave.btn.btn-lg.btn-primary.text-uppercase{
    margin-left: 407px;
}

#ContainerSpanButtons{
    margin-left: 147px;
}
/*Espace personnel*/
.attendeeprofile .itemRadioRow .LabelItem span {text-transform: none;visibility: visible;}
#contenu a{
    text-decoration: none;
}

#contenu a:hover {
background-color: #187DB4;
color: #FFFFFF!important;
}
/*CACHER Modifs profil + mdp sur page profil*/
.homeLinks{display:none !important;}

/*#ctl00_Main_ItemNewLabel11076{ content:"Truc";}*/


/*Bouton*/
.btn-secondary {
    color: #78a1d8 !important;
    background-color: #FFF;
    border-color: #78a1d8;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid;
    padding: 1em;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: 30px;
    text-decoration:none;
  width: 170px;
    transition: all 0.25s ease-out;
    font-style: bold;
}
.btn-secondary:hover {
  color: #FFFFFF !important;
  background-color: #78A1D8;
}
.CssButton, #ctl00_Main_BtnSaveInline, #ctl00_Main_BtnSave {    color: #ffffff !important;
    background-color: #1c7ab7;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #1c7ab7;
    padding: 1em;
    font-size: 1rem;
    line-height: 0.1;
    border-radius: 30px;
    text-decoration:none;
    margin:2em;
    background-image:none;
    width: 170px !important;

    }

.CssButton:hover, #ctl00_Main_BtnSave:hover {
  color: #ffffff !important;
  background-color: #020100;
  background-image:none;
}

/*échange ordre des div relatives au paiement*/
#ctl00_Main_PnlOrders {
   display:table;    
}
#ctl00_Main_PnlMergeOrdersAndPay {
    display:table-footer-group;
}
.order{
    display:table-header-group;
}
#ctl00_Main_RptOrders_ctl00_GrdVwDtlsFact{width: 1000px !important;}





/*Boostrap minified MC 11/04/2019*/
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}
@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}
.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}
@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}

/*----------------toggle------------------------*/

.wrap-collabsible {
  margin-bottom: 1.2rem 0;
}

.whiteDiv input[type='checkbox'] {
  display: none;
}

.lbl-toggle {
  display: block;
  font-weight: bold;
  font-family: 14px Montserrat-Regular,Arial;
  font-size: 1.2rem;
  /*text-transform: uppercase;*/
  text-align: center;
  padding: 1rem;
  color: #FFF;
  background: #78a1d8;
  cursor: pointer;
  border-radius: 0;
  transition: all 0.25s ease-out;
  margin-bottom: 3px;
}

.lbl-toggle:hover {
  color: #363B29;
}

.lbl-toggle::before {
  content: ' ';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 200vh;
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
  background: #FAFAFA;
  border-bottom:0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: .5rem 1rem;
}

/*--------Footer-----*/
.footerSFORL{color:#FFF; background:linear-gradient(to right, #004c80, #5387bd); width: 96%; padding:2%; min-height:140px; margin-top: 5em;}
.logoMail150{width: 150px; float:left;}
.adresse150{width: 150px; float:left;}
.contact150{width: 180px; float:left;}
.right{width:250px; float:right;}
.logosRight{width: 100%; float:left;}
.logos{width :50%; float:left; padding-bottom:2em;}
.droits{width :100%; float:left;}



/*--------Spécifique-----*/

/*#ctl00_Main_TcktFront_BtnSave {
visibility: hidden;
}
#ctl00_Main_TcktFront_BtnSave:before  {
content: "Adhérer";
visibility: visible;
}*/
/*FORMULAIRE - Taille texte parrains*/
#ctl00_Main_TcktFront_cell_IT_1065, #ctl00_Main_TcktFront_cell_IT_2048, #ctl00_Main_TcktFront_cell_IT_1067, #ctl00_Main_TcktFront_IT_LBL_TEXTE_1320  {
width: 175px !important;
}
/*Cacher icône de l'édition de la fiche*/
#ctl00_Main_LnkBtnRegistrationFile, #ctl00_Main_LtRegistrationFile, #ctl00_Main_ImgRegistrationFile {
display: none;
}
#ctl00_Main_RubriqueNewLabel84, #ctl00_Main_RubriqueNewLabel87 {
padding-top: 15px;
}
#ctl00_Main_ItemNewCell11373, #ctl00_Main_ItemNewCell21373 {
padding-top: 15px;
}
#ctl00_Main_GroupeNewLabel407 {
display: none;
}
/*Menu de l'espace membre descendu*/
.profilemenu {
margin-top: 110px;
}
/*Champs non alignés sur la gauche*/
#ctl00_Main_TcktFront_cell_IT_2465, #ctl00_Main_TcktFront_IT_LBL_TEXTE_2456, #ctl00_Main_TcktFront_IT_LBL_TEXTE_2462, #ctl00_Main_TcktFront_cell_IT_2463 {
text-align: center;
}
#ctl00_Main_PnlMergeOrdersAndPay, #ctl00_Main_TrCurrentEdition {
display:none;
}
/*----------------Mobile----------------*/

@media (max-width: 100px){#ctl00_Main_RptOrders_ctl00_GrdVwDtlsFact{width: 100% !important;}}

.mobile .MenuRegistration .CurrentMenuRegistration {font-size: 1.2rem; font-family: Montserrat-Regular, Arial; color:#004d7e;}
.mobile .MenuRegistration {background-color:#FFF;}
.mobile .CssButton {width: 170px;}
.mobile  #ctl00_TopMenu {background-color:#1c7ab7;}
.mobile .CellMenu {margin-top: 0px;}
.mobile #ctl00_registrationTopCell {height: 100px;}
.mobile .footerSFORL {min-height: 460px;}
.mobile .logoMail150, .mobile .adresse150, .mobile .contact150 {width: 92%;text-align: center;padding: 4%;}
.mobile .right {width: 80%; margin-left: 20%; float: right; margin-top: 1em;}
.mobile #footer {background-image: none; border-top:0; min-height: 150px;}
.mobile #header {background-image: none;}
.mobile .logosRight {width:80%;}
.mobile .droits{width:90%;}
.mobile .registration {padding: 0;}
.mobile .prev .CssButton{margin: 1em;}
.mobile .next .CssButton{margin: 1em;}
.mobile .next{padding-left: 16px;}
.RadPicker .RadInput {min-width: 160px;}
.mobile .profilemenu{width: 100%;}
.mobile .profilemenu ul{width: 100%; margin-bottom: 2em;}




/* =====================================================================
   CORRECTIF MENU ESPACE MEMBRE - 02/11/2026
   A conserver en FIN de feuille : surcharge les regles du HTML genere.
   Le menu reste dans le profil, meme apres ShowProfileMenu().
   ===================================================================== */

#ctl00_Main_main {
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    padding-left: 16px;
    padding-right: 16px;
}

#ctl00_Main_main .attendeeprofile {
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px !important;
    margin-left: auto;
    margin-right: auto;
}

/* 256px pour le menu + 24px entre le menu et le contenu. */
#ctl00_Main_PnlProfile {
    position: relative;
    box-sizing: border-box;
    padding-left: 280px;
    min-height: 24rem;
}

#ctl00_Main_PnlProfile .profilemenu {
    position: absolute;
    top: 10px !important;
    left: 0 !important;
    right: auto;
    bottom: auto;
    box-sizing: border-box;
    width: 256px;
    max-width: 100%;
    margin: 0;
    float: none;
    transform: none;
}

#ctl00_Main_PnlProfile .profilemenu > ul {
    box-sizing: border-box;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#ctl00_Main_PnlProfile .profilemenu > ul > li {
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
}

#ctl00_Main_PnlProfile #spancontent,
#ctl00_Main_PnlProfile .homeContent,
#ctl00_Main_PnlProfile .ContentToLoad,
#ctl00_Main_PnlProfile .ContentToLoad1,
#ctl00_Main_PnlProfile .ContentToLoad2 {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

/* Ces blocs ont deja une largeur de 100% : retirer leur marge externe. */
#ctl00_Main_PnlProfile #ctl00_Main_moreitems,
#ctl00_Main_PnlProfile #ctl00_Main_PnlOrders {
    box-sizing: border-box;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#ctl00_Main_PnlProfile #ctl00_Main_RptOrders_ctl00_GrdVwDtlsFact {
    width: 100% !important;
    max-width: 100%;
}

/* Fenetre etroite, y compris sur ordinateur avec zoom navigateur. */
@media (max-width: 1023px) {
    #ctl00_Main_PnlProfile {
        padding-left: 0;
        min-height: 0;
    }

    #ctl00_Main_PnlProfile .profilemenu {
        position: static;
        width: 100%;
        margin: 0 0 24px;
    }
}

/* Respecter aussi le mode mobile active par la plateforme. */
.mobile #ctl00_Main_PnlProfile {
    padding-left: 0;
    min-height: 0;
}

.mobile #ctl00_Main_PnlProfile .profilemenu {
    position: static;
    width: 100%;
    margin: 0 0 24px;
}

/* Collège ORL — coordonnées, candidature et dépôt de pièces */
#ctl00_Main_PnlNewFile,
#ctl00_Main_TcktFront_InnerTicketPnl,
#ctl00_Main_RadUpload1 {
    --college-field-border: #b8c8d5;
    --college-focus: #1c7ab7;
    --college-text: #253849;
    --college-tint: #f3f8fc;
}

#ctl00_Main_TblMyFileInline {
    width: 100%;
    max-width: 100%;
}

#ctl00_Main_TblMyFileInline :is(.LabelItem, .ResultItem) {
    padding-block: .32rem;
}

#ctl00_Main_TblMyFileInline .ResultItem :is(input[type="text"], textarea, select),
#ctl00_Main_TcktFront_InnerTicketPnl :is(.form-control, .form-select) {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 2.65rem;
    padding: .55rem .7rem;
    border: 1px solid var(--college-field-border);
    border-radius: .45rem;
    font: inherit;
    color: var(--college-text);
    background-color: #fff;
}

#ctl00_Main_TblMyFileInline .ResultItem :is(input[type="text"], textarea) {
    width: 100%;
}

#ctl00_Main_TblMyFileInline #ctl00_Main_FITEM_9777 {
    width: 11rem !important;
    font-variant-numeric: tabular-nums;
}

#ctl00_Main_TblMyFileInline .ResultItem textarea {
    min-height: 4.6rem;
    resize: vertical;
}

#ctl00_Main_TcktFront_InnerTicketPnl :is(.form-control, .form-select):is(.is-invalid, [aria-invalid="true"]) {
    border-color: #ba2939;
}

#ctl00_Main_TblMyFileInline .ResultItem :is(input, textarea, select):focus-visible,
#ctl00_Main_TcktFront_InnerTicketPnl :is(input, textarea, select):focus-visible {
    outline: 2px solid var(--college-focus);
    outline-offset: 2px;
}

#ctl00_Main_PnlNewFile > :is(#ctl00_Main_BtnSaveInline, #ctl00_Main_BtnCancelNewFile) {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 9rem !important;
    max-width: 100%;
    min-height: 2.75rem;
    margin: 1.15rem 0 .5rem !important;
    padding: .65rem .85rem;
    border: 1px solid #176b9f;
    border-radius: .45rem;
    font: inherit;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

#ctl00_Main_PnlNewFile > #ctl00_Main_BtnSaveInline {
    margin-inline-end: .55rem !important;
    color: #fff !important;
    background: #176b9f;
}

#ctl00_Main_PnlNewFile > #ctl00_Main_BtnCancelNewFile {
    color: #176b9f !important;
    background: #fff;
}

#ctl00_Main_PnlNewFile > #ctl00_Main_BtnSaveInline:not(:disabled):hover {
    background: #10577f;
}

#ctl00_Main_PnlNewFile > #ctl00_Main_BtnCancelNewFile:not(:disabled):hover {
    background: #edf6fc;
}

#ctl00_Main_PnlNewFile > :is(#ctl00_Main_BtnSaveInline, #ctl00_Main_BtnCancelNewFile):focus-visible {
    outline: 2px solid #1c7ab7;
    outline-offset: 2px;
}

#RUBRIQUE_B_518 .card.TblSubSection1335 {
    min-width: 0;
    border: 1px solid #d8e4ec;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 .3rem 1.1rem rgb(26 71 102 / 7%);
}

#RUBRIQUE_B_518 .TblSubSection1335 > .card-body {
    padding: clamp(.8rem, 2vw, 1.5rem);
}

#RUBRIQUE_B_518 table.TblTckt,
#RUBRIQUE_B_518 #ctl00_Main_TcktFront_Card_GR_9835_IT_LBL9835 > table {
    width: 100% !important;
    max-width: 100%;
}

#RUBRIQUE_B_518 #ctl00_Main_TcktFront_Card_GR_9835_IT_LBL9835 > table td {
    padding: .6rem .8rem;
    white-space: normal !important;
}

#RUBRIQUE_B_518 .form-label,
#RUBRIQUE_B_518 .ItemTypeFILE .lblc > span:first-child {
    display: block;
    margin-block-end: .45rem;
}

#RUBRIQUE_B_518 .ItemTypeFILE td {
    vertical-align: top;
}

#RUBRIQUE_B_518 .ItemTypeFILE td:has([id$="_input_dz"]) {
    padding: 0 .5rem .8rem;
}

#RUBRIQUE_B_518 [id$="_input_dz"] {
    --dark-l80: #8ca9bf;
    --dark-l30: #294b63;
    --dark-l60: #1c7ab7;
    --grey: #f3f8fc;
    box-sizing: border-box;
    min-height: 8.25rem;
    border-radius: .65rem !important;
    padding: clamp(1rem, 3vw, 1.85rem) .85rem !important;
    overflow-wrap: anywhere;
    transition: box-shadow .15s ease;
}

#RUBRIQUE_B_518 [id$="_input_dz"]:is(:hover, :focus-within) {
    --dark-l80: #1c7ab7;
    --grey: #e8f3fa;
    box-shadow: 0 0 0 2px rgb(28 122 183 / 18%);
}

#ctl00_Main_RadUpload1 {
    box-sizing: border-box;
    max-width: 100%;
    padding: .85rem;
    border: 1px dashed #8ca9bf;
    border-radius: .6rem;
    background-color: var(--college-tint);
}

#ContainerSpanButtons:has(#ctl00_Main_TcktFront_SpanButtons) {
    margin-inline: 0;
}

#ctl00_Main_TcktFront_SpanButtons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
    margin-block: 1rem;
}

#ctl00_Main_TcktFront_SpanButtons > :is(#ctl00_Main_TcktFront_BtnPrevious, #ctl00_Main_TcktFront_BtnSave, #ctl00_Main_TcktFront_BtnCancel) {
    box-sizing: border-box;
    width: auto;
    min-height: 2.75rem;
    margin: 0;
    padding: .65rem 1.1rem;
    border: 1px solid #8eacbf;
    border-radius: .45rem;
    color: #28536e;
    background: #fff;
    font: inherit;
}

#ctl00_Main_TcktFront_SpanButtons > #ctl00_Main_TcktFront_BtnSave {
    border-color: #176b9f;
    color: #fff;
    background: #176b9f;
}

#ctl00_Main_TcktFront_SpanButtons > :is(#ctl00_Main_TcktFront_BtnPrevious, #ctl00_Main_TcktFront_BtnCancel):hover {
    background: #edf6fc;
}

#ctl00_Main_TcktFront_SpanButtons > #ctl00_Main_TcktFront_BtnSave:hover {
    background: #10577f;
}

#ctl00_Main_TcktFront_SpanButtons > .btn:focus-visible {
    outline: 2px solid #1c7ab7;
    outline-offset: 2px;
}

@media (max-width: 640px) {
    #ctl00_Main_TblMyFileInline tr:has(> .ResultItem) > :is(.LabelItem, .ResultItem) {
        display: block;
        box-sizing: border-box;
        width: 100%;
        text-align: start;
    }

    #RUBRIQUE_B_518 table.TblTckt > tbody > tr > td {
        display: block;
        box-sizing: border-box;
        width: 100% !important;
    }

    #RUBRIQUE_B_518 .ItemTypeFILE td:has([id$="_input_dz"]) {
        padding-inline: 0;
    }
}

/* Candidature du Collège — index des sections et dépôts en pleine largeur */
@media (min-width: 769px) {
    #registration:has(> #ctl00_Main_TcktFront_FormNav) {
        box-sizing: border-box;
        width: 100%;
        max-width: 74rem;
        grid-template-columns: clamp(12rem, 22vw, 17rem) minmax(0, 1fr);
        column-gap: clamp(1rem, 3vw, 2rem);
    }

    #registration > #ctl00_Main_TcktFront_FormNav {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: .75rem;
        border: 1px solid #d7e4ed;
        border-radius: .65rem;
        background: #f6faff;
        --k4-formnav-accent: #176b9f;
        --k4-formnav-accent-bg: #e3f1fa;
    }

    #ctl00_Main_TcktFront_FormNav .form-nav-header {
        padding: .35rem .65rem .75rem;
        color: #426077;
        font-size: .8rem;
        font-weight: 700;
    }

    #ctl00_Main_TcktFront_FormNav .form-nav-list {
        margin: 0;
        padding: 0;
    }

    #ctl00_Main_TcktFront_FormNav .form-nav-list > li + li {
        margin-block-start: .25rem;
    }

    #ctl00_Main_TcktFront_FormNav .form-nav-link {
        padding: .65rem .6rem;
        color: #2b465a;
        line-height: 1.4;
        text-decoration: none;
    }

    #ctl00_Main_TcktFront_FormNav .form-nav-item-title {
        font-size: .9rem;
        overflow-wrap: anywhere;
    }

    #ctl00_Main_TcktFront_FormNav :is(li.selected, li.active) .form-nav-link {
        color: #125781;
        font-weight: 700;
    }

    #ctl00_Main_TcktFront_FormNav .form-nav-link:focus-visible {
        outline: 2px solid #1c7ab7;
        outline-offset: -2px;
    }
}

/* Le libellé peut être dans une cellule distincte du contrôle Key4events. */
#RUBRIQUE_B_518 .ItemTypeFILE:has([id$="_input_dz"]),
#RUBRIQUE_B_518 .ItemTypeFILE:has([id$="_input_dz"]) > tbody,
#RUBRIQUE_B_518 .ItemTypeFILE:has([id$="_input_dz"]) > tbody > tr,
#RUBRIQUE_B_518 .ItemTypeFILE:has([id$="_input_dz"]) > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
}

#RUBRIQUE_B_518 .ItemTypeFILE:has([id$="_input_dz"]) > tbody > tr > td {
    padding: 0;
    text-align: start;
}

#RUBRIQUE_B_518 .ItemTypeFILE:has([id$="_input_dz"]) .lblc > span:first-child {
    margin: 0 0 .45rem;
    color: #253849;
    font-weight: 600;
}

#RUBRIQUE_B_518 .ItemTypeFILE:has([id$="_input_dz"]) [id$="_input_dz"] {
    width: 100%;
    max-width: 100%;
    min-height: 8.75rem;
}