/*Body: le corps du site, le style général*/
body {
/*Police principale*/
/*Notez qu'il est possible d'importer des polices grâce à "polices personnalisées" et un Font web generator*/
    font-family: "Helvetica",sans-serif!important;
    font-size: 16px;
    overflow-y:scroll;
    background: #ffffff;
    color: #3D439E; 
    padding: 10px;
}

h1, h2, h3 {
    margin-bottom: 0px !important;
    font-weight: bold;
}


/*décallage popup inscriptions*/
table#VldtrCallout_Quota_4371_popupTable, table#VldtrCallout_Quota_4372_popupTable, table#VldtrCallout_Quota_4373_popupTable, table#VldtrCallout_Quota_4374_popupTable, table#VldtrCallout_Quota_4376_popupTable, .ctl00_Main_TcktFront_LABEL_QUANTITY_IT_CHCK29917 {
left:50% !important;
}

#ctl00_Main_TcktFront_LABEL_QUANTITY_IT_CHCK29917 {
    margin-left: 20px; /* ajustez la valeur selon vos besoins */
}

/*décallage popup inscriptions*/
table#VldtrCallout_Quota_4375_popupTable {
left:65% !important;
}
/*BOUTONS*/
.blockprofil {
    display: flex;
    background: #0000ff;
    border: 1px solid #0000ff;
    border-radius: 5px;
    padding: 7px 10px;
    color: #ffffff!important;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: text-top;
    text-decoration: none;
    height: 155px;
    width: 155px;
    margin: 10px;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-out;
}
.blockprofil:hover {
    /*background:black!important;*/
    color:#fff!important;
    border-radius: 5px;
    font-size: 20px;
    text-decoration:none;
    -webkit-transform: translateY(-3px);
    opacity: .87;
    box-shadow: 0 10px 25px rgba(0,0,0,.16);
}
 /*bouton pages inscription*/
.contenublockISPO_1 {
    display: flex;
    margin: auto;
    padding: 10px 10px 10px 10px;
    width: 60%;
    justify-content: center;
    flex-wrap: wrap;
    align-content: stretch;
}

/*page CJD mettre les titres en couleurs arrondis*/
.surbrillance1 {
            background-color: #00CAC8;
            color: #ffffff; /* Couleur du texte, ajustez selon vos besoins */
            padding: 10px; /* Espace intérieur du cadre */
            border-radius: 10px; /* Coins arrondis */
            display: inline-block; /* Permet de ne pas occuper toute la largeur */
        }
.surbrillance2 {
            background-color: #1883e3;
            color: #ffffff; /* Couleur du texte, ajustez selon vos besoins */
            padding: 10px; /* Espace intérieur du cadre */
            border-radius: 10px; /* Coins arrondis */
            display: inline-block; /* Permet de ne pas occuper toute la largeur */
}
.surbrillance3 {
            background-color: #00D556;
            color: #ffffff; /* Couleur du texte, ajustez selon vos besoins */
            padding: 10px; /* Espace intérieur du cadre */
            border-radius: 10px; /* Coins arrondis */
            display: inline-block; /* Permet de ne pas occuper toute la largeur */
        }
.surbrillance4 {
            background-color: #FF5220;
            color: #ffffff; /* Couleur du texte, ajustez selon vos besoins */
            padding: 10px; /* Espace intérieur du cadre */
            border-radius: 10px; /* Coins arrondis */
            display: inline-block; /* Permet de ne pas occuper toute la largeur */
        }
.surbrillance5 {
            background-color: #FED400;
            color: #ffffff; /* Couleur du texte, ajustez selon vos besoins */
            padding: 10px; /* Espace intérieur du cadre */
            border-radius: 10px; /* Coins arrondis */
            display: inline-block; /* Permet de ne pas occuper toute la largeur */
        }
        
/*CACHER BOUTON ETAPE PRECEDENTE*/
#ctl00_Main_TcktFront_BtnPrevious { display : none !important;}

/*cacher menu */
#ctl00_Main_ctl11_headerMenu { display : none !important;}

/*modifier apparence des titres de rubrique*/
#ctl00_Main_TcktFront_lbl_RU_1713, #ctl00_Main_TcktFront_lbl_RU_1709, #ctl00_Main_TcktFront_lbl_RU_1711, #ctl00_Main_TcktFront_lbl_RU_1712,#ctl00_Main_TcktFront_lbl_RU_1710, #ctl00_Main_TcktFront_lbl_RU_1714, #ctl00_Main_TcktFront_MenuRegistration {
            color: #3D439E; /* Couleur du texte, ajustez selon vos besoins */
            font-weight: bold;
}

/*changer couleur bouton bas formulaire */
.btn-warning {
    color: #ffffff;
    background-color: #3D439E;
    border-color: #3D439E;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}

/*couleur texte menu déroulant*/
.custom-select-lg, textaera.form-control {
    color: #3D439E;
}

.tdEnteteRegistrationLogo{height:300px; }

.tableRegistration {width: 100%; 
max-width:1200px; }