@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";
}
body { padding-top:135px; background-color: #f5f8fa;}
body.admin-bar { padding-top:132px;}
body.admin-bar #header { top:32px}
.bt_1 { color:#FFF; border-radius: 25px; padding:10px 25px; border:1px solid #FFF;;}
.bt_1:hover { background:#FFF;  border:1px solid #FFF; color:#044a92; text-decoration: none;}
.bt { color:#FFF; border-radius: 25px; padding:10px 25px; border:1px solid #00a0e0; background:#00a0e0; font-weight: 600; display: inline-block;}
.bt:hover { background:transparent;   color:#333; border:1px solid #333; text-decoration: none;}
.hide { display: none;}
strong { font-weight: 600;}
.slide { margin-bottom: 75px;}
.aligncenter { text-align: center;}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Playfair Display'; text-transform: none;}
#contenu h2 strong { background:#019ee3; color: #FFF; 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:#044a92; color: #FFF; 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:#044a92; z-index: -1; }
#menu_top .menu_top_1 {  height: 40px; display: flex; align-items: center;}
#menu_top .menu_top_1 a {  color:#FFF; padding:0 20px 0 45px; position: relative;  height: 40px; display: flex; align-items: center;}
#menu_top .menu_top_1 a:hover {  background: #00a0e0;  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:#FFF; 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:#00a0e0; 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:#FFF }
#menu_top .menu_top_2 .ico_top:hover i {color:#00a0e0 }
#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:#FFF; 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; width: 100%; 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:#00a0e0; 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: #FFF; 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:#333; 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: #333;} 
.fullscreen .modal-content { height: 100%; min-height: 100%; border-radius: 0; color: #333; 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: #333; 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: #00a0e0; 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: #333; 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: #333;
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:#044a92; 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:#044a92; width:100px; height: 100%; top:0; z-index:25}
#video_homepage .bloc_shortcut .inside .shortcut_title h2 { color:#FFF; font-size: 30px; line-height: 36px; position: relative; text-shadow:#333 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:#044a92;  position: absolute; top:0; left:0; height:100%; width:100%; z-index: -1; }
#video_homepage .bloc_shortcut .inside .shortcut_description p { color:#FFF; 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:#FFF; border-radius: 25px; border:1px solid #FFF;}
#video_homepage .bloc_shortcut .inside .shortcut_description ul li a:hover { background:#FFF;  border:1px solid #FFF; color:#044a92; 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: #fff;
opacity: 1;
transform: translateY(50%);
}
#carouselAccueil .carousel-control-prev {
left: -25px;
z-index: 5000;
background: #fff;
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: #004195; 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:#004195; 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:#FFF; 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:#044a92; 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:#FFF; 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:#FFF; border-radius: 25px; border:1px solid #FFF;}
#shortcut .inside .shortcut_description ul li a:hover { background:#FFF;  border:1px solid #FFF; color:#044a92; 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: #333;
}
section { padding: 0 0 3rem 0; } 
a {
color: #333;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
a:hover {
color: #fd7923;
text-decoration: underline;
}
p {
color: #333;
margin-bottom: 20px;
font-weight: 300;
font-size: 1rem;
}
ul li {
color: #333;
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: #044a92 !important; }
.bg-bleu-tres-clair { background-color: #e8f5ff !important; }
.bg-gris { background-color: #f2f2f2 !important; }
.bg-blanc { background-color: #fff !important; }
.bg-orange { background-color: #ff7900 !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: #1aa0e0;
line-height: 1.5rem;
z-index: 18000;
}
.cr p,
.cr a,
.cr ul li {
color: #fff;
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: #fff;
padding: 0.5rem 0.5rem;
left: unset;
right: 5px;
bottom: 5px;
}
#carouselPrincipal.carousel .carousel-caption div {
font-family: 'Montserrat';
color: #009ee3;
}
#carouselWrapper.carousel .carousel-caption { 
position: relative;
left: 0;
right: 0;
padding: 0;
margin-top: 2rem;
}
#carouselWrapper.carousel .carousel-caption p {
color: #00a0e0;
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: #333; }
.breadcrumb a,
.breadcrumb .breadcrumb_last {
color: #333;
font-size: 0.8rem;
}
.breadcrumb .breadcrumb_last { 
font-family: 'Montserrat';
color: #014b97;
} .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: #fff;
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: #fff;
border: 0;
border-radius: 0;
width: 100%;
padding: 0;
margin-top: 0.1rem;
}
#acces-rapide .dropdown .dropdown-item {
padding: .25rem 1.5rem;
color: #fff;
background-color: transparent;
border: 0;
border-bottom: 1px solid #fff;
}
#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 #333; }
#mot article p,
#mot article h2,
#mot article strong {
font-family: Times, "Times New Roman", Helvetica, serif !important;
text-transform: initial;
color: #333;
}
#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: #00a0e0;
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: #014997;
}
#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:#333333; font-weight: 600; margin-bottom: 0;  position: absolute; top:0;}
#actualites h2 { font-size: 52px;  padding-top:25px;}
#actualites .actualites { cursor:pointer; padding:20px 20px 60px 20px; border-radius: 15px;  transition:.2s; box-shadow: 1px 1px 5px #ddd; margin-bottom: 35px;}
#actualites .actualites .image { border-radius: 15px; margin-bottom: 25px; overflow: hidden;}
#actualites .actualites figcaption h3 { margin-bottom: 10px; font-family: 'Montserrat'; font-size: 1.3rem;}
#actualites .actualites .date { margin-bottom: 15px; font-weight: 600; background:#044a92; padding:2px 5px; color:#FFF; display: inline-block; font-size: 12px;}
#actualites .actualites:hover { background:rgba(255, 255, 255, .5); box-shadow: 1px 1px 5px #ccc; }
#actualites .actualites:hover a.bt { background:transparent;   color:#333; border:1px solid #333; 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:#00a0e0;}
#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:#fff; 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;}
.page-template #actualites .actualites { height: 95%;}
.page-template #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: #FFF;} 
#single h1 { padding-top:75px; margin-bottom: 5px; text-align: center;}
#single .date { text-align:center; margin-bottom:50px;}
#single h2 {
font-family: 'Montserrat';
color: #044a92;
margin-bottom: 2rem;
display: block;
}
#single b,
#single strong { color: #044a92; }
#single .btn-primary {
border-radius: 0;
color: #fff;
background-color: #019ee2;
border-color: #009de2;
}
#single .carousel-caption {
color: #fff;
font-size: 1rem;
background-color: #024c97;
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:#fff; z-index:-1}
#logements .title { padding-top:50px}
#logements .title > div { position: relative;}
#logements .title p { font-size: 15px; color:#333333; font-weight: 600; margin-bottom: 0; position: absolute; top:0; }
#logements h2 { font-size: 52px; padding-top:25px;  }
#logements h2 strong {  color:#044a92;   }
#logements .wpsight-listings-search { padding:50px 0 !important; background: none !important;}
#logements .wpsight-listings-search input {  font-family: 'Montserrat' ; border:1px solid #333333; 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 #333333; 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:#00a0e0 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:#333333 !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:#00a0e0 !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 #333333 !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 #333333 !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:#00a0e0 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:#333333 !important}
#contenu .wpsight-listings-sc { padding-top:75px;}
#contenu .wpsight-listings-sc select {  font-family: 'Montserrat' ; border:1px solid #333333 !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:#00a0e0 !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:#044a92; z-index:-1}
#chiffres .title h2 { font-size: 52px; display: inline-block; color:#FFF}
#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: #FFF; 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:#FFF; 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: #FFF; 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:#FFF; font-family: 'Montserrat'; font-size: 50px; line-height:50px; font-weight: 900;}
#chiffres .chiffre .counter-value { color:#FFF; font-family: 'Montserrat'; font-size: 50px; line-height:50px; font-weight: 900;}
#chiffres .chiffre .text { color:#FFF; 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:#FFF; 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:#00a0e0}
#infos .inside:hover p.title a { color:#FFF; }
#infos .inside:hover p { color:#FFF; }
#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 #219cd3}
#content_title::before  { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#044a92; 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:#FFF;}
#content_title.has_thumb h1 { color:#FFF; text-shadow: #333 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: #FFF;} 
#contenu h1.type-2,
#contenu div.type-2 {
font-family: 'Montserrat';
position: relative;
background-color: #fff;
color: #014b97;
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: #00a0e0;
font-size: 2.5rem;
position: absolute;
left: -3.5rem;
transform: translateY(-50%);
top: 50%;
}
#contenu h3.type-2 {
text-transform: uppercase;
background-color: #ff7900;
color: #fff;
display: table;
padding:15px 25px
}
#contenu h3.type-3 {
position: relative;
text-transform: uppercase;
background-color: #00a0e0;
color: #fff;
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: #00a0e0;
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:#044a92 ;}
#contenu .chiffre .counter-value {  font-family: 'Montserrat'; font-size: 50px; line-height:50px; font-weight: 900; color:#044a92; }
#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: #00a0e0; }
#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: #0b4d95;
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: #fd7923;
text-decoration: none !important;
}
#contenu .publications .card .card-body span {
color: #0b4d95;
font-size: 1.3rem;
display: block;
}
#contenu .publications .card .card-body small {
font-family: 'Montserrat';
text-transform: uppercase;
color: #0b4d95;
font-size: 0.7rem;
}
#contenu .publications .card .card-body small.date {
color: #333;
margin-bottom: 0.75rem;
display: block;
}
#contenu .publications a.btn-categorie {
background-color: #044a92;
color: #fff;
border-radius: 0;
text-transform: uppercase;
margin-top: 1rem;
}
#contenu .publications a.btn-categorie:hover { background-color: #00a0e0; }
#contenu.infos-pratiques h1 {
font-size: 1.3rem;
margin-top: 0.5rem;
color: #1aa1de;
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: #ff7900; }
#contenu .resident .card-body p {
font-family: 'Montserrat';
color: #fff;
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: #ff7900;
color: #fff;
border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
position: relative;
color: #fff;
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: #024c97;
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: #004195; 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: #fff;
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: #fff !important; }
.sjb-page #single h2 {
font-family: 'Montserrat';
font-size: 1.8em;
color: #ffffff;
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: #333 !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: #ec773b !important; }
.sjb-page #single .job-location,
.sjb-page #single .job-location a,
.sjb-page #single .job-date,
.sjb-page #single i { color: #fff !important; }
.sjb-page .jobpost-form {
background-color: #fff;
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: #ec773b !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: #3498db !important;
color: #fff !important;
border: 1px solid rgb(225, 225, 225);
}
.gm-style .gm-style-iw-c { border-radius: 0 !important; }
.wpgmp_infowindow .fc-item-title { color: #1b9fe0 !important; }
.wpgmp_iw_content .fc-item-content img { max-width: 250px !important; }
.sjb-listing .list-data { border: 1px solid #199fe0 !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: #00a0e0 !important; }
.sjb-page .job-description h3 {
font-family: 'Montserrat' !important;
position: relative !important;
background-color: #fff !important;
color: #00a0e0 !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: #00a0e0 !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: #00a0e0 !important;
margin: 17px 0 30px 0;
text-transform: uppercase;
}
.sjb-page .sjb-detail .list-data ul li::before { 
content: "\f0c8" !important;
color: #3297fa !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:#044a92; border-radius: 50px; padding:15px 50px; border:2px solid #044a92; font-size: 18px; line-height: 24px;;}
blockquote a:hover {  border:2px solid #00a0e0; color:#00a0e0; 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:#fff; 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: #FFF; font-family: 'Playfair Display';font-size: 36px; position: relative; text-shadow: #333 1px 0 10px;}
.block_texte_photo a { color:#FFF; display:inline-block; border-radius: 50px; font-size: 36px; line-height: 40px; text-shadow:#333 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:#044a92; 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:#004195; 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:#FFF; 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:#044a92; 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:#FFF; 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:#FFF; border-radius: 25px; border:1px solid #FFF;}
.block_texte_survol .inside .shortcut_description ul li a:hover { background:#FFF;  border:1px solid #FFF; color:#044a92; 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:#004195; 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:#FFF; 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:#044a92; 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:#fd7923}
.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:#fd7923}
.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:#009fe3; 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: #fff;
color: #014b97;
display: inline-block;
margin-left: 2.5rem;
margin-bottom: 2rem;
}
#mentions h2.type-2:after {
content: "\e900";
font-family: "icomoon";
speak: none;
color: #00a0e0;
font-size: 1.8rem;
position: absolute;
left: -2.5rem;
transform: translateY(-50%);
top: 50%;
} footer {position: relative; padding-top: 75px; padding-bottom: 75px; color:#FFF; 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:#FFF}
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:#FFF; border-radius: 50px; display:inline-flex; align-items: center; justify-content: center;}
footer .f1 ul li a i { font-size: 20px;  color:#333; }
footer .f1 ul li a:hover { text-decoration: none; border:none; background:#00a0e0}
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:#FFF; border:1px solid #FFF; }
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:#FFF  }
footer .f3 ul li a:hover { color:#00a0e0; 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:#FFF  }
footer .f4 ul li a:hover { color:#00a0e0; 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: #004195;
font-size: 2.5em;
font-weight: 900;
}
div.btn-top span:active,
div.btn-top span:focus,
div.btn-top span:hover {color: #fd7923; } #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 #fd7923; }
#contact-us .form:focus {
color: #fff;
outline: none;
border: 1px solid #fd7923;
}
#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: #fff;
background: #00a0e0;
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: #014997;
color: #fff;
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: #fff;
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: #333333;
width: 60px;
height: 60px;
line-height: 60px;
background: #ffffff;
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: #014997; }
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: #014b97;
}
#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: #333;
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: #35afb7;
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: #1089c0; }
.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: #fff;
}
#mk-fullscreen-search-input::-moz-placeholder {
color: #fff;
}
#mk-fullscreen-search-input:-ms-input-placeholder {
color: #fff;
}
#mk-fullscreen-search-input:-moz-placeholder {
color: #fff;
}
.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: #fff;
-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 #fff;
-moz-box-shadow: 0 3px 0 0 #fff;
box-shadow: 0 3px 0 0 #fff;
border: 0;
text-align: center;
font-size: 35px;
padding: 20px;
color: #fff;
-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: #fff; }
.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: #009fe3 !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 #333; height:35px; width:35px; display: inline-block; margin:0 3px; transition: .2s;;}
a.page-numbers.current, span.page-numbers.current  { background:#00a0e0; color:#FFF !important; border:1px solid #00a0e0;}
a.page-numbers:hover, span.page-numbers:hover { background:#00a0e0; color:#FFF !important; border:1px solid #00a0e0; 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: #014997;
position: relative;
text-align: center;
}
.erreur .subtitle {
font-size: 1.5em;
font-weight: 700;
color: #014997;
position: relative;
text-align: center;
}
.erreur .buttons { margin-top: 4em; }
.erreur .buttons a.button {
background-color: #019ee2;
font-weight: 700;
border: 2px solid #ffffff;
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: #ffffff;
color: #019ee2;
border: 2px solid #019ee2;
-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:#fff}
#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:#044a92; 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:#fff}
#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:#044a92; 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;}
}