#infoLargeurFenetre {
			position: fixed;
			width: 100%;
			bottom: 0;	right: 0; 
			background-color: yellow;
			text-align: center;
			font: 12px Arial, sans-serif;
			z-index: 2;
		}

		
		
/* ------------------------------------------  BASE FENETRE < 250px ----------------------------------------- */
		
		/*  GLOBAL ------------------------------------------------------ */
		
		* { 
			box-sizing: border-box;
		}

		html {
			margin: 0;
			font-size: 100%;
			}
		body {
			margin: 0;
			padding: 0;
			/* overflow: hidden; */
		}
		#page_0 {
			position: fixed;
			top: 0;	
			right: 0; left: 0; margin-right: auto; margin-left: auto;  /* Permet de centrer le container sur la page lorsque la largeur dépasse max-width */
			width: 100%;
			max-width: 1200px;
			height: 100%;
			z-index: 0;
			/* border: 1px solid red;  */
			}	
		#page_1 {
			position: relative;
			width: 100%;
			max-width: 1000px;
			margin: 0 auto 0; /* Permet de centrer la page, donc les containers, lorsque la largeur dépasse 1000px */
			margin-top: 60px; /* Positionnement juste en-dessous du header fixe */
			padding-bottom: 20px;
			background-image:  url('data:image/png;base64,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');
			z-index: 1;
			border: 1px solid green;
		}
		#page_2 {
			position: relative;
			width: 100%;
			max-width: 1000px;
			margin: 0 auto 0; /* Permet de centrer la page, donc les containers, lorsque la largeur dépasse 1000px */
			background-image:  url('data:image/png;base64,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');
			z-index: 1;
			border: 1px solid green;
		}
		#espace_1 {
			position: relative;
			width: 600px;
			margin: 0 auto;
			z-index: 1;
			display: none;
			}

			
		p {
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
			font-size: 12px ;
		}
		h1 {
			padding: 3px;
			background-color: forestgreen;
			color: white;
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			font-size: 13px;
			text-align: center;
		}
		
		ul {
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
			font-size: 12px ;
		}
		
		ul.lst1 {
			list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEUisUwA+R9bEIzSAAAAGklEQVR4XlXCxw0AAAwCsRs9k1PyxDLmax8VeN4HdRmJM5kAAAAASUVORK5CYII=');
			margin: 3% auto;
			padding: 0 1% 0 3%;
		}
		ul.lst1 li {
			margin: 10px;
		}
		
		ul.lst2 {
			display: inline-block;
			vertical-align: top;
			list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEX///9mmQC5G1W/AAAAAXRSTlMAQObYZgAAACJJREFUeF4FwDENADAIBMBrOtQuEl5BFSKEkYA4cePxaYayL/YEXrcYQ/4AAAAASUVORK5CYII='); 
			margin: 0 auto;
			padding: 0 1% 0 8%;
		}
		ul.lst2 li {
			margin: 5px;
		}
		
		img {
			max-width: 100%;
			color: #e1ffdb; /*Couleur moyenne du papier paperlightgreen */
		}

		a:link, a:visited {color: #0000FF; text-decoration: underline; }
		a:hover {font-size: 103%; text-decoration: underline; }
		a:active {color: #000000; text-decoration: underline; }
		
		/*  HEADER ------------------------------------------------------ */

		#header {
			position: fixed;
			top: 0;	
			right: 0; left: 0; margin-right: auto; margin-left: auto;  /* Permet de centrer le container sur la page lorsque la largeur dépasse max-width */
			width: 100%;
			max-width: 1000px;
			height: 60px;
			z-index: 2;
			background-color: #FCFAE1; /* Rose très pâle */
			border: 3px solid green;
		}
		
		#logo {
			float: left;
			width: 20%;
			max-width: 64px;
			max-height: 64px;
			margin: 3px 1% 0;
			cursor: pointer;
			/* border: 1px solid black;  */
		}
		#titre {
			float: left;
			width: 65%;
			max-width: 250px;
			max-height: 67px;
			margin: 4px 0 0 0;
			text-align: left; 
			cursor: pointer;
			/* border: 1px solid black;  */
		}
		#accroche {
			float: right;
			display: none;
			height: 90%;
			margin: 4px 2% 0 0;
			text-align: left;
			font: bold italic 15px 'Libre Baskerville', serif;
			color: darkgreen; /* vert foncé */
			/* border: 1px solid black;  */
		}
		#accroche  #txt1 {display: none; margin-top: 30px; font-size: 120%;}
		#accroche  #txt2 {display: none; margin-top: 10px; font-size: 120%; line-height: 180%;}
		#accroche  #txt3 {display: none; margin-top:  5px; font-size: 100%; line-height: 160%;}
 
		#btnMenu {
			float: right;
			width: 8%;
			max-width: 30px;
			margin: 30px 2% 0 0;
			cursor: pointer;
			/* border: 1px solid red;   */
		}
		#btnMenu:hover, #btnMenu:focus {
			background-color: #F4D2B1;  /* #f4d2b1 rose un peu plus foncé que le header : #FCFAE1 */
		}
	
		#menu-pop {
			display: none;
			position: absolute;
			top: 60px;
			right: 0px;
			margin: 0;
			padding: 3px;
			list-style-type: none;
			background-color: #00FF00;
			border: 3px solid #00FF00;
			box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.5);
		}
		#menu-pop .mnu {
			position: relative;
			margin: 0 auto;
			border-bottom: 1px solid white;
		}
		#menu-pop .mnu a:link, #menu-pop .mnu a:visited {
			display: inline-block;
			width: 110px;
			height: 40px;
			padding-top: 12px;  /* Permet de centrer verticalement les menus à une ligne. On modifie le style des menus à deux lignes avec une valeur plus faible. */
			font: bold 10px 'Roboto', sans-serif;
			color: white;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			white-space: nowrap;
			outline: none;
			background-color: forestgreen;
		}
		#menu-pop .mnu a:hover, #menu-pop .mnu a:active {
			color: black;
			background-color: #00DD00;
		}
		
		#menu-pop .mnu .mnupop {
			display: none;
			position: absolute;
			top: 31px;   /* Le sous-menu est positionné juste en dessous du menu parent. */
			right: 70%; /* Le sous-menu est décalé vers la gauche du menu parent. */
			padding: 3px;
			background-color: #00FF00;
			border: 3px solid #00FF00;
			box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.5);
			z-index: 1;
		}
		#menu-pop .mnu a {
			border-bottom: 1px solid white;
		}
		
		#menu-pop .mnu:hover .mnupop {
			display: block;
		}

		
		/*  MENU BARRE ------------------------------------------------- */
		#menu-barre {
			display: none;
			position: absolute;
			bottom: 0;
			/*right: 0; left: 0; margin-right: auto; margin-left: auto;  /* Permet de centrer le container sur la page lorsque la largeur dépasse max-width */
			right: 2%;
			margin-top: 0; margin-bottom: 0;
			/*width: 100%;*/
			height: 35px;
			padding: 0 4px 0 4px;
			list-style-type: none;
			background-color: #00FF00;
		}
		#menu-barre .mnu {
			position: relative;
			float: right;
			margin: 3px 1px 0;
		}
		#menu-barre .mnu a:link, #menu-barre .mnu a:visited {
			display: inline-block;
			height: 30px;
			margin-bottom: 10px;  /* Cette valeur permet de ne pas quitter le hover lorsque la souris passe au sous-menu. */
			padding: 8px 10px 6px;
			font: bold 10px 'Roboto', sans-serif;
			color: white;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			white-space: nowrap;
			background-color: forestgreen;
		}
		#menu-barre .mnu a:hover, #menu-barre .mnu a:active {
			color: black;
			background-color: #00DD00;
		}
		
		#menu-barre .mnu .mnupop {
			display: none;
			position: absolute;
			top: 31px;  /* Le sous-menu vient se positionner juste en dessous de la bordure du header. */
			right: 0;
			padding-top: 2px;
			background-color: #00FF00;
			box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.5);
		}
		#menu-barre .mnu .mnupop a {
			display: block;
			width: 110px;
			height: 40px;
			margin: 2px 0;
			padding-top: 14px;  /* Permet de centrer verticalement les menus à une ligne. On modifie le style des menus à deux lignes avec une valeur plus faible. */
			color: white;
			text-decoration: none;
			text-align: center;
		}
		#menu-barre .mnupop a:hover {
			color: black;
			background-color: #00DD00
		}
		#menu-barre .mnu:hover .mnupop {
			display: block;
		}


		
		/*  TITRE PAGE ------------------------------------------------- */
		#titrePage {
			margin: 10px auto 5px;
			text-align: center;
			font: bold italic 14px 'Libre Baskerville', serif;
			color: darkgreen; /* vert foncé */
		}	
		
		
/* ------------------------------------------  BASE FENETRE < 250px ----------------------------------------- */
		
		/*  CONTENEUR STANDARD ------------------------------------------------- */
		#conteneur_std {
			display: block;
			vertical-align: top;
			width: 100%;
			margin: 20px auto; /* Permet de centrer le container sur la page lorsque la largeur dépasse max-width */
			/* border: 3px solid green; */
		}	
		#zone_stda, #zone_stdb, #zone_stdc {     /* Zones de texte (la zone_stdc est toujours centrée)*/
			display: inline-block;
			vertical-align: top;
			width: 98%;
			margin-left: 2%;
			/* border: 1px solid red; */
		}

		
		/*  CONTENEUR 1 ------------------------------------------------- */
		#conteneur_1 {
			display: inline-block;
			vertical-align: top;
			width: 100%;
			margin: 0 auto; /* Permet de centrer le container sur la page lorsque la largeur dépasse max-width */
			/* border: 3px solid green; */
		}	
		
		/*  CONTENEUR 2 ------------------------------------------------- */
		#conteneur_2 {
			display: inline-block;
			vertical-align: top;
			width: 100%;
			margin: 0 auto; /* Permet de centrer le container sur la page lorsque la largeur dépasse max-width */
			/* border: 3px solid green; */
		}	
		
		
		/*  PAGE PHOTO -------------------------------------------------- */
		#page_photo {
			position: relative;
			width: 90%;
			max-width: 900px;
			margin: 3% auto 0; 
			z-index: 1;
		}

		
		/*  FOOTER ------------------------------------------------------- */
		#footer {
			position: relative;
			width: 100%;
			max-width: 1000px;
			margin: 0 auto 0;  /* Permet de centrer le footer sur la page lorsque la largeur dépasse max-width */
			background-color: lawngreen;
			font: 8px Arial, sans-serif;
			text-align: left;
			color: black;
			border: 3px solid green;
		}

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



		
/* ---------------------------------------------- MEDIA QUERIES --------------------------------------------- */
		
	/* Fenêtre supérieure à 250px --------------------------------------------- */
	@media only screen and (min-width: 250px) {
		#header {height: 70px;}
		#btnMenu {margin-top: 35px;}
		#menu-pop {top: 67px;}
		
		#titrePage {margin-top: 15px; font-size: 18px;}
		#page_1 {margin-top: 70px;}   /* Positionnement juste en-dessous du header fixe */
		h1 {font-size:14px;}
		p, ul {font-size: 13px;}
		
	}

	/* Fenêtre supérieure à 320px --------------------------------------------- */
	@media only screen and (min-width: 320px) {
		#header {height: 80px;}
		#btnMenu {margin-top: 40px;}
		#menu-pop {top: 78px;}
		
		#titrePage {margin-top: 18px; font-size: 20px;}
		#page_1 {margin-top: 80px;}   /* Positionnement juste en-dessous du header fixe */
		h1 {font-size:15px;}
		p, ul {font-size: 14px;}

		#footer {font-size: 10px;}
	}

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


	/* Fenêtre supérieure à 600px --------------------------------------------- */
	@media only screen and (min-width: 600px) {
		#header {height: 130px;}    /* il faut compter les 30px de la barre des menus */
		#logo {max-width: 80px; max-height: 80px;}
		#accroche  {display: inline; width: 180px;}
		#accroche  #txt1 {display: none;}
		#accroche  #txt2 {display: none;}
		#accroche  #txt3 {display: block}
		#btnMenu {display: none;}
		#menu-pop {display: none;}
		#menu-barre {display: block;}   /* hauteur 30 px */

		#titrePage {margin-top: 20px; font-size: 28px;}
		#page_1 {margin-top: 130px;}   /* Positionnement juste en-dessous du header fixe et de la barre menu*/

		h1 {font-size:16px;}
		p, ul {font-size: 15px;}
		
		#footer {font-size: 12px;}
	}


	/* Fenêtre supérieure à 750px --------------------------------------------- */
		@media only screen and (min-width: 750px) {
		#accroche  {display: inline; width: 300px;}
		#accroche  #txt1 {display: none;}
		#accroche  #txt2 {display: block;}
		#accroche  #txt3 {display: none;}

		#titrePage {margin-top: 24px; font-size: 30px;}

		}

	
	/* Fenêtre supétieure à 960px --------------------------------------------- */
	@media only screen and (min-width: 960px) {
		html {
			background-attachment: fixed;
			}
		body {
			background-attachment: fixed;
			}
		#page_0 {
			background: url("img/fond_etageres_1.jpg"), url("img/fond_etageres_0.jpg");
			background-attachment: fixed;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: cover;	
		}
		
		#espace_1 {
			display: block;
		}

		#titre {max-width: 300px; max-height: 80px;}
		#accroche  {display: inline; width: 520px;}
		#accroche  #txt1 {display: block;}
		#accroche  #txt2 {display: none;}
		#accroche  #txt3 {display: none;}
		
		#conteneur_1 {
			width:45%;
		}
		#conteneur_2 {
			width:55%;
		}
		
		#zone_stda { width: 48%; margin-left: 2%;} /* Texte à gauche */
		#zone_stdb { width: 48%; margin-left: 0;} /* Texte à droite */
		#zone_stdc { width: 60%; margin-left: 20%;} /* Texte centré */
		
		#footer { font-size: 90%;}
	}


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