body				{background-color: #fff; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;  }
		html				{scroll-behavior: smooth;}

		p, a				{font-size: 10px; color: #000; }

  					a {text-decoration: none}  		
	  				a:link		{color: #000}
	  				a:visited	{color: #000}
	  				a:active	{color: #000}
	  				a:hover		{color: #000}



		.p3					{font-size: 0.3em;}
		.p8					{font-size: 0.8em;}
		.p9					{font-size: 0.9em;}
		.p10				{font-size: 1em;}
		.p11				{font-size: 1.1em;}
		.p12				{font-size: 1.2em;}
		.p13				{font-size: 1.3em; color: #2e2e1f}
		.p14				{font-size: 1.4em; color: #2e2e1f}
		.p15				{font-size: 1.5em; color: #2e2e1f}
		.p16				{font-size: 1.6em; color: #2e2e1f}
		
		.B					{font-weight: 800}
		.ls1				{letter-spacing: 1px;}
		.ls2				{letter-spacing: 2px;}
		.ls3				{letter-spacing: 3px;}
		.ls5				{letter-spacing: 5px;}
		
		.actif				{border-bottom-style: solid; border-width: 1px; border-color: #000; }
		.j					{text-align: justify; }
		.c					{text-align: center;}
	
	
		.maincontainer		{max-width: 1400px; margin-left:auto; margin-right:auto }
		#container			{transition: margin-left .5s;}
		
		
		.image-container	{position:relative; margin-left:auto; margin-right:auto; }
		.image-container2	{position:relative; margin-left:auto; margin-right:auto; }
		
		.text-container		{position:relative; margin-left:auto; margin-right:auto; }
		
		.swiper-container 	{width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
		
	    
	    .img-box			{position: relative; overflow: hidden; width: 100%; padding-top: 85%;}
	    .img-inbox			{position: absolute; top: 0; left: 0; bottom: 0; right:0; }
	    .center-image		{height: 100%; display: flex; justify-content: center; align-items: center;}
			    
	    
	    .slide-image		{max-width:100%; max-height:100%}    
	    
		
		
		  
	    .video-container 					{overflow:hidden; position:relative; width: 100%; height:0; padding-top:56.25%; }
		.video-container2					{overflow:hidden; position:relative; height:0; padding-top:66.6%; }
		.video-container iframe, .video-container2 iframe 	{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

		
		
		.text				{}
		
    	.footer				{margin: 100px 0 20px 0;}		

/* I N D E X -----------------------------------*/
		
		
		.ptitre				{font-size: 4em; color: #7c7554}
				
		.index-img			{position:relative;}
		
			
	
		.img-hover			{position:absolute; width:100%; z-index:10}
			.img-hover:hover 	{opacity:0;}
	

		.video	{}
				video::-webkit-media-controls {display:none}		/* Hide Play button + controls on iOS */		
		.source	{}

		
		
/* M E N U -----------------------------------*/

		
	 	.opennav img		{width:50px; margin: 10px 6px; cursor:pointer}
		.closenav img		{width:50px; margin: 18px 320px; cursor:pointer}
			
		.sidenav			{height: 100%; position: fixed; z-index: 20; top: 0px; left: 0; 
							background-color: #fff; overflow-x: hidden; overflow-y: scroll;transition: 0.5s; } 
		
	
			.sidenav::-webkit-scrollbar {display: none;}
			.sidenav {-ms-overflow-style: none; scrollbar-width: none;}
		
		.menu				{margin-left: 65px; padding:10px 0 50px 0; display: flex; flex-direction: column; }
		.menu a 			{font-size: 0.7em; letter-spacing: 1px; padding: 5px 5px 5px 5px;}
	 	
		
		
/* E N D   M E N U -----------------------------------*/

	
    	
	
/* M E D I A   Q U E R R I E S    ---------------------------------------------*/

/*-- M O B I L       -------------------------------------------------------*/
	
			@media only screen and (max-width: 650px) {
			
			body			{font-size: 120%;}
			p, a			{font-size: 12px}

			.container		{margin: 0px 2vw 0 2vw;}
			.sidenav		{width: 0px;opacity: 0.9;}
			.sidenav2		{width: 0px; opacity: 0.8;}
		    
			.menu			{margin-left: 15px;}
			
			
			.slide-image-polaroid				{max-width:260px}
			.home-icon		{display:none}
			
			.text-container	{margin-top: 30px}
			
			.tx					{display:flex; flex-direction:column;}
			.tx p				{font-size: 0.75em; margin:1px}
			
			
}
/*-- T A B L E T    ---------------------------------------------------------*/

			@media screen and (min-width: 650px) and (max-width: 1200px) {
			
			body				{font-size: 110%}
			p, a				{font-size: 11px}
			
			.container			{margin: 0px 3vw 0 3vw;}
			.sidenav			{width: 0px; opacity: 0.8;}
		    .sidenav2			{width: 0px; opacity: 0.8;}
		    
			.image-container 	{position:relative; margin-left: auto; max-width:800px; }
			.image-container2 	{position:relative; margin-left: auto; max-width:960px; }
			.home-icon			{display:none}
			
			.text-container		{margin-top: 30px; margin-left: 50px;}
			
			.tx					{display:flex; flex-direction:row;}
			.tx p				{font-size: 0.75em; margin:1px}
			
			
}
/*-- C O M P U T E R    -------------------------------------------------------*/

			@media screen and (min-width: 1200px) {
			
			.menu a 			{font-size: 0.7em;}
		    
			#container			{margin-left:300px; }
			.container			{margin: 3vh 5vw 0 0;max-width:1100px}
			.sidenav			{left:auto; width: 365px; opacity: 0.8;}
			
			.image-container 	{position:relative; margin-left: auto; margin-right: 0; max-width: 800px}
			.image-container2 	{position:relative; margin-left: auto; margin-right: 0; max-width: 960px}
			
			.text-container		{margin-top: 60px; margin-left: 90px;}
			
			
			.tx					{display:flex; flex-direction:row;}
			.tx p				{font-size: 0.75em; margin:1px}
			
			
}
/* E N D  M E D I A  Q U E R I E S    -----------------------------------------*/