/* ------------- plus petit que 1600 ------ */		

@media screen and (max-width: 1600px) 
{  
.BigScreen .VisuelFull		{
						
						height: 			417px;		
						}
}								
@media screen and (max-width: 1024px) 
{  


.main 				{
					width:					100%;
					padding:				0px;
					margin:					0px;
					border:					none;
		
					border-radius: 			0px; 
					-webkit-border-radius: 	0px; 
					-moz-border-radius: 	0px; 

					box-shadow: 			none; 
					-webkit-box-shadow: 	none; 
					-moz-box-shadow: 		none; 		
		
					}
.HomeBox			{
					width: 					290px;
					}
.FooterMenu .Item		{
						display:			inline-block;
						
						padding-left: 		15px;
						padding-right: 		15px;
						
						}		
					
.IntrosBox				{
						height:						300px;
						
						}																											
}
@media screen and (max-width: 1023px) 
{  
.HeaderContainer {
						border-bottom:		1px solid #E0E0E0;					
						}		

.mainPage .Content
		{
		margin-top:	30px;
		padding:	0px 15px 60px 15px;
		}		

.Header .Logo	{
				max-width:			75%;
				float:				left;
				margin:				20px 20px 0px 20px;
				}
.Menu				{
					display:				none;
					}						
					
.MenuMobile			{
					display:				block;
					}						
				

.Address			{
					display:				none;
					}						

.MobileAddress		{
					display:				block;
					}	
.MobileAddress		.MobileMenuButton{
					display:				block;
					}	
					
.HomeBox			{
					clear:					both;
					width: 					100%;
					height: 				auto;
					}						
.HomeSocialBox .Content .Item		{
					clear:					both;
					width:					100%;
					padding-bottom:			20px;
					}		
.CoordsBox			{
						width: 				100%;
						clear:				both;
						margin-right: 		0px;
						margin-top: 		30px;
						float: 				left;
						overflow: 			hidden;
						text-align:			center;
					}		
.IntrosContainer		{
						text-align:			center;
						}		
					
.IntrosBox				{
						align:			center;
						display:		inline-block;
						width: 			80%;
						margin: 		0px 30px 30px 30px;
						padding:		30px;
						height:			250px;
						overflow: 		hidden;
						background:		#F0F0F0;
						-webkit-box-shadow: 		0px 20px 20px 0px rgba(80, 100, 126, 0.4);
						box-shadow: 				0px 20px 20px 0px rgba(80, 100, 126, 0.4);							
						-moz-box-shadow: 			0px 20px 20px 0px rgba(80, 100, 126, 0.4);							
						border-radius: 				10px; 
						-webkit-border-radius: 		10px; 
						-moz-border-radius: 		10px; 
						
						}		
.Accroche					{
							margin-bottom:			60px;
							}							
.Accroche H1				{
							font-size:				32px;
							margin-bottom:			10px;
							}							
.Accroche H2				{
							font-size:				18px;
							margin-bottom:			5px;
							}							
					
					
.FooterMenu			{
					text-align:				center;

					}		
					
.FooterMenu .Item			{
						min-height: 		30px;
						line-height: 		30px;
						border: 			none;
					}		
						
						
.ListBox					{
							clear:				both;
							width:				100%;
							}																		
							
.ListBox .NewsBox			{
							width:				450px;
							margin: 			0 auto;
							}							
.ListBox .Ombre				{
							width:				450px;
							margin: 			0 auto;
							}							
.ContactForm				{
							clear:				both;
							width:				100%;
							}																																								
.ContactMap					{
							margin-top:			30px;
							padding-top:			20px;
							clear:				both;
							width:				100%;
							border-top:				1px dashed #c0C0C0;
							}	
.ContactMap .GoogleMaps		{
							width:				100%; 
							height:				350px;
							}	
.ContactForm .FormContainer	{
							max-width:			100%;
							}
.Marques .Marque			{
							float:				left;
							width:				31%;
							}
.MenuContainer .Base		{																																																																					
							margin-top:			0px;
							height:				20px;
							}
.MenuContainer 				{
							display:			none;																																																																					
							}
.HeaderContainer    		{							
							padding:			0px 0px 15px 0px;
							}


.ChoixLangue {
							top:					40px;
							right:					10px;
							}													

.ChoixLangue A {
							font-size:				13px;
			    			display:				block;
							margin-bottom:			10px;
							}													

.Arguments .Item {	
				display:					inline-block;
				width:						48%;
				margin-bottom:				40px;
	}


							
}


@media screen and (max-width: 767px) 
{  
.SloganContainer .Slogan		{
				display:					inline-block; 
				vertical-align:				middle;
				font-size:					20px;
				height: 					auto;
				line-height:				1.4em;
				padding-left: 				15px;
				padding-right: 				15px;
				padding-top:				5px;
				padding-bottom:				5px;
				font-weight:				normal;
				color:						#ffffff;
				overflow:					hidden;
				/* text-shadow: 				1px 1px #ffffff; */
				}	
.Arguments .Item {	
				display:					inline-block;
				width:						100%;
				margin-bottom:				40px;
	}		
	
.mainPage .Content .Visuels {
			width:					100%;
			float:					none;
			clear:					both;
			margin-left:			0px;
			}			
.mainPage .Content .Visuels .Item.PC100 {
				width:									100%;
	}
.mainPage .Content .Visuels .Item.PC50 {
				width:									49%;
                padding-top: 							28.125%; /* 16:9 Aspect Ratio */ 		
				
	}
.mainPage .Content .Visuels .Item.PC33 {
				width:									32%;
                padding-top: 							18.75%; /* 16:9 Aspect Ratio */ 		
	}
.mainPage .Content .Visuels .Item.PC25 {
				width:									22%;
                padding-top: 							14.06%; /* 16:9 Aspect Ratio */ 		
	}	
.mainPage .Content .Visuels.PC100 .Item.PC50 {
				width:									49%;
                padding-top: 							28.125%; /* 16:9 Aspect Ratio */ 		
				
	}
.mainPage .Content .Visuels.PC100 .Item.PC33 {
				width:									32%;
                padding-top: 							18.75%; /* 16:9 Aspect Ratio */ 		
	}
.mainPage .Content .Visuels.PC100 .Item.PC25 {
				width:									49%;
                padding-top: 							20%; /* 16:9 Aspect Ratio */ 		
				margin-bottom:							10px;
				
	}		
			
}


@media screen and (max-width: 500px) 
{  
.Marques .Marque			{
							float:				left;
							width:				46%;
							}
.Marques .Marque		IMG	{
							max-width:			150px;
							}

.PagePhotos				{
						display:			none;
						}
.BigScreen .VisuelLeft		{
						clear:				both;
						width:				100%;
						}
.BigScreen .VisuelRight		{
						clear:				both;
						width:				100%;
						}
.BigScreen .Cartouche	{
						clear:				both;
						width:				100%;
						}
.Header .fleft			{
						
						}						
.Header .fright			{
						}						
.Header .Ligne1		{
						font-size:			13px;
						}						
.Header H3		{
						font-size:			11px;
						}						

.Header .fleft	IMG		{
						
						}		
.ListBox					{
							width:				100%;
							float:				left;
							margin:				0px;
							}																		
							
.ListBox .NewsBox			{
							width:				430px;
							padding:			0px;
							margin-bottom:		10px;
							}							
.ListBox .NewsBox .NBTitre			{
							padding: 			20px 20px 0px 20px;
							}																									
.ListBox .NewsBox .NBBody			{
							width:				430px;
							padding: 			10px 20px 10px 20px;
							}																									
.ListBox .NewsBox .NBDescription			{
							padding: 			0px 20px 20px 20px;
							width:				100%;
							}		
.ListBox .Ombre				{
							width:				430px;
							margin: 			0 auto;
							}	
.FooterMenu .Item		{

				border-right: 		none;
				}							
													
.BigScreen .VisuelFull		.Bouton{
						width:				94%;
						margin:				3%;
						margin-top:			8%;
						display:			block;
						}
										
}
							
@media screen and (max-width: 479px) 
{  
							
.ListBox					{
							width:				100%;
							float:				left;
							margin:				0px;
							background:			none;
							}																		
							
.ListBox .NewsBox			{
							width:				100%;
							padding:			0px;
							border:				none;
							background:			none;
							
							}		
.ListBox  .ItemSeparator		{																						
							display:				block;
							}	
												
.ListBox .NewsBox .NBTitre			{
							padding: 			20px 0px 0px 0px;
							}																									
.ListBox .NewsBox .NBBody			{
							max-width:			100%;
							padding: 			10px 0px 10px 0px;
							}																									
.ListBox .NewsBox .NBDescription			{
							padding: 			0px 0px 20px 0px;
							max-width:			100%;
							}		

.ListBox .Ombre				{
							width:				100%;
							margin: 			0 auto;
							}							


.Gallery .Photo		{
					width:100%;
					margin-bottom:5px;
					
					height:auto;
					
					}	
.Gallery .Photo		IMG{
					min-width:280px;
					width:280px;
					min-height: 280px;
					margin: 			0 auto;
					}												
.Gallery .Photo2	{
					width:100%;
					margin-bottom:5px;
					
					height:auto;
					}	
.Gallery .Photo2	IMG{
					min-width:280px;
					width:280px;
					min-height: 280px;
					margin: 			0 auto;
					}												
.Gallery .Photo3	{
					width:100%;
					margin-bottom:5px;
					
					height:auto;
					}	
.Gallery .Photo3	IMG{
					width:280px;
					min-height: 280px;
					margin: 			0 auto;
					}												
.Gallery .Photo4		{
					width:100%;
					margin-bottom:5px;
					
					height:auto;
					}	
.Gallery .Photo4	IMG{
					width:280px;
					min-height: 280px;
					margin: 			0 auto;
					}		
					
.LinkPhoto					{
							display:			none;
							}	
.LinkPhotoMobile			{
							display:			inline;
							}	
.ContactForm .FormFieldContainer				{
							clear:				both;
							text-align:			left;
							width:				100%;
							}
.ContactForm .FormFieldContainerLeft				{
							clear:				both;
							text-align:			left;
							width:				100%;
							padding-right:		0px;
							}
.ImageContainer4	{
				border:					none;
				overflow: 				hidden;
				width:					100%;
				float:					left;

				}
.ImageContainer3	{
				border:					none;
				overflow: 				hidden;
				width:					100%;
				float:					left;

				}
.ImageContainer2	{
				border:					none;
				overflow: 				hidden;
				width:					100%;
				float:					left;

				}
.ImageContainer1	{
				border:					none;
				overflow: 				hidden;
				width:					100%;
				float:					left;

				}	
				
				

.IntrosBox .Content		IMG	{
						height:						60px;
						margin-bottom:				20px;
						}
						
.Accroche					{
							margin-bottom:			30px;
							padding:				0px 20px 0px 20px;
							}							
.Accroche H1				{
							font-size:				28px;
							margin-bottom:			10px;
							}							
.Accroche H2				{
							font-size:				16px;
							margin-bottom:			5px;
							}		
								
}							
@media screen and (max-width: 400px) 
{  
.Header .Logo	{
				margin-right:		0px;
				}

.Marques .Marque			{
							float:				left;
							width:				46%;
							}
.Marques .Marque		IMG	{
							max-width:			125px;
							}	
.IntrosBox				{
						height:						320px;
						
						}											
}