/************************************************************************** **************************************************************************/
/************************************************************************** **************************************************************************/
/************************************************************************** news **************************************************************************/
/************************************************************************** **************************************************************************/
/************************************************************************** **************************************************************************/
.no-news-found {
margin-bottom:1rem;
}
.no-news-found p.emote {
color:#ffa500;
font-size:3rem;
font-weight:700;
line-height:1;
text-align:center;
}
.no-news-found p {
font-size:1rem;
}
@media (min-width: 576px) {
.no-news-found p.emote {
font-size:6rem;
}
.no-news-found p {
font-size:1.2rem;
}
}
@media (min-width: 992px) {
.no-news-found p {
font-size:1.5rem;
}
}
.news .articles,
.news .page-navigation {
margin: 0 -0.5rem;
}
.news .articles>.col {
margin-bottom: 1rem;
}
.news .articles article a {
display: block;
color:rgba(51,51,51,1);
outline:0;
}
.news .articles .info {
position:relative;
padding:10px 10px 10px;
border-top:5px solid rgba(255,165,0,1);
}
.news .articles .info .teaser {
font-size: 0.9rem;
margin:0;
}
.news .exitNews {
font-size: 0.8rem;
font-style:italic;
margin:0;
}
.news .articles article .glyph {
color:rgba(255,165,0,1);
font-size:1rem;
position:absolute;
right:0px;
top:0px;
}
.news .date {
color: rgba(80,80,80,1);
font-size: 0.9rem;
}
.news .articles article a:hover,
.news .articles article a:focus {
text-decoration: none;
}
.news .articles .title {
line-height: 1.3;
padding: 0 0 10px 0;
font-size:1rem;
}
.news.invert .date,
.news.invert .articles .title,
.news.invert .articles .teaser {
color: #fff;
}
.news picture {
display: block;
overflow: hidden;
}
.news img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.news a:hover img,
.news a:focus img {
transform: scale(1.2) rotate(2deg);
}
.news a {
text-decoration:none;
}
.btn-primary,
.btn-info,
.btn-success,
.news footer .btn,
.news .more .btn {
background: rgba(255,165,0,1);
border: none;
color: rgba(255,255,255,1);
transition: all .3s ease;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus,
.btn-success:hover,
.btn-success:focus,
.news footer .btn:hover,
.news footer .btn:focus,
.news .more .btn:hover,
.news .more .btn:focus {
background: rgba(240,155,0,1);
}
.news-single p.date span,
.news-modal p.date span{
margin-right:0.5rem;
color: rgb(181,62,31);
}
.invert .news-single p.date span {
color: white;
}
/*
.news-single p.date,
.news-modal p.date {
color: rgb(181,62,31);
padding: 0.5rem 0 0 0;
line-height: 1.4rem;
font-size: 1rem;
}
.news-modal p.date {
padding: 0;
}
.news-single p.date span.place,
.news-modal p.date span.place{
display:block;
}
*/
.news-single .lead {
font-size: 1.1rem;
font-style: italic;
font-weight: 400;
}
.news-single .image-beside-left .csc-textpic-text {
padding-left: 0;
}
.news-single aside,
.news-modal aside {
background:#ececec;
border:1px solid white;
border-radius:1rem;
color:#2f7c7e;
padding:2rem 1rem 0 1rem;
margin-top:2rem;
margin-bottom:1rem;
position:relative;
}
.invert .news-single aside,
.invert .news-modal aside {
background: #525252;
color:white;
}
.news-single aside h2,
.news-modal aside h2 {
font-size:1rem;
font-weight:500;
position:absolute;
padding:0;
margin:0;
top:-1rem;
padding:0.5rem 1rem;
background:#ececec;
border:1px solid white;
border-radius:1rem;
}
.invert .news-single aside h2,
.invert .news-modal aside h2 {
background: #525252;
color:#fff;
}
.news .pagination {
overflow:visible;
}
.news .page-item .page-link {
background-color: #2a7ab0;
color: rgba(255,255,255,1);
margin: 0 1px 0 0;
border: 1px solid transparent;
}
.news .page-item .page-link:active,
.news .page-item .page-link:focus {
background: #c73000;
box-shadow:none;
outline:3px solid #cf8711;
outline-offset: 3px;
}
.news .page-item.disabled .page-link {
background-color: rgba(255,165,0,1);
color: rgba(0,0,0,1);
}
.news .page-item.ellipsis .page-link {
background: transparent;
border: none;
color: rgba(51,51,51,1);
}
.news.invert .page-item.ellipsis .page-link {
color: rgba(244,244,244,1);
}
.news .page-navigation:last-of-type .pagination {
margin-bottom: 0;
}
.news footer {
margin-bottom: 1rem;
}
.news-single .video .image-wrap {
border:0;
}
.news-single .video-wrap {
margin-bottom: 2rem;
}
@media (min-width: 576px) {
.news .articles .title {
font-size:1.1rem;
}
}
@media (min-width: 768px) {
.news-single .image-beside-left .csc-textpic-text {
padding-left: 2rem;
}
.news-single .image-beside-left.video .csc-textpic-text {
padding-left: 0;
}
}
/*
@media (min-width: 992px) {
.news-single p.date span.place,
.news-modal p.date span.place{
display:inline-block;
}
}
*/
@media (min-width: 1200px) {
.news-single .image-beside-left.video .csc-textpic-text {
padding-left: 2rem;
}
.news-single .csc-textpic-text.full {
padding-right: 20rem;
}
}
.news-single.customDetailVersion2 .row {
margin: 0 -0.5rem;
}
.news-single.customDetailVersion2 .image-wrap .row {
margin: 0;
}
.news-single.customDetailVersion2 .image-beside .csc-textpic-text {
padding-left: 0px;
}
.news-single.customDetailVersion2 .date,
.news-single.customDetailVersion2 .place,
.news-single.customDetailVersion2 .categories {
line-height:1.7rem;
font-size:1.3rem;
color: rgb(181,62,31);
font-weight:700;
font-family: "Montserrat",Verdana,sans-serif;
}
.invert .news-single.customDetailVersion2 .date,
.invert .news-single.customDetailVersion2 .place,
.invert .news-single.customDetailVersion2 .categories {
color: white;
}
.news-single.customDetailVersion2 .date .time,
.news-single.customDetailVersion2 .place,
.news-single.customDetailVersion2 .categories {
display:block;
line-height:1.2rem;
font-size:1rem;
font-weight:400;
}
.news-single.customDetailVersion2 .resetFloat {
clear:both;
}
.news-single.customDetailVersion2 .news-billetterie {
padding: 0.8rem 3rem;
font-size: 1.3rem;
margin-top:0;
}
.news-single.customDetailVersion2 .image-beside .image-wrap {
max-width: 25rem;
margin-left:auto;
margin-right:auto;
display:block;
transition: all .3s ease;
}
@media (min-width: 992px) {
/*
.news-single {
margin-top: -4rem;
padding-top: 1rem;
}
.news-single.customDetailVersion2 {
margin-top: 0rem;
padding-top: 0;
}
*/
.news-single.customDetailVersion2 .metadata {
padding-left:1rem;
margin-top: 0rem;
}
.news-single.customDetailVersion2 .image-beside-left .image-wrap {
float: left;
max-width: 15rem;
margin-right: 2rem;
}
.news-single.customDetailVersion2 .csc-default .image-beside-left .image-wrap {
margin-right: 0rem;
}
.news-single.customDetailVersion2 .csc-default .image-beside-left .csc-textpic-text {
padding-left:2rem;
}
.news-single.customDetailVersion2 .date {
line-height:2rem;
font-size:1.5rem;
}
.news-single.customDetailVersion2 .date .time,
.news-single.customDetailVersion2 .place,
.news-single.customDetailVersion2 .categories {
line-height:1.5rem;
font-size:1.2rem;
}
}
@media (min-width: 1200px) {
.news-single.customDetailVersion2 .metadata {
padding-left:2rem;
}
.news-single.customDetailVersion2 .image-beside .image-wrap {
max-width: 20rem;
}
}
/***************************************************************************** Détail modal */
.news .modal {
padding-right:0!important;
}
.news .modal-content {
background-color: rgba(235,235,235,1);
}
.news.invert .modal-content {
background-color: rgba(51,51,51,1);
}
.news .modal .modal-header {
background-color:rgba(64,64,64,1);
color:rgba(255,255,255,1);
border:0;
}
.news .modal .modal-header .close {
color:rgba(255,0,0,1);
opacity:1;
text-shadow: 0 1px 0 #000;
}
.news .modal .modal-header .modal-title {
padding:0;
line-height:1.3;
font-size:1.5rem;
}
.news .modal .modal-footer {
border:0;
}
.news .modal .modal-body .loading {
display:block;
font-size:2rem;
text-align:center;
margin-top:2rem;
}
.news .modal .modal-body,
.news .modal .modal-body .image-wrap {
border:0;
margin:0;
padding:0;
}
.news .modal .modal-body article {
padding:1rem;
}
.news .modal .modal-body .image-center.wide .image {
margin-bottom:1rem;
}
.news .modal .modal-body .image-wrap .image {
box-shadow:0 0 0;
}
.news .modal .modal-body .image-beside-left .csc-textpic-text {
padding-left: 0px;
padding-top:1rem;
}
.lds-spinner {
color: official;
display: block;
margin:2rem auto 0 auto;
position: relative;
width: 64px;
height: 64px;
}
.lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
background: rgba(255,165,0,1);
}
.invert .lds-spinner div:after {
background: rgba(255,255,255,1);
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.news .modal .socialshare {
padding: 0;
display:flex;
z-index:15;
}
.news .modal .socialshare .desc {
background:rgba(97,97,97,1);
padding:0.3rem;
display:flex;
font-size:0.8rem;
color:rgba(238,238,238,1);
flex-grow: 1;
flex-basis: 20%;
align-items: center;
justify-content: center;
}
.news .modal .sharelinks {
display: flex;
flex-grow: 1;
flex-basis: 80%;
padding: 0;
margin: 0;
list-style: none;
}
.news .modal .sharelink {
flex-grow: 1;
flex-basis: 25%;
text-align: center;
}
.news .modal .sharelink a {
display: flex;
flex-grow: 1;
color: white;
text-decoration: none;
height: 100%;
align-items: center;
justify-content: center;
padding: 0.5rem;
}
.news .modal .sharelink a span{
display: inline-block;
}
.news .modal .sharelink a .sharetext {
display:none;
}
.news .modal .f a {
background: rgba(59,89,152,1);
}
.news .modal .x a {
background: rgb(0,0,0,1);
}
.news .modal .g a {
background: rgba(211,72,54,1);
}
.news .modal .c a {
background: rgba(255,100,0,1);
}
.news .modal .l a {
background: rgba(0,119,181,1);
}
@media (min-width: 768px) {
.modal-lg {
max-width: 700px;
}
.news .modal .modal-body .image-beside-left .csc-textpic-text {
padding-left: 1rem;
padding-top:0rem;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 900px;
}
.news .modal .sharelink a .sharetext {
display:inline-block;
border-left: 1px solid rgba(255,165,0,1);
padding-left: 5px;
margin-left: 5px;
}
.news .modal .socialshare .desc {
font-size:0.9rem;
}
}
@media (min-width: 1200px) {
.modal-lg {
max-width: 1100px;
}
}
/***************************************************************************** Full / Complet */
/***************************************************************************** Block v3 */
.news.partialfull .articles article,
.news.partialblockv3 .articles article {
background-color:rgba(233,233,233,1);
height: 100%;
margin-bottom: 0;
border-radius: 1rem;
border-top-left-radius:0;
overflow: hidden;
}
.news.partialfull .articles article:hover,
.news.partialfull .articles article:focus,
.news.partialblockv3 .articles article:hover,
.news.partialblockv3 .articles article:focus {
transition: all .3s ease-out;
box-shadow: 0px 0px 20px rgb(0 0 0 / 50%);
}
.news.partialfull.invert .articles article,
.news.partialblockv3.invert .articles article {
background-color:rgba(85,85,85,1);
color: rgba(238,238,238,1);
}
.news.partialfull .articles article a,
.news.partialblockv3 .articles article a {
height: 100%;
}
.news.partialfull .articles article a:hover,
.news.partialfull .articles article a:focus,
.news.partialblockv3 .articles article a:hover,
.news.partialblockv3 .articles article a:focus {
background-color: rgba(71,115,138,1);
}
.news.partialfull.invert .articles article a:hover .date,
.news.partialfull.invert .articles article a:focus .date,
.news.partialblockv3.invert .articles article a:hover .date,
.news.partialblockv3.invert .articles article a:focus .date {
color: white;
}
.news.partialfull .articles article a:hover .title,
.news.partialfull .articles article a:focus .title,
.news.partialfull .articles article a:hover .teaser,
.news.partialfull .articles article a:focus .teaser,
.news.partialfull .articles article a:hover .exitNews,
.news.partialfull .articles article a:focus .exitNews,
.news.partialblockv3 .articles article a:hover .title,
.news.partialblockv3 .articles article a:focus .title,
.news.partialblockv3 .articles article a:hover .teaser,
.news.partialblockv3 .articles article a:focus .teaser,
.news.partialblockv3 .articles article a:hover .exitNews,
.news.partialblockv3 .articles article a:focus .exitNews {
/* background-color: rgba(71,115,138,1);*/
color: white;
}
/***************************************************************************** Block v1 */
.news.partialblockv1 .articles article {
background-color:rgba(233,233,233,1);
height: 100%;
margin-bottom: 0;
border-radius: 1rem;
overflow: hidden;
}
.news.partialblockv1.invert .articles article {
background-color:rgba(68,68,68,1);
color:rgba(255,255,255,1);
}
/***************************************************************************** Block v2 */
.news.partialblockv2 .articles {
position: relative;
}
.news.partialblockv2 .articles article {
height: 100%;
margin-bottom: 0;
border-radius: 1rem;
overflow: hidden;
border-bottom-left-radius: 0;
}
.news.partialblockv2 .articles article:hover,
.news.partialblockv2 .articles article:focus {
transition: all .3s ease-out;
box-shadow: 0px 0px 20px rgb(0 0 0 / 50%);
}
.news.partialblockv2 .articles article a {
background-color:rgba(233,233,233,1);
height: 100%;
transition: all .3s ease;
}
.news.partialblockv2.invert .articles article a {
background-color:rgba(68,68,68,1);
color:rgba(255,255,255,1);
}
.news.partialblockv2 .articles article a:hover,
.news.partialblockv2 .articles article a:focus {
background-color: rgba(71,115,138,1);
color: rgba(238,238,238,1);
}
.news.partialblockv2 .articles .col .info {
padding:10px;
font-size:0.8rem;
height: auto;
}
.news.partialblockv2 .articles .title {
font-weight: 400;
font-size: 1rem;
}
@media(min-width: 576px) {
.news.partialblockv2 .articles .topnews .title,
.news.partialblockv3 .articles .topnews .title,
.news.partialfull .articles .topnews .title {
padding-right:1.5rem;
}
}
.news.partialblockv2 .articles .col .row {
margin: 0;
}
.news.partialblockv2 .articles .col .col {
margin-bottom: 0;
}
.news.partialblockv2 .articles .col .picture {
padding: 0;
}
.news.partialfull .articles .date,
.news.partialblockv1 .articles .date,
.news.partialblockv2 .articles .date,
.news.partialblockv3 .articles .date {
background: rgba(255,165,0,1);
color:#fff;
padding: 5px 10px;
position: absolute;
top: -30px;
left: 0;
display: inline-block;
height: 25px;
border-top-right-radius: 0.5rem;
}
.news.partialblockv2 .articles .info .teaser {
font-size: 0.8rem;
}
@supports(display: grid) {
.news.partialblockv2 .articles {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
margin-left: 0;
margin-right: 0;
margin-bottom: 1rem;
}
.news.partialblockv2 .articles .col1,
.news.partialblockv2 .articles .col2,
.news.partialblockv2 .articles .col3,
.news.partialblockv2 .articles .col4,
.news.partialblockv2 .articles .col5,
.news.partialblockv2 .articles .col6 {
max-width: 100%; /* overriding Bootstrap Flexbox */
padding: 0;
margin-bottom: 0;
}
@media(min-width: 576px) {
.news.partialblockv2 .articles {
grid-template-columns: 1fr 1fr;
}
}
@media(min-width: 900px) {
.news.partialblockv2 .articles {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
}
.news.partialblockv2 .articles .col1 {
grid-row: 1 / span 2;
grid-column: 1 / span 2;
}
.news.partialblockv2 .articles .col2,
.news.partialblockv2 .articles .col3 {
grid-row: 1;
}
.news.partialblockv2 .articles .col4 {
grid-column: 3 / span 2;
grid-row: 2;
}
.news.partialblockv2 .articles .col5 {
grid-column: 1 / span 2;
}
.news.partialblockv2 .articles .col6 {
grid-column: 3 / span 2;
}
.news.partialblockv2 .articles .col4 .picture,
.news.partialblockv2 .articles .col5 .picture,
.news.partialblockv2 .articles .col6 .picture {
max-width: 41.666667%;
}
.news.partialblockv2 .articles .col4 picture,
.news.partialblockv2 .articles .col5 picture,
.news.partialblockv2 .articles .col6 picture {
/* height: 100%;*/
}
.news.partialblockv2 .articles .col4 img,
.news.partialblockv2 .articles .col5 img,
.news.partialblockv2 .articles .col6 img {
/* height: 100%;*/
/* object-fit: cover; */
}
.news.partialblockv2 .articles .col2 .info h3,
.news.partialblockv2 .articles .col3 .info h3,
.news.partialblockv2 .articles .col4 .info h3,
.news.partialblockv2 .articles .col5 .info h3,
.news.partialblockv2 .articles .col6 .info h3 {
font-size: 16px;
padding-top: 0;
}
.news.partialblockv2 .articles .col4 .info,
.news.partialblockv2 .articles .col5 .info,
.news.partialblockv2 .articles .col6 .info {
max-width: 58.333333%;
border-top: none;
border-left: 5px solid rgba(255,165,0,1);
}
.news.partialblockv2 .articles .col1 .date,
.news.partialblockv2 .articles .col2 .date,
.news.partialblockv2 .articles .col3 .date {
}
.news.partialblockv2 .articles .col4 .date,
.news.partialblockv2 .articles .col5 .date,
.news.partialblockv2 .articles .col6 .date {
position: relative;
top: -5px;
left: -10px;
margin-top: -20px;
margin-bottom: 5px;
border-top-right-radius: 0;
border-bottom-right-radius: 0.5rem;
height:auto;
}
.news.partialblockv2 .articles .col1 .info .teaser {
font-size: 0.9rem;
}
}
}
@media(min-width: 900px) and (max-width: 1199px) {
.news.partialblockv2 .articles .col .date {
position: relative;
top: 0;
left: 0;
padding: 0;
background: none !important;
}
.news.partialblockv2 .articles .date {
color: rgba(80,80,80,1);
}
.news.partialblockv2.invert .articles .date,
.news.partialblockv2 .articles a:hover .date,
.news.partialblockv2 .articles a:focus .date {
color:#fff;
}
}
/***************************************************************************** Commun à tous les carousels */
.news.carousel .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 1rem;
}
.news.carousel .owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 20px;
margin: 5px 14px;
}
.news.carousel .newsThumbnails {
display: none;
margin: 0 -0.5rem 20px;
}
.news.carousel .newsThumbnail:hover,
.news.carousel .newsThumbnail:focus {
cursor: pointer;
}
.news.carousel .newsThumbnail img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.news.carousel .newsThumbnail.active img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.news.carousel .newsThumbnail:hover img,
.news.carousel .newsThumbnail:focus img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.news.carousel .newsThumbnail .info {
background: transparent;
color: rgba(51,51,51,1);
border-top: 5px solid rgba(187,187,187,1);
padding: 10px;
min-height: 80px;
transition: all .3s ease;
}
.news.carousel.invert .newsThumbnail .info {
color:rgba(187,187,187,1);
}
.news.carousel .newsThumbnail:hover .info,
.news.carousel .newsThumbnail:focus .info {
background-color: rgba(68,68,68,1);
color:rgba(255,255,255,1);
}
.news.carousel .newsThumbnail.active .info {
border-top: 5px solid rgba(255,165,0,1);
}
/***************************************************************************** Carousel v1 */
.news.partialcarouselv1 .articles picture {
display: block;
overflow: hidden;
}
.news.partialcarouselv1 a:hover,
.news.partialcarouselv1 a:focus {
text-decoration: none;
}
.news.partialcarouselv1 .articles article {
background:transparent;
overflow: hidden;
border-top-left-radius: 1rem;
overflow: hidden;
}
.news.partialcarouselv1 .articles article a {
overflow: hidden;
display: flex;
flex-direction: column;
background:transparent !important;
}
.news.partialcarouselv1 .articles article>a,
.news.partialcarouselv1 .articles article .info {
flex: 0 0 auto;
}
.news.partialcarouselv1 .articles h3 a {
color: rgba(66,139,202,1);
}
.news.partialcarouselv1.invert .articles h3 a {
color: rgba(255,255,255,1);
}
.news.partialcarouselv1 .articles p.teaser {
color: rgba(102,102,102,1);
}
.news.partialcarouselv1.invert .articles p.teaser {
color: rgba(204,204,204,1);
}
.news.partialcarouselv1 .articles .info {
border-top: 5px solid rgba(255,165,0,1);
height:auto;
background:transparent;
}
.news.partialcarouselv1 .articles .info .glyph{
color:rgba(255,165,0,1);
font-size:30px;
position:absolute;
right:0px;
top:0px;
}
/*
.news.partialcarouselv1 .date {
color: rgba(153,153,153,1);
}
*/
.news.partialcarouselv1.invert .date {
color: rgba(204,204,204,1);
}
@media (min-width: 768px) {
.news.partialcarouselv1 .articles article a {
flex-direction: row;
}
.news.partialcarouselv1 .articles article .info {
flex: 0 0 50%;
}
.news.partialcarouselv1 .articles article .info {
border-top: none;
border-left: 5px solid rgba(255,165,0,1);
padding-left: 20px;
}
}
@media (min-width: 992px) {
.news.partialcarouselv1 .articles picture {
float: none;
}
.news.partialcarouselv1 .articles h3 {
padding-top:10px;
}
.news.partialcarouselv1 .articles p.teaser {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.news.partialcarouselv1 .articles .info {
padding: 20px 20px 20px 30px;
}
.news.partialcarouselv1 .articles h3 {
font-size: 32px;
margin-bottom: 20px;
padding-top:20px;
}
.news.partialcarouselv1 .articles p {
margin-bottom: 20px;
}
}
/***************************************************************************** Carousel v2 */
.news.partialcarouselv2 .owl-carousel .owl-stage-outer {
overflow:hidden;
border-top-left-radius:1rem;
border-top-right-radius:1rem;
}
.news.partialcarouselv2 article:hover img,
.news.partialcarouselv2 article:focus img {
transform: scale(1.1);
}
.news.partialcarouselv2 .articles .info {
height:auto;
border-top: none;
padding: 0;
}
.js .news.partialcarouselv2 .articles .info {
position: relative;
width: 100%;
}
.news.partialcarouselv2 .articles .info .glyph {
color:rgba(255,165,0,1);
position:absolute;
right: .5rem;
top: .5rem;
}
.news.partialcarouselv2 .date {
display:block;
color: white;
padding:.5rem 1rem;
position: absolute;
top: -1.7rem;
left: -1px;
background-color: rgba(255,165,0,1);
border-radius: 0 .5rem 0 0;
line-height: 0.7rem;
font-size: 0.7rem;
}
.news.partialcarouselv2 .articles h3 {
padding: 1rem;
margin: 0;
display:block;
width: 100%;
background-color: rgba(255,255,255,0.8);
}
.news.partialcarouselv2.invert .articles h3 {
background-color: rgba(51,51,51,0.8);
}
.news.partialcarouselv2 .articles h3 a {
display: block;
color: rgba(51,51,51,1);
}
.news.partialcarouselv2 .articles p.teaser {
color: rgba(51,51,51,1);
padding: 0 1rem 1rem 1rem;
font-size: 0.8rem;
background-color: rgba(255,255,255,0.8);
}
.news.partialcarouselv2.invert .articles p.teaser {
background-color: rgba(51,51,51,0.8);
color: white;
}
@media (min-width: 768px) {
.news.partialcarouselv2 .date {
font-size: 0.8rem;
line-height: 0.8rem;
top: -1.8rem;
}
.news.partialcarouselv2 .articles p.teaser {
font-size: 0.9rem;
}
}
@media (min-width: 992px) {
.js .news.partialcarouselv2 .articles .info {
position: absolute;
bottom: 1rem;
padding:0 1rem;
}
.js .news.partialcarouselv2 .date {
left: 1rem;
}
.js .news.partialcarouselv2 .articles .info .glyph {
right: 1.5rem;
}
}
@media (min-width: 1200px) {
.news.partialcarouselv2 .articles h3 {
font-size: 1.5rem;
line-height: 2.1rem;
}
}
/***************************************************************************** Carousel v3 */
.news.partialcarouselv3 .container-fluid {
overflow: hidden;
width: auto;
padding: 0;
}
.news.partialcarouselv3,
.news.partialcarouselv3>.container-fluid>header {
padding-top:0!important;
padding-bottom:0!important;
margin-top:0!important;
}
.news.partialcarouselv3>.container-fluid>.articles {
margin:0!important;
flex-direction:row;
align-items: flex-start;
position:relative;
}
.news.partialcarouselv3 header.hidden {
visibility: hidden;
height: 0px;
width: 0px;
}
.news.partialcarouselv3 .swiper-container-left {
padding:0;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .imgSlide {
position:relative;
overflow:hidden;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .imgSlide .tempo {
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(33,185,17,1);
height: .4rem;
z-index: 15;
width: 1%;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide.swiper-slide-active .imgSlide .tempo {
background-color: rgba(223,56,48,1);
transition: all linear 5s;
width: 100%;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide.mouseover .imgSlide .tempo,
.news.partialcarouselv3 .swiper-container-left .swiper-slide.touch .imgSlide .tempo {
transition: all linear 0.2s;
background-color: rgba(33,185,17,1);
width: 1%!important;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide,
.news.partialcarouselv3 .swiper-container-left .swiper-slide a {
display:flex;
flex-direction:column-reverse;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .textArticle {
font-size: 0.9rem;
flex-direction:column;
text-align: left;
padding: .8rem .8rem 0.8rem .8rem;
font-family: montserrat;
color: white;
display:flex;
width: 100%;
opacity: 0;
transition: all 0.5s;
bottom: 0px;
z-index: 4;
position:relative;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide.swiper-slide-active .textArticle {
opacity: 1;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .title {
font-size: 1.3rem;
font-weight: 500;
padding: 0;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .description {
margin-top:0.5rem;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .date {
position:absolute;
top:-1.5rem;
right:0.5rem;
text-shadow: black 1px 1px 2px;
font-style: italic;
font-size: .8rem;
display: block;
color: white;
}
.news.partialcarouselv3 footer {
position:relative;
display:flex;
flex: 1 1 auto;
flex-direction: column;
margin:0;
}
.news.partialcarouselv3 footer .more {
margin-bottom:1rem;
}
.news.partialcarouselv3 .thumbnail {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width:100%;
z-index:10;
margin-top:1rem;
margin-bottom:1rem;
margin-left: -0.25rem;
}
.news.partialcarouselv3 .articles.hideMore .thumbnail {
/*margin-bottom:2rem;*/
}
.news.partialcarouselv3 .thumbnail .thumb {
border: transparent 1px solid;
border-radius: 2rem;
background-color: rgba(133,133,133,1);
height: 0.5rem;
width: 0.5rem;
margin-left:.5rem;
cursor: pointer;
}
.news.partialcarouselv3 .thumbnail .thumb span {
opacity:0;
height: 0;
text-indent: -9999px;
position: absolute;
}
.news.partialcarouselv3 .thumbnail .thumb.active {
background-color: rgb(223, 56, 48);
}
@media (min-width: 576px) {
.news.partialcarouselv3 .container-fluid {
margin-right: 34px;
}
}
@media (min-width: 768px) {
.news.partialcarouselv3>.container-fluid>.articles {
align-items: normal;
}
.news.partialcarouselv3 .swiper-container-right {
overflow: hidden;
padding:0;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .textArticle {
position:absolute;
padding-bottom:2rem;
}
.news.partialcarouselv3 .articles.noDate .swiper-container-left .swiper-slide .textArticle {
/*padding-bottom:1rem;*/
}
.news.partialcarouselv3 footer {
margin:0;
flex-direction: row;
}
.news.partialcarouselv3 footer .thumbnail {
margin:2rem 0;
padding:0;
}
.news.partialcarouselv3 footer .more {
padding:0;
margin:0;
}
.news.partialcarouselv3 footer .more a {
width: 100%;
display: flex;
flex: 1 1 auto;
border-radius: 0;
align-items: center;
justify-content: center;
background-color: rgba(223,56,48,1);
overflow: hidden;
flex-direction: row;
border:none;
}
.news.partialcarouselv3 footer .more a:hover,
.news.partialcarouselv3 footer .more a:focus {
background-color: rgba(223,56,48,1);
}
.news.partialcarouselv3 footer .more a span {
display: block;
text-align: left;
font-size: 0.8rem;
white-space: normal;
color: white;
margin-left: 0.5rem;
}
.news.partialcarouselv3 footer .more a:before {
content: "\f35a";
font-family: Font Awesome\ 5 Free;
font-weight: 400;
font-size: 2rem;
padding: 0;
margin: 0;
color: white;
transition: all .5s;
}
.news.partialcarouselv3 footer .more a:hover:before,
.news.partialcarouselv3 footer .more a:focus:before {
transform:rotate(90deg);
}
.news.partialcarouselv3 .swiper-container-right .swiper-slide {
border-left:1px solid rgba(66,66,66,1);
cursor:pointer;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .title {
color:white;
text-shadow: black 1px 1px 2px;
font-size: 2rem;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .description {
text-shadow: black 1px 1px 2px;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .date {
top:auto;
bottom:.5rem;
}
}
@media (min-width: 992px) {
.news.partialcarouselv3 .swiper-container-left .swiper-slide header {
background-color:rgba(66,66,66,0.5);
}
}
@media (min-width: 1200px) {
.news.partialcarouselv3 footer .thumbnail {
display: flex;
visibility: visible;
margin-left: .5rem;
max-width: unset;
margin:1rem 0;
margin-left: 1rem;
margin-right: -1rem;
padding-right: 1rem;
}
.news.partialcarouselv3 footer .thumbnail:before {
content: "";
display: flex;
position:absolute;
z-index:1;
height:40px;
width:100%;
margin-left: 1rem;
background:rgba(223,56,48,1);
}
.news.partialcarouselv3 .articles.hideMore footer .thumbnail {
margin-right:0;
padding-right:0;
}
.news.partialcarouselv3 footer .thumbnail .thumb {
display: flex;
border:none;
border-radius: 0.5rem;
background-color: #414141;
margin-right: 1rem;
margin-left: 0;
flex-direction: column;
justify-content: space-between;
flex: 1;
transition: all 0.5s;
text-indent:0;
text-align:left;
height: 100%;
z-index:15;
}
.news.partialcarouselv3 footer .thumbnail .thumb.active {
background-color: rgba(223,56,48,1);
}
.news.partialcarouselv3 .thumbnail .thumb span {
opacity:1;
height: auto;
text-indent: 0;
position: relative;
}
.news.partialcarouselv3 footer .thumbnail .thumb .title {
font-size: .9rem;
line-height: 1.2rem;
padding: .5rem;
}
.news.partialcarouselv3 footer .thumbnail .thumb .imgThumb {
height: 2.5rem;
border-radius: 0 0 .5rem .5rem;
}
.news.partialcarouselv3 footer .more {
margin:1rem 0;
z-index: 10;
}
.news.partialcarouselv3 footer .more a {
border-radius:1rem;
}
.news.partialcarouselv3 footer .more a span {
margin-left:0;
}
.news.partialcarouselv3 footer .more a:before {
display:none;
}
}
@media (min-width: 1400px) {
.news.partialcarouselv3 footer .more a span {
margin-left:0.5rem;
}
.news.partialcarouselv3 footer .more a:before {
display:block;
font-size:1rem;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .textArticle {
max-width: 40%;
left: unset;
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.5),rgba(0,0,0,0.5)) !important;
border-right: 1px solid rgba(255, 255, 255, 0.8);
border-radius: 0 3rem 0 0;
padding: 4rem 2rem 2rem 2rem;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide,
.news.partialcarouselv3 .swiper-container-left .swiper-slide a {
flex-direction: column;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .imgSlide {
/*margin-left: 25%;*/
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .title {
font-size: 1.5rem;
color: white;
background-color: rgb(223,56,48);
border-radius: 0.5rem;
text-align: left;
line-height: 1.8rem;
margin-top: 1.5rem;
position: relative;
width: 130%;
padding: 0.6rem;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .date {
position:relative;
text-align: right;
margin: 1rem .5rem 0 0;
bottom:auto;
right:auto;
}
.news.partialcarouselv3 .swiper-container-left .swiper-slide .description {
text-align: right;
margin: 1rem .5rem 0 0;
}
}
@media (min-width: 2004px) {
.news.partialcarouselv3 .container-fluid {
max-width:1920px;
margin-left: auto;
margin-right: auto;
}
.news.partialcarouselv3 footer {
margin-left: -1rem;
}
.news.partialcarouselv3 .articles.hideMore footer .thumbnail {
margin-left:1rem;
}
.news.partialcarouselv3 footer .more a:before {
font-size:2rem;
}
}
/***************************************************************************** Publications */
.news.publication article {
position: relative;
overflow: hidden;
height: 20rem;
border-radius: 0;
background:white;
}
.news.publication.invert article {
background-color: rgba(68,68,68,1);
}
.news.publication article h3 {
margin-top: 0;
font-weight: 400;
padding:.5rem 0;
font-size: 0.9rem;
}
.news.publication picture {
height: 100%;
border-radius: 0;
transition: border-radius .3s;
}
.news.publication .articles .info {
padding: 10px 10px 3.3rem 10px;
position: absolute;
bottom: 0;
width: 100%;
z-index:10;
}
.news.publication.normal .articles .info {
background-color: rgba(255,255,255,1);
}
.news.publication.invert .articles .info {
color:rgba(238,238,238,1);
background-color: rgba(68,68,68,1);
}
.news.publication .articles article .btn {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
width: auto;
padding: 0.5rem 0;
font-size: 0.8rem;
}
.news.publication .articles article a {
color: rgba(255,255,255,1);
font-size: 1rem;
}
.news.publication .hasImg .info .teaser {
display: block;
position:relative;
overflow:hidden;
margin: 0;
transition: all .5s;
height: 0px;
}
.news.publication .articles.hasTeaser.hasImg article.hasTeaser h3:after {
position: absolute;
bottom: 3.2rem;
content: "";
left: 50%;
margin-left: -0.4rem;
border-bottom: 0.4em solid #ddd;
border-right: 0.4em solid transparent;
border-left: 0.4em solid transparent;
transition: all 0.5s;
}
.news.publication .articles.hasTeaser.hasImg article.hasTeaser:hover .teaser,
.news.publication .articles.hasTeaser.hasImg article.hasTeaser:focus .teaser {
height:auto;
margin-bottom:.5rem;
}
.news.publication article.pubYear {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 2rem;
font-weight: 700;
background:#ddd;
color:#777;
font-family: Poppins,Verdana,sans-serif;
}
.news.publication article.pubYear .month {
font-size: 1rem;
}
.news.publication.invert article.pubYear {
background:rgba(51,51,51,1);
color:white;
}
@media (min-width: 576px) {
.news.publication .articles {
margin-right: -0.2rem;
}
}
@media (min-width: 768px) {
.news.publication .articles article .btn {
font-size: 0.9rem;
}
.news.publication article.pubYear {
font-size: 3rem;
}
.news.publication article.pubYear .month {
font-size: 1.5rem;
}
}
@media (min-width: 992px) {
.news.publication article.mini {
height: 23.8rem;
}
}
@media (min-width: 1200px) {
.news.publication article.mini {
height: 21.4rem;
}
}
@media (min-width: 1480px) {
.news.publication .articles {
margin-right: -0.5rem;
}
}
.news.publication .articles.noImg .col {
margin-bottom: 20px;
}
.news.publication .articles.noImg article {
height: 100%;
}
.news.publication .articles.noImg .info {
border-top: none;
position: relative;
height: 100%;
}
.news.publication articles.noImg .teaser {
margin-bottom: 1rem;
}
.news.publication .articles.hasImg .publishDate {
position: absolute;
z-index: 5;
top: 0;
background: rgba(240,240,240,1);
font-size: .8rem;
padding: 0 0.5rem 0.5rem 0;
border-right: 5px solid #bd4b34;
border-bottom: 5px solid #bd4b34;
border-bottom-right-radius: 0.5rem;
}
/***************************************************************************** Publications v2 */
.news.partialpublicationv2 .more {
text-align: center;
}
.news.partialpublicationv2 .more a {
white-space: normal;
}
@media (min-width: 576px) {
.news.partialpublicationv2 .more .btn {
/*background: transparent;*/
border-radius:5rem;
}
.news.partialpublicationv2 .articles :nth-child(1n+5).more {
height: 300px;
}
.news.partialpublicationv2 .articles :nth-child(1n+5).more a {
position: relative;
top: 50%;
transform: translateY(-50%);
}
}
@media (min-width: 768px) {
.news.partialpublicationv2 .articles {
display: block;
overflow: hidden;
}
.news.partialpublicationv2 .articles .col {
float: left;
}
}
@media (min-width: 992px) {
.news.partialpublicationv2 article.featured {
height: 31rem;
}
.news.partialpublicationv2 article.mini,
.news.partialpublicationv2 .articles :nth-last-child(1).more {
height: 15rem;
}
.news.partialpublicationv2 article.mini .btn {
font-size: 0.8rem;
}
.news.partialpublicationv2 .mini h3 {
font-size: 14px;
}
.news.partialpublicationv2 .articles .featured .info .teaser {
font-size: 1rem;
}
.news.partialpublicationv2 .articles :nth-last-child(1).more a {
position: relative;
top: 50%;
transform: translateY(-50%);
}
}
@media (min-width: 1200px) {
.news.partialpublicationv2 article.featured {
height: 35rem;
}
.news.partialpublicationv2 article.mini,
.news.partialpublicationv2 .articles :nth-last-child(1).more {
height: 17rem;
}
.news.partialpublicationv2 article.mini .btn {
font-size: .9rem;
}
}
/***************************************************************************** Publications v3 */
.news.publication.partialpublicationv3 .articles article {
background:none;
border:none;
height:auto;
}
.news.publication.partialpublicationv3 .articles .info,
.news.publication.partialpublicationv3.invert .articles .info {
position:relative;
background:transparent;
background-color:transparent;
border:none;
padding:10px;
}
.news.publication.partialpublicationv3 .articles h2 {
padding-top:0;
/*font-size:1.4rem;*/
}
.news.publication.partialpublicationv3 .info .teaser {
height:auto;
}
.news.publication.partialpublicationv3 .articles article .btn {
display:table;
position:relative;
bottom:auto;
left:auto;
right:auto;
width: auto;
margin-top:2rem;
padding: 1rem;
}
/***************************************************************************** Galerie Vidéo */
body.compensate-for-scrollbar {
margin-right:0!important;
}
.news.video article,
.news.video article a {
background:white;
height:100%;
transition: all 0.3s;
border-radius: 1rem;
overflow: hidden;
}
.news.video.invert article,
.news.video.invert article a {
background-color: rgb(66,66,66);
}
.news.video article a:hover,
.news.video article a:focus {
background:rgba(255,165,0,1);
color:white;
}
.news.video article .date {
font-family:Montserrat,Verdana,sans-serif;
position: absolute;
top: 1rem;
right: 1.5rem;
z-index: 10;
color:white;
display:flex;
flex-direction:row;
font-weight:500;
text-shadow:0 0 10px black;
}
.news.video article .date .day{
font-size: 2rem;
line-height: 2rem;
margin-right:0.3rem;
}
.news.video article .date .monthYear{
display:flex;
flex-direction:column;
}
.news.video article .date .month,
.news.video article .date .year{
font-size: 0.8rem;
line-height: 1rem;
}
@media (min-width: 576px) {
.news.video article .date .day{
font-size: 2.5rem;
line-height: 2.5rem;
}
.news.video article .date .month,
.news.video article .date .year{
font-size: 1rem;
line-height: 1.2rem;
}
}
.news.video article .info {
border:0;
padding-top:0;
}
.news.video .articles.noTeaser article .info {
/*padding:0;*/
}
.news.video article .info .title{
padding-top:1rem;
font-weight:400;
}
.news .articles article .info.topnews .glyph {
top: 10px;
right:5px;
}
.news.video article .info.topnews .title {
padding-right:1rem;
}
.news.video .articles.noTeaser article .info .title {
font-weight:100;
font-size:1rem;
/*padding:0.8rem;*/
}
.news.video .articles.noTeaser article .info.topnews .title {
padding-right:2rem;
}
.news.video article .info .teaser {
font-style:italic;
}
.news.video article .info .teaser .exitNews {
font-style:normal;
}
.news.video article a picture {
position: relative;
}
.news.video article a picture.YTimage {
aspect-ratio: 16 / 9;
}
.news.video article a picture.YTimage:has(.tac_activate) {
overflow: visible;
}
.news.video article a picture.YTimage img {
/*position: absolute;*/
width: 100%;
height: auto;
/* top: -17%;
left: 0;*/
margin-top: -9.5%;
transition: all 0.3s;
}
.news.video article picture i {
position:absolute;
left:50%;
top:50%;
margin-left:-2rem;
margin-top:-2rem;
font-size:4rem;
color:rgba(255,255,255,0.7);
transition: all 0.3s;
}
.news.video article a:hover picture img,
.news.video article a:focus picture img {
transform: scale(1);
filter: grayscale(1);
}
.news.video article a:hover picture i,
.news.video article a:focus picture i {
color:rgba(255,165,0,0.7);
}
.news.video article .YTvideo {
position:relative;
padding-top:56.25%;
}
.news.video article .YTvideo iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
/***************************************************************************** Galerie photos */
.news.photoStory .albums {
margin-bottom:20px;
margin-left: -0.3rem;
margin-right: -0.3rem;
}
.news.photoStory .album {
padding:0;
overflow:hidden;
margin-bottom: 0;
}
.news.photoStory .album a:hover,
.news.photoStory .album a:focus {
text-decoration: none;
}
.news.photoStory .album figure {
margin: 0.3rem;
}
.news.photoStory .album .pictureOverlay {
opacity: 0;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(3,165,255,.8);
cursor: pointer;
z-index: 15;
transition: all 0.4s ease-in-out 0s;
}
.news.photoStory .album a:hover .pictureOverlay,
.news.photoStory .album a:focus .pictureOverlay {
opacity: 1;
}
.photoStory .album a:hover img,
.photoStory .album a:focus img {
transform: none;
}
.news.photoStory .album a figure figcaption {
position:absolute;
top:20%;
left:50%;
width:100%;
padding:20px;
color:rgba(255,255,255,1);
z-index:15;
opacity: 0;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out 0s;
text-align: center;
}
.news.photoStory .album a:hover figcaption,
.news.photoStory .album a:focus figcaption {
top: 50%;
left: 50%;
opacity: 1;
}
.news.photoStory .album figcaption h3 {
font-size: 0.9rem;
padding: 0 0 0.6rem;
}
.news.photoStory .album figcaption time {
font-size: 0.6rem;
}
@media (min-width: 576px) {
.news.photoStory .album figcaption h3 {
font-size: 1rem;
}
.news.photoStory .album figcaption time {
font-size: 0.7rem;
}
}
@media (min-width: 992px) {
.news.photoStory .album figcaption h3 {
font-size: 1.1rem;
}
}
@media (min-width: 1200px) {
.news.photoStory .album figcaption h3 {
font-size: 1.2rem;
}
}
.touch .news.photoStory .album {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 0.3rem;
}
.touch .news.photoStory .album figure {
display: flex;
height: 100%;
}
.touch .news.photoStory .album figure img {
/*object-fit: cover;*/
height: 100%;
}
.touch .news.photoStory .album .pictureOverlay {
display: none;
}
.touch .news.photoStory .album picture,
.touch .news.photoStory .album figcaption {
position: relative;
flex: 0 0 50%;
opacity: 1;
transform: none;
}
.touch .news.photoStory .album figcaption,
.touch .news.photoStory .album a:hover figcaption,
.touch .news.photoStory .album a:focus figcaption {
background: rgba(3,165,255,.9);
top: 0;
left: 0;
width: auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.touch .news.photoStory .album:nth-child(2n+0) picture {
order:2;
}
@media (min-width: 576px) {
.touch .news.photoStory .album {
flex: 0 0 50%;
max-width: 50%;
}
.touch .news.photoStory .album:nth-child(n) picture {
order:0;
}
.touch .news.photoStory .album:nth-child(4n-1) picture,
.touch .news.photoStory .album:nth-child(4n) picture {
order:2;
}
}
@media (min-width: 992px) {
.touch .news.photoStory .album {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.touch .news.photoStory .album:nth-child(n) picture {
order:0;
}
.touch .news.photoStory .album:nth-child(5n-1) picture,
.touch .news.photoStory .album:nth-child(5n) picture,
.touch .news.photoStory .album:nth-child(5n+1) picture {
order:2;
}
.touch .news.photoStory .album:nth-child(1) picture {
order:0;
}
.touch .news.photoStory .album figcaption h3 {
font-size: .9rem;
}
}
@media (min-width: 1200px) {
.touch .news.photoStory .album figcaption h3 {
font-size: 1.2rem;
}
}
/***************************************************************************** Témoignages */
.news.partialtestimonyv1+.csc-default.invert,
.news.partialtestimonyv1+.csc-default.normal {
margin-top:0;
}
.news.partialtestimonyv1:before {
content: "";
background-color: rgba(0,0,0,1);
opacity: 0.7;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
}
.news.partialtestimonyv1 header,
.news.partialtestimonyv1 .quotes,
.news.partialtestimonyv1 footer {
position: relative;
z-index: 2;
}
.news.partialtestimonyv1 header h2,
.news.partialtestimonyv1 header h3,
.news.partialtestimonyv1 header h4 {
color: rgba(255,255,255,1);
}
.news.partialtestimonyv1 header p {
color: rgba(187,187,187,1);
}
.news.partialtestimonyv1 blockquote {
background-color: rgba(66,139,202,1);
border-radius: 8px;
color: rgba(204,204,204,1);
border: 0 none;
margin: 1.7em 10px 1.7em auto;
padding: 1.5em;
quotes: "\201C""\201D""\2018""\2019";
position: relative;
z-index: 2;
max-width: 740px;
-webkit-filter: drop-shadow(5px 5px 0px rgba(255,165,0,1));
filter: drop-shadow(5px 5px 0px rgba(255,165,0,1));
}
.news.partialtestimonyv1 blockquote:before {
color: rgba(255,255,255,1);
content: "\201C";
font-size: 4em;
line-height: 0.1em;
vertical-align: -0.4em;
margin-right:1rem;
}
.news.partialtestimonyv1 blockquote:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 30px solid rgba(66,139,202,1);
border-right: 60px solid transparent;
bottom: -27px;
right: 40px;
}
.news.partialtestimonyv1 blockquote p {
color: rgba(238,238,238,1);
display: inline;
}
.news.partialtestimonyv1 .owl-theme .owl-dots .owl-dot {
padding: 0 8px;
}
.news.partialtestimonyv1 .owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 20px;
}
.news.partialtestimonyv1 .owl-theme .owl-dots .owl-dot.active span,
.news.partialtestimonyv1 .owl-theme .owl-dots .owl-dot:hover span,
.news.partialtestimonyv1 .owl-theme .owl-dots .owl-dot:focus span {
background: rgba(255,165,0,1);
}
@media(max-width: 767px) {
.news.partialtestimonyv1 {
background-attachment: scroll;
}
}
@media (min-width: 768px) {
.news.partialtestimonyv1 blockquote {
margin-right: auto;
}
}
/***************************************************************************** Revue de presse */
@media (max-width: 500px) {
.news.newspaper article.col-xs-6 {
width:100%;
}
}
.news.newspaper .articles article {
background: none;
}
.news.newspaper article .revue{
position:relative;
padding:0px 0 10px 0;
overflow:hidden;
background-color: rgba(255,255,255,1);
}
.news.newspaper.invert article a .revue {
color:rgba(238,238,238,1);
}
.news.newspaper article .source,
.news.newspaper article h3.title {
background-color:rgba(233,233,233,1);
font-size:14px;
margin:0;
padding:10px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.news.newspaper.invert article .source,
.news.newspaper.invert article h3.title {
background-color:rgba(68,68,68,1);
}
.news.newspaper article a:hover .source,
.news.newspaper article a:focus .source,
.news.newspaper article a:hover h3.title,
.news.newspaper article a:focus h3.title {
background-color: rgba(255,165,0,1);
color:rgba(255,255,255,1);
}
.news.newspaper article .source {
display: block;
position:relative;
z-index:10;
line-height: 25px;
font-weight:700;
}
.news.newspaper article h3.title {
padding: 0.5rem 0.5rem 1rem 0.5rem;
line-height: 20px;
position:absolute;
bottom:0;
width:100%;
}
.news.newspaper article .title:before {
content: "";
width: 0;
height: 0;
border-bottom: 100px solid rgba(233,233,233,1);
border-right: 1000px solid transparent;
top: -100px;
right: 0px;
position: absolute;
-webkit-transition:-webkit-border 0.5s ease;
-moz-transition:-moz-border 0.5s ease;
-o-transition:-o-border 0.5s ease;
transition:border 0.5s ease;
}
.news.newspaper.invert article .title:before {
border-bottom: 100px solid rgba(68,68,68,1);
}
.news.newspaper article a:hover .title:before,
.news.newspaper article a:focus .title:before {
border-bottom: 100px solid rgba(255,165,0,1);
}
.news.newspaper article .date {
display:block;
background-color:rgba(233,233,233,1);
padding:0 10px;
font-size: 12px;
height: 20px;
position: relative;
line-height: 30px;
z-index: 10;
font-style: italic;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.news.newspaper.invert article .date {
background-color:rgba(68,68,68,1);
}
.news.newspaper article a:hover .date,
.news.newspaper article a:focus .date {
background-color: rgba(255,165,0,1);
color:rgba(255,255,255,1);
}
.news.newspaper article .date:before {
content: "";
width: 0;
height: 0;
border-top: 100px solid rgba(233,233,233,1);
border-right: 1000px solid transparent;
top: 20px;
right: 0px;
position: absolute;
z-index: -99;
-webkit-transition:-webkit-border 0.5s ease;
-moz-transition:-moz-border 0.5s ease;
-o-transition:-o-border 0.5s ease;
transition:border 0.5s ease;
}
.news.newspaper.invert article .date:before {
border-top: 100px solid rgba(68,68,68,1);
}
.news.newspaper article a:hover .date:before,
.news.newspaper article a:focus .date:before {
border-top: 100px solid rgba(255,165,0,1);
}
.news.newspaper article a {
text-decoration:none;
}
.news.newspaper article a figure {
-webkit-transition:-webkit-transform 0.5s ease;
-moz-transition:-moz-transform 0.5s ease;
-o-transition:-o-transform 0.5s ease;
transition:transform 0.5s ease;
overflow:hidden;
}
.news.newspaper article a:hover figure {
transform: scale(1.1,1.1);
}
/***************************************************************************** Social Networks */
.news.socialnetworks .articles>.col {
transition: display .3s linear;
}
.fluidcolumns .news.socialnetworks .articles>.col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.news.socialnetworks .articles article.list {
display: flex;
flex-direction: column;
position:relative;
height: 100%;
min-height:18rem;
transition: all .3s ease-out;
border-radius:1rem;
border-top-left-radius:0;
overflow:hidden;
}
.news.socialnetworks article.list:hover,
.news.socialnetworks article.list:focus {
z-index: 15;
box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}
.news.socialnetworks .articles article.list.compact {
min-height:auto;
}
.news.socialnetworks article.list.topNews {
padding:0 5px 5px 5px;
}
.news.socialnetworks article.list .networkDisplay {
padding:0.3rem 1rem;
font-size:0.8rem;
}
.news.socialnetworks article.list.topNews .networkDisplay {
padding:0.3rem 1rem 0.3rem 0.5rem;
}
.news.socialnetworks article.list.instagram .networkDisplay {
background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0.8),rgba(0,0,0,0.6),rgba(0,0,0,0)) !important;
padding-bottom:1rem;
z-index: 2;
position:relative;
}
.news.socialnetworks .articles article.list .main {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
border-radius: 12px;
}
.news.socialnetworks .articles article.list .main p {
margin:0;
}
.news.socialnetworks article.list .text {
font-size: 0.9rem;
flex: 1 1 100%;
}
.news.socialnetworks article.list .network {
position:absolute;
bottom:0;
margin:0;
font-weight: 400;
font-size: 0.7rem;
}
.news.socialnetworks article.list.topNews .network {
bottom:5px;
}
.news.socialnetworks article.list .text,
.news.socialnetworks article.list .date,
.news.socialnetworks article.list .network {
margin-bottom: 0;
padding: 1rem;
}
.news.socialnetworks article.list .date {
display:block;
text-align: right;
font-size: 0.7rem;
}
.news.socialnetworks article.list .text header,
.news.socialnetworks article.list.site .text span {
font-weight: 400;
text-align:left;
}
.news.socialnetworks article.list.twitter .text p,
.news.socialnetworks article.list .text a {
display: inline;
}
.news.socialnetworks article.list.twitter a {
text-decoration:underline;
}
.news.socialnetworks article.list.twitter.compact a {
text-decoration:none;
}
.news.socialnetworks article.list.twitter a.network {
text-decoration:none;
}
.news.socialnetworks article.list.twitter a:hover,
.news.socialnetworks article.list.twitter a:focus {
text-decoration-style:double;
}
.news.socialnetworks article.list a.external {
font-size: 0.9rem;
font-weight: 400;
}
.news.socialnetworks article.list [class^="fa"] {
font-size: inherit;
line-height:inherit;
padding-right: 5px;
}
.news.socialnetworks article.list .text p [class^="fa"] {
display: none;
}
.news.socialnetworks article.list .network:hover,
.news.socialnetworks article.list .network:focus {
border-top-right-radius:12px;
}
.news.socialnetworks article.list.topNews .network:hover,
.news.socialnetworks article.list.topNews .network:focus {
border-radius:12px;
}
.news.socialnetworks article.list.twitter .network:hover,
.news.socialnetworks article.list.twitter .network:focus,
.news.socialnetworks article.list.twitter.topNews .network:hover,
.news.socialnetworks article.list.twitter.topNews .network:focus {
color: white !important;
border-radius:0;
border-top-right-radius:12px;
}
.news.socialnetworks article.list.twitter a.img>i,
.news.socialnetworks article.list.instagram a.main>i,
.news.socialnetworks article.list.facebook a.main>i,
.news.socialnetworks article.list.youtube a.main>i {
position: absolute;
top: 2.8rem;
right: 1rem;
font-size: 1.5rem;
color: rgba(255,255,255,0.7);
text-shadow: 0px 0px 10px #333;
}
.news.socialnetworks article.list.instagram figure {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
.news.socialnetworks article.list.instagram .date {
position: absolute;
bottom: 0;
right: 0;
color:white;
z-index:15;
}
.news.socialnetworks article.list.instagram .network {
z-index:15;
}
.news.socialnetworks article.list.instagram.compact {
padding:0;
}
.news.socialnetworks article.list.instagram.compact figure {
position:relative;
}
.news.socialnetworks article.list.instagram picture {
height: 100%;
}
.news.socialnetworks article.list.instagram .text {
z-index: 2;
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6),rgba(0,0,0,0.8),rgba(0,0,0,0.8),rgba(0,0,0,1)) !important;
display: block;
bottom:0;
width:100%;
position:absolute;
padding: 2rem 1rem 3.5rem 1rem;
}
.news.socialnetworks article.list.instagram img {
height: 100%;
object-fit: cover;
}
/** Filtre **/
.news.socialnetworks article.list .filters {
margin-bottom: 1rem;
}
.news.socialnetworks article.list .filters span:hover,
.news.socialnetworks article.list .filters span:focus {
cursor: pointer;
}
.news.socialnetworks article.list .disappeared {
flex: 0;
overflow: hidden;
padding: 0;
height: 0;
}
.news.socialnetworks .sourcesFilter {
padding: 0.5rem 0.5rem 0 0.5rem;
margin-bottom: 1rem;
border-left: 5px solid rgb(101, 101, 101);
}
.news.socialnetworks .sourcesFilter span {
font-size: .875rem;
vertical-align: middle;
line-height: 1.5;
margin-bottom: .5rem;
padding: .25rem .5rem;
display: inline-block;
}
.news.socialnetworks .sourcesFilter a {
margin-right:0.25rem;
}
/** Affichage compact **/
.news.socialnetworks article.compact {
display: block;
}
.news.socialnetworks article.compact:hover,
.news.socialnetworks article.compact:focus {
transform: none;
}
.news.socialnetworks article.compact .main {
display: flex;
flex-wrap: wrap;
}
.news.socialnetworks article.compact .date {
padding: 0;
display: inline;
}
.news.socialnetworks article.compact .img {
padding: 0;
}
.news.socialnetworks article.compact .img {
max-height: 5rem;
overflow: hidden;
}
.news.socialnetworks article.compact .text {
padding: .5rem;
font-size: 0.7rem;
flex: 1 1 0;
}
@media (min-width: 576px) {
.news.socialnetworks article.compact .text {
font-size: 0.8rem;
}
}
.news.socialnetworks article.compact .text p {
display: inline;
}
/* background */
.news.socialnetworks .articles article.list .main,
.news.socialnetworks article.list .network:hover,
.news.socialnetworks article.list .network:focus {
background:white;
}
.news.socialnetworks article.list.instagram.topNews,
.news.socialnetworks .sourcesFilter a.instagram.active {
background:black;
}
.news.socialnetworks.invert .sourcesFilter,
.news.socialnetworks.invert .articles article.list .main {
background:rgba(64,64,64,1);
}
.news.socialnetworks article.list.site.topNews,
.news.socialnetworks article.list.site .networkDisplay,
.news.socialnetworks article.list.site:hover .main,
.news.socialnetworks article.list.site:focus .main,
.news.socialnetworks .sourcesFilter a.website.active {
background:rgba(200,80,0,1);
}
.news.socialnetworks article.list.site:hover .main,
.news.socialnetworks article.list.site:focus .main {
background:rgba(200,80,0,1) !important;
}
.news.socialnetworks article.list.facebook.topNews,
.news.socialnetworks article.list.facebook .networkDisplay,
.news.socialnetworks .sourcesFilter a.facebook.active {
background:rgba(59,89,152,1);
}
.news.socialnetworks article.list.facebook:hover .main,
.news.socialnetworks article.list.facebook:focus .main {
background:rgba(59,89,152,1) !important;
}
.news.socialnetworks article.list.twitter.topNews,
.news.socialnetworks article.list.twitter .networkDisplay,
.news.socialnetworks article.list.twitter .network:hover,
.news.socialnetworks article.list.twitter .network:focus,
.news.socialnetworks article.list.twitter.topNews .network:hover,
.news.socialnetworks article.list.twitter.topNews .network:focus,
.news.socialnetworks .sourcesFilter a.twitter.active,
.news.socialnetworks article.compact.twitter:hover .main,
.news.socialnetworks article.compact.twitter:focus .main {
background:rgba(85,172,238,1);
}
.news.socialnetworks article.list.youtube.topNews,
.news.socialnetworks article.list.youtube .networkDisplay,
.news.socialnetworks .sourcesFilter a.youtube.active {
background:rgba(211,72,54,1);
}
.news.socialnetworks article.list.youtube:hover .main,
.news.socialnetworks article.list.youtube:focus .main {
background:rgba(211,72,54,1) !important;
}
.news.socialnetworks article.list.linkedin.topNews,
.news.socialnetworks article.list.linkedin .networkDisplay,
.news.socialnetworks .sourcesFilter a.linkedin.active {
background:rgba(0,119,181,1);
}
.news.socialnetworks .sourcesFilter {
background: rgba(233,233,233,1);
}
.news.socialnetworks article.list.linkedin:hover .main,
.news.socialnetworks article.list.linkedin:focus .main {
background:rgba(0,119,181,1) !important;
}
/* color */
.news.socialnetworks article.list .networkDisplay,
.news.socialnetworks article.list .networkDisplay i,
.news.socialnetworks article.list .networkDisplay span,
.news.socialnetworks article.list:hover .text,
.news.socialnetworks article.list:focus .text,
.news.socialnetworks article.list:hover .date,
.news.socialnetworks article.list:focus .date,
.news.socialnetworks article.list:hover .network,
.news.socialnetworks article.list:focus .network,
.news.socialnetworks article.list.facebook:hover .network,
.news.socialnetworks article.list.facebook:focus .network,
.news.socialnetworks article.list.youtube:hover .network,
.news.socialnetworks article.list.youtube:focus .network,
.news.socialnetworks article.list.linkedin:hover .network,
.news.socialnetworks article.list.linkedin:focus .network,
.news.socialnetworks article.list.instagram .network,
.news.socialnetworks article.list.instagram .text,
.news.socialnetworks .sourcesFilter a.active,
.news.socialnetworks.invert .sourcesFilter a.btn-success,
.news.socialnetworks.invert .sourcesFilter a.active,
.news.socialnetworks article.compact.twitter:hover .main,
.news.socialnetworks article.compact.twitter:focus .main,
.news.socialnetworks.invert .articles article.list .main,
.news.socialnetworks.invert article.list.facebook .network,
.news.socialnetworks.invert article.list.linkedin .network,
.news.socialnetworks.invert article.list.twitter:hover .date,
.news.socialnetworks.invert article.list.twitter:focus .date,
.news.socialnetworks.invert article.list.youtube .text header,
.news.socialnetworks.invert article.list.youtube .network {
color: white;
}
.news.socialnetworks .sourcesFilter a.active i {
color: white !important;
}
.news.socialnetworks .sourcesFilter a.instagram i {
color: black;
}
.news.socialnetworks .sourcesFilter a.website i {
color: rgba(200,80,0,1);
}
.news.socialnetworks article.list.youtube .text header,
.news.socialnetworks article.list.youtube .network,
.news.socialnetworks article.list.youtube .network:hover,
.news.socialnetworks article.list.youtube .network:focus,
.news.socialnetworks .sourcesFilter a.youtube i,
.news.socialnetworks article.compact.youtube [class^="fa"] {
color: rgba(211,72,54,1);
}
.news.socialnetworks article.list .text p+a.external,
.news.socialnetworks article.list .text p+a.external [class^="fa"] {
color: rgba(85,172,238,1);
}
.news.socialnetworks article.list.facebook .network,
.news.socialnetworks article.list.facebook .network:hover,
.news.socialnetworks article.list.facebook .network:focus,
.news.socialnetworks .sourcesFilter a.facebook i,
.news.socialnetworks article.compact.facebook [class^="fa"] {
color: rgba(59,89,152,1);
}
.news.socialnetworks article.list.twitter .network,
.news.socialnetworks article.list.twitter:hover .network,
.news.socialnetworks article.list.twitter:focus .network,
.news.socialnetworks .sourcesFilter a.twitter i,
.news.socialnetworks article.compact.twitter [class^="fa"] {
color: rgba(85,172,238,1);
}
.news.socialnetworks article.list.twitter:hover .date,
.news.socialnetworks article.list.twitter:focus .date,
.news.socialnetworks article.list.instagram .network:hover,
.news.socialnetworks article.list.instagram .network:focus,
.news.socialnetworks.invert .sourcesFilter a {
color: rgb(51,51,51);
}
.news.socialnetworks article.list.linkedin .network,
.news.socialnetworks article.list.linkedin .network:hover,
.news.socialnetworks article.list.linkedin .network:focus,
.news.socialnetworks .sourcesFilter a.linkedin i,
.news.socialnetworks article.compact.linkedin [class^="fa"] {
color: rgba(0,119,181,1);
}
.news.socialnetworks article.list a.external,
.news.socialnetworks article.list [class^="fa"] {
color: rgba(255,165,0,1);
}
.news.socialnetworks article.list .network [class^="fa"],
.news.socialnetworks article.list.twitter:hover .text,
.news.socialnetworks article.list.twitter:focus .text,
.news.socialnetworks article.list.youtube:hover .text header,
.news.socialnetworks article.list.youtube:focus .text header,
.news.socialnetworks article.compact:hover .date,
.news.socialnetworks article.compact:focus .date,
.news.socialnetworks article.compact:hover [class^="fa"],
.news.socialnetworks article.compact:focus [class^="fa"] {
color: inherit;
}
/***************************************************************************** Agenda */
/* styles communs */
.agenda .events article .date,
.agenda .events article .desc,
.agenda .events article figure {
padding: 0;
}
/* filtre des dates */
.agenda .events-period {
background-color: rgba(255,255,255,.5);
padding: .5rem 0;
margin-bottom: 1rem;
border-radius: .5rem;
}
.agenda.invert .events-period {
background-color: rgba(75,75,75,1);
}
.agenda .events-period .btn-danger {
margin-bottom: .5rem;
color:white;
}
.agenda .events-period .collapse,
.agenda .events-period .collapsing {
margin-top: .5rem;
}
.agenda .events-period .form-inline {
flex-wrap: nowrap;
}
.agenda .events-period label {
font-weight: 400;
font-size: .9rem;
}
@media (min-width: 992px) {
.agenda .events-period {
padding: .5rem 0;
}
.agenda .events-period .form-inline {
justify-content: flex-end;
}
.agenda .events-period .btn-danger {
margin-bottom: 0;
}
}
/* filtre des dates par semaine */
.agenda .events-period .select {
display:flex;
flex-direction:column;
justify-content: center;
}
.agenda .events-period .select .title {
display:block;
padding:.25rem .5rem;
font-style:italic;
margin:0;
font-size:1rem;
font-weight:300;
}
.agenda .events-period .dateFilterByWeekForm {
margin: 0.5rem 0;
}
.agenda .events-period select#dateFrom {
position: relative;
display: block;
font-family: 'Open Sans',verdana, sans-serif;
width:100%;
height:3rem;
border-radius: 1rem 0 0 0;
box-shadow: 5px 5px 15px 0px #ddd;
}
.agenda.invert .events-period select#dateFrom {
box-shadow: 5px 5px 15px 0px #333;
}
.agenda .events-period select#dateFrom option.selected {
background:orange;
color:white;
}
.agenda .events-period .col.dayOfWeek {
display: flex;
flex: 0 0 14.2%;
max-width: 14.2%;
flex-direction: column;
padding: 0.15rem;
}
.agenda .events-period .col.dayOfWeek span.date{
flex-direction: column;
display: flex;
background:white;
text-align: center;
transition: all 0.8s ease;
}
.agenda.invert .events-period .col.dayOfWeek span.date{
background:rgba(50,50,50,1);
}
.agenda .events-period .col.dayOfWeek.noEvent span.date {
background-color: rgb(255, 255, 255) !important;
background-image: repeating-linear-gradient(60deg,rgba(220,220,220,0.3),rgba(220,220,220,0.3) 5px,transparent 5px,transparent 10px);
}
.agenda.invert .events-period .col.dayOfWeek.noEvent span.date {
background-color: rgba(100,100,100,.2) !important;
background-image: repeating-linear-gradient(60deg,rgba(0,0,0,0.1),rgba(0,0,0,0.1) 5px,transparent 5px,transparent 10px);
}
.agenda .events-period .col.dayOfWeek.currentD span.date {
color:white;
background-color: orange;
}
.agenda .events-period .col.dayOfWeek span.day{
padding:.5rem 0;
font-family: 'Roboto',verdana, sans-serif;
font-size:1.2rem;
}
.agenda .events-period .col.dayOfWeek span.month{
padding: 0 .25rem .25rem .25rem;
font-size:.75rem;
}
.agenda .events-period .col.dayOfWeek span.nbEvent{
position: absolute;
bottom: -0.3rem;
right: 0;
font-weight:500;
background: orange;
border-radius: 1rem;
border: 2px solid white;
color: white;
padding: 0 0.32rem;
font-size: .75rem;
}
@media (min-width: 768px) {
.agenda .events-period .dateFilterByWeekForm {
margin: 0.5rem;
}
.agenda .events-period .col.dayOfWeek {
padding: 0.5rem;
}
.agenda .events-period .col.dayOfWeek span.day{
padding:.5rem .5rem 0 .5rem;
font-size:1.8rem;
}
.agenda .events-period .col.dayOfWeek span.month{
padding: 0 .5rem .75rem .5rem;
font-size:1rem;
}
.agenda .events-period .col.dayOfWeek span.nbEvent{
bottom: 0;
right: 0.25rem;
}
}
.agenda .events .eventByWeek {
opacity: 1;
visibility: visible;
transition: all 200ms cubic-bezier(0.335, 0.010, 0.030, 1.360);
}
.agenda .events .eventByWeek.hide {
opacity: 0;
visibility: hidden;
}
/* bouton de billeterie*/
.news-billetterie {
padding: 0.8rem 3rem;
font-size: 1.3rem;
margin-top: 1.3rem;
margin-bottom: 1.3rem;
}
/* topNews */
.agenda .events.topNews {
display: flex;
flex-direction: column;
position:relative;
padding:1rem 0.5rem;
min-height: 100%;
color:white;
justify-content:space-between;
border-radius:1.5rem;
border-bottom-left-radius:0;
overflow:hidden;
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: animatedGradient 15s ease infinite;
margin: 0 0 1rem 0;
}
.agenda .events.topNews:after {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 10;
bottom: 0;
background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 30px, transparent 30px, transparent 60px);
}
@keyframes animatedGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.agenda .events.topNews .col {
z-index: 15;
margin:0;
}
.agenda .events.topNews .doNotMiss {
align-items: center;
display:flex;
}
.agenda .events.topNews .doNotMiss span {
text-shadow: 0 0 5px #333;
font-size: 1.5rem;
font-weight: 700;
padding: 0 1rem 1rem 1rem;
font-family: Poppins,Verdana,sans-serif;
text-align: center;
flex: 1 1 0;
}
.agenda .events.topNews .main{
display: flex;
flex-direction:column-reverse;
border-radius:1rem;
border-bottom-left-radius: 0;
background: rgba(240,240,240,0.7);
transition: all .3s ease;
}
.agenda .events.topNews .main:hover,
.agenda .events.topNews .main:focus {
background: rgba(240,240,240,1);
box-shadow: 0 0 10px rgba(50,50,50,0.2);
}
.agenda.invert .events.topNews .main {
background: rgba(50,50,50,0.7);
}
.agenda.invert .events.topNews .main:hover,
.agenda.invert .events.topNews .main:focus {
background: rgba(50,50,50,1);
}
.agenda .events.topNews .main:hover .date,
.agenda .events.topNews .main:focus .date {
background:transparent;
}
.agenda .events.topNews .main .description {
display: flex;
flex-direction: column-reverse;
color:#666;
padding:0;
overflow:hidden;
transition: all .3s ease;
}
.agenda .events.topNews .main .description header {
padding:1rem;
margin:0;
font-size:1.5rem;
display:block;
flex:1 1 0;
background:rgba(255,255,255,0.8);
border-bottom-right-radius:1rem;
text-align:left;
}
.agenda.invert .events.topNews .main .description header {
background:rgba(75,75,75,0.8);
}
.agenda .events.topNews .main .description header h3 {
padding:0rem;
font-weight:500;
}
.agenda .events.topNews .main .description .teaser {
display:block;
font-weight:200;
font-size:1rem;
font-style:italic;
margin-top:1rem;
color:#666;
}
.agenda.invert .events.topNews .main .description .teaser {
color:#ddd;
}
.agenda .events.topNews .main .description .date {
font-size:0.8rem;
font-weight:400;
padding:0.5rem;
transition: all .3s ease;
}
.agenda .events.topNews .main figure picture {
border-top-left-radius:1rem;
border-top-right-radius:1rem;
overflow:hidden;
}
@media (min-width: 576px) {
.agenda .events.topNews .main{
padding: 10px;
}
.agenda .events.topNews .main .description .date {
font-size:1rem;
}
}
@media (min-width: 768px) {
.agenda .events.topNews .main{
flex-direction:row;
}
.agenda .events.topNews .main .description {
border-right:10px solid transparent;
border-top-left-radius:1rem;
flex-direction: column;
border-bottom-left-radius:1rem;
}
.agenda .events.topNews .main figure picture {
border-top-left-radius:0rem;
border-bottom-right-radius:1rem;
border-bottom-left-radius:1rem;
}
.agenda .events.topNews .main .description .date {
padding-top:1rem;
}
}
@media (min-width: 1200px) {
.agenda .events.topNews{
flex-direction:row;
}
.agenda .events.topNews .doNotMiss span {
display: flex;
flex-direction: column;
justify-content: center;
box-shadow:inset 0 0 20px rgba(50,50,50,.35);
padding: 1rem;
margin: 0 0.5rem;
border-radius: 50%;
height: 100%;
background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
background-size: 400% 400%;
animation: animatedGradient 15s ease infinite;
z-index: 15;
}
}
/***************************************************************************** Agenda - Ligne de temps */
/***************************************************************************** Agenda - Blocks */
.agenda .events.timeline,
.agenda .events.blocks {
position:relative;
}
.agenda .events.timeline article .col,
.agenda .events.blocks article .col {
z-index:19;
}
.agenda .events.timeline article,
.agenda .events.blocks article {
display:block;
height:100%;
background:rgba(255,255,255,0.5);
border-top-left-radius:1rem;
border-top-right-radius:1rem;
border-bottom-right-radius:1rem;
overflow:visible;
transition: all .3s ease;
}
.agenda.invert .events.timeline article,
.agenda.invert .events.blocks article {
background:rgba(75,75,75,0.5);
}
.agenda .events.timeline article:hover,
.agenda .events.timeline article:focus,
.agenda .events.blocks article:hover,
.agenda .events.blocks article:focus {
background:rgba(255,255,255,1);
box-shadow: 0 0 10px rgba(50,50,50,0.2);
}
.agenda.invert .events.timeline article:hover,
.agenda.invert .events.timeline article:focus,
.agenda.invert .events.blocks article:hover,
.agenda.invert .events.blocks article:focus {
background:rgba(75,75,75,1);
}
.agenda .events.timeline article .main,
.agenda .events.blocks article .main {
display:flex;
flex-direction:column;
}
.agenda .events.timeline article .main .date,
.agenda .events.blocks article .main .date{
display:block;
font-size: 0.8rem;
padding:1rem;
transition: all .3s ease;
}
.agenda .events.timeline article .main .date .day,
.agenda .events.timeline article .main .date .month,
.agenda .events.blocks article .main .date .day,
.agenda .events.blocks article .main .date .month {
font-weight: 600;
}
.agenda .events.timeline article .main .desc,
.agenda .events.blocks article .main .desc {
color:#666;
padding:0 1rem;
display:flex;
flex-direction:column;
}
.agenda .events.timeline article .main .desc figure,
.agenda .events.blocks article .main .desc figure {
display: flex;
align-items: center;
padding:1rem;
background-color:rgba(50,50,50,1);
background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 30px, transparent 30px, transparent 60px);
overflow:hidden;
box-shadow: inset 0 0 15px #333;
transition: all .3s ease;
}
.agenda .events.timeline article .main .desc figure picture,
.agenda .events.blocks article .main .desc figure picture {
overflow:visible;
}
.agenda .events.timeline article .main .desc figure picture img,
.agenda .events.blocks article .main .desc figure picture img {
border:1px solid #ddd;
}
.agenda .events.timeline article .main .desc header,
.agenda .events.blocks article .main .desc header {
padding:1rem 0;
text-align: left;
}
.agenda .events.timeline article .main .desc header .title,
.agenda .events.blocks article .main .desc header .title {
font-weight: 400;
padding-top:0;
}
@media (min-width: 576px) {
.agenda .events.timeline article .main .date {
font-size: 1rem;
}
}
@media (min-width: 768px) {
/* Agenda - Ligne de temps */
.agenda .events.timeline article .main {
padding-bottom:1rem;
}
.agenda .events.timeline article .main .desc {
flex-direction:row;
}
.agenda .events.timeline article .main .desc header {
padding:0;
}
.agenda .events.timeline article .main .desc header.col-md-6 {
padding:0 0 0 1rem;
}
.agenda .events.timeline article .main .desc figure {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
}
/* Agenda - Blocks */
.agenda .events.blocks article {
height: 100%;
}
.agenda .events.blocks article .main .desc {
padding:0;
}
.agenda .events.blocks article .main .desc header {
padding:1rem;
}
}
@media (min-width: 992px) {
.agenda .events.timeline:before {
content: "";
display: flex;
flex-direction:column;
position: absolute;
z-index: 1;
width: 2px;
margin-top: -0.5rem;
left:23.6%;
height: 100%;
/* background: rgba(200,200,200,1);*/
background-image:linear-gradient(to bottom, transparent, rgb(200,200,200) 4%, rgb(200,200,200) 96%, transparent 100%);
}
.agenda.invert .events.timeline:before {
background: rgba(75,75,75,1);
}
.agenda .events.timeline article .main {
flex-direction:row;
}
.agenda .events.timeline article {
background:none !important;
}
.agenda .events.timeline article:hover,
.agenda .events.timeline article:focus,
.agenda.invert .events.timeline article:hover,
.agenda.invert .events.timeline article:focus {
background: none;
box-shadow: none;
}
.agenda .events.timeline article .main .date {
display: flex;
flex-direction: column;
justify-content: center;
}
.agenda .events.timeline article .main .date:before {
content: "";
position:absolute;
top: 50%;
height:2px;
margin-top:-1px;
left: 70%;
width: 23.3%;
transition: all 0.5s ease;
background-image: linear-gradient(90deg, transparent, rgba(200,200,200,1));
}
.agenda.invert .events.timeline article .main .date:before {
background-image: linear-gradient(90deg, transparent, rgba(75,75,75,1));
}
.agenda .events.timeline article .main:hover .date:before,
.agenda .events.timeline article .main:focus .date:before {
height: 100%;
top: 0;
left: 20%;
width: 73.3%;
}
.agenda .events.timeline article .main .date:after {
box-shadow: 0 0 0 2px rgba(200,200,200,1);
position:absolute;
top: 50%;
margin-top:-6px;
background: rgba(240,240,240,1);
border-radius: 50%;
height: 12px;
width: 12px;
content: "";
right: 5%;
z-index: 5;
}
.agenda.invert .events.timeline article .main .date:after {
box-shadow: 0 0 0 3px rgba(75,75,75,1);
background: rgba(50,50,50,1);
}
.agenda .events.timeline article .main .date .start,
.agenda .events.timeline article .main .date .end {
display: block;
margin-left: 1.4rem;
z-index:5;
}
.agenda .events.timeline article .main .date i {
position:absolute;
top:50%;
margin-top:-7px;
}
.agenda .events.timeline article .main .desc {
background:rgba(255,255,255,0.5);
border-top-left-radius:1rem;
border-top-right-radius:1rem;
border-bottom-right-radius:1rem;
overflow:hidden;
transition: all .3s ease;
padding:0;
}
.agenda.invert .events.timeline article .main .desc {
background:rgba(75,75,75,0.5);
}
.agenda .events.timeline article .main:hover .desc,
.agenda .events.timeline article .main:focus .desc {
background:rgba(255,255,255,1);
box-shadow: 0 0 10px rgba(50,50,50,0.2);
}
.agenda.invert .events.timeline article .main:hover .desc,
.agenda.invert .events.timeline article .main:focus .desc {
background:rgba(75,75,75,1);
box-shadow: 0 0 10px rgba(50,50,50,0.2);
}
.agenda .events.timeline article .main .desc figure {
border-top-right-radius: 0rem;
border-bottom-right-radius: 0rem;
}
.agenda .events.timeline article .main .desc header,
.agenda .events.timeline article .main .desc header.col-md-6 {
padding:1rem;
}
}
@media (min-width: 1200px) {
.agenda .events.timeline article .main .date {
padding-left: 2rem;
}
.agenda .events.timeline article .main .desc figure {
padding:0;
}
.agenda .events.timeline article .main .desc figure picture img {
border:none;
}
}
@media (min-width: 1400px) {
.agenda .events.timeline article .main .date {
padding-left: 5rem;
}
}
/***************************************************************************** Agenda - Wallcat */
.agenda .events.wallcat {
margin:0;
margin-bottom:1rem;
}
.agenda .events.wallcat>.col {
margin-bottom:0;
padding:0;
}
.agenda .events.wallcat article,
.agenda .events.wallcat article .main {
height:100%;
}
.agenda .events.wallcat article .main {
display: flex;
flex-wrap: wrap;
margin-bottom:0;
aspect-ratio: 4 / 3;
position: relative;
}
.agenda .events.wallcat article .main .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: black;
z-index: 10;
opacity: 0.5;
transition:all ease 0.5s;
}
.agenda .events.wallcat article .main:hover .overlay,
.agenda .events.wallcat article .main:focus .overlay {
opacity: 1;
}
.agenda .events.wallcat article .main .source {
position: absolute;
top: 0;
left: 0;
z-index: 15;
background: rgba(59,89,152,1);
color: white;
display: block;
padding: 0.25rem 0.5rem;
font-size: 0.8rem;
border-bottom-right-radius: 0.25rem;
}
.agenda .events.wallcat a:hover img,
.agenda .events.wallcat a:focus img {
-webkit-transform: none;
transform: none;
}
.agenda .events.wallcat article.cat23 .main .overlay { background: #a14d58; }
.agenda .events.wallcat article.cat22 .main .overlay { background: #be0943; }
.agenda .events.wallcat article.cat21 .main .overlay { background: #b8abab; }
.agenda .events.wallcat article.cat20 .main .overlay { background: #ed873f; }
.agenda .events.wallcat article.cat19 .main .overlay { background: #9b70aa; }
.agenda .events.wallcat article.cat18 .main .overlay { background: #f1ae00; }
.agenda .events.wallcat article.cat17 .main .overlay { background: #008d9b; }
.agenda .events.wallcat article.cat16 .main .overlay { background: #008eb8; }
.agenda .events.wallcat article.cat15 .main .overlay { background: #1d5b92; }
.agenda .events.wallcat article.cat23 figure::after { border-bottom-color: #a14d58; }
.agenda .events.wallcat article.cat22 figure::after { border-bottom-color: #be0943; }
.agenda .events.wallcat article.cat21 figure::after { border-bottom-color: #b8abab; }
.agenda .events.wallcat article.cat20 figure::after { border-bottom-color: #ed873f; }
.agenda .events.wallcat article.cat19 figure::after { border-bottom-color: #9b70aa; }
.agenda .events.wallcat article.cat18 figure::after { border-bottom-color: #f1ae00; }
.agenda .events.wallcat article.cat17 figure::after { border-bottom-color: #008d9b; }
.agenda .events.wallcat article.cat16 figure::after { border-bottom-color: #008eb8; }
.agenda .events.wallcat article.cat15 figure::after { border-bottom-color: #1d5b92; }
.agenda .events.wallcat article .info {
border: none;
position:absolute;
z-index:15;
padding:1rem;
padding-right:3rem;
bottom:0;
color:white !important;
display:block;
width:100%;
overflow:hidden;
text-shadow: 1px 1px 2px #000;
}
.agenda .events.wallcat article .info .nextYears {
font-weight:700;
position: absolute;
right: 0.5rem;
font-size: 0.9rem;
bottom: 0.5rem;
width: 2.5rem;
text-align: right;
}
.agenda .events.wallcat article .info .nextYears i{
padding:0;
}
.agenda .events.wallcat article header {
text-align:left;
}
.agenda .events.wallcat article .title {
font-weight:600;
padding-top:1rem;
color:white !important;
}
.agenda .events.wallcat article .cat {
display:block;
border-bottom:1px solid white;
margin-right:60px;
}
.agenda .events.wallcat article .cat span{
width:60px;
position:absolute;
border-bottom:1px solid white;
right: 2px;
bottom: -10px;
transform:rotate(20deg);
}
.agenda .events.wallcat article span.date {
text-transform:uppercase;
color:white;
font-size:1.3rem;
line-height: 1.3rem;
}
.agenda .events.wallcat article span.date span{
display:block;
}
.agenda .events.wallcat article span.date span.to {
text-transform:lowercase;
font-size:1rem;
}
.agenda .events.wallcat article figure {
overflow: hidden;
}
.agenda .events.wallcat article figure::after {
content: "";
position: absolute;
z-index: 2;
border-bottom: 450px solid rgba(255,255,255,1);
border-left: 100px solid transparent;
width: 0;
height: 0;
top: 0;
right: 0;
}
@media (min-width: 400px) {
.agenda .events.wallcat article span.date {
font-size:1.8rem;
line-height: 1.8rem;
}
.agenda .events.wallcat article .cat {
margin-top:1.8rem;
}
}
@media (min-width: 576px) {
.agenda .events.wallcat article .cat {
margin-top:0rem;
}
.agenda .events.wallcat article span.date {
font-size:1.2rem;
line-height: 1.2rem;
}
}
@media (min-width: 768px) {
.agenda .events.wallcat article .cat {
margin-top:1.8rem;
}
.agenda .events.wallcat article span.date {
font-size:1.5rem;
line-height: 1.5rem;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.agenda .events.wallcat article .cat {
margin-top:0rem;
}
.agenda .events.wallcat article span.date {
font-size:1.2rem;
line-height: 1.2rem;
}
}