main > h1 {
    font-family: rotterdale;
    text-align: center;
    color: white;
    font-size: 7em;
}

main > p,
main > section > p,
main > div > p {
    color: white;
    font-family: champagne-limousines;
    font-size: 2em;
    text-align: center;
}

div > div > p {
    font-size: 2em;
    font-family: champagne-limousines;
    background-color: maroon;
    border-radius: 20px;
}

section > ul > li {
    color: white;
    font-size: 3em;
    font-family: champagne-limousines;
    list-style: square outside url(Images/icone_liste.ico);
    margin-left: 2em;
    margin-right: 2em;
}

section > ul > li::first-letter {
    font-size: 2em;
    font-weight: bolder;
}

#sectwwa {
    display: flex;
    align-items: center;
}

.titleAccueil {
    text-decoration: white underline dotted;
}

h2 {
    font-family: champagne-limousines;
    color: white;
    font-size: 3.5em;
    font-weight: bold;
    font-variant: small-caps;
    margin-left: 5%;
}

#h2wwa {
    text-align: center;
    margin-left: 0;
}

h3 {
    font-family: retroscript;
    color: white;
    text-align: center;
    font-size: 5em;
}

form {
    color: white;
    margin-left: 25%;
    width: 50%;
    font-size: 1.8em;
    padding: 1em;
    border: 2px solid white;
}

label,
input,
textarea {
    width: 100%;
}

input,
textarea {
    color: black;
}

legend {
    font-size: 1em;
}

figcaption {
    font-family: albeon;
    color: black;
    font-size: 4em;
    text-align: center;
    font-style: italic;
    background-color: white;
}

#button {
    color: white;
    font-weight: bold;
    background-color: red;
    border-radius: 10px;
}

#linkwwa {
    font-size: 4em;
}

#cadrewwa {
    border: 5px solid yellow;
    border-radius: 10px;
    padding: 1.2em;
    margin-left: 25%;
    margin-right: 25%;
}

footer {
    color: white;
    text-align: center;
    font-size: 1em;
    font-style: italic;
    margin-top: 10em;
}

table {
    margin: 20px auto;
    border-collapse: separate;
    border-spacing: 20px;
}

td,
th {
    text-align: center;
    color: white;
    font-size: 2em;
    font-family: champagne-limousines;
    font-weight: 100;
    border: 2px dashed white;
    border-radius: 20px;
    padding: 20px;
}

th > img,
td > img {
    border: 3px solid red;
    border-radius: 10px;
}

.classement {
    font-family: albeon;
    color: white;
    background-color: red;
    width: 30%;
    margin-left: 35%;
    font-weight: bold;
    font-size: 2.5em;
}

caption {
    text-align: center;
    color: white;
    font-size: 4em;
    font-family: albeon;
    caption-side: top;
}

.nom {
    font-weight: bold;
    font-size: 1.2em;

}

em {
    font-weight: bold;
}

.h3acc {
    margin: 1em;
}

p > a {
    margin: 1em;
    color: white;
    font-size: 1.5em;
    padding: 0.5em;
    border: 2px solid white;
    background-color: maroon;
    border-radius: 1em;
    font-weight: 600;
}

p > a:hover {
    color: cyan;
    background-color: chocolate;
    border: 2px solid cyan;
    font-size: 2em;

}

#sectprod {
    display: flex;
    align-items: center;
}

h5 {
    color: white;
    font-size: 4em;
    font-family: albeon;
    background-color: red;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: black;
    border-radius: 10em;
}

@media screen and (min-width: 640px) {
    .pcdisplay {
        display: none;
    }

    .menumobile {
        display: none;
    }
}

@media screen and (max-width : 960px) {
    p > a {
        margin: 0.5em;
        color: white;
        font-size: 1.2em;
        padding: 0.5em;
        border: 2px solid white;
        background-color: maroon;
        border-radius: 1em;
        font-weight: 600;
    }

    p > a:hover {
        color: cyan;
        background-color: chocolate;
        border: 2px solid cyan;
        font-size: 1.5em;

    }

    h3 {
        font-size: 4em;
    }

    h2 {
        font-size: 3em;
    }

    .footerconf {
        font-size: 1em;
    }

    .footerconf:hover {
        font-size: 1.2em;
    }

    main > h1 {
        font-size: 5em;
    }

    caption {
        font-size: 3em;
    }

    figure > img {
        width: 130%;
        height: 130%;
    }

    figcaption {
        margin-left: 1.3em;
        font-size: 4em;
    }

    section > ul > li {
        font-size: 2em;
    }

    table,
    tr,
    td,
    th {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .classement {
        margin-left: 0;
    }
}

@media screen and (max-width : 640px) {

    .mobiledisplay,
    .h3acc,
    #figwwa,
    #cadrewwa,
    #catchprod,
    #orcontact,
    #pagename {
        display: none;
    }

    nav {
        text-align: center;
    }

    .menupc {
        display: none;
    }
}