/********************************************************
	CSS pour le site de Physio Passion
	Création du css : Martin Durette
	Date : Juin 2017
	Une réalisation de Pika Design
********************************************************/
	
	/********************************************************
		HTML
	********************************************************/
	*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	html,body {height:100%;}
	body{font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:400; font-size:16px; background:#f6f6f6}
	a{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}

	.clear{clear:both}
	.container-fullwidth{margin:0; padding:0; width:100%;}
	#main img.left{float:left; margin:0 20px 20px 0}
	#main img.right{float:right; margin:0 0 20px 20px}
	.wow {visibility: hidden;}
	.Overflow{overflow:hidden}
		
	iframe{max-width:100%;}
	h1{font-size:1.4em; text-transform:uppercase; margin:0 0 1em 0; color:#1e376d; font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:900;}
	h2{font-size:1.3em; text-transform:none; margin:0 0 1em 0; color:#1e376d; font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:700;}
	h3{font-size:1.2em; text-transform:none; margin:1em 0; color:#1e376d; font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:700;}
	h4{font-size:1.2em; text-transform:none; margin:1em 0; color:#1e376d; font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:700;}
	h5{font-size:0.9em; text-transform:none; margin:1em 0; color:#1e376d; font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:700;}
	h6{font-size:1em; text-transform:none; margin:1em 0; color:#1e376d; font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:700;}
	p, td{font-size:0.9em; margin:1em 0; line-height:150%; color:#1e376d}
	li{font-size:0.9em; color:#1e376d}
	a{color:#00aeef}
	a:hover{color:#000;}
	strong, b{font-family: 'Nunito', 'Open Sans', sans-serif; color:#00aeef; font-weight:normal}
	
	#slideshow-overlay{position:absolute; top:0; left:0; z-index:9999; width:100%; mix-blend-mode: multiply;}
		#slideshow-overlay img{width:100%;}
	#banner{position:relative; margin:0; top:0; left:0; width:100%;}
		#banner img{width:100%}
		#banner-caption{position:absolute; top:0; padding-top:20px; left:0; width:100%; margin:0; z-index: 20;}
			#banner-caption h2{text-transform:uppercase; color:#fff; font-size:2em; margin:0; padding-top:15px; border-top:5px solid #00aeef; display:inline-block}
	#banner-overlay{position:absolute; top:0; left:0; z-index:5; width:100%; mix-blend-mode: multiply;}

	/********************************************************
		Header
	********************************************************/
	#top{text-align:right; background:#1e376d; padding-bottom:0.2em; padding-top:0.2em}
		#top p{color:#00aeef; margin:0; font-weight:bold}
		#top a{color:#fff; text-decoration:none}
	
	
	/********************************************************
		Contenu
	********************************************************/
	
	
	.AnimatedSliderText h3{text-transform:uppercase; color:#aebc44; font-size:3em; margin:0}
	.AnimatedSliderText h4{text-transform:uppercase; color:#000; font-size:2.5em; margin:0}
	.AnimatedSliderText p{text-transform:uppercase; color:#000; font-size:1em;}
	.AnimatedSliderText a{text-transform:uppercase; color:#aebc44; font-size:1em; text-decoration:underline}
	
	.AnimatedSliderTextInverse h3{text-transform:uppercase; color:#fff; font-size:3em; margin:0}
	.AnimatedSliderTextInverse h4{text-transform:uppercase; color:#000; font-size:2.5em; margin:0}
	.AnimatedSliderTextInverse p{text-transform:uppercase; color:#fff; font-size:1em;}
	.AnimatedSliderTextInverse a{text-transform:uppercase; color:#fff; font-size:1em; text-decoration:underline}
	
	
	
	
	/********************************************************
		Footer
	********************************************************/
	#footer{background:#1e376d; padding-top:1em; padding-bottom:1em}
		#footer p{color:#fff; margin:0; padding:0}
		#footer p:first-of-type{margin-top:15px}
		#footer span{color:#00aeef; margin:0 5px 0 0; padding:0}
		#footer a{color:#fff;}
		#footer a:hover{color:#00aeef;}
		#footer-menu{margin-top:25px; text-align:right}
		#footer-menu li{display:inline-block; margin:0 10px;}
	#credit{text-align:left; background:#00aeef; padding-bottom:1em; padding-top:1em}
		#credit p{color:#fff; margin:0; text-align:center}
		#credit a{color:#fff}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}

	/********************************************************
		Responsive
	********************************************************/
	/* BootStrap : XS */
	@media only screen and (min-width : 320px)
	{
		.navbar-brand{height:auto !important; padding-top:0; padding-bottom:0; max-width:120px}
			.navbar-brand img{width:100%}
		
		.navbar-default{background:#f6f6f6; border-color:#f6f6f6;}
		.navbar{margin-bottom:0}
		.navbar-default .navbar-nav>li>a.upper{font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:700; color:#00aeef; font-size:1.1em;}
		.navbar-nav>li.current>a.upper, .navbar-nav>li>a.upper:hover{color:#1e376d}
		
		#GoogleMap p{margin:0}
		#GoogleMap iframe{width:100%; max-width:100%; height:300px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden;  /* Fix for transition flickering */}
		
		#Contact-Wrap h3{text-transform:uppercase; font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:900;}
		#Contact-Wrap h3 span{font-family: 'Nunito', 'Open Sans', sans-serif; font-weight:700;}
		#Contact-Wrap textarea{height:135px;}
		#Contact-Wrap p{margin:0.5em 0}
		
		.allinone_bannerRotator_texts{z-index:99999;}
		.AnimatedSliderText h3{text-transform:uppercase; color:#fff; font-size:3em; margin:0; padding-top:15px; border-top:10px solid #00aeef}
		
		.picto-wrap{background:#fff; padding:15px}
		.picto-wrap h2{margin-top:0}
		.picto{width:33%; padding:8px; float:left;}
		.picto-inside{position:relative}
			.picto-inside img{width:100%;}
				.picto-img{position:absolute; top:0; left:0; width:100%; z-index:-1}
				.picto-caption{z-index:-1; opacity:0; position:absolute; top:0; left:0; width:100%; background:#1e376d; color:#fff; padding:10px;; font-weight:bold; font-size:0.75em; text-align:center; display:block; height:100%; vertical-align:middle}
			.picto-caption-inside{display: flex; flex-direction: column; justify-content: center; height:100%}
			.picto-caption-content{margin:auto;}
		.savoir-wrap{background:#fff; padding:15px}
			.savoir-wrap h2{margin-top:15px; text-transform:uppercase; font-size: 0.85em;}
			.savoir-wrap h3{color:#00aeef; text-transform:none; font-size: 0.85em;}
			.savoir-wrap p{font-size: 0.75em;}
			.savoir-wrap img{width:100%;}
		
		.service-wrap{background:#fff; padding:15px}
		.service{width:100%; padding:8px; float:left;}
		.service-inside{position:relative}
			.service-inside img{width:100%;}
				.service-img{position:absolute; top:0; left:0; width:100%; z-index:-1}
				.service-caption{z-index:-1; opacity:0; position:absolute; top:0; left:0; width:100%; background:#1e376d; color:#fff; padding:10px;; font-weight:bold; font-size:0.8em; text-align:center; display:block; height:100%; vertical-align:middle}
			.service-caption-inside{display: flex; flex-direction: column; justify-content: center; height:100%}
			.service-caption-content{margin:auto;}
		.service-picto-warp-mini{float:left; width:90px; height:90px; margin:2px}
		.service-picto-warp-mini:last-of-type{margin:0}
			.service-inside-mini a{display:block; width:100%; background:none;}
			.service-inside-mini a:hover, .service-inside-mini a.active{background:rgba(30,55,109,0.75);}
			.service-inside-mini img{width:100%;}
			
		.lien-wrap{background:#fff; padding:15px; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; border-bottom:6px solid #00aeef}
		.lien-thumb{text-align:center; height:110px;}
		.lien-wrap img{height:100px; max-width:100%}
		.lien-wrap h3{margin-top:15px; font-size:1em;}
		
		
		#GoogleMap p{margin:0}
		#GoogleMap iframe{width:100%; max-width:100%; height:300px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden;  /* Fix for transition flickering */}
	
		#Contact-Wrap textarea{height:180px;}
		
		.section-1{padding-top:45px; padding-bottom:45px;}
		.section-2{padding-top:15px; padding-bottom:15px;}
		.section-3{padding-top:45px; padding-bottom:0;}
		.section-4{padding-top:15px; padding-bottom:15px; border-bottom:2px solid #1e376d}
		
		.footer-logo{float:left; width:100px; margin:0 15px 15px 0;}
			.footer-logo img{width:100%}
		
	}
	
	/* BootStrap : SM */
	@media only screen and (min-width : 768px)
	{
		#banner-caption h2{font-size:3em; margin:0; padding-top:15px; border-top:10px solid #00aeef;}
		#banner-caption{padding-top:50px;}

		.navbar-brand{height:auto !important; padding-top:0; padding-bottom:0; max-width:160px}
			.navbar-brand img{width:100%}
		.navbar-nav>li{padding:20px 0}
		.navbar-nav>li>.dropdown-menu{margin-top:-20px}
		.navbar-right .dropdown-menu{right:auto}
		
		.savoir-wrap h2{font-size: 1.3em;}
		.savoir-wrap h3{font-size: 1.2em;}
		.savoir-wrap h3{font-size: 0.9em;}
	}
	
	/* BootStrap : MD */
	@media only screen and (min-width : 992px)
	{
		.navbar-brand{max-width:220px}
			.navbar-brand img{width:100%}
		.navbar-nav>li{padding:35px 0}
		.navbar-nav>li>.dropdown-menu{margin-top:-35px}
	}
	
	/* BootStrap : LG */
	@media only screen and (min-width : 1024px)
	{
		.navbar-brand{max-width:300px}
			.navbar-brand img{width:100%}
		.navbar-nav>li{padding:50px 0}
		.navbar-nav>li>.dropdown-menu{margin-top:-50px}
	}

	@media only screen and (max-width : 637px)
	{
		.pb-0{padding-bottom:0}	
		.pt-0{padding-top:0}
		.pb-2{padding-bottom:2rem}	
		.pt-2{padding-top:2rem}
		
		#banner{height:150px; overflow: hidden;}
		#banner img{height:150px; width:auto}
		.footer-logo{display:none}
		#footer p{text-align:center;}
		#footer p:first-of-type{margin-top:0}
	}
	
	/* Overight Bootstrap  */
	.no-gutter > [class*='col-'] {padding-right:0;padding-left:0;}
	
	.row-flex, .row-flex > div[class*='col-'] {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex:1 1 auto;}
	.row-flex-wrap {-webkit-flex-flow: row wrap; align-content: flex-start; flex:0;}
	.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {margin:-.2px; /* hack adjust for wrapping */}
	.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {width:100%;}
	.flex-col {display: flex; display: -webkit-flex; flex: 1 100%;flex-flow: column nowrap;}
	.flex-grow {display: flex; -webkit-flex: 2; flex: 2;}