@charset "UTF-8";
 * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
outline: none;
}
html, body {
width: 100%;
height: 100%;
}
ul {
list-style: none;
}
.d-inline-block {
display: block !important;
}
.d-none {
display: none !important;
}
.blue {
color: #0073D6 !important;
}
.medium {
color: #4E4C4D;
}
.white {
color: white !important;
}
@font-face {
font-family: 'Prata';
src: url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/Prata-Regular.eot?#iefix) format("embedded-opentype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/Prata-Regular.woff) format("woff"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/Prata-Regular.ttf) format("truetype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/Prata-Regular.svg#Prata-Regular) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'NunitoSans';
src: url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-Regular.eot?#iefix) format("embedded-opentype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-Regular.woff) format("woff"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-Regular.ttf) format("truetype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-Regular.svg#NunitoSans-Regular) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'NunitoSans';
src: url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-SemiBold.eot?#iefix) format("embedded-opentype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-SemiBold.woff) format("woff"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-SemiBold.ttf) format("truetype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-SemiBold.svg#NunitoSans-SemiBold) format("svg");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'NunitoSans';
src: url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-ExtraBold.woff) format("woff"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-ExtraBold.ttf) format("truetype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-ExtraBold.svg#NunitoSans-ExtraBold) format("svg");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'NunitoSans';
src: url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-Black.eot?#iefix) format("embedded-opentype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-Black.woff) format("woff"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-Black.ttf) format("truetype"), url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/fonts/NunitoSans-Black.svg#NunitoSans-Black) format("svg");
font-weight: 900;
font-style: normal;
}
.big-title {
display: block;
padding-top: 10px;
font-size: 92px;
line-height: 100px;
font-family: 'Prata';
color: #272727;
margin-bottom: 64px;
}
.title {
font-size: 32px;
line-height: 38px;
font-family: 'Prata';
color: #272727;
font-weight: 400;
margin-bottom: 20px;
}
.small-title {
font-size: 24px;
line-height: 26px;
font-family: 'Prata';
color: #272727;
font-weight: 400;
margin-bottom: 20px;
}
.tagline {
font-size: 16px;
text-transform: uppercase;
color: #4E4C4D;
}
.subtitle {
font-size: 24px;
color: #4E4C4D;
}
.text-shadow {
text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1199px) {
.big-title {
font-size: 64px;
line-height: 68px;
margin-bottom: 64px;
}
.title {
font-size: 28px;
line-height: 32px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.big-title {
font-size: 48px;
line-height: 48px;
margin-bottom: 32px;
}
}
@media screen and (max-width: 479px) {
.big-title {
font-size: 32px;
line-height: 36px;
margin-bottom: 16px;
}
.title {
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
}
.btn {
display: inline-block !important;
font-size: 16px;
font-weight: 900;
text-transform: uppercase;
background-color: transparent;
color: #272727;
text-decoration: none;
-webkit-transition: background-color .3s, color .3s;
transition: background-color .3s, color .3s;
border: 2px solid #272727;
padding: 0 8px;
}
.btn:hover {
background-color: #272727;
color: white;
}
.btn-primary {
margin-top: 16px;
font-size: 14px;
border: 1px solid #0089F6;
color: #0089F6 !important;
font-weight: 400 !important;
}
.btn-primary:hover {
background-color: #0089F6;
color: white !important;
}
.btn-primary-reverse {
background-color: #0073D6 !important;
color: white !important;
font-weight: 700 !important;
}
.btn-primary-reverse:hover {
background-color: transparent !important;
color: #0073D6 !important;
}
@media screen and (max-width: 479px) {
.btn {
font-size: 13px;
font-weight: 700;
}
}
.hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em auto;
padding: 0;
}
.w-25 {
width: 25%;
}
.w-50 {
width: 50%;
}
.w-75 {
width: 75px;
}
.w-100 {
width: 100% !important;
}
.fixed-ratio-1-1 {
position: relative;
}
.fixed-ratio-1-1 .content {
position: absolute;
}
.fixed-ratio-1-1:after {
content: '';
display: block;
padding-top: 100%;
}
.fixed-ratio-4-3 {
position: relative;
}
.fixed-ratio-4-3 .content {
position: absolute;
}
.fixed-ratio-4-3:after {
content: '';
display: block;
padding-top: 75%;
}
.fixed-ratio-16-9 {
position: relative;
}
.fixed-ratio-16-9 .content {
position: absolute;
}
.fixed-ratio-16-9:after {
content: '';
display: block;
padding-top: 56.25%;
}
.img-fit {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
overflow: hidden;
}
.round {
border-radius: 50%;
}
.bg-default {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.bg-style {
background-position: center center;
background-repeat: no-repeat;
}
.bg-fixed {
background-attachment: fixed;
}
.overlay {
position: relative;
}
.overlay:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.15;
} .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::-moz-selection {
background: transparent;
}
.leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
-webkit-filter: inherit;
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
} .leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
} .leaflet-bar {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
} .leaflet-control-layers {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path {
background-image: url(//www.jeanmauricevezina.ca/wp-content/themes/jmvezina/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
-webkit-box-shadow: none;
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
-webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
html, body {
font-family: 'NunitoSans', Arial;
font-size: 18px;
font-weight: 400;
color: #272727;
}
html p, body p {
margin-bottom: 16px;
}
@media screen and (max-width: 1199px) {
html, body {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
html, body {
font-size: 15px;
}
html p, body p {
margin-bottom: 8px;
}
}
body {
position: relative;
padding-top: 60px;
padding-left: 82px;
}
@media screen and (max-width: 1049px) {
body {
position: relative;
padding-top: 48px;
padding-left: 0;
}
}
.slash {
width: 200%;
height: 350px;
position: fixed;
left: -50%;
-webkit-transform: rotate(-21.7deg);
transform: rotate(-21.7deg);
z-index: 1;
opacity: 0.5;
}
.slash-blue {
top: 300%;
background-color: #0073D6;
}
.slash-grey {
top: 64%;
background-color: #4E4C4D;
opacity: 0.1;
}
.slash-white {
top: 200%;
background-color: white;
opacity: 0.35;
}
.wrapper {
position: relative;
z-index: 2;
max-width: 1840px;
width: 100%;
margin: 0 auto;
padding: 0 120px;
}
@media screen and (max-width: 991px) {
.wrapper {
padding: 0 64px;
}
}
@media screen and (max-width: 479px) {
.wrapper {
padding: 0 32px;
}
}
header {
width: 100%;
height: 60px;
position: fixed;
top: 0;
left: 0;
background-color: #272727;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 5;
}
header .logo {
margin-left: 96px;
}
header nav {
display: inline-block;
}
header nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header nav ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header nav ul li a {
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 32px;
color: white;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
text-align: center;
}
header nav ul li:first-child a {
height: auto;
border-right: 2px solid white;
margin-right: 32px;
}
header nav ul li:nth-child(2) {
background-color: #B1B4B3;
-webkit-transition: .3s;
transition: .3s;
}
header nav ul li:nth-child(2):hover {
background-color: #cbcdcc;
}
header nav ul li:nth-child(3) {
background-color: #4E4C4D;
-webkit-transition: .3s;
transition: .3s;
}
header nav ul li:nth-child(3):hover {
background-color: #686567;
}
header nav ul li:last-child {
background-color: #0089F6;
-webkit-transition: .3s;
transition: .3s;
}
header nav ul li:last-child:hover {
background-color: #2aa1ff;
}
header .open-mobile-menu {
display: none;
margin-right: 64px;
cursor: pointer;
}
header .open-mobile-menu path {
fill: white;
}
header .close-mobile-menu {
display: none;
margin-right: 64px;
cursor: pointer;
}
header .close-mobile-menu path {
fill: white;
}
@media screen and (max-width: 1349px) {
header {
height: 60px;
}
header .logo {
margin-left: 96px;
}
header nav ul li:first-child a {
margin-right: 16px;
}
header nav ul li a {
padding: 0 16px;
font-size: 12px;
}
}
@media screen and (max-width: 1049px) {
header {
height: 48px;
}
header .logo {
margin-left: 64px;
}
header .logo img {
max-width: 320px;
}
header nav {
display: none;
}
header .open-mobile-menu {
display: block;
}
}
@media screen and (max-width: 479px) {
header {
height: 48px;
}
header .logo {
margin-left: 32px;
}
header .logo img {
max-width: 256px;
}
header .open-mobile-menu {
margin-right: 32px;
}
header .close-mobile-menu {
margin-right: 32px;
}
}
@media screen and (max-width: 379px) {
header {
height: 48px;
}
header .logo {
margin-left: 32px;
}
header .logo img {
max-width: 196px;
}
header .open-mobile-menu {
margin-right: 32px;
}
header .close-mobile-menu {
margin-right: 32px;
}
}
.sidebar-nav {
position: fixed;
top: 60px;
left: 0;
background-color: #4E4C4D;
max-width: 82px;
width: 100%;
height: 100%;
z-index: 9;
}
.sidebar-nav .block-menu {
display: block;
background: white;
width: 82px;
}
.sidebar-nav .block-menu li {
display: inline-block;
width: 82px;
height: 82px;
}
.sidebar-nav .block-menu li a {
width: 100%;
height: 85px;
color: #fff;
display: block;
text-decoration: none;
overflow: visible;
font-size: 13px;
font-weight: 700;
}
.sidebar-nav .three-d {
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transition: all .07s linear;
transition: all .07s linear;
position: relative;
cursor: pointer;
}
.sidebar-nav .three-d:hover .three-d-box,
.sidebar-nav .three-d:focus .three-d-box {
-webkit-transform: translateZ(-25px) rotateY(-90deg);
transform: translateZ(-25px) rotateY(-90deg);
}
.sidebar-nav .block-menu li.active .three-d .three-d-box {
-webkit-transform: translateZ(-25px) rotateY(-90deg);
transform: translateZ(-25px) rotateY(-90deg);
}
.sidebar-nav .three-d-box {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: translatez(-25px);
transform: translatez(-25px);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.sidebar-nav .front {
-webkit-transform: rotatex(0deg) translatez(40px);
transform: rotatex(0deg) translatez(40px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sidebar-nav .back {
-webkit-transform: rotateY(90deg) translatez(40px);
transform: rotateY(90deg) translatez(40px);
color: #ffe7c4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.sidebar-nav .front, .sidebar-nav .back {
background: #4E4C4D;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 8px;
color: white;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sidebar-nav .block-menu li.active .three-d .three-d-box .front,
.sidebar-nav .block-menu li.active .three-d .three-d-box .back {
background-color: #0073D6;
}
.single-equipe aside .menu-primary-container .menu .team {
background-color: #0073D6;
}
.mobile-menu {
display: none;
}
@media screen and (max-width: 1049px) {
aside {
display: none;
}
.mobile-menu {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #272727;
z-index: 3;
}
.mobile-menu .menu-menu-mobile-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.mobile-menu .menu-menu-mobile-container ul li {
text-align: center;
padding: 4px 0;
}
.mobile-menu .menu-menu-mobile-container ul li a {
text-decoration: none;
font-size: 24px;
font-weight: 700;
color: #B1B4B3;
}
.mobile-menu .menu-menu-mobile-container ul li.current_page_item a {
color: white;
}
}
#modal-newsletter {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.75);
z-index: 9;
}
#modal-newsletter .card {
position: relative;
max-width: 800px;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.25);
}
#modal-newsletter .card .close-newsletter-modal {
position: absolute;
top: 16px;
right: 16px;
cursor: pointer;
}
#modal-newsletter .card .title {
text-transform: initial;
color: #272727;
font-size: 32px;
line-height: 38px;
margin-bottom: 32px;
}
#modal-newsletter .card form .frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#modal-newsletter .card form .frame input {
width: calc(100% / 2 - 24px);
font-size: 16px;
border: 1px solid #B1B4B3;
padding: 8px;
}
#modal-newsletter .card form .frame input::-webkit-input-placeholder {
text-transform: uppercase;
}
#modal-newsletter .card form .frame input:-ms-input-placeholder {
text-transform: uppercase;
}
#modal-newsletter .card form .frame input::-ms-input-placeholder {
text-transform: uppercase;
}
#modal-newsletter .card form .frame input::placeholder {
text-transform: uppercase;
}
#modal-newsletter .card form .btn-newsletter {
margin-top: 24px;
cursor: pointer;
padding: 16px 24px;
border: none;
text-transform: initial;
font-size: 18px !important;
font-weight: 700 !important;
}
#modal-newsletter .card form .btn-newsletter:hover {
background-color: #0a8eff !important;
color: white !important;
}
@media screen and (max-width: 767px) {
#modal-newsletter .card form .frame {
display: block;
}
#modal-newsletter .card form .frame input {
width: 100%;
font-size: 16px;
border: 1px solid #B1B4B3;
padding: 8px;
margin-bottom: 16px;
}
}
.hero-banner {
width: 100%;
min-height: 100vh;
padding-top: 64px;
padding-bottom: 128px;
}
.hero-banner .wrapper {
width: 100%;
height: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 32px;
}
.hero-banner .wrapper .picture {
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hero-banner .wrapper .picture .big-title {
margin: 50px 0 0 0;
padding: 0;
line-height: 90%;
}
.hero-banner .wrapper .picture .logo-square {
max-width: 100px;
max-height: 100px;
width: 100%;
height: 100%;
opacity: .5;
}
.hero-banner .wrapper .picture img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
overflow: hidden;
}
.hero-banner .wrapper .boxes {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
}
.hero-banner .wrapper .boxes .box {
position: relative;
text-decoration: none;
color: white;
font-size: 30px;
font-weight: 400;
line-height: 32px;
text-transform: uppercase;
overflow: hidden;
min-height: 300px;
}
.hero-banner .wrapper .boxes .box .bg-layer {
width: 100%;
height: 100%;
position: relative;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.hero-banner .wrapper .boxes .box:hover .bg-layer {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.hero-banner .wrapper .boxes .box1 {
padding: 45px 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1 / 3;
}
.hero-banner .wrapper .boxes .box1 .box-content {
position: absolute;
max-width: 496px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hero-banner .wrapper .boxes .box1 .box-content img {
border: 1px solid white;
padding: 12px;
margin-left: 16px;
}
.hero-banner .wrapper .boxes .box2 {
font-size: 24px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-banner .wrapper .boxes .box2 .box-content {
border: 2px solid white;
padding: 12px;
margin: 0 12px;
}
.hero-banner .wrapper .boxes .box2 .box-content img {
display: none;
}
.hero-banner .wrapper .boxes .box3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 25px;
}
.hero-banner .wrapper .boxes .box3 .box-content {
max-width: 260px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hero-banner .wrapper .boxes .box3 .box-content img {
border: 1px solid white;
padding: 12px;
margin-left: 16px;
margin-bottom: 8px;
}
.hero-banner .wrapper .boxes .logo2 {
-ms-grid-column: 2;
grid-column: 2;
}
.hero-banner .wrapper .boxes .logo2 img {
float: right;
}
@media screen and (max-width: 1499px) {
.hero-banner {
padding-top: 64px;
padding-bottom: 64px;
height: auto;
}
.hero-banner .wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: min-content 1fr;
grid-template-rows: -webkit-min-content 1fr;
grid-template-rows: min-content 1fr;
grid-gap: 16px;
}
.hero-banner .wrapper .picture .logo-square {
display: none;
}
.hero-banner .wrapper .picture .big-title {
margin-bottom: 24px;
}
.hero-banner .logo2 {
position: absolute;
top: 0;
right: 120px;
}
}
@media screen and (max-width: 991px) {
.hero-banner {
padding-top: 64px;
padding-bottom: 64px;
height: auto;
}
.hero-banner .wrapper .boxes .logo2 {
position: absolute;
top: 0;
right: 64px;
}
}
@media screen and (max-width: 829px) {
.hero-banner .wrapper .boxes .box {
font-size: 24px;
line-height: 26px;
padding: 0;
}
.hero-banner .wrapper .boxes .box .box-content {
padding: 25px;
}
.hero-banner .wrapper .boxes .box .box-content img {
width: 28px;
height: 28px;
padding: 4px;
margin-left: 8px;
}
}
@media screen and (max-width: 767px) {
.hero-banner {
height: auto;
padding-top: 32px;
padding-bottom: 32px;
}
.hero-banner .wrapper .boxes {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
-webkit-column-gap: 0;
column-gap: 0;
}
.hero-banner .wrapper .boxes .box {
position: relative;
min-height: initial;
}
.hero-banner .wrapper .boxes .box .bg-layer {
width: 100%;
height: 100%;
position: relative;
}
.hero-banner .wrapper .boxes .box .bg-layer:after {
content: '';
display: block;
padding-top: 50%;
}
.hero-banner .wrapper .boxes .box1 {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1 / 4;
padding: 0;
}
.hero-banner .wrapper .boxes .box1 .box-content {
position: absolute;
padding: 25px;
}
.hero-banner .wrapper .boxes .box1 .box-content img {
width: 28px;
height: 28px;
padding: 4px;
margin-left: 8px;
}
.hero-banner .wrapper .boxes .box2 {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1 / 4;
padding: 0;
}
.hero-banner .wrapper .boxes .box2 .box-content {
margin: 0;
position: absolute;
}
.hero-banner .wrapper .boxes .box3 {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1 / 4;
padding: 0;
}
.hero-banner .wrapper .boxes .box3 .box-content {
max-width: initial;
position: absolute;
padding: 25px;
}
.hero-banner .wrapper .boxes .box3 .box-content img {
width: 28px;
height: 28px;
padding: 4px;
margin-left: 8px;
}
.hero-banner .wrapper .boxes .logo2 {
grid-column: initial;
width: 30%;
right: 64px;
}
.hero-banner .wrapper .boxes .logo2 img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 559px) {
.hero-banner .logo2 {
width: 20%;
}
}
@media screen and (max-width: 479px) {
.hero-banner .wrapper .boxes .box {
font-size: 16px;
line-height: 20px;
}
.hero-banner .wrapper .boxes .box .box-content {
padding: 12px;
}
.hero-banner .wrapper .boxes .logo2 {
grid-column: initial;
width: 30%;
right: 32px;
}
.hero-banner .wrapper .boxes .logo2 img {
width: 100%;
height: auto;
}
}
.presentation {
background-color: #1f1f1f;
padding-top: 128px;
padding-bottom: 120px;
margin-top: -64px;
}
.presentation .wrapper .frame {
background-color: #eaebed;
padding: 90px 64px 50px 128px;
}
.presentation .wrapper .frame .photo {
max-width: 620px;
width: 50%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
overflow: hidden;
float: right;
}
@media screen and (max-width: 1499px) {
.presentation {
margin-top: 0;
padding-top: 120px;
}
.presentation .wrapper .frame {
padding: 90px 64px 50px 72px;
}
}
@media screen and (max-width: 991px) {
.presentation {
padding-top: 64px;
padding-bottom: 64px;
}
.presentation .wrapper .frame {
text-align: center;
padding: 64px;
}
.presentation .wrapper .frame .photo {
max-width: 320px;
width: 100%;
height: auto;
float: initial;
}
.presentation .wrapper .frame h1, .presentation .wrapper .frame p {
text-align: left;
}
}
@media screen and (max-width: 767px) {
.presentation .wrapper .frame {
padding: 32px;
}
}
.banner {
width: 100%;
min-height: calc(100vh - 60px);
height: auto;
padding: 72px 0;
}
.banner .wrapper .flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.banner .wrapper .flexbox .card {
width: calc(100% / 2 - 32px);
}
.banner .wrapper .flexbox .card-right {
margin-left: auto;
}
.banner .wrapper .flexbox .card-with-links {
width: calc(100% / 4 - 16px);
}
.banner .wrapper .flexbox .card-with-links a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.banner .wrapper .flexbox .slogan-top {
display: none;
}
.banner .wrapper .flexbox .slogan-bottom {
display: block;
}
.banner .wrapper .flexbox .clip {
width: calc(100% / 3 - 32px);
}
.banner .wrapper .flexbox .clip .player p iframe {
width: 100%;
}
.banner .wrapper .flexbox.align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 1299px) {
.banner .wrapper .flexbox .card-with-links {
width: calc(100% / 2 - 16px);
}
.banner .wrapper .flexbox .slogan {
width: 100% !important;
}
.banner .wrapper .flexbox .slogan-top {
display: block;
}
.banner .wrapper .flexbox .slogan-bottom {
display: none;
}
.banner .wrapper .flexbox .clip {
width: calc(100% / 2 - 16px);
margin-bottom: 32px;
}
}
@media screen and (max-width: 1199px) {
.banner {
width: 100%;
min-height: initial;
height: auto;
padding: 72px 0;
}
.banner .wrapper .flexbox {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.banner .wrapper .flexbox .card {
width: calc(100% / 2 - 32px);
}
.banner .wrapper .flexbox.align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width: 1049px) {
.banner {
padding: 72px 0;
}
.banner .wrapper .flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.banner .wrapper .flexbox .card {
width: 100%;
}
.banner .wrapper .flexbox .clip {
width: 100%;
}
.banner .wrapper .flexbox.align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width: 991px) {
.banner .wrapper .flexbox .ghost {
display: none;
}
}
.card {
width: 100%;
background-color: rgba(255, 255, 255, 0.75);
padding: 16px 24px 50px;
}
.card a {
color: #272727;
text-decoration: none;
}
.card ul {
padding-left: 20px;
margin-bottom: 16px;
}
.card ul li:before {
content: "\2022";
color: #0073D6;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.card h1, .card h2, .card h3 {
text-transform: uppercase;
color: #0073D6;
font-size: 22px;
margin-bottom: 16px;
}
.card a.bg-blue {
display: block;
padding: 4px 8px;
margin-bottom: 8px;
text-decoration: none;
background-color: #0073D6;
color: white;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
}
.card a.bg-blue:before {
content: '+';
font-weight: 700;
margin-right: 8px;
}
.card .card-title {
font-family: 'Prata';
font-weight: 400;
font-size: 56px;
margin-bottom: 24px;
}
.card .card-subtitle {
font-family: 'Prata';
font-weight: 400;
font-size: 32px;
line-height: 38px;
margin-bottom: 16px;
text-transform: initial;
color: #272727;
}
.card.bg-none {
background-color: transparent;
}
.card.p-0 {
padding: 0;
}
@media screen and (max-width: 1199px) {
.card {
padding: 16px 24px 50px;
margin-bottom: 32px;
}
.card .card-title {
font-size: 48px;
margin-bottom: 24px;
}
.card .card-subtitle {
font-size: 20px;
line-height: 24px;
margin-bottom: 16px;
}
}
@media screen and (max-width: 767px) {
.card {
padding: 16px 24px 50px;
}
.card .card-title {
font-size: 32px;
}
}
.accordion .acc-header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 12px;
padding: 8px 32px 8px 48px;
font-size: 16px;
text-transform: uppercase;
color: #0073D6;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.75);
}
.accordion .acc-header span {
font-weight: 700;
}
.accordion .acc-header:before {
position: absolute;
left: 16px;
content: '+';
font-size: 22px;
font-weight: 900;
border: 1px solid #0073D6;
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.accordion .acc-header.active:before {
content: '-';
background-color: #0073D6;
color: white;
}
.accordion .acc-content {
padding: 0 32px 16px 48px;
background-color: rgba(255, 255, 255, 0.75);
}
@media screen and (max-width: 479px) {
.accordion .acc-header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 12px;
padding: 8px 32px 8px 48px;
font-size: 14px;
text-transform: uppercase;
color: #0073D6;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.75);
}
.accordion .acc-header span {
font-weight: 700;
}
.accordion .acc-header:before {
position: absolute;
left: 16px;
content: '+';
font-size: 22px;
font-weight: 900;
border: 1px solid #0073D6;
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.accordion .acc-header.active:before {
content: '-';
background-color: #0073D6;
color: white;
}
.accordion .acc-content {
padding: 0 32px 16px 48px;
background-color: rgba(255, 255, 255, 0.75);
}
}
.card-member {
position: relative;
background-color: #272727;
}
.card-member .frame {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #272727;
color: white;
height: 100%;
}
.card-member .frame .card-photo {
position: relative;
width: 50%;
overflow: hidden;
}
.card-member .frame .card-photo .little-triangle {
position: absolute;
top: 16%;
right: -10px;
width: 16px;
height: 16px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #272727;
}
.card-member .frame .card-photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
vertical-align: bottom;
}
.card-member .frame .card-infos {
position: relative;
width: 50%;
padding: 16px 20px 16px 30px;
}
.card-member .frame .card-infos .member-name {
font-family: 'Prata';
color: #0089F6;
font-size: 32px;
line-height: 36px;
}
.card-member .frame .card-infos .member-acquired, .card-member .frame .card-infos ul li {
font-size: 12px;
text-transform: uppercase;
}
.card-member .frame .card-infos .member-acquired {
margin-bottom: 16px;
}
.card-member .frame .card-infos .member-email {
display: inline-block;
height: 21px;
margin-right: 4px;
-webkit-transition: .3s;
transition: .3s;
}
.card-member .frame .card-infos .member-email:hover {
-webkit-filter: brightness(120%);
filter: brightness(120%);
}
.card-member .frame .card-infos .links {
margin-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.card-member .frame .card-infos .links .member-email {
display: inline-block;
height: 21px;
margin-right: 4px;
-webkit-transition: .3s;
transition: .3s;
}
.card-member .frame .card-infos .links .member-email:hover {
-webkit-filter: brightness(165%);
filter: brightness(165%);
}
.card-member .frame .card-infos .links .btn {
margin: 0;
font-size: 12px;
}
@media screen and (max-width: 364px) {
.card-member .frame .card-infos .links {
display: block;
}
}
.card-member:after {
content: '';
display: block;
padding-top: 50%;
}
.card-member:nth-child(4) .frame, .card-member:nth-child(5) .frame, .card-member:nth-child(6) .frame, .card-member:nth-child(10) .frame, .card-member:nth-child(11) .frame, .card-member:nth-child(12) .frame {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.card-member:nth-child(4) .frame .card-photo .little-triangle, .card-member:nth-child(5) .frame .card-photo .little-triangle, .card-member:nth-child(6) .frame .card-photo .little-triangle, .card-member:nth-child(10) .frame .card-photo .little-triangle, .card-member:nth-child(11) .frame .card-photo .little-triangle, .card-member:nth-child(12) .frame .card-photo .little-triangle {
right: initial;
left: -10px;
}
@media screen and (max-width: 1620px) {
.card-member .frame .card-infos .member-name {
font-size: 28px;
line-height: 32px;
}
}
@media screen and (max-width: 1499px) {
.card-member .frame .card-infos .member-name {
font-size: 25px;
line-height: 28px;
}
}
@media screen and (max-width: 1499px) and (min-width:1200px) {
.card-member .frame .card-infos .member-acquired, .card-member .frame .card-infos ul li{
font-size: 10px;
}
.card-member .frame .card-infos .member-name {
font-size: 20px;
line-height: 21px;
}
.card-member .frame .card-infos .member-acquired {
margin-bottom: 5px;
}
}
@media screen and (max-width: 1199px) {
.card-member:nth-child(even) .frame {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.card-member:nth-child(even) .frame .card-photo .little-triangle {
right: initial !important;
left: -10px !important;
}
.card-member:nth-child(odd) .frame {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.card-member:nth-child(odd) .frame .card-photo .little-triangle {
left: initial !important;
right: -10px !important;
}
}
@media screen and (max-width: 479px) {
.card-member .frame .card-infos {
padding: 16px;
}
.card-member .frame .card-infos .member-name {
font-size: 17px !important;
line-height: 20px !important;
}
.card-member .frame .card-infos .member-acquired {
margin-bottom: 8px;
font-size: 11px;
}
.card-member .frame .card-infos .functions li:not(:first-child) {
display: none !important;
}
}
.all-functions .functions {
margin-top: 32px;
}
.all-functions .functions li {
color: #4E4C4D;
font-size: 18px;
}
.all-functions a {
text-decoration: none;
color: #4E4C4D;
display: block;
font-weight: 700;
}
.all-functions a span {
font-weight: initial;
}
.all-functions a:first-of-type {
margin-top: 24px;
}
@media screen and (max-width: 991px) {
.all-functions .functions {
margin-top: 16px;
}
.all-functions .functions li {
color: #B1B4B3;
font-size: 18px;
}
.all-functions a {
text-decoration: none;
color: #4E4C4D;
display: block;
font-weight: 700;
}
.all-functions a span {
font-weight: initial;
}
.all-functions a:first-of-type {
margin-top: 24px;
}
}
.team-homepage {
position: relative;
background-color: #272727;
}
.team-homepage .content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 2;
}
.team-homepage .content .card-member {
width: 33.3333%;
}
.team-homepage .content .punch-line {
margin: 0;
padding: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 66%;
}
@media screen and (max-width: 1199px) {
.team-homepage .content {
max-width: 1024px;
width: 100%;
margin: 0 auto;
}
.team-homepage .content .card-member {
width: 100%;
}
.team-homepage .content .punch-line {
color: white !important;
}
}
.wrap {
margin-bottom: 48px;
}
.wrap:nth-child(n+4):nth-child(-n+6) .frame {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.wrap:nth-child(n+4):nth-child(-n+6) .frame .card-infos .little-triangle {
left: initial;
right: -5px;
}
.team-page {
position: relative;
}
.team-page .wrapper .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 72px;
}
.team-page .wrapper .content .wrap {
width: calc(100% / 3 - 16px);
}
.team-page .wrapper .content .wrap .card-member {
position: relative;
}
.team-page .wrapper .content .wrap .card-member .card-infos {
position: relative;
}
.team-page .wrapper .content .wrap .card-member .card-infos .member-name {
font-size: 28px;
line-height: 30px;
}
.team-page .wrapper .content .wrap .card-member .card-infos .functions .function {
font-size: 11px;
}
.team-page .wrapper .content .wrap .card-member .card-infos .functions .function:not(:first-child) {
display: none;
}
.team-page .wrapper .content .wrap:nth-child(4) .card-member .frame, .team-page .wrapper .content .wrap:nth-child(5) .card-member .frame, .team-page .wrapper .content .wrap:nth-child(6) .card-member .frame, .team-page .wrapper .content .wrap:nth-child(10) .card-member .frame, .team-page .wrapper .content .wrap:nth-child(11) .card-member .frame, .team-page .wrapper .content .wrap:nth-child(12) .card-member .frame {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.team-page .wrapper .content .wrap:nth-child(4) .card-member .frame .card-photo .little-triangle, .team-page .wrapper .content .wrap:nth-child(5) .card-member .frame .card-photo .little-triangle, .team-page .wrapper .content .wrap:nth-child(6) .card-member .frame .card-photo .little-triangle, .team-page .wrapper .content .wrap:nth-child(10) .card-member .frame .card-photo .little-triangle, .team-page .wrapper .content .wrap:nth-child(11) .card-member .frame .card-photo .little-triangle, .team-page .wrapper .content .wrap:nth-child(12) .card-member .frame .card-photo .little-triangle {
right: initial;
left: -10px;
}
@media screen and (max-width: 1599px) {
.team-page .wrapper .content .wrap:nth-child(3) .card-member .frame,
.team-page .wrapper .content .wrap:nth-child(4) .card-member .frame,
.team-page .wrapper .content .wrap:nth-child(7) .card-member .frame,
.team-page .wrapper .content .wrap:nth-child(8) .card-member .frame {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.team-page .wrapper .content .wrap:nth-child(3) .card-member .frame .card-photo .little-triangle,
.team-page .wrapper .content .wrap:nth-child(4) .card-member .frame .card-photo .little-triangle,
.team-page .wrapper .content .wrap:nth-child(7) .card-member .frame .card-photo .little-triangle,
.team-page .wrapper .content .wrap:nth-child(8) .card-member .frame .card-photo .little-triangle {
right: initial !important;
left: -10px !important;
}
.team-page .wrapper .content .wrap:nth-child(1) .card-member .frame,
.team-page .wrapper .content .wrap:nth-child(2) .card-member .frame,
.team-page .wrapper .content .wrap:nth-child(5) .card-member .frame,
.team-page .wrapper .content .wrap:nth-child(6) .card-member .frame {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.team-page .wrapper .content .wrap:nth-child(1) .card-member .frame .card-photo .little-triangle,
.team-page .wrapper .content .wrap:nth-child(2) .card-member .frame .card-photo .little-triangle,
.team-page .wrapper .content .wrap:nth-child(5) .card-member .frame .card-photo .little-triangle,
.team-page .wrapper .content .wrap:nth-child(6) .card-member .frame .card-photo .little-triangle {
left: initial !important;
right: -10px !important;
}
}
@media screen and (max-width: 1149px) {
.team-page .wrapper .content .wrap:nth-child(even) .card-member .frame {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.team-page .wrapper .content .wrap:nth-child(even) .card-member .frame .card-photo .little-triangle {
right: initial !important;
left: -10px !important;
}
.team-page .wrapper .content .wrap:nth-child(odd) .card-member .frame {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.team-page .wrapper .content .wrap:nth-child(odd) .card-member .frame .card-photo .little-triangle {
left: initial !important;
right: -10px !important;
}
}
@media screen and (max-width: 479px) {
.team-page .wrapper .content .wrap .card-member .frame .card-infos .member-name {
font-size: 20px;
line-height: 22px;
}
.team-page .wrapper .content .wrap .card-member .frame .card-infos .member-acquired {
margin-bottom: 8px;
font-size: 11px;
}
.team-page .wrapper .content .wrap .card-member .frame .card-infos .functions li:not(:first-child) {
display: none !important;
}
}
@media screen and (max-width: 1599px) {
.team-page .wrapper .content .wrap {
width: calc(100% / 2 - 16px);
}
}
@media screen and (max-width: 1149px) {
.team-page .wrapper .content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.team-page .wrapper .content .wrap {
width: 75%;
}
}
@media screen and (max-width: 669px) {
.team-page .wrapper {
padding: 0 16px;
}
.team-page .wrapper .content .wrap {
width: 100%;
}
}
.member-page .wrapper .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.member-page .wrapper .content .member-infos {
width: calc(100% / 2 - 16px);
}
.member-page .wrapper .content .member-description {
width: calc(100% / 2 - 16px);
}
@media screen and (max-width: 1299px) {
.member-page .wrapper .content {
display: block;
}
.member-page .wrapper .content .member-infos {
width: 100%;
}
.member-page .wrapper .content .member-description {
width: 100%;
margin-top: 53px;
}
}
.trust {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100vh;
overflow: hidden;
}
.trust .bg-word {
position: absolute;
white-space: nowrap;
font-size: 14vw;
color: rgba(0, 0, 0, 0.25);
text-transform: uppercase;
font-weight: 900;
}
.trust a {
text-decoration: none;
margin: 0;
width: 45%;
position: relative;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
color: white;
text-align: center;
z-index: 2;
}
@media screen and (max-width: 1199px) {
.trust {
padding-top: 128px;
padding-bottom: 128px;
height: auto;
}
}
@media screen and (max-width: 991px) {
.trust a {
width: 80%;
font-size: 18px;
}
}
footer {
position: relative;
z-index: 1;
background-image: url(https://www.jeanmauricevezina.ca/wp-content/uploads/2024/12/main-bg-footer1.png);
background-position: center right;
background-repeat: no-repeat;
background-size: cover;
padding-top: 200px;
padding-bottom: 50px;
}
footer a {
color: #272727;
text-decoration: none;
}
footer .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #272727;
}
footer .wrapper .footer-title {
font-size: 32px;
text-transform: uppercase;
}
footer .wrapper .left {
font-size: 14px;
margin-right: 100px;
}
footer .wrapper .left ul {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #ddd;
}
footer .wrapper .left ul li {
margin-bottom: 20px;
}
footer .wrapper .left ul li img {
max-width: 250px;
width: 100%;
}
footer .wrapper .left ul li:last-child img {
max-width: 100px;
}
footer .wrapper .middle {
font-size: 16px;
margin-right: 70px;
}
footer .wrapper .middle .social-network {
margin-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
footer .wrapper .middle .social-network li {
margin-right: 8px;
}
footer .wrapper .middle .social-network li a {
display: block;
}
footer .wrapper .right {
font-size: 14px;
}
footer .wrapper .right ul li a {
text-transform: uppercase;
}
footer .copyright {
margin: 80px 32px 0 32px;
color: #272727;
text-align: center;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
}
.phone {
margin-top: 24px;
color: #272727;
}
.phone a {
color: #272727;
font-weight: 900;
text-decoration: none;
}
.fax {
color: #272727;
}
.fax a {
color: #272727;
font-weight: 900;
text-decoration: none;
}
.free {
text-transform: uppercase;
color: #272727;
}
.free a {
font-weight: 900;
text-decoration: none;
color: #272727;
}
.email {
color: #272727;
}
.email a {
color: #272727;
font-weight: 900;
text-decoration: none;
overflow-wrap: break-word;
word-wrap: break-word;
font-size: 13px;
}
.social-network-contact-page {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.social-network-contact-page li {
list-style: none !important;
padding-right: 16px;
}
.social-network-contact-page li:before {
content: '' !important;
}
@media screen and (max-width: 991px) {
footer {
padding-top: 100px;
}
footer .wrapper .footer-title {
font-size: 24px;
}
footer .wrapper .right {
display: none;
}
footer .copyright {
margin: 40px 32px 0 32px;
}
}
@media screen and (max-width: 767px) {
footer {
padding-top: 64px;
padding-bottom: 32px;
}
footer .wrapper {
display: block;
}
footer .wrapper .left {
margin-bottom: 32px;
margin-right: 0;
}
footer .wrapper .middle {
margin-right: 0;
}
}
div.wpforms-container-full .wpforms-form input::-webkit-input-placeholder,
div.wpforms-container-full .wpforms-form textarea::-webkit-input-placeholder {
text-transform: uppercase;
font-size: 14px;
font-family: 'NunitoSans' !important;
}
div.wpforms-container-full .wpforms-form input:-ms-input-placeholder,
div.wpforms-container-full .wpforms-form textarea:-ms-input-placeholder {
text-transform: uppercase;
font-size: 14px;
font-family: 'NunitoSans' !important;
}
div.wpforms-container-full .wpforms-form input::-ms-input-placeholder,
div.wpforms-container-full .wpforms-form textarea::-ms-input-placeholder {
text-transform: uppercase;
font-size: 14px;
font-family: 'NunitoSans' !important;
}
div.wpforms-container-full .wpforms-form input::placeholder,
div.wpforms-container-full .wpforms-form textarea::placeholder {
text-transform: uppercase;
font-size: 14px;
font-family: 'NunitoSans' !important;
}
div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form textarea {
font-family: 'NunitoSans' !important;
}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
background-color: #0073D6 !important;
color: white !important;
border: none !important;
}
.contact-page-team {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contact-page-team .card-infos {
width: calc(100% / 3 - 32px);
margin-bottom: 72px;
}
.contact-page-team .card-infos .cut-word {
overflow-wrap: break-word;
word-wrap: break-word;
}
.contact-page-team .card-infos .frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.contact-page-team .card-infos .frame .member-name {
text-transform: uppercase;
color: #0073D6;
font-weight: 700;
font-size: 20px;
}
.contact-page-team .card-infos .frame .member-acquired {
margin-bottom: 8px;
}
.contact-page-team .card-infos .frame .member-acquired:before {
content: ', ';
}
.contact-page-team .card-infos ul {
margin-top: 18px;
}
.contact-page-team .card-infos ul li {
color: #4E4C4D;
font-size: 20px;
line-height: 22px;
}
.contact-page-team .card-infos ul:first-of-type {
margin-top: 0;
}
.contact-page-team .card-infos a {
text-decoration: none;
color: #4E4C4D;
display: block;
font-weight: 700;
font-size: 20px;
}
.contact-page-team .card-infos a span {
font-weight: initial;
}
.contact-page-team .card-infos a:first-of-type {
margin-top: 24px;
}
.contact-page-team .equipe-administrative {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -32px;
}
.contact-page-team .equipe-administrative .title {
width: 100%;
}
.contact-page-team .equipe-administrative .card-infos {
width: calc(100% / 3 - 32px);
margin-right: 32px;
}
.contact-page-team .equipe-administrative .card-infos .cut-word {
overflow-wrap: break-word;
word-wrap: break-word;
}
.leaflet-map {
position: relative;
height: 100%;
padding: 0;
}
.leaflet-map:after {
content: '';
display: block;
padding-top: 100%;
}
.leaflet-map #mapid {
position: absolute;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1499px) {
.contact-page-team {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contact-page-team .card-infos {
width: calc(100% / 2 - 32px);
margin-bottom: 72px;
}
.contact-page-team .card-infos .frame {
display: block;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.contact-page-team .card-infos .frame .member-name {
text-transform: uppercase;
color: #0073D6;
font-weight: 700;
font-size: 20px;
}
.contact-page-team .card-infos .frame .member-acquired:before {
content: '';
}
.contact-page-team .card-infos ul {
margin-top: 18px;
}
.contact-page-team .card-infos ul li {
color: #4E4C4D;
font-size: 20px;
line-height: 22px;
}
.contact-page-team .card-infos ul:first-of-type {
margin-top: 0;
}
.contact-page-team .card-infos a {
text-decoration: none;
color: #4E4C4D;
display: block;
font-weight: 700;
font-size: 20px;
}
.contact-page-team .card-infos a span {
font-weight: initial;
}
.contact-page-team .card-infos a:first-of-type {
margin-top: 24px;
}
.contact-page-team .equipe-administrative {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -32px;
}
.contact-page-team .equipe-administrative .title {
width: 100%;
}
.contact-page-team .equipe-administrative .card-infos {
width: calc(100% / 3 - 32px);
margin-right: 32px;
}
.contact-page-team .equipe-administrative .card-infos .cut-word {
overflow-wrap: break-word;
word-wrap: break-word;
}
}
@media screen and (max-width: 1199px) {
.contact-page-team > div {
width: 100%;
}
.contact-page-team > div .card-infos {
margin-bottom: 64px;
}
.contact-page-team > div .card-infos .frame .member-name {
font-size: 18px;
}
.contact-page-team > div .card-infos ul li {
font-size: 16px;
line-height: 18px;
}
.contact-page-team > div .card-infos a {
font-size: 16px;
}
.contact-page-team .card-infos {
width: 100%;
}
}
.leaflet-tile-pane {
z-index: 200;
-webkit-filter: saturate(0);
filter: saturate(0);
}
.actualites {
padding-top: 128px;
padding-bottom: 128px;
}
.actualites .wrapper .articles {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 1fr;
grid-template-columns: 2fr 1fr;
-webkit-column-gap: 96px;
column-gap: 96px;
}
.actualites .wrapper .articles main .article {
margin-bottom: 128px;
}
.actualites .wrapper .articles main .article img {
margin-bottom: 32px;
}
.actualites .wrapper .articles main .article .author-date {
margin-bottom: 24px;
}
.actualites .wrapper .articles main .article .read-more {
text-transform: uppercase;
font-weight: 700;
}
.actualites .wrapper .articles main .article ul {
margin-left: 24px;
padding-top: 16px;
list-style: initial;
}
.actualites .wrapper .articles main .article ul li {
padding-bottom: 16px;
}
.actualites .wrapper .articles main .article .wp-block-quote {
font-family: 'Prata';
font-size: 24px;
}
.actualites .wrapper .articles .aside {
list-style: none;
width: 60%;
}
.actualites .wrapper .articles .aside > li {
margin-bottom: 64px;
}
.actualites .wrapper .articles .aside > li .widgettitle {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
}
.actualites .wrapper .articles .aside > li ul li {
margin-bottom: 4px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 24px;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
max-width: 100%;
}
@media screen and (max-width: 767px) {
.actualites {
padding-top: 64px;
padding-bottom: 64px;
}
.actualites .wrapper .articles {
display: block;
}
}