/*
    Theme Name: ONO
    Theme URI: https://www.cliniqueoeilgeneve.ch/
    Author: ONO
    Author URI: https://www.ono.world/
    Description: ONO Eye Clinic WP Theme
    Version: 1.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: ono

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/* COULEURS
https://www.rapidtables.com/convert/color/index.html
https://www.rapidtables.com/convert/color/rgb-to-hsl.html

bleu 1      #009fe3 - rgb(0,159,227)    - hsl(198,100%,45%)
bleu -      #008fcc - rgb(0,143,204)    - hsl(198,100%,40%)
bleu 2      #0080b5 - rgb(0,128,181)    - hsl(198,100%,35%)
bleu 3      #005b81 - rgb(0,91,129)     - hsl(198,100%,25%)
bleu L      #b3e8ff - rgb(179,232,255)  - hsl(198,100%,85%)

violet 1    #8883be - rgb(136,131,190)  - hsl(245,31%,63%)
violet -    #7873b5 - rgb(120,115,181)  - hsl(245,31%,58%)
violet 2    #6862ac - rgb(104,98,172)   - hsl(245,31%,53%)
violet 3    #514c90 - rgb(81,76,144)    - hsl(245,31%,43%)

rose 1      #e6a2c8 - rgb(230,162,200)  - hsl(326,58%,77%)
rose -      #e18ebd - rgb(225,142,189)  - hsl(326,58%,72%)
rose 2      #db7ab1 - rgb(219,122,177)  - hsl(326,58%,67%)
rose 3      #d05199 - rgb(208,81,153)   - hsl(326,58%,57%)

blanc       #ffffff - rgb(255,255,255)  - hsl(0,0%,100%)
gris        #f7f7f7 - rgb(247,247,247)  - hsl(0,0%,97%)
gris 0      #f5f5f5 - rgb(245,245,245)  - hsl(0,0%,96%)
gris 1      #e5e5e5 - rgb(229,229,229)  - hsl(0,0%,90%)
gris 2      #cccccc - rgb(204,204,204)  - hsl(0,0%,80%)
gris 3      #b2b2b2 - rgb(178,178,178)  - hsl(0,0%,70%)
gris 4      #999999 - rgb(153,153,153)  - hsl(0,0%,60%)
gris 5      #7f7f7f - rgb(127,127,127)  - hsl(0,0%,50%)
noir 1      #4c4c4c - rgb(76,76,76)     - hsl(0,0%,30%)
noir 2      #3c3c3c - rgb(60,60,60)     - hsl(0,0%,24%)
noir        #000000 - rgb(0,0,0)        - hsl(0,0%,0%)

jaune : #f2a60f
beige : #e9dace
vert        #6bbfa3 - rgb(107,191,163)  - hsl(160,40%,58%)
marron : #925415
orange      #e87d3d -                   - hsl(22,79%,57%)
rouge       #d30535 - rgb(211,5,53)     - hsl(346,95%,42%) */

/*********************************************
    - 1.0 - CSS RESET
*********************************************/
body, p, ul, ol, dl {font-size:16px; text-rendering:optimizeLegibility;}
/* body.stm-macintosh {-webkit-font-smoothing:antialiased; /*! -moz-osx-font-smoothing:grayscale; *} */
h1, h2, h3, h4, h5, h6 {font-family:'Rubik', Arial, sans-serif; /* 'Roboto' */ font-style:normal; font-weight:500; color:hsl(0,0%,30%); text-rendering:optimizeLegibility; line-height:1.2; margin:0 0 .5rem;}
a {color:inherit;}
a:focus {outline:0 !important;}
[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {margin:0;}
/* ::-moz-selection, ::selection {color:#fff; background:#4d4d4f;}
table tr.even, table tr.alt, table tr:nth-of-type(2n) {background:#f3f3f6;} */
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}
.sticky {}

/*********************************************
    - 2.0 - GLOBAL
*********************************************/
@viewport{width:device-width; zoom:1;}
::-moz-selection {background:#222; color:#fff; -webkit-background-clip:initial; -webkit-text-fill-color:initial;}
::selection {background:#222; color:#fff; -webkit-background-clip:initial; -webkit-text-fill-color:initial;}
body {font-family:'Roboto', sans-serif; background-color:hsl(198,100%,99%); color:hsl(0,0%,30%); -webkit-font-smoothing:auto;}
main {overflow:hidden;}
a:hover, a:focus {color:#009fe3;}
p a {text-decoration:underline;}
p a:hover, p a:focus {text-decoration:none; color:#009fe3;}
.columns.left {padding-right:0;}
.columns.right {padding-left:0;}
div.wp-block-image .alignleft, div.wp-block-image .alignnone {display:inline; float:left; margin:0.5rem 30px 0.5rem 0;}
div.wp-block-image .alignright {display:inline; float:right; margin:0.5rem 0 0.5rem 30px;}
div.wp-block-image .aligncenter {display:block; margin:0.5rem auto 15px;}
.wp-caption-text {margin:0; padding:10px 0 0; font-size:12px; color:#aaa;}
.wp-block-media-text {margin:0 0 1rem;}
blockquote {position:relative; margin:2rem 0; padding:2.25rem 2.25rem 2.25rem 5rem; background-color:hsl(198,100%,96%); border:none;}
blockquote::before {content:'“';position:absolute; top:60px; left:-10px; font-family:'Times New Roman', Times, serif; font-size:120px; line-height:0; font-weight:bold; color:hsl(198,100%,45%);}
blockquote p {margin:0; font-family:'Rubik'; font-size:26px; line-height:1.2; font-style:italic; color:hsl(198,100%,45%); background:linear-gradient(90deg,hsl(198,100%,45%), hsl(198,100%,25%));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;}
cite {margin:0.75rem 0 0; font-size:1rem; font-style:normal; text-transform:uppercase; color:hsl(198,80%,70%);}
table {border-spacing:0; border-collapse:collapse;}
figcaption {margin:0.5rem 0 1rem; font-size:13px;}

h1 {font-size:2rem;}
h2 {margin:0 0 2rem; font-size:1.875rem;}
h3 {font-size:1.25rem;}
h4 {margin:0 0 18px; font-size:1.125rem;}
h5, h6 {font-size:1rem;}

h2.section-title {font-size:3rem;}
.tag-title {display:block; margin:0 0 10px; text-transform:uppercase; font-weight:bold; color:#009fe3;}

[class*="column"] + [class*="column"]:last-child {float:left;}

/* BOUTONS */
.btn {display:inline-block; padding:8px 22px; font-weight:500; text-decoration:none; border-radius:5px;}
.micro {padding:8px 16px; font-size:11px;}
.macro {padding:8px 26px; font-size:20px;}
.btn:focus {box-shadow:0 0 0 3px hsla(198,100%,45%,0.5);}

.btn-primary, .btn-primary:focus {text-decoration:none !important; background-color:hsl(198,100%,45%); color:#fff;}
.btn-primary:hover {background-color:hsl(198,100%,40%); color:#fff;}
.btn-primary:active {background-color:hsl(198,100%,35%); color:#fff;}

.btn-secondary, .btn-secondary:focus {padding:6px 20px; text-decoration:none !important; background-color:transparent; color:#009fe3; border:2px solid hsla(198,100%,45%,0.35);}
.btn-secondary:hover {padding:8px 22px; background-color:hsla(198,100%,45%,0.25); color:#008fcc; border:none;}
.btn-secondary:active {padding:8px 22px; background-color:hsla(198,100%,45%,0.35); color:#0080b5; border:none;}

.btn-tertiary, .btn-tertiary:focus {padding:0; color:#009fe3; text-decoration:underline;}
.btn-tertiary:hover {color:#008fcc;}
.btn-tertiary:active {color:#0080b5;}

.full-green {background-color:#6bbfa3;}
.soft-white, .soft-white:focus {color:#fff; border:2px solid hsla(0,0%,100%,0.35);}
.soft-white:hover {padding:10px 22px; background-color:hsla(0,0%,100%,0.25); color:#fff; border:none;}
.soft-white:active {padding:10px 22px; background-color:hsla(0,0%,100%,0.35); color:#fff; text-shadow:0px 0px 4px hsla(0,0%,100%,0.5); border:none;}
.thin-white, .thin-white:focus {padding:0; color:hsla(0,0%,100%,0.75);}
.thin-white:hover {color:#fff;}
.thin-white:active {color:#fff; text-shadow:0px 0px 4px hsla(0,0%,100%,0.5);}
.full-dark, .full-dark:focus {text-decoration:none !important; background-color:hsl(0,0%,30%); color:#fff;}
.full-dark:hover {background-color:hsl(0,0%,25%); color:#fff;}
.full-dark:active {background-color:hsl(0,0%,20%); color:#fff;}
.full-light, .full-light:focus {text-decoration:none !important; background-color:#fff; color:hsl(0,0%,30%);}
.full-light:hover {background-color:hsl(0,0%,97%); color:hsl(198,100%,45%);}
.full-light:active {background-color:hsl(0,0%,95%); color:hsl(198,100%,40%);}

/* .btn-success {background-color:#009fe3; color:#fff;}
.btn-danger {background-color:#009fe3; color:#fff;}
.btn-warning {background-color:#009fe3; color:#fff;}
.btn-info {background-color:#009fe3; color:#fff;} */


/* ANIMATIONS */
.wave {
    -webkit-animation-name:wave;
    -webkit-animation-duration:1s;
    animation-name:wave;
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-timing-function:ease;
}

@-webkit-keyframes wave {
    0% {box-shadow:0 0 0 0 rgba(0,159,227, 0.3);}
    100% {box-shadow:0 0 1px 10px rgba(0,159,227, 0);}
}
@keyframes wave {
    0% {box-shadow:0 0 0 0 rgba(0,159,227, 0.3);}
    100% {box-shadow:0 0 1px 10px rgba(0,159,227, 0);}
}

.moveblue {background: linear-gradient(270deg, #009fe3, #0080b5);
background-size: 400% 400%;
-webkit-animation: bluegradient 4s ease infinite;
-moz-animation: bluegradient 4s ease infinite;
animation: bluegradient 4s ease infinite;}

@-webkit-keyframes bluegradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes bluegradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes bluegradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.blinkorange {
-webkit-animation: blinking 1s infinite;
-moz-animation: blinking 1s infinite;
animation: blinking 1s infinite;
}

@keyframes blinking {
    0% {background-color:hsl(22,79%,57%);}
    100% {background-color:hsl(22,79%,47%);}
}


/*********************************************
  - 3.0 - HEADER
*********************************************/
header {position:relative; z-index:1000; width:100%; transition: height 0.1s ease-in-out; transition: height 0.1s ease-in-out;}
/* #topbar {position:relative; height:40px; background:hsl(198,100%,96%); overflow:hidden; z-index:1;}
header .menu-top-container, header .socials {display:inline-block; float:right;}
header .menu-top-container {margin:10px 0 0;}
.menu-top-container ul {margin:0; list-style:none; font-size:12px; font-weight:500;}
.menu-top-container ul li {display:inline; margin:0 20px 0 0;}
.menu-top-container ul li a {color:hsl(198,80%,70%);}
header .menu-top-container ul li.counterjob a {color:hsl(198,43%,50%);}
.menu-top-container ul li a:hover, .menu-top-container ul li a:focus, .menu-top-container ul li.current-menu-item a {color:#009fe3;}
.counterjob a::after {display:inline-block; width:20px; height:20px; margin:0 0 0 5px; line-height:20px; text-align:center; background:hsl(198,43%,50%); color:#fff; border-radius:100%;}
.menu-top-container ul li.counterjob a:hover::after, .menu-top-container ul li.counterjob a:focus::after, .menu-top-container ul li.counterjob.current-menu-item a::after {background-color:#009fe3;}
header .socials {margin:0;} */

/* POP UP */
.reveal-overlay {background-color:rgba(10,10,10,0.75);}
.reveal {padding:0; border:none;}
.reveal > div {padding:0 0 0.875rem;}
.reveal h1 {position:relative; font-size:50px; text-transform:uppercase; color:#fff; z-index:1;}
.reveal p {position:relative; margin:0 0 1.5rem; padding:0 30px; font-size:18px; color:#fff; z-index:1;}
.reveal a {font-weight:bold;}
.reveal p span {color:#009fe3;}
.reveal .close-button {color:#fff;}
.reveal .close-button:hover {color:#4c4c4c;}
.reveal .cover {display:block; margin:0 0 30px; padding:30px;}
.reveal .btn-theme {position:relative; margin:0 30px 0.5rem; text-align:left; z-index:1;}
.reveal .btn-theme span {margin:0 0 0 1rem; font-weight:normal;}
/* Emergency */
/* #topbar .emergency {float:right; margin:0; padding:13px 12px; font-size:12px; font-weight:500; background-color:transparent; color:hsl(346,95%,42%); border-right:1px solid #fff; transition:none; -webkit-transition:none;}
#topbar .emergency:hover {background-color:hsl(346,95%,42%); color:#fff; border-left:1px solid hsl(346,95%,42%);} */
#emergency > div {padding:0 0 30px; background:url("img/urgences.jpg") no-repeat center center; background-size:cover;}
#emergency div::after {content:""; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; background-color:hsla(346,95%,42%,0.8);}
#emergency .btn-theme {box-shadow:0 8px 16px 0 rgba(208,6,6,.1)}
#emergency .btn-theme:hover {color:hsl(346,95%,42%); box-shadow:0 3px 6px 0 rgba(208,6,6,.2)}
/* Callcenter */
/* #topbar .callcenter {float:right; margin:0; padding:13px 12px; font-size:12px; font-weight:500; background:#fff; color:hsl(198,100%,45%); transition:none; -webkit-transition:none;}
#topbar .callcenter:hover {background:hsl(198,100%,40%); color:#fff;} */
#callcenter > div {padding:0 0 30px; background:url("img/callcenter.jpg") no-repeat center center; background-size:cover;}
#callcenter div::after {content:""; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; background-color:hsla(198,100%,45%,0.8);}


/* RECHERCHE */
#searchform {position:relative; border-left:1px solid #fff;}
#searchform input {width:100%; height:40px; margin:0; padding:10px 45px 10px 15px; font-size:12px; font-weight:500; background-color:transparent; border:none; box-shadow:none;}
#searchform input::placeholder {font-weight:normal; font-style:italic; color:hsl(198,80%,70%);}
#searchform input:focus {background:transparent;
background: -moz-linear-gradient(90deg, rgba(250,253,255,1) 0%, rgba(250,253,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(250,253,255,1) 0%, rgba(250,253,255,0) 100%);
background: linear-gradient(90deg, rgba(250,253,255,1) 0%, rgba(250,253,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafdff",endColorstr="#fafdff",GradientType=1);}
#searchform .button {position:absolute; top:0; right:0; width:40px; height:40px; padding:0;}
#searchicon i {position:absolute; top:0; right:0; width:40px; height:40px; margin:0; padding:12px; font-size:14px; text-align:center; color:hsl(198,80%,70%);}
#searchicon:hover i {color:#009fe3;}

/* SOCIALS */
.socials {list-style:none;}
.socials li {display:inline-block; line-height:1; /* border-left:1px solid #eee; */}
.socials a {display:block; height:40px; padding:10px 12px; font-size:18px; color:hsl(198,80%,70%);}
.socials i {margin:0;}
.facebook:hover, .staff .facebook:hover {/* background-color:#3b5998; */ background-color:hsl(221,44%,41%);}
.twitter:hover, .staff .twitter:hover {/* background-color:#1da1f2; */ background-color:hsl(203,89%,53%);}
.linkedin:hover, .staff .linkedin:hover {/* background-color:#0077b5; */ background-color:hsl(201,100%,35%);}
.viadeo:hover, .staff .viadeo:hover {/* background-color:#f07355; */ background-color:hsl(12,84%,64%);}
.xing:hover, .staff .xing:hover {/* background-color:#026466; */ background-color:hsl(181,96%,20%);}
.skype:hover, .staff .skype:hover {/* background-color:#00aff0; */ background-color:hsl(196,100%,47%);}
.youtube:hover, .staff .youtube:hover {/* background-color:#cd201f; */ background-color:hsl(0,74%,46%);}
.googleplus:hover, .staff .googleplus:hover {/* background-color:#dd4b39; */ background-color:hsl(7,71%,55%);}
.instagram:hover, .staff .instagram:hover {/* background-color:#833ab4; */ background-color:hsl(276,51%,47%);}
.socials li:hover a {color:#fff;}

/* MENU */
nav {max-height:92px; padding:25px 0; background-color:#fff; -webkit-box-shadow:0 8px 16px 0 rgba(1,96,231,.1); -moz-box-shadow:0 8px 16px 0 rgba(1,96,231,.1); -o-box-shadow:0 8px 16px 0 rgba(1,96,231,.1); box-shadow:0 8px 16px 0 rgba(1,96,231,.1);}
#logo {margin:0; height:42px;}
#logo a {float:left;}
#logo img, #logosvg {display:block; height:42px;}
#fullmenu {text-align:right;}
.menu-principal-container {display:inline-block; margin:8px 0 0;}
.menu-principal-container ul {list-style:none;}
#menu-principal {margin:0;}
#menu-principal li {position:relative; display:inline-block; margin:0 0 0 30px;}
#menu-principal li:first-child {margin:0;}
#menu-principal li a {text-transform:uppercase; font-size:14px; font-weight:500; color:#4c4c4c;}
#menu-principal li.current-menu-item > a, #menu-principal li a:hover {color:#009fe3;}
.counterjob a::after {display:inline-block; width:15px; height:15px; margin:0 0 0 3px; font-size:10px; line-height:16px; text-align:center; vertical-align:super; background:#009fe3; color:#fff; border-radius:100%;}

/* Bouton */
#menu-principal li.btn {padding:0;}
#menu-principal li.btn a {margin:-13px 0 0; padding:12px 18px; background:#009fe3; color:#fff; border-radius:5px;}
#menu-principal li.btn a:hover {background:hsl(198,100%,40%);}
#menu-principal li.btn a:active {background:hsl(198,100%,35%);}
#fullmenu button {margin:-2px 0 0 15px; padding:9px 18px; text-transform:uppercase; font-size:14px; font-weight:500; line-height:1.6; background:hsla(346,95%,42%,0.15); color:hsl(346,95%,42%); border:none; border-radius:5px;}
#fullmenu button i {margin:0;}
#fullmenu button:hover {background:hsl(346,95%,42%); color:#fff;}

/* Sous-Menu */
#menu-principal .menu-item-has-children::after {position:absolute; top:5px; right:0; content:"\f107"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:12px; cursor:pointer;}
#menu-principal .menu-item-has-children > a {padding:0 16px 36px 0;}
/* li:hover, li:focus-within {background:red; cursor:pointer;}
li:focus-within a {outline:none;} */

#menu-principal li ul {display:none; visibility:hidden; opacity:0; position:absolute; left:-20px; /* min-width:230px; */ min-width:275px; margin:33px 0 0; background-color:hsl(0,0%,30%); transition: all 0.5s ease;}
#menu-principal li ul li {display:block; margin:0;}
#menu-principal li ul li a {display:block; padding:10px 20px; text-align:left; text-transform:none; color:hsl(0,0%,100%);}
#menu-principal li ul li.link a:after {display:inline; float:right; font-family:'Font Awesome 5 Free'; content:"\f35d";}
#menu-principal li ul li a:hover {background-color:hsl(198,100%,45%); color:hsl(0,0%,100%);}
#menu-principal li:hover > ul, #menu-principal li:focus-within > ul, #menu-principal li ul:hover, #menu-principal li ul:focus {visibility:visible; opacity:1; display:block;}
/* #menu-principal li ul li {clear:both; width:100%;} */

/* Menu Responsive */
#mobilemenu, #mobilenav {display:none;}
/* nav > .row {position:relative;} */

.slicknav_btn {position:absolute; top:25px; right:0.9375rem; margin:11px 0; cursor:pointer;}
.slicknav_menu {*zoom:1;}
/* .slicknav_menu .slicknav_icon */ .slicknav_menutxt {display:none;}
.slicknav_menu .slicknav_no-text {margin:0;}
.slicknav_menu .slicknav_icon-bar {display:block; width:25px; height:4px; background-color:hsl(0,0%,80%); border-radius:5px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin:4px 0 0;}
.slicknav_menu:before {content:" "; display:table;}
.slicknav_menu:after {content:" "; display:table; clear:both;}
.slicknav_btn:hover .slicknav_icon-bar {background-color:hsl(198,100%,45%);}
.slicknav_open .slicknav_icon-bar {background-color:hsl(0,0%,30%);}

.slicknav_nav {clear:both;}
.slicknav_nav ul {display:block;}
.slicknav_nav li {display:block;}
.slicknav_nav li.btn {padding:0;}
.slicknav_nav .slicknav_arrow {font-size:0.8em; margin:0 0 0 0.4em;}
.slicknav_nav .slicknav_item {cursor:pointer;}
.slicknav_nav .slicknav_item a {display:inline;}
.slicknav_nav .slicknav_row {display:block;}
.slicknav_nav a {display:block;}
.slicknav_nav .slicknav_parent-link a {display:inline;}

.slicknav_brand {float:left;}
.slicknav_menu {display:none; font-size:18px; text-align:center; box-sizing:border-box;}
.slicknav_menu * {box-sizing:border-box;}

.slicknav_nav {float:left; width:100%; margin:25px 0 0; padding:0; list-style:none; background-color:#fff; overflow:hidden;}
.slicknav_nav ul {list-style:none; overflow:hidden; padding:0; margin:0;}
/* .slicknav_nav .row .small-12 {padding:0;} */
.slicknav_nav .slicknav_row {padding:5px 10px;}
.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover, .slicknav_nav .menu-top-container ul li a:hover {background-color:hsl(198,100%,45%); color:#fff;}
.slicknav_nav a, .slicknav_menu button {padding:5px 10px; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none;}
.slicknav_menu button {display:block; width:100%; margin:0; line-height:1.6; background:transparent; color:hsl(346,95%,42%);}
.slicknav_menu button:hover {background:hsl(346,95%,42%); color:#fff;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;}
.slicknav_nav .slicknav_item a {padding:0; margin:0;}
.slicknav_nav .slicknav_parent-link a {padding:0; margin:0;}

.slicknav_nav .menu-principal-container {float:left; margin:0; text-align:center;}
.slicknav_nav .menu-item-home {display:none;}
.slicknav_nav .menu-top-container {float:left; width:100%; margin:0;}
.slicknav_nav .menu-top-container ul li {margin:0;}
.slicknav_nav .menu-top-container ul li.counterjob a::after {display:none;}

.slicknav_brand {color:#fff; font-size:18px; line-height:30px; padding:7px 12px; height:44px;}

/* Sticky */
header.smaller {position:fixed; top:0; left:0; width:100%; height:100px; height:70px;}
/* header.smaller #topbar {display:none;} */

/* Side Nav */
.sidenav {position:fixed; z-index:2; right:0; top:280px; margin:0; font-size:1.25rem; text-align:center; list-style:none; box-shadow:0px 4px 8px 0px rgba(1,96,231,.1); border-radius:5px 0 0 5px; overflow:hidden;}
.sidenav > span {display:block; padding:1.25rem 1.25rem 0;}
.sidenav-prim {background:#fff;}
.sidenav-sec {background:hsl(198,100%,96%);}
.sidenav li {padding-bottom:1.25rem; line-height:1;}
main .sidenav i {margin:0;}
.sidenav-sec i {color:hsl(198,80%,70%);}
.sidenav-sec i:hover {color:#009fe3;}
.sidenav button {margin:0; padding:0; font-size:1.25rem; background:transparent; color:inherit;}
.sidenav button:hover, .sidenav button:focus {background:transparent; color:#009fe3;}



main i {margin:0 0.5rem 0 0;}
main i.fa-chevron-right {margin:0 0 0 0.5rem;}

#baseline {margin:120px 0 0;}
.home #baseline {position:absolute; top:120px; z-index:10; margin:0; padding:0 0.9375rem;}
#baseline h1 {margin:0; font-family:'Rubik', Arial, sans-serif; font-weight:500; line-height:1.2; font-size:14px; text-transform:uppercase; color:hsla(0,0%,100%,0.75);}
main h5 {font-size:16px; text-transform:uppercase; color:hsl(0,0%,60%);}

/* Promo */
.promo {width:100%; max-width:1500px; height:80px; margin:0 auto; line-height:1; /* background-color:hsl(22,79%,57%); */ color:#fff; overflow:hidden;}
.promo.callout {padding:0; background:transparent; border:none;}
.promo .close-button {position:absolute; width:40px; top:0; right:0; bottom:0;}
.promo .close-button span {font-size:1.5rem; color:hsla(0,0%,100%,75%);}
.promo .close-button:hover span {color:hsla(0,0%,100%,100%);}
.promo-container {position:absolute; top:0; left:0; right:0; bottom:0;}
.promo img {position:absolute; top:-50%; right:40px; width:auto; height:200%;}
.promo-content {position:relative; display:block; height:100%; padding:1rem; text-align:center;}
.promo-content > span {font-family:'Rubik'; font-size:1.25rem; font-weight:500;}
.promo p {margin:0.25rem 0 0; font-weight:normal;}
.promo a {margin:0 0 0 0.25rem; color:#fff;}
.promo a:hover {color:#fff;}

/* .promo span {font-size:14px; text-transform:uppercase; opacity:0.5;}
.promo h3 {margin:0.6rem 0 0; color:#fff;}
.promo a {margin:5px 0 0; line-height:1.5;} */

/* SLIDER */
#slider {position:relative; overflow:hidden;}
#slider .sa_owl_theme .owl-nav .owl-prev {left:0; border-radius:0 5px 5px 0;}
#slider .sa_owl_theme .owl-nav .owl-next {right:0; border-radius:5px 0 0 5px;}
#slider .sa_owl_theme .owl-nav .owl-prev::before {margin:0 0 0 14px; content:"\f053"; font-family:"Font Awesome 5 Free"; font-weight:900; color:#fff;}
#slider .sa_owl_theme .owl-nav .owl-next::before {margin:0 0 0 16px; content:"\f054"; font-family:"Font Awesome 5 Free"; font-weight:900; color:#fff;}
#slider #homeslider .owl-nav .owl-prev, #slider #homeslider .owl-nav .owl-next {width:40px !important; background:none !important; background-color:hsla(0,0%,100%,0.25) !important; border-radius:50%;}
#slider #homeslider .owl-nav .owl-prev:hover, #slider #homeslider .owl-nav .owl-next:hover {background:none !important; background-color:hsla(0,0%,100%,0.5) !important;}
.owl-carousel .owl-item {overflow:hidden !important;}
.owl-carousel .sa_hover_container {max-width:1500px; margin:0 auto !important;}

.slide-content {height:700px; background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.4023984593837535) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.4023984593837535) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
background: linear-gradient(90deg, rgba(0,0,0,0.4023984593837535) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.slide-bloc {margin:160px 0 0;}
.owl-item h2 {margin:0; padding:0 0 10px; font-size:48px; line-height:1; color:#fff;}
.owl-item span.quote {margin:200px 0 25px; padding:20px; font-family:'Rubik', Arial, sans-serif; font-size:24px; line-height:1.2; font-weight:500; font-style:italic; background-color:hsl(0,0%,100%); color:hsl(198,100%,45%);}
.owl-item p {margin-bottom:1rem;}

#homeslider h3 {margin:15px 0 30px; font-size:16px; color:#fff; /* text-shadow:-1px -1px 0 #e4e4e4, 1px -1px 0 #e4e4e4, -1px 1px 0 #e4e4e4, 1px 1px 0 #e4e4e4; */}
#homeslider .btn {margin:0 15px 0 0;}
#slider i {margin:0 0.5rem 0 0;}
.phonelink {font-size:24px; font-weight:bold; text-decoration:none;}


/* BLOCS */
#blocs {position:relative; margin:-60px auto 180px; z-index:1;}
#blocs .bloc {position:relative; /* height:280px; */ color:#fff; text-align:center; background-color:#fff; border-radius:5px; box-shadow:0 8px 16px 0 rgba(1,96,231,.1); overflow:hidden;}
#blocs .bloc a {/* position:absolute; left:0; top:0; width:100%; height:100%; */ display:block; padding:35px 30px;}
#blocs .bloc span {position:absolute; top:-12px; right:-75px; color:hsla(198,100%,35%,0.1);}
#blocs .bloc:first-child span {color:hsla(198,100%,45%,0.1);}
#blocs .bloc:last-child span {color:hsla(0,0%,30%,0.1);}
#blocs .bloc span::before {font-size:200px;}
#blocs .bloc i::before {font-size:50px;}
#blocs .bloc i {position:relative; display:block; margin:-5px 0 0; color:hsl(198,100%,35%); z-index:1;}
#blocs .bloc:first-child i {color:hsl(198,100%,45%);}
#blocs .bloc:last-child i {color:hsl(0,0%,30%);}
#blocs .bloc h3 {position:relative; font-size:20px; color:hsl(198,100%,35%);}
#blocs .bloc:first-child h3 {color:hsl(198,100%,45%);}
#blocs .bloc:last-child h3 {color:hsl(0,0%,30%);}
#blocs p {position:relative; color:hsl(0,0%,30%);}

#blocs .bloc:hover {background-color:hsl(198,100%,35%); box-shadow:none;}
#blocs .bloc:first-child:hover {background-color:hsl(198,100%,45%);}
#blocs .bloc:last-child:hover {background-color:hsl(0,0%,30%);}
#blocs .bloc:hover span {color:hsl(198,100%,30%);}
#blocs .bloc:first-child:hover span {color:hsl(198,100%,40%);}
#blocs .bloc:last-child:hover span {color:hsl(0,0%,25%);}
#blocs .bloc:hover i, #blocs .bloc:hover h3, #blocs .bloc:hover p {color:#fff;}


.patchs {position:relative; width:100%; max-width:451px; height:525px; margin:-40px auto 0;}
.patchs img {position:absolute;}
.patchs img:first-child {bottom:0; right:67px;}
.patchs img:nth-child(2) {top:60px; left:0;}
.patchs img:nth-child(3) {top:0; right:0;}
.patchs img:last-child {bottom:0; right:0;}

.edito {margin:-4rem 0 9rem;}
.edito img {width:60px; margin:-1.5rem 1rem 0 0; border-radius:50%;}
.edito cite {margin:1.5rem 0 0; text-align:right; font-style:normal;}
.edito cite span {display:inline-block; text-align:left; line-height:1.25;}
.edito cite span strong {display:block;}


/* Infos */
.infos .details {width:100%; margin:0; padding:25px;}
.infos span {float:left; width:50%; margin:0 0 10px; font-size:14px; text-align:right; color:hsl(198,100%,45%);}
.infos i {margin:0 4px 0 0;}
.infos > a, .infos > div {float:left; width:100%; font-weight:500; background-color:#fff; border-radius:5px; box-shadow:0 8px 16px 0 rgba(1,96,231,.1); overflow:hidden;}
.infos .date {text-align:left; font-weight:normal; color:hsl(0,0%,60%);}
.infos .title {width:100%; margin:0; font-size:20px; line-height:1.25; text-align:center; color:hsl(0,0%,30%);}
.infos a:hover {box-shadow:0 3px 6px 0 rgba(1,96,231,.2);}
.infos a:hover .title, .infos a:focus .title {color:hsl(198,100%,45%);}

/* Liste */
.infos.list img {height:100%; object-fit:cover;}
.infos.list .title {margin:0 0 0.5rem; text-align:left;}
.infos.list .details p {margin:0; text-align:left; font-weight:normal; color:#4c4c4c;}

/* Pub */
.infos.add a {position:relative; /* background:url(https://www.cliniqueoeilgeneve.ch/wp-content/themes/ono/img/wave.jpg) no-repeat center top white; background-size:100% auto; */}
.infos.add img {width:100%; height:100%; filter:grayscale(1); object-fit:cover;}
.infos.add .details {position:absolute; top:0; left:0; right:0; bottom:0; padding:55px 25px 55px; background:linear-gradient(180deg,hsla(198,100%,45%,80%), hsla(198,100%,25%,80%));}
.infos.add span {display:block; width:100%; text-transform:uppercase; text-align:center; font-weight:normal; color:#fff;}
.infos.add span.title {font-size:30px; font-weight:500; text-transform:none;}
.infos.add .details span:last-child {position:absolute; left:0; bottom:55px; margin:0;}
.infos.add i {margin:0 0 0 4px; color:#009fe3;}
.infos.add a:hover .details, .infos.add a:focus .details {background:hsla(198,100%,45%,80%);}
.infos.add a:hover .title, .infos.add a:focus .title {color:#fff;}
.infos.add a:hover i, .infos.add a:focus i {color:hsl(198,100%,96%);}

/* Jobs */
.infos.jobs span {width:100%; text-align:left; color:hsl(0,0%,60%);}
.infos.jobs .title {color:hsl(0,0%,30%);}

/* Bloc */
.homeside {position:relative; float:left; width:100%; margin:0 0 10px; padding:15px 20px 15px; font-size:16px; line-height:1.25; text-transform:uppercase; background-color:hsl(0,0%,92%); color:hsl(0,0%,70%);}
.homeside i {position:absolute; right:20px; top:12px; font-size:22px;}
.homeside:hover {background-color:hsl(0,0%,100%);}


/* ACTUS */
#news {position:relative; margin:160px 0 100px; padding:6rem 0 7.5rem; text-align:center; background:hsl(198,100%,96%);}
.bubbles {position:absolute; top:-70px; left:0; right:0; bottom:0; margin:0 auto;}
#news > div {position:relative;}
#news h2 {margin:0 0 4rem;}
#news a {margin:0 0 1.5rem;}
/* Date */
.post .date {float:left; width:50%; margin:2rem 0 0; padding:1rem; font-size:14px; background:hsl(198,100%,96%); color:hsl(198,100%,35%);}
/* Share */
#page-content .addtoany_content {float:right; width:50%; margin:2rem 0 0;}
#page-content .addtoany_list {display:block; height:53px; padding:1rem; text-align:right; background:hsl(198,100%,96%);}
.addtoany_list::before {display:inline-block; content:"Partager"; margin:0 0.25rem 0 0; font-size:14px; color:hsl(198,100%,35%);}
/* Jobs */
.jobs .date {display:none;}
#page-content .jobs .addtoany_content {width:100%;}


/* BLOCS */
.skills {margin:2.5rem 0 3.5rem;}
.skill {margin:0 0 1rem; text-align:center;}
.skill > div {padding:0.75rem; background:#fff; box-shadow:0 8px 16px 0 rgba(1,96,231,.1);}
#skills i {margin:0; color:#009fe3;}
#skills i::before {font-size:2.5rem;}
.skill h3 {font-size:1rem;}
.skill p {font-size:0.875rem;}


/* MAP */
.acf-map {width:100%; height:600px; margin:0 0 -4rem;}
.gm-style .gm-style-iw-c {padding:20px 10px 10px 20px !important; border-radius:5px; box-shadow:0 1px 5px 1px rgba(0,0,0,0.3);}
.gm-ui-hover-effect {top:0 !important; right:0 !important;}
.gm-style .gm-style-iw-c h4 {margin:0 0 0.25rem !important;}
.gm-style .gm-style-iw-c p {margin:0 0 0.5rem; font-size:0.875rem; font-weight:normal;}
.gm-style .gm-style-iw-c a.btn {margin:0 0 1rem; font-size:1rem; line-height:1.6;}
.gm-style .gm-style-iw-c a.map-link {display:block; font-size:0.875rem; font-weight:normal;}
.gm-style .gm-style-iw-c a.map-link i {margin:0 0 0 0.5rem;}


/* CTA */
#cta {position:relative; margin:80px 0 0; padding:70px 0 50px; text-align:center; background:hsla(198,100%,45%,0.8); color:#fff;}
.cta-bg {position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:url("https://www.cliniqueoeilgeneve.ch/wp-content/uploads/2021/03/online.jpg") no-repeat center center / cover; filter: grayscale(1);}
#cta span {color:hsl(198,100%,25%);}
#cta h2 {color:#fff;}
#cta a.btn {margin:20px 0; font-weight:500; background:hsl(198,100%,25%); color:#fff;}
#cta a.btn:hover {background:hsl(198,100%,20%);}
#cta a {font-weight:bold; color:hsl(198,100%,25%);}


/* FOOTER */
/* .page-template-center footer, .page-template-rdv footer {margin:6rem 0 0;} */
footer {padding:70px 0 0; font-size:0.875rem; line-height:1.6; background-color:hsl(198,100%,96%);}
footer .tag-title {margin:0 0 1.75rem; font-size:1rem;}
footer p, footer a, footer .menu {font-size:0.875rem;}
footer a {font-weight:bold; text-decoration:none; color:hsl(198,80%,70%);}
footer .counterjob a::after {display:none;}
footer i {width:0.875rem; text-align:center;}
footer .iso img {width:50px; margin:0 0.5rem 0 0;}
footer .menu-principal-container ul.sub-menu {margin:0 0 0 20px;}
footer .menu li {width:100%;}
footer .menu li a {display:inline; padding:0; line-height:1.6;}
#band {padding:60px 0 40px; text-align:center;}
.schweizflag {display:inline-block; font-weight:bold;}
.schweizflag span {float:left; display:grid; align-items:center; margin:2px 5px 0 0; padding:4px; width:16px; height:16px; font-size:1rem; line-height:0; background-color:hsl(4,75%,48%); color:hsl(0,0%,100%);}

/* COOKIES */
#cookie-law-info-bar span {font-size:14px; font-weight:normal;}
#cookie-law-info-bar a#cookie_action_close_header {margin:0 10px; border-radius:5px;}
#cookie-law-info-bar a.cli-plugin-main-link {font-weight:normal;}
#cookie-law-info-bar a.cli-plugin-main-link:hover {text-decoration:none; color:hsl(198,100%,45%) !important;}

/* PAGES */
#thumb {position:relative; width:100%; height:600px; max-width:1500px; margin:0 auto 80px; overflow:hidden;}
#thumb img {position:absolute; width:100%; height:100%; object-fit:cover;}
#thumb .thumb-content {height:100%; background: rgba(0,0,0,0.4);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.4023984593837535) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.4023984593837535) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
background: linear-gradient(90deg, rgba(0,0,0,0.4023984593837535) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
#thumb .thumb-content > div > div > .cell {position:relative; height:600px;}
#thumb #baseline span {margin:0; color:hsla(0,0%,100%,0.75);}
#thumb .thumb-content h1 {color:#fff;}
#thumb .breadcrumbs {position:absolute; left:0.9375rem; bottom:30px; margin:0; color:hsl(0,0%,100%);}
#thumb .breadcrumbs a, #thumb .breadcrumbs > span {color:hsl(0,0%,100%);}

.thumb-content {position:relative; width:100%;}
#baseline span {margin:0; font-family:'Rubik', Arial, sans-serif; font-weight:500; line-height:1.2; font-size:14px; text-transform:uppercase; color:hsl(198,100%,70%);}
.thumb-content h1 {margin:24px 0 30px; font-size:48px; line-height:1;}

.breadcrumbs > * {float:inherit;}
.breadcrumbs > ::before {display:none;}
.breadcrumbs {margin:3rem 0 7rem; line-height:1; background-color:inherit; border:none;}
.breadcrumbs a, .breadcrumbs > span {margin:0 2px; font-size:12px; text-transform:none; color:#4c4c4c;}
.breadcrumbs > span:first-child {margin:0;}
.breadcrumbs a:hover, #thumb .breadcrumbs a:hover {text-decoration:none; color:#009fe3;}

#page-content {padding:0 0 4rem;}
#page-content h2, h2.section-title {color:hsl(198,100%,45%); background:linear-gradient(90deg,hsl(198,100%,45%), hsl(198,100%,25%));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;}
#page-content h2 {margin:7rem 0 2rem;}
#page-content h2.top-element {margin:0 0 2rem;}
#page-content h3 {margin:2rem 0 1.25rem;}
#page-content h4 {margin:54px 0 18px;}
#page-content a {text-decoration:underline;}
#page-content a:hover, #page-content a:focus {text-decoration:none;}

.keys {margin:0 2rem 1rem 0; font-weight:bold; line-height:1.75; color:hsl(198,100%,45%);}
.keys.cell {margin:0;}

.wp-block-image img {width:100%;}
.wp-block-image.area {margin:3rem 0; padding:2rem; text-align:center; background:#fff;}
.wp-block-image.area img {max-width:600px;}
.imgleft {float:left; width:30%; margin:5px 25px 10px 0;}
.imgright {float:right; width:30%; margin:5px 0 10px 25px;}

/* YouTube */
.youtubebox {
position:relative; margin:0 0 1.25rem;
padding-bottom:56.25% !important;
padding-top:30px;
height:0;
overflow:hidden;
}

.youtubebox iframe, .youtubebox object, .youtubebox embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.price {font-size:1.5rem; font-weight:bold; line-height:1.25; color:hsl(198,100%,45%);}

/* Slider */
/* #page-content .owl-carousel {margin:120px 0 !important;} */
#page-content .owl-carousel .sa_hover_container {min-height:auto !important;}
#page-content .owl-carousel .owl-item img {margin:0;}
#page-content .owl-carousel blockquote {position:absolute; top:40px; bottom:40px; margin:0; padding:100px 30px 30px;}
#page-content .owl-carousel blockquote::before {top:75px;}
/* #page-content .owl-carousel blockquote p {font-family:'Rubik'; font-size:26px; line-height:1.2; font-style:italic; color:hsl(198,100%,45%); background:linear-gradient(90deg,hsl(198,100%,45%), hsl(198,100%,25%));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;} */
#page-content .owl-carousel .owl-dots {right:30px; bottom:70px !important; width:auto;}
#page-content .sa_owl_theme .owl-dots .owl-dot span {background:hsla(198,100%,45%,0.5) !important;}
#page-content .sa_owl_theme .owl-dots .owl-dot.active span {background:hsl(198,100%,45%) !important;}
/*
.cite-block, cite {margin:0 0 1rem; font-size:14px; font-weight:bold; font-style:normal; color:hsl(0,0%,30%);}
.cite-block:before, cite:before {content:none;}
blockquote:hover p {color:hsl(0,0%,30%);}
blockquote:hover .cite-block, blockquote:hover cite {color:hsl(198,100%,45%);} */
#page-content #smallslider.owl-carousel blockquote {position:relative; top:0; bottom:0; padding:30px 30px 45px;}
/* #page-content .owl-carousel blockquote::before {left:-3rem;} */
#page-content #smallslider.owl-carousel .owl-dots {bottom:30px !important;}
/* #page-content .owl-carousel blockquote {padding:40px 30px 55px;} */
#page-content #smallslider.owl-carousel blockquote::before {top:1rem; left:1.75rem;}
#page-content #smallslider.owl-carousel .owl-dots {left:30px;}


/* Blocs */
.colorbloc {margin:0 0 2rem; padding:1.5rem; color:#fff;}
.colorbloc h3 {text-transform:uppercase; color:#fff;}
.colorbloc h4 {color:#fff;}
.colorbloc hr {border-bottom:2px solid hsla(0,0%,100%,0.7);}
.colorbloc a i.fas.fa-long-arrow-alt-right {margin:0 0 0 0.5rem;}
.blue {background:hsl(198,100%,45%);}
.blue-two {background:hsl(198,100%,55%);}
.blue-three {background:hsl(198,100%,65%);}
.blue-four {background:hsl(198,100%,75%);}
.blue-five {background:hsl(198,100%,85%);}
.blue-light {background:hsl(198,100%,96%);}
.linkbloc .colorbloc {position:relative; padding-bottom:3rem;}
.linkbloc .colorbloc a {position:absolute; bottom:1.5rem;}
.linkbloc .colorbloc a:hover {color:#fff;}
.accordion .collapsebloc .wp-block-column {margin:0;}


/* Steps */
.steps {margin:2rem 0 0;}
.steps .wp-block-column {position:relative; margin:0 0 1.5rem; padding:1.5rem 0; background:#fff; box-shadow:0 8px 16px 0 rgba(1,96,231,.1);}
.steps .wp-block-column figure {margin:-1.5rem 0 1.5rem;}
.steps .wp-block-column p {padding:0 1.5rem;}
.steps .wp-block-column::after {position:absolute; right:1.5rem; bottom:1.5rem; font-size:60px; line-height:0.75; font-weight:bold; color:hsla(198,100%,45%,0.15);}
.steps .wp-block-column:first-child::after {content:'1';}
.steps .wp-block-column:nth-child(2)::after {content:'2';}
.steps .wp-block-column:nth-child(3)::after {content:'3';}
.steps .wp-block-column:nth-child(4)::after {content:'4';}
.steps .wp-block-column:nth-child(5)::after {content:'5';}
.steps .wp-block-column:nth-child(6)::after {content:'6';}

/* Counter */
ol.counter {margin:0 0 0 1rem; list-style:none; counter-reset:counter;}
ol.counter li {padding:0 0 2rem 1.5rem; border-left:2px dotted #009fe3; counter-increment:counter;}
ol.counter li:last-child {border:none;}
ol.counter li::before {display:inline-block; width:30px; height:30px; margin:0 0.5rem 0 -2.5rem; content:counter(counter); text-align:center; font-weight:bold; color:#009fe3; background:white; border:2px solid #009fe3; border-radius:50%;}

/* Btn */
#page-content .btn-theme {text-decoration:none;}
.btn-theme {font-weight:bold; text-align:center; background:#fff; border-radius:0; box-shadow:0 8px 16px 0 rgba(1,96,231,.1);}
.btn-theme:hover {box-shadow:0 3px 6px 0 rgba(1,96,231,.2)}
.wp-block-column .btn-theme {width:100%;}

/* Parent */
.infos a, .staff > div {box-shadow:0 8px 16px 0 rgba(1,96,231,.1);}
#parent-grid .infos, .accordion .infos {margin:0 0 30px;}
#parent-grid .infos a, .accordion .infos a {text-decoration:none;}

/* Accordion */
.accordion {margin:0 0 20px;}
.accordion li {position:relative; margin:0 0 0.5rem; list-style:none;}
.accordion li > div {color:hsl(0,0%,30%); border:none;}
#page-content .accordion li > a {text-decoration:none; border:none;}
.accordion li > * {margin:0;}
.accordion li > a {display:block; width:100%; padding:1rem 56px 1rem 2rem; background:#fff; box-shadow:0 8px 16px 0 rgba(1,96,231,.1); cursor:pointer; user-select:none;}
#page-content .accordion a > h3 {margin:0;}
.accordion li > a::before {display:none;}
.accordion li > a::after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #4a6e78;
  border-bottom: 1px solid #4a6e78;
  position: absolute;
  right: 22px;
  content: " ";
  top: 24px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.accordion li > a:hover, .accordion li > a:hover * {background:hsl(198,100%,96%); color:hsl(198,100%,45%);}
.accordion li.is-active > a, .accordion li.is-active > a:hover * {background:hsl(198,100%,96%); box-shadow:none;}
.accordion li.is-active > a::after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.accordion-content {padding:1rem 2rem 2rem; background:hsl(198,100%,96%);}
:last-child>.accordion-content:last-child {border:none;}
.accordion p > * {margin:0 0 10px;}
.accordion p > *:last-child {margin:0;}
.accordion-content .wp-block-columns {margin:0;}
#page-content .accordion-content h4 {margin:1.5rem 0 0.5rem; font-size:1rem;}
.accordion-content > img {display:block; margin:0 0 1rem;}

/* Tabs */
.vertical-tabs .tabs, .vertical-tabs .tabs-content {background:transparent; border:none;}
#page-content .vertical-tabs .tabs li a {padding:1rem 2rem; font-size:1.25rem; color:inherit; border-left:1px solid hsl(198,80%,90%);}
#page-content .vertical-tabs .tabs li.is-active a {text-decoration:none; background:transparent; color:hsl(198,100%,45%); border-left:1px solid hsl(198,100%,45%);}
#page-content .vertical-tabs .tabs li a:hover, .vertical-tabs .tabs li a:focus {text-decoration:none; background:transparent; color:hsl(198,100%,45%);}
.vertical-tabs .tabs-panel {padding:0;}
.vertical-tabs .intro {position:relative; margin:-80px 40px 0; padding:30px 30px 14px 30px; background:hsl(198,100%,96%); color:hsl(0,0%,30%);}
#page-content .vertical-tabs .intro h3 {margin-top:0; color:hsl(198,100%,45%);}
#page-content .vertical-tabs .intro a {display:inline-block; margin-bottom:1rem;}
#page-content .vertical-tabs .intro a i {margin:0 0 0 0.5rem;}
/* Tabs -> Accordion */
.vertical.accordion .accordion-title {font-family:'Rubik', Arial, sans-serif; font-size:1.25rem; font-weight:500; color:inherit;}
.vertical.accordion .intro {margin:-1rem 0 0; background:#fff;}


/* Staff */
.page-template-team .accordion-content {padding-bottom:0;}
.staff.infos .details {padding:20px 20px 60px;}
.staff.infos .title {margin:0 0 10px; font-size:16px; line-height:1.25;}
.staff p {margin:0; font-size:13px; line-height:1.25; text-align:center;}
.staff > div {position:relative;}
.staff .links {position:absolute; top:0; right:0; width:40px;}
main .links a {display:block; width:40px; height:40px; margin:0; padding:10px 12px; font-size:18px; line-height:1; text-align:center; color:hsl(0,0%,30%); box-shadow:none;}
main .links a:hover, main .links a:focus {color:#fff;}
main .links a.link:hover, main .links a.link:focus {background-color:hsl(198,100%,45%);}
main .staff i {margin:0;}
span.local {position:absolute; bottom:0; left:0; width:100%; margin:0; padding:10px 20px; font-size:12px; text-align:center; /* background:hsl(198,100%,98%); */ color:hsl(0,0%,60%);}
main .local i {margin:0 0.5rem 0 0;}


/* CENTRES */
.center > img {-webkit-filter:blur(2px); filter:blur(2px);}
#thumb.center .thumb-content {background:hsla(0,0%,10%,0.65);}

.adress, .opening {display:block; margin:0 0 1rem; font-size:18px; line-height:1.25; color:#fff;}
.infocenter {color:#e87d3d;}
.infocenter p {display:inline;}
.phone {display:table; margin:20px 0; font-size:24px; font-weight:bold; line-height:1.25; color:#fff;}
.email {display:block; margin:-15px 0 20px;}

.center .side {position:relative; margin:-62px 0 0;}
.opening table {margin:0 0 0.5rem;}
.opening tbody {display:block; padding:16px 14px; background:hsla(0,0%,0%,0.5); border:none; border-radius:0 0 5px 5px;}
.opening tr {display:table; width:100%;}
.opening table tr td {padding:0.2rem 0.5rem; font-size:1rem; line-height:1; color:hsl(0,0%,80%); cursor:pointer;}
.opening table tr td:last-child {padding-left:1.5rem; text-align:right;}
.opening table tr:hover td {color:#fff;}
.openspec {font-size:12px; font-style:italic; color:hsl(0,0%,80%);}

#thumb .side img {position:relative; height:auto; border-radius:5px 5px 0 0; object-fit:inherit;}

/* Google */
.google-review {position:absolute; top:-1rem; right:2rem; padding:10px; background-color:#f7f7f7; color:#e57125; border-radius:5px; box-shadow:0 1px 20px -10px #222;}
span.stars, span.stars>* {display:inline-block; width:80px; height:16px; background: url("img/stars.png") 0 -16px repeat-x;}
span.stars>*{display:block; max-width:80px; background-position:0 0;}
#gcr-logo {display:block; width:auto !important;}

.infordv {margin:1rem 0; padding:20px; font-size:14px; background-color:hsl(198,100%,95%); color:hsl(198,100%,45%); border:1px solid hsl(198,100%,85%);}
#rdv {padding-top:70px;}
#rdv iframe {background-color:hsl(0,0%,100%);}

/* Sidebar */
.sidebar {padding:2rem 1.5rem; background:#fff; box-shadow:0 8px 16px 0 rgba(1,96,231,.1);}
#page-content .sidebar h4 {margin-top:0;}
/* Gallery */
.mfp-arrow:before {opacity:0;}
.mfp-arrow:after {top:14px; border-top-width:6px; border-bottom-width:6px;}
.mfp-arrow-left:after {margin-left:38px; border-right:10px solid #fff;}
.mfp-arrow-right:after {margin-left:45px; border-left:10px solid #fff;}
.mfp-content figcaption {margin:0;}
.mfp-bottom-bar {display:none;}


/* Gutenberg */
.wp-block-gallery {margin:0;}
/* .wp-block-media-text.medtxt-35 {grid-template-columns:35% auto;} */
body .wp-block-media-text .wp-block-media-text__content {padding:0.75rem 1.5rem;}
body .wp-block-media-text__content p:last-child {margin:0;}
/* body .wp-block-media-text .wp-block-media-text__media {top:0;}
body .wp-block-media-text .wp-block-media-text__content {padding:0 0 0 2rem; top:0;} */

.wp-block-separator {margin:4rem auto; border-bottom:2px solid hsl(198,100%,90%);}

.wp-block-code {margin:0 0 1rem;}
code {color:hsl(198,100%,25%); background:hsl(198,100%,95%); border:1px solid hsl(198,100%,85%);}

.wp-block-search__label {margin:0 0 1rem; font-size:1rem; color:#009fe3;}
.wp-block-search input.wp-block-search__input, .wp-block-search.wp-block-search__button-inside div.wp-block-search__inside-wrapper .wp-block-search__input {padding:1rem; border:none; border-radius:5px 0 0 5px;}
.wp-block-search input.wp-block-search__input:focus, .wp-block-search.wp-block-search__button-inside div.wp-block-search__inside-wrapper .wp-block-search__input:focus {color:hsl(198,100%,45%); border:2px solid hsl(198,100%,78%); -webkit-transition:none; transition:none;}
.wp-block-search button.wp-block-search__button {margin:0 0 1rem 0; padding:1rem; background:hsl(198,100%,45%); color:#fff; border-radius:0 5px 5px 0; cursor:pointer;}
.wp-block-search.wp-block-search__button-inside div.wp-block-search__inside-wrapper {padding:0; border:none;}
.wp-block-search.wp-block-search__button-inside div.wp-block-search__inside-wrapper .wp-block-search__button {padding:1rem;}
.wp-block-search button.wp-block-search__button.has-icon, .wp-block-search.wp-block-search__button-inside div.wp-block-search__inside-wrapper .wp-block-search__button.has-icon {padding:10px;}
.wp-block-search__button.has-icon path {fill:#fff;}

figure.wp-block-pullquote cite {font-style:normal; color:hsl(198,100%,70%);}
.cite-block:before, cite:before {content:"";}

.wp-block-embed {margin:5rem 0 1rem;}
.wp-block-embed__wrapper {height:0; padding-bottom:56.25% !important; overflow:hidden;}
.wp-block-embed iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* Table */
.wp-block-table {margin:1.25rem 0;}
table tr.even, table tr.alt, table tr:nth-of-type(even) {background-color:transparent;}
table thead, table tbody {background:#fff; border:none;}
table tr th, table tr td {padding:0.5625rem 1rem; font-size:inherit; line-height:inherit; color:inherit;}
#page-content table {width:100%; margin:0; border:none;}

#page-content table .hide {display:none;}
#page-content table td.nopad {padding:0.5625rem 0;}

#page-content table tr:hover td {background-color:hsl(198,100%,95%);}
table tr td a {display:block; margin:-0.5625rem -1rem; padding:0.5625rem 1rem;}
/* Table with header */
.wp-block-image.headtable {position:relative; margin:0; box-shadow:0 8px 16px 0 rgba(1,96,231,.1);}
.headtable figcaption {position:absolute; top:3rem; left:2rem; font-family:'Rubik', Arial, sans-serif; font-size:1.25rem; font-weight:500; line-height:1.2; color:#fff; z-index:1;}
.headtable::after {content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:hsla(0,0%,0%,0.4);}
.bodytable {position:relative; margin-top:0; z-index:1; box-shadow:0 8px 16px 0 rgba(1,96,231,.1);}
/* Table blue */
.wp-block-table.bluetab {margin:0 0 1.25rem; font-size:14px;}
#page-content .bluetab table {border:20px solid hsl(198,100%,96%);}
.bluetab thead, .bluetab tbody {background:hsl(198,100%,96%); color:hsl(198,100%,35%);}

/* Custom blocks */
/* .phonebloc {display:block; margin:0 0 1rem; font-size:1.25rem; font-weight:bold;}
#page-content .phonebloc a {text-decoration:none;} */



/* SEARCH - ARCHIVES */
.navigation {float:left; width:100%; margin:20px 0 0;}
.nextlink {float:right;}
#page-content .prevlink a, #page-content .nextlink a {text-decoration:none;}
.prevlink a::before {content:"\f053"; font-family:'Font Awesome 5 Free'; font-weight:900; margin:0 0.5rem 0 0; text-decoration:none;}
.nextlink a::after {content:"\f054"; font-family:'Font Awesome 5 Free'; font-weight:900; margin:0 0 0 0.5rem; text-decoration:none;}



/* CONTACT */
.wpcf7 label {font-size:0.75rem; text-transform:uppercase; color:hsl(198,80%,45%);}
.wpcf7 input {line-height:1; border:none; border-radius:5px;}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {height:3rem; padding:1rem; background:hsl(198,100%,97%); color:#4c4c4c; -webkit-box-shadow:0 2px 4px 0 rgba(1,96,231,.1) inset; box-shadow:0 2px 4px 0 rgba(1,96,231,.1) inset;}
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {-webkit-box-shadow:none; box-shadow:none;}
.wpcf7 input:focus, .wpcf7 textarea:focus {background-color:hsl(198,100%,99%); color:hsl(198,100%,45%); border:2px solid hsl(198,100%,78%); -webkit-transition:none; transition:none;}
.wpcf7 input::placeholder {color:hsl(198,100%,80%);}
.wpcf7-number {width:100%;}
.wpcf7 .your-subject input {width:100%;}
.wpcf7 .select2-container .select2-selection--single {display:block;}
.wpcf7 textarea {width:100%; min-width:100%; max-width:100%; padding:0.5rem 1rem; line-height:24px; border:none; border-radius:5px;}
.wpcf7-form-control-wrap {position:relative; display:inline-block; width:100%;}
.wpcf7-form-control-wrap.number-day, .wpcf7-form-control-wrap.number-year {width:30%;}
.wpcf7-form-control-wrap.menu-month {width:38%; margin:0 1%;}
.wpcf7 .wpcf7-radio, .wpcf7-checkbox {display:block; height:3rem; padding-top:0.25rem;}
label>[type=checkbox], label>[type=radio] {margin-right:0.25rem;}
.wpcf7-list-item-label {font-size:1rem; text-transform:none; color:hsl(0,0%,30%);}
.wpcf7 .wpcf7-list-item {margin-left:1.5rem;}
.wpcf7 .wpcf7-list-item.first {margin:0;}
.wpcf7 select {height:3rem; padding-left:1rem; background-color:hsl(198,100%,97%); border:1px solid hsl(198,100%,88%); border-radius:5px; cursor:pointer;}
.wpcf7 select:hover {background-color:hsl(198,100%,88%);}
.wpcf7 input[type="checkbox"] {margin:0 0.25rem 0 0;}
.g-recaptcha {display:inline-block; margin:0 0 15px;}
.wpcf7 input.wpcf7-submit {font-size:1rem; cursor:pointer;}
.wpcf7 input.wpcf7-submit:hover {background-color:hsl(198,100%,35%);}
.wpcf7 div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border:none;}
.wpcf7 span.wpcf7-not-valid-tip {position:absolute; bottom:-3px; right:0; font-size:11px; text-transform:none; color:#d30535;}
.wpcf7 input.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid, .wpcf7 select.wpcf7-not-valid {border:2px solid hsl(348,100%,88%);}
#page-content .wpcf7 div.wpcf7-response-output {margin:1.5rem 0 0; padding:0; border:none; color:#d30535;}
.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok {color:#6bbfa3;}

/* Captcha */
body .grecaptcha-badge {display:none;}
.captcha {position:relative; display:inline-block; height:45px; margin:0.75rem 0 0.5rem; padding:5px 10px 0 50px; font-size:11px; background-color:#fff;}
.captcha::before {content:""; position:absolute; top:0; left:0; width:45px; height:45px; background:url('img/logo_48.png') no-repeat center center; background-size:25px 25px;}
.captcha * {display:inline;}
.captcha span {font-weight:bold;}

/* Page protégée */
.post-password-form label {font-size:0.75rem; text-transform:uppercase; color:hsl(198,80%,45%);}
.post-password-form label input {line-height:24px; border:none; border-radius:5px;}
.post-password-form label input:focus {background-color:hsl(198,100%,99%); color:hsl(198,100%,45%); border:2px solid hsl(198,100%,78%); -webkit-transition:none; transition:none;}
.post-password-form input[type=submit] {padding:8px 22px; font-size:1rem; line-height:24px; font-weight:500; background:hsl(198,80%,45%); color:#fff; border:none; border-radius:5px; cursor:pointer;}
.post-password-form input[type=submit]:hover {background-color:hsl(198,100%,35%);}

/* 404 */
#error404 span {font-size:15rem; line-height:1; font-weight:bold; color:hsla(0,0%,90%,90%); text-shadow:1px 4px 6px hsl(0,0%,96%), 0 0 0 #000, 1px 4px 6px hsl(0,0%,96%);}

/* Carte */
#map {position:relative; display:block; margin:0 auto; max-width:1500px; height:700px; overflow:hidden;}
.gm-style-mtc, .gm-style-cc, .gm-svpc, .gm-fullscreen-control {display:none;}
/* #map #wpgmza_map {float:left; width:75% !important; overflow:visible !important;} */
.map__list {position:absolute; top:0; right:0; bottom:0; z-index:1;}
.map__list > a {position:relative; float:right; padding:5px 14px; color:#fff; border-radius:0 0 0 5px; z-index:1;}
.map__list > a[aria-expanded="false"]::before {content:"\f0d9"; font-family:'Font Awesome 5 Free'; margin:0 5px 0 0;}
.map__list a[aria-expanded="true"] {float:left;}
.map__list > a[aria-expanded="true"]::after {content:"\f0da"; font-family:'Font Awesome 5 Free'; margin:0 0 0 5px;}
.map__list > a:hover {background-color:hsl(0,0%,30%);}
#menu__list {display:inline-block; width:310px; height:100%; margin:0; padding:20px 10px;}
.map__list #list-center > div {margin:0 0 12px; padding:0 10px;}
.map__list .bloclist {display:block; padding:0.5rem 0.75rem; line-height:1; background:#fff; border-radius:5px; box-shadow:0 8px 16px 0 rgba(1,96,231,.1);}
.map__list .bloclist img {width:20px; margin:-2px 0 0;}
.map__list .bloclist h3 {display:inline-block; margin:0 0 0 0.25rem; font-size:15px;}
.map__list .bloclist:hover {box-shadow:0 3px 6px 0 rgba(1,96,231,.2);}
.map__list .bloclist:hover h3 {color:hsl(198,80%,45%);}
/* .wpgmza_map .gm-style > div > div > div > div >div[role="img"] {width:auto !important;}
.wpgmza_map .gm-style img {width: auto !important;} */
.gmnoprint.gm-bundled-control {display:none;}
.gm-style .gm-style-iw-c {padding:20px 10px 10px 20px !important; border-radius:5px; box-shadow:0 1px 5px 1px rgba(0,0,0,0.3);}
.gm-ui-hover-effect {top:0 !important; right:0 !important;}
.wpgmza_infowindow_title {margin:0;}
.wpgmza_infowindow_address, .wpgmza_infowindow_link {margin:0 0 0.5rem; font-size:14px; font-weight:normal;}
.wpgmza_infowindow_description {margin:0 0 0.5rem;}
.wpgmza_infowindow_link {margin:0;}
p.wpgmza_infowindow_link::after {content:"\f054"; font-family:'Font Awesome 5 Free'; margin:0 0 0 8px;}

/* TPG */
.tpg {display:inline-block; width:32px; margin:0 4px 2px 0; padding:1px; text-align:center; font-size:12px; font-weight:bold; color:#fff; vertical-align:bottom; border-radius:20px;}
.tpg-1, .tpg-14, .tpg-22 {background-color:#5a1e82;}
.tpg-2 {background-color:#d2db4a; color:#000;}
.tpg-3, .tpg-18, .tpg-23 {background-color:#b82f89;}
.tpg-5 {background-color:#00ace7;}
.tpg-6 {background-color:#008cbe;}
.tpg-7, .tpg-20 {background-color:#00a828;}
.tpg-8, .tpg-15 {background-color:#84471c;}
.tpg-9 {background-color:#e2001d;}
.tpg-10 {background-color:#006e3d;}
.tpg-11 {background-color:#82419e;}
.tpg-12 {background-color:#f5a300; color:#000;}
.tpg-17 {background-color:#00ace7; color:#000;}
.tpg-19, .tpg-28 {background-color:#ffdc00; color:#000;}
.tpg-21 {background-color:#78003c;}
.tpg-25 {background-color:#a05909;}
.tpg-31, .tpg-33, .tpg-39, .tpg-41, .tpg-44, .tpg-46, .tpg-47, .tpg-50, .tpg-51, .tpg-56, .tpg-70, .tpg-77 {background-color:#00b0a4;}
.tpg-32, .tpg-34, .tpg-42, .tpg-43, .tpg-45, .tpg-52, .tpg-53, .tpg-54, .tpg-57, .tpg-72, .tpg-74, .tpg-76 {background-color:#89cbbe; color:#000;}
.tpg-35, .tpg-36, .tpg-xa {background-color:#7d7d7d;}
.tpg-37, .tpg-38, .tpg-55, .tpg-59, .tpg-71, .tpg-73, .tpg-75, .tpg-78 {background-color:#005f61;}
.tpg-62, .tpg-64, .tpg-68, .tpg-n {background-color:#ec619f;}
.tpg-63, .tpg-66, .tpg-d, .tpg-f, .tpg-g, .tpg-k, .tpg-m, .tpg-t {background-color:#ff9baa; color:#000;}
.tpg-a, .tpg-e, .tpg-j, .tpg-l {background-color:#ff7e00;}
.tpg-5plus, .tpg-eplus, .tpg-glus {background-color:#000;}


/* FONTS */
@font-face {
    font-family: 'Variable-Bold';
    font-display: swap;
    src: url('fonts/variable/Variable-Bold.eot');
    src: url('fonts/variable/Variable-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/variable/Variable-Bold.woff2') format('woff2'),
        url('fonts/variable/Variable-Bold.woff') format('woff'),
        url('fonts/variable/Variable-Bold.ttf') format('truetype'),
        url('fonts/variable/Variable-Bold.svg#Variable-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Variable';
    font-display: swap;
    src: url('fonts/variable/Variable.eot');
    src: url('fonts/variable/Variable.eot?#iefix') format('embedded-opentype'),
        url('fonts/variable/Variable.woff2') format('woff2'),
        url('fonts/variable/Variable.woff') format('woff'),
        url('fonts/variable/Variable.ttf') format('truetype'),
        url('fonts/variable/Variable.svg#Variable') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Variable-Black';
    font-display: swap;
    src: url('fonts/variable/Variable-Black.eot');
    src: url('fonts/variable/Variable-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/variable/Variable-Black.woff2') format('woff2'),
        url('fonts/variable/Variable-Black.woff') format('woff'),
        url('fonts/variable/Variable-Black.ttf') format('truetype'),
        url('fonts/variable/Variable-Black.svg#Variable-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

/* Font Awesome */
.fa, .fas, .far, .fal, .fab {font-display:block;}


/* RESPONSIVE */
/* XXLarge (1200+) */
@media (min-width:1200px) {
    .row {max-width:1170px;}
    .owl-carousel .sa_hover_container {min-height:700px !important;}
}

/* Slider */
@media (min-width:1500px) {
    #slider .sa_owl_theme .owl-nav .owl-prev {left:50%; margin-left:-720px;}
    #slider .sa_owl_theme .owl-nav .owl-next {left:50%; margin-left:680px;}
}
@media (min-width:1501px) and (max-width:1624px) {
    #slider .sa_owl_theme .owl-nav .owl-next {left:auto; right:90px; margin:0;}
    .map__list {right:4%;}
}
@media (max-width:1499px) {
    #slider .sa_owl_theme .owl-nav .owl-prev {left:15px; margin-left:0;}
    #slider .sa_owl_theme .owl-nav .owl-next {right:80px; margin-left:0;}
    .map__list {right:60px;}
}
@media (max-width:1323px) {
    #slider .sa_owl_theme .owl-nav .owl-prev {left:auto; right:135px; margin-left:0;}
}

/* Small to XLarge (0-1199) */
@media (max-width:1199px) {
    #menu-principal li {margin:0 0 0 20px;}

    .citation a.btn {margin:15px -5px 5px 0;}
}

/* Large to XLarge (1025-1199) */
@media (min-width:1025px) and (max-width:1199px) {
    #homeslider .row > * {max-width:60%;}
    #homeslider .row > p {max-width:100%;}
}

/* Small to SLarge (0-1023) */
@media (max-width:1023px) {
    #fullmenu /*, #topbar */ {display:none;}
    #mobilenav, .slicknav_menu, .menu-principal-container {display:block; width:100%;}
    #content {padding:92px 0 0;}
    #baseline {width:100%;}

    .map__list {display:none;}

    .slide-content {background: rgba(0,0,0,0.5);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
    .home #baseline {top:6rem;}
    .slide-bloc {margin:8.5rem 0 0;}

    .bubbles {left:-30%; max-width:1335px;}

    #thumb {height:auto;}
    #thumb .thumb-content {padding:0 0 6rem; background: rgba(0,0,0,0.5);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
    #thumb .thumb-content > div > div > .cell {height:auto;}
    #thumb #baseline {margin:6rem 0 0;}
    #thumb .breadcrumbs {bottom:-70px;}
    .center .side {margin:2rem 0 0;}
    .sidebar {margin:2rem 0 0;}

    #page-content .owl-carousel blockquote {position:relative; top:0; bottom:0; padding:30px 30px 45px;}
    #page-content .owl-carousel blockquote::before {left:-3rem;}
    #page-content .owl-carousel .owl-dots {bottom:30px !important;}

    .promo-content {text-align:left;}

}

/* Medium to Large (641-1024) */
@media (min-width:641px) and (max-width:1024px) {

}

/* Small to Mobile (0-768) */
@media screen and (max-width:768px) {
    main {padding-bottom:72px;}
    .sidenav {top:auto; bottom:0; left:0; background:#fff; border-radius:0; box-shadow:0px 2px 8px 0px rgba(1,96,231,.2);}
    .sidenav > span {padding:1rem 0 1rem 1rem;}
    .sidenav-prim {float:left;}
    .sidenav-sec {float:right;}
    .sidenav li {display:inline-block; padding-bottom:0; padding-right:1rem;}
    main .sidenav i {vertical-align:middle;}

    #slider .sa_owl_theme .owl-nav {display:none !important;}

    /* #blocs .bloc {height:470px;} */
    .patchs img:nth-child(2) {display:none;}
}

/* Medium to Mobile (641-768) */
@media (min-width:641px) and (max-width:768px) {
    .infos span {width:100%; text-align:center;}
    .infos .date {margin:0; text-align:center;}
}

/* Small to Medium (0-640) */
@media screen and (max-width:640px) {
    main {float:left; width:100%;}
    header {position:fixed;}
    header .sticky {top:0 !important;}
    #topbar {display:none;}
    #slider, .thumb-content, #map {margin-top:92px;}
    #blocs .bloc {/* height:280px; */ margin-bottom:1rem;}
    #blocs .bloc:last-child {margin-bottom:0;}
    #cta .moveblue {text-align:center;} 

    .reveal {max-width:90%; height:auto; min-height:auto; margin:0 auto;}
    #callcenter .cover {padding-bottom:100px;}

    #blocks {margin:-60px auto 8rem;}
    .patchs {margin-bottom:3rem;}
    .patchs img:nth-child(2) {display:block;}
    #news {margin:6rem 0; padding:6rem 0;}
    .post .date {width:100%; margin:0; padding-top:0; text-align:center;}
	#page-content .addtoany_content {width:100%;}
	#page-content .addtoany_list {text-align:center;}

    #page-content .keys {display:block; margin:0;}
    #page-content .owl-carousel blockquote {padding:40px 30px 55px;}
    #page-content .owl-carousel blockquote::before {top:1rem; left:1.75rem;}
    #page-content .owl-carousel .owl-dots {left:30px;}

    .thumb-content h1 {/* word-wrap:break-word; overflow-wrap:break-word; */ -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
    .bluetab thead {display:none;}
    .bluetab table tr {display:block; margin:0 0 1.5rem; padding:0 0 1.5rem; border-bottom:1px solid hsl(198,80%,85%);}
    .bluetab table tr:last-child {margin:0; padding:0; border:none;}
    .bluetab table td {display:block; text-align:right;}
    .bluetab table td:before {content:attr(data-label); float:left; font-weight:bold;}

    .promo {position:absolute; top:92px; height:65px; z-index:1;}
    .promo-content > span {font-size:1rem;}
    .promo p {font-size:0.75rem;}
    .promo p span {display:none;}

    footer > div > div > .cell:first-child, footer > div > div > .cell:nth-child(2) {margin-bottom:3rem;}
}

/* Small (-600) */
@media screen and (max-width:599px) {
    #page-content .wp-block-column {margin:0 0 1rem;}
}

/* XSmall (-480) */
@media screen and (max-width:479px) {
    
}