body
{
background-color: #A1A1A1; /* Le fond de la page  - 9FA5A6 - 9DA6A6 - A1A1A1 - BFC4C4 - #8C97A7 - #5F7F9C - 728DA5- 516C8C- 929292*/
color: #F5F5F5; /*white;*/ /* Le texte de la page */
font-family: Arial, sans-serif;
/* background-image: url(images/ligneblanche2.png); */
}


html
{
box-sizing: border-box;
}
/* les padding et border seront compris dans width et height de sorte que les padding
et border ne viennent pas se rajouter au width et height qu'on demande */
*,
*::after,
*::before
{
box-sizing: inherit;
}


header
{
margin-top: 2.5em;
margin-left: 1.25em;
margin-bottom: 3.75em; /* nécessaire car si on change margin-top de nav ça désaxe l'alignement avec le logo. */
}


.nav_logo
{
margin-top: 1.875em;
}


nav
{
font-size: 1.3em; /* 1.15em; */
margin-left: 1.25em;
width: 12.5em;
a {
color: #A1A1A1;
}
background-color: #F5F5F5; /* DEDEDE;*/
border: /* 2px */ 5px #E0CCA9 solid; /* F6ED8F jaune */
border-radius: 1em 1em 1em 0em;
}


nav
{
display: inline-block;
vertical-align: top;
}


.logo
{
display: inline-block;
vertical-align: top;
margin-left: 21.5em;
}


.logo_maxwidth
{
display: none;
}


a
{
color: #E0CCA9; /* F6ED8F jaune */
}

section
{
width: 59.375em;
margin-left: 1.25em;
}


h2
{
margin-top: 2em;
margin-bottom: 3em;
}


p
{
font-size: 1.3rem;  /* 1.0625rem;*/
margin-bottom: 2.188em;
}


ul
{
list-style:none;
}


li
{
margin-bottom: 0.5em;
}


hr
{
border: 1px solid white;
}


.nom_page_accueil
{
margin-top: 2em;
margin-bottom: 4.38rem;
}


.nom_page_articles
{
margin-top: 2em;
}


.texte_page_accueil
{
/* font-size: 1.0625rem; */
margin-left: 6.25em;
}


#engli
{
cursor: pointer;
color: #E0CCA9; /* F6ED8F jaune */
font-style: italic;
text-decoration: underline;
}


.para_articles
{
line-height: 1.4em;
margin-left: 1.88em;
}


.gauche
{
display: inline-block;
vertical-align: top;
margin-top: 1.25em;
margin-left: 6.25em;
width: 28.125em;
padding: 0.94em;
}


.droite
{
display: inline-block;
vertical-align: top;
margin-top: 1.25em;
width: 25em;
padding: 0.94em;
}


#TVAa
{
cursor: pointer;
color: white;
}


.TVAb
{
color: white;
text-decoration: none;
/* font-size: 1.0625rem; */
}


section[class="section_contact"] p
{
margin-bottom: 0em;
margin-left: 1.88em;
}


footer
{
font-size: 1.3rem;
margin-top: 3.13em;
margin-left: 1.25em;
margin-bottom: 0.94em;
}

footer[class="footer_contact"]
{
margin-top: 2.5em;
}


strong
{
font-weight: normal;
}


.langue
{
font-style: italic;
}


.english
{
font-style: italic;
color: #E0CCA9; /* F6ED8F jaune */
}


@keyframes fade-in
{
from
{
color: #5F7F9C;
}
to
{
color: white
}
}


#englis
{
animation: fade-in 3s linear;
}


@keyframes fade-in2
{
from
{
opacity: 0;
}
to
{
opacity: 1;
}
}


#TVAb
{
animation: fade-in2 3s linear;
}


.TVAc
{
color: #E0CCA9; /* F6ED8F jaune */
}


#MM
{
font-style: italic;
}


.regime
{
color: #E0CCA9; /* F6ED8F jaune */
text-decoration: underline;
}


@media all and (max-width: 1024px)
{
        body
        {
        background-image: none;
        }


        section
        {
        width: auto;
        }
     
        p
        {
        font-size: 1.2rem; /* 1.0625rem; */
        }


        li
        {
        margin-bottom: 0.63em;
        }


        .logo
        {
        display: none;
        margin-left: 1.28em;
        margin-top: 2.82em;
        }


        .logo_maxwidth
        {
        display: block;
        }


        .nom_page_accueil
        {
        margin-top: 2em;
        }


        .texte_page_accueil
        {
        margin-left: 0.063em;
        margin-right: 0.625em;
        }


        .gauche, .droite
        {
        width: auto;
        display: block;
        margin-bottom: 0.94em;
        margin-left: 0px;
        padding: 0.94em;
        }


        .para_articles
        {
        margin-left: 0px;
        }


        .titre_contact
        {
        margin-top: 2em;
        margin-bottom: 2.5em;}


        section[class="section_contact"] p
        {
        margin-left: 0em;
        }


        footer
        {
        font-size: 1.15rem;
        margin-top: 0.625em;
        }
}


@media screen and (min-width: 1750px)
{
        body
        {
        background-image: none;
        }


        section
        {
        margin-left: auto;
        margin-right: auto;
        width: 60rem;
        }


        .texte_page_accueil
        {
        margin-top: 7rem;
        margin-left: auto;
        margin-right: auto;
        width: 60rem;
        }


        .para_articles
        {
        margin-top: 7rem;
        margin-left: auto;
        margin-right: auto;
        width: 60rem;
        }


        p
        {
        font-size: 1.4rem;
        }


        nav
        {
        font-size: 1.1rem;
        }


        footer
        {
        font-size: 1.3rem;
        }
}