/* Tablette*/
@media (max-width: 1200px) {
    footer,
    #main_inner_jaune,
    #main_inner_gris,
    #main_inner_compte,
    #main_inner_auto,
    #main_inner_accueil,
    #main_inner_blanc,
    #main_inner_panneau,
    #accueil_step_video,
	.qui_sommes_nous1, .qui_sommes_nous2	{
        width: 100%;
        padding: 40px;
    }
    header {
        padding: 0 40px !important;
    }
}

/* Mobile */
@media (max-width: 1000px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="url"],
    textarea,
    select,
    #main_innner_accueil input {
        width: 100% !important;
    }
    .code_container input {
        width: 40px !important;
    }

    main {
        margin: 60px 0 0 0;
    }
    #boite_iframe {
        padding: 10px;
        min-width: 350px;
        height: fit-content;
        min-height: 400px;
    }
    #boitedialogue h2 {
        margin: 10px;
    }

    #login {
        width: 100%;
        margin: 0 auto;
    }
    #logo_accueil img {
        height: 30px;
    }
    .logo-text-bizclubjaune {
        font-size: 20px !important;
    }

    footer,
    #main_inner_jaune,
    #main_inner_gris,
    #main_inner_compte,
    #main_inner_auto,
    #main_inner_accueil,
    #main_inner_blanc,
    #main_inner_panneau,
    #accueil_step_video,
	.qui_sommes_nous1, .qui_sommes_nous2	{
        width: 100%;
        padding: 10px;
    }
    #main_inner_video {
        padding: 0 !important;
    }

    #main_inner_accueil h1 {
        font-size: 30px;
    }
    #main_inner_accueil img.filigrane {
        top: 100px;
        right: -30px;
        width: 250px;
    }
    #main_inner_accueil h2 {
        font-size: 40px;
    }

    .titre1 {
        font-size: 40px;
    }
    .titre2 {
        font-size: 30px;
    }
    .titre3 {
        font-size: 20px;
    }

    .menu-mon-compte,
    .nav-container,
    .menu-items {
        width: 100% !important;
    }
    .menu-mon-compte {
        top: 60px !important;
    }

    .section_middle,
    .section_inscription {
        width: 100%;
    }
    #panneau_evenement,
    #panneau_membre,
    #panneau_annonce {
        width: 100%;
    }
    .annuaire-box {
        max-width: 100%;
    }
    .annuaire-box-grid {
        grid-template-columns: 1fr;
    }

    .texte_accueil {
        font-size: 16px;
        padding: 6px 10px;
        margin: 0;
        width: fit-content;
    }
    .bg_recherche {
        display: none;
    }

    .form-group {
        display: block;
        width: 100%;
    }
    .form-group {
        flex-direction: column;
        column-gap: 30px;
        align-items: flex-start;
    }
    .form-group label {
        margin-bottom: 5px;
    }

    .wrap {
        flex-direction: column;
        gap: 5px !important;
    }
	
	.wrapRecherche{ display:flex; flex-direction:column;}
	#form_filtre { display: none;width: 100%;}
	#div_filtre {display:block;}

    .video_wrapper {
        border-radius: 0;
        width: 100%;
        max-width: none;
    }

    .grid_accueil {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .grid_accueil div {
        padding: 5px;
        flex-direction: column;
    }

    .bloc_messages_desktop {
        display: none;
    }
    .bloc_messages_mobile {
        display: block;
    }
    .grid-messages {
        grid-template-columns: 1fr;
    }

    .carousel {
        height: 250px;
    }
    .carousel .slides {
        height: 250px;
    }
    .carousel .slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
	.modal-crop-content { width: 96vw; max-height: 92vh; }
	
	.flex_container_2cols {flex-direction: column;}
	.flex_left{order: 2;}
	.flex_right { order: 1;	}
	.flex_right img{max-width:100%; margin-bottom:20px;}
	
	.flex_left,
	.flex_right {
	  width: 100%;
	}
	
	.qui_sommes_nous {display:block;}
	.team-container {
		flex-direction: column;
		align-items: center;
		gap:20px;
	}
	.team-bloc {align-items:center; }
	.team-title {margin-bottom:30px; writing-mode: horizontal-tb;transform: none;}

	.member {
		width: 80%;
	}

}