/* Custom MQ CSS */

/*
*
*	SOMMAIRE
*
*	Large esktop screen
*	All desktop screen
*	Small desktop screen
*	Mobile, Tablet and Small desktop screen
*	Mobile, tablet
*	Tablet
*	Mobile
*	Mobile landscape
*
*/

/*========================================*/
/*========= Large desktop screen =========*/
/*========================================*/
@media (min-width: 1200px) {
	h1 { padding: 0 25%; }

	.col-lg-offset-3_5 { margin-left: 29.16666667%; }
}

/*======================================*/
/*========= All desktop screen =========*/
/*======================================*/
@media (min-width: 992px) {
	/* Hover animation button */
	/* Radial Out */
	.hvr-radial-out {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
				transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden;
		background: #e1e1e1;
		-webkit-transition-property: color;
				transition-property: color;
		-webkit-transition-duration: 0.3s;
				transition-duration: 0.3s;
	}
	.hvr-radial-out:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0; right: 0; bottom: 0; left: 0;
		background: #2098d1;
		background: rgba(255, 255, 255, .3);
		border-radius: 100%;
		-webkit-transform: scale(0);
				transform: scale(0);
		-webkit-transition-property: transform;
				transition-property: transform;
		-webkit-transition-duration: 0.3s;
				transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
		-webkit-animation:ripple 0.65s linear;
	}
	.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
		color: white;
	}
	.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
		-webkit-transform: scale(2);
				transform: scale(2);
	}

	/* Bubble Float Bottom */
	.hvr-bubble-float-bottom {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
				transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-duration: 0.5s;
				transition-duration: 0.5s;
		-webkit-transition-property: all;
				transition-property: all;
	}
	.hvr-bubble-float-bottom:before {
		position: absolute;
		z-index: -1;
		content: '';
		left: calc(50% - 10px);
		bottom: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #fff transparent transparent transparent;
		-webkit-transition-duration: 0.5s;
				transition-duration: 0.5s;
		-webkit-transition-property: transform;
				transition-property: transform;
	}
	.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
		border-radius: 5px;
		-webkit-transform: translateY(-10px);
				transform: translateY(-10px);
	}
	.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
		-webkit-transform: translateY(10px);
				transform: translateY(10px);
	}
}

/*========================================*/
/*========= Small desktop screen =========*/
/*========================================*/
@media (min-width: 992px) and (max-width: 1200px) {

	h1 { padding: 0 20%; }
	nav > div > div > ul > li > a { padding: 10px 10px !important; }
	nav > ul > li > ul.nav { padding: 0 10px; }

}

@media screen and (max-width: 1250px) {
	body.noscroll {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
  }

	.navbar-nav,
	.navbar-top { display: none; }

	.navbar-nav {
		position: fixed;
		top: 80px; left: 0;
		width: 100%;
		height: calc(100vh - 80px);
		overflow: scroll;
		padding: 20px 40px;
		background-color: #27aae1;
	}

	.navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
		z-index: 10;
  }






	header {
		height: 80px;
		background: #fff;
	}
	.logo-mobile { display: block; }
	.logo-desktop { display: none; }
	.logo-container { line-height: 80px; }
	.logo-dw {
		width: 100%;
		max-width: 232px;
	}

	.navbar-default { padding: 0; }
	nav > div > div > ul > li > a.active { border-top: 0; }
	nav li.dropdown > ul.dropdown-menu:before { content: none; }
	nav ul.dropdown-menu {
		display: none;
		opacity: 1;
		visibility: visible;
		float: none;
		position: relative;
		top: 0;
		width: 100%;
		padding: 0;
		border: 0;
		background-color: #87c603;
	}
	/*nav .dropdown-menu { top: 0; }*/
	nav ul.navbar-nav > li { float: none; }
	nav ul li.dropdown li {
		/*background: #191d23;*/
	}
	nav ul > li:last-child { border-bottom: 0; }
	nav li.dropdown:hover > ul.dropdown-menu:before { border: 0; }
	.navbar-default .nav.navbar-nav > li > a {
		padding-left: 10px !important;
		padding-bottom: 0px !important;
		font-size: 22px;
		color: #fff;
		border-bottom: 3px solid #269cce;
	}
	nav.navbar-default .navbar-nav > li.active > a {
		/*color: #191d23;*/
		color:#FFF;
	}
	.navbar-default .nav.navbar-nav > li > a .caret-menu {
		position: absolute;
		right: 10px;
		display: inline-block;
		transition: transform .3s ease;
	}
	.navbar-default .nav.navbar-nav > li > a.open .caret-menu {
		transform: rotate(180deg);
	}
	nav li.dropdown > ul.dropdown-menu li a {
		font-size: 14px;
		line-height: 40px !important;
	}
	nav > div > div > ul > li > a,
	nav ul.dropdown-menu a,
	.navbar-default .navbar-nav li.contact-nav-mobile > a {
		line-height: 40px !important;
		padding: 10px 20px !important;
	}
	.navbar-default .navbar-nav>li.contact-nav-mobile>a:hover {
		background: #269cce;
	}
	nav li.dropdown:hover > ul.dropdown-menu a:hover {
		color: #fff;
		background: transparent;
	}
	.navbar-default .navbar-collapse {
		max-height: 400px;
		max-height: calc(100vh - 50px);
		margin: 0 -30px;
		border: 0;
		-webkit-overflow-scrolling: touch;
		overflow: hidden;
	}
	.dropdown-menu { box-shadow: none; }
	.caret-menu::after {
		content: '\f107';
	}
	.contact-nav-mobile a {
		float: left;
		width: 33%;
		text-align: center;
		background: #269cce;
		border-bottom: none !important;
	}
	.contact-nav-mobile a + a { margin-left: .5%; }
	.contact-nav-mobile a.lang.active { background-color: #87c603; }
	.contact-nav-mobile img {
		display: block;
		margin: 0 auto;
		width: 40px;
	}

	.nav .contact-nav-mobile { display: block; }
}

/*=======================================*/
/*========  Mobile, Tablet and  =========*/
/*======== Small desktop screen =========*/
/*=======================================*/
@media screen and (max-width: 1200px) {

	.caption .button a,
	.caption .button a:focus,
	.caption .button a:hover,
	.caption .button a:visited { width: 100%; }

	.coord-item { margin: 0 15px; }

	input[type="submit"] { float: none; }

	.ban-txt-title,
	.ban-txt-alt-title {
		background-position: left -150px center;
	}

	.footer-item { margin-top: 20px; }

}

/*=================================*/
/*======== Mobile, Tablet =========*/
/*=================================*/
@media screen and (max-width: 992px)  {

	.contact-nav-mobile a { width: 50%; }
	.contact-nav-mobile a + a { margin-left: 1%; }
	.contact-nav-mobile a.lang { width: 24%; }

	header { height: 80px; }

	br.mobile-br { display: block; }

	p.subtitle { width: 90%; }

	.header-int .navbar-default .navbar-nav > li > a,
	.header-int .navbar-default .navbar-nav > li > a:focus,
	.header-int .navbar-default .navbar-nav > li > a:visited,
	.header-int .navbar-default .navbar-nav > li > a:hover {
		color: #fff;
	}

	.logo-container { line-height: 80px; }

	#video-fond {
		z-index: -1000;
		background: url(https://www.wagner-ophtalmologiste.fr/images/video-poster.jpg) no-repeat center fixed;
		-webkit-background-size: cover;
				background-size: cover;
	}
	video { display: none; }

	section#banner {
		margin-top: 80px;
	}
	section#about h2, section#sect-filters h2 {
		margin-bottom: 30px;
		text-align: center;
	}
	section#about p,
	section#sect-filters p { margin: 20px 0; }
	section#about p:first-of-type,
	section#sect-filters h3 { margin-top: 30px; }
	section#about .button,
	section#sect-filters .button { text-align: center; }
	section#sect-filters .col-md-height:first-child { padding: 0; }
	section#sect-filters .item-img {
		float: none;
		width: 100%;
	}
	section#sect-filters .item-img img { width: 100%; }
	section#sect-filters .item-text {  }
	.filters { padding: 0 20px; }
	.filters li {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.filters li a { font-size: 16px; }

	.pres-item > div > div:first-child { left: 0; }
	.pres-item > div > div:last-child { right: 0;  top: -30px; }
	.pres-invert > div > div:first-child { right: 0; }

	section#traitement .item p { padding: 0 5%; }

	.numbers { text-align: center; }
	.numbers-text { text-align: center; padding-left: 0; }

	.ban-txt-title,
	.ban-txt-alt-title {
		background-image: none;
	}

	.table-footer { display: block; }
	.table-footer-item {
		display: block;
		width: 50%;
		float: left;

	}

	.map {
		height: 100vh;
		float: left;
	 }

}

/*==================================*/
/*======== Tablet and all =========*/
/*======== desktop screnn =========*/
/*==================================*/
@media screen and (min-width: 767px) {

}

/*=========================*/
/*======== Tablet =========*/
/*=========================*/
@media screen and  (min-width: 767px) and (max-width: 992px) {

	h1 { padding: 0 10%; }

	header.shrink { height: 110px; }
	header.shrink nav ul.nav > li { padding: 5px 0; }
	header.shrink nav ul.nav > li > a { line-height: 30px !important; }
	header.shrink nav .dropdown-menu { top: 100%; }
	/*.header-left { text-align: center; }*/
	ul.nav { float: left !important; }

}

/*=========================*/
/*======== Mobile =========*/
/*=========================*/
@media (max-width: 767px) {
	.ban-txt-alt-title {
		background-color: #87c603;
		padding: 10px 0;

	}
	.ban-txt-text, .ban-txt-alt-text {
    padding: 5px 15% 5px 8%;
}
	.navbar-nav {
		top: 55px;
		height: calc(100vh - 55px);
		margin: 0;
		padding: 20px 0 50px;
	}

	h1 {
		padding: 0 20%;
		font-size: 20px;
		/* MODIF */
	}
	h2 { font-size: 18px; }
	h3 { font-size: 16px; }

	.caption p { font-size: 14px; }

	section#about * {
		margin: 0;
		padding: 0;
	}
	section#about p {
		margin: 20px 0;
		padding: 0 15px;
	}
	section#about .button {
		max-width: 80%;
		margin: auto;
	}
	section#about h2, section#sect-filters h2 { padding: 0 5%; }
	.filters { padding: 0 5%; }

	#ophtalmo-carousel .item { padding: 0 10%; }

	.ban-txt-title, .ban-txt-alt-title { padding: 50px 0; }
	.ban-txt-title h2, .ban-txt-alt-title h2 { text-align: center; }

	form > fieldset > div input { margin-top: 23px; }
	form > fieldset > div, input { width: 100%; }
	input[type="submit"] { padding: 5% 0; }
	form > fieldset > div label { top: 25px; }

	section#banner { margin-top: 50px; }

	.button.button-phone { margin-bottom: 30px; }

	.button.button-phone a {
		font-family: 'Ubuntu', sans-serif;
		font-weight: bold;
		color: #27aae1;
		font-size: 20px;
	}

}

/*===================================*/
/*======== Mobile landscape =========*/
/*===================================*/
@media (max-width: 767px) and (orientation: landscape) {

	section { padding: 50px 80px; }

	header { height: 55px; }



	.logo-container { line-height: 55px; }
	.navbar-default .navbar-toggle { margin: 3px 0 2px 0; }

	.caption-middle .button {
		text-align: center;
		margin: 15px auto;
		width: 50%;
	}
	.caption-middle .button:first-child { padding-left: 100px; }
.caption-middle .button:last-child { padding-right: 100px; }
	.caption-middle .row-space-20 { display: none; }
	.caption-arrow { bottom: 20px; }
	.caption-arrow img { width: 30px; }
	.caption-language { bottom: 24px; }
	.caption-language a {
		padding: 5px 7px;
		border: 1px solid #fff;
	}

	.oph-subcat-img img { width: 15%; }
}

/*=======================================*/
/*========     Mobile small     =========*/
/*======== iPhone 5 and smaller =========*/
/*=======================================*/
@media (max-width: 640px) {

	h1 { padding: 0 10%; }

	header { height: 55px; }

	.logo-container { line-height: 55px; }
	.navbar-default .navbar-toggle { margin: 3px 0 2px 0; }

	.caption-arrow { bottom: 20px; }
	.caption-arrow img { width: 30px; }
	.caption-language { bottom: 24px; }
	.caption-language a {
		padding: 0;
		border: 1px solid #fff;
	}

		.table-footer { display: block; }
		.table-footer-item {
			display: block;
			width: 100%;
			float: none;

		}

		.map {
			height: 100%;
			float: none;
		 }
}

/*
     FILE ARCHIVED ON 13:58:10 Mar 04, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:41:44 Jan 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.532
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.008
  esindex: 0.011
  cdx.remote: 14.6
  LoadShardBlock: 269.086 (3)
  PetaboxLoader3.resolve: 58.394 (3)
  PetaboxLoader3.datanode: 283.315 (4)
  load_resource: 75.639
*/