@font-face {
font-family: 'icomoon';
src:  url(//www.opal02.com/wp-content/themes/opal2024/fonts/icomoon.eot?2zapqq);
src:  url(//www.opal02.com/wp-content/themes/opal2024/fonts/icomoon.eot?2zapqq#iefix) format('embedded-opentype'),
url(//www.opal02.com/wp-content/themes/opal2024/fonts/icomoon.ttf?2zapqq) format('truetype'),
url(//www.opal02.com/wp-content/themes/opal2024/fonts/icomoon.woff?2zapqq) format('woff'),
url(//www.opal02.com/wp-content/themes/opal2024/fonts/icomoon.svg?2zapqq#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-maison:before {
content: "\e900";
}
.icon-cles:before {
content: "\e901";
}
.icon-telecharger:before {
content: "\e902";
}
.icon-top:before {
content: "\e903";
}
.icon-collectivites:before {
content: "\e904";
}
.icon-euros:before {
content: "\e905";
}
.icon-livres:before {
content: "\e906";
}
.icon-localisation:before {
content: "\e907";
}
.icon-poinges-main:before {
content: "\e908";
} :root {
--blanc-1: #fff;
--bleu-1: #014897;
--bleu-2: #00a0e0;
--noir-1: #333;
--orange-1: #ec773b;
}
body {
padding-top:135px;
background-color: #f5f8fa;
}
body.admin-bar {
padding-top:132px;
}
body.admin-bar #header {
top:32px
}
.bt_1 {
color:var(--blanc-1);
border-radius: 25px;
padding:10px 25px;
border:1px solid var(--blanc-1);
;
}
.bt_1:hover {
background:var(--blanc-1);
border:1px solid var(--blanc-1);
color:var(--bleu-1);
text-decoration: none;
}
.bt {
color:var(--blanc-1);
border-radius: 25px;
padding:10px 25px;
border:1px solid var(--bleu-2);
background:var(--bleu-2);
font-weight: 600;
display: inline-block;
}
.bt:hover {
background:transparent;
color:var(--noir-1);
border:1px solid var(--noir-1);
text-decoration: none;
}
.hide {
display: none;
}
strong {
font-weight: 600;
} .aligncenter {
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Playfair Display';
text-transform: none;
}
#contenu h2 strong {
background: var(--bleu-2);
color: var(--blanc-1);
padding:15px 25px;
font-weight: 400;
display: inline-block;
}
.page-id-13827 #contenu .text_colonne h2 {
margin-bottom:25px;
}
.page-id-13827 #contenu .text_colonne h2 span {
background:var(--bleu-1);
color: var(--blanc-1);
padding:15px 25px;
font-weight: 400;
display: inline-block;
} #header {
width:100%;
top:0;
z-index:15000;
position:fixed;
}
#header.sticky #menu_header::before {
opacity: 1;
}
#menu_top  {
height: 40px;
position:relative
}
#menu_top::before  {
content:"";
position:absolute;
height:100%;
width:200%;
left:50%;
margin-left:-100%;
background:var(--bleu-1);
z-index: -1;
}
#menu_top .menu_top_1 {
height: 40px;
display: flex;
align-items: center;
}
#menu_top .menu_top_1 a {
color:var(--blanc-1);
padding:0 20px 0 45px;
position: relative;
height: 40px;
display: flex;
align-items: center;
}
#menu_top .menu_top_1 a:hover {
background: var(--bleu-2);
text-decoration: none;
}
#menu_top .menu_top_1 a::before {
content:"";
position:absolute;
height:15px;
width:15px;
top:50%;
left:15px;
margin-top:-7.5px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/phone.svg) no-repeat scroll center center / cover;
display: block;
}
#menu_top .menu_top_2 {
height: 40px;
display: flex;
align-items: center;
justify-content: flex-end;
}
#menu_top .menu_top_2 ul {
padding:0;
margin:0;
}
#menu_top .menu_top_2 ul li {
padding:0;
margin:0;
display:inline-block;
}
#menu_top .menu_top_2 .ico_opal {
display: flex;
align-items: center;
color:var(--blanc-1);
height:40px;
padding:0 20px 0 40px;
position: relative;
}
#menu_top .menu_top_2 .ico_opal::before {
content:"";
position:absolute;
height:14px;
width:12px;
top:50%;
left:10px;
margin-top:-7px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/ico_user.svg) no-repeat scroll center center / cover;
display: block;
}
#menu_top .menu_top_2 .ico_opal:hover {
background:var(--bleu-2);
text-decoration: none;
} #menu_top .menu_top_2 .ico_top {
display:block;
margin:0 5px;
padding:0;
height: 100%;
width: 15px;
position:relative;
}
#menu_top .menu_top_2 .ico_top i {
color:var(--blanc-1)
}
#menu_top .menu_top_2 .ico_top:hover i {
color:var(--bleu-2)
}
#menu_top ul {
margin:0;
padding:0;
}
#menu_top ul li {
margin:0;
padding:0;
display: inline;
list-style-type: none;
}
#menu_header {
position:relative;
}
#menu_header::before  {
content:"";
position:absolute;
height:100%;
width:200%;
left:50%;
margin-left:-100%;
background:var(--blanc-1);
z-index: -1;
opacity: 0;
transition:.05s
}
#navbar-header {
text-align: center;
}
#navbar-header .navbar-brand {
margin: 0;
padding:10px 25px;
} #navbar-header .navbar-brand img {
max-height: 60px; padding: 0.5rem 0;
}
#navbar {
display: flex;
align-items: center;
justify-content: center;
}
#navbar ul {
margin:0;
padding:0;
text-align:right;
}
#navbar ul li {
margin:0;
padding:0;
list-style-type:none;
display:inline-block;
}
#navbar ul li a {
padding:26px 20px 26px 10px;
margin:0 15px;
text-transform:uppercase;
position:relative;
display:inline-block;
color:#2d2d2d;
font-family: 'Montserrat';
font-weight:300;
font-size:13px;
}
#navbar ul li a:hover {
color:var(--bleu-2);
font-weight: 600;
text-decoration: none;
}
#navbar ul li.menu-item-has-children > a::after {
content:"";
position:absolute;
height:15px;
width:15px;
top:50%;
right:0;
margin-top:-9.5px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/menu-down.svg) no-repeat  center center / cover;
}
#navbar ul li.menu-item-has-children > a {
margin-right: 35px;
}
#navbar ul ul {
display: none;
position: absolute;
margin:0 ;
padding:15px;
z-index:9000;
border-radius:10px;
background: var(--blanc-1);
min-width: 225px;
max-width: 300px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 100;
}
#navbar ul li:hover .sub-menu {
display: block;
}
#navbar ul li:hover .sub-menu li a  {
background:none
}
#navbar ul ul li  {
margin:0;
width: 100%;
}
#navbar ul li.menu-item-has-children ul li a  {
text-align:left;
display:block;
width:100%;
padding:10px 35px 10px 15px;
border-radius:10px;
text-transform: none;
font-size:13px;
color:var(--noir-1);
border:0;
margin: 0;
}
#navbar ul li.menu-item-has-children ul li.last a {
border: 0
}
#navbar ul li.menu-item-has-children ul li a:hover {
background:#f9efe4;
font-weight: 300;
}
#navbar ul li.menu-item-has-children ul li a:hover::after {
content:"";
position:absolute;
height:15px;
width:15px;
top:0;
right:15px;
margin-top:13px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/menu-right.svg) no-repeat  center center / cover;
}
#navbar-button {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.navbar-toggle {
text-indent: -8000em;
position:relative;
}
.navbar-toggle::before {
content:"";
position: absolute;
top:50%;
left:50%;
height:20px;
width:20px;
margin:-10px 0 0 -10px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/menu.svg) no-repeat scroll center center;
}
.collapse:not(.show) {
display:block;
} .modal-backdrop {
display:none
}
.fullscreen {
padding-right: 0 !important;
width:40%;
left:auto;
right:0
}
.fullscreen .modal-dialog {
margin:0;
max-width: 100%;
width: 100%;
height: 100%;
min-height: 100%;
padding: 0;
color: var(--noir-1);
}
.fullscreen .modal-content {
height: 100%;
min-height: 100%;
border-radius: 0;
color: var(--noir-1);
background: rgba(255, 255, 255, 0.97);
overflow:auto;
}
.fullscreen .modal-body  {
padding: 75px;
}
.fullscreen .modal-body ul#menu-menu-complet {
position:relative
}
.fullscreen .modal-body ul {
padding: 0;
margin:0 0 25px 0;
}
.fullscreen .modal-body ul li {
padding: 0;
margin:0 0 25px 0;
list-style-type: none;
}
.fullscreen .modal-body ul li a {
color: var(--noir-1);
font-weight: 600;
font-size: 20px;
padding-right: 45px;
position: relative;
}
.fullscreen .modal-body ul li.menu-item-has-children > a::after {
content:"";
position:absolute;
height:30px;
width:30px;
top:50%;
right:0;
margin-top:-19px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/menu-down.svg) no-repeat  center center / cover;
}
.fullscreen .modal-body ul li a:hover {
color: var(--bleu-2);
text-decoration: none;
}
.fullscreen .modal-body ul ul  {
padding:10px 0 0 20px;
margin-bottom: 5px;
display: none;
transition: .2s;
}
.fullscreen .modal-body ul li:hover .sub-menu {
display: block;
}
.fullscreen .modal-body ul ul li  {
margin:0;
}
.fullscreen .modal-body ul ul li a {
color: var(--noir-1);
font-weight: 400;
font-size: 16px;
}
@media (max-width: 480px){
.fullscreen .modal-body ul {
padding: 30px 0 0 0;
overflow: auto;
}
.fullscreen .modal-body li {
padding: 4px 0 4px 0 ;
}
.fullscreen .modal-body a {
color: var(--noir-1);
font-size: 200%;
text-transform: uppercase;
font-weight: 700;
}
}
#video_homepage {
padding-bottom: 0;
margin-bottom: 45px;
}
#video_homepage .bloc_shortcut {
border-radius: 25px;
padding:15px;
}
#video_homepage .bloc_shortcut .inside {
min-height:30vh;
border-radius: 25px;
padding:15px 80px;
overflow: hidden;
position:relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
#video_homepage .bloc_shortcut .inside .img-bg {
object-fit: cover;
top:0;
left:0;
position: absolute;
width:100%;
height:100%;
z-index: 10;
transition:.2s;
}
#video_homepage .bloc_shortcut .inside .shortcut_title {
background:var(--bleu-1);
display:flex;
align-items: center;
justify-content: center;
height:100%;
position: absolute;
width:45%;
left:0;
top:0;
padding:0 2vw 0 5vw;
z-index: 50;
transition:0.2s;
text-align: center;
}
#video_homepage .bloc_shortcut .inside .shortcut_title::before {
opacity:1;
content:"";
position: absolute;
top:0;
right:-100px;
clip-path: polygon(0 0, 100% 0, 20% 100%, 0% 100%);
background:var(--bleu-1);
width:100px;
height: 100%;
top:0;
z-index:25
}
#video_homepage .bloc_shortcut .inside .shortcut_title h2 {
color:var(--blanc-1);
font-size: 30px;
line-height: 36px;
position: relative;
text-shadow:var(--noir-1) 1px 0 10px;
padding:10px;
position: relative;
z-index: 30;
}
#video_homepage .bloc_shortcut .inside .shortcut_title h2::after {
content:"";
position:absolute;
height:30px;
width:30px;
bottom:0;
left:50%;
margin-bottom:-40px;
margin-left:-15px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/plus-circle_w.svg) no-repeat  center center / cover;
}
#video_homepage .bloc_shortcut .inside .shortcut_description {
z-index: 40;
position: absolute;
padding:15px 25px;
z-index:5000;
height:100%;
display:flex;
left:-100vw;
align-items: center;
width:100%;
justify-content: center;
flex-direction: column;
transition:.5s
}
#video_homepage .bloc_shortcut .inside .shortcut_description::before  {
content:"";
background:var(--bleu-1);
position: absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index: -1;
}
#video_homepage .bloc_shortcut .inside .shortcut_description p {
color:var(--blanc-1);
font-size: 20px;
line-height: 28px;
}
#video_homepage .bloc_shortcut .inside .shortcut_description ul {
margin:0;
padding:0
}
#video_homepage .bloc_shortcut .inside .shortcut_description ul li {
margin:0 5px 10px 0;
padding:0;
list-style-type: none;
display: inline-block;
}
#video_homepage .bloc_shortcut .inside .shortcut_description ul li a {
display: block;
font-size: 16px;
padding:5px 15px;
color:var(--blanc-1);
border-radius: 25px;
border:1px solid var(--blanc-1);
}
#video_homepage .bloc_shortcut .inside .shortcut_description ul li a:hover {
background:var(--blanc-1);
border:1px solid var(--blanc-1);
color:var(--bleu-1);
text-decoration: none;
}
#video_homepage .bloc_shortcut .inside:hover .shortcut_description {
width:100%;
left:0;
opacity: 0.9;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone {
min-height: 45vh;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .img-bg {
left:40%;
width:60%;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description p {
font-size: 24px;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description ul li  {
margin:0 10px 15px 0
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description ul li a {
font-size: 16px;
}
#carouselAccueil .carousel-control-next {
right: -25px;
z-index: 5000;
background: var(--blanc-1);
opacity: 1;
transform: translateY(50%);
}
#carouselAccueil .carousel-control-prev {
left: -25px;
z-index: 5000;
background: var(--blanc-1);
opacity: 1;
transform: translateY(50%);
}
#phrase_clef .title_slider  {
min-height: 125px;
}
#phrase_clef .title_slider img {
max-width: 250px;
margin-bottom: 15px;
}
#phrase_clef .title_slider ul {
margin: 0 0 0 0;
padding: 0;
}
#phrase_clef .title_slider ul li {
font-size: 24px;
line-height:30px;
color: var(--bleu-1);
margin: 0;
min-height: 100px;
padding: 0;
list-style-type: none;
font-weight:600;
text-align: center;
text-transform: uppercase;
}
#shortcut {
padding-bottom: 75px;
}
#shortcut .inside {
padding:30px 30px 150px 30px;
border-radius: 25px;
overflow: hidden;
background:var(--bleu-1);
overflow: hidden;
position: relative;
cursor:pointer;
}
#shortcut .inside .shortcut_title  {
display: flex;
align-items: center;
justify-content: center;
min-height: 75px;
}
#shortcut .inside .shortcut_title h2 {
font-family: 'Playfair Display';
font-size: 20px;
line-height: 30px;
color:var(--blanc-1);
margin-bottom: 0;
text-align: center;
}
#shortcut .inside .shortcut_title a:hover {
text-decoration: none;
}
#shortcut .inside p.title.height_min {
min-height: 100px;
margin:0;
}
#shortcut .inside p {
font-size: 13px;
line-height: 18px;
;
}
#shortcut .inside .img-bg {
position: absolute;
height:150px;
width:100%;
left:0;
bottom:0;
transition: .2s;
}
#shortcut .inside .img-bg img {
position:absolute;
top:15px;
left:0;
height:100%;
width:100%;
object-fit: cover;
}
#shortcut .inside::after {
content:"";
position: absolute;
background:var(--bleu-1);
width:100vw;
height: 100%;
top:0;
left:-100vw;
transition:.2s;
z-index:30;
opacity: 0.9;
}
#shortcut .inside:hover::after {
left:0
}
#shortcut .inside .shortcut_description {
z-index: 40;
opacity: 0;
position: absolute;
padding:15px 25px;
display: flex;
align-items: center;
justify-content: center;
height:100%;
top:0;
left:0;
width:100%;
text-align: center;
}
#shortcut .inside .shortcut_description p {
color:var(--blanc-1);
font-size: 20px;
line-height: 28px;
}
#shortcut .inside .shortcut_description ul {
margin:0;
padding:0
}
#shortcut .inside .shortcut_description ul li {
margin:0 5px 10px 0;
padding:0;
list-style-type: none;
display: inline-block;
}
#shortcut .inside .shortcut_description ul li a {
display: block;
font-size: 16px;
padding:5px 15px;
color:var(--blanc-1);
border-radius: 25px;
border:1px solid var(--blanc-1);
}
#shortcut .inside .shortcut_description ul li a:hover {
background:var(--blanc-1);
border:1px solid var(--blanc-1);
color:var(--bleu-1);
text-decoration: none;
}
#shortcut .inside:hover .shortcut_title {
z-index: 0;
}
#shortcut .inside:hover .shortcut_description {
opacity: 1;
}
#shortcut .inside:hover .img-bg {
height:110%
} body,
html {
width: 100%;
height: auto;
font-size: 15px;
}
body {
font-family: 'Montserrat'; color: var(--noir-1);
}
section {
padding: 0 0 3rem 0;
}
a {
color: var(--noir-1);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
a:hover {
color: var(--orange-1);
text-decoration: underline;
}
p {
color: var(--noir-1);
margin-bottom: 20px;
font-weight: 300;
font-size: 1rem;
}
ul li {
color: var(--noir-1);
font-weight: 300;
font-size: 1rem;
} h1,
h2,
h3,
h4,
h5,
h6 {
}
h2 {
font-size: 2.5rem;
margin-bottom: 25px;
;
}
h3 {
font-size: 1.5rem;
}
.bg-bleu {
background-color: var(--bleu-1) !important;
}
.bg-bleu-tres-clair {
background-color: #e8f5ff !important;
}
.bg-gris {
background-color: #f2f2f2 !important;
}
.bg-blanc {
background-color: var(--blanc-1) !important;
}
.bg-orange {
background-color: var(--orange-1) !important;
}
.zindex {
z-index: 1500;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .card > * {
flex: 0 0 auto;
}
}
.cr {
width: 20rem;
padding: 10px;
text-align: center;
position: fixed;
top: 30px;
left: -80px;
transform: rotate(-45deg);
background-color: var(--bleu-2);
line-height: 1.5rem;
z-index: 18000;
}
.cr p,
.cr a,
.cr ul li {
color: var(--blanc-1);
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.cr {
width: 100%;
padding: 5px;
position: relative;
top: 0;
left: 0;
transform: none;
}
}
.fancybox-caption__body {
font-size: 1.2rem;
} #carouselPrincipal.carousel .carousel-item {
min-height: 250px;
background: no-repeat center center scroll;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height: 100%;
width: 100%;
}
#carouselPrincipal.carousel .carousel-caption {
background-color: var(--blanc-1);
padding: 0.5rem 0.5rem;
left: unset;
right: 5px;
bottom: 5px;
}
#carouselPrincipal.carousel .carousel-caption div {
font-family: 'Montserrat';
color: var(--bleu-2);
}
#carouselWrapper.carousel .carousel-caption {
position: relative;
left: 0;
right: 0;
padding: 0;
margin-top: 2rem;
}
#carouselWrapper.carousel .carousel-caption p {
color: var(--bleu-2);
margin-bottom: 0;
text-align: left;
}
@media screen and (max-width: 576px) {
#carouselPrincipal.carousel .carousel-inner {
padding-bottom: 4rem;
}
#carouselPrincipal.carousel .carousel-item {
min-height: 180px;
background: no-repeat center center scroll;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height: unset;
}
#carouselPrincipal.carousel .carousel-caption {
padding: 0.5rem 0.5rem;
left: 0;
right: 0;
bottom: -4rem;
}
} .breadcrumb {
font-family: 'Montserrat';
list-style: none;
background-color: transparent;
border-radius: 0;
font-size: 0.9rem;
text-align: center;
display: block;
margin: 0 auto;
padding-top: 0;
padding-bottom: 1rem;
border-bottom: 1.5rem solid #ccc;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb span {
color: var(--noir-1);
}
.breadcrumb a,
.breadcrumb .breadcrumb_last {
color: var(--noir-1);
font-size: 0.8rem;
}
.breadcrumb .breadcrumb_last {
font-family: 'Montserrat';
color: var(--bleu-1);
} .h_iframe_1 iframe {
width: 885px;
height: 1390px;
margin: 1rem auto 0 auto;
display: block;
}
.h_iframe_2 iframe {
width: 885px;
height: 770px;
margin: 1rem auto 0 auto;
display: block;
} #acces-rapide .dropdown {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
min-height: 7.5rem;
}
#acces-rapide .dropdown .card {
border: 0;
border-radius: 0;
background-color: transparent;
}
#acces-rapide .dropdown .card .card-img {
max-width: 45px;
display: block;
margin: 0 auto;
}
#acces-rapide .dropdown .card .card-body {
padding: 0;
}
#acces-rapide .dropdown .card .card-body h2 {
font-size: 1rem;
color: var(--blanc-1);
text-transform: uppercase;
padding: 0;
margin-bottom: 0;
}
#acces-rapide .dropdown .card .card-body h2 span {
font-family: 'Montserrat';
font-size: 0.9rem;
}
#acces-rapide a:hover,
#acces-rapide a:focus,
#acces-rapide .dropdown .dropdown-toggle:hover,
#acces-rapide .dropdown .dropdown-toggle:focus {
text-decoration: none;
}
#acces-rapide .dropdown .dropdown-toggle::after {
display: none;
}
#acces-rapide .dropdown .dropdown-menu {
transition: 0.3s all ease-in-out;
color: var(--blanc-1);
border: 0;
border-radius: 0;
width: 100%;
padding: 0;
margin-top: 0.1rem;
}
#acces-rapide .dropdown .dropdown-item {
padding: .25rem 1.5rem;
color: var(--blanc-1);
background-color: transparent;
border: 0;
border-bottom: 1px solid var(--blanc-1);
}
#acces-rapide .dropdown .dropdown-item:hover,
#acces-rapide .dropdown .dropdown-item:focus {
opacity: 0.7;
}
#acces-rapide .dropdown:hover .dropdown-menu {
display: block;
}
#acces-rapide .dropdown .dropdown-toggle:active {
pointer-events: none;
} #mot article {
padding: 2rem 1rem 1.5rem 1rem;
background-color: #f2f2f2;
border: 1px solid #f5eeee;
}
#mot article .border {
border-top: 3px solid var(--noir-1);
}
#mot article p,
#mot article h2,
#mot article strong {
font-family: Times, "Times New Roman", Helvetica, serif !important;
text-transform: initial;
color: var(--noir-1);
}
#mot article p:last-of-type {
margin-bottom: 0;
}
#mot article strong {
font-weight: bold;
}
#mot article h2 {
border-top: 2px solid;
border-bottom: 2px solid;
display: block;
padding: 0.4rem 0;
margin-bottom: 1rem;
} #video .sous-titre {
color: var(--bleu-2);
margin-bottom: 0;
text-align: left;
margin-top: 0.5rem;
font-size: 0.9rem;
} #adresse .card-body {
padding: 1.25rem 0;
}
#adresse .card-body .card-title {
font-family: 'Montserrat';
font-size: 0.9rem;
color: var(--bleu-1);
}
#adresse .card-body .card-text {
font-size: 0.9rem;
} #actualites {
position:relative;
padding-top: 75px;
padding-bottom: 75px;
overflow: hidden;
}
.home #actualites::before {
content:"";
position:absolute;
top:0;
left:50%;
margin-left:50%;
height: 100%;
width: 200%;
margin-left:-100%;
background:#f3fbfc;
z-index:-1
}
#actualites .title {
margin-bottom: 50px;
}
#actualites .title > div {
position: relative;
}
#actualites .title p {
font-size: 15px;
color:var(--noir-1);
font-weight: 600;
margin-bottom: 0;
position: absolute;
top:0;
}
#actualites h2 {
font-size: 52px;
padding-top:25px;
}
#actualites .badge {
color: var(--blanc-1);
font-size: 0.95rem;
font-weight: 600;
padding: 0.5rem 0.9rem;
margin: 0 0.3rem 0.6rem;
border-radius: 8px;
}
#actualites .actualites {
cursor:pointer;
padding:20px 20px 60px 20px;
border-radius: 15px;
transition:.2s;
box-shadow: 1px 1px 5px #ddd;
margin-bottom: 35px;
height: 95%;
}
#actualites .actualites img {
border-radius: 15px;
margin-bottom: 25px;
overflow: hidden;
}
#actualites .actualites h3 {
margin-bottom: 10px;
font-family: 'Montserrat';
font-size: 1.3rem;
}
#actualites .actualites .date {
margin-bottom: 5px;
font-weight: 600;
padding: 0;
color: var(--bleu-1);
border-radius: 8px;
display: block;
font-size: 12px;
}
#actualites .actualites .categorie {
margin-bottom: 15px;
font-weight: 600;
padding: 2px 5px;
color: var(--blanc-1);
border-radius: 8px;
display: inline-block;
font-size: 12px;
}
#actualites .actualites .categorie a {
color: var(--blanc-1);
}
#actualites .actualites .categorie a:hover {
color: var(--blanc-1) !important;
text-decoration: none !important;
}
#actualites .actualites:hover {
background:rgba(255, 255, 255, .5);
box-shadow: 1px 1px 5px #ccc;
}
#actualites .actualites:hover a.bt {
background:transparent;
color:var(--noir-1);
border:1px solid var(--noir-1);
text-decoration: none;
}
#actualites .all {
display: flex;
align-items: center;
justify-content: flex-end;
}
#actualites .all a {
text-decoration: underline;
color:#aaa;
}
#actualites .all a:hover {
color:var(--bleu-2);
}
#actualites .news-slider  {
position: relative;
}
#actualites .news-slider .slick-arrow {
cursor: pointer;
position:absolute;
top:50%;
width:80px;
height:80px;
background:transparent;
transition:.2s;
margin-top:-100px;
border:none;
text-indent:-8000em;
border-radius: 50px;
box-shadow: 4px 4px 5px #cacaca;
}
#actualites .news-slider .slick-arrow:focus {
outline:none;
}
#actualites .news-slider .slick-arrow::before {
content:"";
position: absolute;
height:30px;
width: 30px;
top:50%;
left:50%;
margin:-15px 0 0 -15px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/arrow.svg) no-repeat scroll center center / cover;
;
}
#actualites .news-slider .slick-arrow:hover {
background:var(--blanc-1);
box-shadow: 1px 1px 5px #ccc;
}
#actualites .news-slider .slick-prev {
left:-100px;
}
#actualites .news-slider .slick-prev::before {
transform: rotate(-180deg);
}
#actualites .news-slider .slick-next {
right:-100px;
}
#actualites .news-slider .actualites {
height: 95%;
}
#actualites .news-slider .actualites a.bt {
position: absolute;
bottom: 50px;
}
#actualites .actualites {
height: 95%;
}
#actualites .actualites a.bt {
position: absolute;
bottom: 50px;
}
.carousel-control-prev {
cursor: pointer;
position:absolute;
top:50%;
width:80px;
height:80px;
background:transparent;
transition:.2s;
margin-top:-100px;
border:none;
text-indent:-8000em;
border-radius: 50px;
box-shadow: 4px 4px 5px #cacaca;
}
.carousel-control-prev::before {
transform: rotate(-180deg);
content:"";
position: absolute;
height:30px;
width: 30px;
top:50%;
left:50%;
margin:-15px 0 0 -15px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/arrow.svg) no-repeat scroll center center / cover;
;
}
.carousel-control-prev {
left:-100px;
}
.carousel-control-next {
cursor: pointer;
position:absolute;
top:50%;
width:80px;
height:80px;
background:transparent;
transition:.2s;
margin-top:-100px;
border:none;
text-indent:-8000em;
border-radius: 50px;
box-shadow: 4px 4px 5px #cacaca;
}
.carousel-control-next::before {
content:"";
position: absolute;
height:30px;
width: 30px;
top:50%;
left:50%;
margin:-15px 0 0 -15px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/arrow.svg) no-repeat scroll center center / cover;
;
}
.carousel-control-next {
right:-100px;
} #single {
padding-top:75px;
padding-bottom: 75px;
}
#single > .container {
background: var(--blanc-1);
}
#single .categorie {
padding-top:75px;
margin-bottom: 15px;
font-weight: 600;
padding: 2px 5px;
color: var(--blanc-1);
border-radius: 8px;
display: table;
font-size: 12px;
margin-left: auto;
margin-right: auto;
}
#single h1 {
margin-bottom: 5px;
text-align: center;
}
#single .date {
text-align:center;
margin-bottom:50px;
display: block;
}
#single h2 {
font-family: 'Montserrat';
color: var(--bleu-1);
margin-bottom: 2rem;
display: block;
}
#single b,
#single strong {
color: var(--bleu-1);
}
#single .btn-primary {
border-radius: 0;
color: var(--blanc-1);
background-color: var(--bleu-2);
border-color: var(--bleu-2);
}
#single .carousel-caption {
color: var(--blanc-1);
font-size: 1rem;
background-color: var(--bleu-1);
display: table;
padding: 0.3rem 1rem;
}
#single .wpsight-listing h2 {
font-size: 1.7rem;
text-align: justify;
} #logements {
position: relative;
padding-top: 50px;
overflow: hidden;
}
.home #logements::before {
content:"";
position:absolute;
top:0;
left:50%;
margin-left:50%;
height: 100%;
width: 200%;
margin-top:0;
margin-left:-100%;
background:var(--blanc-1);
z-index:-1
}
#logements .title {
padding-top:50px
}
#logements .title > div {
position: relative;
}
#logements .title p {
font-size: 15px;
color:var(--noir-1);
font-weight: 600;
margin-bottom: 0;
position: absolute;
top:0;
}
#logements h2 {
font-size: 52px;
padding-top:25px;
}
#logements h2 strong {
color:var(--bleu-1);
}
#logements .wpsight-listings-search {
padding:50px 0 !important;
background: none !important;
}
#logements .wpsight-listings-search input {
font-family: 'Montserrat' ;
border:1px solid var(--noir-1);
padding:15px 25px;
border-radius: 25px;
height:50px;
font-size: 15px;
font-weight: 600;
}
#logements .wpsight-listings-search select {
font-family: 'Montserrat' ;
border:1px solid var(--noir-1);
padding:15px 25px;
border-radius: 25px;
height:50px;
font-size: 15px;
font-weight: 600;
}
#logements .wpsight-listings-search input.listing-search-min  {
border:1px solid #cecece;
background:#F1F1F1;
}
#logements .wpsight-listings-search input.listing-search-max  {
border:1px solid #cecece;
background:#F1F1F1;
}
#logements .wpsight-listings-search .listings-search-field-submit  {
margin-top:25px !important;
margin-bottom: 25px !important;
}
#logements .wpsight-listings-search .listings-search-field-submit input {
border-radius:50px;
padding:15px 25px !important;
height:auto !important;
line-height: auto !important;
cursor: pointer;
background:var(--bleu-2) url(//www.opal02.com/wp-content/themes/opal2024/img/input_submit.png) no-repeat  center right !important ;
width:33.33% !important;
text-align: left;
transition: .2s;
border:none !important;
}
#logements .wpsight-listings-search .listings-search-field-submit input:hover {
background-color:var(--noir-1) !important
}
#logements .wpsight-listings-search .listings-search-field input {
height: 50px;
}
.wpsight-listings-search .listings-search-advanced-toggle, .wpsight-listings-search .listings-search-reset {
padding-top:25px;
opacity: 1 !important;
float: right;
color:#aaaaaa !important;
text-decoration: underline;
}
.wpsight-listings-search .listings-search-advanced-toggle:hover, .wpsight-listings-search .listings-search-reset:hover {
color:var(--bleu-2) !important;
}
#logements .listings-search-advanced {
padding:25px 50px;
background-color: #eee;
border-radius: 15px;
}
#logements .listings-search-advanced .listings-search-field input {
height: auto;
}
#logements .wpsight-listings-search .listings-search-field-taxonomy_checkbox {
margin-bottom: 0;
}
#contenu .wpsight-listings-search-sc {
background: none !important;
}
#contenu .wpsight-listings-search-sc input {
font-family: 'Montserrat' ;
border:1px solid var(--noir-1) !important;
padding:15px 25px !important;
border-radius: 25px;
height:50px !important;
font-size: 15px;
font-weight: 600;
}
#contenu .wpsight-listings-search-sc select {
font-family: 'Montserrat' ;
border:1px solid var(--noir-1) !important;
padding:15px 25px !important;
border-radius: 25px;
height:50px !important;
font-size: 15px;
font-weight: 600;
}
#contenu .wpsight-listings-search-sc input.listing-search-min  {
border:1px solid #cecece;
background:#F1F1F1;
}
#contenu .wpsight-listings-search-sc input.listing-search-max  {
border:1px solid #cecece;
background:#F1F1F1;
}
#contenu .wpsight-listings-search-sc .listings-search-field-taxonomy_checkbox input {
height:auto !important
}
#contenu .wpsight-listings-search-sc .listings-search-field-submit  {
margin-top:25px !important;
margin-bottom: 25px !important;
}
#contenu .wpsight-listings-search-sc .listings-search-field-submit input {
border-radius:50px;
padding:15px 25px !important;
height:auto !important;
line-height: auto !important;
cursor: pointer;
background:var(--bleu-2) url(//www.opal02.com/wp-content/themes/opal2024/img/input_submit.png) no-repeat  center right !important ;
width:33.33% !important;
text-align: left;
transition: .2s;
border:none !important;
}
#contenu .wpsight-listings-search-sc .listings-search-field-submit input:hover {
background-color:var(--noir-1) !important
}
#contenu .wpsight-listings-sc {
padding-top:75px;
}
#contenu .wpsight-listings-sc select {
font-family: 'Montserrat' ;
border:1px solid var(--noir-1) !important;
padding:15px 25px !important;
border-radius: 25px;
height:50px !important;
font-size: 15px;
font-weight: 600;
background:none !important
}
#contenu .wpsight-listings-sc .listings-panel-title {
font-size: 30px;
color:var(--bleu-2) !important;
}
#contenu .wpsight-listings-sc .image-wrapper {
border-radius: 25px;
height:250px;
}
#contenu .wpsight-listings-search {
padding:50px 0 !important;
background: none !important;
}
.bloc_2_cols {
padding:50px
} #chiffres {
position: relative;
padding-top: 75px;
padding-bottom: 75px;
overflow: hidden;
}
.home #chiffres::before {
content:"";
position:absolute;
top:0;
left:50%;
margin-left:50%;
height: 100%;
width: 200%;
margin-left:-100%;
background:var(--bleu-1);
z-index:-1
}
#chiffres .title h2 {
font-size: 52px;
display: inline-block; color:var(--blanc-1)
}
#chiffres .title_slider  {
min-height: 175px;
}
#chiffres .title_slider ul {
margin: 0 0 50px 0;
padding: 0;
}
#chiffres .title_slider ul li {
font-size: 40px;
line-height:52px;
color: var(--blanc-1);
margin: 0;
padding: 0;
list-style-type: none;
font-weight:600;
text-align: center;
}
#chiffres .chiffres-slider {
padding-right: 25px;
}
#chiffres .chiffres-slider .item img {
border-radius: 25px;
}
#chiffres .chiffres-slider .item span {
width: 100%;
display: block;
text-align: center;
color:var(--blanc-1);
padding:15px;
}
#chiffres ul.slick-dots {
margin: 0;
padding:0;
text-align: center;
}
#chiffres ul.slick-dots li {
margin: 0 5px;
padding:0;
list-style-type:none;
display: inline-block;
}
#chiffres ul.slick-dots li button {
transition:.2s;
cursor:pointer;
width: 10px;
height:10px;
background: var(--blanc-1);
border:none;
text-indent: -8000em;
opacity: 0.5;
display: block;
border-radius: 25px;
;
}
#chiffres ul.slick-dots li.slick-active button {
opacity: 1;
}
#chiffres ul.slick-dots li button:hover {
opacity: 1;
}
#chiffres .bloc_chiffres .counter {
position:relative;
padding:25px 25px 25px 50px;
border-radius: 25px;
overflow: hidden;
}
#chiffres .bloc_chiffres .counter::before {
content:"";
position:absolute;
top:0;
left:25px;
width:100%;
height:100%;
background: #013f85;
border-radius: 25px;
}
#chiffres .chiffre  {
padding:25px 40px;
}
#chiffres .chiffre span {
color:var(--blanc-1);
font-family: 'Montserrat';
font-size: 50px;
line-height:50px;
font-weight: 900;
}
#chiffres .chiffre .counter-value {
color:var(--blanc-1);
font-family: 'Montserrat';
font-size: 50px;
line-height:50px;
font-weight: 900;
}
#chiffres .chiffre .text {
color:var(--blanc-1);
font-family: 'Playfair Display';
font-size: 24px;
line-height: 28px;
font-weight: 600;
} #infos {
position: relative;
padding-top: 75px;
padding-bottom: 75px;
overflow: hidden;
}
#infos::before {
content:"";
position:absolute;
top:0;
left:50%;
margin-left:50%;
height: 100%;
width: 200%;
margin-left:-100%;
background:#eeedea;
z-index:-1
}
#infos .inside {
padding:30px 30px 200px 30px;
border-radius: 25px;
overflow: hidden;
background:var(--blanc-1);
overflow: hidden;
position: relative;
cursor:pointer;
}
#infos .inside p.title {
font-family: 'Playfair Display';
font-size: 22px;
line-height: 30px;
}
#infos .inside p.title a:hover {
text-decoration: none;
}
#infos .inside p.title.height_min {
min-height: 100px;
margin:0;
}
#infos .inside p {
font-size: 13px;
line-height: 18px;
;
}
#infos .inside p.text {
min-height: 35px;
}
#infos .inside .img-bg {
position: absolute;
height:200px;
width:100%;
left:0;
}
#infos .inside .img-bg img {
position:absolute;
top:15px;
left:0;
height:100%;
width:100%;
object-fit: cover;
}
#infos .inside::after {
content:"";
position:absolute;
height:30px;
width:30px;
top:35px;
right:35px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/plus-circle.svg) no-repeat  center center / cover;
}
#infos .inside:hover {
background:var(--bleu-2)
}
#infos .inside:hover p.title a {
color:var(--blanc-1);
}
#infos .inside:hover p {
color:var(--blanc-1);
}
#infos .inside:hover::after {
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/plus-circle_w.svg) no-repeat  center center / cover;
}  #content_title  {
padding-top:15vh;
padding-bottom:15vh;
text-align:center;
position:relative;
border-bottom:10px solid var(--bleu-2);
}
#content_title::before  {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:var(--bleu-1);
z-index: 10;
opacity: .5;
}
#content_title .container  {
position:relative;
z-index:10
}
#content_title h1 {
font-size: 60px;
line-height: 70px;
letter-spacing: 1px;
margin: 0;
font-weight:600;
text-align: center;
color:var(--blanc-1);
}
#content_title.has_thumb h1 {
color:var(--blanc-1);
text-shadow: var(--noir-1) 1px 0 10px;
}
#content_title .bg  {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
object-fit: cover;
z-index: 5;
}
#contenu {
padding-top:75px;
padding-bottom: 75px;
background: var(--blanc-1);
}
#contenu h1.type-2,
#contenu div.type-2 {
font-family: 'Montserrat';
position: relative;
background-color: var(--blanc-1);
color: var(--bleu-1);
display: inline-block;
font-size: 1.5em;
text-transform: uppercase;
display: inline;
padding: 0.1rem 0.4rem;
margin-left: 3.5rem;
margin-bottom: 2rem;
}
#contenu h1.type-2:after,
#contenu div.type-2:after {
content: "\e900";
font-family: "icomoon";
speak: none;
color: var(--bleu-2);
font-size: 2.5rem;
position: absolute;
left: -3.5rem;
transform: translateY(-50%);
top: 50%;
}
#contenu h3.type-2 {
text-transform: uppercase;
background-color: var(--orange-1);
color: var(--blanc-1);
display: table;
padding:15px 25px
}
#contenu h3.type-3 {
position: relative;
text-transform: uppercase;
background-color: var(--bleu-2);
color: var(--blanc-1);
display: table;
text-align: center;
padding: 0.2rem 0.5rem 0.1rem 0.5rem;
margin: 4rem auto 0 auto;
}
#contenu h3.type-3:after {
content: "\e900";
font-family: "icomoon";
speak: none;
color: var(--bleu-2);
font-size: 2.5rem;
position: absolute;
top: -3.5rem;
right: 0;
left: 0;
text-align: center;
}
#contenu .intro p {
margin-bottom: 0;
}
#contenu .card,
#contenu .card .card-img {
border: 0;
border-radius: 0;
} #contenu .chiffre  {
padding:25px 40px;
}
#contenu .chiffre span {
font-family: 'Montserrat';
font-size: 50px;
line-height:50px;
font-weight: 900;
color:var(--bleu-1) ;
}
#contenu .chiffre .counter-value {
font-family: 'Montserrat';
font-size: 50px;
line-height:50px;
font-weight: 900;
color:var(--bleu-1);
}
#contenu .chiffre .text {
font-family: 'Playfair Display';
font-size: 24px;
line-height: 28px;
font-weight: 600;
}
#contenu .counter {
padding:50px;
}
.page-id-13827 #contenu .chiffre .counter-value {
color:#e6007e
}
.page-id-13827 #contenu .chiffre .text {
color:#e6007e
}
#contenu .publications {
padding-bottom: 2rem;
border-bottom: 1px solid #ccc;
}
#contenu .publications h3.type-2 {
background-color: var(--bleu-2);
}
#contenu .publications .card {
border: 0;
border-radius: 0;
padding:10px;
background:#eee;
min-height: 165px;
align-items: center;
flex-direction: unset;
}
#contenu .publications .card .card-body {
padding: 0 0 0 1.25rem;
}
#contenu .publications .card .card-body .card-title {
font-family: 'Montserrat';
color: var(--bleu-1);
font-size: 0.9rem;
text-transform: uppercase;
}
#contenu .publications .card .card-body a:hover,
#contenu .publications .card .card-body a:focus,
#contenu .publications .card .card-body a:hover span,
#contenu .publications .card .card-body a:focus span,
#contenu .publications .card .card-body a:hover small,
#contenu .publications .card .card-body a:focus small {
color: var(--orange-1);
text-decoration: none !important;
}
#contenu .publications .card .card-body span {
color: var(--bleu-1);
font-size: 1.3rem;
display: block;
}
#contenu .publications .card .card-body small {
font-family: 'Montserrat';
text-transform: uppercase;
color: var(--bleu-1);
font-size: 0.7rem;
}
#contenu .publications .card .card-body small.date {
color: var(--noir-1);
margin-bottom: 0.75rem;
display: block;
}
#contenu .publications a.btn-categorie {
background-color: var(--bleu-1);
color: var(--blanc-1);
border-radius: 0;
text-transform: uppercase;
margin-top: 1rem;
}
#contenu .publications a.btn-categorie:hover {
background-color: var(--bleu-2);
}
#contenu.infos-pratiques h1 {
font-size: 1.3rem;
margin-top: 0.5rem;
color: var(--bleu-2);
text-transform: uppercase;
font-family: 'Montserrat';
}
#contenu .sous-titre p {
font-family: 'Montserrat';
font-size: 1.1rem;
margin-bottom: 0;
}
#contenu .testimonial .carousel-indicators {
bottom: -0.5;
margin-bottom: 0;
}
#contenu .testimonial .carousel-inner {
padding-bottom: 2rem;
}
#carouselJeune {
margin-bottom:0;
}
#carouselJeune  .card-content {
background-color:#eee;
}
#carouselJeune  .card-content p.last {
margin-bottom:0
}   #contenu .resident .card-body {
background-color: var(--orange-1);
}
#contenu .resident .card-body p {
font-family: 'Montserrat';
color: var(--blanc-1);
margin-bottom: 0;
}
#contenu .contact .block {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
#contenu .contact .card {
border-radius: 0;
border: 0;
width: 100%;
height: 85px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#contenu .contact .card h3 {
text-transform: uppercase;
}
#contenu .contact a:hover,
#contenu .contact a:focus,
#contenu .contact a:hover .card,
#contenu .contact a:focus .card {
text-decoration: none;
opacity: 0.7;
}
#contenu .contact .card .card-body {
padding: 1rem;
}
#contenu .contact .card p {
font-size: 0.9rem;
margin-bottom: 0;
}
#contenu .contact a.btn-contact {
font-family: 'Montserrat';
background-color: var(--orange-1);
color: var(--blanc-1);
border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
position: relative;
color: var(--blanc-1);
margin: 0 auto;
padding: 0.4rem;
width: 100%;
}
@media screen and (max-width: 992px) {
#contenu .contact .card.grand,
#contenu .contact .card.normal {
height: 100% !important;
}
#contenu .contact .card.grand .card-img-overlay,
#contenu .contact .card.normal .card-img-overlay {
position: relative;
}
}
@media screen and (max-width: 576px) {
#contenu .contact .card p {
text-align: center !important;
}
} #galerie-2 .card .card-title {
color: white;
font-size: 0.65rem;
background-color: var(--bleu-1);
display: table;
padding: 0.3rem 1rem;
}
#galerie-2 .card .card-title small {
font-size: 66%;
}
ul.slick-dots {
margin: 0;
padding:15px 0;
text-align: center;
}
ul.slick-dots li {
margin: 0 5px;
padding:0;
list-style-type:none;
display: inline-block;
}
ul.slick-dots li button {
transition:.2s;
cursor:pointer;
width: 10px;
height:10px;
background: var(--bleu-1);
border:none;
text-indent: -8000em;
opacity: 0.5;
display: block;
border-radius: 25px;
;
}
ul.slick-dots li.slick-active button {
opacity: 1;
}
ul.slick-dots li button:hover {
opacity: 1;
}
.one-item ul.slick-dots  {
display: none;
} #offres {
padding-top: 75px;
}
#offres-details {
padding-top: 75px;
}
#offres .btn-offres {
color: var(--blanc-1);
border-radius: 0;
text-transform: uppercase;
margin: 0 auto;
display: table;
padding: 0.475rem 2rem;
}
.sjb-page {
background: none;
} .sjb-page .list-data {
margin: 5px 0;
}
.sjb-page #single .job-type {
color: var(--blanc-1) !important;
}
.sjb-page #single h2 {
font-family: 'Montserrat';
font-size: 1.8em;
color: var(--blanc-1)fff;
text-align: left;
}
.sjb-page #single .job-description,
.sjb-page #single .job-description p,
.sjb-page .list-data .job-location,
.sjb-page .list-data .job-date {
color: var(--noir-1) !important;
}
.sjb-page .sjb-filters .form-control {
height: 50px !important;
margin-bottom: 15px !important;
}
.sjb-page .sjb-detail .list-data h3 {
font-family: 'Montserrat';
color: #555;
}
.sjb-page .list-data .job-info h4 a:hover {
color: var(--orange-1) !important;
}
.sjb-page #single .job-location,
.sjb-page #single .job-location a,
.sjb-page #single .job-date,
.sjb-page #single i {
color: var(--blanc-1) !important;
}
.sjb-page .jobpost-form {
background-color: var(--blanc-1);
border: 1px solid #eee;
padding: 15px;
}
.sjb-page .jobpost-form .required {
margin-left: 5px;
}
.sjb-page .sjb-detail .job-features .table {
border-top: 1px solid #e1e1e1;
}
.sjb-page .sjb-detail .job-features .table td:first-child {
padding-left: 15px !important;
}
.sjb-listing .list-data .job-type  {
color: var(--orange-1) !important;
}
.sjb-page .sjb-detail .jobpost-form .file div,
.sjb-page .btn {
border-radius: 0 !important;
}
.sjb-page .no-job-listing {
text-align: center;
}
.sjb-filters .btn-search {
background: var(--bleu-2) !important;
color: var(--blanc-1) !important;
border: 1px solid rgb(225, 225, 225);
}
.gm-style .gm-style-iw-c {
border-radius: 0 !important;
}
.wpgmp_infowindow .fc-item-title {
color: var(--bleu-2) !important;
}
.wpgmp_iw_content .fc-item-content img {
max-width: 250px !important;
}
.sjb-listing .list-data {
border: 1px solid var(--bleu-2) !important;
}
.sjb-listing .list-data span.job-title {
font-family: 'Montserrat';
}
.sjb-page .sjb-detail .jobpost-form .file div,
.sjb-page .btn-primary {
background-color: var(--bleu-2) !important;
}
.sjb-page .job-description h3 {
font-family: 'Montserrat' !important;
position: relative !important;
background-color: var(--blanc-1) !important;
color: var(--bleu-2) !important;
display: inline-block !important;
margin-left: 2.5rem !important;
margin-bottom: 2rem !important;
margin-top: 0 !important;
text-transform: uppercase !important;
}
.sjb-page .job-description h3:after {
content: "\e900" !important;
font-family: "icomoon" !important;
speak: none !important;
color: var(--bleu-2) !important;
font-size: 1.8rem !important;
position: absolute !important;
left: -2.5rem !important;
transform: translateY(-50%) !important;
top: 50% !important;
}
.sjb-page .sjb-detail .list-data h3 {
color: var(--bleu-2) !important;
margin: 17px 0 30px 0;
text-transform: uppercase;
}
.sjb-page .sjb-detail .list-data ul li::before {
content: "\f0c8" !important;
color: var(--bleu-2) !important;
font-size: 5px !important;
} .sjb-detail .card,
#offres-details .card {
border: 0;
border-radius: 0;
}
.sjb-detail .card .card-img-overlay,
#offres-details .card .card-img-overlay {
background-color: rgba(25, 159, 224, 0.7);
}
.sjb-detail .card h1,
#offres-details .card h1 {
top: 50%;
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
text-align: center;
text-transform: uppercase;
font-size: 2.5rem;
}
.sjb-detail .card h1 {
top: unset;
transform: unset;
bottom: 0rem;
left: 1rem;
}
@media screen and (max-width: 768px) {
.sjb-detail .card .card-img-overlay, #offres-details .card .card-img-overlay {
background-color: rgba(25, 159, 224, 1);
position: relative;
}
.sjb-detail .card .card-img {
display: none;
}
.sjb-page #single h2 {
position: relative;
margin-bottom: 0;
}
}  blockquote {
padding-top:75px;
padding-bottom: 75px;
;
}
blockquote a {
color:var(--bleu-1);
border-radius: 50px;
padding:15px 50px;
border:2px solid var(--bleu-1);
font-size: 18px;
line-height: 24px;
;
}
blockquote a:hover {
border:2px solid var(--bleu-2);
color:var(--bleu-2);
text-decoration: none;
}
.block_text blockquote  {
padding-top: 25px;
padding-bottom: 0;
}
.block_text blockquote a {
font-size:18px;
display: inline-block;
}
.block_text {
display: flex;
align-items: center;
}
.block_text div {
padding:50px
}
.block_galerie_c {
display: flex;
align-items: center;
justify-content: center;
}
.block_galerie_c > div {
min-width: 0px;
}
.block_video_slider a {
min-height: 400px;
position: relative;
}
.block_video_slider a img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover ;
}
.block_video_slider a::after {
content:"";
position:absolute;
top:50%;
left:50%;
height:50px;
width:50px;
margin:-25px 0 0 -25px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/ico_play_w.svg) no-repeat scroll center center / cover;
}
.block_video_slider a span {
position:absolute;
background:var(--blanc-1);
bottom:0;
left:0;
width:100%;
padding:5px;
text-align: center;
}
.block_texte_photo  {
padding-top: 100px;
padding-bottom:100px;
position: relative;
cursor:pointer;
overflow: hidden;
border-radius: 50px;
}
.block_texte_photo .text {
position: relative;
z-index: 50;
}
.block_texte_photo p {
color: var(--blanc-1);
font-family: 'Playfair Display';
font-size: 36px;
position: relative;
text-shadow: var(--noir-1) 1px 0 10px;
}
.block_texte_photo a {
color:var(--blanc-1);
display:inline-block;
border-radius: 50px;
font-size: 36px;
line-height: 40px;
text-shadow:var(--noir-1) 1px 0 10px;
;
}
.block_texte_photo a:hover {
text-decoration: none;
}
.block_texte_photo a::after {
content:"";
position:absolute;
height:30px;
width:30px;
bottom:0;
left:50%;
margin-bottom:-40px;
margin-left:-15px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/plus-circle_w.svg) no-repeat  center center / cover;
}
.block_texte_photo .img-bg {
object-fit: cover;
border-radius:50px;
top:0;
left:0;
position: absolute;
width:100%;
height:100%;
z-index: 10;
-webkit-filter: grayscale(0.4);
filter: grayscale(0.4);
transition:.2s;
}
.block_texte_photo::after {
content:"";
position: absolute;
background:var(--bleu-1);
width:100vw;
height: 100%;
top:0;
left:-100vw;
transition:.5s;
z-index:30;
opacity: 0.9;
}
.block_texte_photo:hover::after {
left:0
} .block_texte_survol  {
margin-bottom: 25px;
}
.block_texte_survol .inside {
padding:30px 30px 150px 30px;
border-radius: 25px;
overflow: hidden;
background:var(--bleu-1);
overflow: hidden;
position: relative;
cursor:pointer;
}
.block_texte_survol .inside .shortcut_title  {
display: flex;
align-items: center;
justify-content: center;
min-height: 75px;
}
.block_texte_survol .inside .shortcut_title p.title {
font-family: 'Playfair Display';
font-size: 20px;
line-height: 30px;
color:var(--blanc-1);
margin-bottom: 0;
text-align: center;
}
.block_texte_survol .inside .shortcut_title a:hover {
text-decoration: none;
}
.block_texte_survol .inside p.title.height_min {
min-height: 100px;
margin:0;
}
.block_texte_survol .inside p {
font-size: 13px;
line-height: 18px;
;
}
.block_texte_survol .inside .img-bg {
position: absolute;
height:150px;
width:100%;
left:0;
bottom:0;
transition: .2s;
}
.block_texte_survol .inside .img-bg img {
position:absolute;
top:15px;
left:0;
height:100%;
width:100%;
object-fit: cover;
}
.block_texte_survol .inside::after {
content:"";
position: absolute;
background:var(--bleu-1);
width:100vw;
height: 100%;
top:0;
left:-100vw;
transition:.2s;
z-index:30;
opacity: 0.9;
}
.block_texte_survol .inside:hover::after {
left:0
}
.block_texte_survol .inside .shortcut_description {
z-index: 40;
opacity: 0;
position: absolute;
padding:15px 25px;
display: flex;
align-items: center;
justify-content: center;
height:100%;
top:0;
left:0;
width:100%;
text-align: center;
}
.block_texte_survol .inside .shortcut_description p {
color:var(--blanc-1);
font-size: 16px;
line-height: 24px;
}
.block_texte_survol .inside .shortcut_description ul {
margin:0;
padding:0
}
.block_texte_survol .inside .shortcut_description ul li {
margin:0 5px 10px 0;
padding:0;
list-style-type: none;
display: inline-block;
}
.block_texte_survol .inside .shortcut_description ul li a {
display: block;
font-size: 16px;
padding:5px 15px;
color:var(--blanc-1);
border-radius: 25px;
border:1px solid var(--blanc-1);
}
.block_texte_survol .inside .shortcut_description ul li a:hover {
background:var(--blanc-1);
border:1px solid var(--blanc-1);
color:var(--bleu-1);
text-decoration: none;
}
.block_texte_survol .inside:hover .shortcut_title {
z-index: 0;
}
.block_texte_survol .inside:hover .shortcut_description {
opacity: 1;
}
.block_texte_survol .inside:hover .img-bg {
height:110%
}
.bloc_page_link  {
margin-bottom: 25px;
}
.bloc_page_link .inside {
padding:30px 30px 150px 30px;
border-radius: 25px;
overflow: hidden;
background:var(--bleu-1);
overflow: hidden;
position: relative;
cursor:pointer;
}
.bloc_page_link .inside .shortcut_title  {
display: flex;
align-items: center;
justify-content: center;
min-height: 75px;
}
.bloc_page_link .inside .shortcut_title p.title {
font-family: 'Playfair Display';
font-size: 20px;
line-height: 30px;
color:var(--blanc-1);
margin-bottom: 0;
text-align: center;
}
.bloc_page_link .inside .shortcut_title a:hover {
text-decoration: none;
}
.bloc_page_link .inside p.title.height_min {
min-height: 100px;
margin:0;
}
.bloc_page_link .inside p {
font-size: 13px;
line-height: 18px;
;
}
.bloc_page_link .inside .img-bg {
position: absolute;
height:150px;
width:100%;
left:0;
bottom:0;
transition: .2s;
}
.bloc_page_link .inside .img-bg img {
position:absolute;
top:15px;
left:0;
height:100%;
width:100%;
object-fit: cover;
}
.bloc_page_link .inside::after {
content:"";
position: absolute;
background:var(--bleu-1);
width:100vw;
height: 100%;
top:0;
left:-100vw;
transition:.2s;
z-index:30;
opacity: 0.9;
}
.bloc_page_link .inside:hover::after {
left:0
}
.bloc_page_link .inside .shortcut_description {
z-index: 40;
opacity: 0;
position: absolute;
padding:15px 25px;
display: flex;
align-items: center;
justify-content: center;
height:100%;
top:0;
left:0;
width:100%;
text-align: center;
}
.bloc_page_link .inside:hover .shortcut_title {
z-index: 0;
}
.bloc_page_link .inside:hover .shortcut_description {
opacity: 1;
}
.bloc_page_link .inside:hover .img-bg {
height:110%
}
.bloc_page_link.class_blue_light .inside  {
background:#34aeb6
}
.bloc_page_link.class_pink .inside  {
background:#e4007d
}
.bloc_page_link.class_orange .inside  {
background:var(--orange-1)
}
.bloc_page_link.class_blue_light .inside::after  {
background:#34aeb6
}
.bloc_page_link.class_pink .inside::after  {
background:#e4007d
}
.bloc_page_link.class_orange .inside::after  {
background:var(--orange-1)
}
.sep_c {
margin-bottom:50px;
height:10px;
position:relative;
width:100%;
}
.sep_c.has_line {
padding-bottom:25px;
padding-top:25px;
margin-bottom:50px;
margin-top:50px;
height:10px;
position:relative;
width:100%;
}
.sep_c.has_line::after {
content:"";
position: absolute;
height:1px;
background:#1d1d1f;
z-index:0;
width:10%;
top:0;
left:50%;
margin-left:-5%;
margin-top:25px;
}  .hero-circle {
position: relative; width: 655px;
height:441px;
margin:0 auto;
}
.inner-img {
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
width: 655px;
height:441px;
margin-left: -327.5px;
margin-top: -220.5px;
}
.hero-rotate {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100%;
animation: rotate 60s linear infinite;
}
.planet {
position: absolute;
width: 200px;
top: 50%;
left: 50%;
}
.planet:nth-child(1) {
margin-left: -100px;
margin-top: -195px;
}
.planet:nth-child(2) {
margin-left: 40px;
margin-top: -130px;
}
.planet:nth-child(3) {
margin-left: 85px;
margin-top: 20px;
}
.planet:nth-child(4) {
margin-left: -20px;
margin-top: 140px;
}
.planet:nth-child(5) {
margin-left: -175px;
margin-top: 140px;
}
.planet:nth-child(6) {
margin-left: -275px;
margin-top: 25px;
}
.planet:nth-child(7) {
margin-left: -242px;
margin-top: -113px;
}
.planet  {
animation: maintain 60s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes maintain {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes scale {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.block_text_slider ul {
padding:0 0 0 0;
margin: 0 0 0 0;
}
.block_text_slider ul li {
padding:0 0 10px 60px;
margin: 0;
list-style-type: none;
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
position: relative;
min-height: 60px;
}
.block_text_slider ul li strong {
color:var(--bleu-2);
font-size: 32px;
display: inline-block;
position: absolute;
left:0;
width:40px;
text-align: right;
} #mentions h2.type-2 {
font-family: 'Montserrat';
position: relative;
background-color: var(--blanc-1);
color: var(--bleu-1);
display: inline-block;
margin-left: 2.5rem;
margin-bottom: 2rem;
}
#mentions h2.type-2:after {
content: "\e900";
font-family: "icomoon";
speak: none;
color: var(--bleu-2);
font-size: 1.8rem;
position: absolute;
left: -2.5rem;
transform: translateY(-50%);
top: 50%;
} footer {
position: relative;
padding-top: 75px;
padding-bottom: 75px;
color:var(--blanc-1);
overflow: hidden;
}
footer::before {
content:"";
position:absolute;
top:0;
left:50%;
margin-left:50%;
height: 105%;
width: 200%;
margin-left:-100%;
background:#303030;
z-index:-1
}
footer p {
color:var(--blanc-1)
}
footer .f1 {
position: relative;
padding-top:125px
}
footer .f1::before {
content:"";
position:absolute;
top:15px;
left:50%;
margin-left:-97.5px;
height: 75px;
width: 195px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/logo_footer.png) no-repeat scroll center center / cover;
}
footer .f1 ul {
padding:0;
margin:0;
text-align: center;
width:100%;
}
footer .f1 ul li {
padding:0;
margin:0;
list-style-type: none;
display: inline-block;
}
footer .f1 ul li a {
margin:0 5px;
padding:0;
height:50px;
width:50px;
position:relative;
background:var(--blanc-1);
border-radius: 50px;
display:inline-flex;
align-items: center;
justify-content: center;
}
footer .f1 ul li a i {
font-size: 20px;
color:var(--noir-1);
}
footer .f1 ul li a:hover {
text-decoration: none;
border:none;
background:var(--bleu-2)
}
footer .f1 ul li a:hover i {
text-decoration: none;
border:none;
} footer .f2  {
padding-left: 50px;
}
footer .f2 .title {
font-weight: 600;
position:relative;
}
footer .f2 .title::before {
content:"";
position:absolute;
top:0;
left:0;
height: 20px;
width: 20px;
margin-left:-35px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/footer_contact.svg) no-repeat scroll center center / cover;
}
footer .f2 a.bt:hover {
color:var(--blanc-1);
border:1px solid var(--blanc-1);
}
footer .f3  {
padding-left: 50px;
}
footer .f3 .title {
font-weight: 600;
position:relative;
}
footer .f3 .title::before {
content:"";
position:absolute;
top:0;
left:0;
height: 20px;
width: 20px;
margin-left:-35px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/footer_about.svg) no-repeat scroll center center / cover;
}
footer .f3 ul {
padding:0;
margin:0;
}
footer .f3 ul li {
padding:0;
margin:0 0 10px 0;
list-style-type: none;
}
footer .f3 ul li a {
color:var(--blanc-1)
}
footer .f3 ul li a:hover {
color:var(--bleu-2);
text-decoration: none;
}
footer .f4  {
padding-left: 50px;
}
footer .f4 .title {
font-weight: 600;
position:relative;
}
footer .f4 .title::before {
content:"";
position:absolute;
top:0;
left:0;
height: 20px;
width: 20px;
margin-left:-35px;
background:transparent url(//www.opal02.com/wp-content/themes/opal2024/img/footer_info.svg) no-repeat scroll center center / cover;
}
footer .f4 ul {
padding:0;
margin:0;
}
footer .f4 ul li {
padding:0;
margin:0 0 10px 0;
;
list-style-type: none;
}
footer .f4 ul li a {
color:var(--blanc-1)
}
footer .f4 ul li a:hover {
color:var(--bleu-2);
text-decoration: none;
} #logo-slider {
padding-top: 0;
}
#logo-slider .slick-slide {
margin: 0px 20px;
}
#logo-slider .slick-slide img {
width: 100%;
}
#logo-slider .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
#logo-slider .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
#logo-slider .slick-list:focus {
outline: none;
}
#logo-slider .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
#logo-slider .slick-slider .slick-track,
#logo-slider .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#logo-slider .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
#logo-slider .slick-track:before,
#logo-slider .slick-track:after {
display: table;
content: '';
}
#logo-slider .slick-track:after {
clear: both;
}
#logo-slider .slick-loading .slick-track {
visibility: hidden;
}
#logo-slider .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
#logo-slider [dir='rtl'] .slick-slide {
float: right;
}
#logo-slider .slick-slide img {
display: block;
}
#logo-slider .slick-slide.slick-loading img {
display: none;
}
#logo-slider .slick-slide.dragging img {
pointer-events: none;
}
#logo-slider .slick-initialized .slick-slide {
display: block;
}
#logo-slider .slick-loading .slick-slide {
visibility: hidden;
}
#logo-slider .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
#logo-slider .slick-arrow.slick-hidden {
display: none;
} div.btn-back-to-top {
padding: 0.5rem 1rem;
position: fixed;
right: 0.88rem;
bottom: 5.5rem;
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
-webkit-transform: translateY(250%);
transform: translateY(250%);
border-radius: 0;
}
div.btn-back-to-top.scrolled {
-webkit-transform: translateY(0);
transform: translateY(0);
}
div.btn-top span {
color: var(--bleu-1);
font-size: 2.5em;
font-weight: 900;
}
div.btn-top span:active,
div.btn-top span:focus,
div.btn-top span:hover {
color: var(--orange-1);
} #contact-us p {
margin-bottom: 0;
}
#contact-us .form {
width: 100%;
height: 50px;
padding: 15px;
background: #f8f8f8;
border: 1px solid rgba(0, 0, 0, 0.075);
margin-bottom: 25px;
color: #727272 !important;
font-size: 13px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
#contact-us .form:hover {
border: 1px solid var(--orange-1);
}
#contact-us .form:focus {
color: var(--blanc-1);
outline: none;
border: 1px solid var(--orange-1);
}
#contact-us textarea {
height: 20.6em !important;
max-height: 20.6em;
max-width: 100%;
}
#contact-us .form-btn {
font-family: 'Barlow Se', Helvetica, sans-serif;
width: 100%;
display: block;
height: auto;
padding: 15px;
color: var(--blanc-1);
background: var(--bleu-2);
border: none;
border-radius: 0;
text-transform: uppercase;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin: auto;
}
#contact-us .form-btn:hover {
background: var(--bleu-1);
color: var(--blanc-1);
border: none;
}
#contact-us .form-btn:active {
opacity: 0.9;
}
#contact-us .wpcf7-list-item {
margin: 0 !important;
}
.grecaptcha-badge {
display: none !important;
} figure.img-hover {
position: relative;
overflow: hidden;
width: 100%;
background: var(--blanc-1);
text-align: center;
margin: 0;
}
figure.img-hover * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
figure.img-hover img {
max-width: 100%;
vertical-align: top;
}
figure.img-hover i {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
font-size: 34px;
color: var(--noir-1);
width: 60px;
height: 60px;
line-height: 60px;
background: var(--blanc-1)fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.img-hover a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.img-hover:hover img {
opacity: 0.3;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
figure.img-hover i {
color: var(--bleu-1);
}
figure.img-hover:hover i {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
} #recherche h2 {
padding: 0;
color: var(--bleu-1);
}
#recherche .result {
margin-bottom: 1.2rem;
}
#recherche .result:last-of-type {
margin-bottom: 0;
}
#recherche .result .search-post-title {
font-family: 'Barlow Se', Helvetica, sans-serif;
color: var(--noir-1);
font-size: 1.5rem;
text-align: left;
display: block;
}
#recherche .result .search-post-link a {
font-family: 'Barlow Se', Helvetica, sans-serif;
font-size: 0.9rem;
color: var(--bleu-2);
text-align: left;
display: block;
}
#recherche .result .search-post-excerpt {
font-size: 1rem;
text-align: left;
display: block;
} .product-slider #thumbcarousel {
margin: 12px 0 0;
padding: 0 45px;
}
.product-slider #thumbcarousel .item {
text-align: center;
}
.product-slider #thumbcarousel .item .thumb {
width: 20%;
margin: 0 2%;
display: inline-block;
vertical-align: middle;
cursor: pointer;
max-width: 98px;
margin-bottom: 1rem;
}
.product-slider #thumbcarousel .item .thumb:hover {
border-color: var(--bleu-2);
}
.product-slider .item img {
width: 100%;
height: auto;
} #mk-fullscreen-searchform {
position: relative;
verticle-align: middle;
}
#mk-fullscreen-searchform:focus {
outline: none;
border: none;
}
#mk-fullscreen-search-input::-webkit-input-placeholder {
color: var(--blanc-1);
}
#mk-fullscreen-search-input::-moz-placeholder {
color: var(--blanc-1);
}
#mk-fullscreen-search-input:-ms-input-placeholder {
color: var(--blanc-1);
}
#mk-fullscreen-search-input:-moz-placeholder {
color: var(--blanc-1);
}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform input[type=submit] {
position: absolute;
width: 100px;
height: 100%;
background-color: transparent;
border: 0;
right: 0;
top: 0;
}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon {
font-size: 25px;
position: absolute;
right: 15px;
width: 25px;
top: 30px;
color: var(--blanc-1);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input {
width: 600px;
background-color: transparent;
-webkit-box-shadow: 0 3px 0 0 var(--blanc-1);
-moz-box-shadow: 0 3px 0 0 var(--blanc-1);
box-shadow: 0 3px 0 0 var(--blanc-1);
border: 0;
text-align: center;
font-size: 35px;
padding: 20px;
color: var(--blanc-1);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input:focus {
boder: none;
outline: none;
}
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show {
visibility: visible;
opacity: 1;
}
.mk-fullscreen-search-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 159, 227, 0.95);
text-align: center;
-webkit-transition: all ease-in-out .25s;
-moz-transition: all ease-in-out .25s;
-ms-transition: all ease-in-out .25s;
-o-transition: all ease-in-out .25s;
transition: all ease-in-out .25s;
}
.mk-fullscreen-search-overlay {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.mk-fullscreen-search-overlay {
z-index: 11000;
}
.mk-fullscreen-search-overlay .mk-fullscreen-close:link,
.mk-fullscreen-search-overlay .mk-fullscreen-close:visited {
color: var(--blanc-1);
}
.mk-fullscreen-search-overlay .mk-fullscreen-close {
position: absolute;
right: 1.5em;
top: 1em;
font-size: 1.7em;
-webkit-transition: transform ease-out .2s;
-moz-transition: transform ease-out .2s;
-ms-transition: transform ease-out .2s;
-o-transition: transform ease-out .2s;
transition: transform ease-out .2s;
z-index: 10001;
}
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
ms-transform: scale(1);
}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper {
display: inline-block;
max-width: 1000px;
vertical-align: middle;
text-align: center;
font-size: 18px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
ms-transform: scale(0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
.search-trigger {
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
display: block;
}
.search-trigger #search-button {
display: relative;
vertical-align: middle;
cursor: pointer;
opacity: 1;
padding-right: 10px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.search-trigger #search-button i {
color: var(--bleu-2) !important;
font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input {
width: 100%;
}
} .wpsight-pagination  {
padding:50px 0;
}
.wpsight-pagination ul.page-numbers {
text-align: center;
width:100%;
border:none
}
.wpsight-pagination ul.page-numbers:hover {
background: none;
}
.wpsight-pagination ul li {
margin:0 !important;
}
a.page-numbers, span.page-numbers {
padding:5px;
border-radius: 50px;
border:1px solid var(--noir-1);
height:35px;
width:35px;
display: inline-block;
margin:0 3px;
transition: .2s;
;
}
a.page-numbers.current, span.page-numbers.current  {
background:var(--bleu-2);
color:var(--blanc-1) !important;
border:1px solid var(--bleu-2);
}
a.page-numbers:hover, span.page-numbers:hover {
background:var(--bleu-2);
color:var(--blanc-1) !important;
border:1px solid var(--bleu-2);
text-decoration: none;
}
a.page-numbers.dots, span.page-numbers.dots {
border:none
}
a.next.page-numbers, span.next.page-numbers {
width: auto;
height: auto;
border:none;
padding:5px 15px;
}
a.prev.page-numbers, span.prev.page-numbers {
width: auto;
height: auto;
border:none;
padding:5px 15px;
} .navbar.fixed {
transition-property: margin-top,margin-right;
transition-duration: .5s,.1s;
transition-delay: 0;
transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-moz-transition-property: margin-top,margin-right;
-moz-transition-duration: .5s,.1s;
-moz-transition-delay: 0;
-moz-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-o-transition-property: margin-top,margin-right;
-o-transition-duration: .5s,.1s;
-o-transition-delay: 0;
-o-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-ms-transition-property: margin-top,margin-right;
-ms-transition-duration: .5s,.1s;
-ms-transition-delay: 0;
-ms-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-webkit-transition-property: margin-top,margin-right;
-webkit-transition-duration: .5s,.1s;
-webkit-transition-delay: 0;
-webkit-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
background-color: #f2f2f2;
position: fixed;
width: 100%;
top: 0;
right: 0;
left: 0;
margin-top: 0 !important;
padding: 1.2rem;
z-index: 15000;
} @keyframes showAnimation {
0% {
-moz-transform: scaleY(0.1);
-ms-transform: scaleY(0.1);
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
}
40% {
-moz-transform: scaleY(1.04);
-ms-transform: scaleY(1.04);
-webkit-transform: scaleY(1.04);
transform: scaleY(1.04);
}
60% {
-moz-transform: scaleY(0.98);
-ms-transform: scaleY(0.98);
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80% {
-moz-transform: scaleY(1.04);
-ms-transform: scaleY(1.04);
-webkit-transform: scaleY(1.04);
transform: scaleY(1.04);
}
100% {
-moz-transform: scaleY(0.98);
-ms-transform: scaleY(0.98);
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80% {
-moz-transform: scaleY(1.02);
-ms-transform: scaleY(1.02);
-webkit-transform: scaleY(1.02);
transform: scaleY(1.02);
}
100% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-moz-keyframes showAnimation {
0% {
-moz-transform: scaleY(0.1);
-ms-transform: scaleY(0.1);
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
}
40% {
-moz-transform: scaleY(1.04);
-ms-transform: scaleY(1.04);
-webkit-transform: scaleY(1.04);
transform: scaleY(1.04);
}
60% {
-moz-transform: scaleY(0.98);
-ms-transform: scaleY(0.98);
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80% {
-moz-transform: scaleY(1.04);
-ms-transform: scaleY(1.04);
-webkit-transform: scaleY(1.04);
transform: scaleY(1.04);
}
100% {
-moz-transform: scaleY(0.98);
-ms-transform: scaleY(0.98);
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80% {
-moz-transform: scaleY(1.02);
-ms-transform: scaleY(1.02);
-webkit-transform: scaleY(1.02);
transform: scaleY(1.02);
}
100% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes showAnimation {
0% {
-moz-transform: scaleY(0.1);
-ms-transform: scaleY(0.1);
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
}
40% {
-moz-transform: scaleY(1.04);
-ms-transform: scaleY(1.04);
-webkit-transform: scaleY(1.04);
transform: scaleY(1.04);
}
60% {
-moz-transform: scaleY(0.98);
-ms-transform: scaleY(0.98);
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80% {
-moz-transform: scaleY(1.04);
-ms-transform: scaleY(1.04);
-webkit-transform: scaleY(1.04);
transform: scaleY(1.04);
}
100% {
-moz-transform: scaleY(0.98);
-ms-transform: scaleY(0.98);
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80% {
-moz-transform: scaleY(1.02);
-ms-transform: scaleY(1.02);
-webkit-transform: scaleY(1.02);
transform: scaleY(1.02);
}
100% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes hideAnimation {
0% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
60% {
-moz-transform: scaleY(0.98);
-ms-transform: scaleY(0.98);
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80% {
-moz-transform: scaleY(1.02);
-ms-transform: scaleY(1.02);
-webkit-transform: scaleY(1.02);
transform: scaleY(1.02);
}
100% {
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@-moz-keyframes hideAnimation {
0% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
60% {
-moz-transform: scaleY(0.98);
-ms-transform: scaleY(0.98);
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80% {
-moz-transform: scaleY(1.02);
-ms-transform: scaleY(1.02);
-webkit-transform: scaleY(1.02);
transform: scaleY(1.02);
}
100% {
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@-webkit-keyframes hideAnimation {
0% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
60% {
-moz-transform: scaleY(0.98);
-ms-transform: scaleY(0.98);
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80% {
-moz-transform: scaleY(1.02);
-ms-transform: scaleY(1.02);
-webkit-transform: scaleY(1.02);
transform: scaleY(1.02);
}
100% {
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
} .erreur {
height: 450px;
}
.erreur .text-wrapper {
height: 100%;
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: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.erreur .title {
font-size: 5em;
font-weight: 700;
color: var(--bleu-1);
position: relative;
text-align: center;
}
.erreur .subtitle {
font-size: 1.5em;
font-weight: 700;
color: var(--bleu-1);
position: relative;
text-align: center;
}
.erreur .buttons {
margin-top: 4em;
}
.erreur .buttons a.button {
background-color: var(--bleu-2);
font-weight: 700;
border: 2px solid var(--blanc-1)fff;
text-decoration: none;
padding: 15px;
text-transform: uppercase;
color: white;
border-radius: 26px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.erreur .buttons a.button:hover {
background-color: var(--blanc-1)fff;
color: var(--bleu-2);
border: 2px solid var(--bleu-2);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.erreur .subtitle:before,
.erreur .title:before {
content: attr(data-content);
position: absolute;
left: -2px;
text-shadow: 1px 0 blue;
top: 0;
color: white;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
-webkit-animation: noise-anim-2 3s infinite linear alternate-reverse;
animation: noise-anim-2 3s infinite linear alternate-reverse;
}  @media (max-width: 767px) {
h2 {
font-size:30px
}
html {
margin-top: 0 !important;
}
html #wpadminbar {
display: none;
}
body.admin-bar #header {
top:0
}
body.admin-bar {
padding-top: 120px;
}
.fullscreen {
width: 100%;
}
#ca_chatbot-body {
z-index: 100 !important;
}
#menu_top .menu_top_1 a {
padding:0;
font-size: 13px;
}
#menu_top .menu_top_1 a::before {
display:none
}
#menu_top .menu_top_2 {
padding-left:0
}
#navbar-header {
text-align: left;
}
#navbar-header .navbar-brand {
padding:0
}
#menu_top .menu_top_2 .ico_opal {
padding:0 0 0 35px;
font-size: 12px;
}
#menu_top .menu_top_2 .ico_top {
margin-right:0
}
#navbar-button {
justify-content: flex-end;
}
#header {
background:var(--blanc-1)
}
#header #navbar {
display: none;
}
footer .f4 {
padding-bottom: 100px;
}
#infos .inside p.text {
min-height: auto;
margin-bottom: 0;
}
.fullscreen .modal-body {
padding:25px
}
.fullscreen .modal-body ul::before {
display:none
}
.fullscreen .modal-body ul li a {
font-size: 16px;
;
}
.fullscreen .modal-body ul ul li a {
font-size:14px;
line-height: 30px;
;
}
.fullscreen .modal-body ul li.menu-item-has-children > a::after {
margin-top:-20px;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone {
padding:15px;
width: 100%;
text-align: center;
min-height: 300px;
}
#video_homepage .bloc_shortcut .inside .shortcut_title h2 {
font-size: 26px;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description  {
padding:15px;
width: 100%;
text-align: center;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description p {
font-size: 20px;
text-align: center;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description ul  {
text-align: center
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description ul li {
margin:3px
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description ul li a {
font-size: 15px;
padding:5px 20px;
;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .img-bg {
left:0;
width:100%
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone::before  {
display:none
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone::after  {
content:"";
position: absolute;
background:var(--bleu-1);
width:100vw;
height: 100%;
top:0;
left:0;
transition:.5s;
z-index:30;
opacity: 0.9;
clip-path: none;
}
#video_homepage .bloc_shortcut .inside .shortcut_title {
width:100%;
padding:25px
}
#shortcut {
padding-bottom: 25px;
}
#shortcut .inside {
margin-bottom: 25px;
padding: 15px 15px 150px 15px;
}
#shortcut .inside .shortcut_title h2 {
font-size: 18px;
}
#shortcut .inside .shortcut_title {
min-height: 40px;
}
#shortcut .inside .shortcut_description p  {
font-size: 18px;
text-align: center;
}
#phrase_clef .title_slider ul li {
font-size: 18px;
line-height: 24px;
padding:0 0 30px 0;
margin-bottom: 25px;
}
#logements {
text-align: center;
padding-top: 25px;
}
#logements .title p {
width: 100%;
}
.wpsight-listings-search .listings-search-field {
padding-right: 0;
}
#logements .wpsight-listings-search .listings-search-field-submit input{
width:100% !important
}
#actualites .title {
text-align: center;
}
#actualites .all {
text-align: center;
}
#actualites .title p {
width: 100%;
}
#actualites .all {
justify-content: center;
}
#chiffres .bloc_chiffres .counter {
padding:0 15px
}
#chiffres .bloc_chiffres .counter::before {
display:none
}
#chiffres .chiffre {
padding:25px;
}
#chiffres .chiffre span {
font-size: 40px;
line-height: 40px;
}
#chiffres .chiffre .counter-value {
font-size: 40px;
line-height: 40px;
}
#chiffres .chiffre .text {
font-size: 18px;
;
}
#infos .bloc_infos  {
margin-bottom: 15px;
;
}
#infos .inside .img-bg {
display: none;
}
#infos .inside {
padding:30px 75px 30px 30px;
}
#infos .inside p.title.height_min {
min-height: auto;
}
#chiffres .title_slider ul li {
font-size: 28px;
line-height:32px;
}
footer {
padding-bottom:0
}
footer .f1 {
margin-bottom:50px;
}
footer .f2 {
margin-bottom:50px;
}
footer .f3 {
margin-bottom:50px;
}
#contenu .counter {
padding:0;
}
#contenu .chiffre .text {
font-size: 18px;
;
}
#content_title h1 {
font-size: 50px;
line-height: 62px;
} .order-2 {
order: 1;
}
#actualites .news-slider .slick-arrow {
width:60px;
height:60px;
display:none
}
#actualites .news-slider .slick-prev {
left:-50px;
}
#actualites .news-slider .slick-next {
right:-50px;
}
.hero-circle {
transform: scale(0.85);
margin-left:-145px;
}
.block_text div {
padding:15px 0
}
.slide {
padding:25px !important;
margin-bottom: 25px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
html {
margin-top: 0 !important;
}
html #wpadminbar {
display: none;
}
body.admin-bar #header {
top:0
}
body.admin-bar {
padding-top: 120px;
}
.fullscreen {
width: 100%;
}
#ca_chatbot-body {
z-index: 100 !important;
}
#navbar-button {
justify-content: flex-end;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
#header {
background:var(--blanc-1)
}
#header #navbar {
display: none;
}
#navbar-header {
text-align:left;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone {
padding:15px;
width: 100%;
text-align: center;
min-height: 30vh;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description  {
padding:15px;
width: 100%;
text-align: center;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description p {
font-size: 20px;
text-align: center;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description ul  {
text-align: center
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description ul li {
margin:3px
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .shortcut_description ul li a {
font-size: 15px;
padding:5px 20px;
;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .img-bg {
left:0;
width:100%
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone::before  {
display:none
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone::after  {
content:"";
position: absolute;
background:var(--bleu-1);
width:100vw;
height: 100%;
top:0;
left:0;
transition:.5s;
z-index:30;
opacity: 0.9;
clip-path: none;
}
#infos .bloc_infos  {
margin-bottom: 15px;
;
}
#infos .inside {
padding:25px 25px 100px 25px;
}
#infos .inside::after {
display:none
}
footer {
padding-bottom:0
}
footer .f1 {
margin-bottom:50px;
}
footer .f2 {
margin-bottom:50px;
}
footer .f3 {
margin-bottom:50px;
}
.block_texte_survol .inside-hover p {
font-size: 18px;
}
#actualites .news-slider .slick-arrow {
width:60px;
height:60px;
}
#actualites .news-slider .slick-prev {
left:-50px;
}
#actualites .news-slider .slick-next {
right:-50px;
}
.slide {
padding:25px !important;
margin-bottom: 25px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#header {
}
#navbar {
justify-content: flex-end;
padding-right:0
}
#navbar-header {
height:90px;
}
#navbar-header .navbar-brand img {
max-width: none;
}
#navbar-header .navbar-brand {
padding-left:0
}
#navbar ul li.last a {
padding-right: 0;
margin-right: 0;
}
#navbar ul li a {
padding:26px 15px 26px 5px;
margin:0 5px;
font-size: 11px;
;
}
footer {
padding-bottom:0
}
footer .f1 {
margin-bottom:50px;
}
footer .f2 {
margin-bottom:50px;
}
footer .f3 {
margin-bottom:50px;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone {
padding-right: 55vw;
padding-left: 30px;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .img-bg {
left:30%;
width: 70%;
;
}
.fullscreen {
width:60%
}
#navbar-header .navbar-brand {
padding-left:0;
padding-right:0
}
#navbar ul li.menu-item-has-children > a {
margin-right: 20px;
;
}
}
@media (min-width: 1200px) and (max-width: 1699px) {
#header {
}
#navbar {
justify-content: flex-end;
padding-right:0;
padding-left:0;
height:100px
}
#navbar-header .navbar-brand {
padding-left:0;
padding-right:0
}
#navbar-header {
height:75px;
}
#navbar-header .navbar-brand img {
max-width: none;
}
#navbar ul li.last a {
padding-right: 0;
margin-right: 0;
}
#navbar ul li a {
padding:26px 25px 26px 5px;
margin:0 5px
}
#shortcut .bloc_shortcut .bloc_shortcut_alone {
padding-right: 50vw;
}
#infos .inside {
padding:25px 65px 200px 25px
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone {
padding-right: 50vw;
padding-left: 30px;
}
#video_homepage .bloc_shortcut .bloc_shortcut_alone .img-bg {
left:30%;
width: 70%;
;
}
#actualites .news-slider .slick-arrow {
width:60px;
height:60px;
}
#actualites .news-slider .slick-prev {
left:-50px;
}
#actualites .news-slider .slick-next {
right:-50px;
}
.fullscreen {
width:45%
}
#navbar ul li.menu-item-has-children > a {
margin-right: 20px;
;
}
#shortcut .inside {
padding-left:20px;
padding-right: 20px;
}
#shortcut .inside .shortcut_title h2 {
font-size: 18px;
line-height: 24px;
}
}
@media (min-width: 1500px){
.container {
max-width: 1370px;
}
}