@charset "UTF-8";



.actualites .legendesListe{position:relative;overflow:hidden;height:27px}
.actualites .legendeArticles{position:absolute;bottom:0;left:180px;font-size:12px;line-height:25px;color:#e54c4c;font-weight:400;text-align:center;text-transform:uppercase}
.actualites .article{height:140px;background-color:#e86363;margin-bottom:3px;color:#091b5c;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s}
.actualites .article .contenu{position:relative;overflow:hidden;width:950px;margin:0 auto;cursor:pointer}
.actualites .article:hover{background-color:#d94b4a;color:#FFF}
.actualites .article .date{position:absolute;left:7px;top:6px;width:114px;height:130px;color:#e54c4c;text-align:center;background-image:url(../img/news/白色六边形.png);background-position:center;background-repeat:no-repeat;background-size:100%;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s}
.actualites .article:hover .date{background-image:url(../img/news/红白六边形.png);color:#FFF}
.actualites .article .date>span{display:block}
.actualites .article .date>span:first-child{padding-top:34px}
.actualites .article .date .jour{font-size:30px;line-height:24px;font-weight:300}
.actualites .article .date .mois{font-size:14px;line-height:14px;font-weight:400;font-variant:small-caps}
.actualites .article .date .annee{font-size:12px;line-height:12px;font-weight:300}
.actualites .article .date .heure{margin-top:5px;font-size:10px;line-height:10px;font-weight:300}
.actualites .article .textes{height:100px;padding:20px 35px 20px 150px;margin-right:280px}
.actualites .article .textes .titre{font-size:20px;line-height:24px;font-weight:100;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.actualites .article .textes .description{max-height:61px;overflow:hidden}
.actualites .article .photo{position:absolute;right:0;top:0;width:280px;height:140px;overflow:hidden}
.actualites .article .photo:before{content:'';display:block;position:absolute;z-index:1;bottom:0;height:100%;width:50px;left:-50px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;background-color:rgba(232, 99, 99,.8)}
.actualites .article .contenu:hover .photo:before{left:0}
.actualites .article .contenu .photo:after{content:'';display:inline-block;position:absolute;z-index:2;width:12px;height:14px;bottom:15px;left:15px;background-image:url(/images/interface/pictoFlecheGauche.png);background-position:center;background-repeat:no-repeat;opacity:0;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s}
.actualites .article .contenu:hover .photo:after{opacity:1;-webkit-transition:.2s .2s;-moz-transition:.2s .2s;-o-transition:.2s .2s;-ms-transition:.2s .2s;transition:.2s .2s}
.actualites .article .photo img{width:100%;height:100%;display:block;vertical-align:top;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.actualites .article .contenu:hover .photo img{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.actualites .article .btnAccesRubrique{position:absolute;right:315px;bottom:15px;opacity:1}
.actualites .article:hover .btnAccesRubrique{color:#FFF}
.actualites .article .btnAccesRubrique:before{-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s}
.actualites .article:hover .btnAccesRubrique:before{background-image:url(/images/interface/pictoFlecheDroite.png)}
.actualites .article .contenu:hover .btnAccesRubrique:before{opacity:0}
.actualites .footerListe .texte{padding-top:30px;padding-bottom:25px;color:#06154d;text-align:center;opacity:1;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}
.actualites .footerListe .texte.hidden{opacity:0}
.actualites .footerListe .texte i{font-size:22px;line-height:28px}
.actualites .footerListe .texte span{display:block;font-size:14px;line-height:14px}
.actualites #loadingContentSpinner{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:rgba(255,255,255,.6);display:none}
.actualites #loadingContentSpinner .spinner{position:absolute;left:50%;top:44px}
@media (max-device-width:1000px){.actualites .legendesListe{margin-left:1em;margin-right:1em;width:auto}
.actualites .legendeArticles{left:0}
.actualites .article{height:auto}
.actualites .article .contenu{width:auto;left:0;padding:1em 30% 1em 1em}
.actualites .article .date{color: #FFF;background:0 0;position:relative;left:initial;top:initial;width:auto;height:auto;text-align:left;margin-right:1em}
.actualites .article:hover .date{background:0 0;color:#FFF}
.actualites .article .date>span{display:inline-block;vertical-align:top;padding:0!important;font-size:12px!important;line-height:12px!important;font-weight:400!important}
.actualites .article .date .mois{font-variant:initial;text-transform:uppercase}
.actualites .article .date .heure{margin:0;float:right}
.actualites .article .textes{height:auto;padding:0;margin-right:1em}
.actualites .article .textes .titre{font-size:14px;line-height:16px;font-weight:400;margin-bottom:6px}
.actualites .article .textes .description{max-height:initial;height:56px;font-size:10px}
.actualites .article .photo{width:30%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}
.actualites .article .contenu .photo:after,.actualites .article .contenu .photo:before,.actualites .article .contenu:hover .btnAccesRubrique:after,.actualites .article .photo:after,.actualites .footerListe .texte{display:none}
.actualites .article .photo img{width:auto;height: auto;position:absolute}
.actualites .article .btnAccesRubrique{position:relative;right:initial;bottom:initial;margin-top:10px;font-size:12px}
.actualites .article .contenu:hover .btnAccesRubrique:before{opacity:1;margin-left:8px;margin-right:4px}
.actualites .footerListe{height:24px;padding:1em 0}
.actualites #loadingContentSpinner .spinner{top:50%;-ms-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8)}
}