/************************************************************************************/
/* GLOBALITE ONGLETS */
/************************************************************************************/
.ongletAdherent {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 2.5rem auto;
    font-family: 'Gotham Narrow Medium';
    font-size: 1.3rem;
}
.ongletAdherent p {
    margin: 0 auto 2rem auto;
}
.espaceDeleg {
    width: 75%;
}
.affichageInfos {
    width: 60%;
    margin: auto;
}
.w100 {width: 100%}
.w95 {width: 95%;}
.w90 {width: 90%;}
.w85 {width: 85%;}
.w80 {width: 80%;}
.w75 {width: 75%;}
.w70 {width: 70%;}
.w65 {width: 65%;}
.w60 {width: 60%;}
.w55 {width: 55%;}
.w50 {width: 50%;}
.w45 {width: 45%;}
.w40 {width: 40%;}
.w35 {width: 35%;}
.w30 {width: 30%;}
.w25 {width: 25%;}
.w20 {width: 20%;}
.w15 {width: 15%;}
.w10 {width: 10%;}
.w5 {width: 5%;}

.m3 {margin: 3rem auto;}
.mauto {margin: 1rem auto;}

.rappelDocuments {
    font-family: 'Gotham Book';
    color: #FF6633;
}
button:hover {
    cursor: pointer;
}
.hideme {
    visibility: hidden;
    height: 0.1rem;
}
/************************************************************************************/
/* ACCUEIL ESPAC DELEG (ET AUTRES ?) */
.conteneurBoutonsAccueil {
    display: flex;
    justify-content: space-around;
    width: 70%;
    margin: 5rem auto;
}
.boutonAccueil {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    width: 20%;
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
}
.boutonAccueil img {
    width: 100%;
    filter: saturate(85%);
}
.boutonAccueil a {
    text-decoration: none;
}
.boutonAccueil h4 {
    margin: 0.5rem 0;
    color: #327AC6;
}
.boutonAccueil img {
    border: 2px solid transparent;
}
/************************************************************************************/
/* FORMULAIRE GLOBAL ADHERENT */
.formulaireAdherent {
    margin: 1rem auto;
    font-family: 'Gotham Narrow Medium';
}
.modification {
    margin: 2rem auto !important;
}
.formulaireAdherent fieldset {
    margin: 0;
    border-radius: 0.5rem;
}
.formulaireAdherent legend {
    margin: 0 0 1rem 1rem;
    padding: 1rem 1.5rem;
    font-family: 'Gotham Narrow Medium';
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 0.5rem;
}
.formulaireAdherent label {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}
.formulaireAdherent input {
    display: block;
    width: 100%;
    height: 2.3rem;
    margin: 1rem 0;
    border: none;
    font-size: 1.5rem;
}
.formulaireAdherent textarea {
    display: block;
    width: 100%;
    min-height: 5rem;
    font-size: 1.5rem;
}
.formulaireAdherent input::placeholder {
    width: 100%;
    font-size: 1.3rem;
    opacity: 1;
}
.formulaireAdherent .div2En1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* .div2En1 input,
.div2En1 .select {
    width: 90%; 
} */
.formulaireAdherent input[type='checkbox'] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background: #FFFFFF;
}
.formulaireAdherent .radio-item {
    display: flex;
    align-items: center;
    position: relative;
    margin: 1rem 0 0;
    padding: 0 0.6rem;
}
.radio-item input[type='radio'] {
    display: none;
}
.radio-item label::before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 0.5rem 0 0;
    border-radius: 1.1rem;
    background: none;
}
.radio-item input[type=radio]:checked + label::after {
    position: absolute;
    top: 0.9rem;
    left: 1rem;
    content: " ";
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 1.1rem;
}
.formulaireAdherent input[type="submit"],
.formulaireAdherent input[type="button"],
.formulaireAdherent button,
#tabFacPresta input[type="submit"],
#tabFacPresta input[type="button"],
.lienInscription,
.boutonInscription,
#lienDesactivation,
#labelFormFacture {
    display: block;
    padding: 1rem;
    margin: 1rem auto;
    border: none;
    border-radius: 0.5rem;
    font-family: 'Gotham Narrow Book';
    font-size: 1.3rem;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
}
.formulaireAdherent input[type="submit"] {
    width: auto;
    height: auto;
    padding: 1rem;
}
/* #tabFacPresta input[type="submit"],
#tabFacPresta input[type="button"] {
    width: 65%;
} */
#tabFacPresta .lienInscription {
    display: inline-block;
}
.lienInscription,
.boutonInscription {
    background: #327AC6;
}
.lienInscription:hover,
.boutonInscription:hover {
    background: #2A88BE;
}
.lienInscription a,
.boutonInscription a {
    text-decoration: none;
    color: #FFFFFF;
}
#lienDesactivation {
    background: #FF6633;
}
#lienDesactivation:hover {
    background: #FF5919;
}
.formulaireAdherent input[type="submit"]:hover,
.formulaireAdherent input[type="button"]:hover {
    cursor: pointer;
}
.formulaireAdherent select {
    position: relative;
    display: block;
    width: 100%;
    height: 2.5rem;
    margin: 0;
    padding: 0.3rem 2rem 0.3rem 0.3rem;
    border:none;
    outline:none;
    /* -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; */
    cursor:pointer;
    background: #FFFFFF;
    text-overflow: ellipsis;
}
.formulaireAdherent select::-ms-expand {
    display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .formulaireAdherent select {
        padding-right: 1.8rem;
    }
}
.formulaireAdherent .select {
    position: relative;
    display: block;
    margin: 1rem 0;
}
/* .formulaireAdherent .select::after {
    position: absolute; 
    top: 1rem;
    right: 1rem;
    width: 0;
    height: 0;
    content: "";
    border: 6px solid transparent;
    pointer-events: none;
} */
.formulaireAdherent .labelCheckbox {
    display: flex;
    align-items: center;
}
.formulaireAdherent .selectDate {
    justify-content: space-between;
}
.formulaireAdherent .selectDate .select {
    width: 30%;
}
.formulaireAdherent #divCheckbox {
    /* display: flex; */
    justify-content: space-around;
}
.formulaireAdherent #divCheckbox label {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/************************************************************************************/
/* TABLEAU GLOBAL ADHERENT */
.tableauAdherent {
    max-height: 100%;
    margin: 1rem auto;
    font-family: 'Gotham Narrow Medium';
    border-radius: 0.5rem;
}
.tableauEcheance {
    display: flex;
}
.ligneTitre {
	display: flex;
	align-items: center;
    justify-content: center;
    padding: 0.5rem 0;
    font-family: 'Gotham';
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
	color: #FFFFFF;
}
.ligne {
    display: flex;
	align-items: center;
    justify-content: center;
    height: 4rem;
    font-weight: bold;
}
.ligneEcheance {
    padding: 1rem;
    font-size: 1.5rem;
	color: #FFFFFF;
}
.ligneSpec {
    justify-content: space-around;
}
.ligneEcheance p {
    margin: 0.5rem 0;
}
.contenuTableau {
	display: flex;
}
.tableauEcheance .contenuTableau {
    width: 100%;
}
.horizontal {
	flex-direction: column;
}
.vertical {
	flex-direction: row;
}
.case {
	display: flex;
	align-items: center;
	height: 2rem;
	margin: 0;	
}
.colonneResp {
    display: none;
}
.colonneG .case {
	font-weight: bold;
}
.colonne .case {
	max-width: 100%;
	margin: 0;
	padding: 1rem 0;
}
.vertical .colonneG {
	width: 20%;
}
.vertical .colonneG .case {
	padding-left: 1rem;
}
.vertical .colonneD {
	width: 80%;
}
.colonneD .case {
	justify-content: center;
	text-align: center;
	overflow-wrap: anywhere;
}
.horizontal .colonneG,
.horizontal .colonneD {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.tableauEcheance .horizontal .colonne {
    height: 100%;
}
.horizontal .case {
	justify-content: center;
	height: auto;
	max-height: none;
    /* width: 15%; */
    width: 100%;
	padding: 1rem;
	text-align: center;
}
#tabColonsTransport .caseTrajets {
    display: block !important;
    width: 35rem !important;
    word-wrap: unset !important;
    font-size: 10px;
    text-align: left;
}
#tabColonsTransport .case {
    height: auto !important;
    min-width: 15rem !important;
}
.doubleForm {
    flex-direction: column;
}
.labelTabAdherent:hover {
	cursor: initial;
}
/* .tableauAdherent form:not(form.colonne) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
} */
.formWidth100 {
    width: 100% !important;
}
.tableauAdherent button:not(.boutonSubmit) {
    background: none;
    border: none;
    text-decoration: underline;
}
.tableauAdherent .boutonRemb {
    width: auto;
    height: auto;
    margin: auto;
    padding: 0.8rem;
    font-family: 'Gotham Narrow Medium';
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    border: none;
    border-radius: 0.2rem;
}
.tableauAdherent img {
    height: 2.5rem;
}
.tableauAdherent button .imgCroix {
    height: 2rem;
}
.tableauAdherent button img {
    margin-left: 0.5rem;
}
.tableauAdherent .horizontal .colonne800 .colonneG,
.labelCol800 {
    display: none;
}
#case100 .case {
    width: 100%;
}
#hiddenForm, .hiddenForm {
    display: none;
}
#tabFacPresta, 
#tabEnfantsTransport,
.tableauTransportEnfants,
#tabEnfantsTransport,
#tabAffectations,
#tabCentres,
#tabDocuments,
#tabColons,
#tabCodes,
#tabColonsTransport,
#tabBudget,
#tabDirecteurs,
#tabConventionne {
    border-spacing: 0;
}
#tabFacPresta .ligneTitre,
#tabEnfantsTransport .ligneTitre,
.tableauTransportEnfants .ligneTitre,
#tabAffectations .ligneTitre,
#tabCentres .ligneTitre,
#tabDocuments .ligneTitre,
#tabColons .ligneTitre,
#tabCodes .ligneTitre,
#tabColonsTransport .ligneTitre,
#tabBudget .ligneTitre,
#tabDirecteurs .ligneTitre,
#tabFacPresta .case,
#tabEnfantsTransport .case,
.tableauTransportEnfants .case,
#tabAffectations .case,
#tabCentres .case,
#tabDocuments .case,
#tabColons .case,
#tabCodes .case,
#tabColonsTransport .case,
#tabBudget .case,
#tabDirecteurs .case {
    display: table-cell;
}
#tabColons,
#tabColonsTransport {
    display: block;
    height: 50rem;
    overflow: scroll;
}
#tabColons .case,
#tabColonsTransport .case {
    word-wrap: break-word;
    padding: 1rem;
}
.tabColos {
    display: none;
}
.upDelete,
.modif {
    color: red;
}
.labelTabColos {
    font-weight: bold;
    text-align: center;
    background: #EDEDED;
}
.inputTabColos:checked + .tabColos {
    display: flex;
}
.caseLeft {
    padding-left: 1rem !important;
    text-align: left !important;
}
#boutonsAdmin {
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.colonneAdmin {
    display: none;
    width: 16%;
}
#boutonsAdmin h4 {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 1rem;
    font-family: 'Gotham';
    font-size: 1.5rem;
    text-transform: uppercase;
    cursor: pointer;
    color: #FFFFFF;
    background: #66CC99;
    border-radius: 0.5rem;
}
#colonnesAdmin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.menuAdmin {
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 11rem;
    color: #FFFFFF;
    border-radius: 0.5rem;
}
.menuAdmin:hover,
#boutonsAdmin h4:hover {
    background: #33C0C0;
    cursor: pointer;
}
.menuAdmin a {
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 2rem;
    font-family: 'Gotham Book';
    font-size: 1.5rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
}
.espaceAdmin .menuAdmin {
    margin: 1rem auto;
}
.menuAdmin a p {
    margin: auto;
}
.espaceDeleg .bonjour {
    margin: 0.5rem 0;
    font-size: 4rem;
    font-weight: bold;
    text-transform: uppercase;
}
.espaceDeleg .messageBienvenue {
    width: 75%;
    margin: 3rem 0;
    font-size: 1.8rem;
    font-weight: bold;
}
.espaceDeleg .contactsCom {
    padding: 1rem 0;
    border: 1px solid #666666;
    border-left: none;
    border-right: none;
}
.espaceDeleg .contactsCom .contact {
    margin: 1rem 0;
    font-family: 'Gotham Narrow Medium';
    font-size: 1.8rem;
    font-weight: bold;
}
.espaceDeleg .contactsCom p {
    margin: 2.5rem 0;
    font-family: 'Gotham Narrow Book';
    font-size: 1.7rem;
}
.infosLiensDeleg {
    display: flex;
    justify-content: space-between;
    font-family: 'Gotham Narrow Book';
    font-size: 1.5rem;
}
.infosLiensDeleg .infosLiens {
    width: 47%;
}
.divInfos {
    text-align: justify;
}
.listeDocumentsAdmin {
    max-height: 30rem;
    overflow-y: scroll;
}
.listeDocumentsAdmin .ligneLegende {
    background: #E0F5EB;
}
.listeDocumentsAdmin .ligne, 
.listeDocumentsAdmin .ligneLegende {
    display: flex;
    justify-content: space-between;
    height: fit-content;
    padding: 0.5rem;
    font-weight: lighter;
}
.listeDocumentsAdmin .ligne div,
.listeDocumentsAdmin .ligneLegende div {
    display: flex;
    width: 25%;
    height: fit-content;
    padding: 0.5rem;
    justify-content: center;
    text-align: center;
    overflow-wrap: anywhere;
}
#tabModificationNewsletter .caseCachee {
    padding: 1rem 0;
    border-top: 1px dashed #66CC99;
}
#tabModificationNewsletter .caseFormulaires {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 50%;
    margin: auto;
}
#tabModificationNewsletter .caseFormulaires form {
    display: flex;
    align-items: center;
}
#tabModificationNewsletter .boutonSubmitNewsletter {
    display: block;
    padding: 1rem;
    margin: 1rem auto;
    border: none;
    border-radius: 0.5rem;
    font-family: 'Gotham Narrow Book';
    font-size: 1.3rem;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    background: #66CC99;
}
/************************************************************************************/
/* ARBORESCENCE DELEGATION */
#arborescenceDeleg label {
    display: flex;
    align-items: center;
    margin: 1rem 0;
    padding-top: 1rem;
    font-family: 'Gotham';
}
.folder {
    position: relative;
}
.folder:before {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 10px;
    height: 1px;
    margin: auto;
    content: '';
    background-color: #666;
}
.folder:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #666;
} 
.vide {
    font-style: italic;
}
#arborescenceDeleg label img {
    width: 2rem;
}
#arborescenceDeleg .arborescenceDiv {
    display: none;
    padding-left: 3rem;
    padding-bottom: 1rem;
}
#arborescenceDeleg li {
    font-family: 'Calibri';
    list-style: none;
}
#arborescenceDeleg .inputDeleg:checked + .arborescenceDiv {
    display: block;
}
#arborescenceDeleg button {
    padding: 0;
    font-family: Calibri;
    font-size: 1.3rem;
    background: none;
    border: none;
}
#arborescenceDeleg li img {
    width: 1.5rem;
}
.lvl2Div, .lvl3Div, .lvl4Div, .lvl5Div {
    margin-bottom: 1rem;
}
.formulaireAdherent button img {
    height: 3rem;
}
.telechargerFichiers {
    display: flex;
    justify-content: space-around;
    width: 20%;
    margin: auto;
}
.telechargerFichiers .formulaireAdherent {
    margin: 0;
}
/************************************************************************************/
/* SPECIFICITES ADMIN */
.espaceAdmin legend,
.espaceAdmin .radio-item input[type=radio]:checked + label::after,
.espaceAdmin .formulaireAdherent input[type="submit"],
.espaceAdmin .formulaireAdherent input[type="button"],
.espaceAdmin .formulaireAdherent button,
.espaceAdmin .ligneTitre,
.espaceAdmin .ligneEcheance,
.espaceAdmin .menuAdmin,
.espaceAdmin .affichageDeleg label,
.boutonSubmitNewsletter {
    background: #66CC99;
}
.espaceAdmin .formulaireAdherent input[type="submit"]:hover,
.espaceAdmin .formulaireAdherent input[type="button"]:hover,
.espaceAdmin .formulaireAdherent button:hover,
.espaceAdmin .menuAdmin:hover,
.espaceAdmin .affichageDeleg label:hover,
.boutonSubmitNewsletter:hover {
    background: #3BBB7B;
}
.espaceAdmin input::placeholder,
.espaceAdmin .formulaireAdherent select,
.espaceAdmin .formulaireAdherent .select::after {
    color: #66CC99;
}
.espaceAdmin fieldset,
.espaceAdmin input[type='checkbox'],
.espaceAdmin .formulaireAdherent select,
.espaceAdmin .tableauAdherent,
.espaceAdmin .inputCalendrier {
    border: 1px #66CC99 solid;
}
.espaceAdmin .formulaireAdherent .select::after {
    border-color: #66CC99 transparent transparent transparent;
}
.espaceAdmin input {
    border-bottom: solid 1px #66CC99;
}
.espaceAdmin .radio-item label::before {
    border: 2px #66CC99 solid;
}
.espaceAdmin .inputCalendrier .input-button {
    border-left: solid 1px #66CC99;
}
.espaceAdmin .ligne,
.espaceAdmin .vertical .case,
.espaceAdmin .tableauDeroulant .horizontal .colonneD .case {
    border-top: 1px rgba(102,204,153,0.3) solid;
}
.espaceAdmin .colonneG {
	background: #E0F5EB;
}
.affichageFactures {
    display: flex;
    flex-direction: column;
    width: 75%;
}
/************************************************************************************/
/* EDITEUR DE TEXTE */
.menuCode {
    padding: 2rem;
    border: 1px solid #E0E0E0;
}
.titreEditeur {
    font-family: 'Gotham';
    text-transform: uppercase;
}
.titreSectionEditeur {
    font-family: 'Gotham';
    text-transform: uppercase;
}
.menuCode input {
    width: auto;
    height: auto;
    margin: auto;
    padding: 0.5rem 0.8rem;
    text-transform: none !important;
    color: #FFFFFF;
    border: none;
    border-radius: 0.5rem;
}
#accroche {
    /* width: 48%; */
    height: 15rem;
    padding: 0.5rem;
    border-radius: 0.3rem;
}
#descriptionColo .div2En1 #contenu,
#descriptionColo .div2En1 #previewDiv {
    width: 48%;
    height: 40rem;
    padding: 0.5rem;
    border-radius: 0.3rem;
    overflow-y: scroll;
}
#accroche,
#descriptionColo #contenu {
    resize: none;
    background: #EDEDED;
}
#descriptionColo #contenu:focus,
#descriptionColo #contenu:focus-visible,
#descriptionColo #focus:focus-within {
    outline: black solid 1px;
}
#descriptionColo #previewDiv {
    font-family: 'Gotham Narrow Book';
    text-align: justify;
    border: 1px solid black;
}
#descriptionColo #previewDiv h4 {
    margin: 1rem 0;
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: underline;
}
/************************************************************************************/
/* SPECIFICITES PRESTA */
.espacePresta legend,
.espacePresta .radio-item input[type=radio]:checked + label::after,
.espacePresta .formulaireAdherent input[type="submit"],
.espacePresta .formulaireAdherent input[type="button"],
.espacePresta .formulaireAdherent button,
.espacePresta .ligneTitre,
.espacePresta .ligneEcheance,
.espacePresta #labelFormFacture,
.espacePresta .menuAdmin {
    background: #9999CC;
}
.espacePresta .formulaireAdherent input[type="submit"]:hover,
.espacePresta .formulaireAdherent input[type="button"]:hover,
.espacePresta .formulaireAdherent button:hover,
.espacePresta #labelFormFacture:hover,
.espacePresta .menuAdmin:hover {
    background: #7777BB;
}
.espacePresta input::placeholder,
.espacePresta .formulaireAdherent select,
.espacePresta .formulaireAdherent .select::after {
    color: #9999CC;
}
.espacePresta fieldset,
.espacePresta input[type='checkbox'],
.espacePresta .formulaireAdherent select,
.espacePresta .tableauAdherent,
.espacePresta .inputCalendrier {
    border: 1px #9999CC solid;
}
.espacePresta .formulaireAdherent .select::after {
    border-color: #9999CC transparent transparent transparent;
}
.espacePresta input {
    border-bottom: solid 1px #9999CC;
}
.espacePresta .radio-item label::before {
    border: 2px #9999CC solid;
}
.espacePresta .ligne,
.espacePresta .vertical .case,
.espacePresta .tableauDeroulant .horizontal .colonneD .case {
    border-top: 1px rgba(153,153,204,0.3) solid;
}
.espacePresta .inputCalendrier .input-button {
    border-left: solid 1px #9999CC;
}
.espacePresta .colonneG {
	background: #EBEBF5;
}
.formulaireFacture {
    margin: 0 0 2rem auto;
}
/************************************************************************************/
/* SPECIFICITES DELEGATION */
.espaceDelegation legend,
.espaceDelegation .radio-item input[type=radio]:checked + label::after,
.espaceDelegation .formulaireAdherent input[type="submit"],
.espaceDelegation .formulaireAdherent input[type="button"],
.espaceDelegation .formulaireAdherent button,
.espaceDelegation .ligneTitre,
.espaceDelegation .ligneEcheance,
.espaceDelegation #labelFormFacture,
.espaceDelegation .menuAdmin {
    background: #FFBF00;
}
.espaceDelegation .formulaireAdherent input[type="submit"]:hover,
.espaceDelegation .formulaireAdherent input[type="button"]:hover,
.espaceDelegation .formulaireAdherent button:hover,
.espaceDelegation #labelFormFacture:hover,
.espaceDelegation .menuAdmin:hover {
    background: #FFC519;
}
.espaceDelegation input::placeholder,
/* .espaceDelegation .formulaireAdherent select, */
.espaceDelegation .formulaireAdherent .select::after,
.espaceDelegation h1 {
    color: #FFBF00;
}
.espaceDelegation fieldset,
.espaceDelegation input[type='checkbox'],
.espaceDelegation .formulaireAdherent select,
.espaceDelegation .tableauAdherent,
.espaceDelegation .inputCalendrier {
    border: 1px #FFBF00 solid;
}
.espaceDelegation .formulaireAdherent .select::after {
    border-color: #FFBF00 transparent transparent transparent;
}
.espaceDelegation input,
.espaceDelegation h1 {
    border-bottom: solid 1px #FFBF00;
}
.espaceDelegation .inputCalendrier .input-button {
    border-left: solid 1px #FFBF00;
}
.espaceDelegation .radio-item label::before {
    border: 2px #FFBF00 solid;
}
.espaceDelegation .ligne,
.espaceDelegation .vertical .case,
.espaceDelegation .tableauDeroulant .horizontal .colonneD .case {
    border-top: 1px rgba(255,191,0,0.3) solid;
}
.espaceDelegation .colonneG {
	background: #FFF2CC;
}
/************************************************************************************/
/* SPECIFICITES DIRECTEUR */
.espaceDirecteur legend,
.espaceDirecteur .radio-item input[type=radio]:checked + label::after,
.espaceDirecteur .formulaireAdherent input[type="submit"],
.espaceDirecteur .formulaireAdherent input[type="button"],
.espaceDirecteur .formulaireAdherent button,
.espaceDirecteur .ligneTitre,
.espaceDirecteur .ligneEcheance,
.espaceDirecteur #labelFormFacture,
.espaceDirecteur .menuAdmin {
    background: #F16141;
}
.espaceDirecteur .formulaireAdherent input[type="submit"]:hover,
.espaceDirecteur .formulaireAdherent input[type="button"]:hover,
.espaceDirecteur .formulaireAdherent button:hover,
.espaceDirecteur #labelFormFacture:hover,
.espaceDirecteur .menuAdmin:hover {
    background: #F27054;
}
.espaceDirecteur input::placeholder,
.espaceDirecteur .formulaireAdherent select,
.espaceDirecteur .formulaireAdherent .select::after {
    color: #F16141;
}
.espaceDirecteur fieldset,
.espaceDirecteur input[type='checkbox'],
.espaceDirecteur .formulaireAdherent select,
.espaceDirecteur .tableauAdherent,
.espaceDirecteur .inputCalendrier {
    border: 1px #F16141 solid;
}
.espaceDirecteur .formulaireAdherent .select::after {
    border-color: #F16141 transparent transparent transparent;
}
.espaceDirecteur input {
    border-bottom: solid 1px #F16141;
}
.espaceDirecteur .radio-item label::before {
    border: 2px #F16141 solid;
}
.espaceDirecteur .ligne,
.espaceDirecteur .vertical .case,
.espaceDirecteur .tableauDeroulant .horizontal .colonneD .case {
    border-top: 1px rgba(241,97,65,0.3) solid;
}
.espaceDirecteur .inputCalendrier .input-button {
    border-left: solid 1px #F16141;
}
.espaceDirecteur .colonneG {
	background: #FCDFD9;
}
/************************************************************************************/
/* SPECIFICITES CONVENTIONNÉ */
.espaceConventionne legend,
.espaceConventionne .radio-item input[type=radio]:checked + label::after,
.espaceConventionne .formulaireAdherent input[type="submit"],
.espaceConventionne .formulaireAdherent input[type="button"],
.espaceConventionne .formulaireAdherent button,
.espaceConventionne .ligneTitre,
.espaceConventionne .ligneEcheance,
.espaceConventionne .menuAdmin,
.espaceConventionne .affichageDeleg label {
    background: #FE9C9C;
}
.espaceConventionne .formulaireAdherent input[type="submit"]:hover,
.espaceConventionne .formulaireAdherent input[type="button"]:hover,
.espaceConventionne .formulaireAdherent button:hover,
.espaceConventionne .menuAdmin:hover,
.espaceConventionne .affichageDeleg label:hover {
    background: #FEAFAF;
}
.espaceConventionne input::placeholder,
.espaceConventionne .formulaireAdherent select,
.espaceConventionne .formulaireAdherent .select::after {
    color: #FE9C9C;
}
.espaceConventionne fieldset,
.espaceConventionne input[type='checkbox'],
.espaceConventionne .formulaireAdherent select,
.espaceConventionne .tableauAdherent,
.espaceConventionne .inputCalendrier {
    border: 1px #FE9C9C solid;
}
.espaceConventionne .formulaireAdherent .select::after {
    border-color: #FE9C9C transparent transparent transparent;
}
.espaceConventionne input {
    border-bottom: solid 1px #FE9C9C;
}
.espaceConventionne .radio-item label::before {
    border: 2px #FE9C9C solid;
}
.espaceConventionne .inputCalendrier .input-button {
    border-left: solid 1px #FE9C9C;
}
.espaceConventionne .ligne,
.espaceConventionne .vertical .case,
.espaceConventionne .tableauDeroulant .horizontal .colonneD .case {
    border-top: 1px rgba(254,156,156,0.3) solid;
}
.espaceConventionne .colonneG {
	/* background: #E0F5EB; */
    background: rgba(254,156,156,0.3)
}
.espaceConventionne .labeltabConvention {
    display: flex;
    align-items: center;
    width: auto;
    height: 5rem;
    margin: auto 2rem;
    padding: 0.8rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    background: #FE9C9C;
    border: none;
    border-radius: 0.5rem;
}
#tabConventionne .colonne {
    display: flex;
    justify-content: space-around;
    padding: 0.5rem 0;
}
#tabConventionne .case {
    width: 20%;
    justify-content: center;
}
#tabConventionne .radioConvention {
    display: none;
}
#tabConventionne .divTabConvention {
    display: none;
}
#tabConventionne .tableauxPFT {
    display: none;
}
#tabConventionne .radioConvention:checked + .divTabConvention {
    display: block !important;
}
#tabConventionne button {
    text-decoration: none;
}
/**********************************************************************************/
/* EN DESSOUS DE 1200PX */
/**********************************************************************************/
@media screen and (max-width: 1200px) {
    .ongletAdherent {
        flex-direction: column;
        width: 90%;
        margin: 3rem auto;
    }
    .formulaireAdherent, .tableauAdherent {
        width: 90%;
        margin: 1rem auto;
    }
    .conteneurSessions {
        display: block;
    }
}
/**********************************************************************************/
/* EN DESSOUS DE 800PX */
/**********************************************************************************/
@media screen and (max-width: 800px) {
    .ongletAdherent {
        flex-direction: column;
        width: 90%;
        margin: 3rem auto;
    }
    .ongletAdhrent,
    .formulaireAdherent input,
    .formulaireAdherent legend {
        font-size: 1.3rem;
    }
    .formulaireAdherent,
    .tableauAdherent,
    .affichageInfos,
    .affichageInfos .tableauAdherent,
    .affichageInfos p,
    .affichageInfosUnique .tableauAdherent,
    .modification,
    .formulaireAdherent label,
    .div2En1 label,
    .div2En1 input,
    .select {
        width: 100% !important;
    }
    p {
        width: 90% !important;
    }
    #infosAdherent form label,
    .recapitulatifPft {
        width: initial !important;
    }
    .tableauAdherent,
    .formulaireAdherent {
        margin: 1.5rem auto;
    }
    .div2En1,
    .div2En1 label,
    #selectDate {
        margin: 0.5rem 0;
        font-size: 1.4rem;
    }
    .formulaireAdherent .div2En1,
    #selectDate,
    .flex,
    .inputPaiement {
        flex-direction: column;
    }
    #case100 .case {
        width: initial;
    }
    .ligne {
        padding: 1rem;
    }
	.tableauAdherent .horizontal {
		flex-direction: row;
    }
    .tableauDeroulant .contenuTableau,
    .tableauAdherent .horizontal .colonne,
    .tableauDeroulant .colonne800 .colonne {
		flex-direction: column;
    }
    .tableauDeroulant {
        flex-direction: row;
    }
	.vertical .colonneG,
    .tableauAdherent .horizontal .colonneG,
    .tableauDeroulant .tabDeroulant .colonneG {
		width: 35%;
	}
	.vertical .colonneD,
    .tableauAdherent .horizontal .colonneD,
    .tableauAdherent .tabDeroulant .colonneD {
		width: 65%;
	}
	.tableauAdherent .case {
		width: auto;
		height: 4.5rem;
	}
	.tableauAdherent .horizontal .colonneG .case {
		padding-left: 1rem;
		justify-content: left;
		text-align: left;
	}
	.tableauAdherent .horizontal .case {
		border-top: 1px rgba(0,102,153,0.3) solid;
	}
	.tabDeroulant {
		display: none;
    }
    .contenuTableau:not(:first-child) {
        border-top: 0.1px solid black;
    }
    .inputTabAdherent:checked + .tabDeroulant,
    #tabDocuments {
		display: flex;
    }
    .tableauDeroulant .colonne800 {
        display: none;
        flex-direction: row;
    }
    .tableauDeroulant .colonne800 .colonneG {
        display: flex !important;
    }
    .tableauDeroulant .col1920 {
        display: none !important;
    }
	.tableauDeroulant .horizontal .colonneG .case {
		justify-content: left;
        text-align: left;
        border-top: 1px rgba(0,102,153,0.3) solid;
	}
	.tableauDeroulant .horizontal .case:not(.colonne800 .colonneD .case) {
		border-top: 1px rgba(0,102,153,0.3) solid;
    }
    .tableauDeroulant .flecheTab {
        height: 1rem;
        margin-left: 1rem;
        transform: rotate(-90deg);
    }
    .recapitulatifPft .ligneTitre {
        font-size: 1.2rem;
    }
    .recapitulatifPft .ligne {
        justify-content: space-between;
    }
    .tableauDeroulant .inputTabAdherent:checked + .colonne800,
    .tableauDeroulant .labelCol800 {
		display: flex;
    }
    .colonneResp {
        display: block;
    }
    .colonneResp .colonne,
    .colonneResp + form {
        width: 100% !important;
    }
    .tableauDeroulant .labelCol800 {
        border-top: 1px #327AC6 solid;
    }
    .tableauDeroulant .labelCol800 .case {
        border: none;
    }
    .tableauDeroulant .caseDoublon,
    .colonneFull {
        display: none;
    }
    .tableauPaiementDossier input[type="submit"] {
        margin: 1rem 0;
    }
    .panneauActu {
        margin: 0 auto 3rem auto;
    }
    .documentsTuto, .panneauActu {
        width: 100% !important;
    }
    .unChoix, div.inputSurprise:not(input.inputSurprise) {
        width: 85% !important;
    }
    #infosBatchVE {
        padding: 1.5rem 0;
    }
    #infosAdherent a#lienHover:hover > span {
        top: -5.5rem;
        left: unset;
        right: 4rem;
    }
    #infosAdherent a#lienHover:hover > span::after {
        left: unset;
        right: -1rem;
        bottom: 5rem;
        border-width: 9.5px 0 9.5px 10px;
        border-color: transparent transparent transparent #000033;
    }
    .menuAdmin {
        flex-basis: 45%;
        margin: 1rem 5rem;
    }
}
/**********************************************************************************/
/* EN DESSOUS DE 600PX */
/**********************************************************************************/
@media screen and (max-width:600px) {
    .mosaiqueDemandes {
        width: 100%;
    }
}
/**********************************************************************************/
/* EN DESSOUS DE 500PX */
/**********************************************************************************/
@media screen and (max-width: 500px) {
    .ligneTitre {
        padding: 1rem 0;
    }
    .formulaireAdherent legend {
        margin: 0;
        text-align: center;
    }
    #infosAdherent .ligne {
        height: auto;
    }
    #infosAdherent .ligne p,
    #infosAdherent .ligne label {
        max-width: 80%;
    }
}