/************************************************************************************/
/* GLOBALITE ONGLETS */
/************************************************************************************/
.ongletAdherent {
    justify-content: space-between;
    width: 85%;
    margin: 3rem auto;
    font-size: 1.3rem;
}
.ongletAdherent p {
    width: 95%;
    margin: 1rem 0;
}
.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;}

.rappelDocuments {
    font-size: 1.6rem;
    color: #FF6633;
}
button:hover {
    cursor: pointer;
}
#mosaique {
    flex-flow: wrap;
    justify-content: space-around;
    width: 70%;
    margin: auto;
}
.mosaiqueDemandes {
    width: 48%;
    margin-bottom: 0.5rem;
    padding: 2.5rem 0;
    font-family: 'Gotham';
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    background: #007196;
    border-radius: 0.5rem;
}
.mosaiqueDemandes a {
    text-decoration: none;
    color: #FFFFFF;
}
.mosaiqueDemandes:hover {
    background: #0095DA;
}
.mosaiqueDemandes img {
    margin-bottom: 2rem;
    height: 10rem;
}
/************************************************************************************/
/* ACCUEIL */
.bandeau {
    overflow: hidden;
}
.format {
    display: inline-block;
    height: 5rem;
    margin-bottom: 2rem;
    padding-right: 100%;
    padding-left: 100%;
    line-height: 5rem;
    white-space: nowrap;
    background: rgba(204,51,51,0.8);
    color: #FFFFFF;
    overflow: hidden;
}
.format:hover {
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused;
    animation-play-state:paused;
    cursor: pointer;
}
.actu {
    display: inline-block;
    padding: 0 2rem;
    font-family: 'Gotham Narrow Medium';
    font-size: 2rem;
    color: #FFFFFF;
}
@keyframes anim_actu {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
.format#formatActu1 {
    animation-name: bandeauActu;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 60s;
}
.format#formatActu2 {
    animation-name: bandeauActu;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 80s;
}
.format#formatActu3 {
    animation-name: bandeauActu;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 80s;
}
.format#formatActu4 {
    animation-name: bandeauActu;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 80s;
}.format#formatActu5 {
    animation-name: bandeauActu;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 80s;
}
 .sectionAccueil {
     margin: 1rem auto 5rem auto;
     font-family: Calibri;
 }
 .bienvenueAdherent {
     display: flex;
     justify-content: space-between;
 }
 .bienvenueAdherent span {
     display: flex;
     align-items: center;
     margin-right: 2.5rem;
     font-size: 8.5rem;
     border-right: 6px solid #88817E;
     color: #007196;
 }
 .bienvenueAdherent .messageBienvenue h1 {
     margin: 0;
     font-weight: bold;
     color: #007196;
 }
 .bienvenueAdherent .messageBienvenue p {
     margin: 0;
     font-size: 1.8rem;
     color: #88817E;
 }
 .typeAdherent {
     width: 80%;
 }
 .typeAdherent h2, .typeAdherent h3 {
     margin: 0;
     color: #0095DA;
 }
 .typeAdherent h3 {
     margin-left: 2.5rem;
 }
 .typeAdherent .boutonsSejours {
     display: flex;
     width: 98%;
     margin: 1rem 0 0.5rem auto;
     font-size: 1.6rem;
 }
 .boutonsSejours a {
     margin: 0.5rem;
     padding: 0.8rem 1rem;
     text-transform: uppercase;
     text-decoration: none;
     color: #FFFFFF;
     background: #007196;
     border-radius: 1rem;
 }
 .boutonsSejours a:hover {
     background: #0095DA;
 }
 .infosDocumentsAdherent {
     margin: 2rem 0 2rem 2.5rem;
 }
 .infosDocumentsAdherent p {
     font-size: 1.5rem;
     font-weight: bold;
     color: #007196;
 }
 .infosDocumentsAdherent ul {
     padding-left: 3rem;
     font-size: 1.5rem;
     font-weight: bold;
     color: #88817E;
 }
 .encartAccueil {
     position: relative;
     margin: 2rem auto;
     border: 1px solid #007196;
     border-radius: 2rem;
     border-bottom-right-radius: 3.5rem;
 }
.encartAccueil::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-color: #FFF #007196 #FFF #FFF;
    border-style: solid;
    border-width: 0px 27px 27px 0px;
    height: 0;
    width: 0;
    display: block;
    z-index: 2;
    transform: rotate(-90deg);
}
 .encartAccueil .titreEncart {
     padding: 1rem 2rem;
     font-size: 2rem;
     font-weight: bold;
     text-transform: uppercase;
     color: #FFFFFF;
     background: #0095DA;
     border-top-left-radius: 1.7rem;
     border-top-right-radius: 1.7rem;
 }
 .encartAccueil .titreEncart p {
     display: flex;
     align-items: center;
     margin: 0;
 }
.encartAccueil .titreEncart span {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}
.encartAccueil .contenuEncart {
    padding: 1rem 2rem 2rem 2rem;
}
.encartAccueil .contenuEncart p {
    font-size: 1.6rem;
}
.encartAccueil .contenuEncart .boutonLien {
    display: inline-block;
    margin: 0.5rem 1rem 0.5rem 0;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    background: #007196;
    border-radius: 1rem;
}
.encartAccueil .contenuEncart .paragrapheFleche {
    margin: 1.5rem 0;
    font-weight: bold;
    color: #007196;
}
.encartAccueil .contenuEncart .paragrapheFleche .spanParenthese {
    padding-left: 2rem;
    font-weight: lighter;
    color: #88817E;
}
.encartAccueil .contenuEncart .paragrapheFleche .spanTelephone {
    padding-left: 2rem;
    font-size: 3rem;
}





/************************************************************************************/
/* INFORMATIONS ADHERENT */
#infosAdherent {
    width: 55%;
    height: 100%;
    font-family: Calibri;
}
#infosAdherent p {
    margin: 0.5rem 0;
}
#infosAdherent label {
    font-size: 1.5rem;
}
#infosAdherent .ligne {
    justify-content: space-between;
    width: auto !important;
    padding: 1rem 2rem;
    font-weight: initial;
    border-bottom: none;
}
#infosAdherent .ligneTitre {
    padding: 0.5rem 0;
    font-family: 'Gotham';
}
#infosAdherent button {
    background: none;
    border: none;
    text-decoration: underline;
}
#infosAdherent img {
    height: 2.5rem;
}
#infosAdherent button img {
    margin-left: 0.5rem;
}
#infosAdherent form input[type='text'] {
    display: block;
    width: auto;
    margin-bottom: 2rem;
    height: 2.5rem;
    border: none;
    border-bottom: solid 1px #007196;
    font-family: Arial;
    font-size: 1.5rem;
}
#infosAdherent form .inputInfos {
    margin: 0;
}
#infosAdherent a#lienHover {
    position: relative;
}
#infosAdherent #lienHover span {
    position: absolute;
    display: none;
    font-size: 1.5rem;
    color:#FFFFFF; 
    background-color: #000033;   
}
#infosAdherent #lienHover span::after {
    content: '';
    position: absolute;
    left: 11.2rem;
    bottom: -1rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9.5px 0 9.5px;
    border-color: #000033 transparent transparent transparent;
}
#infosAdherent a#lienHover:hover > span {
    display: block;  
    top: -14rem;
    left: -11rem; 
    width: 23rem; 
    padding: 1rem; 
    font-weight: lighter;
}
/************************************************************************************/
/* FPRMULAIRE GLOBAL ADHERENT */
.formulaireAdherent {
    margin: 1rem auto;
    font-family: Calibri;
}
.modification {
    margin: 2rem auto !important;
}
.formulaireAdherent fieldset {
    margin: 0;
    border: 1px #007196 solid;
    border-radius: 0.5rem;
}
.formulaireAdherent legend {
    margin: 0 0 1rem 1rem;
    padding: 1rem 1.5rem;
    font-family: Calibri;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #007196;
    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;
    border: none;
    border-bottom: solid 1px #007196;
    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;
    color: #007196;
    opacity: 1;
}
.formulaireAdherent .div2En1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
}
.div2En1 input {
    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;
    border: 1px #007196 solid;
    background: #FFFFFF;
}
.formulaireAdherent #labelRGPD input[type='checkbox'], .formulaireAdherent #labelNews input[type='checkbox'] {
    display: inline-block;
}
.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;
    border: 2px #007196 solid;
    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;
    background: #007196;
    border-radius: 1.1rem;
}
.formulaireAdherent input[type="submit"],
.formulaireAdherent input[type="button"],
#lienInscription,
.boutonRetour {
    border-radius: 0.2rem;
    display: block;
    padding: 1rem;
    margin: 1rem auto;
    border: none;
    border-radius: 0.3rem;
    font-family: Calibri;
    font-weight: bold;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    background: #007196;
}
.formulaireAdherent input[type="submit"] {
    width: auto;
    height: auto;
    padding: 1rem;
}
#lienInscription {
    display: inline-block;
    background: #66CC99;
}
#lienInscription:hover {
    background: #0095DA;
}
.formulaireAdherent input[type="submit"]:hover,
.formulaireAdherent input[type="button"]:hover,
.boutonRetour:hover {
    cursor: pointer;
    background: #0095DA;
}
.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;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    color:#007196;
    border: 1px #007196 solid;
    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: 0.5rem 0;
}
.formulaireAdherent .select::after {
    position: absolute; 
    top: 1rem;
    right: 1rem;
    width: 0;
    height: 0;
    content: "";
    border: 6px solid transparent;
    border-color: #007196 transparent transparent transparent;
    pointer-events: none;
}
.formulaireAdherent .labelCheckbox {
    display: flex;
    align-items: center;
}
.formulaireAdherent .selectDate {
    justify-content: space-between;
}
.formulaireAdherent .selectDate .select {
    width: 30%;
}
/* label ul {
    display: none;
} */
.CUSTOM_LABEL_CLASS {
    margin: 1rem 0 0.5rem 0 !important;
}
#condVenteLabel, #condSaniLabel {
    margin: 0.5rem 0 0 0;
    font-family: Calibri;
    font-size: 1.7rem;
    font-weight: bold;
    text-transform: none;
    color: #000033;
}
#condVenteLabel input, #condSaniLabel input {
    display: inline-block;
}
/************************************************************************************/
/* TABLEAU GLOBAL ADHERENT */
.tableauAdherent {
    height: 100%;
    margin: 1rem auto;
    border: 1px #007196 solid;
    font-family: Calibri;
    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;
	background: #007196;
	color: #FFFFFF;
}
.ligne {
    display: flex;
	align-items: center;
    justify-content: center;
    height: 4rem;
    font-weight: bold;
    border-top: 1px rgba(0,102,153,0.3) solid;
}
.ligneEcheance {
    padding: 1rem;
    font-size: 1.5rem;
	background: #007196;
	color: #FFFFFF;
}
#detailProduits {
    border-radius: 0.5rem;
    background: #EDEDED;
}
#detailProduits p {
    margin: 0;
}
.labelProdEcheance {
    height: auto;
    padding: 1rem 0;
}
.detailsProdEcheance {
    display: none;
    padding: 1rem;
}
.detailsProdEcheance hr {
    width: 2rem;
    margin: 0.8rem 0;
    border: none;
    border-bottom: 1px solid #000033;
}
.inputProdEcheance:checked ~ .detailsProdEcheance {
    display: block;
}
.ligneEcheance p {
    margin: 0.7rem 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 {
	background: rgba(0,102,153,0.2);
}
.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%;
}
.vertical .case {
	border-top: 1px rgba(0,102,153,0.3) solid;
}
.colonneD .case {
	justify-content: center;
	text-align: center;
	overflow-wrap: anywhere;
}
.horizontal .colonneG,
.horizontal .colonneD,
.tableauEcheances .colonneG,
.tableauEcheances .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;
}
.doubleForm {
    flex-direction: column;
}
.tableauDeroulant .horizontal .colonneD .case {
	border-top: 1px rgba(0,102,153,0.3) solid;
}
.labelTabAdherent:hover {
	cursor: initial;
}
.tableauAdherent form:not(form.colonne) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
}
.tableauAdherent #formConvoc {
    padding: 1rem;
}
.tableauAdherent #formConvoc form {
    width: auto;
}
.formWidth100 {
    width: 100% !important;
}
.tableauAdherent button:not(.boutonSubmit) {
    background: none;
    border: none;
    text-decoration: underline;
}
.tableauAdherent .boutonRemb,
.labelTabPFT {
    width: auto;
    height: auto;
    margin: auto;
    padding: 0.8rem;
    font-family: Calibri;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    background: #007196;
    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%;
}
.tableauAdherent .formEchange {
    width: auto !important;
}
.tableauAdherent .formEchange input {
    width: auto !important;
}
.sectionTabPft {
    margin: 3rem 0;
}
.boutonsTableaux {
    display: flex;
}
#tabDocuments input[type="radio"] {
    display: none;
}
#tabDocuments .divTabPFT {
    display: none;
}
#tabDocuments .tableauxPFT {
    display: none;
}
#tabDocuments .radioPTF:checked + .divTabPFT {
    display: block !important;
}
/************************************************************************************/
/* PAGE BATCH */
/************************************************************************************/
.uneSession .titreSession h1 {
    padding-bottom: 0.3rem;
    font-family: 'Museo Slab 900';
    font-weight: lighter;
    font-size: 1.8rem;
    color: #66CC99;
    border-bottom: 1px #66CC99 solid;
}
.titreSession h1 span {
    font-family: 'Gotham Narrow Book';
    font-size: 1.5rem;
    font-style: italic; 
}
.titreSession p {
    font-family: 'Gotham Narrow Medium';
    font-weight: bold;
    font-size: 1.3rem;
}
.conteneurSessions {
    display: flex;
}
.uneSession .dossierTableauSession {
    display: flex;
    flex-direction: column;
}
.uneSession .formulaireAdherent .infosBatch {
    font-family: 'Gotham Narrow Book';
}
#kilometrage {
    display: inline-block;
    width: 10rem;
    padding: 0.5rem;
    margin: 0.5rem 0;
    border: 1px #007196 solid;
}
.formKm ul {
    display: none;
}
.recapitulatifChoix,
.recapitulatifPft {
    width: 90%;
    height: 100%;
    margin: 1rem auto;
    padding: 1rem 2rem;
    font-family: 'Gotham Narrow Book';
    font-size: 1.5rem;
    background: rgba(0,102,153,0.2);
    border-radius: 0.5rem;
}
.recapitulatifChoix h1,
.recapitulatifPft h1 {
    font-family: 'Gotham';
}
.recapitulatifChoix p,
.recapitulatifPft p {
    margin: 1rem auto;
}
.recapitulatifChoix p span,
.recapitulatifPft p span {
    margin: 0 2rem 0 0;
}
.choixColos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#infosBatchVE {
    width: 50%;
    margin: 2rem auto;
    padding: 1.5rem;
    font-family: 'Gotham Book';
    text-align: center;
    color: #FFFFFF;
    background: #007196;
    border-radius: 0.5rem;
}
.hrFormVE {
    width: 20%;
    height: 1px;
    margin: 2rem auto;
    background: black;
    border: none;
}
#hiddenForm, .hiddenForm, .selectHidden {
    display: none;
}
#infosBatchVE h3 {
    margin: 0.5rem 0 1rem 0; 
}
.formulaireBatchVE #choixBatch {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.formulaireBatchVE #choixBatch .unChoix {
    width: 50%;
    margin: 1rem;
}
.formulaireBatchVE form div.inputSurprise:not(input.inputSurprise) {
    display: flex;
    width: 75%;
}
.inputSurprise label {
    margin: 0;
    font-size: 1.3rem;
    color: #FF3366;
}
.formulaireBatchVE form p:not(p.erreurForm) {
    margin: 1.5rem 0;
    font-size: 1.5rem;
    color: #000033;
}
.formulaireBatchVE input[type="button"] {
    width: auto;
    height: auto;
    background: #66CC99;
}
.formulaireBatchVE input[type="button"]:hover {
    background: #9FDFBF;
}
.lesChoix hr {
    width: 5%;
    margin: 2rem auto;
}
.ligneChoix {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: flex-start;
    width: 65%;
    margin: 0.5rem auto;
}
.ligneChoix h3 {
    margin: 0;
}
.ligneChoix p {
    max-width: 50%;
    margin: 0;
    font-size: 1.5rem;
}
.boutonsChoix {
    display: flex;
    align-items: center;
}
.boutonsChoix button {
    background: none;
    border: 0;
}
.boutonsChoix .ordreChoix button {
    display: flex;
    align-content: center;
    font-size: 2.5rem;
    color: green;
}
.boutonsChoix .fleches {
    display: flex;
    flex-direction: column;
}
.boutonsChoix .suppressionChoix button {
    font-size: 2rem;
    color: red;
}
.uneSession #divActions {
    display: flex;
    justify-content: space-between;
    width: 45%;
    margin: auto;
}
.choixParticipantsBatch {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}
.choixParticipantsBatch .participantLabel {
    display: flex;
}
/************************************************************************************/
/* TABLEAU PAYER DOSSIER */
.tableauPaiementDossier {
    width: 100%;
    max-height: 100%;
    padding-bottom: 1rem;
    font-family: Calibri;
    border-radius: 0.5rem;
    background: rgba(0,102,153,0.3);
}
.tableauPaiementDossier .ligneTitre {
    justify-content: flex-start;
    padding-left: 1.5rem;
    text-transform: uppercase;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.tableauPaiementDossier .ligne {
    justify-content: flex-start;
    height: auto;
    margin: 0.5rem 0;
    padding-left: 1.5rem;
    font-weight: initial;
    border: none;
}
.tableauPaiementDossier .ligne span {
    width: 95%;
    margin: 0.5rem 0;
}
.tableauPaiementDossier hr {
    width: 95%;
    height: 1px;
    background: #007196;
    border: 0;
}
.tableauPaiementDossier .inputPaiement {
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.tableauPaiementDossier input[type="submit"] {
    width: auto;
    height: auto;
    margin: auto;
    padding: 0.8rem 0.5rem;
    font-family: Calibri;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #007196;
    border: none;
    border-radius: 0.2rem;
}
.tableauPaiementDossier input[type="submit"]:hover {
    background: #0095DA;
}
.tabPft .ligneTitre {
    justify-content: space-between;
}
.tabPft .ligne {
    justify-content: space-between;
    font-weight: lighter;
    background: #FFFFFF;
}
.tabPft .cellule {
    width: 45%;
    text-align: center;
}
.tabPft p {
    width: 100%;
    font-size: 1.3rem;
}
/**********************************************************************************/
/* EN DESSOUS DE 1200PX */
/**********************************************************************************/
@media screen and (max-width: 1200px) {
    .ongletAdherent {
        flex-direction: column;
        width: 90%;
        margin: 3rem auto;
    }
    .panneauActu, .documentsTuto {
        width: 45%;
    }
    .formulaireAdherent, .tableauAdherent, .affichageInfos, .dossierTableauSession, #infosAdherent {
        width: 90%;
        margin: 1rem auto;
    }
    .conteneurSessions {
        display: block;
    }
}
/**********************************************************************************/
/* EN DESSOUS DE 800PX */
/**********************************************************************************/
@media screen and (max-width: 800px) {
    .ongletAdherent {
        flex-direction: column;
        width: 95%;
    }
    .ongletAdhrent,
    .formulaireAdherent input,
    .formulaireAdherent legend {
        font-size: 1.3rem;
    }
    .encartAccueil .contenuEncart .paragrapheFleche {
        width: auto !important;
    }
    .formulaireAdherent,
    .tableauAdherent,
    .affichageInfos,
    .affichageInfos .tableauAdherent,
    .affichageInfos p,
    .affichageInfosUnique .tableauAdherent,
    .modification,
    .formulaireAdherent label,
    .div2En1 label,
    .div2En1 input:not(.div2En1 input[type="checkbox"]),
    .select,
    #selectDate,
    .dossierTableauSession,
    .conteneurRecapChoix,
    #infosBatchVE {
        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 .tableauEcheances .colonneG,
    .tableauAdherent .tableauEcheances .colonneD {
        width: 100%;
    }
	.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;
    }
    .tableauAdherent .tableauEcheances {
        flex-direction: column;
    }
    .tableauAdherent .tableauEcheances .ligne {
        justify-content: space-around;
    }
    .tableauAdherent .tableauEcheances .colonneD:not(:first-of-type) {
        border-top: 3px #006699 solid;
    }
    .colonneResp .colonne,
    .colonneResp + form {
        width: 100% !important;
    }
    .tableauDeroulant .labelCol800 {
        border-top: 1px #327AC6 solid;
    }
    .tableauDeroulant .labelCol800 .case {
        border: none;
    }
    .tableauDeroulant .caseDoublon,
    .colonneFull,
    .tableauEcheances {
        display: none;
    }
    .labelEcheances {
        display: inline-block;
        width: 100%;
        padding: 1.5rem 0;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        background: rgba(0,102,153,0.5);
    }
    .checkboxEcheances:checked ~ .tableauEcheances {
        display: flex;
    }
    .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;
    }
}
/**********************************************************************************/
/* 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;
    }
    .formulaireAdherent .selectDate {
        width: auto
    }
    .formulaireAdherent .datesRecherche  {
        flex-direction: row;
    }
    #infosAdherent .ligne {
        height: auto;
    }
    #infosAdherent .ligne p,
    #infosAdherent .ligne label {
        max-width: 80%;
    }
}