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

/*-------------------------------------------------------------------
	Less than 953px
-------------------------------------------------------------------*/
@media screen and (max-width: 953px) {
	*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	#content .inner, footer .inner { width:90% !important; margin:0 auto; }
	header { width:100%; }
	header .inner { width:100% !important; }
	.flexslider { margin:0 !important; }
	#content aside { width:30%; }
	#content section { width:65%; }
	#content section section { width:70%; float:right; }
	#content section.ficheEmploye { width:100%; }
	.intro div p { font-size:16px; line-height:18px; }
	h2.slogan { font-size:25px; }
	#logo span { left:5%; }
	nav ul li a { font-size:16px; }
	#bubble { display:none; }
	/*header {min-height: 366px;}*/
	header .inner { height: 100%; }
	header, .flexslider {min-height: 0;}
	
	
	footer {
		height:auto;
		padding:20px 0;
	}
	
	footer nav {
		width:100%;
		position:relative; 
		bottom:0;
	}
	footer nav{margin:0; padding-bottom:10px;}
	footer nav ul li { margin-left:0; margin-right:20px; padding-top:2px; }
	.doctor { width:100% !important; }
	.doctor img { width:30% !important; }
	#content section.doctor { background-position:right; background-repeat:repeat-y; background-color:#e9f3f5; }
	.round { width:46px; height:46px; margin-bottom:20px; }
	#content section.fiche { padding:20px 22px 0 22px; }
	#content section.column25 { width:33.333%; }
	#content section.column25:nth-child(3n-2) { padding:0 0 0 20px !important;}
	#content section.column25:nth-child(3n-1) { padding:0 20px 0 0 !important; clear: both;  }
	#content section.column25:nth-child(3n) { padding:0 10px !important; }
	.contactPic { float:none; }
	#team, #contact, #info, #services { min-height: 329px; }
	#content section section { width:65%; }
	.news-panel .btn { position:relative !important; bottom:0; left:0; width:100%; margin:0; }
	.btn-more-small { font-size: 16px;}
}

/*-------------------------------------------------------------------
	Less than 800px
-------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
	.fb-link span { font-size:14px; } 

	
	.col25 { width:50%; }
	.col25:nth-child(2n) { padding:0 0 0 10px; }
	.col25:nth-child(2n+1) { padding:0 10px 0 0 ; }
	header { position:relative; z-index:10000; }
	header nav { float:none; width:100%; float:left; clear:both; position:absolute; bottom:0px; background-color:#FFF; padding:13px 5%; }
	nav ul { margin:0; text-align:center; }
	nav ul li { margin-left:0; margin-right:20px; margin-bottom:0; padding-top:2px; float:none; display:inline-block; }
	nav ul li:last-child { margin-right:0; }
	nav ul li a { }
	footer nav {
		width:100%;
		position:relative; 
		bottom:0;
	}
/* 	footer hr {margin-bottom: 0} */
	footer nav{margin:0; }
	.facebook { margin:-15px 0 0 0; position:relative; top:8px; }
	#bubble { height:100%; background-position:bottom; }
	footer p.address {margin-right:100px;}
	footer p.copyright{ margin-left: 0; white-space: nowrap; clear:left;}
	#team, #contact, #info, #services {     min-height: 300px; }
	h2.slogan { font-size:20px; }
        	.sm-order-1 { order:1; }
	.sm-order-2 { order:2; }
	.sm-order-3 { order:3; }
	.sm-order-4 { order:4; }
	.sm-order-5 { order:5; }
	.sm-grid-columns-1-11 { grid-template-columns:1fr 11fr; }
	.sm-grid-columns-2-10 { grid-template-columns:2fr 10fr; }
	.sm-grid-columns-3-9 { grid-template-columns:3fr 9fr; }
	.sm-grid-columns-4-8 { grid-template-columns:4fr 8fr; }
	.sm-grid-columns-5-7 { grid-template-columns:5fr 7fr; }
	.sm-grid-columns-6-6 { grid-template-columns:6fr 6fr; }
	.sm-grid-columns-7-5 { grid-template-columns:7fr 8fr; }
	.sm-grid-columns-8-4 { grid-template-columns:8fr 4fr; }
	.sm-grid-columns-9-3 { grid-template-columns:9fr 3fr; }
	.sm-grid-columns-10-2 { grid-template-columns:10fr 2fr; }
	.sm-grid-columns-11-1 { grid-template-columns:11fr 1fr; }
	.sm-grid-columns-12 { grid-template-columns:12fr; }
	.sm-grid-columns-equal-2 { grid-template-columns:6fr 6fr; }
	.sm-grid-columns-equal-3 { grid-template-columns:4fr 4fr 4fr; }
	.sm-grid-columns-equal-4 { grid-template-columns:3fr 3fr 3fr 3fr; }
	.sm-grid-columns-equal-5 { grid-template-columns:2.4fr 2.4fr 2.4fr 2.4fr 2.4fr; }

}

/*-------------------------------------------------------------------
	Less than 603px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 603px) {
	
	.fb-link span { font-size:16px;} 

	.facebook { display:inline-block; text-align:center; }
	header { min-height:213px; }
	#content section { width:100%; float:none; }
	footer .logo-cameleon { float:none; }
	.nav-clear {
  clear: both;}
	header nav, footer nav { display:none; position:relative; }
	nav ul li { width:100%; }
	nav ul li a { width:100%; display:block ; }
	nav ul li div { position:relative; }
	nav ul li:nth-last-child(1) {padding-top:10px;}

	#logo span { width:80px; height:124px; background-size:contain; }
	/*header {min-height: 156px;}*/
	header .navigation-trigger { display:block; width:100%; height:50px; background-image:url(../images/common/nav-trigger.png); background-repeat:no-repeat;background-position:center; background-color:#257f9d; margin:0 0 0 0;position: absolute;
    bottom: -0; margin:50px 0 0 0; z-index:1000; }
	#content aside { width:100%; float:none; margin:0 0 30px 0; }
	#content section section { width:100%; }
	.intro { background-size:cover; }
	#content aside { padding-right:0; }
	#content section { overflow:inherit; }
	.news-panel { min-height:0; }
	.news-panel .btn { position:relative; width:100%; left:auto; bottom:auto; margin:10px 0; }
	.col33 { width:100%; float:none; padding:0 !important; margin:0 0 20px 0; }
	.show { display:block; }
	.hide { display:none; }
	footer .infos .sep{margin:0 5px;}
	footer p.copyright{ margin-left: 0; white-space: nowrap;}
	#content section.column25 { width:50%; padding:0 0 0 10px !important; }
	#content section.column25:nth-child(2n+1)  { padding:0 10px 0 0 !important;  clear:both; }
	/*#content section.column25:nth-child(2n), #content section.doctor:nth-child(2n) { padding:0 0 0 10px !important; clear:none;  }*/
	.doctor img { width: 100% !important; }
	#content section.doctor img, #content section.fiche { width:100% !important; }
	#content section.doctor {width:48% !important; float:left;  }
	#content section.doctor:nth-child(2) { float:right; }
	#content section.fiche { padding:22px; }
	#content section.doctor h1 { font-size:13px; }
	#content section.doctor p { font-size:11px; line-height:12px; }
	#content section.doctor .round { margin-bottom:0; }
	footer .infos p { display:block; width:100%; }
	.infos .sep { display:none; }
	.infos { margin-top:10px !important; }
	footer p.address { font-size:11px; margin:0 0 10px 0; line-height:12px; }
	#content aside { position:relative; z-index:1000;  }
	.is-big { font-size:18px; }
	#team, #contact, #info, #services {     min-height: 250px; }
	nav { margin-top:0; }
	#homeP nav { margin-top:0; position:relative !important; bottom: -0; }
	#content { margin-top:0 !important; }
	
	.btn-more-small { font-size: 14px; }
	
	.flexslider .slides img { min-width:360px; }
	body { overflow-x:hidden; }
	header .inner { padding-top:0; }
	#logo { background:url(../images/common/bg-white.png); height:100%; display:block; width:160px; }
	#logo span { left:0; padding: 0 0; height:82%; width:160px; background-position:center; background-repeat:no-repeat; background-size:50%; }
    
 .grid-h { grid-template-columns:100%; }
    .inner-card {
    padding: 0 0 0 12px;
}
    
}


@media screen and (max-width: 400px) {
	
        
	.fb-link span { font-size:14px;} 
	
	}
/*-------------------------------------------------------------------
	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) {
	.firstvisit { background: url(../images/common/bt-firstvisit@2x.png) no-repeat center; background-size:cover; }
	.team { background: url(../images/common/bt-team@2x.png) no-repeat center; background-size:cover; }
	.services { background: url(../images/common/bt-services@2x.png) no-repeat center; background-size:cover; }
	.musician { background: url(../images/common/icones-artistes.png) no-repeat center; background-size:cover; }
}