/**********************************************************************************/
/* BANNIERE PAGE LISTING RESIDENCE COLO SEJOUR A THEME */
/**********************************************************************************/
.header600 {
    display: none;
}
#bottomHeaderPageFooter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: 0;
}
#bottomHeaderPageFooter #titreVE,
#bottomHeaderPageFooter #titreVL {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#bottomHeaderPageFooter h1 {
    font-weight: lighter;
    margin: auto 2rem;
    line-height: 7rem;
    color: #000033;
}
#bottomHeaderPageFooter #titreEpaf {
    font-family: 'Museo Slab 500';
    font-size: 7rem;
}
#bottomHeaderPageFooter #titreVE h1 {
    font-family: 'HMS Gilbert Brush';
    font-size: 8rem;
}
#bottomHeaderPageFooter #titreVL h1 {
    font-family: 'HMS Gilbert Script';
    font-size: 13rem;
}
#bottomHeaderPageFooter hr {
    width: 1px;
    margin: 0;
    border: none;
    background: #000033;
}
#bottomHeaderPageFooter h2 {
    margin: 1.5rem 0 0.5rem 0;
    font-family: 'Gotham';
    font-size: 4rem;
    font-weight: 300;
    color: #000033;
}
.titresGras {
    font-family: 'Gotham';
}
/**********************************************************************************/
/* SLIDERS */
/**********************************************************************************/
.slider {
    margin: 3rem 0;
    padding: 0;
    background: #666666;
}
.slider h2 {
    margin: 0.5rem 0 0.5rem 10%;
    padding: 1rem 0;
    font-family: 'Museo Slab 700';
    font-size: 2.5rem;
    font-weight: lighter;
    color: #FFFFFF;
}
.slider img {
    width: 100%;
}
.slider h4 {
    margin: 1rem 0 0 0;
    font-family: 'Gotham';
    font-size: 1.5rem;
    font-weight: normal;
    color: #33CC66;
    text-transform: uppercase;
}
.slider h5 {
    margin: 1rem 0 0 0;
    font-family: 'Gotham Book';
    font-size: 1.8rem;
    color: #66CC99;
    text-transform: uppercase;
}
.slider h6 {
    margin: 1rem 0 0 0;
    font-family: 'Museo Slab 500';
    font-size: 1.5rem;
    color: #FFFFFF;
}
.slider p {
    margin: 0.3rem 0;
    font-size: 1.3rem;
    color: #FFFFFF;
}
.carousel {
    background: none;
}
.slider .glide__arrow {
    height: 100%;
    padding: 3rem;
    background: rgba(0,0,0,0.2);
}
.slider .glide__arrow:hover {
    background: rgba(0,0,0,0.5);
}
.slider .glide__arrow--left {
    left: 0;
}
.slider .glide__arrow--right {
    right: 0;
}
.slider ul img:hover {
    transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.slider ul img:hover + div {
    padding-top: 0;
    margin-left: 0;
}
#boutonResa {
    display: flex;
    flex-direction: column;
}
/**********************************************************************************/
/* TABLE MATIERE ET CORPS DE TEXTE */
/**********************************************************************************/
#pageFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 85% !important;
    margin: 5rem auto 2rem auto !important;
}
#pageFooter aside {
    position: -webkit-sticky;
    position: sticky;
    align-self: flex-start;
    width: 20%;
    margin: 0;
    top: 5rem;
}
#pageFooter aside a {
    display: block;
    margin: 0 0.3rem 1.5rem 0.3rem;
    font-family: 'Gotham Narrow Medium';
    font-size: 1.2rem;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
}
.lienAsideVE {
    color: #FF6633;
}
.lienAsideVL {
    color: #006699;
}
.lienAsideEpaf {
    color: #66CC99;
}
.lienBlock {
    display: block;
    margin: 2rem 0;
}
.titreGras {
    font-family: 'Gotham';
}
#pageFooter aside a:hover {
    font-style: italic;
}
#pageFooter .ancreSousTitre {
    color: #000033;
}
#pageFooter .ancrePartie {
    color: #006699;
}
#pageFooter article {
    width: 75%;
    margin: 0 auto;
}
#pageFooter #article {
    width: 75%;
    margin: 0 0 0 auto;
}
#pageFooter article h2 {
    margin: 0 0 1.5rem 0;
    font-family: 'Gotham Narrow Medium';
    font-weight: 400;
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #FF6633;
}
#pageFooter article h3 {
    margin: 0 0 1.5rem 0;
    padding-bottom: 1rem;
    font-family: 'Museo Slab 700';
    font-size: 2.2rem;
}
#pageFooter article h3:not(:first-child) {
    margin-top: 3rem;
}
.h3Epaf {
    color: #66CC99;
    border-bottom: 1px #66CC99 solid;
}
.h3VE {
    color: #FF6633;
    border-bottom: 1px #FF6633 solid;
}
.h3VL {
    color: #006699;
    border-bottom: 1px #006699 solid;
}
#pageFooter article h4 {
    margin: 0 0 1.5rem 0;
    font-family: 'Gotham Narrow Medium';
    font-weight: 400;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #000033;
}
#pageFooter article h5 {
    margin: 1rem 0 0 0;
    font-family: 'Gotham Narrow Medium';
    font-size: 1.6rem;
    font-weight: 400;
    text-transform: uppercase;
}
.h5Epaf {
    display: inline-block;
    margin: 1rem 0;
    padding-top: 0.5rem;
    border-top: 1px #66CC99 solid;
}
.h5VE {
    color: #006699;
}
.h5VL {
    color: #FF6633;
}
.lienVE {
    color: #006699 !important;
}
.lienVL {
    color: #FF6633 !important;
}
#pageFooter article h6 {
    font-family: 'Gotham Narrow Medium';
    font-weight: 400;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #006699;
}
.attention {
    font-weight: bold;
    text-transform: uppercase;
    color: red;
}
.titreParagraphe {
    margin-bottom: 0;
    color: #000033 !important;
}
#pageFooter article .contenuPageFooter {
    margin: 0 0 4rem 0;
}
#pageFooter article h5 label {
    font-size: 1.4rem;
    font-weight: 300;
    text-transform: none;
    color: #000033;
}
#pageFooter article a {
    font-weight: bold;
    color: #000033;
}
#pageFooter article span {
    font-weight: bold;
    text-transform: uppercase;
    color: #FF6633;
}
#pageFooter article ul {
    padding-right: 2rem;
}
#pageFooter article ul li {
    list-style: none; 
}
#pageFooter article ul li::before {
    content: '\2022';
    position: relative;
    top: 0;
    padding: 0.5rem;
    font-size: 1.5rem;
    color: #FF6633;
}
#pageFooter #joindrePieces {
    display: flex;
    justify-content: center;
    width: 80%;
    margin: auto;
}
#pageFooter #preparationVoyage {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
}
#pageFooter #pendantColo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
#pageFooter #documents {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
#documents figcaption a#lienHover {
    position: relative;
}
#documents figcaption span {
    position: absolute;
    display: none;
    font-size: 1.5rem;
    color:#FFFFFF; 
    background-color: #666666;   
}
#documents figcaption a#lienHover:hover > span {
    display: block;  
    top: -2rem;
    left: 1rem; 
    /* z-index: 1000;  */
    width: 50rem; 
    overflow: hidden; 
    padding: 1rem; 
    font-weight: lighter;
    text-transform: lowercase;
}
#pendantColo figure {
    width: 23%;
    margin: 0;
}
#preparationVoyage figure {
    width: 31%;
    margin: 1rem;
}
#joindrePieces figure {
    width: 50%;
}
#documents figure {
    width: 25%;
}
#joindrePieces img,
#preparationVoyage img,
#pendantColo img,
#documents img {
    display: block;
    width: 30%;
    margin: 1rem auto;
}
#preparationVoyage img,
#pendantColo img {
    max-height: 11rem;
}
#pageFooter #detailsColo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 3rem;
}
#detailsColo p {
    width: 30%;
}
#pageFooter form {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 95%;
    margin: auto;
}
/* #pageFooter form input:not([type="submit"]) {
    width: 30rem;
    height: 3rem;
    border: 1px #FF6633 solid;
    border-radius: 2rem;
} */
#pageFooter form [type="submit"] {
    width: 6rem;
    height: 6rem;
    padding-bottom: 0.5rem;
    border: none;
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.5;
    color: #FFFFFF;
    background: #FF6633;
    border-radius: 20rem;
}
.formQf fieldset {
    border: 2px solid #FF6633;
}
.formQf h4 {
    margin: 3rem auto 1rem auto;
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #FF6633;
}
.formQf .sectionParagrapheQF {
    text-align: justify;
}
.formQf .sectionFormQF {
    width: 100%;
}
.formQf .sectionFormQF .calculQF {
    display: flex;
    align-items: center;
}
.formQf .sectionFormQF .calculQF p {
    margin: 0;
    font-size: 3rem;
    font-weight: bold;
}
.formQf input:not([type="submit"]) {
    width: 30%;
    height: 3rem;
    margin: 1.5rem auto;
    border-radius: 2rem;
    border: 2px solid #FF6633;
}
.formQf button {
    width: 6rem;
    height: 6rem;
    margin: 1rem auto;
    border: none;
    font-size: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #FF6633;
    border-radius: 50%;
    transform: rotate(90deg);
    cursor: pointer;
}
.formQf button:hover {
    background: #FF9933;
}
.formQf button span {
    color: #FFFFFF !important;
}
.formQf #resultatQf {
    width: 30%;
    margin: 1.5rem auto;
    padding: 0.6rem;
    text-align: center;
    border-radius: 10rem;
    border: 2px solid #FF6633;
}
.formQf label {
    color: #FF6633;
}
.boutonFooter {
    display: inline-block;
    padding: 0.8rem;
    margin: 0.5rem 0;
    border: none;
    font-family: 'Gotham';
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF !important;
    border-radius: 0.5rem;
}
.candidater {
    display: flex;
    flex-direction: column; 
    margin: 2rem auto;
}
.candidater .boutonFooter {
    max-width: 35%;
}
.candidatureHiver {
    background: #33CCCC;
}
.candidatureEte {
    background: #FFA700;
}
.candidatureAutomne {
    background: #FF6633;
}
.candidaturePrintemps {
    background: #66CC99;
}
.candidatureProchaine {
    background: #696969;
}
.lienTemoignage {
    width: 18rem;
    background: #FF6633;
}
#respect {
    display: flex;
    justify-content: space-between;
    width: 75%;
    margin: auto;
}
#respect figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 8rem;
    margin: 0;
}
#respect figure p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7rem;
    height: 7rem;
    margin: 0;
    font-family: 'Gotham';
    font-size: 4rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #006699;
    border: 5px #33CCCC solid;
    border-radius: 50rem;
}
#respect figure figcaption {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #33CCCC;
}
.reglesIllustrations {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.reglesInterdictions {
    flex-wrap: nowrap;
}
.reglesIllustrations .figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.5rem 1rem;
}
.reglesIllustrations .figure p {
    width: 30rem;
    margin: 1rem auto;
    font-size: 1.5rem;
    text-align: center;
}
.reglesInterdictions .figure p {
    width: 55rem;
}
#figureDouble {
    display: flex;
    flex-direction: row;
}
.reglesInterdictions img {
    display: block;
    height: 15rem !important;
    margin: 0 1rem;
}
.reglesIllustrations .figure img {
    display: block;
    height: 20rem;
}
.figureCentre {
    justify-content: center;
}
.figureCentre .figure p {
    width: 100%;
}
.bonsPlans {
    display: flex;
    flex-direction: row;
    margin: 1.5rem 0 3rem 0;
}
.bonsPlans p {
    max-width: 30%;
    margin: 0 3rem;
}
.bonsPlans img {
    display: flex;
    align-self: center;
}
.bonsPlans #imageTetine {
    margin-right: 3rem;
}
#logosPartenaires {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#prestatairesColos {
    display: flex;
    flex-direction: row;
}
.colonnePresta {
    max-width: 17%;
    margin: 0 auto;
}
#logosPartenaires a {
    width: 20%;
}
#logosPartenaires img,
.unPresta img {
    display: flex;
    align-self: center;
    width: 80%;
    margin: 1rem 3rem 1rem 0;
}
#mosaiqueRecrutement {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 4rem auto;
}
#mosaiqueRecrutement figcaption {
    margin-top: 1rem;
    text-align: center;
}
.unPoste {
    margin: 5rem 0 1rem 0;
}
#organigramme,
#imgServicesVL,
.imgDates {
    width: 100%;
}
#mailContact {
    display: flex;
    justify-content: space-between;
}
#popUpPartenaires {
    position: fixed;
    top: 20%;
    left: -1000%;  
    width: 64rem;
    padding: 0.5rem;
    text-align: center;
    z-index: 4;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.28);
    box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.28);
    cursor: default;
}
#popUpPartenaires a,
#popUpPartenaires label {
    color: #000033;
}
.slidePartenaire:hover {
    cursor: pointer;
}
.carouselFooter .glide__slide img:hover {
    transform: scale(1.05);
}
/**********************************************************************************/
/* AFFICHAGE TABLEAUX */
/**********************************************************************************/
.tableauPageFooter {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 1.5rem auto;
    border: 1px #006699 solid;
    border-radius: 0.5rem;
}
#pointsAffectations {
    display: flex;
    justify-content: center;
}
.tableauAffectations {
    width: 25%;
}
.tableauPageFooter .ligneTitre {
    display: flex;
    flex-direction: row;
    font-weight: 400;
    background: #006699;
}
.tableauPageFooter .ligne {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}
.tableauPageFooter .cellule {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-size: 1.4rem;
    border-top: 1px #006699 solid;
    text-align: center;
}
.tableauPageFooter .celluleTitre {
    width: 100% !important;
}
.tableauAffectations .cellule {
    width: 50%;
    color: #006699;
}
.tableauAnnulation .cellule {
    width: 80%;
    color: #000033;
}
.tableauAnnulation .celluleSeule {
    width: 100%;
    text-align: center;
    color: #000033;
}
.tableauPageFooter .ligneTitre .cellule:not(:last-child),
.tableauPageFooter .ligneTitre .celluleTitre:not(:last-child) {
    border-right: 1px #BFBFBFBF solid;
}
.tableauPageFooter .ligneTitre .cellule p {
    margin: 1rem 0;
    font-size: 1.5rem !important;
    color: #FFFFFF !important;
}
.tableauPageFooter .ligneTitre .celluleTitre p {
    font-size: 1.2rem !important;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF !important;
}
.tableauPageFooter .ligne .cellule:not(:last-child)
{
    border-right: 1px #006699 solid;
}
/**********************************************************************************/
/* AFFICHAGE TABLEAUX TARIFS */
/**********************************************************************************/
.uneSession {
    margin-bottom: 5rem;
}
.uneSession h5 {
    font-size: 2rem;
    margin-bottom: 0.3rem;
}
.affichageTarifsColo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 0 2rem 0;
}
.tableauTarifsColo,
.tableauTarifsVL {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 1rem;
}
.tableauTarifsColo {
    width: 30%;
}
.tableauTarifsVL {
    width: 100%;
    margin: 0.5rem 0 4rem 0;
}
.tableauTarifsColo [type="checkbox"],
.tableauTarifsColo .tableauCache,
.tableauTarifsVL [type="checkbox"],
.tableauTarifsVL .tableauCache,
.tableauSaline [type="checkbox"],
.tableauSaline .tableauCache  {
    display: none;
}
.tableauTarifsColo [type="checkbox"]:checked ~ .tableauCache,
.tableauTarifsVL [type="checkbox"]:checked ~ .tableauCache,
.tableauSaline [type="checkbox"]:checked ~ .tableauSaline .tableauCache  {
    display: block;
}
.tableauTarifsColo .ligneTitre,
.tableauTarifsVL .ligneTitre,
.tableauSaline .ligneTitre {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 25rem;
    height: 3.1rem;
    font-family: 'Museo Slab 700';
    color: #FFFFFF;
}
.tableauTarifsColo .ligneTitre {
    background: #FF6633;
}
.tableauTarifsVL .ligneTitre,
.tableauSaline .ligneTitre {
    background: #006699;
}
.tableauTarifsVL .ligneTitre a,
.tableauSaline .ligneTitre a {
    width: 100%;
    font-weight: lighter !important;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF !important;
}
.tableauTarifsVL .ligneTitre:hover,
.tableauSaline .ligneTitre:hover {
    background: #3385AD;
}
.tableauTarifsColo .ligneTitre img,
.tableauTarifsVL .ligneTitre img,
.tableauSaline .ligneTitre img {
    width: 1rem;
    margin-left: 1rem;
}
.tableauTarifsColo .ligneTitre img:hover,
.tableauTarifsVL .ligneTitre img:hover,
.tableauSaline .ligneTitre img:hover {
    transform: none;
}
.tableauTarifsVL .tableauCache img {
    width: 100%;
}
.tableauSaline .tableauCache img {
    width: auto;
}
.tableauTarifsColo .ligne {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}
.tableauTarifsColo .ligne:nth-child(even) {
    background: rgba(204,204,204,0.5);
}
.tableauTarifsColo .ligneLegende p {
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #006699;
}
.tableauTarifsColo .cellule,
.tableauTarifsVL .cellule {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    height: 3rem;
}
.tableauTarifsColo .cellulePrix {
    width: 5rem;
}
.tableauTarifsColo p {
    margin: 0;
}
.tableauTarifsColo .trancheQf {
    font-family: 'Gotham Book';
    font-size: 1.2rem;
    color: #006699;
}
.tableauTarifsColo .prixColo {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
    color: #FF6633;
}
.tableauTarifsVL .tableauCache img:hover {
    cursor: zoom-in;
}
/**********************************************************************************/
/* AFFICHAGE TABLEAUX REVEILLON */
/**********************************************************************************/
#tableauForfaitReveillon {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 50%;
    margin: 1.5rem 3rem;
}
#tableauForfaitReveillon .ligne {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
}
#tableauForfaitReveillon .cellule {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25rem;
    margin: 0;
    padding: 0.5rem;
    font-size: 1.2rem;
    border: 1px #006699 solid;
    text-align: center;
}
#tableauForfaitReveillon p {
    margin: 0 !important;
}
/**********************************************************************************/
/* FORMULAIRE FOIRE AUX QUESTIONS */
/**********************************************************************************/
.header1920 #formulaireFaq {
    position: absolute;
    top: 25rem;
    left: 25%;
    width: 40%;
    margin: auto;
    padding: 1rem 5.5rem;
    background: rgba(0,0,0,0.5);
    border-radius: 1rem 8rem;
}
#formulaireFaq #labelTop {
    position :relative;
    top: -5.1rem;
    display: flex;
    justify-content: space-around;    
    margin: auto;
    font-family: 'Gotham Narrow';
    font-weight: 400;
    text-transform: uppercase;
}
#formFaq {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
}
#formulaireFaq label {
    padding: 1rem;
    text-align: center;
}
#formulaireFaq label:hover {
    transform: scale(1.1,1.1);
}
#formulaireFaq #labelTop label {
    border-radius: 1rem 1rem 0 0;
    font-size: 1.8rem !important;
}
#labelResidenceFaq{
    background: rgba(51,204,204,0.7);
}
#labelColonieFaq {
    background: rgba(255,102,51,0.7);
}
#labelResidenceFaq:hover {
    background: rgba(51,204,204,1);
}
#labelColonieFaq:hover {
    background: rgba(255,102,51,1);
    z-index: 0;
}
#labelTop label:hover {
    position: relative;
    top: -0.2rem;
}
#faqResidences,
#faqColonies {
    display: none;
}
#afficheFaqResidences:checked ~ #faqResidences,
#afficheFaqColonies:checked ~ #faqColonies {
    display: block;
}
/**********************************************************************************/
/* AFFICHAGE ET COMPORTEMENT ONGLETS FAQ ET CGV */
/**********************************************************************************/
.ongletFAQCGV {
    margin-bottom: 2rem;
}
.ongletFAQCGV label {
    display: block;
    padding: 1.2rem 0 1.2rem 2rem;
    font-family: 'Gotham';
    font-size: 1.6rem;
    font-weight: 400;
    color: #000033;
    border-radius: 0.5rem;
}
.ongletFAQCGV input,
.contenuOnglet {
    display: none;
    padding: 0 10rem;
    border-radius: 0 0 0.5rem 0.5rem;
}
.ongletFAQCGV input:checked ~ .contenuOnglet {
    display: block;
}
#ongletPointsDepart {
    padding: 2rem;
    text-align: center;
    border: 3px rgba(255,153,51,0.3) solid;
    border-radius: 0.5rem;
}
#pointsDepart {
    display: flex;
    justify-content: space-around;
    text-align: justify;
}
#ongletPointsDepart label {
    margin: 1rem 0;
    font-family: 'Gotham';
    font-size: 1.5rem;
    font-weight: lighter;
    text-align: center;
    text-decoration: underline;
}
#afficheCartePlateformes {
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 12;
    text-align: center;
    background: rgba(0,0,0,0.4);
}
#divCartePoints {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    margin: auto;
    padding: 1rem;
    text-align: center;
    background: #FFFFFF;
    z-index: 3;
}
#divCartePoints #cartes {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
#inputCartePlateformes:checked ~ #afficheCartePlateformes {
    left: 0;
}
#listeNewsletters a {
    display: block;
    margin: 1rem 0;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #000033;
}
.ongletFAQCGV input:checked .ongletFAQCGV {
    border-radius: 0.5rem 0.5rem 0 0;
}
.labelCGV {
    background: rgba(0,102,153,0.3);
}
.labelFaqColo {
    background: rgba(255,153,51,0.3);
}
.ongletCGV {
    border: 3px rgba(0,102,153,0.3) solid;
}
.ongletFaqColo {
    border: 3px rgba(255,153,51,0.3) solid;
}
.radiusReset {
    border-radius: 0.5rem 0.5rem 0 0;
}
@media screen and (max-height: 899px) and (min-width: 601px) {
    #pageFooter aside  {
        position: static !important;
    }
}
/**********************************************************************************/
/* EN DESSOUS DE 800PX */
/**********************************************************************************/
@media screen and (max-width: 800px) {
    #bottomHeaderPageFooter {
        margin-top: 1rem;
    }
    #bottomHeaderPageFooter #titreVE,
    #bottomHeaderPageFooter #titreVL {
        display: flex;
        flex-direction: column;
    }
    #bottomHeaderPageFooter h1 {
        line-height: 4rem;
    } 
    #bottomHeaderPageFooter #titreEpaf {
        font-family: 'Museo Slab 500';
        font-size: 4rem;
    }
    #bottomHeaderPageFooter #titreVE h1 {
        font-family: 'HMS Gilbert Brush';
        font-size: 4rem;
    }
    #bottomHeaderPageFooter #titreVL h1 {
        font-family: 'HMS Gilbert Script';
        font-size: 7rem;
    }
    #bottomHeaderPageFooter hr {
        width: 1px;
        margin: 0;
        border: none;
        background: #000033;
    }
    #bottomHeaderPageFooter h2 {
        font-size: 2.5rem;
    }
    #pageFooter,
    #formQfAccueil,
    #pointsAffectations,
    .affichageTarifsColo,
    #ongletPointsDepart #pointsDepart,
    #mosaiqueRecrutement,
    #preparationVoyage,
    #pendantColo,
    #detailsColo,
    #documents,
    #prestatairesColos,
    .bonsPlans,
    #logosPartenaires {
        flex-direction: column !important;
    }
    #pageFooter article,
    #pageFooter #joindrePieces,
    #mosaiqueRecrutement,
    #mosaiqueRecrutement figure a img,
    .affichageTarifsColo .tableauTarifsColo,
    .tableauAffectations,
    .tableauAnnulation,
    #respect,
    #preparationVoyage figure,
    #pendantColo figure,
    #detailsColo p,
    #documents figure,
    .colonnePresta,
    .bonsPlans,
    #logosPartenaires img {
        width: 100% !important;
    }
    #pageFooter {
        margin: 1.5rem auto !important;
    }
    #pageFooter aside {
        display: none;
    }
    #pageFooter article h3 {
        font-size: 1.8rem;
    }
    .lienCandidature {
        display: block;
    }
    .ongletFAQCGV .contenuOnglet {
        padding: 0 1rem; 
    }
    #pageFooter #joindrePieces {
        flex-direction: column;
    }
    #joindrePieces figure {
        width: 100%;
        margin: 0.5rem;
    }
    #joindrePieces figure img {
        width: 25%;
    }
    .reglesIllustrations .figure {
        margin: 1.5rem auto;
    }
    .reglesIllustrations .figure img {
        width: 60%;
        height: auto;
    }
    .reglesIllustrations .figure #imgMixite {
        width: 90%;
    }
    .reglesIllustrations .figure p {
        width: auto !important;
    }
    #reglesInterdictions img {
        height: auto !important;
        width: 30%;
    }
    #figureDouble {
        justify-content: center;
    }
    .tableauAnnulation .cellule {
        padding: 0.3rem;
    }
    #ongletPointsDepart {
        padding: 0;
    }
    #ongletPointsDepart #pointsDepart {
        width: 90%;
        margin: auto;
    }
    .affichageTarifsColo .tableauTarifsColo {
        margin: 1rem auto;
    }
    .tableauTarifsColo .ligneTitre, 
    .tableauTarifsVL .ligneTitre, 
    .tableauSaline .ligneTitre {
        font-size: 1.2rem;
    }
    #formQfAccueil {
        height: 20rem;
    }
    .slider .glide__arrow {
        width: auto !important;
        background: rgba(0,0,0,0.5) !important;
        padding: 0.6rem;
    }
    .glide__arrow--left {
        left: 0 !important;
    }
    .glide__arrow--right {
        right: 0 !important;
    }
    .flecheSlide {
        width: auto !important;
    }
    .slider h6 {
        margin: 1rem 0 0 10rem;
    }
    #respect {
        flex-direction: column;
    }
    #respect figure {
        max-width: none;
        margin: 0.5rem auto;
    }
    #respect figure p {
        width: 4rem;
        height: 4rem;
        font-size: 2.5rem;
        border: 3px #33CCCC solid
    }
    #respect figure figcaption {
        font-size: 1.2rem;
        font-weight: 900;
    }
    #documents figure {
        margin: 0;
    }
    .colonnePresta,
    .bonsPlans p {
        max-width: none;
    }
    .colonnePresta .unPresta {
        margin: 1.5rem 0;
    }
    .colonnePresta .unPresta img {
        width: 80%;
        margin: auto;
        filter: none;
    }
    .bonsPlans p,
    .bonsPlansLarge p {
        width: 100% !important;
        margin: 1rem auto;
    }
    #logosPartenaires a {
        width: 80%;
        margin: 1.5rem auto;
    }
    #logosPartenaires img {
        margin: 0;
        filter: none;
    }
    .candidater {
        display: flex;
        flex-direction: column;
        margin: 1rem 0;
    }
    .candidater .boutonFooter {
        margin: 0.5rem 0;
    }
}