@font-face {
	font-family: 'Great';
	src: url("../police/main/GreatVibes-Regular.ttf") /*domaine publique*/
}
* {
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
    font-family: 'Great';
}
::-webkit-scrollbar {
    width: 0px;
}
body {
    height: 100%;
    width: 100%;
}
.maintop {
    width: 100%;
    height: 50vh;
    background-size: cover;
    /* background-image: url('../img/208/aaaaaaaa.gif'); */
    background-image: radial-gradient(circle, rgb(0, 179, 255) 5%,rgb(0, 255, 42) 15%, rgb(255, 196, 0) 25%, rgb(255, 0, 0) 35%, rgb(200, 0, 255) 45%, rgb(255, 255, 255)50%);
    animation: top 1.5s linear infinite;
}
@keyframes top {
    0% {background-image: radial-gradient(circle,rgb(200, 0, 255) 5%, rgb(0, 179, 255) 15%,rgb(0, 255, 42) 25%, rgb(255, 196, 0) 35%, rgb(255, 0, 0) 45%, rgb(255, 255, 255)50%);}
    25%{background-image: radial-gradient(circle,rgb(255, 0, 0) 5%, rgb(200, 0, 255) 15%, rgb(0, 179, 255) 25%,rgb(0, 255, 42) 35%, rgb(255, 196, 0) 45%, rgb(255, 255, 255)50%);}
    50%{background-image: radial-gradient(circle, rgb(255, 196, 0) 5%, rgb(255, 0, 0) 15%, rgb(200, 0, 255) 25%, rgb(0, 179, 255) 35%,rgb(0, 255, 42) 45%, rgb(255, 255, 255)50%);}
    75%{background-image: radial-gradient(circle, rgb(0, 255, 42) 5%, rgb(255, 196, 0) 15%, rgb(255, 0, 0) 25%, rgb(200, 0, 255) 35%, rgb(0, 179, 255) 45%, rgb(255, 255, 255)50%);}
    100%{background-image: radial-gradient(circle, rgb(0, 179, 255) 5%,rgb(0, 255, 42) 15%, rgb(255, 196, 0) 25%, rgb(255, 0, 0) 35%, rgb(200, 0, 255) 45%, rgb(255, 255, 255)50%);}
}
.top {
    font-size: 260%;
    color: white;
    padding-top: 10vh;
    text-align: center;
    height: 65vh;
    background-image: linear-gradient(180deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0)100%);
    z-index: 1;
    position: relative;
}
.top div {
    padding-top: 5%;
    width: 100%;
    text-align: center;
    font-size: 80%;
}
.allgrid {
    margin-top: -10vh;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.allgrid div {
    /* height: 2736px; */
    /* height: 50vw; */
    width: 50%;
    background-size: contain;
    /*display: inline-flex; */
}
.allgrid div {
    background-image: radial-gradient(circle, rgb(0, 106, 255) 0%,rgb(0, 37, 6) 35%, rgb(0, 0, 0)50%);
}
#id_img {
    background-size: contain;
    background-position: center;
    width: -webkit-fill-available;
}
#id_text {
    color: white;
    font-size: 2vw;
    text-align: center;
    display: grid;
    place-items: center;
}
.block_1_1 {
    background-image: radial-gradient(circle, rgb(0, 8, 118) 0%,rgb(19, 80, 0) 5%,rgb(25, 25, 25) 10%, rgb(93, 76, 0) 40%, rgb(0, 0, 0) 90%);
}
.block_2_1 {
    background-image: url('../img/208/img_2_1.webp');
}
.block_1_2 {
    background-image: url('../img/208/img_1_2.webp');
}
.block_2_2 {
    background-image: radial-gradient(circle, rgb(255, 55, 0) 0%, rgb(89, 28, 0) 35%, rgb(0, 0, 0)100%);
}
.block_1_3 {
    background-image: radial-gradient(circle, rgb(0, 106, 255) 0%,rgb(0, 37, 6) 35%, rgb(0, 0, 0)50%);
}
.block_2_3 {
    background-image: url('../img/208/img_2_3.webp');
}
.block_1_4 {
    background-image: url('../img/208/img_1_4.webp');
}
.block_2_4 {
    background-image: radial-gradient(circle, rgb(0, 0, 0) 10%, rgb(139, 18, 0) 35%, rgb(0, 0, 0)50%);
}
.block_1_5 {
    background-image: linear-gradient(236deg, rgb(0, 10, 155) 0%, rgb(0, 133, 51) 100%);
}
.block_2_5 {
    background-image: url('../img/208/img_2_5.webp');
}
.block_1_6 {
    background-image: url('../img/208/img_1_6.webp');
}
.block_2_6 {
    background-image: radial-gradient(circle, rgb(5, 96, 0) 10%,rgb(114, 106, 0) 30%, rgb(204, 204, 204)50%, rgb(49, 49, 49)100%);
}