body{margin:0; padding:0;background:var(--main);}
header{flex:0 0 11rem;}
.bg-header{background: linear-gradient(rgb(123,180,227),rgb(144,177,219));}
.header-container{max-width:135rem; display:flex; justify-content:space-between; align-items:center; padding:0 20px; margin:auto; height:110px;}
.header-logo>img{width:30rem;}
.header-item{display:flex; align-items:center; flex-direction:row;}
.header-item>a {margin-right:10px; display:flex; align-items:center; justify-content:center; border-radius:100%; width:50px; height:50px; background:var(--tertiary); cursor:pointer; color:var(--secondary); transition:color .2s;}
.header-container .header-nav .header-item a:last-child {margin-right:0!important;}

.tertiary{background:var(--tertiary);}
.online {flex:0 0 10rem;}
.online-content{display:flex; justify-content:space-between; align-items:center; height:100%;}
.online-text {display:flex; flex-direction:column; gap:1rem;}

.select{width:30rem!important; height:4rem!important;}
.fixed{position:fixed;}
footer{width:100%; align-items:center; font-family:var(--font-family), sans-serif; color:white; height:auto;}
.wrapper{max-width:135rem; height:100%; margin:0 auto; padding:2rem; display:flex; justify-content:space-between; align-items:center;}
.footer_g{display:flex; align-items:flex-start; flex-direction:column; justify-content:center; gap:2rem; width:70rem;}
.row_footer{display:flex; gap:4rem;}
.row_footer_logo{width:30rem;}
.row_footer_desc{display:flex; flex-direction:column; gap:2rem;}

.row_accueil{max-width:135rem; display:flex; margin:auto; margin-bottom:2rem;}
.row_statistique{display:flex; justify-content:flex-end; padding-bottom:2rem; background:var(--tertiary); border-radius:0rem 0rem 2rem 2rem;}
.row_reseaux{flex:0 0 90.5rem; display:flex; padding-top:2.4rem; flex-direction:column; flex-wrap:nowrap;}
.row_profile{width:30rem; display:flex; flex-direction:row; align-content:flex-start; flex-wrap:wrap; justify-content:space-around; margin-top:3rem; gap:2rem;}
.row_avatar{width:9rem; height:8rem; border-radius:5rem; border:3px solid var(--secondary); display:flex; justify-content:space-around; align-items:center; overflow:hidden;}
.row_taille_img{height:18rem; margin-top:5rem;}
.row_desc{display:flex; flex-direction:column; align-items:center; width:100%;}
.row_money{background:rgba(63, 61, 80, 0.2); width:26rem; border-radius:1rem; padding:1rem; display:flex; gap:1rem; flex-direction:row; overflow:hidden; flex-wrap:wrap;}
.row_detail_money{background:var(--main); border-radius:1rem; width:10.5rem; padding:1rem;display:flex; justify-content:space-between;}
.row_taille_img_money{width:18px; height:18px;}
.credtis{color:#EAB125;}
.diamond{color:#82D6DB;}
.duckets{color:#D798D7;}
.bazcash{color:#ffffff;}
.row_recrutement{background:var(--secondary); font-weight:bold; width:28rem; cursor:pointer; text-align:center; padding:1rem; height:3rem; display:flex; align-items:center; justify-content:space-around; border-radius:1rem; text-transform:uppercase; color:#fff;}
.row_recrutement:hover{background:var(--hoverbutton); color:#fff;}
.row_instagram{background:linear-gradient(180deg, #FDA948 0%, #F66748 35.42%, #EC3653 66.67%, #C13A9C 100%); width:28rem; cursor:pointer; text-align:center; padding:1rem; height:5rem; display:flex; align-items:center; justify-content:space-around; border-radius:1rem; color:#fff; margin-top:2rem;}
.row_discord{background:rgba(88, 101, 242, 1); width:28rem; cursor:pointer; text-align:center; padding:1rem; height:5rem; display:flex; align-items:center; justify-content:space-around; border-radius:1rem; color:#fff; margin-top:2rem;}
.row_tiktok{background:rgba(255, 255, 255, 1); width:28rem; cursor:pointer; text-align:center; padding:1rem; height:5rem; display:flex; align-items:center; justify-content:space-around; border-radius:1rem; color:#000; margin-top:2rem;}
.row_texte_reseau{display:flex; flex-direction:column; align-items:flex-start; width:18rem;}
.svg{width:4rem; height:4rem;}
.row_right{flex:1;}
.row_friends{background:var(--tertiary); padding-bottom:3rem; padding-top:3rem; flex-direction:column; align-items:flex-start; border-radius:0rem 0rem 2rem 0rem;}
.row_news{display:flex;}
.mot_cle{color:#9084D9; font-weight:100;}
.friends-carrousel {flex:1;display:flex;flex-wrap:nowrap;justify-content:space-between; width:99%; margin-top:2rem;}
.friends-precedent { background:var(--main); height:9rem; border-radius:1rem; width:4rem; display:flex; justify-content:center; align-items:center;}
.friends-suivant { background:var(--main); height:9rem; border-radius:1rem; width:4rem; display:flex; justify-content:center; align-items:center;}
.friends-box{background-image:url('https://habbol.eu/assets/img/bloc.png'); width:9rem; height:9rem; background-size:cover; display:flex; align-items:center; flex-direction:column;}
.friends-box-img{flex:1; height:6rem; overflow:hidden;}
.row_taille_amis{width:7rem;height:12rem;margin-top:-1rem;}
.row_fleche{width:2rem;}
.row_taille_lien{flex:1;}
.row_news_left{flex: 0 0 68rem;
    padding-left: 1rem;
    padding-right: 1rem;}
.row_news_right{flex: 1;
    padding-top: 1rem;}
.row_news_premiere{    height: 18rem;
    margin-top: 1rem;
    border-radius: 1rem 1rem 2rem 2rem;
    padding: 2rem 0rem 0rem 0rem;
    display: flex;
    align-content: flex-end;
    flex-direction: column-reverse;
    margin-bottom: 2rem;
    background-repeat: no-repeat!important;
    background-size: cover!important;}
.row_news_titredesc{background: var(--main);
    padding: 0.5rem;
    border-radius: 0rem 0rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;}
.row_news_deuxtrois{display:flex; align-content:flex-end; flex-direction:row; gap:2rem;}
.row_news_deuxieme{background:var(--tertiary); height:15.5rem; flex:0 0 29rem; border-radius:1rem; padding:2rem;display:flex; align-content:flex-end; flex-direction:column-reverse; background-size:cover!important; background-repeat:no-repeat!important;}
.row_news_troiseme{background:var(--tertiary); height:15.5rem; flex:0 0 29rem; border-radius:1rem; padding:2rem;display:flex; align-content:flex-end; flex-direction:column-reverse; background-size:cover!important; background-repeat:no-repeat!important;}
.row_news_quatrieme{background:var(--tertiary); height:16rem; flex:0 0 29rem; border-radius:1rem; padding:2rem;display:flex; align-content:flex-end; flex-direction:column-reverse; margin-bottom:2rem; background-size:cover!important; background-repeat:repeat!important;}
.row_news_cinquieme{background:var(--tertiary); height:15.5rem; flex:0 0 29rem; border-radius:1rem; padding:2rem;display:flex; align-content:flex-end; flex-direction:column-reverse; margin-bottom:2rem; background-size:cover!important; background-repeat:repeat!important;}
.row_toutelesnews{background:var(--secondary); font-weight:bold; cursor:pointer; text-align:center; padding:1rem; height:3rem; display:flex; align-items:center; justify-content:space-around; border-radius:1rem; text-transform:uppercase; color:#fff;}
.row_toutelesnews:hover{background:var(--hoverbutton); color:color:#fff;}
.row_appart {background:var(--tertiary); display:flex; margin:auto; justify-content:space-around; padding:4rem 0rem 4rem 0rem;}
.row_wrapper_appart {width:135rem; display:flex; justify-content:flex-start; flex-direction:column;}
.row_profil_appart{background:url('https://habbol.eu/assets/img/apparts.png'); width:16rem; height:16rem; background-size:cover;display:flex; justify-content:space-around; align-items:flex-end; border-radius:2rem 2rem 0rem 0rem;margin-top:2rem;}
.row_img_appart{width:14rem; margin-top:-2rem; position:absolute; margin-left:-7rem;}
.row_appart_profil{background-size:contain!important; width:14rem; background-repeat:no-repeat!important; height:3.5rem; position:absolute; margin-top:10rem; display:flex; justify-content:center; align-items:center;}
.row_appart_userlike{background:#fff; height:8rem; border-radius:0rem 0rem 2rem 2rem; width:100%; display:flex; align-items:center; justify-content:space-around;}
.row_appart_g{width:135rem; display:flex; align-items:center; flex-direction:row; justify-content:flex-start; gap:2rem;}
.row_apparts{display:flex; align-items:center; flex-direction:column; justify-content:center;}
.row_titre_appart{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#fff; width:13rem;}
.row_users{width:6rem; height:3.5rem; font-weight:700; border-radius:1rem; font-size:20px; display:flex; align-items:center; text-align:center; color:#444444; transform:rotate(-3.78deg); background:#E5E5E5; justify-content:space-around;}
.row_score{width:6rem; height:3.5rem; font-weight:700; font-size:20px; display:flex; align-items:center; text-align:center; color:#444444; background:#E5E5E5; border-radius:10px; justify-content:space-around;}

.row_tertiary{background:var(--tertiary);}
.row_inscription{background:var(--tertiary); max-width:135rem; display:flex; margin:auto; margin-bottom:2rem; padding:2rem 0rem 0rem 0rem; gap:3rem; padding-bottom:2rem;}
.row_formulaire{flex:0 0 63rem; display:flex; flex-direction:column; padding:2rem; background:var(--main); border-radius:1.5rem;}
.row_information{background:var(--header); flex:1; border-radius:1.5rem;margin-top:-14rem; padding:4rem; z-index:1000; border:0.1rem solid var(--main); color:#fff; gap:4rem; display:flex; flex-direction:column;}
.row_rubrique{display:flex; gap:7rem; flex-direction:column;}
.row_explication{display:flex; gap:5rem;}
.row_connexion{display:flex; justify-content:flex-end;}
.connexion{background-color:var(--primary); height:4rem; cursor:pointer; color:#fff; display:flex; width:27rem; justify-content:space-between; text-transform:initial; align-items:center; padding:10px 20px; margin-top:2rem; border-radius:10px; border:none;}
.warning{background:#372A3A; padding:2rem; color:#9A4345; border-radius:1rem; margin-bottom:2rem;}
.padding-b{padding-bottom:2rem;}
.margin-t{margin-top:1rem;}
.inscription{background-color:var(--primary); height:4rem; cursor:pointer; color:#fff; width:100%; align-items:center; text-align:center; padding:10px 20px; margin:10px 0; border-radius:10px; border:none;}
.titre_input{font-size:1.4rem; color:#FFF;}
.row_input{display:flex; width:30rem; gap:3rem;}
.signup-form{display:flex; flex-direction:column; flex-wrap:nowrap;}
.row_inputlabel{display:flex; flex-direction:column; gap:0.5rem;}

    	.row_left{flex:0 0 30rem;}
    	.menu_top{background:var(--header); color:#fff; border-radius:1rem 1rem 0rem 0rem; padding:2rem;}
    	.sous_menu{background:var(--tertiary); color:#fff; padding:2rem; cursor:pointer;}
    	.end{margin-bottom:2rem;}
    	.border-r{border-radius:0rem 0rem 1rem 1rem;}
    	.sous_menu:hover{color:#B948D6; border-left:2px solid #B948D6;}
    	.row_friends_bis{background:var(--tertiary); flex-direction:column; align-items:flex-start; border-radius:0rem 0rem 2rem 0rem;}
    	.row_wrapper_friends{max-width:135rem;display:flex;justify-content:space-between;align-items:center;margin:auto;height:110px;}
		#wrapper{width:100%; max-width:91rem; position:relative;}
		#carousel{overflow:auto;scroll-behavior:smooth;scrollbar-width:none;}
		#carousel::-webkit-scrollbar {height:0;}
		#prev,#next{display:flex; justify-content:center; align-content:center; border:none; border-radius:1rem; cursor:pointer; background:var(--main); width:4rem; height:9rem; align-items:center;}
		.row_button{width:4rem;}
		#content{display: grid;
    grid-auto-flow: column;
    margin: auto;
    box-sizing: border-box;
    gap: 1rem;
    word-wrap: break-word;
    justify-content: start;}
		.item{background-image:url(https://habbol.eu/assets/img/bloc.png); width:9rem; height:9rem; background-size:cover; display:flex; align-items:center; flex-direction:column;}
		.row_friends_list{display:flex; width:100%; gap:1rem;}
		.row_avatar{}
		.row_friends_profil{display:flex; width:46rem;}

.row_articles{width:135rem;justify-content:flex-start;flex-direction:row;display:flex;margin:auto;align-items:flex-start;overflow:hidden;align-content:center;gap:2rem;margin-top:3rem;padding-bottom:3rem;height:100%;}
.row_articles_left{flex:1;}
.row_articles_right{flex:0 0 40rem; display:flex; flex-direction:column;gap:2rem;}
.row_articles_titre{display:flex; flex-direction:column; gap:0.5rem;}
.m-none-articles{font-size:14px; color:#fff; opacity:40%;}
.m-none-heure{font-size:12px; color:#fff; opacity:40%;}
.m-none-pseudo{font-size:12px; color:#fff;}
.m-none-commentaire{    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    border-left: 2px solid rgba(106, 132, 226, 1);
    text-overflow: ellipsis;
    padding-left: 1rem;
    width: 29rem;
    white-space: nowrap;
    overflow: hidden;}
.row_articles_commentaire{background:rgba(39, 37, 55, 0.8); border-radius:1rem; padding:1rem; overflow:hidden;  display:flex;  width:40rem;}
.row_articles_auteur{height:4rem; overflow:hidden; flex:0 0 7rem;}
.row_articles_auteur_img{height:10rem;}
.pseudo{color:#6A84E2;}
.row_articles_commentaire_pseudo{display:flex;}
.row_article_commentaire_contenu{flex:1;}
.margintop{margin-top:-1.5rem;}
.row_articles_last{margin-top:2rem; width:100%; display:flex; margin-bottom:2rem; gap:2rem;}
.row_articles_last_left{flex:1; padding:2rem; display:flex; flex-direction:column; justify-content:flex-end; border-radius:1rem; height:32.4rem; background-position-y:0rem!important; background-position-x:-36rem!important;}
.row_articles_last_left1{flex:1; padding:2rem; display:flex; flex-direction:column; justify-content:flex-end; border-radius:1rem; height:26rem; background-repeat:no-repeat!important; background-position-x:-11rem!important;}
.row_articles_last_right{flex:0 0 49rem;}
.row_newsarticles_titredesc{background:var(--main); padding:2rem; border-radius:1rem; display:flex; flex-direction:column; gap:0.5rem}
.row_articles_second_left{flex:1; display:flex; flex-direction:column; justify-content:flex-end; border-radius:1rem; height:18rem;}
.row_articles_tf_right{display:flex; gap:2rem; height:16.4rem; margin-top:2rem;}
.row_articles_third_left{display:flex; flex:0 0 23.5rem; border-radius:1rem; align-items:flex-end;}
.row_articles_fourth_left{display:flex; flex:0 0 23.5rem; border-radius:1rem; align-items:flex-end;}
.row_articles_tf{flex:1; padding:2rem; display:flex; flex-direction:column; justify-content:flex-end; border-radius:1rem; height:12.4rem; background-position-y:-13rem!important; background-position-x:-39rem!important;}
.row_articles_afficherplus{width:100%; border-radius:1rem; border:0px; padding:1.5rem; background:var(--primary); color:#fff; margin-bottom:2rem;}
#row_articles_more{gap:2rem; margin-top:2rem;}
.row_articles_colum{display:flex; gap:2rem; margin-bottom:2rem; flex-direction:row; flex-wrap:wrap;}
.row_articles_mores{flex:0 0 40.5rem; padding:2rem; display:flex; flex-direction:column; border-radius:1rem; height:16rem; background-position-y:0rem!important; background-position-x:-3rem!important; flex-wrap:nowrap; justify-content:flex-end;}
.m-none-titre_news{font-size:12px; color:#fff; text-overflow:ellipsis; width:23rem; white-space:nowrap; overflow:hidden;}

        .row_equipe{width:135rem; justify-content:flex-start; flex-direction:column; display:flex; margin:auto; align-items:flex-start; overflow:hidden; align-content:center; gap:2rem; margin-top:3rem; padding-bottom:3rem; height:100%;}
        .row_equipe_titre{display:flex;flex-direction:column;gap:0.5rem; width:131rem; padding:1rem; border-radius:1rem; padding-left:3rem;}
        .row_equipe_rang{display:flex; flex-direction:row; width:135rem; gap:1.8rem; border-radius:1rem;}
        .m-none-equipe{margin:0; font-size:2rem; color:#fff; text-transform:uppercase;}
        .m-none-rang{margin:0; font-size:2rem; color:#fff; text-transform:uppercase;}
        .row_equipe_box_rang{display:flex; padding-top:2rem; width:21rem; padding-bottom:1rem; background:var(--tertiary); border-radius:1rem 1rem 0rem 0rem; justify-content:space-around; align-items:center; color:#fff;}
        .row_equipe_avatar{width:7rem; height:7rem; border:3px solid #A457B7; display:flex; border-radius:100%; align-items:center; justify-content:space-around; overflow:hidden;}
        .row_equipe_img{height:11rem; margin-top:2rem;}
        #teamonline{position:relative; height:20px; width:20px; z-index:3; background:#44cf48; border-radius:100%; right:0; top:-38px; left:16.6rem;}
        .row_equipe_fonction{color:#fff; font-size:80%; display:flex; height:2rem; border-radius:5px; margin-bottom:3px; justify-content:space-between;}
        .m-none-fonction{display:flex; align-items:center; padding:1px; border-radius:5px; padding-left:0.5rem; padding-right:0.5rem;}
        .row_equipe_badge_discord{background:#0F0D1F; padding:1rem; border-radius:0rem 0rem 1rem 1rem; display:flex; justify-content:space-around;    align-items:center;}
        .row_equipe_badge_discord>.row_equipe_badge>img{width:4rem; height:4rem;}
        .row_equipe_badge_discord>.row_equipe_discord>img{width:4rem; height:4rem;}
        .row_equipe_separateur{border:1px solid #272537; height:31px;}
        .fondation{background:var(--fonda);}
        .fondatest{border-bottom:2px solid var(--fonda);}
        .gestion{background:var(--gestion);}
        .gestiontest{border-bottom:2px solid var(--gestion);}
        .animation{background:var(--animation);}
        .animationtest{border-bottom:2px solid var(--animation);}
        .communication{background:var(--communication);}
        .communicationtest{border-bottom:2px solid var(--communication);}
        .securite{background:var(--securite);}
        .securitetest{border-bottom:2px solid var(--securite);}

/* Pagination */
.row_pagination_general{display:flex; justify-content:center; gap:1rem;}
.row_pagination{margin-top:1rem; width:3rem; height:3rem; display:flex; align-items:center; justify-content:center; border-radius:100%;}
.page_selected{border:5px solid var(--primary);}
.page_not_selected{border:5px solid var(--main);}

/* Service client */
.row_sc{width:135rem; justify-content:flex-start; flex-direction:column; display:flex; margin:auto; align-items:flex-start; overflow:hidden; align-content:center; gap:2rem; margin-top:3rem;}
.row_sc_contenu{display:flex; gap:2rem; margin-bottom:5rem;}
.row_sc_top_box{background:#1B1925; color:#fff; border-radius:1rem 1rem 0rem 0rem; padding:2rem;}
.row_sc_form_box{background:#272537; color:#fff; padding:2rem; border-radius:0rem 0rem 1rem 1rem; display:flex; flex-direction:column; gap:2rem;}
.row_sc_left{flex:0 0 30rem; display:flex; gap:2rem; flex-direction:column;}
.row_sc_right{flex:1;}
.m-none-texte_sc{margin:0;font-size:1.5rem;color:#fff;}
.colorred{color:#fe1000;}
.wordimportant{color:var(--secondary); font-weight:bold;}
.inputcontact{display:flex; width:98%; background:#fff; border-radius:1rem; padding:1rem 0 1rem 0; padding-left:0px; margin-bottom:2rem; padding-left:2rem; height:2rem;}
.inputtitrecontact{font-size:1.2rem;}
.submitcontact {background:var(--secondary); height:4rem; cursor:pointer; font-weight:bold; color:#fff; display:flex; width:100%; justify-content:space-around; text-transform:initial; align-items:center; border-radius:1rem;}
.submitcontact:hover{background-color:var(--primary);}
.textearea{resize:none;}
.warning{background:#372A3A; padding:2rem; color:#9A4345; border-radius:1rem; margin-bottom:2rem;}
.msgSucces{background:#2d3a2a; padding:2rem; color:#5c9a43; border-radius:1rem; margin-bottom:2rem;}
.buttunback{background:var(--secondary); height:0px; color:#fff; display:flex; align-items:center; padding:2rem; border-radius:1rem; font-size:1.4rem; justify-content:center; width:100%; border:0;}
.buttunback:hover{background-color:var(--primary); height:0px; color:#fff; display:flex; align-items:center; padding:2rem; border-radius:1rem; font-size:1.4rem; justify-content:center; width:100%; border:0;}
.row_sc_table{border-radius:1rem; padding:2rem;}
.m-none-sc-ticket{font-size:16px; color:#fff; opacity:40%;}
.m-none-sc-contenu{margin:0; font-size:1.5rem; color:#fff;}
.td_top{display:flex; flex-direction:column; gap:0.5rem;}
.buttun_sc_response{background:var(--secondary); height:0px; color:#fff; display:flex; align-items:center; padding:2rem; border-radius:1rem; font-size:1.4rem; width:35%; border:0; justify-content:center;margin-top:1rem;}
.buttun_sc_response:hover{background-color:var(--primary); height:0px; color:#fff; display:flex; align-items:center; padding:2rem; border-radius:1rem; font-size:1.4rem; width:35%; border:0; justify-content:center; margin-top:1rem;}
.row_sc{width:135rem; justify-content:flex-start; flex-direction:column; display:flex; margin:auto; align-items:flex-start; overflow:hidden; align-content:center; gap:2rem; margin-top:3rem;}
.row_sc_categorie_g{width:100%; display:flex; gap:1rem;}
.row_sc_categorie{background:var(--tertiary); padding:2rem; display:flex; flex-direction:column; align-items:center; gap:2rem; width:10rem; height:10rem; color:#fff; border-radius:2rem; justify-content:center;}
.row_sc_categorie>img{}
.row_sc_categorie>p{text-align:center;}
.row_sc_contenu{display:flex; gap:2rem;}
.row_sc_top_box{background:#1B1925; color:#fff; border-radius:1rem 1rem 0rem 0rem; padding:2rem;}
.row_sc_bot_box{background:#272537; color:#fff; padding:2rem; border-radius:0rem 0rem 1rem 1rem;display:flex;flex-direction:column;gap:2rem; height:11rem;}
.row_sc_contenu_texte{flex:0 0 66.5rem;}
.m-none-texte_sc{margin:0;font-size:1.5rem;color:#fff;}
.colorred{color:#fe1000;}

/* Page notification */
.row_notification{width:135rem;}
.row_notification_texte{background:#272537;color:#fff;padding:2rem;border-radius:0rem 0rem 1rem 1rem;margin-bottom:3rem;}

/* Page article (interieur) */
.row_interior_article{width:135rem; display:flex; margin:auto; gap:1rem; margin-top:3rem;     padding-bottom:3rem; height:100%; flex-direction:column;}
.uppercase{text-transform:uppercase;}
.row_interior_article_tag{display:flex; gap:1rem;}
.tag{background:var(--tertiary); text-transform: capitalize; padding:1rem 2rem 1rem 2rem; border-radius:1rem;}
.row_interior_article_img{width:100%; height:30rem; background-size:cover!important; background-position-y:-22rem!important; border-radius:1rem; margin-top:2rem; margin-bottom:2rem;}
.m-none-article{color:rgba(255, 255, 255, 0.6); font-size:16px;}
.row_interior_article_react{background:var(--tertiary); padding:2rem; border-radius:1rem; display:flex; justify-content:space-between;margin-top:2rem; margin-bottom:1rem;align-items:center;}
.row_interior_article_reaction{gap:1.5rem;display:flex;}
.row_interior_article_reaction_style{background:var(--main); padding:0.5rem; border-radius:1rem;}
.row_interior_article_reaction_count{background:var(--primary); cursor:pointer; font-size:12px; font-weight:bold; float:right; margin-top:-34px; margin-left:17px; position:absolute; border-radius:1rem; color:#fff; width:2rem; height:2rem; display:flex; align-items:center; justify-content:space-around;}
.full{width:auto;}
.row_interior_article_delete_comt{background:var(--primary); cursor:pointer; font-size:12px; font-weight:bold; float:right; margin-top:-17px; margin-left:-2px; position:absolute; border-radius:1rem; border:0; color:#fe1000; width:2rem; height:2rem; display:flex; align-items:center; justify-content:space-around;}
.row_margin_article{margin-top:1rem; margin-bottom:1rem;}
.row_interior_article_create_com{display: flex; margin-bottom: 3rem;}
.row_interior_article_create_com_g{width: 135rem; margin: auto;}
.row_interior_com_left{flex:0 0 6rem; background:var(--header); border-radius:1rem 0rem 0rem 1rem; display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding:1rem;}
.row_interior_com_right{flex:1; background:var(--tertiary); border-radius:0rem 1rem 1rem 0rem;border-left:1px solid var(--main);    padding:2rem;    display:flex; flex-direction:column; gap:1rem;}
.m-none-16{font-size:16px; margin:0;color:#fff;}
.comments{width:98%; height:10rem; padding:1rem; font-size:14px; color:rgb(255, 255, 255); border-radius:1rem; background:var(--main);resize:none;}
.bouton_commentaire{background:var(--secondary); border:0; padding:1.5rem 2rem 1.5rem 2rem; border-radius:1rem; color:#fff; position:absolute; margin-top:-17rem; margin-left:104rem;}

.row_left{flex:0 0 30rem;}
.row_right{flex: 1;}
.menu_top{background:#1B1925; color:#fff; border-radius:1rem 1rem 0rem 0rem; padding:2rem;}
.sous_menu{background:#272537; color:#fff; padding:2rem; cursor:pointer;}
.click{color:#B948D6; border-left:2px solid #B948D6;}
.end{margin-bottom:2rem;}
.border-r{border-radius:0rem 0rem 1rem 1rem;}
.sous_menu:hover{color:#B948D6; border-left:2px solid #B948D6;}
.row_top{background:#1B1925; padding:2rem; border-radius:1rem; color:#fff; margin-bottom:2rem;}
.row_content{display:flex; gap:3rem;}
.row_little_left{flex: 0 0 50rem;}
.row_content_bot{background:#272537; color:#fff; padding:2rem;}
.warning{background:#372A3A; padding:2rem; color:#9A4345; border-radius:1rem; margin-bottom:2rem;}
.input{border-radius:5px; padding:1rem; width:96%; margin-bottom:15px; height:2rem; background:#3F3D50; color:#fff;}
.titre_input{font-size:1.2rem;}
.button_check{background:#B948D6; text-transform:uppercase; color:#fff; width:100%; padding:1.5rem; border:0px; border-radius:1rem; margin-top:2rem;}
.gris{color:#7B7A84; margin-bottom: 1rem;}
.row_center{flex:1;}
.row_content_badge{display: inline-block; justify-content: space-around;}
.row_badge{background: #3F3D50; display: flex; width: 6rem; height: 4rem; padding: 1rem; justify-content: center; border-radius: 1rem; flex-direction: row-reverse; flex-wrap: wrap; align-items: flex-start;}
.g-f{display:flex; margin-bottom:2rem;}
.row_box_badge{display: flex; align-items: center; justify-content: flex-start; gap: 1rem; flex-wrap: wrap;}
.supression_badge{color:#B948D6; cursor:pointer; font-size:12px; font-weight:bold; float:right; margin-top:-17px; margin-left:5px; position:absolute; background:#3f3d50; border:1px solid #272537; border-radius:1rem; width:2rem; height:2rem;}