/**************  TOUTES LES PAGES  ****/
.container_mairie, .container_conseil, .container_deliberations, .container_ccas{width: 100%; height: auto;}
.presentation_mairie_portable,.presentation_conseil_portable,.presentation_deliberation_portable, .presentation_portable_ccas, .presentation_info_portable{display: none;}
.presentation_mairie, .presentation_conseil, .presentation_deliberations, .presentation_ccas, .presentation_info{width: 100%; display: flex;flex-direction: row; height: auto;}

/******** page Mairie  *****/
p.gris.texte-info, li.gris.texte-info{font-size: 20px;}
.photo_mairie{width: 100%;margin-top: 5px;background-image: url("../assets/images/mairie-1699x614.webp");background-size: cover; min-height: 600px;}
.bloc_informations, .bloc_contact{display: flex;flex-direction: row;width: 80%; margin-left: 20%; height: 400px;}
.bloc_informations{margin-top: 20px;}
.fleche_blanc{margin-left: 2px; margin-right: 2px;}
.content_info, .content_contact{width: 50%; } .image_mairie, .image_info_contact{width: 100%;padding-top: 20px;} .image{width: 50%; margin: auto;}
img.image_mairie, img.image_info_contact{width: 100%;background-size: cover;}
img.contact, img.info{width: 55%; background-size: cover;}
img.image_mairie{width: 100%; height: auto; max-height: 400px; background-size: cover;}
h1.titre_page{color:#fff; font-family: 'roboto-extra';width: 90%; margin: auto; padding-top: 10px;}
            /****** page conseil municipal  ****/
.maire{width: 80%;}
.groupe_adjoints{height: auto;}
.groupe_conseillers{height: auto;}
.carte_photos{display: flex; flex-direction: row;}
.carte_photo{width: 200px;background-color: #e1dfdf; height: 250px; border-radius: 0px 15px; margin-bottom: 20px;}
/******** page déliberation   *****/
h2.info_deliberations{width: 100%; text-align: center;}
.titre-proces{width: 400px; height: 45px; background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); border-radius: 0px 15px;} /***deux par ligne wrap attention responsive mobile en colonne 492px et moyen: 295px row et wrap ***/
.proces_verbaux{width: 80%; margin: auto;} /** idem pour monce info  ***/
.carte_proces{width: 471px; height: 150px; background-color: #e1dfdf;border-radius: 0px 15px;}
.icone-telecharge{padding-left: 5px;}
.telecharger{cursor: pointer; width: 80%; margin: auto;}
a.lien-delib{text-decoration: none; color: #1e4fad;font-family:'quick-regul','Segoe UI', Roboto;}

                  /****** page ccas  *******/          
.photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/ccas-500x176.webp");background-size: cover; min-height: 380px;}
.bloc_ccas{width: 96%;margin: auto; height: auto;}
.content_ccas{font-size: 22px;}
.content-membres{display: flex; padding-bottom: 50px;display:flex; flex-direction: row;}
.liste_ccas{width: 50%;}
               /**** moncel info  ****/
.bloc_moncelInfo{width: 80%;margin: auto;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-grand.webp");background-size: cover; height: 500px;}
a.lien-info{text-decoration: none; color: #1e4fad;font-family:'quick-regul','Segoe UI', Roboto;}

/*** page formulaire ***/
.container_formulaire{margin-top:100px;}
label{font-family: "quickR";width: 30%!important;margin:auto;font-size: 1.5em!important; }
.message{color:#1e4fad;font-size: 1.2em;width: 500px; height: 20px;margin-bottom: 100px;}
.create{margin-top: 20px;} .long{width: 500px;}
.btn_validation{color:white; padding:5px; background-color: rgb(85,107,47); font-size: 1.1em;}
button{margin:5px; padding:5px; font-size: 1.2em;}
input{width: 500px;}
#document{margin-top: 50px;}

/******      ************** RESPONSIVE *************/
/*** Le css de la structure bandeau bleu est dans style.css  ****/
/*** Le menu rond bleu est dans style.css *****/
@media all and (min-width:320px) and (max-width:1300px){
    /****  TOUTES LES PAGES  ****/
    .container_mairie, .container_conseil,.container_deliberations, .container_ccas, .container_info{width: 100%; height: auto;}
    .presentation_mairie, .presentation_conseil, .presentation_deliberations, .presentation_ccas, .presentation_info{display: none;}
    .presentation_mairie_portable, .presentation_conseil_portable, .presentation_deliberation_portable, .presentation_portable_ccas, .presentation_info_portable{display: flex;width: 100%; flex-direction: column; height: auto;}
    /***** mairie  ****/
.bloc_informations, .bloc_contact{width: 100%; flex-direction: column; height: auto; padding-left: 2px !important; margin-left: 0px;}
.content_info, .content_contact{width: 60%; margin: auto; margin-left: 20px !important;margin-top: 2px !important; height: auto;} .content_info{margin-right: 0px;}
p.gris.texte-info, li.gris.texte-info{font-size: 20px;}
ul.liste-mairie{width: 100%; height: auto; padding:0px !important;display: flex; justify-content: space-around;flex-wrap: wrap; text-align: center; vertical-align: middle;}
.image_mairie, .image_info_contact{display: flex;justify-content: center;padding-top: 0px !important; margin-bottom: 5px !important; width: 100%;}
img.info, img.contact{width: 100% !important; background-size: cover;}
 /*******  page conseil  *****/
.container1_conseil_portable{width: 80%; margin: auto;} 
.maire{margin: auto;}
.container_conseil, .adjoints, .conseillers, .groupe_adjoints, .groupe_conseillers{height: auto;}
/******* page déliberations ****/

/***  moncel infos  ****/

}
@media all and (min-width:320px) and (max-width:419px){
          /*** page mairie ****/
h3.municipale{margin-bottom: 0px !important;}
.photo_mairie{width: 100%;margin-top: 5px;background-image: url("../assets/images/mairie-314x131.webp");background-size: cover; min-height: 140px;}
            
         /****** page CCAS ******/
  .photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/ccas-312x114.webp");background-size: cover; min-height: 130px;} 
.bloc_ccas{height: auto;}  
p.gris-fonce{margin-bottom: 2px;}
.content-membres{width: 90%; margin:auto; display: flex; flex-direction: column !important; height: auto;}
.liste_ccas{width: 80%;}
/**** moncel info  ****/
.bloc_presentation_info{display: none;}
.bloc_presentation_portable_infos{display: flex; height: 400px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-mini.webp"); height: 300px;}
.proces_verbaux{width: 100%;}
/** modifier taille carte_proces  ***/
.carte_proces{width: 300px; height: 160px;}
.titre-proces{width: 250px; height: 45px; background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); border-radius: 0px 15px;} 
p.bleu_quick.center.size20{font-size: 18px;}

}
@media all and (min-width:420px) and (max-width:719px){
h3.municipale{margin-bottom: 0px !important;}
.photo_mairie{width: 100%;margin-top: 5px;background-image: url("../assets/images/mairie-434x173.webp");background-size: cover; min-height: 200px;}

/****** page CCAS  ******/
 .photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/ccas-500x176.webp");background-size: cover; min-height: 180px;}
 .content-membres{width: 90%; margin:auto; display: flex; flex-direction: column !important; height: auto;}
p.gris-fonce{margin-bottom: 2px;}
.liste_ccas{width: 80%;}
/**** moncel info  ****/
.bloc_presentation_info{display: none;}
.bloc_presentation_portable_infos{display: flex; height: 450px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-moyen.webp"); height: 300px;}
.proces_verbaux{width: 100%;}
/** modifier taille carte_proces  ***/
.carte_proces{width: 300px; height: 150px;}
.titre-proces{width: 250px; height: 50px; background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); border-radius: 0px 15px;} 
p.bleu_quick.center.size20{font-size: 18px;}
}
@media all and (min-width:420px) and (max-width:599px){
    
     .bloc_presentation_portable_infos{display: flex; height: 450px;}
     .photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/ccas-500x176.webp");background-size: cover; min-height: 180px;}
     .image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-moyen.webp"); height: 300px;}
.proces_verbaux{width: 100%;}
}
@media all and (min-width:600px) and (max-width:719px){
  
    .bloc_presentation_portable{display: flex; height: 400px;}
  .photo_mairie{width: 100%;margin-top: 5px;background-image: url("../assets/images/mairie-804x259.webp");background-size: cover; min-height: 250px;} 
  .photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/ccas-500x176.webp");background-size: cover; min-height: 230px;} 
   .image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-moyen.webp"); height: 300px;}
}

@media all and (min-width:720px) and (max-width:768px){

h3.municipale{margin-bottom: 0px !important;}
.photo_mairie{width: 100%;margin-top: 5px;background-image: url("../assets/images/mairie-804x259.webp");background-size: cover; min-height: 300px;}
/***** page CCAS  *********/
.bloc_presentation_ccas{display: none;}
.menu_gris{display: none;}
.bloc_presentation_portable{display: flex; height: 420px;}
.photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/ccas-500x176.webp");background-size: cover; min-height: 250px;}
.item_content_portable{display: flex;}
.menu_gris_portable{display: flex; flex-direction: column;}
.container_ccas_portable{display: flex;} 
.bloc_ccas{height: 1800px;}  
.content_ccas{font-size: 18px;}
p.gris-fonce{margin-bottom: 2px;}
.content-membres{width: 80%; margin:auto; display: flex; flex-direction: row !important; height: 400px;}
.liste_ccas{width: 80%;}
/**** moncel info  ****/
.bloc_presentation_info{display: none;}
.bloc_presentation_portable_infos{display: flex; height: 450px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-moyen.webp"); height: 300px;}
.proces_verbaux{width: 100%;}
/** modifier taille carte_proces  ***/
.carte_proces{width: 300px; height: 150px;}
.titre-proces{width: 250px; height: 50px; background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); border-radius: 0px 15px;} 
p.bleu_quick.center.size20{font-size: 18px;}
}

@media all and (min-width:769px) and (max-width:900px){
h3.municipale{margin-bottom: 0px !important;}
.photo_mairie{width: 100%;margin-top: 5px;background-image: url("../assets/images/mairie-804x259.webp");background-size: cover; min-height: 300px;}
ul{width: 100%; height: auto; padding:0px !important;display: flex; justify-content: space-around;flex-wrap: wrap; text-align: center; vertical-align: middle;}
/******** page CCAS  *********/
.photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/ccas-500x176.webp");background-size: cover; min-height: 300px;}
.bloc_ccas{height: auto;}  
p.gris-fonce{margin-bottom: 2px;}
.content-membres{width: 80%; margin:auto; display: flex; flex-direction: row !important; height: auto;}
.liste_ccas{width: 80%;}
/**** moncel info  ****/
.bloc_presentation_info{display: none;}
.bloc_presentation_portable_infos{display: flex; height: 450px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-moyen.webp"); height: 350px;}
.proces_verbaux{width: 100%;}
/** modifier taille carte_proces  ***/
.carte_proces{width: 300px; height: 150px;}
.titre-proces{width: 250px; height: 50px; background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); border-radius: 0px 15px;} 
p.bleu_quick.center.size20{font-size: 18px;}
}
@media all and (min-width:901px) and (max-width:1024px){
h3.municipale{margin-bottom: 0px !important;}
.photo_mairie{width: 100%;margin-top: 5px;background-image: url("../assets/images/mairie-1310x461.webp");background-size: cover; min-height: 400px;}
/******** page CCAS  *********/
.photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/CCAS.webp");background-size: cover; min-height: 350px;}
p.gris-fonce{margin-bottom: 2px;}
.content-membres{width: 80%; margin:auto; display: flex; flex-direction: row !important; height: auto;}
.liste_ccas{width: 80%;}
/**** moncel info  ****/
.bloc_presentation_info{display: none;}
.bloc_presentation_portable_infos{display: flex; height: 500px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-grand.webp"); background-size: cover;height: 350px;}
.proces_verbaux{width: 100%;}
/** modifier taille carte_proces  ***/
.carte_proces{width: 300px; height: 150px;}
.titre-proces{width: 250px; height: 50px; background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); border-radius: 0px 15px;} 
p.bleu_quick.center.size20{font-size: 18px;}
}
@media all and (min-width:1025px) and (max-width:1190px){
.bloc_presentation_portable{display: flex; height: 550px;}
.photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/ccas-800x292.webp");background-size: cover; min-height: 330px;}
/**** moncel info  ****/
.bloc_presentation_info{display: none;}
.bloc_presentation_portable_infos{display: flex; height: 500px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-grand.webp"); background-size: cover;height: 350px;}
.proces_verbaux{width: 100%;}
/** modifier taille carte_proces  ***/
.carte_proces{width: 300px; height: 150px;}
.titre-proces{width: 250px; height: 50px; background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); border-radius: 0px 15px;} 
p.bleu_quick.center.size20{font-size: 18px;}
}

@media all and (min-width:1191px) and (max-width:1300px){
    .bloc_presentation_portable{display: flex;height: 580px;}
    .photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/CCAS.webp");background-size: cover; min-height: 410px;}
    /**** moncel info  ****/
.bloc_presentation_info{display: none;}
.bloc_presentation_portable_infos{display: flex; height: 520px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-grand.webp"); background-size: cover;height: 400px;}
.proces_verbaux{width: 100%;}
/** modifier taille carte_proces  ***/
.carte_proces{width: 300px; height: 150px;}
.titre-proces{width: 250px; height: 50px; background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); border-radius: 0px 15px;} 
p.bleu_quick.center.size20{font-size: 18px;}
}
@media all and (min-width:1025px) and (max-width:1300px){
.photo_mairie{width: 100%;margin-top: 5px;background-image: url("../assets/images/mairie-804x259.webp");background-size: cover; min-height: 350px;}

/**** page deliberations  ****/
.bloc_deliberation{display: none !important;}
.bloc_deliberation_portable{width: 100%; display: flex !important; flex-direction: column !important;}
.container1_portable{display: flex; flex-direction: column;}
/******** page CCAS  *********/
.bloc_ccas{height: auto;}  
p.gris-fonce{margin-bottom: 2px;}
.content-membres{width: 80%; margin:auto; display: flex; flex-direction: row !important; height: auto;}
.liste_ccas{width: 80%;}
/** modifier taille carte_proces  ***/
.carte_proces{width: 300px; height: 150px;}
.titre-proces{width: 250px; height: 50px; background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%); border-radius: 0px 15px;} 
p.bleu_quick.center.size20{font-size: 18px;}
}
@media all and (min-width:1301px) and (max-width:1499px){
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-grand.webp");background-size: cover; height: 440px;}
}
@media all and (min-width:1500px) and (max-width:1800px){
.photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/CCAS.webp");background-size: cover; min-height: 480px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-grand.webp");background-size: cover; height: 440px;}
}
@media all and (min-width:1801px) and (max-width:2000px){
.photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/CCAS.webp");background-size: cover; min-height: 480px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-grand.webp");background-size: cover; height: 480px;}
}
@media all and (min-width:2001px) and (max-width:2300px){
.photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/CCAS.webp");background-size: cover; min-height: 560px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-grand.webp");background-size: cover; height: 500px;}
}

@media all and (min-width:2301px) and (max-width:2550px){
.photo_ccas{width: 100%;margin-top: 5px;background-image: url("../assets/images/CCAS.webp");background-size: cover; min-height: 580px;}
.image_info{width: 100%;background-image: url("../assets/images/accueil-moncelinfo12-grand.webp");background-size: cover; height: 650px;}
}