.affiche_block_act{
margin-top: 100px;
}
.actualites .bloc{
width:27%;
max-height: 550px;
margin-bottom: 99px;
}
#liste_act_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.list_element_act{
width: 320px;
height: 320px;
}
.img_act_bloc{
position: relative;
}
img.actualite_img{
position: absolute;
top: 20px;
left: 20px;
height: 320px;
width: 337px;
}
.actualite_img{
height: auto;
max-width: 100%;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.actualite_img{
width: 100%;
object-fit: cover;
}
.actualites .impair{
background-color:#29743b ;
}
.actualites .pair{
background-color:#57bbd0 ;
}
.actualites .flesh_impair {
background-image: url(//www.aubonheurdesmomes.com/wp-content/themes/betheme-child/assets/images/f_vert.svg);
background-repeat: no-repeat;
background-color: transparent;
height: 35px;
margin: 0 10px;
}
.actualites .flesh_pair {
background-image: url(//www.aubonheurdesmomes.com/wp-content/themes/betheme-child/assets/images/f_pair.svg);
background-repeat: no-repeat;
background-color: transparent;
height: 35px;
margin: 0 10px;
}
.color_pair{
color:#29743b  
}
.color_impair{
color:#57bbd0
}
.actualites .element_details {
margin-top: 40px;
width: 330px;
}
.color_site{
color:#1A5A5E;
}
.actualites .div_btn{
text-align: center;
}
.actualites .title_event {
font-family: "Poppins";
font-size: 26px;
line-height: 25px;
}
.actualites .description_act {
font-size: 16px;
font-weight: 300;
padding-top: 15px;
line-height: 1.5;
margin-bottom: 15.5px;
}
.actualites .div_btn{
margin-top: 50px;
}
div#liste_act_container>div {
height: fit-content !important;
}
.TitelActualités h1{
display: none;
}
@media screen and (max-width: 1200px) {
.actualites .bloc {
width: 40%;
}
#liste_act_container{
justify-content: none;
}
}
@media screen and (max-width: 900px) {
.list_element_act{
width:100%;
}
img.actualite_img{
width:100%;
}
}
@media screen and (max-width: 770px) {
#liste_act_container{
flex-direction: column;
}
.actualites .bloc {
width: 100%;
}
.actualites .element_details {
width: 100%;
}
}