/****  TOUS ****/
.container_histoire, .container_village, .container_monuments, .container_quartiers, .container_environnement, .container_ecole, .container_enfants, .container_eau, .container_sante, .container_salle, .container_cimetiere{width:100%; height: auto; display: flex; flex-direction: column;}
.bloc_presentation_histoire,.bloc_presentation_village, .bloc_presentation_monuments, .bloc_presentation_quartiers, .bloc_presentation_environ, .bloc_presentation_ecole, .bloc_presentation_enfants, .bloc_presentation_eau, .bloc_presentation_securite, .bloc_presentation_vivre, .bloc_presentation_sante, .bloc_presentation_salle, .bloc_presentation_cimetiere{display: flex;flex-direction: row; width: 100%; height: auto; margin-top: 10px;}
.bloc_presentation_histoire_portable, .presentation_monuments_portable, .presentation_village_portable, .presentation_quartiers_portable, .bloc_presentation_environ_portable, .presentation_ecole_portable, .bloc_presentation_enfants_portable, .bloc_presentation_eau_portable, .bloc_presentation_securite_portable, .bloc_presentation_vivre_portable, .bloc_presentation_sante_portable, .bloc_presentation_salle_portable, .bloc_presentation_cimetiere_portable{display: none;}
/*** menu gris voir dans style css***/
/**** container histoire  validé le 10/08/2026****/ 
.bloc_content-histoire{width: 90%; margin: auto;}
.container_blason, .container_accordeon{width: 80%; margin:auto;height: auto;}
.content_blason{display: flex; flex-direction: row;}
.content_blason_rouge{height: auto;}
.image_blason_rouge{width: 90%; height: 450px; text-align: center;}
img.blason_rouge{width: 30%;}
/***  monuments validés le 10/08/2026  ***/
.container_accordeon_monuments{width: 80%; margin: auto; height: auto; margin-top: 20px;}
.bloc_monuments{width: 100%;margin: auto; min-height: 1000px; max-height: 5800px;}
.image_blason, .texte_blason{width: 50%;height:450px ; padding: 50px;}
.monument{height: auto;}
.active-popup2, .active-popup3, .active-popup4, .active-popup5, .active-popup6, .active-popup7, .active-popup11, .active-popup12{display: flex ! important;}
.change{color: #7e1426; margin: 0px !important}
.overlay-popup2, .overlay-popup3, .overlay-popup7{display: none;}
.overlay-popup11{display: none;}
.cadre2, .cadre3, .cadre4, .cadre5, .cadre6, .cadre7, .cadre11, .cadre12{border: 1px solid #1e4fad; margin:0px !important;}
.debut{display: flex; flex-direction: row;}
img.beaupre{width: 100%;background-size: cover;}
img.statut{width: 80%; margin: auto;}
.photo{width: 100%;}
/**** container village validé le 10/08/2026***/
.content_village{width: 90%; margin:auto;margin-bottom: 20px;} .content_village2{display: flex; flex-direction: row;}
img.image_village{width: 100%; height: auto; max-height: 400px; background-size: cover;}
.bloc_village{width: 96%;margin: auto;height: auto;}
.carte_medium{padding: 5px;}
.carte_bleu_medium{margin:auto; border-radius: 0 7% 0 7%;}
/*** container quartiers validé le 10/08/2026***/
.bloc_quartiers{width: 96%;margin: auto;height: auto;} img.image_quartier{width: 100%;background-size: cover;}
.content_village{display: flex;flex-direction: row;}
.bandeau_quartier{width: 100%; margin-top: 5px;}
          /*** container environnement  validé le 10/08/2026***/
img.image_environ{width: 100%; background-size: cover;}
.container_environnement{width:100%; height:auto;}
.bloc_environnement{width: 96%;margin: auto;height: auto;}
.content_environnement{display: flex; flex-direction: row; width: 96%; margin: auto; margin-bottom: 20px;}
img.pdf{padding-right: 30px;}
.overlay-popup1, .overlay-popup2, .overlay-popup3{display: none;}
.active-popup1, .active-popup2, .active-popup3, .active-popup4{display: flex ! important;}
.cadre1, .cadre2, .cadre3, .cadre4{border: 1px solid #1e4fad; margin:0px !important;}
         /****** page ecole validé le 11/08/2026 ***/
.content_ecole{display: flex; flex-direction: row;}
.bloc_ecole{width: 92%; margin: auto;}
img.image-carnaval{width: 80%;}
.carte_bleu_medium{border-radius: 0 15px 0 15px;}
a.bleu.lien{text-decoration:underline;}
img.image-pedagogie{width: 80%;}
.carte_bleu_medium{width: 500px;}
p.mot_blanc{font-size: 18px;}
          /**** page Garde d'Enfants validé le 11/08/2026 ***/
.image_garde{width: 100%; background-size: cover;}
          /*** page eau potable  validé le 12/08/2026***/
h2.titre_eau{font-size: 30px;}
h3.titre_eau3{font-size: 1.3em;}
.content_eau{width: 80%; margin: auto;}
a.lien-veolia{text-decoration: none; color:#1e4fad;}
.carte_bleu_eau{display: flex;justify-content: center;width: 60%; margin: auto;}
.carte_eau{width: 400px;height: auto;background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); padding:0 10; margin-bottom: 10px; border-radius: 0 15px 0 15px;}
.telechargements{text-align: center;}
.panel-eau{width: 96%;margin: auto;} li.telecharge{padding-bottom:5px;}
 /***  page sécurité et défibrilateurs ***/
 img.image-securit{width: 100%; background-size: cover;}
 .content_securite{display: flex; flex-direction: row; margin-top: 20px; width: 96%; margin: auto;}
 h3.titre_securite{font-size: 25px;}
 img.image-vigilant{width: 80%;}
 .partie1{margin-top: 50px; width: 50%; margin: 10px;}
 .content_suite, .content_defibrilateurs{width: 80%; margin: auto; padding-top: 20px;}
.image-fin{width: 60%; margin: auto;} img.panneau{width: 100%; background-size: cover;}
.cartes_defib{width: 100%; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap;}
.carte_defib{width: 380px; height: 210px; background-color: #1e4fad; border-radius: 10px; margin-bottom: 10px;}
h3.titre_defib{text-align: center;}
.content_defib{width: 94%; margin: auto;}
                    /****** page vivre ensemble validé le 13/08/2026****/
.part_menu{width: 28%; display: flex; justify-content: flex-end;} 
.menu_gris{width:300px ; height: 500px;margin-right: 15px;}
img.image-vivre{width: 100%; background-size: cover;}
.active-popup_vivre1, .active-popup_vivre2, .active-popup_vivre3, .active-popup_vivre4, .active-popup_vivre5, .active-popup_vivre6, .active-popup_vivre7, .active-popup_vivre, .active-popup_vivre8, .active-popup_vivre9{display: flex ! important;}
.overlay-popup_vivre1, .overlay-popup_vivre2, .overlay-popup_vivre3, .overlay-popup_vivre4, .overlay-popup_vivre5, .overlay-popup_vivre6, .overlay-popup_vivre7, .overlay-popup_vivre8, .overlay-popup_vivre9{display: none;}
.cadre_vivre1, .cadre_vivre2, .cadre_vivre3, .cadre_vivre4, .cadre_vivre5, .cadre_vivre6, .cadre_vivre7, .cadre_vivre, .cadre_vivre8, .cadre_vivre9{border: 1px solid #1e4fad; margin:0px !important;}
.content_vivre{width: 84%; margin: auto;}
.paragraphe_poubelle{margin-top: 50px;} .demi_paragraphe_vivre, .image_vagabond, .image_bruit, .image_travaux{width: 50%;}
li.poubelle{list-style-type: square;}
.active-popup_vivre{height: 52px;} h3.cadre_vivre{padding-top: 5px;}
img.img_bruit, img.img_chien, img.img_travaux, img.img_travaux{width: 100%; background-size: cover;}
img.img_verts{width: 100%; background-size: cover;}
li.item_panel_vivre.quickR{list-style-type: none;}
a.cnil{text-decoration: none; color: #fff;} a.cnil:hover{text-decoration:underline; color: #fff}
/**** page santé  ****/
h3.titre-sante{font-size: 25px;}
.image-sante{width: 50%; margin: auto;} img.img-sante{width: 100%; background-size: cover;}
.content_sante{display: flex;flex-direction: row; margin-top: 20px;}
li.item_panel_sante{list-style-type: square; font-size: 18px;}
/***** page salle fêtes ****/
.bandeau_salle{width: 80%;height: 400px;} img.img_salle{width: 100%;height: auto; background-size: cover; max-height: 480px;} .content_salle{width: 90%; margin: auto; display: flex; flex-direction: row;}
.content_salle{width: 80%;margin: auto;}
/*** phototheque ***/
.container_photo_salle{width: 100%; height: auto;}
.container_phototheque{width: 70%;margin: auto;height: auto;}
.photosPart1, .photosPart2, .photosPart3{width: 100%;display: flex; flex-direction: row;justify-content: center;gap:5px;flex-wrap: wrap;}
/*** photo grand format allongé  ***/
figure.photo1, figure.photo2, figure.photo12, figure.photo13{width: 400px; height: 600px; margin: 6px !important;position: relative;} 
img.img_phototheque1, img.img_phototheque2, img.img_phototheque12, img.img_phototheque13{width: 400px; height:600px;} 
figcaption.texte1, figcaption.texte2, figcaption.texte12, figcaption.texte13{width: 390px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;} 

/***  photo petit format  ***/
figure.photo3, figure.photo4, figure.photo5,figure.photo6,figure.photo7,figure.photo8,figure.photo9,figure.photo10,figure.photo11{width: 400px; height: 300px; margin: 6px !important;position: relative;}
img.img_phototheque3, img.img_phototheque4, img.img_phototheque5,img.img_phototheque6,img.img_phototheque7,img.img_phototheque8,img.img_phototheque9,img.img_phototheque10,img.img_phototheque11{width: 400px; height: 300px;}
figcaption.texte3, figcaption.texte4,figcaption.texte5, figcaption.texte6,figcaption.texte7,figcaption.texte8,figcaption.texte9,figcaption.texte10,figcaption.texte11{width: 390px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
/**** photo toute surface container **/ 
figure.photo14{width: 812px;height: auto; position: relative;}
.photosPart4{display: flex;width: 100%; justify-content: center;}
img.img_phototheque14{width: 812px; height: auto;}
figcaption.texte14{width: 802px; height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
p.donnée{margin-top: 3px;}
/**** page cimetiere  ***/
.content_cimetiere{width: 80%; margin: auto;}
.image_cimetiere{width: 100%; text-align: center;}
/**************************   page phototheque côté client *************************/
.container_page_phototheque{width: 100%; height: auto;background-color: #f4f4f8;display: flex; flex-direction: column;}
.choix_boutons{width: 96%; height: auto;display: flex; flex-direction: row; justify-content: center; align-items: center;}
.consigne{width: 100%;background-color: #1e4fad; height: auto; margin-top: 10px;}
p.mot-consigne{margin-top: 1px; color:#fff}
h2.titre-photo{width: 100%;}
.choix-rond{width: 120px; height: 55px;background-color: #1e4fad; margin-right: 2px;margin-bottom: 4px;
  list-style: none; font-size: 14px; border-radius: 0 10px ; font-size: 12px; margin:3px;}
.grille_photos{width: 96%; margin: auto; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; background-color: #fff;}
.photo{width: 350px; height: 350px;margin: 5px;}
.page-ecole, .page-mairie, .page-village, .page-environs, .page-autres{display: none;}
.active-photo1, .active-photo2,.active-photo3,.active-photo4,.active-photo5{display: flex;}
.flex-none{display: none;}


/*//////////////////// RESPONSIVE /////////////////////////**/
 
 @media all and (min-width:320px) and (max-width:1300px){
        /****  -----------  TOUS FORMAT ECRAN  ------  ***/
    .bloc_presentation_histoire, .bloc_presentation_village, .bloc_presentation_monuments,  
    .bloc_presentation_quartiers, .bloc_presentation_environ, .bloc_presentation_ecole, 
    .bloc_presentation_enfants, .bloc_presentation_eau, .bloc_presentation_securite, .bloc_presentation_vivre, .bloc_presentation_sante, .bloc_presentation_salle, .bloc_presentation_cimetiere{display: none;}

    .container1_histoire_portable, .container1_village_portable,.container1_monuments_portable,.container1_quartier_portable,.container1_ecole_portable,.container1_eau_portable,.container1_securite_portable, .container1_vivre_portable{width: 96%; margin: auto; margin-top: 5px;}
    .bloc_presentation_histoire_portable{display: flex; flex-direction: column; width: 96%; margin:auto; margin-top: 2px !important; margin-bottom: 5px !important;}
    .presentation_monuments_portable, .presentation_village_portable, .presentation_quartiers_portable, .bloc_presentation_environ_portable, .presentation_ecole_portable, .bloc_presentation_enfants_portable, .bloc_presentation_eau_portable, .bloc_presentation_securite_portable, .bloc_presentation_vivre_portable, .bloc_presentation_sante_portable, .bloc_presentation_salle_portable, .bloc_presentation_cimetiere_portable{display: flex; flex-direction: column;}
    /*** gestion des bandeaux haut de page  ****/
    img.image-village-portable{width: 100%; background-size: cover;}
 }
 @media all and (min-width:320px) and (max-width:1024px){
        .content_sante, .content_salle{display: flex;flex-direction: column;}
              
}
@media all and (min-width:320px) and (max-width:359px){
        p.item.mot_blanc{font-size: 14px;}
            /*** histoire  validé le 10/08/2026***/
.structure{width: 96%;padding-left: 5px;}
.container_histoire{height: auto;}
.menu_gris_portable{display: flex;flex-direction: column; height: 350px;}
.bloc_content-histoire{flex-direction: column; margin-top: 2px !important;}
.cadre_gris{width: 96%; margin:auto;}
.container_blason{flex-direction: column; margin: 5px !important; width: 100%;}
.content_blason{flex-direction: column; height: 620px;}
.content_blason_rouge{height: 720px !important;}
.image_blason{width: 100%; padding: 0px !important;} img.blason-image{width: 90%;}
 .texte_blason, .texte_blason_rouge{width: 100%; margin-top: 10px !important; padding: 0px;} .texte_blason_rouge{height: 480px;}
 .image_blason_rouge{height: 250px;}
 img.blason_rouge{width: 60%;}
.debut{flex-direction: column; margin-top: 5px !important;} .paragraphe_eglise{padding: 2px !important; margin-top: 5px !important;}
.image_eglise{padding: 5px !important; width: 100%;} img.eglise{width: 80%;}
           /*** village validé le 10/08/2026***/
.menu_gris_portable{height: auto;} 
.menu_titre_portable{height: 50px;}
li.target_rond{font-size: 16px;}
img.image-village-portable{width: 96%;}
.content_village2{flex-direction: column; width: 100%;} .moitie{width: 96%; margin: auto;} .espace{margin-top: 15px; text-align: center;}
img.image-champs{width: 90%;}
.carte_bleu_medium{width: 98%; margin: auto;}
         /*** monuments  validé le 10/08/2026****/
.container-accordeon-monuments{width: 90% !important; margin: auto;}
.container_fermes{height: auto;}
.structure{height: 55px;}
.menu_gris_portable{height: 400px;}
h2.titre_items{font-size: 30px;}
li.rond{height: 55px;}
           /****** quartiers validé le 10/08/2026  ***/
.menu_gris_portable{height: auto;} 
.menu_titre_portable{height: 50px;}
.content_village{flex-direction: column;}
ul.liste-rue{justify-content: left; text-align: start;}
             /*****  page environnement validé le 11/08/2026 ***/
.content_environnement{flex-direction: column;}
li.target_rond{width: 100px; height: 40px;background-color: #1e4fad; margin-right: 2px;margin-bottom: 4px;list-style: none; font-size: 16px; border-radius: 0 10px ;}
h3.titre_download{font-size: 20px;}
           /*** page ECOLE validé le 11/08/2026****/
.bloc_ecole, .content_ecole{flex-direction: column;}
img.image-carnaval{width: 85%;}
img.image-recre{width: 90%;}
ul.aligne{text-align: left !important;}
.panel{text-align: left;} .telecharge{width: 100%;}
          /**** page Garde d'Enfants  validé le 11/08/2026***/
.image_garde{width: 100%; background-size: cover;}
            /*** page eau potable  validé le 12/08/2026***/
.content_eau{width: 94%; margin: auto;}
.carte_bleu_eau{width: 100%;} ul.list_panel{padding-left: 10px !important;}
               /*** page securite  validé le 12/08/2026 ***/
 .content_securite{display: flex; flex-direction: column; margin-top: 10px;}
.partie1{width: 100%; margin-bottom: 10px;} img.logo-jaune{width: 50%;}
img.panneau{width: 100%; background-size: cover;} img.logo-defib{width: 80%;}
/*** page vivre ensemble validé le 13/08/2026 ***/
.image_vagabond, .paragraphe_poubelle, .image_espaces{width: 90%; margin: auto;}
/**** page santé ***/
.image-sante{width: 90%;margin: auto;}
img.img-parcours{width: 90%;}
/*** page cimetière ***/
img.img-cimetiere{width: 60%;}
/**** page salle fetes  ****/
.content_salle{flex-direction: column;}
.container_phototheque{width: 100%;margin: auto;height: auto;}
/*** photo grand format allongé  ***/
.consigne.center{height: auto;}
.photosPart1, .photosPart2, .photosPart3{width: 100%;display: flex; flex-direction: row;justify-content:space-around;gap:5px;flex-wrap: wrap;}
figure.photo1, figure.photo2, figure.photo12, figure.photo13{width: 300px; height: 450px; margin: 6px !important;position: relative;} 
img.img_phototheque1, img.img_phototheque2, img.img_phototheque12, img.img_phototheque13{width: 300px; height:450px;} 
figcaption.texte1, figcaption.texte2, figcaption.texte12, figcaption.texte13{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;} 
/***  photo petit format  ***/
figure.photo3, figure.photo4, figure.photo5,figure.photo6,figure.photo7,figure.photo8,figure.photo9,figure.photo10,figure.photo11{width: 300px; height: 225px; margin: 6px !important;position: relative;}
img.img_phototheque3, img.img_phototheque4, img.img_phototheque5,img.img_phototheque6,img.img_phototheque7,img.img_phototheque8,img.img_phototheque9,img.img_phototheque10,img.img_phototheque11{width: 300px; height: 225px;}
figcaption.texte3, figcaption.texte4,figcaption.texte5, figcaption.texte6,figcaption.texte7,figcaption.texte8,figcaption.texte9,figcaption.texte10,figcaption.texte11{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
/**** photo toute surface container **/ 
figure.photo14{width: 300px;height: auto; position: relative;}
.photosPart4{display: flex;width: 100%; justify-content: center;}
img.img_phototheque14{width: 300px; height: auto;}
figcaption.texte14{width: 290px; height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
}


@media all and (min-width:360px) and (max-width:419px){
        p.item.mot_blanc{font-size: 16px;}
            /*** histoire  validé le 10/08/2026***/
.container_histoire{height: auto;}
.structure{width: 96%;padding-left: 25px;}
.menu_gris_portable{display: flex;flex-direction: column; height: auto;}
.bloc_content-histoire{flex-direction: column; margin-top: 2px !important;}
.cadre_gris{width: 96%; margin:auto;}
.container_blason{flex-direction: column; margin: 5px !important; width: 100%;}
.content_blason{flex-direction: column; height: 620px;}
.content_blason_rouge{height: 720px !important;}
.image_blason{width: 100%; padding: 0px !important;} img.blason-image{width: 90%;}
img.blason_rouge{width: 50%;}
 .texte_blason, .texte_blason_rouge{width: 100%; margin-top: 10px !important; padding: 0px;} .texte_blason_rouge{height: 450px;}
.debut{flex-direction: column; margin-top: 5px !important;} .paragraphe_eglise{padding: 2px !important; margin-top: 5px !important;}
.image_eglise{padding: 5px !important; width: 100%;} img.eglise{width: 80%;}
           /*** village validé le 10/08/2026***/
img.image-village-portable{width: 96%;}
.carte_bleu_medium{width: 98%; margin: auto;}
.content_village2{flex-direction: column; width: 100%;} .moitie{width: 96%; margin: auto;} .espace{margin-top: 15px; text-align: center;}
img.image-champs{width: 90%;}
        /*** monuments  validé le 10/08/2026****/
.container_fermes{height: auto;}
.structure{height: 55px;}
.menu_gris_portable{height: 400px;}
h2.titre_items{font-size: 30px;}
li.rond{height: 55px;}
             /****** quartiers validé le 10/08/2026***/
.menu_gris_portable{height: auto;} 
.menu_titre_portable{height: 50px;}
.content_village{flex-direction: column;}
ul.liste-rue{justify-content: left; text-align: start;}
         /*****  page environnement validé le 11/08/2026 ***/
.content_environnement{flex-direction: column;}
li.target_rond{width: 100px; height: 40px;background-color: #1e4fad; margin-right: 2px;margin-bottom: 4px;list-style: none; font-size: 16px; border-radius: 0 10px ;}
h3.titre_download{font-size: 20px;}
        /*** page ECOLE validé le 11/08/2026****/
.bloc_ecole, .content_ecole{flex-direction: column;}
img.image-carnaval{width: 85%;}
img.image-recre{width: 90%;}
ul.aligne{width: 90%; margin:auto; text-align: left; justify-content: left; margin-bottom: 20px;}
.panel{text-align: left;} .telecharge{width: 100%;}
        /**** page Garde d'Enfants  validé le 11/08/2026***/
.container1_enfants{width: 96%; margin: auto;margin-top: 5px;}
.image_garde{width: 100%; background-size: cover;}
          /*** page eau potable validé le 12/08/2026 ***/
.content_eau{width: 94%; margin: auto;}
.carte_bleu_eau{width: 100%;} ul.list_panel{padding-left: 10px !important;}
             /*** page securite  validé le 12/08/2026***/
.container1_securite_portable{width: 96%; margin: auto; margin-top: 5px;}
 .content_securite{display: flex; flex-direction: column; margin-top: 10px;}
.partie1{width: 100%; margin-bottom: 10px;} img.logo-jaune{width: 50%;}
img.panneau{width: 100%; background-size: cover;} img.logo-defib{width: 80%;}
             /*** page vivre ensemble  validé le 13/08/2026***/
.content_vivre{width: 100%;}
.monuments{flex-direction: column;}
.demi_paragraphe_vivre{width: 96%; margin: auto;}
.image_vagabond, .paragraphe_poubelle, .image_espaces{width: 90%; margin: auto;}
/**** page santé ****/
.image-sante{width: 70%;margin: auto;}
img.img-parcours{width: 90%;}
/*** page cimetière ***/
img.img-cimetiere{width: 60%;}
/**** page salle fetes ***/
.container_phototheque{width: 96%; margin:auto;}
/*** photo grand format allongé  ***/
.photosPart1, .photosPart2, .photosPart3{width: 100%;display: flex; flex-direction: row;justify-content:space-around;gap:5px;flex-wrap: wrap;}
figure.photo1, figure.photo2, figure.photo12, figure.photo13{width: 300px; height: 450px; margin: 6px !important;position: relative;} 
img.img_phototheque1, img.img_phototheque2, img.img_phototheque12, img.img_phototheque13{width: 300px; height:450px;} 
figcaption.texte1, figcaption.texte2, figcaption.texte12, figcaption.texte13{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;} 
/***  photo petit format  ***/
figure.photo3, figure.photo4, figure.photo5,figure.photo6,figure.photo7,figure.photo8,figure.photo9,figure.photo10,figure.photo11{width: 300px; height: 225px; margin: 6px !important;position: relative;}
img.img_phototheque3, img.img_phototheque4, img.img_phototheque5,img.img_phototheque6,img.img_phototheque7,img.img_phototheque8,img.img_phototheque9,img.img_phototheque10,img.img_phototheque11{width: 300px; height: 225px;}
figcaption.texte3, figcaption.texte4,figcaption.texte5, figcaption.texte6,figcaption.texte7,figcaption.texte8,figcaption.texte9,figcaption.texte10,figcaption.texte11{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
/**** photo toute surface container **/ 
figure.photo14{width: 300px;height: auto; position: relative;}
.photosPart4{display: flex;width: 100%; justify-content: center;}
img.img_phototheque14{width: 300px; height: auto;}
figcaption.texte14{width: 290px; height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}

}
@media all and (min-width:420px) and (max-width:1300px){

   /**** page Garde d'Enfants  validé le 11/08/2026***/
.bloc_presentation_enfants_portable{display: flex; flex-direction: column;}
.container1_enfants{width: 96%; margin: auto;margin-top: 5px;}
.image_garde{width: 100%; background-size: cover;} 
/*** page eau potable  ***/
.content_eau{width: 94%; margin: auto;}
.carte_bleu_eau{width: 100%;} ul.list_panel{padding-left: 10px !important;}
.partie1{width: 100%; margin-bottom: 10px;}
/*** page vivre ensemble validé le 13/08/2026 ***/
.content_vivre{width: 100%;}
.demi_paragraphe_vivre{width: 96%; margin: auto;}
.monuments{flex-direction: column;}
/*** page santé ***/
.image-sante{width: 70%;margin: auto;}

}
@media all and (min-width:420px) and (max-width:519px){
 /*** histoire  validé le 10/08/2026***/
.container_histoire{height: auto;}
.structure{width: 96%;padding-left: 25px;}
.menu_gris_portable{display: flex;flex-direction: column; height: auto;}
.bloc_content-histoire{flex-direction: column; margin-top: 2px !important;}
.cadre_gris{width: 96%; margin:auto;}
.container_blason{flex-direction: column; margin: 5px !important; width: 100%;}
.content_blason{flex-direction: column; height: 630px;}
.content_blason_rouge{height: 650px !important;}
.image_blason{width: 100%; padding: 0px !important; text-align: center;} img.blason-image{width: 70%;}
img.blason_rouge{width: 50%;}
 .texte_blason, .texte_blason_rouge{width: 100%; margin-top: 10px !important; padding: 0px;} .texte_blason_rouge{height: 400px;}
.debut{flex-direction: column; margin-top: 5px !important;} .paragraphe_eglise{padding: 2px !important; margin-top: 5px !important;}
.image_eglise{padding: 5px !important; width: 100%;} img.eglise{width: 80%;}
           /*** village validé le 10/08/2026***/
img.image-village-portable{width: 96%;}
.content_village2{flex-direction: column; width: 100%;} .moitie{width: 96%; margin: auto;} .espace{margin-top: 15px; text-align: center;}
img.image-champs{width: 90%;}
.carte_bleu_medium{width: 98%; margin: auto;}
         /*** monuments  validé le 10/08/2026****/
.container_fermes{height: auto;}
.structure{height: 55px;}
.menu_gris_portable{height: 400px;}
.container1_monuments_portable{width: 96%; margin: auto;}
h2.titre_items{font-size: 30px;}
li.rond{height: 55px;}
            /****** quartiers validé le 10/08/2026***/
.menu_gris_portable{height: auto;} 
.menu_titre_portable{height: 50px;}
.content_village{flex-direction: column;}
ul.liste-rue{justify-content: left; text-align: start;}
             /*****  page environnement validé le 11/08/2026 ***/
.content_environnement{flex-direction: column;}
h3.titre_download{font-size: 20px;}
         /*** page ECOLE validé le 11/08/2026****/
.bloc_ecole, .content_ecole{flex-direction: column;}
img.image-carnaval{width: 85%;}
img.image-recre{width: 90%;}
ul.aligne{width: 80%; margin:auto; text-align: left; justify-content: left; margin-bottom: 20px;}
.panel{text-align: left;} .telecharge{width: 100%;}
             /*** page securite  validé le 12/08/2026***/
 .content_securite{display: flex; flex-direction: column; margin-top: 10px;}
img.logo-jaune{width: 50%;}
img.panneau{width: 100%; background-size: cover;} img.logo-defib{width: 80%;}
              /*** page vivre ensemble validé le 13/08/2026 ***/
.content_vivre{width: 100%;}
.monuments{flex-direction: column;}
.demi_paragraphe_vivre{width: 96%; margin: auto;}
.image_vagabond, .paragraphe_poubelle, .image_espaces{width: 90%; margin: auto;}
/*** page sante  ****/
img.img-parcours{width: 90%;}
/**** page salle fetes  ****/
.content_salle{flex-direction: column;}
.container_phototheque{width: 100%;margin: auto;height: auto;}
/*** photo grand format allongé  ***/
.photosPart1, .photosPart2, .photosPart3{width: 100%;display: flex; flex-direction: row;justify-content:space-around;gap:5px;flex-wrap: wrap;}
figure.photo1, figure.photo2, figure.photo12, figure.photo13{width: 300px; height: 450px; margin: 6px !important;position: relative;} 
img.img_phototheque1, img.img_phototheque2, img.img_phototheque12, img.img_phototheque13{width: 300px; height:450px;} 
figcaption.texte1, figcaption.texte2, figcaption.texte12, figcaption.texte13{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;} 
/***  photo petit format  ***/
figure.photo3, figure.photo4, figure.photo5,figure.photo6,figure.photo7,figure.photo8,figure.photo9,figure.photo10,figure.photo11{width: 300px; height: 225px; margin: 6px !important;position: relative;}
img.img_phototheque3, img.img_phototheque4, img.img_phototheque5,img.img_phototheque6,img.img_phototheque7,img.img_phototheque8,img.img_phototheque9,img.img_phototheque10,img.img_phototheque11{width: 300px; height: 225px;}
figcaption.texte3, figcaption.texte4,figcaption.texte5, figcaption.texte6,figcaption.texte7,figcaption.texte8,figcaption.texte9,figcaption.texte10,figcaption.texte11{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
/**** photo toute surface container **/ 
figure.photo14{width: 300px;height: auto; position: relative;}
.photosPart4{display: flex;width: 100%; justify-content: center;}
img.img_phototheque14{width: 300px; height: auto;}
figcaption.texte14{width: 290px; height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
}
@media all and (min-width:520px) and (max-width:719px){
         /*** histoire  validé le 10/08/2026***/
.structure{width: 96%;padding-left: 25px;}
.menu_gris_portable{display: flex;flex-direction: column; height: auto;}
.bloc_content-histoire{flex-direction: column; margin-top: 2px !important;}
.cadre_gris{width: 96%; margin:auto;}
.container_blason{flex-direction: column; margin: 5px !important; width: 100%;}
.content_blason{flex-direction: column; height: 550px;}
.content_blason_rouge{height: 680px !important;}
.image_blason{width: 100%; padding: 0px !important;text-align: center;} img.blason-image{width: 50%;}
 .texte_blason, .texte_blason_rouge{width: 100%; margin-top: 10px !important; padding: 0px;} .texte_blason_rouge{height: 310px;}
 img.blason_rouge{width: 50%;}
.debut{flex-direction: column; margin-top: 5px !important;} .paragraphe_eglise{padding: 2px !important; margin-top: 5px !important;}
.image_eglise{padding: 5px !important; width: 100%;} img.eglise{width: 80%;}
           /*** village validé le 10/08/2026***/
img.image-village-portable{width: 95%;}
.carte_bleu_medium{width: 98%; margin: auto;}
.content_village2{flex-direction: column; width: 100%;} .moitie{width: 96%; margin: auto;} .espace{margin-top: 15px; text-align: center;}
         /*** monuments  validé le 10/08/2026****/
.container_fermes{height: auto;}
.structure{height: 55px;}
.menu_gris_portable{height: auto;}
h2.titre_items{font-size: 30px;}
li.rond{height: 55px;}
         /****** quartiers validé le 10/08/2026***/
.menu_gris_portable{height: auto;} 
.menu_titre_portable{height: 50px;}
.content_village{flex-direction: column;}
ul.liste-rue{justify-content: left; text-align: start;}
           /*****  page environnement validé le 11/08/2026 ***/
.content_environnement{flex-direction: column;}
li.target_rond{width: 100px; height: 40px;background-color: #1e4fad; margin-right: 2px;margin-bottom: 4px;list-style: none; font-size: 16px; border-radius: 0 10px ;}
h3.titre_download{font-size: 20px;}
           /*** page ECOLE validé le 11/08/2026****/
.bloc_ecole, .content_ecole{flex-direction: column;}
img.image-carnaval{width: 85%;}
img.image-recre{width: 90%;}
ul.aligne{width: 60%; margin:auto; text-align: left; justify-content: left; margin-bottom: 20px;}
.panel{text-align: left;} .telecharge{width: 100%;}
/*** page eau potable  ***/
.carte_bleu_eau{width: 500px;}
/*** page securite  ***/
 .content_securite{display: flex; flex-direction: column; margin-top: 10px;}
img.logo-jaune{width: 50%;}
img.panneau{width: 100%; background-size: cover;} img.logo-defib{width: 80%;}
              /*** page vivre ensemble validé le 13/08/2026 ***/
.content_vivre{width: 100%;}
.monuments{flex-direction: column;}
.demi_paragraphe_vivre{width: 96%; margin: auto;}
.image_vagabond, .paragraphe_poubelle, .image_espaces, .image_bruit{width: 80%; margin: auto;}
/*** page cimetière ***/
img.img-cimetiere{width: 60%;}
/**** page salle des fetes  ***/
.carte_bleu_eau{width: 400px;}
.container_phototheque{width: 100%;margin: auto;height: auto;}
/*** photo grand format allongé  ***/
.photosPart1, .photosPart2, .photosPart3{width: 100%;display: flex; flex-direction: row;justify-content:space-around;gap:5px;flex-wrap: wrap;}
figure.photo1, figure.photo2, figure.photo12, figure.photo13{width: 300px; height: 450px; margin: 6px !important;position: relative;} 
img.img_phototheque1, img.img_phototheque2, img.img_phototheque12, img.img_phototheque13{width: 300px; height:450px;} 
figcaption.texte1, figcaption.texte2, figcaption.texte12, figcaption.texte13{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;} 
/***  photo petit format  ***/
figure.photo3, figure.photo4, figure.photo5,figure.photo6,figure.photo7,figure.photo8,figure.photo9,figure.photo10,figure.photo11{width: 300px; height: 225px; margin: 6px !important;position: relative;}
img.img_phototheque3, img.img_phototheque4, img.img_phototheque5,img.img_phototheque6,img.img_phototheque7,img.img_phototheque8,img.img_phototheque9,img.img_phototheque10,img.img_phototheque11{width: 300px; height: 225px;}
figcaption.texte3, figcaption.texte4,figcaption.texte5, figcaption.texte6,figcaption.texte7,figcaption.texte8,figcaption.texte9,figcaption.texte10,figcaption.texte11{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
/**** photo toute surface container **/ 
figure.photo14{width: 500px;height: auto; position: relative;}
.photosPart4{display: flex;width: 100%; justify-content: center;}
img.img_phototheque14{width: 500px; height: auto;}
figcaption.texte14{width: 490px; height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
}
@media all and (min-width:720px) and (max-width:768px){
/*** histoire  validé le 10/08/2026***/
.container_histoire{height: auto;}
.structure{width: 96%;padding-left: 25px;}
.menu_gris_portable{display: flex;flex-direction: column; height: auto;}
.bloc_content-histoire{flex-direction: column; margin-top: 2px !important;}
.container_blason{flex-direction: column; margin: 5px !important; width: 98%; margin: auto;}
.content_blason{flex-direction: column; height: 500px; padding-left: 5px !important;}
.content_blason_rouge{height: 700px !important;}.image_blason{width: 100%; padding: 0px !important; text-align: center;} img.blason-image{width: 40%;}
 .texte_blason, .texte_blason_rouge{width: 100%; margin-top: 10px !important; padding: 5px;} .texte_blason_rouge{height: 310px;}
 img.blason_rouge{width: 40%;}
.debut{flex-direction: column; margin-top: 5px !important;} .paragraphe_eglise{padding: 2px !important; margin-top: 5px !important;}
.image_eglise{padding: 5px !important; width: 100%;} img.eglise{width: 80%;}
           /*** village validé le 10/08/2026***/
img.image-village-portable{width: 95%;}
.content_village2{flex-direction: column; width: 100%;} .moitie{width: 96%; margin: auto;} .espace{margin-top: 15px; text-align: center;}
         /*** monuments  validé le 10/08/2026****/
.container_fermes{height: auto;}
.structure{height: 55px;}
.menu_gris_portable{height: 400px;}
.container1_monuments_portable{width: 96%; margin: auto;}
h2.titre_items{font-size: 30px;}
li.rond{height: 55px;}
         /****** quartiers validé le 10/08/2026 ***/
.menu_gris_portable{height: auto;} 
.menu_titre_portable{height: 50px;}
.content_village{flex-direction: column;}
ul.liste-rue{justify-content: left; text-align: start;}
        /*****  page environnement validé le 11/08/2026 ***/
.content_environnement{flex-direction: column;}
li.target_rond{width: 100px; height: 40px;background-color: #1e4fad; margin-right: 2px;margin-bottom: 4px;list-style: none; font-size: 16px; border-radius: 0 10px ;}
h3.titre_download{font-size: 20px;}
          /*** page ECOLE validé le 11/08/2026****/
.presentation_ecole_portable{display: flex; flex-direction: column;}
.bloc_ecole, .content_ecole{flex-direction: column;}
img.image-carnaval{width: 85%;}
img.image-recre{width: 90%;}
ul.aligne{width: 80%; margin:auto; text-align: left; margin-bottom: 20px;}
 .telecharge{width: 100%;} .panel{text-align: left;}
         /*** page securite  validé le 12/08/2026***/
 .content_securite{display: flex; flex-direction: column; margin-top: 10px;}
img.logo-jaune{width: 50%;}
img.panneau{width: 100%; background-size: cover;} img.logo-defib{width: 60%;}
       /*** page vivre ensemble validé le 13/08/2026 ***/
.content_vivre{width: 100%;}
.monuments{flex-direction: column;}
.demi_paragraphe_vivre{width: 96%; margin: auto;}
.image_vagabond, .paragraphe_poubelle, .image_espaces, .image_bruit{width: 70%; margin: auto;}
/*** page cimetière ***/
img.img-cimetiere{width: 60%;}
/**** page salle fetes  ****/
.content_salle{flex-direction: column;}
.container_phototheque{width: 100%;margin: auto;height: auto;}
/*** photo grand format allongé  ***/
.photosPart1, .photosPart2, .photosPart3{width: 100%;display: flex; flex-direction: row;justify-content:space-around;gap:5px;flex-wrap: wrap;}
figure.photo1, figure.photo2, figure.photo12, figure.photo13{width: 300px; height: 450px; margin: 6px !important;position: relative;} 
img.img_phototheque1, img.img_phototheque2, img.img_phototheque12, img.img_phototheque13{width: 300px; height:450px;} 
figcaption.texte1, figcaption.texte2, figcaption.texte12, figcaption.texte13{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;} 
/***  photo petit format  ***/
figure.photo3, figure.photo4, figure.photo5,figure.photo6,figure.photo7,figure.photo8,figure.photo9,figure.photo10,figure.photo11{width: 300px; height: 225px; margin: 6px !important;position: relative;}
img.img_phototheque3, img.img_phototheque4, img.img_phototheque5,img.img_phototheque6,img.img_phototheque7,img.img_phototheque8,img.img_phototheque9,img.img_phototheque10,img.img_phototheque11{width: 300px; height: 225px;}
figcaption.texte3, figcaption.texte4,figcaption.texte5, figcaption.texte6,figcaption.texte7,figcaption.texte8,figcaption.texte9,figcaption.texte10,figcaption.texte11{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
/**** photo toute surface container **/ 
figure.photo14{width: 500px;height: auto; position: relative;}
.photosPart4{display: flex;width: 100%; justify-content: center;}
img.img_phototheque14{width: 500px; height: auto;}
figcaption.texte14{width: 490px; height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
}
@media all and (min-width:769px) and (max-width:900px){
/*** histoire  validé le 10/08/2026***/
.container_histoire{height: auto;}
.structure{width: 96%;padding-left: 25px;}
.menu_gris_portable{display: flex;flex-direction: column; height: auto;}
.bloc_content-histoire{flex-direction: column; margin-top: 2px !important;}
.container_blason{flex-direction: column; margin: 5px !important; width: 98%; margin: auto;}
.content_blason{flex-direction: column; height: 500px; padding-left: 5px !important;}
.content_blason_rouge{height: 700px !important;}.image_blason{width: 100%; padding: 0px !important; text-align: center;} img.blason-image{width: 40%;}
 .texte_blason, .texte_blason_rouge{width: 100%; margin-top: 10px !important; padding: 5px;} .texte_blason_rouge{height: 310px;}
 img.blason_rouge{width: 40%;}
.debut{flex-direction: column; margin-top: 5px !important;} .paragraphe_eglise{padding: 2px !important; margin-top: 5px !important;}
.image_eglise{padding: 5px !important; width: 100%;} img.eglise{width: 80%;}
           /*** village validé le 10/08/2026***/
img.image-village-portable{width: 95%;}
.content_village2{flex-direction: column; width: 100%;} .moitie{width: 96%; margin: auto;} .espace{margin-top: 15px; text-align: center;}
         /*** monuments  validé le 10/08/2026****/
.container_fermes{height: auto;}
.structure{height: 55px;}
.menu_gris_portable{height: 400px;}
.container1_monuments_portable{width: 96%; margin: auto;}
h2.titre_items{font-size: 30px;}
li.rond{height: 55px;}
           /*** quartiers validé le 10/08/2026***/
.menu_gris_portable{height: auto;} li.rond{width: 90px;}
.menu_titre_portable{height: 50px;}
.content_village{flex-direction: column;}
ul.liste-rue{justify-content: left; text-align: start;}
          /*****  page environnement validé le 11/08/2026 ***/
.content_environnement{flex-direction: column;}
li.target_rond{width: 100px; height: 40px;background-color: #1e4fad; margin-right: 2px;margin-bottom: 4px;list-style: none; font-size: 16px; border-radius: 0 10px ;}
h3.titre_download{font-size: 20px;}
             /*** page ECOLE validé le 11/08/2026****/
.bloc_ecole, .content_ecole{flex-direction: column;}
img.image-carnaval{width: 85%;}
img.image-recre{width: 90%;}
ul.aligne{width: 80%; margin:auto; text-align: left; margin-bottom: 20px;}
 .telecharge{width: 100%;} .panel{text-align: left;}
         /*** page securite  validé le 12/08/2026***/
 .content_securite{display: flex; flex-direction: column; margin-top: 10px;}
img.logo-jaune{width: 50%;}
img.panneau{width: 100%; background-size: cover;} img.logo-defib{width: 60%;}
/*** page vivre ensemble validé le 13/08/2026 ***/
.content_vivre{width: 100%;}
.monuments{flex-direction: column;}
.demi_paragraphe_vivre{width: 96%; margin: auto;}
.image_vagabond, .paragraphe_poubelle, .image_espaces, .image_bruit{width: 60%; margin: auto;}
/*** page cimetière ***/
img.img-cimetiere{width: 50%;}
/**** page salle fetes  ****/
.content_salle{flex-direction: column;}
.container_phototheque{width: 100%;margin: auto;height: auto;}
/*** photo grand format allongé  ***/
.photosPart1, .photosPart2, .photosPart3{width: 100%;display: flex; flex-direction: row;justify-content:center;gap:5px;flex-wrap: wrap;}
figure.photo1, figure.photo2, figure.photo12, figure.photo13{width: 300px; height: 450px; margin: 6px !important;position: relative;} 
img.img_phototheque1, img.img_phototheque2, img.img_phototheque12, img.img_phototheque13{width: 300px; height:450px;} 
figcaption.texte1, figcaption.texte2, figcaption.texte12, figcaption.texte13{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;} 
/***  photo petit format  ***/
figure.photo3, figure.photo4, figure.photo5,figure.photo6,figure.photo7,figure.photo8,figure.photo9,figure.photo10,figure.photo11{width: 300px; height: 225px; margin: 6px !important;position: relative;}
img.img_phototheque3, img.img_phototheque4, img.img_phototheque5,img.img_phototheque6,img.img_phototheque7,img.img_phototheque8,img.img_phototheque9,img.img_phototheque10,img.img_phototheque11{width: 300px; height: 225px;}
figcaption.texte3, figcaption.texte4,figcaption.texte5, figcaption.texte6,figcaption.texte7,figcaption.texte8,figcaption.texte9,figcaption.texte10,figcaption.texte11{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
/**** photo toute surface container **/ 
figure.photo14{width: 600px;height: auto; position: relative;}
.photosPart4{display: flex;width: 100%; justify-content: center;}
img.img_phototheque14{width: 600px; height: auto;}
figcaption.texte14{width: 590px; height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
}
@media all and (min-width:901px) and (max-width:1024px){
    /*** histoire  validé le 10/08/2026***/
.container_histoire{height: auto;}
.structure{width: 96%;padding-left: 25px;}
.menu_gris_portable{display: flex;flex-direction: column; height: auto;}
.bloc_content-histoire{flex-direction: column; margin-top: 2px !important;}
.container_blason{flex-direction: column; margin: 5px !important; width: 98%; margin: auto;}
.content_blason{flex-direction: column; height: 600px; padding-left: 5px !important;}
.content_blason_rouge{height: 750px !important;}.image_blason{width: 100%; padding: 0px !important; text-align: center;} img.blason-image{width: 40%;}
 .texte_blason, .texte_blason_rouge{width: 100%; margin-top: 10px !important; padding: 5px;} .texte_blason_rouge{height: 310px;}
 img.blason_rouge{width: 40%;}
.debut{flex-direction: column; margin-top: 5px !important;} .paragraphe_eglise{padding: 2px !important; margin-top: 5px !important;}
.image_eglise{padding: 5px !important; width: 100%;} img.eglise{width: 80%;}
           /**** container village validé le 10/08/2026***/
.content_village2{flex-direction: column; width: 100%;} .moitie{width: 96%; margin: auto;} .espace{margin-top: 15px; text-align: center;}
         /*** monuments  validé le 10/08/2026****/
.container_fermes{height: auto;}
.structure{height: 55px;}
.menu_gris_portable{height: 400px;}
.container1_monuments_portable{width: 96%; margin: auto;}
h2.titre_items{font-size: 30px;}
li.rond{height: 55px;}
            /****** quartiers validé le 10/08/2026 ***/
.menu_gris_portable{height: auto;} 
.menu_titre_portable{height: 50px;}
.content_village{flex-direction: column;}
ul.liste-rue{justify-content: left; text-align: start;}
           /*****  page environnement validé le 11/08/2026 ***/
.content_environnement{flex-direction: column;}
li.target_rond{width: 100px; height: 40px;background-color: #1e4fad; margin-right: 2px;margin-bottom: 4px;list-style: none; font-size: 16px; border-radius: 0 10px ;}
h3.titre_download{font-size: 20px;}
          /*** page ECOLE validé le 11/08/2026****/
.bloc_ecole, .content_ecole{flex-direction: column;}
img.image-carnaval{width: 85%;}
img.image-recre{width: 90%;}
ul.aligne{width: 80%; margin:auto; text-align: left; margin-bottom: 20px;}
 .telecharge{width: 100%;} .panel{text-align: left;}
          /*** page securite  validé le 12/08/2026***/
img.logo-jaune{width: 50%;}
img.panneau{width: 100%; background-size: cover;} img.logo-defib{width: 50%;}
/*** page vivre ensemble validé le 13/08/2026 ***/
.content_vivre{width: 100%;}
.monuments{flex-direction: column;}
.demi_paragraphe_vivre{width: 96%; margin: auto;}
.image_vagabond, .paragraphe_poubelle, .image_espaces, .image_bruit, .image_travaux{width: 55%; margin: auto;}
/*** page cimetière ***/
img.img-cimetiere{width: 60%;}
/**** page salle fetes  ****/
.content_salle{flex-direction: column;}
.container_phototheque{width: 100%;margin: auto;height: auto;}
/*** photo grand format allongé  ***/
.photosPart1, .photosPart2, .photosPart3{width: 100%;display: flex; flex-direction: row;justify-content:center;gap:5px;flex-wrap: wrap;}
figure.photo1, figure.photo2, figure.photo12, figure.photo13{width: 300px; height: 450px; margin: 6px !important;position: relative;} 
img.img_phototheque1, img.img_phototheque2, img.img_phototheque12, img.img_phototheque13{width: 300px; height:450px;} 
figcaption.texte1, figcaption.texte2, figcaption.texte12, figcaption.texte13{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;} 
/***  photo petit format  ***/
figure.photo3, figure.photo4, figure.photo5,figure.photo6,figure.photo7,figure.photo8,figure.photo9,figure.photo10,figure.photo11{width: 300px; height: 225px; margin: 6px !important;position: relative;}
img.img_phototheque3, img.img_phototheque4, img.img_phototheque5,img.img_phototheque6,img.img_phototheque7,img.img_phototheque8,img.img_phototheque9,img.img_phototheque10,img.img_phototheque11{width: 300px; height: 225px;}
figcaption.texte3, figcaption.texte4,figcaption.texte5, figcaption.texte6,figcaption.texte7,figcaption.texte8,figcaption.texte9,figcaption.texte10,figcaption.texte11{width: 290px;height: 26px;background: rgb(0 0 0 / 40%);color: white;padding: 5px;text-align: center; position: absolute; bottom: 0px; left: 0px;}
}
@media all and (min-width:1025px) and (max-width:1300px){
    /*** modifier les proportions  ***/
   .menu_gris{width: 20%;} 
   img.image-recre{width: 70%;}
   .carte_bleu_medium{width: 500px;}
     /*** page securite  ***/
   img.logo-jaune{width: 50%;}
   img.panneau{width: 100%; background-size: cover;} img.logo-defib{width: 40%;}
    .demi_paragraphe_vivre{width: 50%; margin: auto;}
    /*** page santé  ***/
    img.img-parcours{width: 90%;}
    /*** page cimetière ***/
    img.img-cimetiere{width: 50%;}
}