#evenements{position:relative;overflow:hidden;background-color:white;}
#evenements .wrap{padding:0 1em 1em;position:relative;z-index:2;}
#evenements .title{color:black;font-size:1.5em;line-height:1.1em;font-weight:500;margin:0;padding:1em 0;}
#evenements .bg{display:none;}
#evenements .evenement{margin-bottom:20px;width:100%;}
#evenements .evenement .date{color:black;font-weight:normal;font-size:22px;}
#evenements .evenement header{margin-bottom:0;padding-bottom:0;float:left;clear:both;}
#evenements .evenement .category{font-weight:bold;float:left;clear:both;}
#evenements .evenement .entry-header{padding-bottom:0;}
#evenements .evenement .entry-content{word-wrap:break-word;text-align:left;font-size:17px;float:left;clear:both;color:#e32c58;margin-bottom:1em;width:87%;}
#evenements .evenement .more{border:1px solid black;width:35px;height:33px;font-weight:100;font-size:3em;font-family:"Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;line-height:33px;padding:0;text-align:center;margin:0;float:right;}
@media screen and (min-width:720px){.home #evenements{border-bottom:2em solid white;}
#evenements .title{font-size:1.3em;}
#evenements .bg{display:block;position:absolute;min-height:100%;min-width:100%;top:0;z-index:1;opacity:0.3;}
#evenements h4.more{border:1px solid #e32c58;position:absolute;padding:5px;margin:0;text-align:center;display:inline-block;vertical-align:middle;float:right;right:0px;bottom:15px;z-index:1000;}
#evenements h4.more a{color:#e32c58;font-weight:600;font-size:12px;}
#evenements .wrap{margin-bottom:50px;}
#evenements .evenement{width:24%;margin-right:1%;float:left;margin-bottom:0;}
#evenements .evenement .entry-header{margin-bottom:1em;}
#evenements .evenement .entry-content{margin-bottom:0;width:100%;min-height:3em;font-size:1em;}
#evenements .evenement .more{float:left;margin-top:0.5em;}
}
@media screen and (max-width:719px){h4.more{background-color:#e32c58;padding:0.5em;margin:0;width:100%;text-align:center;display:inline-block;vertical-align:middle;}
h4.more a{color:white;font-weight:600;}
}
@media screen and (min-width:1200px){#evenements .wrap{max-width:1200px;}
}
@media screen and (min-width:2000px){#evenements .wrap{max-width:2000px;}
}