:root {
--vert:            #017b3a; --vert-fonce:      #045d2e;
--vert-nuit:       #06341e; --vert-teinte:     #e8f3ec; --teal:            #0e7c80; --encre:           #24313a; --encre-douce:     #55636b; --fond:            #f2f5f3; --carte:           #ffffff;
--bord:            #dde5e0;
--rayon:           12px;
--rayon-petit:     8px;
--ombre-douce:     0 1px 3px rgba(16, 42, 29, 0.08), 0 4px 16px rgba(16, 42, 29, 0.06);
--ombre-menu:      0 8px 24px rgba(16, 42, 29, 0.16);
--navbar-h:        80px; --photo-hopital:   url(https://hopital-le-montaigu.fr/wp-content/uploads/2018/07/Le_Montaigu.jpg);
} html, body {
margin: 0;
padding: 0;
}
body { background:
linear-gradient(rgba(242, 245, 243, 0.78), rgba(242, 245, 243, 0.78)),
var(--photo-hopital) center bottom / cover no-repeat fixed;
background-color: var(--fond); font-family: Roboto, "Segoe UI", Arial, sans-serif;
color: var(--encre);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
html { scroll-behavior: smooth; } a:focus-visible, button:focus-visible, input:focus-visible {
outline: 2px solid var(--vert);
outline-offset: 2px;
} .navbar {
position: sticky;
top: 0;
z-index: 9999;
display: block;
width: 100%;
padding: 0;
min-height: var(--navbar-h); background-color: rgba(255, 255, 255, 0.9) !important;
-webkit-backdrop-filter: blur(10px) saturate(1.15);
backdrop-filter: blur(10px) saturate(1.15);
border: 0;
border-bottom: 3px solid var(--vert);
box-shadow: var(--ombre-douce);
overflow: visible !important; }
.navbar .container {
width: 100%;
max-width: none;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0 20px;
} .navbar-header { display: flex; flex: 0 0 auto; align-items: center; }
.navbar-header h1 { margin: 0; }
.navbar .navbar-brand {
height: var(--navbar-h) !important;
display: flex !important;
align-items: center !important;
padding: 6px 12px 6px 0;
}
.navbar .navbar-brand img {
height: calc(var(--navbar-h) - 14px) !important;
max-height: none !important;
width: auto !important;
object-fit: contain !important;
} .navbar-collapse {
flex: 1;
margin-left: auto;
border: 0;
box-shadow: none;
}
#menu-principal {
display: flex; flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
margin: 0;
padding: 0;
float: none;
} .navbar-nav > li { float: none; position: relative; }
.navbar-nav > li > a {
display: block;
color: var(--encre) !important;
font-weight: 500;
font-size: 14px;
padding: 9px 10px;
margin: 4px 1px;
border-radius: var(--rayon-petit);
line-height: 20px;
white-space: nowrap;
text-decoration: none;
transition: background-color .2s ease, color .2s ease;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
background-color: var(--vert-teinte) !important;
color: var(--vert-fonce) !important;
} .navbar-nav > .active > a,
.navbar-nav > .current-menu-item > a,
.navbar-nav > .current-menu-ancestor > a {
background-color: var(--vert) !important;
color: #ffffff !important;
} .dropdown-menu {
background-color: var(--carte) !important;
border: 1px solid var(--bord);
border-top: 3px solid var(--vert);
border-radius: 0 0 var(--rayon-petit) var(--rayon-petit);
box-shadow: var(--ombre-menu);
margin-top: 0;
padding: 6px 0;
min-width: 260px;
width: max-content;
max-width: 440px;
z-index: 10000;
}
.dropdown-menu > li > a {
display: block;
color: var(--encre) !important;
background: transparent !important;
padding: 10px 18px;
white-space: normal;
line-height: 1.35;
text-decoration: none;
transition: background-color .15s ease, color .15s ease;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a {
background-color: var(--vert-teinte) !important;
color: var(--vert-fonce) !important;
}
@media (min-width: 992px) {
.navbar-toggle { display: none !important; }
.navbar-collapse { display: block !important; } .navbar-nav > li > .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
display: block;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(8px);
transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.navbar-nav > li:hover > .dropdown-menu,
.navbar-nav > li:focus-within > .dropdown-menu,
.navbar-nav > li.open > .dropdown-menu,
.navbar-nav > li.show > .dropdown-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
} .dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu {
position: absolute;
top: -7px;
left: 100%;
display: block;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(6px);
transition: opacity .18s ease, transform .18s ease, visibility .18s;
min-width: 240px;
border-radius: var(--rayon-petit);
z-index: 10001;
}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus-within > .dropdown-menu,
.dropdown-submenu.open > .dropdown-menu,
.dropdown-submenu.show > .dropdown-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(0);
} .nav .open .dropdown-menu .dropdown-menu {
opacity: 0;
visibility: hidden;
pointer-events: none;
} .nav .open .dropdown-menu .dropdown-submenu:hover > .dropdown-menu,
.nav .open .dropdown-menu .dropdown-submenu:focus-within > .dropdown-menu,
.nav .open .dropdown-menu .dropdown-submenu.open > .dropdown-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .navbar-nav > li:nth-last-child(-n+2) > .dropdown-menu { right: 0; left: auto; }
.navbar-nav > li:nth-last-child(-n+2) .dropdown-submenu > .dropdown-menu {
left: auto;
right: 100%;
}
}  body:not(.logged-in) .wpuf-logout-link { display: none !important; } body.logged-in #boite-connexion { display: none !important; } #boite-connexion {
position: fixed;
bottom: 18px;
left: 18px;
z-index: 9998;
background: var(--carte);
border: 1px solid var(--bord);
border-radius: 999px;
box-shadow: var(--ombre-douce);
transition: box-shadow .2s ease, transform .2s ease;
}
#boite-connexion:hover { box-shadow: var(--ombre-menu); transform: translateY(-1px); }
#connexion {
display: block;
padding: 9px 18px;
color: var(--vert-fonce);
font-size: 14px;
font-weight: 500;
text-decoration: none;
} .page-title-section { background:
linear-gradient(to bottom right, rgba(3, 74, 37, 0.82), rgba(1, 123, 58, 0.55)),
var(--photo-hopital) center bottom / cover no-repeat fixed;
margin: 0;
border: 0;
padding: 58px 0;
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.12);
}
.overlay { background: transparent !important; }
.overlay .container { width: 100%; }
.page-title h1,
.page-title-section h1 {
color: #ffffff;
margin: 0;
font-size: 2.2em;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1.25;
text-shadow: 0 2px 8px rgba(0, 30, 15, 0.35);
} #titre {
margin: 0 auto;
width: auto;
max-width: 900px;
font-family: Roboto, sans-serif;
text-align: center;
font-size: 2.6em;
}
.page-breadcrumb { display: none; } body.home .page-title-section { padding: 96px 0; } .page-builder { width: 100%; padding: 40px 0 70px; }
.page-builder .container { background-color: rgba(255, 255, 255, 0.88);
-webkit-backdrop-filter: blur(12px) saturate(1.1);
backdrop-filter: blur(12px) saturate(1.1);
width: min(92%, 980px);
padding: 36px 44px;
border-radius: var(--rayon);
border: 1px solid rgba(255, 255, 255, 0.7);
box-shadow: var(--ombre-douce);
margin-bottom: 0;
}
.page-builder .container .row { margin-right: 0; margin-left: 0; } .col-md-12 h1, .col-md-12 h2, .col-md-12 h3 {
color: var(--vert-fonce);
line-height: 1.3;
margin-top: 1.2em;
margin-bottom: .55em; border-left: 4px solid var(--vert);
padding-left: 14px;
}
.col-md-12 h4, .col-md-12 h5 { color: var(--encre); margin-top: 1.1em; }
.col-md-12 p, .col-md-12 ul li, .col-md-12 ol li { color: var(--encre); }
.col-md-12 a {
color: var(--vert);
text-decoration: underline;
text-underline-offset: 2px;
transition: color .2s ease;
}
.col-md-12 a:hover { color: var(--teal); } .col-md-12 table {
background-color: var(--carte);
color: var(--encre);
border-collapse: collapse;
width: 100%;
}
.col-md-12 table th, .col-md-12 table td {
border: 1px solid var(--bord);
padding: 8px 12px;
}
.col-md-12 table th { background: var(--vert-teinte); color: var(--vert-fonce); }
.col-md-12 table a { color: var(--vert); } .page-builder .container img { border-radius: var(--rayon-petit); } .col-md-8 { margin-top: 20px; margin-left: 5%; margin-right: 5%; } .col-md-12 .date { background-color: var(--vert); font-family: Roboto, sans-serif; }
.col-md-12 .comment, .col-md-12 .blog-post-lg,
.comment-title, .blog-author, .comment-form-section { display: none; }
.media-body h3 a { color: var(--encre); }
.media-body h3 a:hover { color: var(--vert); } .nav-interne {
background-color: var(--fond);
border: 1px solid var(--bord);
border-radius: var(--rayon-petit);
margin-top: 10px;
z-index: 3;
font-family: Roboto, sans-serif;
overflow: hidden;
}
.nav-interne p {
text-align: center;
margin-bottom: 10px;
color: var(--vert-fonce);
display: block;
font-size: 18px;
padding-top: 10px;
}
.nav-interne ul {
padding: 0;
margin: 0;
text-align: center;
list-style-type: none;
background-color: transparent;
}
.nav-interne ul p { font-size: 1em; color: var(--encre); }
.sub-menu { margin: 0; padding: 0; }
.nav-interne li { padding: 0; }
.nav-interne a {
width: 100%;
display: block;
padding: 10px 0;
color: var(--encre-douce);
text-decoration: none;
transition: all .2s ease-out;
}
.col-md-12 .nav-interne a:hover {
background-color: var(--vert-teinte);
color: var(--vert-fonce);
} .display-posts-listing { list-style-type: none; padding-left: 0; }
.listing-item {
background-color: var(--carte);
border: 1px solid var(--bord);
margin-top: 10px;
margin-bottom: 20px;
padding: 14px 16px 20px 20px;
border-radius: var(--rayon-petit);
box-shadow: none;
transition: box-shadow .2s ease-out, transform .2s ease-out;
}
.listing-item:hover { box-shadow: var(--ombre-douce); transform: translateY(-2px); }
.listing-item .title {
display: inline-block;
font-size: 1.5em;
color: var(--encre);
transition: color .2s ease-out;
}
.listing-item .excerpt-dash { font-size: 1.5em; padding-left: 1%; padding-right: 1%; color: var(--encre-douce); }
.listing-item .slide-text-bg2 { width: 100%; z-index: 1; }
.listing-item .slide-text-bg2 span {
display: block;
background-color: transparent;
padding: 10px 20px 0 20px;
font-family: Roboto, sans-serif;
color: var(--encre-douce);
}
.excerpt { display: inline-block; }
.excerpt a { color: var(--encre-douce); }
.listing-item a:hover { color: var(--vert); } form label { color: var(--encre); font-family: Roboto, sans-serif; font-weight: 500; }
form input[type=text],
form input[type=email],
form input[type=tel],
.wpcf7-textarea {
background-color: var(--carte);
color: var(--encre);
border-radius: var(--rayon-petit);
border: 1px solid var(--bord);
padding: 8px 12px;
transition: border-color .2s ease, box-shadow .2s ease;
}
form input[type=text]:hover, form input[type=email]:hover, .wpcf7-textarea:hover { border-color: var(--vert); }
form input[type=text]:focus, form input[type=email]:focus, .wpcf7-textarea:focus {
outline: none;
border-color: var(--vert);
box-shadow: 0 0 0 3px rgba(1, 123, 58, 0.18);
}
form input[type=submit] {
background-color: var(--vert);
color: #fff;
border: 0;
border-radius: 999px;
padding: 10px 26px;
font-weight: 500;
box-shadow: none;
cursor: pointer;
transition: background-color .2s ease;
}
form input[type=submit]:hover { background-color: var(--vert-fonce); box-shadow: none; } .footer-section { background: var(--fond); }
.col-md-3 h3 { font-size: 1.6em; color: var(--vert-fonce); }
.col-md-3 p { color: var(--encre); }
.col-md-3 a { color: var(--encre-douce); transition: color .2s ease-out; }
.col-md-3 a:hover { color: var(--vert); }
.footer-widget-title { margin: 0; }
.footer-widget-column { margin-bottom: 10px; }
.footer-copyright-section {
background: var(--vert-nuit);
color: #cfe3d7;
border: 0;
padding: 20px 0;
margin-top: 40px;
}
.footer-copyright-section p { display: inline; color: #cfe3d7; }
.footer-copyright-section a { color: #ffffff; text-decoration: underline; text-underline-offset: 2px; }
.footer-copyright-section a:hover { color: var(--vert-teinte); }  .hc_scrollup {
background-color: var(--vert);
border-radius: 50%;
box-shadow: var(--ombre-douce);
}
.hc_scrollup:hover { background-color: var(--vert-fonce); transition: all .3s ease-out; } .metaslider { width: 100%; }
.metaslider-nivo { margin-left: 0; }
.metaslider img { border-radius: var(--rayon-petit); } #nav-secondaire {
position: fixed;
z-index: 10002;
top: 0;
width: 100%;
height: 100%;
font-size: 16px;
}
#bellows-main-4-plus {
background-color: var(--carte);
height: 100%;
width: 50%;
margin: 0 25%;
box-shadow: var(--ombre-menu);
overflow-y: auto;
}
#menu-secondaire { padding-top: 80px; }
#menu-secondaire a {
padding: 10px 20% 10px 20%;
color: var(--encre);
transition: all .3s ease-out;
}
#menu-secondaire a span { margin-right: 20%; }
#menu-secondaire a:hover {
background-color: var(--vert-teinte);
color: var(--vert-fonce);
}
#menu-secondaire li ul li a { padding-left: 30%; }
#cache-nav-secondaire {
background-color: rgba(6, 52, 30, 0.55);
width: 100%;
top: 0;
left: 0;
z-index: -1;
height: 100%;
display: block;
position: absolute;
}  @media screen and (min-width: 1680px) {
.page-builder .container { width: 980px; }
} @media screen and (max-width: 991px) {
.navbar .container { padding: 0 12px; }
.navbar-toggle {
display: block;
margin-left: auto;
background: transparent;
border: 1px solid var(--bord);
border-radius: var(--rayon-petit);
padding: 10px 12px;
cursor: pointer;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
background: var(--vert-fonce);
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; } .navbar-collapse { display: none !important; flex-basis: 100%; }
.navbar-collapse.lm-open {
display: block !important;
max-height: calc(100vh - var(--navbar-h) - 10px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
#menu-principal { flex-direction: column; align-items: stretch; padding-bottom: 10px; }
.navbar-nav > li > a { white-space: normal; margin: 2px 0; } .dropdown-menu {
position: static !important;
display: none;
opacity: 1;
visibility: visible;
transform: none;
border: 0;
border-left: 3px solid var(--vert-teinte);
box-shadow: none;
margin: 0 0 4px 14px;
padding: 0;
min-width: 0;
width: auto;
max-width: none;
}
.lm-sub-open > .dropdown-menu { display: block !important; } .lm-sub-open > a {
background-color: var(--vert-teinte) !important;
color: var(--vert-fonce) !important;
} body { background-attachment: scroll; }
.page-title-section { background-attachment: scroll; padding: 34px 0; }
.page-title h1, .page-title-section h1 { font-size: 1.5em; }
#titre { font-size: 1.8em; }
#bellows-main-4-plus { width: 84%; margin: 0 8%; }
} @media screen and (max-width: 490px) {
.page-builder { padding: 20px 0 40px; }
.page-builder .container { width: 96%; padding: 20px 18px; margin: 0 auto; }
.col-md-12 { padding: 0; }
.media { padding: 10px; }
.blog-lg-area-left { padding: 10px; }
.nav-interne ul li a { padding-left: 10px; padding-right: 10px; }
#boite-connexion { bottom: 12px; left: 12px; }
#connexion { padding: 7px 14px; font-size: 13px; }
}