#top {
    /* background */
    position: absolute;
    width: 1280px;
    height: 700px;
    top: 0;
    left: 0%;
    overflow-x:hidden;
    margin: 0 0 0 0;
    background: url(background.jpg);
    background-repeat: no-repeat;
}
#top__p1 {
    /* Des mots qui guérissent... */
    position: relative;
    font-family: 'Gothic A1';
    left: 27%;
    top: 68%;
    font-style: normal;
    font-weight: 700;
    font-size: 3.2em;
    line-height: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
#top__p2 {
    /* Des mots pour guérir... */
    position: relative;
    font-family: 'Gothic A1';
    left: 30%;
    top: 65%;
    font-style: normal;
    font-weight: 700;
    font-size: 3.2em;
    line-height: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

#corps {
    position: absolute;
    width: 1280px;
    height: 2200px;
    top: 700px;
    left: 0;
    background: #FFFFFF;
}

#corps__title {
    /* Christine Bariller */
    position: absolute;
    left: 35.5%;
    top; 0;
    margin: 2% 0 0 0;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 700;
    font-size: 3.2em;
    line-height: 140%;
    text-align: center;
    color: #3663B9;
}

#quote {
    position: relative;
    width: 37.5%;
    height: 22%;
    left: 53.5%;
    top: 5.5%;
    background: #032B71;
    border-radius: 1.5em;
}

#quote__p {
    /* “Depuis plus de 30 ans, j’ai fait l’expérience de la valeur des mots. Des mots qui guérissent et non pas des béquilles.*/
    position: absolute;
    margin-left: 2%;
    top: 30px;
    margin-right: 2%;
    margin-top: 0;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 700;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    position: relative;
}

#quote__p2 {
    /* Des mots qui peuvent –quand ils sont bien utilisés et compris – faire retour et aider à aller mieux. Souvent des mots qui révèlent ce qu’on sent sans vraiment le savoir.” */
    position: absolute;
    margin-left: 2%;
    top: 10px;
    margin-right: 2%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 700;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    position: relative;
}

#pict {
    box-sizing: border-box;
    position: absolute;
    right: 53.5%;
    width: 37.5%;
    height: 22%;
    top: 5.5%;
    background: url(portrait.jpg);
    border: 0.3em solid #032B71;
    border-radius: 1.5em;
}
#text {
    position: relative;
    width: 82%;
    height: 39.5%;
    left: 9%;
    top: 9%;
    background: #032B71;
    border-radius: 2em;
}

#text__p1 {
    position: absolute;
    left: 2%;
    top: 10px;
    right: 2%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
#text__p2 {
    position: absolute;
    left: 2%;
    top: 240px;
    right: 2%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
#text__p3 {
    position: absolute;
    left: 2%;
    top: 470px;
    right: 2%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
#text__p4 {
    position: absolute;
    left: 11.5%;
    top: 670px;
    right: 11.5%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
#text__p5 {
    position: absolute;
    left: 27%;
    top: 710px;
    right: 15.5%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
#text__p6 {
    position: absolute;
    left: 31%;
    top: 760px;
    right: 2%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
#maps   {
    box-sizing: border-box;
    position: absolute;
    width: 37.5%;
    height: 22%;
    top: 74%;
    left: 53.5%;
    border: 0.5em solid;
    border-color: #032B71;
    border-radius: 1.5em;
}
#contact {
    position: absolute;
    width: 37.5%;
    height: 22%;
    right: 53.5%;
    top: 74%;
    background: #032B71;
    border-radius: 1.5em;
}
#contact__p1 {
    position: absolute;
    left: 24.5%;
    top: 45px;
    right: 24.5%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
#contact__p2 {
    position: absolute;
    left: 6%;
    top: 90px;
    right: 6%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
#contact__p3 {
    position: absolute;
    left: 28.5%;
    top: 135px;
    right: 28.5%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

#contact__p4 {
    position: absolute;
    left: 36%;
    top: 260px;
    right: 36%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

#contact__p5 {
    position: absolute;
    left: 28.5%;
    top: 305px;
    right: 28.5%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

#contact__p6 {
    position: absolute;
    left: 7%;
    top: 350px;
    right: 7%;
    font-family: 'Gothic A1';
    font-style: normal;
    font-weight: 600;
    font-size: 1.9em;
    line-height: 140%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

@media all and (min-width:1281px) {
    body {  
        align-content:center;
        }
    #top {
        left:calc((100% - 1280px) / 2);
        right:calc((100% - 1280px) / 2);
    }
    #corps {
        left: calc((100% - 1280px) / 2);
        background: #FFFFFF;
    }

}