/* General */
 a{transition: .3s;text-decoration: none!important;}
 p{margin-bottom: 5px;}
 svg{transition: .3s;}
 svg path{transition: .3s;}
 body{position: relative;overflow-x: hidden;}
 .radial-bleu{background: radial-gradient(at bottom left, #2088D2, #005999);}
 .bleu{background: #00263e;}
 .gris{background: #e2e2e2;}
 .pt-150{padding-top: 150px;}
 .pb-150{padding-bottom: 150px;}
 .flex-direction-column{flex-direction: column;}
 .justify-content-space-between{justify-content: space-between;}
 .justify-content-space-evenly{justify-content: space-evenly;}
 .np{padding: 0!important;}
 .pr{position: relative;}
 .p0{padding: 0!important;}
.h550{height: 550px;}

 .jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

:root {
    --dark-blue: #00263E;
    --blue: #005999;
    --light-blue: #2088D2;
    --grey-blue : #D5E0EF;
}
* {font-family: Montserrat;}
ul{margin-left: 0;}
h1, h2, h3 { text-transform:uppercase; }
.consultation .widget {list-style: none; margin: 0;}

.current-menu-parent>a { font-weight: 700!important; }
.current-menu-item>a { font-weight: 700!important; }
.current-menu-item>a.nav-link::after {transform: translate3d(0%, 0, 0)!important;}

#fader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;pointer-events: none;background: white;pointer-events: none;animation-duration: 300ms; animation-timing-function: ease-in-out;}
@keyframes fade-out { from { opacity: 1 } to { opacity: 0 } }
@keyframes fade-in { from { opacity: 0 } to { opacity: 1 } }
#fader.fade-out { opacity: 0; animation-name: fade-out; }
#fader.fade-in { opacity: 1; animation-name: fade-in; }


 
 /* Header home */
 header.header-home{padding-top: 70px; z-index: 8000; position: fixed; width: 100%; top: 0;transition: .3s;}
 header.header-home .logo{margin-left: 40px;margin-right: 40px;}
 header.header-home .logo svg { max-height: 80px; width: fit-content; }
 header.header-home .main-navigation{    width: auto; display: inline-block;}
 header.header-home .main-navigation ul.navbar-nav li a.nav-link{color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; margin-right: 30px ; overflow: hidden; position: relative; padding: 0 0 3px ; }
 header.header-home .main-navigation ul.navbar-nav li a.nav-link:hover{color: #ffffff; }
 header.header-home .main-navigation ul.navbar-nav li a.nav-link::after{opacity: 1; transform: translate3d(-100%, 0, 0); content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: #fff;transition: .3s;}
 header.header-home .main-navigation ul.navbar-nav li a.nav-link:hover::after, header .main-navigation ul.navbar-nav li a.nav-link:focus::after{ transform: translate3d(0, 0, 0); }
 header.header-home .main-navigation ul.navbar-nav li:last-child a.nav-link{margin-right: 0px;}
 header.header-home .header-right a{color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 700; line-height: 22px; text-align: center;padding: 13px 23px;background-color: #00263e;border: 2px solid #00263e}
 header.header-home .header-right a:hover{color: #00263e;background-color: transparent;}
 
 /* header page */
 header{padding-top: 70px; z-index: 8000; position: fixed; width: 100%; top: 0;transition: .3s;} 
 header .logo{margin-left: 40px;margin-right: 40px;}
 header .logo svg{max-height: 80px;}
 header .main-navigation{    width: auto; display: inline-block;}
 header .main-navigation ul.navbar-nav li a.nav-link{color: #00263e; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; margin-right: 30px ; overflow: hidden; position: relative; padding: 0 0 3px ; }
 header .main-navigation ul.navbar-nav li a.nav-link:hover{color: #525456; }
 header .main-navigation ul.navbar-nav li a.nav-link::after{opacity: 1; transform: translate3d(-100%, 0, 0); content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: #00263e;transition: .3s;}
 header .main-navigation ul.navbar-nav li .submenu a.nav-link::after{ background-color: #fff;}
 header .main-navigation ul.navbar-nav li a.nav-link:hover::after, header .main-navigation ul.navbar-nav li a.nav-link:focus::after{ transform: translate3d(0, 0, 0); }
 header .main-navigation ul.navbar-nav li.current-menu-parent>a.nav-link::after{ transform: translate3d(0, 0, 0); }
 header .main-navigation ul.navbar-nav li:last-child a.nav-link{margin-right: 0px;}
 header .header-right a{color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 700; line-height: 22px; text-align: center;padding: 13px 23px;background-color: #00263e;border: 2px solid #00263e}
 header .header-right a:hover{color: #00263e;background-color: transparent;}
 header .mobile {display: none;}
  header .mobile a {display: none;}
 header ul .widget{margin: 0;display: none;}

 header.scroll{background: #00263e;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 0px 40px rgb(0 0 0 / 40%);}
 header.scroll .logo svg{max-height: 65px;}
 header.scroll .logo svg path{fill:white;}
 header.scroll .header-right a{color: white;border-color: white;}
 header.scroll .header-right a:hover{color: #00263e;background-color: white;}
 header.scroll .main-navigation ul.navbar-nav li a.nav-link{color: white;}
 header.scroll .main-navigation ul.navbar-nav li a.nav-link::after{background: white;}
 
 /* header submenu */
 header .main-navigation ul.navbar-nav ul.sub-menu { box-shadow: 0 3px 3px rgb(0 0 0 / 20%); float: left; position: absolute; top: 30px; left: 0em ; z-index: 99999; overflow: hidden; transition: .5s; width:90%;max-height: 0;   background: #00263e; padding: 0 ;}
 header .main-navigation ul.navbar-nav ul.sub-menu a{ margin: 5px 10px; color: white;}
 header .main-navigation ul.navbar-nav ul.sub-menu a::after{background: #fff;}
 header .main-navigation ul.navbar-nav ul.sub-menu a:hover{ color: rgb(189, 189, 189);}
 header .main-navigation ul.navbar-nav li:hover > ul.sub-menu, header .main-navigation ul.navbar-nav li:focus > ul.sub-menu { max-height: 200px ;}
 header .main-navigation ul.navbar-nav ul.sub-menu{ display: flex; flex-direction: column;}

 /* footer */
 footer{background-color: #00263E;padding: 30px 0;}
 footer .logo{text-align: center;}
 footer li.widget {list-style: none;    margin: 0 0 0 0;}
 footer li {list-style: none;}
 footer ul{padding: 0;margin: 0;}
 footer .contact p{color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; text-align: center;margin-bottom: 0;}
 footer .adresse p{color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; text-align: center;margin-bottom: 0;}
 footer .menu a{color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 20px; text-align: center; text-transform: uppercase;}
 
 /* Page home */
 main #page-home{padding-top: 150px;}
 main #page-home #entry{position: relative;margin-top: -150px;overflow: hidden;}
 main #page-home #entry .radial-bleu{min-height: 100vh; height: auto; position: relative;}
 main #page-home #entry .radial-bleu .text{    position: relative; left: 9%; top: 300px; width: 50%; height: auto; margin-bottom: 300px;}
 main #page-home #entry .radial-bleu .text .bloc{width: 95px;height: 15px;background: #fff;margin-bottom: 50px;}
 main #page-home #entry .radial-bleu .text h1{color: #ffffff; font-family: Montserrat; font-size: 42px;line-height: 45px; text-transform: uppercase; letter-spacing: 2px;margin-bottom: 30px;font-weight: 300;}
 main #page-home #entry .radial-bleu .text h1 strong{font-weight: 700;}
 main #page-home #entry .radial-bleu .text p{color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 400; /* line-height: 28px; margin-bottom: 45px;*/}
 /* main #page-home #entry .radial-bleu .text a{ color: #ffffff; font-family: Montserrat; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 15px 25px;border: 2px solid #fff;}
 main #page-home #entry .radial-bleu .text a:hover{background-color: #fff;color: #2088D2;} */
 main #page-home #entry .photo{position: absolute;right: 0;padding:0;top: 300px;}
 main #page-home #entry .photo .img{height: 100vh;background-size: cover;background-position: center;}

 main #page-home #video video{width: 100%;    object-fit: cover;    height: 100%;}
 
 main #page-home #cabinet{height: 550px;}
 main #page-home #cabinet .video{padding: 0;margin-bottom: -6px;}
 main #page-home #cabinet .video video{width: 100%;; object-fit: cover;background: black;outline: none;}
 main #page-home #cabinet .bleu .text{width: 70%;}
 main #page-home #cabinet .bleu .text h2{color: #ffffff; font-family: Montserrat; font-size: 28px; font-weight: 700;text-transform: uppercase;margin-bottom: 35px;}
 main #page-home #cabinet .bleu .text p{color: #ffffff; font-family: Montserrat; font-size: 18px; font-weight: 400;margin-bottom: 45px ;}
 main #page-home #cabinet .bleu .text a{ color: #ffffff; font-family: Montserrat; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 15px 25px;border: 2px solid #fff;}
 main #page-home #cabinet .bleu .text a:hover{background-color: #fff;color: #00263e;}
 
 main #page-home #troubles{}
 main #page-home #troubles .gris{padding: 0;flex-direction: column;}
 main #page-home #troubles .gris h2{color: #00263e; font-family: Montserrat; font-size: 40px; font-weight: 300;text-transform: uppercase; letter-spacing: 2px;display: block;text-align: left;}
 main #page-home #troubles .gris img{width: 100%;}
 main #page-home #troubles .title{color: #00263e; font-family: Montserrat; font-size: 20px; font-weight: 700;margin-bottom: 20px;}
 main #page-home #troubles .description{color: #00263e; font-family: Montserrat; font-size: 16px; font-weight: 400;}
 main #page-home #troubles a{ color: #2088d1; font-family: Montserrat; font-size: 16px; font-weight: 700;text-decoration: underline;}
 main #page-home #troubles a:hover{ color: #00263e;}
 main #page-home #troubles .sepa{width: 100%;display: block;height: 2px;background-color: #aaaaaa;margin-top: 30px;margin-bottom: 30px;}

 main #page-home #maladies{}
 main #page-home #maladies .item{margin-right: 40px;}
 main #page-home #maladies .item:last-child{margin-right: 0px;}
 main #page-home #maladies .text{width: 80%;margin: auto;padding: 80px 0;}
 main #page-home #maladies .text h2{ color: #ffffff; font-family: Montserrat; font-size: 35px; font-weight: 300;text-transform: uppercase; letter-spacing: 2px;margin-bottom: 30px;}
 main #page-home #maladies .text .title{color: #fff; font-family: Montserrat; font-size: 20px; font-weight: 700;margin-bottom: 10px;}
 main #page-home #maladies .text .description{color: #fff; font-family: Montserrat; font-size: 16px; font-weight: 400;}
 main #page-home #maladies .text a{ color: #fff; font-family: Montserrat; font-size: 16px; font-weight: 700;text-decoration: underline;}
 main #page-home #maladies .text a:hover{ color: #2088d1;}

 main #page-home #chirurgie .text{width: 70%;margin: auto;}
 main #page-home #chirurgie .text h2{color: #00263e; font-family: Montserrat; font-size: 35px; font-weight: 700; text-transform: uppercase;margin-bottom: 40px;}
 main #page-home #chirurgie .text p{color: #00263e; font-family: Montserrat; font-size: 20px; font-weight: 400;margin-bottom: 40px;}
 main #page-home #chirurgie .text a{color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 700;text-align: center;padding: 13px 23px;background-color: #00263e;border: 2px solid #00263e}
 main #page-home #chirurgie .text a:hover{color: #00263e;background-color: transparent;}
 main #page-home #chirurgie .img{height: 80vh;background-size: cover; background-position: center;}
 main #page-home #chirurgie video{    width: 100%; object-fit: cover; margin-bottom: -7px;}

 main #page-home #contact{position: relative;}
 main #page-home #contact img{max-height: 80vh; width: 100%; object-fit: cover;}
 main #page-home #contact .rdv{position: absolute;right: 0;bottom: 0;padding:80px 60px;z-index: 1;}
 main #page-home #contact .rdv .text h2{ color: #ffffff; font-family: Montserrat; font-size: 26px; font-weight: 700;text-transform: uppercase;}
 main #page-home #contact .rdv .text p{  color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 400;}
 main #page-home #contact .rdv .text a{  color: #00263e; font-family: Montserrat; font-size: 16px; font-weight: 700;text-decoration: underline!important;}
 main #page-home #contact .rdv .text a:hover{  color: #ffffff;}
 main #page-home #contact .rdv .link a{color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 700;text-align: center;padding: 13px 23px;background-color: #00263e;border: 2px solid #00263e}
 main #page-home #contact .rdv .link a:hover{color: #ffffff;background-color: transparent;border: 2px solid #ffffff}

/* Panneau préventif vidéo */
.warning{display: none; height: 100%; width: 100%; position: absolute; justify-content: center; align-items: center; flex-wrap: wrap; z-index: -1; visibility: hidden; flex-direction: column; background-color: rgba(0, 0, 0, 0.8);}
.warning.visible{z-index: 1; visibility: visible; display:flex;}
.warning button {color: #ffffff; font-size: 16px; font-weight: 700; text-align: center; padding: 13px 23px; background-color: var(--dark-blue); border: 2px solid var(--dark-blue); transition-duration: 0.5s;}
.warning button:hover {color: #ffffff; background-color: transparent; border: 2px solid #ffffff;}
.warning p {font-size: 22px; color: white;}


/* Consultation footer */

#consultation {position: relative;}
#consultation img{max-height: 80vh; width: 100%; object-fit: cover;}
#consultation .rdv{right: 0;bottom: 0;padding:80px 0;align-items: center;}
#consultation .rdv .text h2{ color: #ffffff; font-size: 26px; font-weight: 700;text-transform: uppercase;}
#consultation .rdv .text p{  color: #ffffff; font-size: 16px; font-weight: 400;}
#consultation .rdv .text a{  color: #00263e; font-size: 16px; font-weight: 700;text-decoration: underline!important;}
#consultation .rdv .text a:hover{  color: #fff; }
#consultation .rdv .link a{color: #ffffff; font-size: 16px; font-weight: 700;text-align: center;padding: 13px 23px;background-color: var(--dark-blue);border: 2px solid var(--dark-blue)}
#consultation .rdv .link a:hover{color: #ffffff;background-color: transparent;border: 2px solid #ffffff}



/* Header */

header .header-right li{list-style: none;margin-bottom: 0;}
header .header-right li.widget p{margin-bottom: 0;}
header .navbar-toggler {border: 0; box-shadow: 0;}
header .navbar-toggler svg path {fill: var(--dark-blue)}
header .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0; }



/* Présentation */

main #page-presentation{padding-top: 150px;}
main #page-presentation #entry {margin-top: 50px;}
main #page-presentation #entry .photo{position: absolute;top: 200px;right: 0;    padding: 0;z-index: 50;}
main #page-presentation #entry .photo .img { height: calc(100vh - 330px); background-size: cover; background-position: center; }
main #page-presentation #entry .video video {height: 100%; width: 100%; }
main #page-presentation #entry .bleu {margin-top: 140px; z-index: 1;}
main #page-presentation #entry .bleu .text {padding: 100px 30% 100px 45px; color: white; width: 100%;}
main #page-presentation #entry .bleu .text h1 {  font-weight: 300; margin-bottom: 30px; font-size: 28px; }
main #page-presentation #entry .bleu .text h1 span {  font-weight: 600; }
main #page-presentation #entry .bleu .text p {  margin-bottom: 20px; }

main #page-presentation #video .video { padding: 0; background: var(--dark-blue); height: 900px; }
main #page-presentation #video .video video {height: 100%; width: 100%; }

main #page-presentation #cabinet .text {padding: 100px 0px; color: white; width: 80%; margin: auto;z-index: 1;}
main #page-presentation #cabinet .text h2 { margin-bottom: 30px; font-size: 26px; }

main #page-presentation #slider-cabinet { margin-top: -100px; }
main #page-presentation #slider-cabinet .slider { padding: 0;  z-index: 0; }
main #page-presentation #slider-cabinet .image-slider { height: 600px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
main #page-presentation #slider-cabinet .owl-carousel .owl-stage-outer { height: 600px!important; }
main #page-presentation #slider-cabinet .owl-nav {margin-top: -50px!important; position: absolute; right: 0; }
main #page-presentation #slider-cabinet .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {width:50px;height:50px;margin:0;border-radius: 0;}
main #page-presentation #slider-cabinet .owl-carousel .owl-nav button.owl-prev{color:white;border: solid 2px var(--dark-blue);background-color: var(--dark-blue);}
main #page-presentation #slider-cabinet .owl-carousel .owl-nav button.owl-next{color:var(--dark-blue);border: solid 2px var(--dark-blue);background-color: white;}
main #page-presentation #slider-cabinet .owl-theme .owl-nav .owl-prev path.prev-arrow{fill:white;}
main #page-presentation #slider-cabinet .owl-theme .owl-nav .owl-prev:hover {background-color: white!important;}
main #page-presentation #slider-cabinet .owl-theme .owl-nav .owl-next:hover {background-color: var(--dark-blue)!important;}
main #page-presentation #slider-cabinet .owl-theme .owl-nav .owl-next:hover path.next-arrow{fill:white;}
main #page-presentation #slider-cabinet .owl-theme .owl-nav .owl-prev:hover path.prev-arrow{fill:var(--dark-blue);}



/* Trouble de la vision */

main #single-trouble{padding-top: 150px;}
main #single-trouble #entry {margin-top: 50px;}
main #single-trouble #entry .photo .img { height: calc(100vh - 300px); background-size: cover; background-position: center; }
main #single-trouble #entry .bleu {    z-index: 1; position: absolute; bottom: 0;}
main #single-trouble #entry .bleu .text {     padding: 100px 0; color: white; width: 80%; margin: auto; }
main #single-trouble #entry .bleu .text h1 {  font-weight: 300; margin-bottom: 30px; font-size: 28px; }
main #single-trouble #entry .bleu .text h1 span {  font-weight: 600; }
main #single-trouble #entry .bleu .text p {  margin-bottom: 20px; font-size: 16px; font-weight: 400; line-height: 27px; }
main #single-trouble #entry .bleu .text p:last-child{margin-bottom: 0;}
main #single-trouble #entry .bleu .text p a {font-size: 16px; font-weight: 700; line-height: 27px; color: white;}
main #single-trouble #entry .bleu .text p a:hover { color: var(--blue);}

main #single-trouble #info {  padding: 100px 0; background-image: radial-gradient(at bottom left, #2088D2, #005999); }
main #single-trouble #info .text {color: white;}
main #single-trouble #info .text h2 { margin-bottom: 30px; text-align: center; font-size: 28px; font-weight: 400; line-height: 49px;}
main #single-trouble #info .text p {font-size: 16px; font-weight: 400; line-height: 27px;}
main #single-trouble #info .text p a {font-size: 16px; font-weight: 700; line-height: 27px; color: white;}
main #single-trouble #info .text p a:hover { color: var(--dark-blue);}

main #single-trouble #operation {}
main #single-trouble #operation .titre-container {background-color:var(--grey-blue);padding-left: calc(8.33333333% + 15px);}
main #single-trouble #operation .empty .titre-container {height: 120px ;}
main #single-trouble #operation .titre-container h3 {color: var(--dark-blue); font-size: 25px; font-weight: 700; line-height: 37px; text-transform: uppercase; letter-spacing: 2px;}
main #single-trouble #operation .titre-container p {font-size: 16px;}
main #single-trouble #operation .titre-container p a {font-size: 16px; font-weight: 700; color: white;}
main #single-trouble #operation .titre-container h3 span {font-weight: 300;}
main #single-trouble #operation .texte-container {margin-bottom: 60px; }
main #single-trouble #operation .texte-container .texte p{color: #00263E}
main #single-trouble #operation .texte-container .texte p a {font-weight: 700; color: var(--dark-blue);}
main #single-trouble #operation .texte-container .texte p a:hover {font-weight: 700; color: var(--blue);}
main #single-trouble #operation .texte-container .texte li a {font-weight: 700; color: var(--dark-blue);}
main #single-trouble #operation .texte-container .texte li a:hover {font-weight: 700; color: var(--blue);}

main #single-trouble #consultation{position: relative;}
main #single-trouble #consultation img{max-height: 80vh; width: 100%; object-fit: cover;}
main #single-trouble #consultation .rdv{right: 0;bottom: 0;padding:80px 0;align-items: center;}
main #single-trouble #consultation .rdv .text h2{ color: #ffffff; font-size: 26px; font-weight: 700;text-transform: uppercase;}
main #single-trouble #consultation .rdv .text p{  color: #ffffff; font-size: 16px; font-weight: 400;}
main #single-trouble #consultation .rdv .link a{color: #ffffff; font-size: 16px; font-weight: 700;text-align: center;padding: 13px 23px;background-color: var(--dark-blue);border: 2px solid var(--dark-blue)}
main #single-trouble #consultation .rdv .link a:hover{color: #ffffff;background-color: transparent;border: 2px solid #ffffff}



/* Chirurgie réfractive */

main #page-chirurgie{padding-top: 150px;}
main #page-chirurgie #entry {margin-top: 50px;height: calc(100vh - 200px);position: relative;}
main #page-chirurgie #entry .photo {position: absolute;bottom: 0;}
main #page-chirurgie #entry .photo .img {height: calc(100vh - 300px); background-size: cover; background-position: center; }
main #page-chirurgie #entry .bleu {z-index: 1;}
main #page-chirurgie #entry .bleu .text { padding: 100px 0; color: white;margin: auto;width: 80%;}
main #page-chirurgie #entry .bleu .text h1 {  font-weight: 300; margin-bottom: 30px; font-size: 28px; }
main #page-chirurgie #entry .bleu .text h1 span {  font-weight: 600; }
main #page-chirurgie #entry .bleu .text p {  margin-bottom: 20px; font-size: 16px; font-weight: 400; line-height: 27px; }
main #page-chirurgie #entry .bleu .text p:last-child {margin-bottom: 0;}

main #page-chirurgie #chirurgies {display: flex; align-items: flex-start; justify-content: center;}
main #page-chirurgie #chirurgies .navbar{background-color: var(--dark-blue); margin-top: 120px;padding:0;}
main #page-chirurgie #chirurgies .nav {justify-content: space-between; display: flex;}
main #page-chirurgie #chirurgies .liste .nav-list {display: flex; /* margin-top: 70px; */ margin-bottom: 40px; /* flex-wrap: wrap; */ flex-direction: column;}
main #page-chirurgie #chirurgies .nav p.active { /* border-bottom: 1px solid var(--dark-blue); */ font-weight: 400; background-color: var(--blue); color: white; font-weight: 700; }
main #page-chirurgie #chirurgies .nav p:hover { /* border-bottom: 1px solid var(--dark-blue); */ font-weight: 400; color: white; font-weight: 700;background-color: var(--blue); }
main #page-chirurgie #chirurgies .nav p { padding: 40px 30px; /* border-bottom: 1px solid var(--grey-blue); */ /* margin-bottom: 20px; */ transition-duration: 0.3s; font-size: 24px; cursor: pointer; font-weight: 300; /* width: 33.33%; */ text-align: center; margin-bottom: 0; color: white; }
main #page-chirurgie #chirurgies #bouton_liste {/* height: 900px; */ padding: 0; padding-left: 8.33333333%; width: 597px;}
main #page-chirurgie #chirurgies #bouton_texte {/* height: 800px; */ padding: 0 15px;;color:black}
main #page-chirurgie #chirurgies #bouton_texte h2 {color: var(--dark-blue);}
main #page-chirurgie #chirurgies .liste {display: flex; flex-direction: column; background-color: var(--grey-blue); padding: 80px 20px;}
main #page-chirurgie #chirurgies .liste p.bold { font-weight: 700; }
main #page-chirurgie #chirurgies .liste p { color: var(--dark-blue); font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; width: 100%; text-align: left; margin-bottom: 20px; }
main #page-chirurgie #chirurgies .texte { padding: 80px 160px; color: white; font-size: 20px; font-weight: 300; line-height: 27px;display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
main #page-chirurgie #chirurgies .texte p {font-size: 16px; line-height: 24px; margin-bottom: 10px;color: #00263E}
main #page-chirurgie #chirurgies .warning p {color: #fff}
main #page-chirurgie #chirurgies .texte ul {margin-left: 0;}
main #page-chirurgie #chirurgies .texte li {font-size: 16px;}
main #page-chirurgie #chirurgies .texte a {font-size: 16px; color: var(--dark-blue); font-weight: 700;}
main #page-chirurgie #chirurgies .texte a:hover {color: var(--blue);}
main #page-chirurgie #chirurgies .texte h2 {font-weight: 700; text-transform: uppercase; font-size: 22px; margin-bottom: 20px;}
main #page-chirurgie #chirurgies .texte video{width: 100%;}

@keyframes switchChirurgie {
    0%   {min-height: 800px;}
    90%  {min-height: 0px;}
    100%  {visibility: hidden; height: 0; padding: 0; z-index: 0; overflow: hidden;}
  }


main #page-chirurgie #chirurgies #bouton_liste .nav-list {opacity: 0;  visibility: hidden; /*max-height: 0px; */ padding: 0; z-index: 0; margin: 0; transition-duration: 0.3s;height: 0px;}
main #page-chirurgie #chirurgies #bouton_texte .media-slide-chirurgie {opacity: 0; visibility: hidden; /* max-height: 0px; */ padding: 0; z-index: 0;transition-duration: 0.3s;height: 0px;}

main #page-chirurgie #chirurgies #bouton_texte .media-slide-chirurgie.partie_active { opacity: 1; visibility: visible; /* max-height: 800px; */ padding: 60px 0px; z-index: 1; margin: auto;height: auto;}
main #page-chirurgie #chirurgies #bouton_liste .nav-list.partie_active {opacity: 1; visibility: visible; /* max-height: 800px; */ padding: 60px 0px; z-index: 1;height: auto; }

main #page-chirurgie #chirurgies .media-slide-chirurgie {height: 100%;}
main #page-chirurgie #chirurgies .media-slide-chirurgie .owl-nav {position: absolute; right: 0px; bottom: 0;visibility: hidden;}
main #page-chirurgie #chirurgies .media-slide-chirurgie.partie_active .owl-nav {position: absolute; right: 0; bottom: 0;visibility: visible; display: none;}
main #page-chirurgie #chirurgies .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {width:50px;height:50px;margin:0;border-radius: 0;}
main #page-chirurgie #chirurgies .owl-carousel .owl-nav button.owl-prev{color:white;border: solid 2px var(--dark-blue);background-color: var(--dark-blue);}
main #page-chirurgie #chirurgies .owl-theme .owl-nav .owl-prev #Path{fill:white;}
main #page-chirurgie #chirurgies .owl-carousel .owl-nav button.owl-next{color:var(--dark-blue);border: solid 2px var(--dark-blue);background-color: white;}
main #page-chirurgie #chirurgies .owl-theme .owl-nav .owl-prev:hover {background-color: white!important;}
main #page-chirurgie #chirurgies .owl-theme .owl-nav .owl-next:hover {background-color: var(--dark-blue)!important;}
main #page-chirurgie #chirurgies .owl-theme .owl-nav .owl-next:hover #Path{fill:white;}
main #page-chirurgie #chirurgies .owl-theme .owl-nav .owl-prev:hover #Path{fill:var(--dark-blue);}
main #page-chirurgie #chirurgies .owl-theme .owl-item {opacity: 0}
main #page-chirurgie #chirurgies .owl-theme .owl-item.active {opacity: 1}


main #page-chirurgie .resume {visibility: hidden; z-index: 0; overflow: hidden; height: 0;}
main #page-chirurgie .resume.partie_active{visibility: visible; z-index: 1; overflow:visible; height: auto;position: relative;}
main #page-chirurgie .resume .photo-container .photo .photo-resume {    height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover;}
main #page-chirurgie .resume .text-container{position: absolute;bottom: 0;}
main #page-chirurgie .resume .text-container{background-color: var(--dark-blue);}
main #page-chirurgie .resume .text-container h3{font-size: 22px;margin-bottom: 15px;}
main #page-chirurgie .resume .texte {padding: 100px 0; color: white;width: 80%; margin: auto;}
main #page-chirurgie .resume .texte a {color: white; font-weight: 700;}
main #page-chirurgie .resume .texte a:hover {color: var(--blue);}



/* Maladie oculaire */

main #single-maladie{padding-top: 150px;}
main #single-maladie #entry {margin-top: 50px;}
main #single-maladie #entry .photo .img { height: calc(100vh - 300px); background-size: cover; background-position: center; }
main #single-maladie #entry .bleu {z-index: 1; position: absolute; bottom: 0;}
main #single-maladie #entry .bleu .text {padding: 100px 0px; color: white; width: 80%; margin: auto;}
main #single-maladie #entry .bleu .text h1 {  font-weight: 300; margin-bottom: 30px; font-size: 28px; }
main #single-maladie #entry .bleu .text h1 span {  font-weight: 600; }
main #single-maladie #entry .bleu .text p {  margin-bottom: 20px; font-size: 16px; font-weight: 400; line-height: 27px; }
main #single-maladie #entry .bleu .text p:last-child {  margin-bottom: 0px;}

main #single-maladie #video .video { padding: 0; background: var(--dark-blue);}
main #single-maladie #video .video video {height: 100%; width: 100%; }

main #single-maladie #info {  padding: 100px 0; background: radial-gradient(at bottom left, #2088D2, #005999); }
main #single-maladie #info .text {color: white;}
main #single-maladie #info .text h2 { margin-bottom: 40px; text-align: center; font-size: 28px; font-weight: 400; line-height: 49px;}
main #single-maladie #info .text p {font-size: 16px; font-weight: 400; line-height: 27px;}

main #single-maladie #operation {}
main #single-maladie #operation .titre-container {background-color:var(--grey-blue);padding-left: calc(8.33333333% + 15px);}
main #single-maladie #operation .empty .titre-container {height: 120px ;}
main #single-maladie #operation .empty.last .titre-container {height: 60px ;}
main #single-maladie #operation .titre-container h3 {color: var(--dark-blue); font-size: 25px; font-weight: 700; line-height: 37px; text-transform: uppercase; letter-spacing: 2px;}
main #single-maladie #operation .titre-container p {font-size: 16px;}
main #single-maladie #operation .titre-container h3 span {font-weight: 300;}
main #single-maladie #operation .texte-container {margin-bottom: 60px; }
main #single-maladie #operation .texte-container .texte p{color: #00263E}


main #single-maladie #slider-maladies {}
main #single-maladie #slider-maladies .slider { padding: 0;  z-index: 0; position: relative;}
main #single-maladie #slider-maladies .slider video{z-index: 0; height: 600px; width: 100%; object-fit: cover;}
main #single-maladie #slider-maladies .image-slider {    height: 600px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
main #single-maladie #slider-maladies .media-slide-maladie .warning{height: 600px;}

main #single-maladie #slider-maladies .owl-carousel .owl-stage-outer { height: 600px!important; }
main #single-maladie #slider-maladies .owl-nav {margin-top: -50px!important; position: absolute; right: 0; }
main #single-maladie #slider-maladies .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {width:50px;height:50px;margin:0;border-radius: 0;}
main #single-maladie #slider-maladies .owl-carousel .owl-nav button.owl-prev{color:white;border: solid 2px var(--dark-blue);background-color: var(--dark-blue);}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-prev #Path{fill:white;}
main #single-maladie #slider-maladies .owl-carousel .owl-nav button.owl-next{color:var(--dark-blue);border: solid 2px var(--dark-blue);background-color: white;}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-prev:hover {background-color: white!important;}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-next:hover {background-color: var(--dark-blue)!important;}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-next:hover #Path{fill:white;}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-prev:hover #Path{fill:var(--dark-blue);}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-prev path.prev-arrow{fill:white;}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-prev:hover {background-color: white!important;}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-next:hover {background-color: var(--dark-blue)!important;}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-next:hover path.next-arrow{fill:white;}
main #single-maladie #slider-maladies .owl-theme .owl-nav .owl-prev:hover path.prev-arrow{fill:var(--dark-blue);}

main #single-maladie #consultation{position: relative;}
main #single-maladie #consultation img{max-height: 80vh; width: 100%; object-fit: cover;}
main #single-maladie #consultation .rdv{right: 0;bottom: 0;padding:80px 0;align-items: center;}
main #single-maladie #consultation .rdv .text h2{ color: #ffffff; font-size: 26px; font-weight: 700;text-transform: uppercase;}
main #single-maladie #consultation .rdv .text p{  color: #ffffff; font-size: 16px; font-weight: 400;}
main #single-maladie #consultation .rdv .link a{color: #ffffff; font-size: 16px; font-weight: 700;text-align: center;padding: 13px 23px;background-color: var(--dark-blue);border: 2px solid var(--dark-blue)}
main #single-maladie #consultation .rdv .link a:hover{color: #ffffff;background-color: transparent;border: 2px solid #ffffff}



/* Contact */

main #page-contact{padding-top: 150px;}
main #page-contact #entry { margin-top: 50px; height: calc(100vh - 200px); position: relative; }
main #page-contact #entry .bleu{z-index: 1;}
main #page-contact #entry .text{padding:100px 0;width: 80%;margin: auto;}
main #page-contact #entry .bloc{width: 95px;height: 15px;background: #fff;margin-bottom: 100px;}
main #page-contact #entry h1 {color: #ffffff; font-family: Montserrat; font-size: 35px; line-height: 40px; text-transform: uppercase; letter-spacing: 2px;margin-bottom: 30px;font-weight: 300;}
main #page-contact #entry h1 strong{font-weight: 700;}
main #page-contact #entry p{color: white;}
main #page-contact #entry a{color: #2088d1;font-weight: 700;text-decoration: underline!important;}
main #page-contact #entry a:hover{color: #fff;}
main #page-contact #entry .photo { position: absolute; bottom: 0; }
main #page-chirurgie #entry .photo .img { height: calc(100vh - 300px); background-size: cover; background-position: center; }
main #page-contact #entry .photo .img{height: calc(100vh - 350px);background-size: cover;background-position: center;}


main #page-contact #cabinet .photo {padding: 0;}
main #page-contact #cabinet .photo .img{height: 600px;background-size: cover;background-position: center;}
main #page-contact #cabinet .radial-bleu {padding: 80px 0;}
main #page-contact #cabinet .radial-bleu .bloc{width: 95px;height: 15px;background: #fff;margin-bottom: 100px;}
main #page-contact #cabinet .radial-bleu h2{color: #ffffff; font-family: Montserrat; font-size: 40px; line-height: 60px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; font-weight: 300;}
main #page-contact #cabinet .radial-bleu h2 strong{font-weight: 700;}
main #page-contact #cabinet .radial-bleu p{color: #ffffff; font-family: Montserrat; font-size: 18px; font-weight: 400;margin-bottom: 45px ;}
main #page-contact #cabinet .radial-bleu a{ color: #ffffff; font-family: Montserrat; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 15px 25px;border: 2px solid #fff;}
main #page-contact #cabinet input, main #page-contact #cabinet textarea {color: rgb(255, 255, 255); border: 2px solid #fff; border-radius: 0px;  padding: 3px; background: transparent; margin: 10px 0; padding: 5px; font-family: Montserrat; font-size: 16px; padding: 13px 13px; font-weight: 400; line-height: 22px; width: 100%; outline: none;}
main #page-contact #cabinet textarea {height: 197px;}
main #page-contact #cabinet input::placeholder, main #page-contact #cabinet textarea::placeholder {color:white;}
main #page-contact #cabinet input:focus, main #page-contact #cabinet textarea:focus {border: 2px solid #fff;}
main #page-contact #cabinet .wpcf7-list-item{margin: 0;}
main #page-contact #cabinet input[type="checkbox"] {width: auto;}
main #page-contact #cabinet .wpcf7-list-item-label{color: white;}
main #page-contact #cabinet input[type="submit"] {transition-duration: 0.3s; font-weight: 700; padding: 13px 23px; width: auto;}
main #page-contact #cabinet input[type="submit"]:hover {background-color: white; color: var(--blue);}
main #page-contact #cabinet .radial-bleu a:hover{background-color: #fff;color: #00263e;}
main #page-contact #cabinet .wpcf7-form  p {margin: 0; height: 350px;}
main #page-contact #cabinet .wpcf7-form  p iframe {width: 100%; height: 100%;}
main #page-contact #cabinet .acf-map {margin: 0;}


/* Mentions légales */

main #page-mentions {padding-top: 150px; margin:50px 0; min-height: 100vh;}
main #page-mentions a {color: #00263e!important;font-weight: 700;}
main #page-mentions a:hover {color: var(--blue)!important;}


/* RESPONSIVE */

@media(max-width:1660px){
  main #page-home #contact .rdv .d-flex{    flex-direction: column;}
}
@media(max-width:1580px){
  header.header-home .logo svg{max-height: 60px;}
  header .logo svg{max-height: 60px;}

  /* main #page-home #entry .radial-bleu .text h1{font-size: 45px;line-height: 50px;}
  main #page-home #entry .radial-bleu .text .bloc{margin-bottom: 50px;} */
}

@media(max-width:1500px){
  header.header-home .logo { margin-left: 10px; margin-right: 20px; }
  header.header-home .main-navigation ul.navbar-nav li a.nav-link{margin-right: 15px;}
  header .main-navigation ul.navbar-nav li a.nav-link{margin-right: 15px;}
  header .logo { margin-left: 10px; margin-right: 20px; }
  header .logo svg {max-height: 50px;}
  /* header .header-right a { font-size: 14px; padding: 10px 13px;} */ 
}

@media(max-width:1400px){
  header.header-home .logo svg { max-height: 50px; }
  header .logo svg { max-height: 50px; }

  main #page-home #entry .radial-bleu .text h1 { font-size: 38px; line-height: 43px; }
  main #page-home #entry .radial-bleu .text p{font-size: 14px; /* line-height: 24px;margin-bottom: 25px; */}
  /* main #page-home #entry .radial-bleu .text a{font-size: 16px; padding: 10px 10px;} */
  main #page-home #cabinet .bleu .text h2 { font-size: 22px;margin-bottom: 18px; }
  main #page-home #cabinet .bleu .text p{font-size: 16px;line-height: 24px;margin-bottom: 23px;}
  main #page-home #cabinet .bleu .text a {font-size: 16px; padding: 10px 10px;}
  main #page-home #chirurgie .text h2{ font-size: 22px;margin-bottom: 18px; }
  main #page-home #chirurgie .text p{font-size: 16px;line-height: 24px;margin-bottom: 23px;}
  main #page-home #chirurgie .text a {font-size: 16px; padding: 10px 10px;}
}
@media(max-width:1300px){
  header.header-home .logo svg { max-height: 40px; }
  header .logo svg { max-height: 40px; }

  main #page-home #entry .radial-bleu .text{left: 15px;width: 60%;}
  main #page-home #entry .radial-bleu .text h1{font-size: 35px;line-height: 40px;}
}
@media(max-width:1199px){
  header {background-color: #00263E;padding:20px 0;}
  header.header-home {padding-top:20px;}
  header {padding-top:20px;}
  header .headerbar{text-align: center;}
  header .main-navigation { width: 100%; display: inline-block; /* justify-content: center; */ text-align: center; }
  header .navbar-expand-lg .navbar-collapse { justify-content: center; }
  header.header-home .header-right a{color: white;border-color: white;}
  header.header-home .header-right a:hover{color: #00263e;background-color: white;}
  header.header-home .navbar-toggler svg path {fill:rgb(255, 255, 255);}
  header .header-right a{color: white;border-color: white;}
  header .header-right a:hover{color: #00263e;background-color: white;}
  header .navbar-toggler svg path {fill:rgb(255, 255, 255);}
  header .main-navigation {margin: 20px 0;}
  header .main-navigation ul.navbar-nav li a.nav-link{color: #fff;}
  header .main-navigation ul.navbar-nav li a.nav-link:hover { color: #fff; }
  header .main-navigation ul.navbar-nav li a.nav-link::after{background-color: #fff;}
  header .main-navigation { width: auto; display: inline-block; }
  header .main-navigation ul.navbar-nav ul.sub-menu a.nav-link{text-align: left;}
  header .logo svg path{fill:white}

  main #page-presentation #entry .bleu{margin-top: 0;}
  main #page-presentation #entry .bleu .text, main #page-presentation #cabinet .text { padding: 80px 50px;}

  main #single-trouble #entry .bleu .text { padding: 60px 50px;}
  main #single-trouble #info { padding: 80px 50px;}
  main #single-trouble #operation .empty .titre-container{height: 60px;}
  main #single-trouble #operation .texte-container{margin-bottom: 30px;}

  main #single-maladie #entry .bleu .text { padding: 60px 50px;}
  main #single-maladie #info { padding: 80px 50px;}
  main #single-maladie #operation .titre-container h3 {color: var(--dark-blue); font-size: 22px; line-height: 30px;padding-top: 30px;}
  main #single-maladie #operation .titre-container.empty {display: none;}
  main #single-maladie #operation .texte-container { margin: 30px 0 30px 90px; }
  main #single-maladie #slider-maladies { margin-top: 0px; }
  main #single-maladie #slider-maladies .owl-carousel .owl-stage-outer { height: 400px!important; }
  main #single-maladie #slider-maladies .image-slider { height: 401px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
  .warning.visible { z-index: 1; visibility: visible; padding: 10px; text-align: center; }
  .warning p { font-size: 18px; color: white; }

  main #page-chirurgie #entry .bleu .text { padding: 60px 50px;}
  main #page-chirurgie #chirurgies .nav p { font-size: 18px;}
  main #page-chirurgie #chirurgies #bouton_liste {padding: 0; padding-left: 5%; width: 366px; }
  main #page-chirurgie #chirurgies #bouton_liste .nav-list.partie_active { padding: 50px 20px; }
  main #page-chirurgie #chirurgies #bouton_texte .media-slide-chirurgie.partie_active { padding: 50px 0;}
  /* main #page-chirurgie #chirurgies .slide { width: 554px; } */
  
}

@media(max-width:991px){

  #page {overflow: hidden;}

  header {background-color: #00263E;padding:10px 0;}
  header .widget {display: initial; margin-bottom: 100vh; margin-top: 5vh;}
  header .widget p {margin-top: 50px;}
  header .widget p a {display: initial; width: 250px;color: #ffffff; font-family: Montserrat; font-size: 16px; font-weight: 700; line-height: 22px; text-align: center;padding: 13px 23px;border: 2px solid white;}
  header .pc{display: none;}
  header .pc a {display: none; transition-duration: 0;}
  /* header .headerbar{display: flex;justify-content: space-between;} */
  header.header-home {padding-top: 10px;}
  header.header-home .main-navigation ul {background-color: #00263E;}
  header.header-home .logo svg { max-height: 60px; }
  header .main-navigation ul {background-color: #00263E;}
  header.header-home .logo {margin-right: 20px;}
  header .navbar-expand-lg .navbar-collapse {margin-bottom: 100vh;}
  header .logo svg { max-height: 60px; }
  header.scroll .logo svg { max-height: 60px; }
  header .logo svg path{ fill: white;}
  header .navbar-light .navbar-toggler svg path{fill:white;}
  header .main-navigation { width: auto; display: inline-block; }
  header .navbar {position: initial;}
  header .main-navigation { margin: 0;  }
  header .main-navigation.toggled {}  
  header .show .main-navigation ul{display: block;}
  header.header-home .main-navigation ul.navbar-nav li a.nav-link { margin-right: 0px; margin: 0;padding: 10px 0;}
  header .main-navigation ul {position: absolute;list-style: none; margin: 0; padding-left: 0; width: 100%;left: 0; top: 74px;padding-top: 40px;}
  header .main-navigation ul li {text-align: center;}
  header .main-navigation ul.navbar-nav li a.nav-link:hover::after, header .main-navigation ul.navbar-nav li a.nav-link:focus::after { transform: translate3d(-100%, 0, 0); }
  header.header-home .main-navigation ul.navbar-nav li a.nav-link:hover::after, header .main-navigation ul.navbar-nav li a.nav-link:focus::after{ transform: translate3d(-100%, 0, 0); }
  header .main-navigation ul ul a{width: auto;}
  header .main-navigation ul.navbar-nav li.focus > ul.sub-menu{height: auto;}
  header .main-navigation ul.navbar-nav li ul li { padding-left: 0px!important; }
  header .main-navigation ul.navbar-nav ul.sub-menu{display: block;box-shadow: none;}
  header .main-navigation ul.navbar-nav ul.sub-menu li:last-child{border-bottom: 1px solid white;}
  header.header-home .main-navigation ul.navbar-nav li a.nav-link{color: #ffffff; font-family: Montserrat; font-size: 18px; font-weight: 400; line-height: 20px; overflow: hidden; position: relative; margin: 0; padding: 10px 0; }
  header .main-navigation ul.navbar-nav li a.nav-link{display:inline-block;color: #ffffff; font-family: Montserrat; font-size: 18px; font-weight: 400; line-height: 20px; overflow: hidden; position: relative; margin: 0; padding: 10px 0; }
  header .main-navigation ul.navbar-nav li ul li {padding-left: 60px;}
  header .main-navigation ul.navbar-nav li > ul.sub-menu { width: 100%; top: auto; float: none;position: relative;}
  header .main-navigation ul.navbar-nav li.focus > ul.sub-menu { max-height: 250px ; }
  header .main-navigation ul.navbar-nav ul.sub-menu a.nav-link{text-align: center;}

  
  footer .logo{max-height: 60px;}

  #consultation .rdv{padding: 50px 0!important;}
  #consultation .rdv .text h2{font-size: 22px!important;}
  

  main #page-home { padding-top: 74px; }
  main #page-home #entry { margin-top: 0px; }
  main #page-home #entry .radial-bleu{height: auto;min-height: auto;}
  main #page-home #entry .radial-bleu .text{top: 0;padding: 40px 0px;    position: relative; left: auto;width: 100%;margin-bottom: 0;}
  main #page-home #entry .radial-bleu .text .bloc { width: 50px; height: 6px; background: #fff; margin-bottom: 15px; }
  main #page-home #entry .radial-bleu .text h1 { font-size: 30px; line-height: 35px;}
  main #page-home #entry .radial-bleu .text p { font-size: 14px;}
  main #page-home #entry .radial-bleu .text p br{ display: none;}
  main #page-home #entry .radial-bleu .text p:last-child{margin-bottom: 0;}
  main #page-home #entry .radial-bleu .text a{padding: 10px;margin-bottom: 50px;position: relative;}
  main #page-home #entry .photo {position: relative;    top: auto;}
  main #page-home #entry .photo .img { /* height: 300px; */ display: none;}
  main #page-home #cabinet{height: auto;}
  main #page-home #cabinet .bleu .text{width: 100%;}
  main #page-home #cabinet .bleu { height: auto!important; padding: 20px; }
  main #page-home #cabinet .bleu .text h2 { font-size: 20px; }
  main #page-home #cabinet .bleu .text h2 br{display: none;}
  main #page-home #cabinet .bleu .text a{padding: 10px;}
  main #page-home #cabinet .video video { width: 100%; height: auto!important; }
  main #page-home #maladies .text .title{ font-size: 18px;line-height: 24px;}
  main #page-home #maladies .item{margin-top: 15px;margin-right: 0;}
  main #page-home #maladies .item { margin-top: 40px; }
  main #page-home #maladies .text { width: 100%; margin: auto; padding: 50px 0; }
  main #page-home #maladies .text h2{font-size: 20px;text-align: center;}
  main #page-home #troubles .pt-150 { padding-top: 50px; }
  main #page-home #troubles .pb-150 { padding-bottom: 50px; }
  main #page-home #troubles .gris h2{text-align: center;font-size: 20px;}
  main #page-home #chirurgie .text h2{ font-size: 20px;margin-bottom: 20px;}
  main #page-home #chirurgie .text{padding: 50px 0;margin: 0;width: 100%;text-align: center;margin-bottom: 0px;}
  main #page-home #chirurgie .text p{font-size: 18px;line-height: 24px;text-align: left;}
  main #page-home #chirurgie .text p:last-child{margin-bottom: 0;}
  main #page-home #chirurgie .text a{padding: 10px;}
  main #page-home #chirurgie .img{height: 200px;}
  main #page-home #contact .rdv{position: relative;padding: 50px 0;}
  main #page-home #contact .d-flex {flex-wrap: wrap;}
  main #page-home #contact .d-flex .text{width: 100%;padding: 0 15px;}
  main #page-home #contact .rdv .text h2{font-size: 20px;}
  main #page-home #contact .rdv .link a{padding: 10px;}
  main #page-home #contact .rdv .link{position: relative;margin-top: 25px;}
  main #page-home #contact img{ height: 300px;}
  main #page-home .text .d-flex { display: flex!important; flex-wrap: wrap; } /**/


  main #page-presentation {padding-top: 74px; }
  main #page-presentation #entry { margin-top: 0; }
  main #page-presentation #entry .bleu{margin-top: 0;}
  main #page-presentation #entry .bleu .text { padding: 50px 0; color: white; width: 95%; margin: auto; }
  main #page-presentation #entry .bleu .text h1{font-size: 20px;margin-bottom: 20px;}
  main #page-presentation #entry .bleu .text p { margin-bottom: 18px; }
  main #page-presentation #entry .photo .img{height: 300px;}
  main #page-presentation #entry .photo { position: relative; top: 0; }
  main #page-presentation #cabinet .text { padding: 50px 0; color: white; width: 95%; margin: auto; }
  main #page-presentation #cabinet .text h2{font-size: 20px;margin-bottom: 20px;}
  main #page-presentation #cabinet .text p{font-size: 16px;}

  main #page-presentation #slider-cabinet .image-slider{ height: 450px; background-position: center; background-size: cover;}
  main #page-presentation #slider-cabinet .owl-carousel .owl-stage-outer { height: 450px!important; }
  main #page-presentation #video .video {height: auto;}
  main #page-presentation #video .video video {height: auto;}

  main #single-trouble{ padding-top: 74px; }
  main #single-trouble #entry { margin-top: 0px; }
  main #single-trouble #entry .photo{padding: 0}
  main #single-trouble #entry .photo .img{height: 300px;}
  main #single-trouble #entry .bleu{margin-top: 0;position: relative;}
  main #single-trouble #entry .bleu .text { padding: 50px 15px;width: 100%;}
  main #single-trouble #entry .bleu .text h1{text-align: center;font-size: 22px;margin-bottom: 20px;}
  main #single-trouble #info { padding: 50px 0; }
  main #single-trouble #info .text h2{font-size: 22px;line-height: 22px;margin-bottom: 20px;}
  main #single-trouble #info .text ul{margin-left: 0;}
  main #single-trouble #operation .titre-container{padding-left: 0px;}
  main #single-trouble #operation .titre-container h3{font-size: 20px;line-height: 22px;}
  main #single-trouble #operation .titre-container h3 br{display: none;}
  main #single-trouble #consultation .rdv { padding: 50px 0;}
  main #single-trouble #operation .texte-container { margin: 30px 0px; }
  main #single-trouble #operation .titre-container.empty {display: none;}
  main #single-trouble #operation .titre-container h3 { margin: 30px 20px; }
  main #single-trouble #consultation .rdv .text h2{font-size: 22px;}


  main #single-maladie { padding-top: 74px; }
  main #single-maladie #entry{margin-top: 0;}
  main #single-maladie #entry .photo{padding: 0;}
  main #single-maladie #entry .photo .img{height: 300px;}
  main #single-maladie #entry .bleu{margin-top: 0;    position: relative;}
  main #single-maladie #entry .bleu .text { padding: 50px 0px ; color: white;     width: 100%;}
  main #single-maladie #entry .bleu .text h1 {font-size: 22px;margin-bottom: 15px;}
  main #single-maladie #info { padding: 50px 00px;}
  main #single-maladie #info .text h2 {     font-size: 20px;margin-bottom: 20px; text-align: left; font-weight: 400; line-height: 25px; }
  main #single-maladie #operation .titre-container{padding-left: 15px;}
  main #single-maladie #operation .titre-container h3{margin: 30px 0px; font-size: 20px;line-height: 22px;padding-top: 0;}
  main #single-maladie #operation .titre-container h3 br{display: none;}
  main #single-maladie #operation .texte-container { margin: 30px 0px; }
  main #single-maladie #operation .titre-container.empty {display: none;}
  main #single-maladie #slider-maladies { margin-top: 40px; }
  main #single-maladie #consultation .rdv .text h2{font-size: 22px;}
  main #single-maladie #slider-maladies .media-slide-maladie .warning { height: 100%; }
  main #single-maladie #slider-maladies .slider video{width: 100%; height: 400px; object-fit: contain;}


  main #page-chirurgie { padding-top: 74px; }
  main #page-chirurgie #entry{margin-top: 0;}
  main #page-chirurgie #entry .bleu .text {     padding: 50px 0; width: 100%;}
  main #page-chirurgie #entry .bleu .text h1{margin-bottom: 20px;    font-size: 22px;}
  main #page-chirurgie #entry .bleu .text h1 br{display: none;}
  main #page-chirurgie #chirurgies .texte h2{font-size: 20px;}
  main #page-chirurgie #chirurgies .nav p{padding: 15px 10px;}
  main #page-chirurgie #entry .photo .img{height: 300px;background-size: cover; background-position: center;margin-top: 0;}
  main #page-chirurgie #entry .photo {padding: 0;position: relative;}
  main #page-chirurgie #chirurgies .navbar{margin-top: 50px;}
  main #page-chirurgie #chirurgies #bouton_liste { height: auto; }
  main #page-chirurgie #chirurgies #bouton_liste .nav-list.partie_active { padding: 30px 15px; }
  main #page-chirurgie #chirurgies #bouton_liste{width: 100%;}
  main #page-chirurgie #chirurgies .slide { width: 100%; }
  main #page-chirurgie #chirurgies .texte ul{margin: 0;}
  main #page-chirurgie .resume .texte h3{font-size: 18px;margin-bottom: 15px;}
  main #page-chirurgie .resume .texte p{font-size: 16px;}
  main #page-chirurgie .resume .texte ul{margin: 0;}

  main #page-chirurgie #chirurgies {margin-bottom: 0;}
  main #page-chirurgie #chirurgies .nav {padding-right: 0;}
  main #page-chirurgie #chirurgies #bouton_liste { padding: 0;}
  main #page-chirurgie #chirurgies .liste p { font-size: 16px; }
  main #page-chirurgie #chirurgies #bouton_texte .media-slide-chirurgie.partie_active { padding: 40px 0; }
  main #page-chirurgie .resume .photo-container .photo .photo-resume { height: 350px; background-position: center; background-repeat: no-repeat; background-size: 100%; margin-top: 0px; background-size: cover;width: 100%;position: relative;}
  main #page-chirurgie .resume .text-container {padding: 0;position: relative;}
  main #page-chirurgie .resume .texte{width: 100%;padding: 50px 15px;}

  main #page-contact { padding-top: 74px; }
  main #page-contact #entry{margin-top: 0;height: auto;}
  main #page-contact #entry .photo{position: relative;}
  main #page-contact #cabinet .radial-bleu{margin-top: 0;}
  main #page-contact #entry .text{padding: 50px 0;width: 100%;}
  main #page-contact #entry h1{font-size: 30px;line-height: 33px;}

  main #page-mentions {padding-top: 74px; }

  #consultation .text {margin-bottom: 40px;}

  footer .text-center, footer .adresse, footer .contact {margin-bottom: 20px;}
}

@media(max-width:425px){

  main #page-home #entry .photo {position: relative;}
  main #page-home .text .d-flex { display: flex!important; flex-wrap: wrap; }
  main #page-home #maladies .item { margin-top: 40px; }
  main #page-home #chirurgie .text { padding: 40px 0; }

  main #page-home #contact .d-flex {flex-wrap: wrap;}
  header.header-home .logo {margin-right: 20px;}


  main #page-home #cabinet .bleu {height: auto!important; padding: 20px;}
  main #page-home #cabinet .bleu .text { width: 90%; }

  main #page-presentation #entry .bleu .text, main #page-presentation #cabinet .text {padding: 40px 0;}
  main #page-presentation #video .video {height: auto;}
  header .logo svg {width: 200px;}

  main #single-trouble #operation .texte-container { margin: 30px 0; }
  main #single-trouble #operation .titre-container h3 { margin: 30px 0px; }

  main #single-maladie #slider-maladies { margin-top: 40px; }
  main #single-maladie #slider-maladies .owl-carousel .owl-stage-outer { height: 369px!important; }
  main #single-maladie #slider-maladies .image-slider { height: 370px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
  .warning.visible { z-index: 1; visibility: visible; padding: 10px; text-align: center; }
  main #single-maladie #operation .texte-container { margin: 30px 0px;width: 97%; }
  .warning p { font-size: 18px; color: white; }

  main #page-chirurgie #chirurgies .nav { justify-content: space-between; display: flex; display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; padding: 0; }
  main #page-chirurgie #chirurgies #bouton_texte .media-slide-chirurgie.partie_active { padding: 20px; }
  main #page-chirurgie .resume .text-container {padding: 0;}
  main #page-chirurgie #chirurgies #bouton_texte {height: auto;}
  main #page-chirurgie #chirurgies #bouton_texte .media-slide-chirurgie.partie_active { height: auto; max-height: unset; }
  main #page-chirurgie #chirurgies #bouton_texte .media-slide-chirurgie { height: 0px; max-height: unset;}
  main #page-chirurgie #chirurgies { margin-bottom: 50px; }


}