main{
		grid-template-columns:auto;
		&>nav:has(#Connexion){
			position:relative;
			height:4em;
			width:100%;
			& .ONGLETS_CONTAINER{
				& #Connexion{
					background-color: var(--Shadow-color);
				}
				& #Inscription{
					background-color: var(--Paper-color);
				}
				& #MdpPerdu{

					width: calc(10*var(--b));
				}
			}
		}

		& .TABBLOCS_CONTAINER{
			margin-top:0;
			top:0;
			grid-column:1;
			grid-row:2;
			width:100%;
			height:fit-content;

			& #Logs{
				height:var(--b);
				margin:0;
				padding:var(--demi-b);
				width:100%;
				color:var(--Emphasis-color)
			}
			& .TABBLOC{
				top:0;
				margin:0;
				height:70vh;
				overflow:hidden;
				align-items:start;
				justify-content:center;
				overflow:hidden;
				padding-bottom:30vh;
				gap:0;
	
			}
			
/*-------------------------------------------===============--------------------------------------------*/
/*-------------------------------------------===============--------------------------------------------*/
/*-------------------------------------------===============--------------------------------------------*/

			& #Bloc_Connexion{

				& .FORM-LG{
							position:relative;
							top:var(--b);
							height:fit-content;
						}

				
			}

/*-------------------------------------------===============--------------------------------------------*/
/*-------------------------------------------===============--------------------------------------------*/
/*-------------------------------------------===============--------------------------------------------*/

			& #Bloc_Inscription{
			
						& .FORM-LG{
							position:relative;
							top:var(--b);
							height:fit-content;
						}
						div:not(.COL-F){
							width:fit-content;
						}
					
				}
/*-------------------------------------------===============--------------------------------------------*/
/*-------------------------------------------===============--------------------------------------------*/
/*-------------------------------------------===============--------------------------------------------*/

				& #Bloc_MdpPerdu{
					align-items:start;

				& .FORM-LG{
					position:relative;
					top:var(--b);
					height:fit-content;
				}
				
			}
		}
	.main_connected{
		overflow-Y:scroll;
		display:flex;
		flex-direction:column;
		justify-content:center;
		height:80vh;
		grid-column:1;
		.main_band{
            max-height:40em;
            height:100%;
            grid-row:1;
            overflow:hidden;
            display:flex;
            justify-content:center;
            margin:2%;
			width:var(--inner-b);
            & img{
				margin:auto;
                height:100%;
            }
        }
          .main_message{
            max-height:30em;
            min-width: 460px;
            height:100%;
            display:flex;
            flex-shrink:3;
            justify-content:center;
            align-items:center;
            /* margin:10% 5% 5% 5%; */
            & a{
                & img{
                    width:30em;
                }
                /* margin-top:10em; */
            }
            & #Apropos_Titre{
                /* margin:10%; */
                min-width:372px;
            }
            & #Apropos_Infos{
                text-align:center;
            }
        }

        .main_back{
            max-height:30em;
            height:100%;
            display:flex;
            flex-shrink:3;
            flex-direction:column;
            justify-content:center;
            align-items:center;
        }
	}
}

/* ================================MEDIA-QUERIES=========================================*/
/* ================================MEDIA-QUERIES=========================================*/
/* ================================MEDIA-QUERIES=========================================*/



@media screen AND (max-width:1024px){
	header{
		display:none;
	}
	main{
		margin-top:var(--nav);
		height:var(--abs-innerH-nav);
		.ONGLETS_CONTAINER{
			.ONGLETS{
				display:flex;
				& h6{
					display:inline;
				}
			}
		}
		
		.TABBLOCS_CONTAINER{

			.TABBLOC{
				top:0;
			}
		}	
	}
}

@media screen AND (max-width:740px){
	header{
		display:none;
	}

	main{		
		& nav{
			top:0;
			.ONGLETS_CONTAINER{
				/* top:0; */
				.ONGLETS{
					display:flex;
					
					& h6{
						display:inline;
					}
				}
			}
		}
		

		& .TABBLOCS_CONTAINER{
			z-index:31;
			/* padding:0; */
			/* top:var(--nav); */
			
			& TABBLOC{
				width:100vw;
				height:100%;
			}
			& .form{
				padding:var(--quart-b);
				margin:0;
				width:100vw;

			}
		} 
	}	
}