/* Import des polices de l'identité visuelle */

@font-face {
	font-family: "Raleway";
	src: url('ressources/fonts/Raleway-Medium.ttf');
}

@font-face {
	font-family: "Caveat Brush";
	src: url('ressources/fonts/CaveatBrush-Regular.ttf');
}

@font-face {
	font-family: "Sarabun";
	src: url('ressources/fonts/Sarabun-Medium.ttf');
}
/*  */

/* BODY */

body
{
    background-color: #f9f9f9;
    font-family: Raleway;
    margin:0;
    color:#00395C;
}
/*  */

/* ENTETE */

#navigation
{   
    background-color: #00395C;
    color:white;
    position: sticky;
    top:0px;
    z-index:1;
    padding: 0.75vh 0.5vw;
}

#navigation table
{
    width: 100%;
}

#navigation td
{
    width: 33%;
}

#navigation img
{
    max-height: 4vh;
    max-width:5vw;
}

#navigation a
{
    color:inherit;
    text-decoration: none;
}

#navigation a:hover
{
    color:inherit;
    text-decoration: underline;
}

#navigation img:hover
{
    opacity: 0.8;
}
/*  */

/* TITRE */

#entete
{
    color:#00395C;
    font-size: 24px;
    margin-top: 10px;
}

#entete table
{
    width: 100%;
}

#entete td
{
    width: 33%;
}

#entete img
{
    max-height:30vh;
    max-width:20vw;
}

#entete a
{
    color:inherit;
    text-decoration: none;
}
/*  */

/* CORPS */

#corps
{
    margin:10px 10vw;
    font-family: "Sarabun";
    font-size: 18px;
}

#corps h1, #corps h2, #corps h3
{
    font-weight: normal;
    text-transform: uppercase;
    font-family: "Caveat Brush";
}

#corps table
{
    border-collapse: collapse;
    width:100%;
    font-size: 18px;
    border:2px solid black;
    font-family:"Sarabun"
}

#corps th
{
    border:2px solid #f9f9f9;
    border-bottom:3px solid #f9f9f9;
    font-size: 28px;
    background-color: #007b5b;
    color:#f9f9f9;
    padding:15px;
    font-weight: normal;
    text-transform: uppercase;
}

#corps td
{
    border:2px solid #f9f9f9;
    background-color: #00395C;
    color:#f9f9f9;
    vertical-align: top;
    padding:10px 15px;
}

#corps span.com > img
{
    max-height:75vh;
    max-width: 50vw;
    position:fixed;
    top:0px;
    display: none;
}

#corps span.com:hover > img
{
    display: inline;
}

#corps a
{
    color:inherit;
}

#corps a:hover
{
    color:red;
}

#corps table a
{
    color:inherit;
    text-decoration: none;
}

#corps table a:hover
{
    text-decoration: underline;
    color:#f9f9f9;
}

/*  */

/* PIED */

#pied
{
    background-image: url('ressources/images/chemin-100-ans-bleuSGDF.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top:10vh;
    height: 20vh;
}
/*  */

.titre
{
    font-size:26px;
    font-weight:bold;
}

.titre-maj
{
    font-size:26px;
    font-weight:bold;
    text-transform: uppercase;
}