.body {
    /*background-image: url("https://192.168.1.12/images/process.jpg");
    background-attachment: fixed;*/
    background-color: aqua;
}

h1,
h2,
h3,
h4 {
    margin: auto;
}

.main {
    /*background-image: url("https://192.168.1.12/images/fond_commun.bmp");
    background-attachment: fixed;
    padding: 1.5%;*/
    background-color: antiquewhite;
}

.bandeau {
    background-color: burlywood;
    padding: 0.2%;
}

@media screen and (min-width: 14cm) {
    .nowrap {
        white-space: nowrap;
    }
}

@media screen and (min-width: 14cm) {
    .flex {
        display: flex;
        flex-basis: content;
        justify-content: space-around;
        align-items: center;
        list-style-type: none;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 14cm) {
    .header {
        display: flex;
        flex-wrap: wrap;
    }
}

.li {
    white-space: nowrap;
    list-style-type: none;
    margin-left: 10px;
}

.dot_li {
    display: flex;
    text-align: left;
    margin-bottom: 10px;
}

@media screen and (min-width:14cm) {
    .low-container {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
}

.smart-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 99%;
}

.margin {
    margin: 5px;
}

.article {
    white-space: pre-wrap;
    box-sizing: content-box;
    width: 100%;
    text-justify: auto;
    text-align: justify;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    line-height: 1.5;
    font-weight: 500;
    font-variant-ligatures: no-common-ligatures;
    font-size: 1rem;
    letter-spacing: 1.3px;
}

.snap {
    position: absolute;
    top: 19%;
    left: 21.3%;
}

.global_txt {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    line-height: 1.5;
    font-weight: 500;
    font-variant-ligatures: no-common-ligatures;
    font-size: 1rem;
    letter-spacing: 1.3px;
}

@media screen and (min-width: 14cm) {
    .formulaire {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.comment {
    width: 50%;
    overflow: auto;
}

@media screen and (min-width:14cm) {
    .accept {
        background-color: #eeeeee;
        padding: 1rem 1.5rem;
        width: 24rem;
        border-radius: 0.5rem;
        opacity: 1;
    }
}

.disappear {
    display: none;
}

@media screen and (min-width:14cm) {
    .appear {
        text-align: center;
        width: 30vw;
    }
}

.appear {
    text-align: center;
    background-color: burlywood;
}