
/**************  TOUTES LES PAGES  ****/
.container_plui, .container_dechets{width: 100%; height: auto;}
.presentation_portable_plui, .presentation_portable_dechets{display: none;}
.presentation_plui, .presentation_dechets{width: 100%; display: flex;flex-direction: row; height: auto;}
.container1_plui, .container1_dechets{width: 72%; margin-top: 5px; height: auto;}
/*****  page PLUI-H  ***********/
.container_accordeon_plui{width: 80%; margin: auto; height: auto; margin-top: 30px;}
.bloc_plui{width: 100%; height: auto;}
.photo-plui{width: 100%;margin-top: 5px;background-size: cover; height: 350px;}
.content_plui{width: 80%; margin: auto;}
.content_plui_flex{display: flex; justify-content: center; margin-bottom: 10px;}
.panel{padding-bottom: 10px;}
.carte_bleu_medium_border{width: 400px;height: auto;background:linear-gradient(90deg, rgb(45, 46, 128) 0%, rgb(30, 79, 173) 100%);border-radius: 0 15px 0 15px;}
.active-popup42, .active-popup43, .active-popup44, .active-popup45{display: flex ! important;}
.overlay-popup42, .overlay-popup43, .overlay-popup44, .overlay-popup45{display: none;}
.cadre42, .cadre43, .cadre44, .cadre45{border: 1px solid #1e4fad; margin:0px !important;}
.change{color: #7e1426; margin: 0px !important}
.paragraphe_initial{width: 50%;}
.debut{display: flex; flex-direction: row;}
a.padd{color: #fff; text-decoration: none; margin-left: 5px;} 
.image-plui{padding-top: 20px;}
.texte_fin{font-size: 20px;}





/****** page DECHETS  ****/
.bloc_dechets{width: 80%; margin: auto;}

@media all and (min-width:320px) and (max-width:1300px){
    .presentation_dechets{display: none;}
     .presentation_portable_dechets{display: flex;}
}





/****** page TRANPORTS  ****/

/***** TOUTES LES PAGES  ****/
@media all and (min-width:320px) and (max-width:1300px){
     .presentation_plui{display: none;}
     .presentation_portable_plui{display: flex;}
     .content_plui{width: 96%; margin: auto;}
     .debut{flex-direction: column;}
     .container_accordeon_plui,.paragraphe_initial{width: 96%; margin: auto;}
    
     
}

@media all and (min-width:320px) and (max-width:419px){
.photo-plui-portable{width: 100%; height: 120px;}
.img-plui-port{width: 350px;}
 .carte_bleu_medium_border{width: 310px;}
 .img-pluiH{width: 310px;}
}