.paragraphe-conteneur {
    display: inline-flex;
    flex-flow: column wrap;
    width: calc(100% - 0.3vh);
}

.paragraphe-conteneur-demie {
    display: inline-flex;
    flex-flow: column wrap;
    width: calc(50% - 0.3vh);
}

.paragraphe-contenu > div.titre1 {
    font-size: 1.25em;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0 0.5em;
}

.titre2 {
    font-weight: bold;
    font-style: italic;
}

.paragraphe-contenu > div:not(.titre1):not(.titre2) {
    padding: 0.4em 1.5em;
}

.paragraphe-contenu > form {
    padding: 1vh 3vh 1vh 3vh;
    /*border-bottom: 2vh solid white;*/
}

.BG-couleur-pro > > .paragraphe-contenu > div:not(.titre1) {
    background-color: #d0dedb; /*couleur-encadre*/
}

.paragraphe-zone {
    display: block;
    position: relative;

    /*margin-top: 2vh;*/

    vertical-align: top;
}

.paragraphe-titre {
    display: block;
    position: relative;

    padding: 0 7vh 0 3vh;

    color: #FFF;

    margin-right: 2vh;
    margin-top: 2vh;

    width: 100%;
}

.paragraphe-pro-pointe {
    display: block;
    position: absolute;

    top: 2em;
    left: calc(50% - 2vh);
    width: 20vh;
    height: 1vh;
}

.paragraphe-action {
    display: block;
    position: absolute;

    top: 4vh;
    /*right: 6.5vh;*/
    left: calc(100% - 7vw);
}

.paragraphe-contenu {
    display: block;

    width: calc(100% - 1.55vw);
    /*96.5vw;*/
}

/**************************************************/
/*              FLECHES BAS             */
/**************************************************/
/* PRO */
.fleche-bas-pro {
    text-align: center;
}

.fleche-bas-pro:after,
.fleche-bas-pro:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-bas-pro:after {
    top: 0;
    border-color: #427D6F transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

.fleche-bas-pro:before {
    top: 0.35vh;
    border-color: white transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

/* PUBLIC */
.fleche-bas-public {
    text-align: center;
}

.fleche-bas-public:after,
.fleche-bas-public:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-bas-public:after {
    top: 0;
    border-color: #90AB4A transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

.fleche-bas-public:before {
    top: 0.35vh;
    border-color: white transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

/* ETSAD */
.fleche-bas-etsad {
    text-align: center;
}

.fleche-bas-etsad:after,
.fleche-bas-etsad:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-bas-etsad:after {
    top: 0;
    border-color: #5096A7 transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

.fleche-bas-etsad:before {
    top: 0.35vh;
    border-color: white transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

/* ROUGE */
.fleche-bas-rouge {
    text-align: center;
}

.fleche-bas-rouge:after,
.fleche-bas-rouge:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-bas-rouge:after {
    top: 0;
    border-color: #A9231B transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

.fleche-bas-rouge:before {
    top: 0.35vh;
    border-color: white transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

/* ORANGE */
.fleche-bas-orange {
    text-align: center;
}

.fleche-bas-orange:after,
.fleche-bas-orange:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-bas-orange:after {
    top: 0;
    border-color: #D76513 transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

.fleche-bas-orange:before {
    top: 0.35vh;
    border-color: white transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

/* JAUNE */
.fleche-bas-jaune {
    text-align: center;
}

.fleche-bas-jaune:after,
.fleche-bas-jaune:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-bas-jaune:after {
    top: 0;
    border-color: #EDB600 transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

.fleche-bas-jaune:before {
    top: 0.35vh;
    border-color: white transparent transparent transparent;
    border-width: calc(1.5 * 1.1vh) 1.1vh 0 1.1vh;
}

/**************************************************/
/*              FLECHES HAUT             */
/**************************************************/
/* PRO */
.fleche-haut-pro {
    text-align: center;
}

.fleche-haut-pro:after,
.fleche-haut-pro:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-haut-pro:after {
    top: 0.35vh;
    border-color: transparent transparent #427D6F transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

.fleche-haut-pro:before {
    top: 0;
    border-color: transparent transparent white transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

/* PUBLIC */
.fleche-haut-public {
    text-align: center;
}

.fleche-haut-public:after,
.fleche-haut-public:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-haut-public:after {
    top: 0.35vh;
    border-color: transparent transparent #90AB4A transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

.fleche-haut-public:before {
    top: 0;
    border-color: transparent transparent white transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

/* ETSAD */
.fleche-haut-etsad {
    text-align: center;
}

.fleche-haut-etsad:after,
.fleche-haut-etsad:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-haut-etsad:after {
    top: 0.35vh;
    border-color: transparent transparent #5096A7 transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

.fleche-haut-etsad:before {
    top: 0;
    border-color: transparent transparent white transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

/* ROUGE */
.fleche-haut-rouge {
    text-align: center;
}

.fleche-haut-rouge:after,
.fleche-haut-rouge:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-haut-rouge:after {
    top: 0.35vh;
    border-color: transparent transparent #A9231B transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

.fleche-haut-rouge:before {
    top: 0;
    border-color: transparent transparent white transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

/* ORANGE */
.fleche-haut-orange {
    text-align: center;
}

.fleche-haut-orange:after,
.fleche-haut-orange:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-haut-orange:after {
    top: 0.35vh;
    border-color: transparent transparent #D76513 transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

.fleche-haut-orange:before {
    top: 0;
    border-color: transparent transparent white transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

/* JAUNE */
.fleche-haut-jaune {
    text-align: center;
}

.fleche-haut-jaune:after,
.fleche-haut-jaune:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.fleche-haut-jaune:after {
    top: 0.35vh;
    border-color: transparent transparent #EDB600 transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}

.fleche-haut-jaune:before {
    top: 0;
    border-color: transparent transparent white transparent;
    border-width: 0 1.1vh calc(1.5 * 1.1vh) 1.1vh;
}