@font-face {
    font-family: Roboto;
    src: url(../polices/Roboto/Roboto-Regular.ttf);
}


@font-face {
    font-family: Roboto Medium;
    src: url(../polices/Roboto/Roboto-Medium.ttf);
}


@font-face {
    font-family: Roboto Italic;
    src: url(../polices/Roboto/Roboto-Italic.ttf);
}


@font-face {
    font-family: Lora;
    src: url(../polices/Lora/Lora-Regular.ttf);
}


@font-face {
    font-family: Alice;
    src: url(../polices/Alice/Alice-Regular.ttf);
}


@font-face {
    font-family: Nunito;
    src: url(../polices/Nunito/Nunito-Regular.ttf);
}


@font-face {
    font-family: Amaranth;
    src: url(../polices/Amaranth/Amaranth-Regular.ttf);
}


@font-face {
    font-family: Quicksand;
    src: url(../polices/Quicksand/Quicksand-Regular.ttf);
}


@font-face {
    font-family: Pacifico;
    src: url(../polices/Pacifico/Pacifico-Regular.ttf);
}


@font-face {
    font-family: Balsamiq Sans;
    src: url(../polices/Balsamiq_Sans/BalsamiqSans-Regular.ttf);
}


@font-face {
    font-family: Averia Libre;
    src: url(../polices/Averia_Libre/AveriaLibre-Regular.ttf);
}


@font-face {
    font-family: Grandstander;
    src: url(../polices/Grandstander/Grandstander-Regular.ttf);
}


@font-face {
    font-family: Gaegu;
    src: url(../polices/Gaegu/Gaegu-Regular.ttf);
}


@font-face {
    font-family: Press Start 2P;
    src: url(../polices/Press_Start_2P/PressStart2P-Regular.ttf);
}


@font-face {
    font-family: Lobster Two;
    src: url(../polices/Lobster_Two/LobsterTwo-Regular.ttf);
}


@font-face {
    font-family: Griffy;
    src: url(../polices/Griffy/Griffy-Regular.ttf);
}


@font-face {
    font-family: Aladin;
    src: url(../polices/Aladin/Aladin-Regular.ttf);
}


@font-face {
    font-family: Cinzel;
    src: url(../polices/Cinzel/Cinzel-Regular.ttf);
}


@font-face {
    font-family: UnifrakturMaguntia;
    src: url(../polices/UnifrakturMaguntia/UnifrakturMaguntia-Regular.ttf);
}


@font-face {
    font-family: Luckiest Guy;
    src: url(../polices/Luckiest_Guy/LuckiestGuy-Regular.ttf);
}


@font-face {
    font-family: Special Elite;
    src: url(../polices/Special_Elite/SpecialElite-Regular.ttf);
}


@font-face {
    font-family: Flavors;
    src: url(../polices/Flavors/Flavors-Regular.ttf);
}


* {
    text-align: center;
    /*
    font-family: Roboto;
    */
    
    /* C'est sage de le mettre d'après eux */
    
    box-sizing: border-box;
}

body {
    background-color: #ffffff;
    max-width: 90%;
    
    /* Recopié d'eux */
    
    margin: 0;
    
    margin-left: auto;
    margin-right: auto;
}

/* Recopié pour modèle avec 3 colonnes ? */

/*

body {    
    margin: 0;
    font-family: Arial;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;    
}

*/


h1 {
    font-family: Roboto Medium;    
    text-align: center;
    text-transform: uppercase;
    font-size: 1.625rem;
    font-weight: 400;
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
}

/* font-size > 26 pixels = 1.625 rem */

/* margin-top > 50 pixels = 3.125 rem */

/* margin-bottom > 50 pixels = 3.125 rem */


nav {
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.3125rem;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 3.125rem;
    /*
    max-width: 50em;
    */
    margin-left: auto;
    margin-right: auto;
}

/* font-size > 21 pixels = 1.3125 rem */

/* margin-bottom > 50 pixels = 3.125 rem */


h2 {
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1.3125rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 2.5rem;
}

/* font-size > 21 pixels = 1.3125 rem */

/* margin-bottom > 40 pixels = 2.5 rem */


h2.avant_image {margin-bottom: 0;}



h3 {
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 400;
    margin-top: 3.125rem;
    margin-bottom: 2.5rem;
}

/* font-size > 19 pixels = 1.1875 rem */

/* margin-top > 50 pixels = 3.125 rem */

/* margin-bottom > 40 pixels = 2.5 rem */



h3.apres_image {margin-top: 0;}



h3.avant-iframe {margin-bottom: 0;}



h4 {
    font-family: Roboto;
    text-align: center;
    font-size: 1.1em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 2em;
}



h4.titre_image {
    font-family: Roboto;
    text-align: center;
    font-size: 1.1em;
    font-weight: 400;
    margin-top: 2em;
    margin-bottom: 0;
}





/* Titre d'une image 1 */



div.titre_image {
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 400;
    margin-top: 0;
    border-top: 0;
    padding-top: 1.875rem;
    margin-top: 3.125rem;
    margin-bottom: 0;
}

/* font-size > 19 pixels = 1.1875 rem */

/* padding-top > 30 pixels = 1.875 rem */

/* margin-top > 50 pixels = 3.125 rem */



div.titre_image_1 {
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 400;
    margin-top: 0;
    border-top: 0;
    padding-top: 1.875rem;
    margin-top: 3.125rem;
    margin-bottom: 0;
}

/* font-size > 19 pixels = 1.1875 rem */

/* padding-top > 30 pixels = 1.875 rem */

/* margin-top > 50 pixels = 3.125 rem */



h3.titre_image {
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 400;
    margin-top: 0;
    border-top: 0;
    padding-top: 1.875rem;
    margin-top: 3.125rem;
    margin-bottom: 0;
}

/* font-size > 19 pixels = 1.1875 rem */

/* padding-top > 30 pixels = 1.875 rem */

/* margin-top > 50 pixels = 3.125 rem */


h3.padding_presentation_image {
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 400;
    margin-top: 0;
    border-top: 0;
    padding-top: 1.875rem;
    margin-top: 3.125rem;
    margin-bottom: 0;
}

/* font-size > 19 pixels = 1.1875 rem */

/* padding-top > 30 pixels = 1.875 rem */

/* margin-top > 50 pixels = 3.125 rem */





/* Titre d'une image 2 */



div.titre_image_2 {
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    margin-top: 0;
    border-top: 0;
    padding-top: 1.875rem;
    margin-bottom: 0;
}

/* padding-top > 30 pixels = 1.875 rem */





/* Information sur image 1 */





div.information_image {
    font-family: Roboto;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 3.125rem;
    margin-bottom: 2.5rem;
}

/* font-size > 18 pixels = 1.125 rem */

/* margin-top > 50 pixels = 3.125 rem */

/* margin-bottom > 40 pixels = 2.5 rem */





div.information_image_avant_titre_image_2 {
    font-family: Roboto;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 3.125rem;
    margin-bottom: 1.25rem;
}

/* font-size > 18 pixels = 1.125 rem */

/* margin-top > 50 pixels = 3.125 rem */

/* margin-bottom > 20 pixels = 1.25rem */





div.information_image_1 {
    font-family: Roboto;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 3.125rem;
    margin-bottom: 2.5rem;
}

/* font-size > 18 pixels = 1.125 rem */

/* margin-top > 50 pixels = 3.125 rem */

/* margin-bottom > 40 pixels = 2.5 rem */





div.information_image_1_avant_titre_image_2 {
    font-family: Roboto;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 3.125rem;
    margin-bottom: 1.25rem;
}

/* font-size > 18 pixels = 1.125 rem */

/* margin-top > 50 pixels = 3.125 rem */

/* margin-bottom > 20 pixels = 1.25rem */





/* Information sur image 2 */



div.information_image_2 {
    font-family: Roboto;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 2em;
}





div.retour_en_haut_de_la_page {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

/* margin-top > 80 pixels = 5 rem */

/* margin-bottom > 80 pixels = 5 rem */





/* Titre vidéo YouTube */



div.titre_video_youtube {
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 400;
    margin-top: 0;
    border-top: 0;
    padding-top: 1.875rem;
    margin-top: 3.125rem;
    margin-bottom: 0;
}

/* font-size > 19 pixels = 1.1875 rem */

/* padding-top > 30 pixels = 1.875 rem */

/* margin-top > 50 pixels = 3.125 rem */





/* Information vidéo YouTube */



div.information_video_youtube {
    font-family: Roboto;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 2.5rem;
}

/* font-size > 18 pixels = 1.125 rem */

/* margin-bottom > 40 pixels = 2.5 rem */





.actif {
    text-decoration: none;
    color: #000000;
    margin-left: 0.1em;
    margin-right: 0.1em;
}



/* Les liens */





a:link {
    text-decoration: underline;
    color: #000;
}


a:visited {
    text-decoration: underline;
    color: #000;
}


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


a:active {
    text-decoration: underline;
    color: #000;
}





a.sans_style:link {
    text-decoration: none;
}


a.sans_style:visited {
    text-decoration: none;
}


a.sans_style:hover {
    text-decoration: none;
}


a.sans_style:active {
    text-decoration: none;
}





a.titre_image_1:link {
    text-decoration: none;
}


a.titre_image_1:visited {
    text-decoration: none;
}


a.titre_image_1:hover {
    text-decoration: none;
}


a.titre_image_1:active {
    text-decoration: none;
}



a.titre_image_2:link {
    text-decoration: none;
}


a.titre_image_2:visited {
    text-decoration: none;
}


a.titre_image_2:hover {
    text-decoration: none;
}


a.titre_image_2:active {
    text-decoration: none;
}





a.titre_video_youtube:link {
    text-decoration: none;
}


a.titre_video_youtube:visited {
    text-decoration: none;
}


a.titre_video_youtube:hover {
    text-decoration: none;
}


a.titre_video_youtube:active {
    text-decoration: none;
}





a.menu:link {
    text-decoration: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
}


a.menu:visited {
    text-decoration: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
}


a.menu:hover {
    text-decoration: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
}


a.menu:active {
    text-decoration: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
}



a.lien_clique_avant:link {
    text-decoration: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
}


a.lien_clique_avant:visited {
    text-decoration: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
}


a.lien_clique_avant:hover {
    text-decoration: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
}


a.lien_clique_avant:active {
    text-decoration: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
}





a.retour_en_haut_de_la_page:link {
    font-family: Roboto;
    text-decoration: underline;
    color: #000;
}


a.retour_en_haut_de_la_page:visited {
    font-family: Roboto;
    text-decoration: underline;
    color: #000;
}


a.retour_en_haut_de_la_page:hover {
    font-family: Roboto;
    text-decoration: underline;
    color: #000;
}


a.retour_en_haut_de_la_page:active {
    font-family: Roboto;
    text-decoration: underline;
    color: #000;
}





/* Pour les couleurs il y a 2 jaunes #ffed00 #ffff00 */



a.dernier_lien:link {
    text-decoration: none;
    color: #000000;
    background-color: #ffff00;
    margin-left: 0.1em;
    margin-right: 0.1em;
}


a.dernier_lien:visited {
    text-decoration: none;
    color: #000000;
    background-color: #ffff00;
    margin-left: 0.1em;
    margin-right: 0.1em;
}


a.dernier_lien:hover {
    text-decoration: none;
    color: #000000;
    background-color: #ffff00;
    margin-left: 0.1em;
    margin-right: 0.1em;
}


a.dernier_lien:active {
    text-decoration: none;
    color: #000000;
    background-color: #ffff00;
    margin-left: 0.1em;
    margin-right: 0.1em;
}



/* Menu nav pour les artistes de musique */





.actif_artiste_musique {
    text-decoration: none;
    text-transform: none;
    color: #000000;
    margin-left: 0.1em;
    margin-right: 0.1em;
    white-space: pre;
}





a.menu_artiste_musique:link {
    text-decoration: none;
    text-transform: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
    white-space: pre;
}


a.menu_artiste_musique:visited {
    text-decoration: none;
    text-transform: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
    white-space: pre;
}


a.menu_artiste_musique:hover {
    text-decoration: none;
    text-transform: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
    white-space: pre;
}


a.menu_artiste_musique:active {
    text-decoration: none;
    text-transform: none;
    color: #808080;
    margin-left: 0.1em;
    margin-right: 0.1em;
    white-space: pre;
}





a.dernier_lien_artiste_musique:link {
    text-decoration: none;
    text-transform: none;
    color: #000000;
    background-color: #ffff00;
    margin-left: 0.1em;
    margin-right: 0.1em;
    white-space: pre;
}


a.dernier_lien_artiste_musique:visited {
    text-decoration: none;
    text-transform: none;
    color: #000000;
    background-color: #ffff00;
    margin-left: 0.1em;
    margin-right: 0.1em;
    white-space: pre;
}


a.dernier_lien_artiste_musique:hover {
    text-decoration: none;
    text-transform: none;
    color: #000000;
    background-color: #ffff00;
    margin-left: 0.1em;
    margin-right: 0.1em;
    white-space: pre;
}


a.dernier_lien_artiste_musique:active {
    text-decoration: none;
    text-transform: none;
    color: #000000;
    background-color: #ffff00;
    margin-left: 0.1em;
    margin-right: 0.1em;
    white-space: pre;
}





a.element_precedent_et_suivant:link {
    text-decoration: none;
    color: #808080;
    font-weight: 400;
    font-size: 1.3125rem;
}


a.element_precedent_et_suivant:visited {
    text-decoration: none;
    color: #808080;
    font-weight: 400;
    font-size: 1.3125rem;
}


a.element_precedent_et_suivant:hover {
    text-decoration: none;
    color: #808080;
    font-weight: 400;
    font-size: 1.3125rem;
}


a.element_precedent_et_suivant:active {
    text-decoration: none;
    color: #808080;
    font-weight: 400;
    font-size: 1.3125rem;
}



/* font-size > 21 pixels = 1.3125 rem */




a.element_suivant:link {
    text-decoration: none;
    color: #808080;
    font-weight: 400;
    font-size: 1.3em;
}


a.element_suivant:visited {
    text-decoration: none;
    color: #808080;
    font-weight: 400;
    font-size: 1.3em;
}


a.element_suivant:hover {
    text-decoration: none;
    color: #808080;
    font-weight: 400;
    font-size: 1.3em;
}


a.element_suivant:active {
    text-decoration: none;
    color: #808080;
    font-weight: 400;
    font-size: 1.3em;
}




a.titre_image:link {
    text-decoration: none;
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}


a.titre_image:visited {
    text-decoration: none;
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}


a.titre_image:hover {
    text-decoration: none;
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}


a.titre_image:active {
    text-decoration: none;
    font-family: Roboto Medium;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}


p {
    font-family: Roboto;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    max-width: 50em;        
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 1.875rem;
}

/* margin-bottom > 30 pixels = 1.875 rem */


p.avant_h3_padding_presentation_image {
    margin-bottom: 2.8em;
}


p.element_precedent_et_suivant {
    margin-top: 0;
    margin-bottom: 2.5rem;
    word-spacing: 3.125em;
}

/* margin-bottom > 40 pixels = 2.5 rem */

/* word-spacing > 50 pixels = 3.125 em */


p.element_suivant {
    margin-top: 1em;
    margin-bottom: 2em;
    word-spacing: 2em;
}


p.grand {font-size: 4em;}


p.times_new_roman {font-family: Times New Roman;}


p.lora {font-family: Lora;}


p.alice {font-family: Alice;}


p.helvetica {font-family: Helvetica;}


p.futura {font-family: Futura;}


p.roboto {font-family: Roboto;}


p.nunito {font-family: Nunito;}


p.amaranth {font-family: Amaranth;}


p.quicksand {font-family: Quicksand;}


p.pacifico {font-family: Pacifico;}


p.balsamiq_sans {font-family: Balsamiq Sans;}


p.averia_libre {font-family: Averia Libre;}


p.grandstander {font-family: Grandstander;}


p.gaegu {font-family: Gaegu;}


p.press_start_2p {font-family: "Press Start 2P";}


p.lobster_two {font-family: Lobster Two;}


p.griffy {font-family: Griffy;}


p.aladin {font-family: Aladin;}


p.cinzel {font-family: Cinzel;}


p.unifrakturmaguntia {font-family: UnifrakturMaguntia;}


p.luckiest_guy {font-family: Luckiest Guy;}


p.special_elite {font-family: Special Elite;}


p.flavors {font-family: Flavors;}








p.apres_image {margin-top: 0;}


p.avant_image {margin-bottom: 0;}


p.avant_iframe {margin-bottom: 0;}


i {
    font-family: Roboto Italic;
    font-style: normal;
}



iframe {
    max-height: 50em;
    margin-top: 5em;
    margin-bottom: 5em;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: block;
}





iframe.video_youtube {
    max-height: 50em;
    margin-top: 3.125em;
    margin-bottom: 5em;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: block;
}





/* Les images */



img {
    margin-top: 3.125em;
    margin-bottom: 5em;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 50em;
    display: block;
}

/* margin-top > 50 pixels = 3.125 em */



img.petit {
    max-height: 12.5rem;
}

/* max-height > 200 pixels = 12.5 rem */



img.personnage_granblue_fantasy__relink_grand_transparence {
    margin-top: -2em;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 60em;
}



img.bord {
    border: solid;
    border-color: #808080;
    border-width: 1px;
}



img.embleme_type_1_region_league_of_legends {max-height: 8em;}



img.embleme_type_2_region_league_of_legends {max-height: 12em;}



img.embleme_type_3_region_league_of_legends {max-height: 8em;}



img.icone_role_league_of_legends {max-height: 5em;}



/* Les avatars des artistes de musique */



img.avatar_carre_rond {
    border-radius: 50%;
}



img.avatar_pas_carre_rond_petit {
    width: 12.5rem;
    height: 12.5rem;
    object-fit: cover;
    border-radius: 50%;
}

/* width > 200 pixels = 12.5 rem */

/* height > 200 pixels = 12.5 rem */



img.avatar_pas_carre_rond_calvin_harris-31_juillet_2024-spotify {
    width: 532px;
    height: 532px;
    object-fit: cover;
    border-radius: 50%;
}



img.avatar_pas_carre_rond_david_guetta-24_janvier_2024-spotify {
    width: 532px;
    height: 532px;
    object-fit: cover;
    border-radius: 50%;
}



img.avatar_pas_carre_rond_delirious_-9_fevrier_2024-spotify {
    width: 800px;
    height: 800px;
    object-fit: cover;
    border-radius: 50%;
}



img.avatar_pas_carre_rond_diddy-29_janvier_2024-spotify {
    width: 538px;
    height: 538px;
    object-fit: cover;
    border-radius: 50%;
}



img.avatar_pas_carre_rond_dj_snake-15_janvier_2024-spotify {
    width: 539px;
    height: 539px;
    object-fit: cover;
    border-radius: 50%;
}



img.avatar_pas_carre_rond_drake-14_mai_2024-spotify {
    width: 34.25rem;
    height: 34.25rem;
    object-fit: cover;
    border-radius: 50%;
}

/* width > 548 pixels = 34.25 rem

    height > 548 pixels = 34.25 rem */



img.avatar_pas_carre_rond_laylow-16_janvier_2024-spotify {
    width: 535px;
    height: 535px;
    object-fit: cover;
    border-radius: 50%;
}



img.avatar_limoblaze-19_juillet_2024-source_spotify {
    width: 532px;
    height: 532px;
    object-fit: cover;
    border-radius: 50%;
}



img.photo_profil_onerepublic-26_aout_2021-facebook {
    width: 800px;
    height: 800px;
    object-fit: cover;
    border-radius: 50%;
}





/* Les divisions */





div.presentation_images_petit {
    margin-top: 4.53125rem;
    margin-bottom: 3.90625rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

/* margin-top > 72.5 pixels = 4.53125 rem */

/* (avec les 7.5 pixels de la marge du haut (et des autres côtés) des images en petit dans cette div ça fait au total un espace blanc (une marge ou quelque chose s'en approchant) de 80 pixels) */

/* margin-bottom > 62.5 pixels = 3.90625 rem */





div.div_presentation_apres_div_presentation {
    margin-top: 5.9375rem;
}

/* margin-top > 95 pixels = 5.9375 rem */





.presentation_images_petit img {
    max-height: 12.5rem;
    margin: 0.46875rem;
    padding: 0;
    max-width: none;
}

/* max-height > 200 pixels = 12.5 rem */

/* margin > 7.5 pixels = 0.46875 rem */





div.presentation_videos_petit {
    margin-top: 4.53125rem;
    margin-bottom: 3.90625rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

/* margin-top > 72.5 pixels = 4.53125 rem */

/* margin-bottom > 62.5 pixels = 3.90625 rem */





div.div_presentation_apres_div_presentation {
    margin-top: 5.9375rem;
}

/* margin-top > 95 pixels = 5.9375 rem */





.presentation_videos_petit iframe {
    max-height: 12.5rem;
    width: 355.555555556px;
    margin: 0.46875rem;
    padding: 0;
    max-width: none;
}

/* max-height > 200 pixels = 12.5 rem */

/* margin > 7.5 pixels = 0.46875 rem */





div.avatar_champion_league_of_legends {
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
}





/* Les couleurs */



.presentation_couleur_petit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 4.53125rem;
    margin-bottom: 4.53125rem;
}

/* margin-top > 72.5 pixels = 4.53125 rem */

/* margin-bottom > 72.5 pixels = 4.53125 rem */





.couleur_petit {
    margin: 0.46875rem;
    padding: 6.25rem;
    border-radius: 50%;
}

/* margin > 7.5 pixels = 0.46875 rem */

/* padding > 100 pixels = 6.25 rem */