.listeb{
    padding-left: 7%;
    padding-right: 12%;
}
.liste > li > p 
{color: black;font-family: cambay;}
#sansp
{
    list-style-type: none;
}
#fb
{
    height: 5vw;
}
#fbC
{
    height: 110px;
}
.modificationA
{
    margin-left: 30%;
    margin-right: 30%;
}

.image
{
    width: 50%;
    margin-left: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
}
.imagepays
{
    width: auto;
    margin-right: 5%;
    margin-left: -6%;
    margin-top: 2%;
    margin-bottom: 2%;
    float: left;
}
.imagedpays
{
    width: 34%;
    margin-left: 2%;
    margin-top: 1%;
    margin-bottom: 2%;
    float: right;
}
.imageport
{
    padding-right: 45px;
    margin-left: -6%;
    float: left;
}
.imagedport
{
    width: 50%;
    height: 350px;
    margin-left: -6%;
    margin-top: 2%;
    margin-bottom: 2%;
    float: left;
}
.lienb
{
    color: orangered;
    font-size: 25px;
    margin: 8px;
    font-family: cambay;
}
.lienb:hover
{
    color: orange;
    text-decoration: none;
    font-size: 25px;
    font-family: cambay;
}
.lienC
{
    color: #fc5a1d;
    font-size: 47px;
    margin: 8px;
    font-family: cambay;
}
.lienC:hover
{
    color: orange;
    text-decoration: none;
    font-size: 47px;
    font-family: cambay;
}
.formulaire
{text-align: justify;border-style: inset;padding: 5%;background-color: #f2f2f2;width: 45%;}

    
.formboit
{display: grid;font-family: cambayb;}
.form
{
    font-family: cambray;
}
.footer
{
    justify-content: center;
    display: flex;
    color: dimgray;
}
.footerl
{
    display: flex;
    font-size: 3vh;
}
.footer1
{
    width: 25%;
    text-align: right;
    line-height: 7.5;
    font-family: cambayb;
    font-size: 2vw;
}
/* .colonne1
{
    width: 35%;
    text-align: center;
    line-height: 3.5;
    font-family: cambayb;
    margin-left: 15%;
} */
.coordo
{
    width: 100%;
    text-align: center;
    line-height: 3.5;
    font-size: 22px;
    font-family: cambayb;
}
.coordo > p 
{
    color: black;
    margin: 0;
    font-size: 22px;
    font-family: cambayb;
}
/* .colonne1 > a
{
    text-decoration: none;
    color: black;
}
.colonne2 > a
{
    text-decoration: none;
    color: black;
}
.colonne1 > a:hover
{
    text-decoration: none;
    color: gray;
}
.colonne2 > a:hover
{
    text-decoration: none;
    color: gray;
}
.colonne2
{
    width: 35%;
    text-align: center;
    line-height: 3.5;
    font-family: cambayb;
    margin-right: 15%;
} */
.footer2
{
    width: 25%;
    line-height: 2.5;
    text-align: center;
    font-family: cambayb;
    font-size: 1.8vw;
    padding: 2%;
    padding-bottom: 0;
    padding-right: 0;
}
.footer3
{
    width: 25%;
    line-height: 2.5;
    text-align: center;
    font-family: cambayb;
    font-size: 1.8vw;
    padding: 2%;
    padding-bottom: 0;
    padding-left: 0;
}
.encart
{
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
}
.bandeaugris
{
    width: 100%;
    background-color: gray;
    margin: 0;
    height: 100px;
    line-height: 3.6;
    text-align: center;
    font-family: quicksandb;
    color: white;
    font-size: 26px;
}
.bandeauorangeT
{
    width: 100%;
    background-color: #FF3617;
    margin: 0;
    height: 100px;
    line-height: 2.4;
    text-align: center;
    font-family: quicksandb;
    color: white;
    font-size: 41px;
}
.bandeauorange
{
    width: 100%;
    background-color: orangered;
    margin: 0;
    height: 100px;
    line-height: 3.5;
    text-align: center;
    font-family: quicksandb;
    color: white;
    font-size: 26px;
}
.bandeaublue
{
    width: 100%;
    background-color: #63A0FF;
    margin: 0;
    height: 100px;
    line-height: 4;
    text-align: center;
    color: white;
    font-family: quicksandb;
}
.bandeaulightblue
{
    width: 100%;
    background-color: rgb(124, 124, 255);
    margin: 0;
    height: 100px;
    line-height: 4;
    text-align: center;
    color: white;
    font-family: quicksand;
}
.align
{
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-family: quicksand;
}
.missionimage
{
    height: 21vw;
    border-radius: 20px;
    max-height: 360px;
}
.missionimageA
{   
    margin-bottom: 10%;
    max-height: 276px;
    max-width: 45vw;
    border-radius: 10px;
}

.permanence
{height: 51%;padding-top: 38%;padding-left: 0%;padding-right: 0%;}
h2
{
    word-wrap: break-word;
}
.lien a
{
    color: black;
}
.lien a:hover
{
    color: white;
}
.liste li 
{
    font-size: 22px;
    color: black;
    list-style-type: none;
    font-family: cambay;
    text-align: justify;
}
p
{
    font-size: 22px;
    word-wrap: break-word;
    text-align: center;
    font-family: cambayb;
    color: white;
}
h1 ~ p
{
    max-width: 100%;
    padding-left: 10%;
    padding-right: 2%;
    font-family: cambay;
    color: white;
}
#page 
{
    background-color: #4a88d6;
    float: right;
    width: 26%;
    min-width: 250px;
    height: 400px;
    margin-top: 120px;
    margin-right: 6%;
    margin-left: 6%;
    border-radius: 10%;
}
#pagedeux
{
    float: right;
    width: 35%;
    height: 100%;
    padding-left: 0%;
    padding-right: 0%;
}
#pagetrois
{
    float:left;
    width: 35%;
    height: 100%;
    padding-left: 0%;
    padding-right: 0%;
}
#information
{
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 5%;
}
#informationcinq
{
    padding-left: 1%;
    padding-right: 1%;
}
#informationun
{
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 105px;
}
.smarticle
{
    padding-top: 90px;
}
.unarticle
{
    padding: 40px;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    width: 100%;
}
.articleform
{
    padding: 40px;
}
.deuxarticle
{
    border: solid;
    background-color: #42f8599c;
    border-color: #0c6d21cf;
    padding-left: 1%;
    border-radius: 10px;
    min-height: 256px;
    box-shadow: 0 0 20px black;
}
#taille
{
    float: right;
    padding-right: 0.5%;
    padding-top: 0.5%;
    border-radius: 20px;
    max-width: 415px;
    padding-bottom: 0.5%;
}
.centrer
{
    text-align: center;
    font-size: 35px;
    color: white;
    word-wrap: break-word;
    font-family: quicksand;
    }
.jourp
{
    text-align: center;
    font-size: 25px;
    word-wrap: break-word;
    color: whitesmoke;
}
.titre
{
    font-size: 35px;
    margin-top: 0%;
    text-align: center;
    color: black;
}
.titre1
{
    font-size: 35px;
    margin-top: 0%;
    text-align: justify;
    color: black;
    font-family: quicksand;
}
.sitf > p 
{
    color: black;
    margin: 8px;
    text-decoration: none;
    text-align: justify;
    font-size: 22px;
    font-family: cambay;
    padding-left: 2%;
    padding-right: 8%; 
}
.p1b
{
    color: black;
    margin: 8px;
    text-decoration: none;
    text-align: justify;
    font-size: 22px;
    font-family: cambay;
    padding-left: 2%;
    padding-right: 8%;
}
/* Div Espace */
#diveditor5
{font-size: 22px;font-family: cambay;}
#diveditor5 > p
{font-size: 22px;font-family: cambay;color: black;}

/* Div Cont  */
#diveditor4
{font-size: 22px;font-family: cambay;}
#diveditor4 > p
{font-size: 22px;font-family: cambay;color: black;}
#diveditor7
{font-size: 22px;font-family: cambay;}
#diveditor7 > p
{font-size: 22px;font-family: cambay;color: black;}

/* Div Pcpe */
#diveditor6
{font-size: 22px;font-family: cambay;}
#diveditor6 > p
{font-size: 22px;font-family: cambay;color: black;}
#diveditor6 > ul 
{font-size: 22px;font-family: cambay;color: black;list-style-type: none;}
/* Div Act */
#diveditor1
{font-size: 22px;font-family: cambay;}
#diveditor1 > p
{font-size: 22px;font-family: cambay;color: black;}
#diveditor1 > ul > li > a
{font-size: 22px;font-family: cambay;color: orangered;}
/*  div Aut */
#diveditor2
{font-size: 22px;font-family: cambay;}
#diveditor2 > p
{font-size: 22px;font-family: cambay;color: black;}
#diveditor2 > li > p
{font-size: 22px;font-family: cambay;color: black;list-style-type: none;}
/* saveACC */
#save3
{border-radius: 7px;background-color: white;font-family: cambayb;margin-top: 5%;}
#save3:hover
{border-radius: 7px;background-color: white;font-family: cambayb;
color: gray;}
/* saveAct */
#save1
{border-radius: 7px;background-color: white;font-family: cambayb;margin-left: 3%;}
#save1:hover
{border-radius: 7px;background-color: white;font-family: cambayb;
color: gray;}
/* savePCPE */
#save6
{border-radius: 7px;background-color: white;margin-left: 3%;font-family: cambayb;}
#save6:hover
{border-radius: 7px;background-color: white;font-family: cambayb;margin-left: 3%;color: gray;}

/* SaveContact */
#save4
{border-radius: 7px;background-color: white;font-family: cambayb;margin: auto;display: flex;}
#save4:hover
{border-radius: 7px;background-color: white;font-family: cambayb;
color: gray;}
#save7
{border-radius: 7px;background-color: white;font-family: cambayb;margin: auto;display: flex;}
#save7:hover
{border-radius: 7px;background-color: white;font-family: cambayb;
color: gray;}


/* saveEspace */
#save5
{border-radius: 7px;background-color: white;font-family: cambayb;margin: auto;display: flex;}
#save5:hover
{border-radius: 7px;background-color: white;font-family: cambayb;
color: gray;}
/* saveAut */
#save2
{border-radius: 7px;background-color: white;font-family: cambayb;margin-top: 5%;}
#save2:hover
{border-radius: 7px;background-color: white;font-family: cambayb;
color: gray;}
.back
{
    display: flex;
    margin: auto;
    padding: 5px;
    overflow-y: scroll;
    font-size: 2vh;
    font-family: cambay;
    background-color: #ffffff;
    border-radius: 5px;
    border-color: transparent;
    }
    .back2
{
    display: flex;
    margin: auto;
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 5px;
    overflow-y: scroll;
    font-size: 2vh;
    font-family: cambay;
    background-color: #ffff92;
    border-radius: 5px;
    border-color: transparent;
    }
.apparence
{
    font-size: 17px;
    font-family: cambayb;
}
.message
{font-family: cambayB;font-size: 22px;color: red;}

.retour
{
    margin: 2%;
}
.connectm
{
    border-bottom-style: double;
    text-align: center;
    width:100%;
    font-size: 4vh;
    color: white;
    font-family: quicksandb;
    margin: auto;
}
.connect2
{
    border-bottom-style: double;
    padding-bottom: 1%;
    width: 100%;
    text-align: center;
    min-width: 200px;
    font-size: 4vh;
    color: white;
    font-family: quicksandb;
    margin: 0%;
}
.but
{
    font-size: 2vh;
    border-radius: 5px;
    background-color: white;
    font-family: quicksandb;
    margin-top: 3%;
}
.container
{
    height: unset;
    width: 35%;
    min-width: 200px;
    padding-bottom: 1%;
    padding-top: 1%;
    border-style: outset;
    border-color: transparent;
    border-radius: 60px;
    background-color: white;
    background-color: #fffffff2;
}
.container2
{
    margin: auto;
    height: unset;
    width: 80%;
    display: grid;
    text-align: center;
    min-width: 200px;
    padding-bottom: 0%;
    padding-top: 1%;
    border-style: outset;
    border-color: transparent;
    border-radius: 60px;
    background-color: white;
}
.containeur
{
    display: grid;
    background-color: white;
    padding-bottom: 1%;
    padding-top: 1%;
    margin-top: 2%;
    border-style: outset;
    border-color: transparent;
    border-radius: 2rem;
}
.containeur > a
{font-family: cambayb;
    color: black;
    padding-bottom: 10%;
    padding-top: 10%;
    text-decoration: none;
    font-size: 2.2vh;
    border: none;
    background-color: transparent;
    justify-content: center;
}
.containeur > a:hover
{   font-family: cambayb;
    color: gray;
    padding-bottom: 10%;
    padding-top: 10%;
    text-decoration: none;
    font-size: 2.2vh;
    border: none;
    background-color: transparent;
    justify-content: center;
}
.containeur > a:active
{font-family: cambayb;
    color: lightgray;
    padding-bottom: 10%;
    padding-top: 10%;
    text-decoration: none;
    font-size: 2.2vh;
    border: none;
    background-color: transparent;
    justify-content: center;
}
.daltcontainer
{
    height: unset;
    display: grid;
    width: 15%;
    border-style: outset;
    border-color: transparent;
    border-radius: 60px;
    background-color: #464646;
    margin-top: 7%;
}
.bordure
{
    height: 790px;
    width: 100%;
}
.bordureun
{
    height: 550px;
    width: 100%;
}
.formepdeux
{
    background-size: 100%;
    height: 100%;
    width: 100%;
}
.Gtitre
{
    text-align: center;
    color: ghostwhite;
    font-family: cambay;
    margin-bottom: 0;
    }

.position 
{
    padding-top: 1%;
}
.position2
{
    padding-top: 4%;
    padding-bottom: 2%;
}
.but:hover
{
    font-size: 2vh;
    border-style: outset;
    border-radius: 5px;
    border-color : silver;
}
.but:active
{
    font-size: 2vh;
    border-style: inset;
    border-radius: 5px;
}
#information404
{
    background-image: url("../images/puzzle.jpg");
    background-size: 100%;
    background-attachment: fixed;
    background-position-x: center;
    background-repeat: no-repeat;
    width: 98%;
    height: 100%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 13%;
}
.boitedalto
{
    margin: 20px;
    padding-bottom: 3%;
    padding-top: 3%;
    width: 41%;
    color: black;
    font-size: 22px;
    font-family: cambayb;
    border-style: outset;
    border-color: white;
    border-radius: 60px;
    background-color: white;
}
.contain403
{
    text-align: center;
    margin-top: 2%;
}
.bouton403 
{font-family: cambayb;border-radius: 10px;background-color: white;font-size: 35px;margin-left: 0%;margin-right: 0%;}
.bouton403:hover{font-family: cambayb;border-radius: 10px;background-color: white;font-size: 35px;margin-left: 0%;margin-right: 0%;color: gray;}
.bouton0 {
    font-family: cambayb;
    border: none;
    height: 100%;
    color: black;
    padding: 0;
    font-size: 1.3vw;
    width: 100%;
    float: right;
    background-color: transparent;
}
.contain404
{
    text-align: center;
    margin-top: 2%;
}
.bouton404
{font-family: cambayb;border-radius: 10px;background-color: white;font-size: 35px;margin-left: 6%;margin-right: 6%;}
.bouton404:hover{font-family: cambayb;border-radius: 10px;background-color: white;font-size: 35px;margin-left: 6%;margin-right: 6%;color: gray;}
.bouton0 {
    font-family: cambayb;
    border: none;
    height: 100%;
    color: black;
    padding: 0;
    font-size: 1.3vw;
    width: 100%;
    float: right;
    background-color: transparent;
}
.bouton0:hover {
    font-family: cambayb;
    border: none;
    height: 100%;
    color: lightslategray;
    font-size: 1.3vw;
    width: 100%;
    float: right;
    background-color: transparent;
}
.boitedalto:hover
{
    margin: 20px;
    padding-bottom: 3%;
    padding-top: 2%;
    height: 15%;
    width: 41%;
    border-style: outset;
    border-color: rgb(220, 220, 220);
    border-radius: 60px;
}
.couleurinfo
{
    background-color: white;
    border: solid;
    border-color: transparent;
    height: 200px;
    width: 200px;
    margin: 0px;
    border-radius: 50px;
    max-width: 70px;
    max-height: 70px;
}
.positioninfo
{
    background-color: #5da6e2;
    float: left;
    width: 27%;
    padding-top: 2%;
    border-radius: 35px;
    margin-left: 2.5%;
    margin-top: 5.5%;
}
.test
{width: 90%;margin-top: 5%;margin-bottom: 10%;font-size: 25px;font-family: cambayb;color: white;}


.formep
{
    padding: 10px;
}
.infocomple
{
    width: 27%;
    float: right;
    margin-top: 10%;
    margin-right: 2.5%;
    border: solid;
    border-radius: 35px;
    border-color: transparent;
    border-style: outset;
    background-color: #5da6e2;
}
.exp
{
    margin: 0%;
    font-size: 21px;
    color: white;
    font-family: cambayb;
    padding: 4.5%;
}
.borduredeux
{
    height: 445px;
    width: 100%;
}
@media (max-width: 640px) and (orientation: portrait)  {
    body > form 
    {
        margin-top : 20%;
    }
    .liste{
        padding-left: 7%;
        padding-right: 12%;
    }
    #sansp
    {
        list-style-type: none;
    }
    #fb
    {
        height: 7vw;
    }
    #fbC
    {
        height: 110px;
    }
    .image
    {
        width: 50%;
        height: 30vh;
        margin-left: 2%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .imagepays
    {
        width: auto;
        height: unset;
        margin-right: 5%;
        margin-left: -6%;
        margin-top: 2%;
        margin-bottom: 2%;
        float: left;
    }
    .imagedpays
    {
        width: 100%;
        height: unset;
        margin-left: 3%;
        margin-top: 1%;
        margin-bottom: 2%;
        float: none;
    }
    .imageport
    {
        width: 50%;
        padding-right: 45px;
        height: unset;
        margin-left: 25%;
        float: none;
    }
    .imagedport
    {
        width: 50%;
        height: 350px;
        margin-left: -6%;
        margin-top: 2%;
        margin-bottom: 2%;
        float: left;
    }
    .lien
    {
        color: orangered;
        font-size: 25px;
        margin: 8px;
        font-family: cambay;
    }
    .lien:hover
    {
        color: orange;
        text-decoration: none;
    }
    .lienC
    {
        color: #fc5a1d;
        font-size: 47px;
        margin: 8px;
        font-family: cambay;
    }
    .lienC:hover
    {
        color: orange;
        text-decoration: none;
        font-size: 47px;
        font-family: cambay;
    }
    .formulaire
    {text-align: justify;border-style: inset;padding: 5%;background-color: #f2f2f2;width: 45%;}

    .formboit
    {display: grid;font-family: cambayb;}
    .form
    {
        font-family: cambray;
    }
    .footer
    {
        display: flex;
        justify-content: flex-start;
    }
    .footerl
    {
        display: flex;
        font-size: 3vh;
    }
    .footer1
    {
        width: 20%;
        text-align: center;
        line-height: 10.5;
        font-family: cambayb;
        padding-left: 5%;
        font-size: 1.8vh;
    }
    .colonne1
    {
        width: 35%;
        text-align: center;
        line-height: 3.5;
        font-family: cambayb;
        margin-left: 15%;
    }
    .coordo
    {
        width: 100%;
        text-align: center;
        line-height: 3.5;
        font-size: 22px;
        font-family: cambayb;
    }
    .colonne1 > a
    {
        text-decoration: none;
        color: black;
    }
    .colonne2 > a
    {
        text-decoration: none;
        color: black;
    }
    .colonne1 > a:hover
    {
        text-decoration: none;
        color: gray;
    }
    .colonne2 > a:hover
    {
        text-decoration: none;
        color: gray;
    }
    .colonne2
    {
        width: 35%;
        text-align: center;
        line-height: 3.5;
        font-family: cambayb;
        margin-right: 15%;
    }
    .footer2
    {
        width: 28%;
        text-align: center;
        font-family: cambayb;
        padding-right: 1%;
        padding-left: 0%;
        font-size: 1.8vh;
        line-height: 2.5;
    }
    .footer3
    {
        width: 37%;
        text-align: center;
        font-family: cambayb;
        line-height: 3;
        font-size: 1.8vh;
        padding-right: 0;
    }
    .encart
    {
        text-align: center;
        padding-left: 2%;
        padding-right: 2%;
    }
    .bandeaugris
    {
        width: 100%;
        background-color: gray;
        margin: 0;
        height: 100px;
        line-height: 3.5;
        text-align: center;
        font-family: quicksandb;
        color: white;
        font-size: 3.5vh;
    }
    .bandeauorangeT
    {
        width: 100%;
        background-color: orangered;
        margin: 0;
        height: 100px;
        text-align: center;
        font-family: quicksandb;
        color: white;
        font-size: 6.5vh;
    }
    .bandeauorange
    {
        width: 100%;
        background-color: orangered;
        margin: 0;
        height: 100px;
        line-height: 3.3;
        text-align: center;
        font-family: quicksandb;
        color: white;
        font-size: 3.5vh;
    }
    .bandeaublue
    {
        width: 100%;
        background-color: #63A0FF;
        margin: 0;
        height: 100px;
        text-align: center;
        color: white;
        font-family: quicksandb;
        font-size: 3.5vh;
    }
    .bandeaulightblue
    {
        width: 100%;
        background-color: rgb(124, 124, 255);
        margin: 0;
        height: 100px;
        line-height: 4;
        text-align: center;
        color: white;
        font-family: quicksand;
    }
    .align
    {
        color: white;
        text-decoration: none;
        font-size: 20px;
        font-family: quicksand;
    }
    .missionimage
    {
        height: 30vh;
    }
    .missionimageA
    {
        height: 63vw;
    }
    
    .permanence
    {height: 51%;padding-top: 38%;padding-left: 0%;padding-right: 0%;}
    h2
    {
        word-wrap: break-word;
    }
    .lien a
    {
        color: black;
    }
    .lien a:hover
    {
        color: white;
    }
    .liste li 
    {
        font-size: 22px;
        color: black;
        list-style-type: none;
        font-family: cambay;
        text-align: justify;
    }
    .bordureAdmin
{
    background-image: url("../images/bandeauAccueil.jpg");
    background-size: cover;
    padding-top: 26%;
    padding-bottom: 3.5%;
    height: unset;
    width: 100%;
    font-size: 6vh;
}
    p
    {
        font-size: 20px;
        word-wrap: break-word;
        text-align: center;
        font-family: cambay;
        color: white;
    }
    h1 ~ p
    {
        max-width: 100%;
        padding-left: 10%;
        padding-right: 2%;
        font-family: cambay;
        color: white;
    }
    #page 
    {
        background-color: blue;
        float: none;
        width: 26%;
        min-width: 80%;
        height: 400px;
        margin-top: 120px;
        margin-right: 10%;
        margin-left: 10%;
    }
    #pagedeux
    {
        float: right;
        width: 35%;
        height: 100%;
        padding-left: 0%;
        padding-right: 0%;
    }
    #pagetrois
    {
        float:left;
        width: 35%;
        height: 100%;
        padding-left: 0%;
        padding-right: 0%;
    }
    #information
    {
        width: 100%;
    }
    #informationcinq
    {
        padding-left: 1%;
        padding-right: 1%;
    }
    #informationun
    {
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 105px;
    }
    .smarticle
    {
        padding-top: 90px;
    }
    .unarticle
    {
        padding: 40px;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
        width: 100%;
    }
    .articleform
    {
        padding: 40px;
    }
    .deuxarticle
    {
        border: solid;
        background-color: #42f8599c;
        border-color: #0c6d21cf;
        padding-left: 1%;
        border-radius: 10px;
        min-height: 256px;
        box-shadow: 0 0 20px black;
    }
    #taille
    {
        float: right;
        padding-right: 0.5%;
        padding-top: 0.5%;
        border-radius: 20px;
        max-width: 415px;
        padding-bottom: 0.5%;
    }
    .centrer
    {
        text-align: center;
        font-size: 35px;
        color: white;
        word-wrap: break-word;
        font-family: quicksand;
        }
    .jourp
    {
        text-align: center;
        font-size: 25px;
        word-wrap: break-word;
        color: whitesmoke;
    }
    .titre
    {
        font-size: 35px;
        margin-top: 0%;
        text-align: center;
        color: black;
    }
    .titre1
    {
        font-size: 35px;
        margin-top: 0%;
        text-align: justify;
        color: black;
        font-family: quicksand;
    }
    .p19
    {
        color: black;
        margin: 0;
        text-decoration: none;
        text-align: justify;
        font-size: 22px;
        font-family: cambay;
        padding-left: 2%;
        padding-right: 8%;
    }
    .back
    {
        display: flex;
        margin-bottom: 30px;
        margin-top: 30px;
        padding: 5px;
        font-size: 15px;
        font-family: cambay;
        border-radius: 5px;
        border-style: dashed;
        border-color: transparent;
        }
    .apparence
    {
        font-size: 17px;
        font-family: cambayb;
    }
    .message
    {
        visibility: hidden;
    }

    .connect
    {
        margin: 0%;
        height: 0px;
        margin-bottom: 9%;
    }
    .but
    {
        font-size: 3vh;
        border-radius: 5px;
        background-color: white;
        font-family: quicksandb;
    }
    .container
    {
        padding-left: 4%;
        padding-right: 4%;
        border-style: outset;
        border-radius: 2rem;
        background-color: white;
    }

    .daltcontainer
    {
        width: 33%;
        margin-top: 22%;
        border-radius: 30px;
        background-attachment: fixed;
        background-size: 100%;
        background-color: white;
    }
    .bordureAccueil
    {
        background-image: url("../images/bandeauAccueil.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 59%;
        background-position-y: center;
        padding-top: 20%;
        padding-bottom: 10.5%;
        height: unset;
        width: 100%;
        font-size: 5vh;
    }
    .bordureConnexion
    {
        padding-top: 17.5%;
    }
    .bordureAsso
    {
        background-image: url("../images/bandeauAutismeLandes.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 59%;
        background-position-y: center;
        padding-top: 20%;
        padding-bottom: 10%;
        width: 100%;
        font-size: 3vh;
        height: unset;
    }
    .bordureAutisme
    {
        background-image: url("../images/bandeauAutisme.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 59%;
        background-position-y: center;
        height: 413px;
        padding-top: 6%;
        padding-bottom: 7%;
        width: 100%;
    }
    .bordureActions
    {
        background-image: url("../images/bandeauNosActions.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 59%;
        background-position-y: center;
        height: 414px;
        padding-top: 6%;
        padding-bottom: 7%;
        width: 100%;
    }
    .bordureContact
    {
        background-image: url("../images/bandeauContact.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 59%;
        background-position-y: center;
        padding-top: 6%;
        padding-bottom: 7%;
        width: 100%;
    }
    .bordureDifficultes
{
    background-image: url("../images/potentielphoto.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 59%;
    background-position-y: center;
    padding-top: 20%;
    padding-bottom: 6%;
    font-size: 5vh;
}
    .bordure
    {
        height: 790px;
        width: 100%;
    }
    .bordureun
    {
        height: 550px;
        width: 100%;
    }
    .formepdeux
    {
        background-size: 100%;
        height: 100%;
        width: 100%;
    }
    .Gtitre
    {
        text-align: center;
        color: ghostwhite;
        font-family: cambay;
        margin-bottom: 0;
        }
    
    .position 
    {
        padding-top: 4%;
    }
    .but:hover
    {
        font-size: 3vh;
        border-style: outset;
        border-radius: 5px;
        border-color : silver;
    }
    .but:active
    {
        font-size: 3vh;
        border-style: inset;
        border-radius: 5px;
    }
    #information404
    {
        background-image: url("../images/puzzle.jpg");
        background-size: 100%;
        background-attachment: fixed;
        background-position-x: center;
        background-repeat: no-repeat;
        width: 98%;
        height: 100%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 13%;
    }
    .boitedalto
    {
        margin: 16px;
        padding-top: 0%;
        padding-bottom: 11px;
        width: 72%;
        border-style: outset;
        border-color: white;
        border-radius: 25px;
    }
    
    .bouton0 {
        border: none;
        height: unset;
        color: black;
        font-size: 2vh;
        width: 100%;
        float: right;
        background-color: transparent;
    }
    .bouton0:hover {
        font-family: cambayb;
        border: none;
        height: 100%;
        color: gray;
        font-size: 2vh;
        width: 100%;
        float: right;
        background-color: transparent;
    }
    .boitedalto:hover
    {
        margin: 12%;
        height: 10%;
        width: 72%;
        border-style: inset;
        border-color: rgb(220, 220, 220);
        border-radius: 25px;
    }
    .couleurinfo
    {
        background-color: white;
        height: 60px;
        width: 60px;
        margin: 0px;
    }
    .positioninfo
    {
        float: left;
        margin-top: 10.5%;
        margin-right: 1%;
        width: 32%;
    }
    .test
    {
    width: 90%;
    margin-top: 5%;
    margin-bottom: 10%;
    font-size: 2vh;
    font-family: cambayb;
    }
    
    
    .formep
    {
        padding: 10px;
    }
    .infocomple
    {
        width: 26%;
        float: right;
        padding-top: 2%;
        margin-top: 6.5%;
        margin-right: 1%;
        margin-left: 1%;
        border: solid;
        border-radius: 35px;
        border-color: transparent;
        border-style: outset;
        background-attachment: fixed;
        background-size: cover;
    }
    .exp
    {
        margin: 0%;
        color: white;
        padding: 4.5%;
        font-size: 2vh;
    }
    .borduredeux
    {
        height: 445px;
        width: 100%;
    }
.modificationA{
    margin: auto;
}
}

.tailleModal{
    height:40vh;  
}

.centerisation{
    margin:auto;
}

#curseur:hover{
    cursor: pointer;
}

.formulaire{
    font-size:3rem;
}

.pluss{
    height:10px;
}

.conteneurFamille{
   color:black;
}

/* .conteneur2{
    margin:auto;
} */



.article_caption{
    width:100%;
}

@media(max-width: 2560px){
    .article_caption{
    height:200px;
    }
}

@media(max-width: 1920px){
    .article_caption{
    height:180px;
    }
}

@media(max-width: 1199px){
    .article_caption{
    height:160px;
    }
}

@media(max-width: 960px){
    .article_caption{
    height:150px;
    }
}

@media(max-width: 720px){
    .article_caption{
    height:160px;
    }
}

@media(max-width: 540px){
    .article_caption{
    height:170px;
    }
}







@media(max-width: 2560px){
    .images{
    height:200px;
    }
}

@media(max-width: 1920px){
    .images{
        height: 50%;
        width: 100%;
        overflow-y: scroll;
    }
}

@media(max-width: 1199px){
    .images{
        height:160px;
    }
}

@media(max-width: 960px){
     .images{
        height:150px;
    }
}

@media(max-width: 720px){
    .images{
        height:160px;
    }
}

@media(max-width: 540px){
    .images{
        height:170px;
    }
}



@media(max-width: 1920px){
    .article{
        height: 50%;
        width: 100%;
        overflow-y: scroll;
    }
}

@media(max-width: 1199px){
    .article{
        height:160px;
    }
}

@media(max-width: 960px){
     .article{
        height:150px;
    }
}

@media(max-width: 720px){
    .article{
        height:160px;
    }
}

@media(max-width: 540px){
    .article{
        height:170px;
    }
}


@media(max-width: 1920px){
    .ajoutMateriel{
        height: 50%;
        width: 100%;
    }
}

@media(max-width: 1199px){
    .ajoutMateriel{
        height:160px;
    }
}

@media(max-width: 960px){
     .ajoutMateriel{
        height:150px;
    }
}

@media(max-width: 720px){
    .ajoutMateriel{
        height:160px;
    }
}

@media(max-width: 540px){
    .ajoutMateriel{
        height:290px;
    }
}



@media(max-width: 1920px){
    .vignette{
    height:360px;
    }
}

@media(max-width: 1199px){
    .vignette{
        height:160px;
    }
}

@media(max-width: 960px){
     .vignette{
        height:150px;
    }
}

@media(max-width: 720px){
    .vignette{
        height:160px;
    }
}

@media(max-width: 540px){
    .vignette{
        height:170px;
    }
}
.margindescription{
    margin-top:85px;
}

.onglets{
    overflow-y: scroll;
    height:223px;
}

.modalModifAdresse{
    overflow-y: scroll;
    height:480px;
}