@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 960px
-------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	section { width: 90%; }
	.rounded-title { width: 100px; }
	.round { width: 100px; height: 100px; }
	.ico { height: 100px; background-size: 560px; }
	.i-clinique { width: 54px; }
	.i-services { width: 37px; background-position: -55px center; }
	.i-conseils { width: 47px; background-position: -100px center; }
	.payment { display:block; width:100%; max-width:237px; margin:0 0 30px 0; }
}

/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

}

/*-------------------------------------------------------------------
	Less than 595px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 595px) {
	.l-grid > div { float: none !important; padding: 0 0 0 0 !important; width: 100% !important; margin: 0 auto !important; }
	.navigation-trigger { display: block; width: 100%; height: 36px; background-image: url(../images/common/nav-trigger.png); background-repeat: no-repeat; margin: 0 auto; background-position: center; }
	.navigation > ul { padding: 0 0 20px 20px; background: #EEE; }
	.navigation > ul > li > ul { zoom: 1; filter: alpha(opacity=100); opacity: 1; display: block; position: relative; top: 0; }
	.navigation > ul > li > span { text-align: left; }
	.navigation > ul > li > a { padding: 0; }
	.navigation > ul > li, .navigation > ul > li > ul > li, .navigation > ul > li a { width: 100%; display: block; }
	.navigation { overflow-y: auto; float: none; height: 100%; top: auto; }
	.navigation > ul { overflow-y: auto; height: 100%; }
	.sub-navigation { float: none; margin: 0; }
	.gray-bar { background-color: #ebebeb; position: relative; z-index: 5000; }
	.rendez-vous { margin: 10px 0 10px 0; }
	.logo { margin: 20px auto 20px auto; float: none; }
	.show { display: block; }
	.hide { display: none; }
	.footer-logo { display: none; }
}


/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
}