﻿		
		
		
/* ------------------------------------------  BASE FENETRE < 250px ----------------------------------------- */
		
		/*  CONTENEUR 1 ------------------------------------------------- */
		
		#zone_1a {         /* Zone Coordonnées */
			width: 100%;
			margin: 0 auto;
			padding-top: 10px;
		}
						
		#coord {
			width: 272px;
			max-width: 90%;
			margin: 10px auto;
			text-align: left; 
			font: 15px Times, serif;
			color: #000000; /* noir */
			/* border: 1px solid blue; */
		}
		#mail {
			font: 12px 'Arial Narrow', Tahoma, Arial, sans-serif;
		}
		#btnPlace1 {
			float: right;
			margin: 25px auto 0;
			font: 10px Arial, sans-serif;
			text-align: center;
			color: #000000; /* noir */
			/* border: 1px solid red; */
		}
		#btnPlace a {
			display: block;
			width:20px;   /* 24  20  15 */
			height:37px;  /* 44  37  28 */
			margin: 0 auto;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAG4AgMAAADzlctBAAAADFBMVEX///+ZmZkAAAAAzACzavJfAAAAAXRSTlMAQObYZgAABPtJREFUeF7MlrGN3DAURP8KOAWb+wKWoCpYwgWGi2AVKoHBOVfAgOQFV8L24xIcrGz4Fh6Syz8U1jDsSR+oP/NJkV9Kfco5p8+i6Ev+pa99+pxveu3Rp/xbLx3sgJPyafXzJ1fiZBs850peqYzqzWK23LQ46MZgDsbY1809Dq1v1fsJALK90tDWKw3FbmkIpbtaWWkkN30caOmcOM4WzhRvcKZ5MxoOHEc4061nVRbGNeuzjj3HG4z3FIC1ZIuOE2J31cZ+v9bB69iXfd91/Lb/1PeqL1O9uF7uZW4WY3mL3z9w4W4r8WX/UIkN8H7Tt6KrpizdFo9iqtIoDozSNxV4GWE4g7djOAG/AcO6uDFGrjaZ5P8BX3bon+O/n9sxnGRhONLjMMbu0aM4PudhgJV/jP+hwGf2f3vlduB3C/DEbiZce4g2vhWBxTXL2YV9ueYGL4PH4mH8On7HnnT8wh9JO3iBKY5HXv9nYpwlW0eDCfWGmYkNbGeC6UDGvFk6DCY+SgY+iPqjY6wsSmk9eRgO4Ky4pThJKcexIc6AK2fM+iqVmHH0Dc7GWG/r1uDpzjjzZjmWVq5xxqyHO2w4npWWIhkxLieOpTbOksUONppxbAo2hCXzHTxpsZEMuVgyEZYsdfGixEZwxCbBN469CAu+cmxFWF+krwF26ArpS1SwQVdI8O2PsFfwzPGEnnLMumofw4KWU8z2JKl4OYAjx0HFhuMzNoxhtmWe41XF0wH8oz071m0bBsIAfGzB9Am4dOmep+DciQOvAbJ470u4j5DFe4cGqL30FfoIXfIm8RLAYINTgoMo3U9LguCi7Y35Qh4pUhSNiya7M5hardGS7Wk2X89rrUv2DfPX1fhK1xMwWLIvLYZrQvOZFvJ3yNdLmD/ukZanPbOt5elHKYaH0nHJY+q3r3xKI3xTXrk8DNVtlU9xwO/k77c7+a9fA/7wrJyu7jw/8+OAtzKjqzuZ36lWV8oxduw2pcQhJ+qY/BgfZbPJVtsM+G03HPcyzJ/jrbvYGLklNHc1ckEdeT1vUZm38dSIuqdmPHNmfeb1ikkYK0Y3yg/WbpE4JWuvSWRrp0rYO5m3Jzb0wuGZmZOlgSWy2Ra468zqX5XZ6Npuzr0wGlvNmVFzV3Pscag5w76ZYd/Mqeob9M4jUfVtj92PceqlBsl5NGBqTe7HOWlqlJyNOIudxVFHZo8tWJzPYTajyTJwNHRvc2pzsDkv5h58PtQz6+uh5/1pS338XpVjj7vqh8XSWJore+XbjvfKSVj7ljD4RQ87ZQq91FXyLKypNfmAtcQ3h0UkdtP5k/L9dL5V3iszYl7Kul4afwGjea/Pc7fD8q24/DXA7xh+Q/H7jU+H5tmCTqbUPtfwqYjO1Ng+kUGs+bFIi75jsfGRXPQFXvT1T8Ies7M4Lr714CsVvpDh6xxM3rhKYk74nhox40twxjfsRISSE+SMb/dpAhM3fnhg9o1fNZgJjowoTOJIMDnVMYXzgANmD0bWZlcxGhtBziMcMHvlNJ2dcpzOpEwtRjPLTUYzS01GM4srMMFpY9aJ5yajiac1ORrsLsjUMa3D4QzOSxmtSVqTo8ludSY72pznc1iZE2B/QXbM8Q9lYqb1OGTMjNRBZglTSzluQI1KGNSohEGNStioUQnDGhUzrFH5BGtUPoEalTCqUbkIa1SOYI2K/uka1f8a1W+2aZe+vgTZ7wAAAABJRU5ErkJggg==');
			background-size: cover;
		} 
		#btnPlace a:hover {
			background-position:left bottom;
			/* background-position: -30px 0; */
		}
		#btnPlace a:active {
			background-position: 0px 0;
		}

		#zone_1b {         /* Zone Horaires */
			width: 100%;
			margin: 0 auto;
			padding-top: 20px;
		}
		#tblHoraire {
			margin: auto;
			width:90%; 
			max-width: 280px;
			border-collapse: collapse;
			font: 12px Arial, sans-serif;
		}
		#msgHoraire { 
			text-align: center; 
			font: 12px Times, serif;
			background-color: yellow;
			color: red;
		}
		table, td {
			border: 1px solid forestgreen;
		}
		th {
			background-color: forestgreen;
			color: white;
		}
		
		
		/*  CONTENEUR 2 ------------------------------------------------- */

		#zone_2a { width: 100%;    /* Zone Photo Pharma et Plan*/
			padding-top: 8px;
			margin: 0 auto;
			}
		
		#cntPhotos1 {	
			position: relative;
			width: 80%;
			height: 0;
			padding-bottom: 60%; /* en % de la largeur du parent */
			margin: 0 auto;
		}
		#cntPhotos1 img{
			position:absolute;
			opacity: 0;
		}
		
		
		
		#pharGMap { width: 95%; margin: auto; height: 560px;}
		#cntPlan {
			/*display: none;*/
			margin: auto;
			text-align: center;
			font: 12px Arial, sans-serif;
		}

		
		/*  CONTENEUR 3 ------------------------------------------------- */

		.mskAnim1{
			width: 90%;
			max-width: 350px;
			height: 64px;
			margin: 0 auto;
			padding-top: 1px;
			overflow: hidden; /* visible hidden */
			/* border: 1px solid blue; */
		}
		/* ------------------------------------------------*/
		#cntMarques{
			width: 1000px;
			height: 60px;
			/* border: 1px solid red; */
			-webkit-animation: anim1 18s linear 0s infinite;
			-moz-animation: anim1 18s linear 0s infinite;
			animation: anim1 18s linear 0s infinite;
		}
		#cntMarques img{height:60px;}
		
		@-webkit-keyframes anim1{
			0% {margin-left:0px;}
			99.99%{margin-left:-480px;}
		}
		@-moz-keyframes anim1{
			0% {margin-left:0px;}
			99.99%{margin-left:-480px;}
		}
		@keyframes anim1{
			0% { transform: translate3d(0px, 0px, 0px); }
			99.99%{ transform: translate3d(-480px, 0px, 0px); }
		}
		
		/* ------------------------------------------------*/
		#cntOrtho{
			width: 2000px;
			height: 60px;
			-webkit-animation: anim2 37s linear 0s infinite;
			-moz-animation: anim2 37s linear 0s infinite;
			animation: anim2 37s linear 0s infinite;
		}
		#cntOrtho img{height:60px;}

		@-webkit-keyframes anim2{
			0% {margin-left:0px;}
			99.99%{margin-left:-1120px;}
		}
		@-moz-keyframes anim2{
			0% {margin-left:0px;}
			99.99%{margin-left:-1120px;}
		}
		@keyframes anim2{
			0% { transform: translate3d(0px, 0px, 0px); }
			99.99%{ transform: translate3d(-1120px, 0px, 0px); }
		}
		/* ------------------------------------------------*/
		
		
		

		
/* ----------------------------------------  FIN BASE FENETRE < 256px --------------------------------------- */



		
/* ---------------------------------------------- MEDIA QUERIES --------------------------------------------- */
		
	/* Fenêtre supérieure à 250px --------------------------------------------- */
	@media only screen and (min-width: 250px) {
	}

	/* Fenêtre supérieure à 320px --------------------------------------------- */
	@media only screen and (min-width: 320px) {
		#coord {font-size: 16px;}
		#tblHoraire {font-size: 14px;}
		#msgHoraire {font-size: 14px;}
	}

	/* Fenêtre supérieure à 400px --------------------------------------------- */
	@media only screen and (min-width: 400px) {
		#coord {font-size: 17px;}
		#tblHoraire {font-size: 15px;}
		#msgHoraire {font-size: 15px;}
	}


	/* Fenêtre supérieure à 600px --------------------------------------------- */
	@media only screen and (min-width: 600px) {
		#zone_1a, #zone_1b {       /* Zone Coordonnées et Zone Horaires */
			display: inline-block;
			vertical-align: top;
			width: 50%;
		}
		
		#coord {font-size: 17px;}
		
		#tblHoraire {font-size: 15px;}
		#msgHoraire {font-size: 15px;}
		
		#cntPhotos1 {width: 60%; padding-bottom: 45%;}
		#cntPlan {font-size: 100%;}
		#pharGMap {width:70%; height:448px;}

	}


	/* Fenêtre supérieure à 750px --------------------------------------------- */
		@media only screen and (min-width: 750px) {
		}

	
	/* Fenêtre supétieure à 960px --------------------------------------------- */
	@media only screen and (min-width: 960px) {
		#zone_1a, #zone_1b {       /* Zone Coordonnées et Zone Horaires */
			display: block;
			width: 100%;
		}
		#zone_1b { padding-top: 32px;} /* Zone Horaires */
		
		#zone_2a { width: 90%;} /* Zone Photo Pharma et Plan*/
		#cntPhotos1 {	width: 100%; padding-bottom: 75%;}
		#cntPlan { font-size: 100%;}
		#pharGMap { width: 100%; height: 448px;}
			
	}


/* -------------------------------------------- FIN MEDIA QUERIES ------------------------------------------- */

		
		
		
		