@media (max-width: 1350px) {
/***********************************************************************/
/*****  --------------------- STYLE GÉNÉRAL ---------------------- *****/
/***********************************************************************/
body {
    font-size: 1.3rem;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 68vh;
}

section {
    width: 100%;
    margin: 0;
    padding: 1.5rem 0.2rem;
}

h1 {
    font-size: 3.5rem;
    padding: 3rem 0;
}

table {
    width: 100%;
    margin: 2rem 0;
}

th, td {
    padding: 0.3rem 0.1rem;
}

.form-groupe img {
    top: 3.3rem;
}

.no-visible {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.visible {
    max-height: 21rem; 
    transition: max-height 0.3s ease;
}

.alert-success,
.alert-error {
	width: 90%;
	margin: 1rem 5%;
}	

fieldset {
	padding: 1.5rem 0.5rem;
}

.form-groupe {
	width: 100%;
	margin: 0;
}





/***********************************************************************/
/*****  ------------------- STYLE CONNEXION ---------------------- *****/
/***********************************************************************/
#connexion fieldset {
    width: 98%;
    margin: 3rem 1%;
}




/***********************************************************************/
/*****  --------------------- STYLE HEADER ----------------------- *****/
/***********************************************************************/   
header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(../images/nous3.webp);
    padding: 1.5rem;
}

header > img {
    display: none;
}

header > nav {
    display: none;
}

header > h1 {
    display: none;
}

#title-navbar {
    display: block;
    width: 4rem;
    padding: 0;
}

#nav-burger-container {
    display: block;
    position: absolute;
    z-index: 3;
    top: 2rem;
    right: 2rem;
    border: 0.1rem solid #EE6C36;
    border-radius: 0.3rem;
    padding: 0.5rem 0;
    background-color: #ee6d36cb;
}

#nav-burger-head {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#nav-burger-head > p {
    display: flex; 
    align-items: center;
    gap: 2rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #FEECE2;
    padding: 0;
}

#burger {
    position: relative;
    display: block;
    margin-right: 0.5rem;
    width: 3.5rem;
    padding: 0.3rem;
    border: 0.1rem solid #FEECE2;
    border-radius: 0.5rem;
}

#burger:hover {
    cursor: pointer;
    border: 0.1rem solid #EE6C36;
    box-shadow: 0 0.2rem 0.3rem #EE6C36;
}

#nav-burger {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3rem;
    padding: 0;
    transition: max-height 0.3s ease;
}

#nav-burger > a,
#nav-burger > a:hover {
    color: #FEECE2;
}




/***********************************************************************/
/*****  ------------------- STYLE MAIN INDEX --------------------- *****/
/***********************************************************************/
#merci > p > em {
    padding: 1rem 0.5rem;
}

#bonus {
    width: 100%;
    margin: 0;
    padding: 1.5rem 0.5rem 3rem 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
}

#orga li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem 0;
    text-align: center;
}




/***********************************************************************/
/*****  ------------------ STYLE MAIN INVITÉS -------------------- *****/
/***********************************************************************/ 
/* #invites-pres > p {
    text-align: left;
} */

#form-choix {
    width: 100%;
    margin: 2rem 0;
}

#choix-cote {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    width: 100%;
}

#choix-cote > p {
    padding: 0;
}

#invit-list {
    padding: 1.5rem 0;
}

#liste-invites {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#list-invit-mariee, 
#list-invit-mari  {
    width: 100%;
    padding: 1rem 0;
}

#list-invit-mariee {
    border-right: 0.2rem solid #435E3B;
    border-radius: 1.5rem;
}

#list-invit-mari {
    border-left: 0.2rem solid #435E3B;
    border-radius: 1.5rem;
}

#ajout-list-invit {
    width: 90%;
    margin: 0 5%;
    padding: 1.5rem 0.5rem;
}

.invit-card {
    width: 10rem;
    height: 15rem;
}

.invit-card > img {
    width: 9.8rem;
    height: 11.3rem;
}




/***********************************************************************/
/*****  -------------------- STYLE MAIN ORGA --------------------- *****/
/***********************************************************************/
#map {
    width: 98%;
    margin: 0 1%;
}

#logo-w-up,
#logo-sens-du-monde {
    width: 15rem;
}

#form-orga-container {
    width: 98%;
    margin: 0 1%;    
}

#en-tete {
    display: none;
}

#form-orga {
    width: 95%;
    margin: 2rem 2.5%;
}

.groupe-date {
    width: 75%;
}

.group-form  {
    gap: 0.7rem;
}

#present {
    width: 80%;
    padding: 1rem;
    margin: 1rem 10%;
}

.type {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.group-form input[type="radio"] {
    transform: scale(1.5);
    border-radius: 1rem;
    margin-left: 0.5rem;
}




/***********************************************************************/
/*****  ------------------- STYLE MAIN QUIZ ---------------------- *****/
/***********************************************************************/
#quiz {
    position: relative;
    min-height: 45rem;
    margin: 1rem 0;
}

.card {
    width: 98%;
    margin: 0 1%;
    min-height: 40rem;
}

.card > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.2rem;
}

.card > div > label {
    margin-bottom: 0.8rem;
}





/***********************************************************************/
/*****  ------------------- STYLE MAIN ADMIN --------------------- *****/
/***********************************************************************/
#main-admin {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#menu-admin {
    display: none;
}

#dashboard > h2 {
    margin: 0;
}

#menu-admin-responsive {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 0.1rem solid #E04B89;
    border-radius: 0.3rem;
}

#menu-admin-responsive:hover {
    cursor: pointer;
    background: linear-gradient(90deg, #E43969EE, #EE6D36EE);
}

#menu-admin-responsive > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;  
    width: 100%;
    padding: 0.5rem 0; 
}

#menu-admin-responsive > span > img {
    width: 1.5rem;
    transition: transform 0.3s ease;
}

#menu-admin-responsive:hover > span > img {
    filter: invert(0.5);
}

#admin-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#admin-item > div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    height: 4rem;
    padding: 0.2rem;
    transition: padding 0.3s ease;
}

#admin-item > div:hover {
    padding-left: 1rem;
    border-left: 0.3rem solid #fc5e1a;
    background-color: #ee6d36a2;
}

#ajouter-invite fieldset {
    margin: 1.5rem 0;
    padding: 1.5rem 0.2rem;
}

#ajouter-invite .form-groupe img {
    top: 3.3rem;
    right: 1.5rem;    
}

#liste-invite > table {
    width: 100%;
    margin: 2rem 0;
}

#liste-invite th:nth-child(1),
#liste-invite tr td:nth-child(1),
#liste-invite th:nth-child(2),
#liste-invite tr td:nth-child(2) {
    display: none;
}

#nb-invit {
    display: block;
}






}