.container_associations{width: 100%; height: auto;}
.bloc_presentation_associations{width: 80%; margin: auto; display: flex; flex-direction: column;}
.apem, .foyer, .krav, .oxygene, .photo_club{width: 100%; display: flex; flex-direction: row; margin-top: 20px; border-bottom: 1px solid #1e4fad; padding: 50px 0px;}
.content_assoc{width: 65%; padding: 10px;}
.image_apem, .image_foyer, .image_krav, .image_oxy, .image_club{width: 35%; text-align: center;}
img.img-apem, img.img-foyer, img.imag-krav, img.img-oxy, img.img-club{width: 70%; background-size: cover;}
.lien_association{width: 100%;}
a.bouton-assoc{text-decoration: none; color: #fff;}
.bouton_bleu_assoc{background-color: #1e4fad; width: 150px; padding: 5px; text-align: center;}
/*********   Vie Economique = zone d'activité  *****/
.photo_activites{width: 100%; background-image: url("../assets/images/bandeau-activite-616x220.webp"); height: 220px; background-repeat: no-repeat; background-size: cover;}
.container1_activites{width: 80%; margin: auto; height: auto; margin-top: 10px;}
.zones{display: flex; flex-direction: row; width: 80%; margin: auto;}
ul.list_zones{display: flex;flex-direction: column; padding:10px;}
.image_zones{width: 40%; text-align: center; margin-top: 50px;}
img.img-activite, .img-industrie{width: 90%; background-size: cover;}
.text_zones{width: 60%; display: flex; flex-direction: column; padding: 10px;}
li.square{list-style-type: square;}
.content_actipole{width: 80%; margin: auto;}
.image_industrie{width: 80%; margin:auto;text-align: center; margin-top: 20px;}

/******            RESPONSIVE   *********/

@media (min-width:320px) and (max-width:900px){
    .bloc_presentation_associations{width: 96%; margin: auto; display: flex; flex-direction: column;}
    .apem, .foyer, .krav, .oxygene, .photo_club{width: 100%; display: flex; flex-direction: column; margin-top: 20px; border-bottom: 1px solid #1e4fad; padding: 50px 0px;text-align: center;}
    .image_apem, .image_foyer, .image_krav, .image_oxy, .image_club{width: 40%; margin:auto;}
    .content_assoc{width: 90%; padding: 5px;}
    .lien_association{width: 60%; margin: auto;} 
    a.bouton_bleu_assoc{text-align: center;}
    .bouton_bleu_assoc{width: 80%; margin: auto;}
}