/*@import url('https://fonts.googleapis.com/css?family=Rubik Dirt');*/


/** {*/
/*    border: solid black 1px;*/
/*    border-radius: 0.1em;*/
/*}*/

.socialnet {
    width: 24px;
    height: auto;
}

.icon {
    max-width: 2em;
    height: auto;
    margin: auto;
    vertical-align: middle;
    text-align: center;
}

.logo_itra {
    max-width: 4em;
    filter: drop-shadow(0 0 0.75rem #ffffff);
}

i {
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "montserrat", sans-serif;
    /*font-weight: 400;*/
    font-style: normal;
    text-transform: uppercase;
    font-weight: bold;
    /*font-family: Rubik Dirt, sans-serif;*/
    color: black;
}

p, a, span {
    font-family: "montserrat", sans-serif;
    font-style: normal;
    font-size: 1.1em;
    /*font-weight: 510;*/
    /*text-transform: uppercase;*/
}

h1.title {
    font-size: 1.2em;
}

h2.title {
    font-size: 0.8em;
}

h2.edosz{
    font-family: edosz, sans-serif;
    text-shadow: #000000 1px 0 20px;
}

p.vignette-course-texte {
    font-size: 0.8em;
    text-align: end;
}

nav div {
    opacity: 95%;
    background: white;
}

header {
    background: linear-gradient(0deg, black 0%, grey 20%, white 50%);
}

@font-face {
    font-display: swap;
}

@font-face {
    font-family: edosz;
    src: url(edosz.ttf);
}

.header_img {
    background-repeat: no-repeat;
    background-size: 110% auto;
    background-position: center;
}

.footer_img {
    background-image: url("/images/trailer_foret_noir_blanc.jpg");
    background-repeat: no-repeat;
    background-size: 200% auto;
    background-position: center;
}

.vignette-course {
    background-repeat: no-repeat;
    background-size: 100% 120%;
    background-position: center;
    height: 11em;
}


h2.title-vignette-course{
    font-size: 1.1em;
    font-style: italic;
    /*-webkit-text-stroke: 1px black;*/
}

.vignette-resultat {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    height: 11em;
}

.vignette-photo {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 11em;
}

.top_header {
    background:white 50%;
}

a h2 {
    text-decoration: none;
}