@font-face {
    font-family: "Neko";
    src: url('../fonts/Neko.ttf') format(truetype);
}
body {
    background-color: #1f1f8a;
    background-image : url('../media/decoration/background-badges.png');
    background-repeat : repeat-x repeat-y;
    background-position : fixed;
    color: white;
    font-size: 1.08rem;
    margin : 0 auto;
    padding: 1%;
    text-align: center;
}
div#wrapper {
    width : 1000px;
    background-color: #070738;
    margin : 0 auto;
    border : 10px double white;
}
div.logo-mobile {
    display: none;
}
div#language-select {
    margin : 0;
    padding : 0;
}
img.unflag {
    width : 30px;
    margin : 5px;
    border : 2px solid white;
    border-radius : 10px;
}

nav#navigation, nav#reseaux-sociaux {
 margin : 15px;
}

a.liendenav {
    display: inline-block;
    width : 25%;
    padding : 1%;
    border : 3px solid #88f;
    border-radius : 10px;
    background-color : #000012;
    
}
a.liendenav:hover {
    transition : 500ms;
    background-color : #925087;
}

h1 {
    font-family: "Neko", Arial, Verdana, sans-serif;
    font-size : 1.2rem;
    line-height: 1.714;
}
p, a, tr {
    font-family: Arial, Verdana, sans-serif;
}
p.engras {
    font-weight : bold;
    font-size : 1.2rem; 
}
p.contenuparagraphe {
    font-size : 0.95rem;
    text-align: justify;
}
h2.fondblanc {
    background-color : white;
    color : black;
    font-size : 1.1rem;
}
h1.errorpage {
    color: #88f;
}
div.blocdiv {
    width : 800px;
    margin: 0 auto;
}
div#contenu-principal {
    background-color : black;
}
div#bloc-titre {
    background-color : #005087;
}
div#bloc-titre div.titre-component {
    display : block;
    padding : 1%;
}
div#banner-container {
    text-align: center;
    padding : 0;
}
div#bloc-info {
    border : dashed 2px white;
    color: white;
    background-color : green;
    padding : 30px;
    border-radius : 20px;
}
div#bloc-info p {
    text-align: center;
    margin : 0 auto;
}
div#main {
    margin : 0 auto;
    width : 100%;
}
img.banner {
    max-width : 1000px;
}
div#bloc-produits {
    display : inline-block;
    width : 100%;
    background-color : #000066;
    padding : 3px 0;
    border: 5px double white;
}
div#bloc-produits h2 {
    text-align: center;
    background-color : #123456;
    color : white;
}
a img.selfpromo {
    max-width : 10%;
    margin : 0.5%;
    border : solid 1px white;
    display : inline-block;
}
div#bloc-presentation {
    padding : 5%;
    background-color : #004744;
}
div.horizontal-center {
    display: inline-block;
    text-align: center;
}
div#bloc-presentation p {
    font-family: Arial, Verdana, sans-serif;
}
div#bloc-contenu {
    margin : 0 auto;
    text-align: center;
    display : inline-block;
    width : 100%;
}
div#bloc-contenu p {
    text-align: center;
}
div.wrapping {
    display:flex;
}

img.moyenne-taille {
    max-width : 30%;
    margin : 1.5%;
    display : inline-block;
}
h2, h3 {
    font-family: Arial, Verdana, sans-serif;
    font-size : 1.2rem;
}
h2.fondblanc, h3.fondblanc {
    background-color : rgba(255,255,255,0.8);
    color : black;
    text-shadow: 1px 1px 1px white;
    padding : 5px;
    font-size : 1.4rem;
}
div#liensDivers {
    text-align: center;
}
a.lienbouton {
    display: block;
    padding : 10px;
    width : 50%;
    border: 3px solid white;
    margin : 10px auto;
    border-radius: 7px;
    background-color : rgba(0,0,0,0.5);
}
a.boutonnav {
    margin : 5px;
    border-radius : 15px;
}

iframe {
    margin : 10px auto;
}


a, a.aclair {
    text-decoration : none;
    color : #BEBEFF;
}
div#footer {
    background-color : #000;
    padding : 50px 20px;
    color : white;
}
table.dlctable {
    margin : 0 auto;
}
table tr td{
    width: 15%;
}
td.itemtd{
    background-color : #010145;
    transition : 500ms;
}
td.itemtd:hover {
    background-color : #0606CA;
}
ul a {
    display: inline-block;
    border : 2px solid white;
    padding: 30px 0 30px 0;
    background-color : #2a003d;
    color: white;
    width : 300px;
}


@media (max-width: 1000px){
    body {
        background: #000000;
        font-size: 1.05rem;;
        padding: 0.4%;
    }
    div#wrapper {
        width : 95%;
        border : 3px double white;
    }
    div.logo-mobile {
        display: block;
    }
    h1 {
        font-size : 1.1rem;
    }
    a.liendenav {
    display: inline-block;
    width : 80%;
    padding : 1%;
    border : 1px solid #88f;
    border-radius : 0px;
}
    div.blocdiv {
        width : 95%;
    }
    div#bloc-titre div.titre-component {
        display : block;
        padding : 0.4%;
    }
    div#logo-container {
        padding : 0%;
    }
    div#language-select {
        padding: 1px;
        margin : 1px;
    }
    div#bloc-info {
        border : dashed 1px white;
        padding : 15px;
        border-radius : 10px;
    }
    div#main {
        width : 95%;
    }
    img.banner {
        display:none;
    }
    img.logo {
        max-width: 90%;
    }
    div#bloc-contenu {
        width : 98%;
    }
    img.moyenne-taille {
        max-width : 30%;
        margin : 1.5%;
        display : inline-block;
    }
    h2, h3 {
        font-size : 1.04rem;
    }
    h2.fondblanc, h3.fondblanc {
        text-shadow: 1px 1px 1px white;
        padding : 1px;
        font-size : 1.04rem;
    }
    div#liensDivers {
        text-align: center;
    }
    a.lienbouton {
        display: block;
        padding : 5px;
        width : 30%;
        border: 3px solid white;
    }
    a.boutonnav {
        display: block;
        padding : 10px;
        width : 70%;
        margin : 5%;
        border: 3px solid white;
        border-radius: 5px;
    }

    iframe {
        display: none;
    }
    img.unflag {
        width : 10%;
        margin : 5%;
    }
    div#footer {
        background-color : #000;
        padding : 50px 0px;
        color : white;
    }
    table.dlctable {
        width : 100%;
        margin : 0 auto;
    }
    table tr td{
        width: 15%;
    }
    ul a {
        display: inline-block;
        border : 2px solid white;
        padding: 30px 0 30px 0;
        background-color : #2a003d;
        color: white;
        width : 300px;
    }

}