body
{
    background-color: rgb(0, 0, 0);
    margin: 0%;
    padding: 0%;
}

/* @font-face
{
    font-family: inconsolata;
    src: url(font/inconsolata/inconsolata.otf) format('OpenType');
} */
/* @font-face
{
    font-family: overpass;
    src: url(font/OverpassMono/OverpassMono-Regular.ttf) format('TrueType');
} */
@font-face
{
    font-family: Source;
    src: url(font/SourcesSansPro/SourceSansPro-Regular.ttf) format('TrueType');
}
@font-face
{
    font-family: SourceBold;
    src: url(font/SourcesSansPro/SourceSansPro-Bold.ttf) format('TrueType');
}

*
{
    
    color: #FFFDF8 ;
    text-decoration: none;
}
img
{
    border-radius: 0.6%;
}

#page_header  /* display:flex place le menu à droite du titre */
{
    /* border: solid 1px blue; */
    /* border-bottom: solid 1px #303030; */
    /* padding-bottom: 0px; */
    width: 800px;
    height: 110px;
    margin: auto;
    margin-bottom: 0px;
    display: flex;
    align-items: baseline;
    font-family: Source, monospace, sans-serif;
}
    .menu_items
    {
        align-items: baseline;
        /* background-color: coral; */
    }
    #titre
    {
        /* border: solid 1px blue; */
        font-size: 3.5em;
        font-family: SourceBold, monospace, sans-serif;
    }
    #menu /* aligne correctement le menu avec le texte */
    {
        /* border: solid 1px blue; */
        /* padding-top: 17px; */
        margin-left: 27px;
        font-size: 1.15em;
    }
    #menu a
    {
        position: relative;
        text-decoration: none;
    }
    #menu a:before
    {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      bottom: 0;
      left: 0;
      background-color: darkgray;
      visibility: hidden;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s;
    }
    #menu a:hover:before
    {
      visibility: visible;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }

section
{
    /* border: solid 1px blue; */
    text-align: justify;
    width: 800px;
    padding-top: 2px;
    margin: auto;
    margin-top: 0px;
    font-family: Source, monospace, sans-serif;
}
    h2
    {
        font-size: 1.6em;
        color: darkgray;
    }

footer
{
    /* border: solid 1px blue; */
    text-align: justify;
    width: 800px;
    padding-top: 2px;
    margin: auto;
    margin-top: 20px;
    font-size: 0.80em;
    font-family: Source, monospace, sans-serif;
    

}

audio
{
	width: 800px;
}

input[type=text] 
{
    border-radius: 4px;
    height: 22px;
    background-color: #242424;
    color: rgb(151, 151, 151);
    border: 1px #505050;
    
}

input[type=submit]
{
    height: 22px;
    border-radius: 4px;
    color: rgb(151, 151, 151);
    background-color: #242424;
    border: 1px #505050;
    cursor: pointer;
    transition: 0.2s ease;
}
input[type=submit]:hover
{
    background-color: #1b1b1b;
}
::placeholder
{
    color: #a8a8a8
}

textarea
{
    border-radius: 4px;
    color: rgb(151, 151, 151);
    background-color: #242424;
    border: 1px #505050;
    font:inherit;
}

li
{
    list-style: none;
}

 .bodylink
{
	text-decoration: none;
}
.bodylink:hover
{
	text-decoration: underline;
	text-decoration-color: gray;
} 




/* --- contact form --- */

#captcha_form
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#contact_access
{
    width: 21%;
    height: 24px;
}
#required_sentence
{
    width: 78%; 
    height: 22px;
}
#formulaire_contact
{
    border: solid #242424 1px;
    padding: 10px;
    display: inline-block;
    border-radius: 4px;
    justify-content: space-around;
}
.small_fields
{
    width: 400px;
}
#message
{
    width: 400px;
    height: 300px;
    margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
}

#bas_formulaire
{
	/* border: solid red 1px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#send_button
{
    width: 60px;
    margin-bottom: 5px;
}
/* #texte_avis
{
    font-size: 0.8em;
    display: inline-block;
    margin-right: px;
    margin: 10px;
    margin-top: 4px;
}

#liste_avis
{
    height: 22px;
    margin: 10px;
    margin-top:0px;
    color: black;
} */