.tri-evenement-wrapper article.tri-evenement-evenement {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
position: relative;
padding: 1rem;
background: white;
margin-bottom: 2%;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-image-wrapper {
position: relative;
width: 31%;
margin-right: 3%;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-details {
width: 66%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tri-evenement-wrapper article.tri-evenement-evenement a.tri-evenement-image-lien {
display: block;
position: relative;
padding-top: 67%;
overflow: hidden;
-webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 0.16);
box-shadow: 0 3px 8px rgb(0 0 0 / 0.16);
}
.tri-evenement-wrapper article.tri-evenement-evenement a.tri-evenement-image-lien > img {
width: 100%;
margin-bottom: 0;
padding-bottom: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
vertical-align: bottom;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-image-wrapper span.tri-evenement-date {
display: block;
position: absolute;
top: -1rem;
left: -1rem;
text-align: center;
color: white;
padding: 0.5rem;
z-index: 10;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-image-wrapper span.tri-evenement-date span.tri-evenement-jour {
font-size: 2.5em;
font-weight: 700;
line-height: 1;
display: block;
margin-bottom: 0.25rem;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-image-wrapper span.tri-evenement-date span.tri-evenement-date-mois-annee {
display: block;
font-size: 0.9em;
line-height: 1;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-details h4.tri-evenement-titre {
line-height: 1;
font-weight: 700;
font-size: 1.4em;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-details p.tri-evenement-desc {
margin-bottom: 1rem;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-details a.et_pb_button {
margin-bottom: 0;
margin-top: auto;
border: 0;
text-transform: uppercase;
} h2.month {
font-weight: 700;
text-transform: uppercase;
margin-bottom: 40px !important;
}
.calendar .day.has-event {
background: #f9e024 !important;
color: black !important;
font-weight: 600 !important;
}
.day.today.disabled {
background-color: #e5e5e5;
color: black;
font-weight: 700;
border:inherit !important;
}
.day.today {
background-color: #e5e5e5;
color: black;
font-weight: 700;
border:inherit !important;
}
.calendar .event-container{
background:#e5e5e5 !important;
}
.calendar .filler{
background:#e5e5e5 !important;
}
.calendar .event-container .event{
background:#f9e024 !important;
color: black !important;
font-weight:600;
}
.calendar .event-container .close:before, .calendar .event-container .close:after{
background-color:black !important;
}
.calendar{
color:black !important;
}
.calendar .day:hover{
border: 2px solid black !important;
} @media (max-width: 767px ) {
h2.month{
font-size:25px !important;
}
.tri-evenement-wrapper article.tri-evenement-evenement {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 3rem;
padding: 0;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-image-wrapper {
width: 100%;
margin-right: 0;
margin-bottom: 6%;
}
.tri-evenement-wrapper article.tri-evenement-evenement a.tri-evenement-image-lien {
padding-top: 60%;
margin-top: 1rem;
margin-left: 1rem;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-details {
width: 100%;
}
.tri-evenement-wrapper article.tri-evenement-evenement .tri-evenement-image-wrapper span.tri-evenement-date {
top: 0;
left: 0;
}
}.calendar {
position: relative;
overflow: hidden;
text-transform: capitalize;
text-align: center;
font: 15px/1em inherit;
color: #545A5C; }
.calendar a {
text-decoration: none;
color: inherit; }
.calendar > header {
position: relative;
z-index: auto;
top: unset;
bottom: unset;
left: unset;
height: unset;
}
.calendar header .simple-calendar-btn {
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: #CBD1D2;
border-radius: 50%;
border: 2px solid #CBD1D2; }
.calendar header .simple-calendar-btn:hover {
background: #CBD1D2;
color: white; }
.calendar header .simple-calendar-btn:before {
content: '';
position: absolute;
top: 8px;
left: 6px;
width: 8px;
height: 8px;
border-style: solid;
border-width: 3px 3px 0 0;
transform: rotate(45deg);
transform-origin: center center; }
.calendar header .btn-prev {
top: 0;
left: 0;
transform: rotate(-180deg); }
.calendar header .btn-next {
top: 0;
right: 0; }
.calendar header .btn-next:before {
transform: rotate(45deg); }
.calendar header .month {
padding: 0;
margin: 0; }
.calendar header .month .year {
font-size: 0.6em;
font-weight: 100; }
.calendar table {
width: 100%;
margin: 20px 0;
border-spacing: 0px;
border: none !important; }
.calendar thead {
font-size: 1.2em;
font-weight: 600; }
.calendar tr td {
padding: .8em .1em;
border: none; }
.calendar .day {
position: relative;
display: inline-block;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%;
border: 2px solid transparent;
cursor: pointer;
text-align: center; }
.calendar .day:hover {
border: 2px solid #6691CC; }
.calendar .day.today {
border-bottom: 2px solid #6691CC; }
.calendar .day.today.has-event:after {
background: white; }
.calendar .day.wrong-month {
color: #CBD1D2; }
.calendar .day.wrong-month:hover {
border: 2px solid transparent; }
.calendar .day.has-event {
background: #6691CC;
color: white; }
.calendar .day.disabled {
cursor: default; }
.calendar .day.disabled:hover {
border: 2px solid transparent; }
.calendar .day.disabled.today {
border-bottom: 2px solid #6691CC; }
.calendar .event-container {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 12% 12% 0 12%;
background: #545A5C;
box-sizing: border-box; }
.calendar .event-container .event-wrapper {
overflow-y: auto;
max-height: 100%; }
.calendar .event-container .close {
position: absolute;
width: 30px;
height: 30px;
top: 20px;
right: 20px;
cursor: pointer; }
.calendar .event-container .close:before, .calendar .event-container .close:after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
background-color: #CBD1D2; }
.calendar .event-container .close:before {
transform: rotate(45deg); }
.calendar .event-container .close:after {
transform: rotate(-45deg); }
.calendar .event-container .event {
position: relative;
width: 100%;
padding: 1em;
margin-bottom: 1em;
background: #6691CC;
border-radius: 4px;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
text-align: left;
color: white; }
.calendar .event-container .event-date {
margin-bottom: 1em; }
.calendar .event-container .event-hour {
float: right; }
.calendar .event-container .event-summary {
font-weight: 600; }
.calendar .filler {
position: absolute;
width: 0;
height: 0;
border-radius: 50%;
background: #545A5C;
transform: translate(-50%, -50%); }