* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.PrimaryBackgroundStyle {
		background-color:		#F06C00;
		color:					#ffffff;
		}
.PrimaryForeGroundStyle {
		color:					#F06C00;
		}

.SecondaryBackgroundStyle {
		background-color:		#13BD77;
		color:					#ffffff;
		}
.SecondaryForeGroundStyle {
		color:					#13BD77;
		}
.bioTXT {
		font-weight:			bold;
		color:					#13945F;
		}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

html {width:100%;}

body 	{ 	 
		font-family: 		'Roboto', sans-serif;
		color:				#485657;
		background:			#333333;
		}
.DateStart {
		color:						#999999;
		font-size:					13px;
		vertical-align:				middle;
		font-weight:				normal;
		background:					#F0F0F0;
		display:					inline-block;
		padding:					2px 5px 2px 5px;
		margin-left:				5px;
		border-radius: 				4px; 
		-webkit-border-radius: 		4px; 
		-moz-border-radius: 		4px; 
		margin-bottom:				5px;
		
		}
.main 	{
		width: 					100%; 	
		padding:				0;
		margin:					0 auto;
		font-size:				16px;
		text-align:				left;
		padding:				0px;
		margin: 				0px;
		border:					none;
		background:				#ffffff;
		}
.main A	{
		color: 					#BA2525;
		text-decoration:		none;
		}		
.main A:HOVER	{
		color: 					#999999;
		}		
.main .Content
		{
		margin-top:30px;
		
		}		
.main .Content H1	{
		font-size: 			20px;
		color: 				#F06B00;
		padding-bottom:		10px;
		margin-bottom:		20px;
		}		
.main .Content .Intro	{
		font-size: 			18px;
		color: 				#666666;
		padding-bottom:		30px;
		}	
		
.GoTopButton 	{
				position:		fixed;
				right:			20px;
				bottom:			20px;
				/*background:		#4a4a4c; */
				background:		url('../images/fond-50pc-black.png');
				border-radius: 				4px; 
				-webkit-border-radius: 		4px; 
				-moz-border-radius: 		4px; 
				display:					none;
				cursor:						pointer;
				}		
.GoTopButton 	IMG{
				width:			24px;
				margin:			10px;
				}
	

		
.mainPage 	{
		max-width: 				1024px; 	
		padding:				0;
		margin:					0 auto;
		font-size:				18px;
		text-align:				left;
		padding:				0px;
		margin: 				0px;
		border:					none;
		
		color:					#333333;
		}
.mainPage A	{
		color: 					#BA2525;
		text-decoration:		underline;
		}		
.mainPage A:HOVER	{
		color: 					#999999;
		}		
.mainPage .Content
		{
		border:					1px solid #ffffff;
		padding:				15px 15px 15px 15px;
		margin:					15px 15px 0px 15px;
		border-radius: 			6px; 
		-webkit-border-radius: 	6px; 
		-moz-border-radius: 	6px; 
		}		
.mainPage .Content.Bordered
		{
		border:					1px solid #E0E0E0;
		padding:				15px 15px 15px 15px;
		margin:					15px 15px 0px 15px;
		border-radius: 			6px; 
		-webkit-border-radius: 	6px; 
		-moz-border-radius: 	6px; 
		}		
.mainPage .Content.Bordered P
		{
		margin-bottom:			0px;
		}		

.mainPage .Content P
		{
		margin-top:				0px;
		margin-bottom:			30px;
		text-align:				justify;
		}		
.mainPage .Content UL
		{
		margin-top:				15px;
		margin-bottom:			30px;
		}		
.mainPage .Content UL LI
		{
		margin-bottom:			8px;
		}		

.mainPage .Content H1	{
		font-weight:				normal;
		font-size: 					24px;
		color: 						#F06B00;
		padding-bottom:				10px;
		font-weight:				bold;
		font-family: 				'Roboto', sans-serif;
		}		
.mainPage .Content H3	{
		margin-top:				15px;
		}		

.mainPage .Content		H1	A	{
								text-decoration:		none;
								color: 						#F06B00;
								}
		
.mainPage .Content .Intro	{
		font-size: 				18px;
		color: 					#666666;
		padding-bottom:			15px;
		}		
		
/* ================ VISUELS ==================== */		
/* ================ VISUELS ==================== */		
		
.mainPage .Content .Visuels {
				text-align:								justify;
				margin-left:							0px;
				margin:									0px;
				padding:								0px;
				/*
				width:									100%;
				float:									none;
				clear:									both;
				*/
			}	
.mainPage .Content .Visuels.PC100 {
				width:									100%;
				float:									none;
				clear:									both;
				margin-left:							0px;
				margin-bottom:							0px;
			}	
.mainPage .Content .Visuels:AFTER{
				content: 								'';
				display: 								inline-block;
  				width: 									100%;
				height:									1px;
				overflow:								hidden;
				margin:									0px;
				padding:								0px;
				border:									none;
	}	
	

.mainPage .Content .Visuels .Item {
				border:									1px solid #F0F0F0;
				margin-bottom:							0px;
				position: 								relative; 
				display:								inline-block;
                width: 									100%; 
                padding-top: 							40%; /* 56.25% 16:9 Aspect Ratio */ 		
				background-position:					center;
				background-size:						cover;
				background-repeat:						no-repeat;
				border-radius: 							6px; 
				-webkit-border-radius: 					6px; 
				-moz-border-radius: 					6px; 
				
						
	}	
.mainPage .Content .Visuels .Item.PC100 {
				width:									100%;
	}
.mainPage .Content .Visuels .Item.PC50 {
				width:									100%;
	}
.mainPage .Content .Visuels .Item.PC33 {
				width:									100%;
	}
.mainPage .Content .Visuels .Item.PC25 {
				width:									100%;
	}
.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:									24%;
                padding-top: 							14.06%; /* 16:9 Aspect Ratio */ 		
	}		
/* ================ VISUELS ==================== */		
/* ================ VISUELS ==================== */		
		
				
.EndOfPageTop {
		display:				block;
		width:					100%;
		background-color:		#383336;
		background-size:		auto 100%;
		height:					5px;
		overflow:				hidden;
		background-position:	center bottom;
		background-repeat:		repeat-x;
		border-bottom:			2px dashed #cecece;
		}		
.EndOfPageTop IMG{
		width:					100%;
		}		
		
.EndOfPage {
		display:				table;
		width:					100%;
		background-color:		#383336;
		}		
.EndOfPage .Picto {
		width:					100px;
		margin-top:				30px;
		}		
			
.HeaderContainer {
				text-align:			center;
				padding:			0px;
				background:			#FAFAFA; 
				/* background:			url('../images/fond-header2.jpg') center center; */
				display:			table;
				width:				100%;
				margin-bottom:		0px;
				}
.Header	{
				color: 				#00554b;
				max-width:			1024px;
		}
.Header .Logo	{
				max-width:			100%;
				
				margin:				10px 10px 10px 10px;
				max-height:			125px;
				}
.Header .Ligne1 {
				font-size: 			20px;
				text-align: 		right;
				margin-top: 		15px;
				}
.Header H3 {
				text-align: right;
				font-size:14px;
				margin-top:5px;
				font-weight:normal;
				}
.Bouton			{
				display:					inline-block; 
				vertical-align:				middle;
				font-size:					24px;
				padding: 					10px 20px 10px 20px;
				
				overflow:					hidden;
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;				
				/* text-shadow: 				1px 1px #ffffff; */
				border:						1px solid #D0D0D0;
				background:					#D0D0D0;
				color:						#000000;
				font-weight:				bold;
				border-radius: 				6px; 
				-webkit-border-radius: 		6px; 
				-moz-border-radius: 		6px; 
				}			
.Bouton	A		{
				color: #F06B00;
				}
.Bouton	A:HOVER		{
				color: #ffffff;
				}
.Bouton:HOVER	{
					background:					#F06B00;
					color:						#ffffff;
					font-weight:				bold;
					border:						1px solid #FAFAFA;
				}
					
.Separator		{
				border-bottom: 				none;
				width:						100%;
				}
.SloganContainer			{
				max-width: 					985px;
				
				margin-top: 				0px;
				font-size:					14px;
				font-family: 				'Roboto', sans-serif;
				overflow:					hidden;
				color:						#666666;

	
				}			
.SloganContainer .Slogan		{
				display:					block; 
				vertical-align:				middle;
				font-size:					20px;
				height: 					42px;
				line-height:				42px;
				padding-left: 				15px;
				padding-right: 				15px;
				font-weight:				normal;
				color:						#ffffff;
				overflow:					hidden;
				/* text-shadow: 				1px 1px #ffffff; */
				}							
.SloganContainer .Slogan		H1{
				font-weight:				normal;
				}							
.SloganContainer .Slogan		H1 A{
				font-weight:				normal;
				color:						#ffffff;
				}							

.MenuContainer	{
				background:					#13945F;
				border-top:					none;
				border-bottom:				1px solid #13945F;
				}
.MenuContainer .Base	{
				background:					#13945F;
				height:						15px;
				width:						100%;
				background:					none;
				margin-top:					10px;
				border:						1px solid #ff0000;				
				}

.Menu			{
				max-width: 					1024px;
				height: 					48px;
				line-height:				48px;
				margin-top: 				0px;
				font-size:					14px;
				font-family: 				'Roboto', sans-serif;
				overflow:					hidden;
				color:						#666666;
				padding:					0px;
				text-align:					justify;		
					

	
				}			
.Menu:AFTER{
				content: 					'';
				display: 					inline-block;
  				width: 						100%;
				height:						0px;
				overflow:					hidden;
				margin:						0px;
				padding:					0px;
	}	
.Menu .Item		{
				display:					inline-block; 
				font-size:					14px;

				padding-left: 				8px;
				padding-right: 				8px;
				height: 					36px;
				line-height:				36px;
				margin-top:					7px;
				
				overflow:					hidden;
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;				
				/* text-shadow: 				1px 1px #ffffff; */
				border-radius: 				4px; 
				-webkit-border-radius: 		4px; 
				-moz-border-radius: 		4px; 
				}		
.Menu .Item:HOVER {
				background:					#13723D;									
				}		
.Menu .Item IMG		{
				width:						18px;
				vertical-align:				baseline;

				}							

.Menu .Item	A	{
				color:						#ffffff;
				text-shadow: 				none;	
				font-weight:				600;

				border-radius: 				2px; 
				-webkit-border-radius: 		2px; 
				-moz-border-radius: 		2px; 
				
				
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;				
				}
.Menu .Item:HOVER A	{
				color:						#ffffff;
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;				
				}
.Menu .Item:HOVER A:HOVER	{
				color:						#ffffff;
				text-decoration:			none;
				}
.Menu .Item	A:HOVER	{
				color:						#014C91;
				font-weight:				600;
				text-decoration:			none;
				}
					
.Menu .Item.First		{
				}							
.Menu .Item.First IMG		{
				height:						80%;
				width:						auto;
				vertical-align:				middle;
				}
.Menu .Item.First:HOVER	{
					/* background:url(../images/fond-50pc-white.png) center center repeat;				*/
					}
					


/* ==================== SUB MENU =================== */
/* ==================== SUB MENU =================== */

.Menu .Item	.SubMenu{
							padding:		0px;
							color:			#ffffff;
							position:		absolute;
							top:			200px;
							background:		#FAFAFA;
							font-weight:	normal;
							border:			1px solid #FfF0F0;
							z-index:		300;
							margin-right:	20px;
							display:		block;
							opacity: 		0;
							height:			0px;
							overflow:		hidden;
						
						    -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);							
							
							
							overflow:					hidden;
							border-radius: 				4px; 
							-webkit-border-radius: 		4px; 
							-moz-border-radius: 		4px; 

					    	-moz-transition: 			all 0.4s ;
					    	-o-transition: 				all 0.4s ;
					    	-webkit-transition: 		all 0.4s ;
					    	transition: 				all 0.4s ;							

							
							} 
.Menu .Item:HOVER	.SubMenu{
							display:		block;
							top:			185px;
							opacity: 		1;
							height:			auto;
							
							} 
				
.Menu .Item	.SubMenu UL	{
									both:	clear;
									}
.Menu .Item	.SubMenu UL LI	{
									width:			100%;
									clear:			both;
									font-weight: 	normal;
									padding:		10px 15px 10px 35px;
									margin:			0px;
									border:			none;
									border-top:		1px solid #EAEAEA;
									background: 	#fafafa;		
									text-align:		left;
									cursor:			pointer;
									border-bottom: 	none;	
									background-image:			url(../images/puce40-333333.png);
									background-repeat:			no-repeat;
									background-position:		10px center;
									background-size:			12px;
					    			-moz-transition: 			all .2s ease-in;
					    			-o-transition: 				all .2s ease-in;
					    			-webkit-transition: 		all .2s ease-in;
					    			transition: 				all .2s ease-in;							
									border-radius: 				0px; 
									-webkit-border-radius: 		0px; 
									-moz-border-radius: 		0px; 
									
									}
.Menu .Item	.SubMenu UL LI.First	{
									border-top:					none;
									}
.Menu .Item	.SubMenu UL LI:HOVER{
									background: #F0F0F0;		
									background-image:			url(../images/puce40-hover-orange2.png);
									background-repeat:			no-repeat;
									background-position:		10px center;
									background-size:			12px;
									}
.Menu .Item	.SubMenu UL LI A	{
									text-shadow: 		none;	
									font-weight: 		normal;
									color:				#888888;
									}
.Menu .Item	.SubMenu UL LI A:HOVER				{
									text-decoration: 	underline;
									color:				#888888;
									font-weight: 		normal;
									}
								
/* ==================== SUB MENU =================== */
/* ==================== SUB MENU =================== */		

					
.BigScreen		{
				margin-top: 				0px;
				background:					#000000;	
				border-top:					1px solid #FAFAFA;
				border-bottom:				1px solid #FAFAFA;
					
				}
.BigScreen .VisuelFull		{
						
						border-top:					1px solid #FAFAFA;
						border-bottom:				1px solid #FAFAFA;
				
						overflow:			hidden;
						background-image:   url(../images/home-photo-1.jpg?v=1);
					    background-size:    cover;                      
					    background-repeat:  no-repeat;
					    background-position:center center; 	
						width:				100%;
						height: 			520px;	
						text-align:			center;	
						transition: background 0.75s linear;
						}
				

						
						
						
						
							
.HomeBox				{
						width: 290px;
						margin-right: 35px;
						margin-top: 30px;
						float: left;
						background: #F8F8F8;
						height: 250px;
						overflow: hidden;
						border-radius: 			4px; 
						-webkit-border-radius: 	4px; 
						-moz-border-radius: 	4px; 
						}							
.HomeBox .Content		{
												margin:0px;
						padding: 20px;
						font-size: 14px;
						color: #000000;
						}
.HomeBox .Content		H1		{
								font-size: 22px;
								color: #666666;
								font-weight: normal;
								}
.HomeBox .Content		H1	A	{
								text-decoration:		none;
								}
.HomeBox .Content		H2		{
								font-size: 16px;
								
								color: #999999;
								font-weight: normal;
								margin-bottom:10px;
								}

.CoordsContainer		{

								
								display:			table;
								width:				100%;
								text-align:			center;
								margin-bottom:		0px;
								background:			#F0F0F0;
								
								
								
						}
.CoordsBox				{
						width: 			33%;
						margin-top: 	30px;
						margin-bottom: 	30px;
						overflow: 		hidden;
						text-align:		center;
						display:		inline-block;
								
						}		
.CoordsBox .Content		{
						padding: 		0px 20px 0px 20px;
						font-size: 		14px;
						color: 			#000000;
						font-weight:	bold;
						margin:			0px;
						text-align:		center;
						
						}
						
.CoordsBox .Content		A	{
								color:				#000000;
								font-weight:		bold;
								
								}
						
.CoordsBox .Content		.Titre	{
								font-size:			20px;
								color:				#000000;
								padding-bottom:		15px;
								font-weight:		bold;
								text-shadow: 		0px 1px #cccccc;	
								font-family: 		'Roboto', sans-serif;	
								}
.CoordsBox .Content		H1		{
								font-size: 26px;
								
								color: #666666;
								font-weight: normal;
								}
.CoordsBox .Content		H2		{
								font-size: 16px;
								
								color: #999999;
								font-weight: normal;
								margin-bottom:10px;
								}
								
.IntrosContainer		{

								display:		table;
								width:			100%;
								border:			none;
								text-align:		center;
								position:		relative;
								z-position:		250;
								z-index:		250;
								top:			-60px;
								
								
						}
.IntrosBox				{
						display:					inline-block;
						width: 						25%;
						margin: 					0px 30px 30px 30px;
						padding:					30px;
						height:						320px;
						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; 
						
						}		
.IntrosBox.Left			{
						background:					#F06C00;
						color:						#ffffff;
						text-shadow: 	0px 3px 5px #444444;	 
						}		
.IntrosBox.Middle		{
						background:					#13945F;
						color:						#ffffff;
						text-shadow: 	0px 3px 5px #444444;	 
						}		
.IntrosBox.Right		{
						background:					#F8C22D;
						color:						#ffffff;
						text-shadow: 	0px 3px 5px #444444;	 
						}		

.IntrosBox .Content		{
						padding: 		10px 0px 0px 0px;
						font-size: 		16px;
						margin:			0px;
						text-align:		center;
						
						}
						
.IntrosBox .Content		IMG	{
						height:						75px;
						margin-bottom:				20px;
						margin:						0px 10px 10px 10px;
						}
						
.IntrosBox .Content		.Titre	{
								font-size:			17px;
								
								padding-bottom:		15px;
								font-weight:		bold;
								/* text-shadow: 		0px 3px 10px #D0D0D0;	*/
								font-family: 		'Roboto', sans-serif;	
								margin:				10px 0px 5px 0px;
								}
.IntrosBox .Content		.Titre	A{
								color:				#ffffff;
								text-shadow: 		0px 3px 5px #555555;	 
								}
.IntrosBox.Right .Content		.Titre	A{
								color:				#ffffff;
								text-shadow: 		0px 3px 5px #555555;	 
								}
.IntrosBox .Content		H1		{
								font-size: 26px;
								
								color: #ffffff;
								font-weight: bold;
								}
.IntrosBox .Content		H2		{
								font-size: 16px;
								
								color: #ffffff;
								font-weight: bold;
								margin-bottom:10px;
								}
.IntrosBox .Content		UL		{
								padding:			0;
								margin:				0;
								}
.IntrosBox .Content		UL LI	{
								padding:			0;
								margin:				0;
								background:			none;
								}
.IntrosBox .Content		UL LI A {
								color:				#ffffff;
								text-decoration:	none;
								font-weight:		normal;
								font-size:			15px;
								}
.IntrosBox .Content		UL LI A:HOVER {
								text-decoration:	underline;
								}
				
								
								
.HomeSocialBox				{
						background: 		#434242;
						overflow:		 	hidden;
						color: 				#ffffff;
						padding-bottom:		10px;
						}							
.HomeSocialBox .Content		{
						padding: 20px;
						font-size: 32px;
						text-align:center;
						color:#ffffff;
						
						margin:0px;
						}
.HomeSocialBox .Content .Item		{
						float:left;
						width:100%;
						padding:10px;
						}
.HomeSocialBox .Content .FBLogo
						{
						margin: 5px 0px 5px 0px;	
						}
.HomeSocialBox .Content A		{
								color:#B9B2D8;
								}
.HomeSocialBox .Content A:HOVER	{
								color:#ffffff;
								}

.HomeSocialBox .Content		H1	{
								font-size: 26px;
								
								color: #ffffff;
								font-weight: normal;
								text-align:center;
								margin-bottom:15px;
								}

.FooterMenu		{
				min-height: 		20px;
				line-height: 		20px;
				margin-top: 		30px;
				font-size:			14px;
				padding: 			0px 20px 0px 20px;
				text-align:			center;
				color:				#F0F0F0;


				}			
.FooterMenu .Separator {
				display:			block;
				width:				100%;
				clear:				both;
				height:				1px;
				}				
.FooterMenu .Item		{
				min-height: 		20px;
				line-height: 		20px;
				padding: 			5px 15px 5px 15px;
				border:				2px solid #909090;
				margin-right:		10px;
				background:			#383336;
				border-radius: 			6px; 
				-webkit-border-radius: 	6px; 
				-moz-border-radius: 	6px; 
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;						
				
				}		
.FooterMenu .Item:HOVER		{
				border:				2px solid #F06B00;
				background:			#F06B00;					

				}		
				
.FooterMenu .Item.First		{
				}							
.FooterMenu .Item.Last		{
				margin-right:		0px;
				}							
.FooterMenu .Item		A
						{
						
						text-shadow: 0px 1px #000000;	
						font-weight: bold;	
						color:		#ffffff;
	  					-moz-transition: 	all 300ms;
  						-webkit-transition: all 300ms;
  						transition: 		all 300ms;
						}
.FooterMenu .Item		A:HOVER
						{
						text-shadow: 0px 1px #000000;	
						font-weight: bold;	
						color:		#ffffff;
						
						}

.Signature		{
				min-height: 		20px;
				line-height: 		20px;
				margin-top: 		20px;
				margin-bottom: 		30px;
				font-size:			14px;
				padding: 			0px 20px 0px 20px;
				color:				#ffffff;
				text-align:			center;
				width:				100%;
				}	
.Signature A	{
				color:				#E0E0E0;
	  			-moz-transition: 	all 300ms;
  				-webkit-transition: all 300ms;
  				transition: 		all 300ms;
				}	
.Signature A:HOVER		{
				color:				#F06B00;
				}	
.Signature .Copyright {padding-right: 16px;
				border-right: none;}

						

				

.clear {clear:both; width:100%; line-height:0; font-size:0;}


	
	


.reg {text-transform:uppercase;}

.fleft {float:left;}
.fleft.pc80 {width:80%;display:block;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}


.buttons a:hover {cursor:pointer;}

.ImageContainer	{
				border:					none;
				overflow: 				hidden;

				}

.ImageContainer4	{
				border:					none;
				overflow: 				hidden;
				width:					24%;
				float:					left;

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

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

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

				}


.Loader
	{
 	background:url(../images/spinner2.gif) center center no-repeat;
	}
	



.ListNavigationBOTTOM	{
					padding: 20px 0px 20px 0px;
					color: #000000;
					text-align: center;

					}		 			

.ListNavigationBOTTOM	.CurrentPage	{
					height: 26px;
					line-height: 26px;
					padding: 5px 8px 5px 8px;
					color: #ffffff;
					background-color: #999999;
					border:1px solid #999999;
					text-decoration:none;
					font-weight: bold;

					border-radius: 4px; 
					-webkit-border-radius: 4px; 
					-moz-border-radius: 4px; 

					box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					}					

.ListNavigationBOTTOM	A	{
					height: 26px;
					line-height: 26px;
					padding: 5px 8px 5px 8px;
					color: #888888;
					text-decoration:none;
					font-weight: bold;
					border: 1px solid #E0E0E0;
					border-radius: 4px; 
					-webkit-border-radius: 4px; 
					-moz-border-radius: 4px; 

					}					

.ListNavigationBOTTOM	A:HOVER	{
					height: 26px;
					line-height: 26px;
					padding: 5px 8px 5px 8px;
					color: #ffffff;
					background-color: #0D98FB;
					border: 1px solid #0D98FB;
					text-decoration:none;
					font-weight: bold;

					border-radius: 4px; 
					-webkit-border-radius: 4px; 
					-moz-border-radius: 4px; 

					box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					}	



.ListNavigationTOP	{
					padding: 20px 0px 20px 0px;
					color: #000000;
					text-align: center;

					}		 			

.ListNavigationTOP	.CurrentPage	{
					height: 26px;
					line-height: 26px;
					padding: 5px 8px 5px 8px;
					color: #ffffff;
					background-color: #999999;
					border:1px solid #999999;
					text-decoration:none;
					font-weight: bold;

					border-radius: 4px; 
					-webkit-border-radius: 4px; 
					-moz-border-radius: 4px; 

					box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					}					

.ListNavigationTOP	A	{
					height: 26px;
					line-height: 26px;
					padding: 5px 8px 5px 8px;
					color: #888888;
					text-decoration:none;
					font-weight: bold;
					border: 1px solid #E0E0E0;
					border-radius: 4px; 
					-webkit-border-radius: 4px; 
					-moz-border-radius: 4px; 

					}					

.ListNavigationTOP	A:HOVER	{
					height: 26px;
					line-height: 26px;
					padding: 5px 8px 5px 8px;
					color: #ffffff;
					background-color: #0D98FB;
					border: 1px solid #0D98FB;
					text-decoration:none;
					font-weight: bold;

					border-radius: 4px; 
					-webkit-border-radius: 4px; 
					-moz-border-radius: 4px; 

					box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
					}	
.GalleryContainer	{
					float: left;
					overflow: hidden;
					height: 113px;
					opacity: 0.8;
     				filter: alpha(opacity=80); /* For IE8 and earlier */					
					}
.GalleryContainer	IMG {
						border: 1px solid #ffffff;
						}
.GalleryContainer:HOVER	{
					opacity: 1.0;
     				filter: alpha(opacity=100); /* For IE8 and earlier */					
					}
.GalleryContainer:HOVER	IMG{
					border: 1px solid #0D98FB;
					}
.GalleryContainer	.Info 	{
							position: relative;
							z-index: 35;
							overflow: hidden;
							height: 36px;
							top: -39px;
							left: 1px;
							background: #000000;
							color:#ffffff;
							background: url(../images/fond-50pc-black.png);						
							padding: 2px 5px 2px 5px;
							display: none;
							}
.GalleryContainer:HOVER	.Info 	{
							display:block;
							}
.GalleryContainer	.Info 	H2{
							color:#ffffff;
							font-size: 13px;
							}					

.Gallery			{
					z-index: 1;
					background:#C0C0C0;
					}
.Gallery .PhotoMin		{
					overflow:hidden;
					float: left;
					text-align:center;
					align:center;
					margin-left:1px;
					margin-bottom:1px;
					background:#F0F0F0;
					width:100px;
					height:100px;
					margin-bottom:2px;
					}	
.Gallery .PhotoMin		IMG{
					min-height:100px;
					}												
.Gallery .Photo		{
					overflow:hidden;
					float: left;
					text-align:center;
					align:center;
					margin-left:1px;
					margin-bottom:1px;
					background:#F0F0F0;
					width:387px;
					height:200px;
					margin-bottom:2px;
					}	
.Gallery .Photo		IMG{
					
					}												
.Gallery .Photo2		{
					overflow:hidden;
					float: left;
					text-align:center;
					align:center;
					margin-left:1px;
					margin-bottom:1px;
					background:#F0F0F0;
					width:387px;
					height:126px;
					}	
.Gallery .Photo2	IMG{
					min-width:387px;
					}												
.Gallery .Photo3		{
					overflow:hidden;
					float: left;
					text-align:center;
					align:center;
					margin-left:1px;
					margin-bottom:1px;
					background:#F0F0F0;
					width:192px;
					height:192px;
					}	
.Gallery .Photo3	IMG{
					min-width:192px;
					}												
.Gallery .Photo4		{
					overflow:hidden;
					float: left;
					text-align:center;
					align:center;
					margin-left:1px;
					margin-bottom:1px;
					background:#F0F0F0;
					width:127px;
					height:126px;
					}	
.Gallery .Photo4	IMG{
					min-width:126px;
					}												

.NewsBox			{
					border:1px solid #E9E9E9;
					border-radius: 4px; 
					-webkit-border-radius: 4px; 
					-moz-border-radius: 4px; 
					overflow:hidden;
					background:#FAFAFA;
					}				
.NewsBox .Descriptif{
					font-size:		14px;
					height: 		60px;
					overflow:		hidden;
					}			
H2.Tags				{
					text-align:				center;
					font-size:				14px;
					font-weight:			normal;
					color:					#aaaaaa;	
					margin-top:				20px;
					width: 					100%;
				    max-width: 				1024px;		
					padding:				30px;			
					}		
.Address				{
					display:				block;
					}						

.MobileAddress		{
					display:				none;
					}						
.MenuMobile			{
					display:				none;
					}						
										
/* ---------- */
/* Slide menu */
/* ---------- */

nav#slide-menu {
					background:			#333333;
					padding:			5px 0px 0px 0px;
  					position: 			absolute;
					z-index:			300;
  					top: 				0;
  					left: 				-284px;
  					bottom: 			0;
  					display: 			block;
  					float: 				left;
  					width: 				100%;
  					max-width: 			284px;
  					height: 			100%;
  					-moz-transition: 	all 300ms;
  					-webkit-transition: all 300ms;
  					transition: 		all 300ms;
					font-size:			17px;
					font-weight:		normal;
					font-family: 		'Roboto', sans-serif;
					overflow:			auto;
					}
nav#slide-menu .Item{
					padding:			10px 20px 5px 20px;
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;						

					}
nav#slide-menu .Item IMG{
					width:				30px;
					}

nav#slide-menu .Item:HOVER{

					background:			#555555;
					}

nav#slide-menu .ItemFirst{
					margin-bottom:		20px;
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;						
					}
nav#slide-menu .ItemLast{
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;	
									}
					
nav#slide-menu .ItemActif{
				}
nav#slide-menu .Item A{
					color:						#eaeaea;
					text-shadow: 				1px 1px #666666;						
	    			-moz-transition: 			all .2s ease-in;
    				-o-transition: 				all .2s ease-in;
    				-webkit-transition: 		all .2s ease-in;
    				transition: 				all .2s ease-in;	
					font-weight:				bold;					
					}
nav#slide-menu .Item A:HOVER{
					color:				#ffffff;
					font-weight:				bold;					
					}
nav#slide-menu .ItemActif A{
					color:						#eaeaea;
					text-shadow: 0px 1px #000000;						
					}
nav#slide-menu .ItemLast A{
					color:						#eaeaea;
					text-shadow: 0px 1px #000000;						
					}
nav#slide-menu .ItemLastActif A{
					color:						#eaeaea;
					text-shadow: 0px 1px #000000;						
					}
nav#slide-menu .ItemFirst A{
					color:						#eaeaea;
					text-shadow: 0px 1px #000000;						
					}
nav#slide-menu .SubMenu					{
					display:			block;
					position:			static;
					
					border:				none;
					}




body.menu-active nav#slide-menu {
  left: 0px;
  border-right: 1px solid #cecece;
}

body.menu-active nav#slide-menu ul {
  left: 0px;
  opacity: 1;
}		
body.menu-active nav#slide-menu .Item ul li{
					font-weight:		normal;
					line-height:		1.2em;
					margin-bottom:		2px;
					border-bottom:		1px solid #888888;
					-moz-transition: 	all .2s ease-in;
    				-o-transition: 		all .2s ease-in;
	    			-webkit-transition: all .2s ease-in;
					transition: 		all .2s ease-in;				
					
}		
body.menu-active nav#slide-menu .Item ul li:HOVER{
					border-bottom:		1px solid #ffffff;
}		
body.menu-active nav#slide-menu .Item ul li a{
					color:				#D0D0D0;
					font-weight:		normal;
					font-size:			14px;
					-moz-transition: 	all .2s ease-in;
    				-o-transition: 		all .2s ease-in;
	    			-webkit-transition: all .2s ease-in;
					transition: 		all .2s ease-in;				
}		
body.menu-active nav#slide-menu .Item ul li a:HOVER{
					color:				#FFFFFF;
}		

.MobileMenuButton			{
							display: 	none;
							margin:		10px;
							cursor:		pointer;
							}	
							
.ListBox					{
							float:				left;
							margin:				10px;
							}																		
							
.ListBox .NewsBox			{
							width:				450px;
							background:			#EAEAEA;
							border:				none;
							min-height:			600px;
							border:				1px solid #cecece;
							font-size:			14px;
							
							}	
.ListBox  .ItemSeparator		{																						
							border-top:				1px dashed #cecece;
							display:				none;
							}	
.ListBox .NewsBox .NBTitre			{
								
							padding: 			30px 30px 0px 30px;
							}																									
.ListBox .NewsBox .NBTitre	A		{
							font-weight:		normal;
							font-size:			18px;
							text-decoration: none;
							}																									
.ListBox .NewsBox .NBBody			{
							width:				450px;
							padding: 			15px 30px 15px 30px;
							}																									
.ListBox .NewsBox .NBDescription			{
							
							padding: 			0px 30px 30px 30px;
							width:				100%;
							}																									

.ListBox .NewsBox			TABLE{
							padding:			0px;
							}																									
.ListBox .Ombre				{
							width:				450px;
							}	
	

.LinkPhoto					{
							display:			inline;
							}	
.LinkPhotoMobile			{
							display:			none;
							}	
.ContactForm				{
							float:				left;
							}																																								
.ContactForm .FormContainer	{
							max-width:			600px;
							}
.ContactForm .FormFieldContainer				{
							float:				left;
							text-align:			left;
							width:				50%;
							min-height:				60px;
							}
.ContactForm .FormFieldContainerLeft				{
							float:				left;
							text-align:			left;
							width:				50%;
							padding-right:		20px;
							min-height:				60px;
							}
.ContactMap					{
							float:				right;
							}																																																
.ContactMap .GoogleMaps		{
							width:				400px; 
							height:				475px;
							}	

							
.Marques					{
							}
.Marques .Marque			{
							float:				left;
							width:				23%;
							height:				80px;
							margin:				0px 10px 10px 0px;
							background:			#ffffff;
							text-align:			center;
							vertical-align: 	middle;
							display:			table-cell;
							padding-top:		10px;
							overflow:			hidden;
							border-radius: 			2px; 
							-webkit-border-radius: 	2px; 
							-moz-border-radius: 	2px; 
							
							}
.Marques .Marque .Logo		{
							display: block;
    						margin-left: auto;
    						margin-right: auto ;
    						margin-top: auto;
    						margin-bottom: auto ;
							vertical-align: middle;
							}
							
.Accroche					{
							margin-bottom:			0px;
							display:				table;
							width:					100%;
							border:					none;
							text-align:				center;
							position:				relative;
							z-position:				250;
							z-index:				250;
							top:					-60px;
							padding:				20px 0px 20px 30px;
							}							
.Accroche H1				{
							font-size:				28px;
							line-height:			32px;
							margin-bottom:			10px;
							display:				inline-block;
							width: 					100%;
							max-width:				500px;
							padding:				20px 30px 20px 30px;
							margin:					0px 0px 30px 0px;
							overflow: 				hidden;
							background:				#ffffff;
							color:					#F06B00;
							-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: 				2px; 
							-webkit-border-radius: 		2px; 
							-moz-border-radius: 		2px; 
							}							


.Accroche H1 UL LI			{
							line-height:			32px;
							text-align:				left;
							background-position:	center left;
							}							

.Accroche H2				{
							font-size:				24px;
							margin:					20px;
							line-height:			1.25em;
							font-size:				24px;
							}	
							
.ChoixLangue {
							display:				block;
							position:				absolute;
							top:					20px;
							right:					20px;
							color:					#CECECE;
							
							}													
.ChoixLangue A {
							color:					#ffffff;
							font-weight:			bold;
							margin-left:			20px;
							background:				#BA2525;
			    			display:				inline-block;
							border-radius: 			4px; 
							-webkit-border-radius: 	4px; 
							-moz-border-radius: 	4px; 
							border:					2px solid #dd3333;
							
							padding:				0px 10px 3px 10px;
							-moz-transition: 		all .2s ease-in;
    						-o-transition: 			all .2s ease-in;
			    			-webkit-transition: 	all .2s ease-in;
    						transition: 			all .2s ease-in;				
							}													
.ChoixLangue A:HOVER {
							border:					2px solid #ffffff;
							background:				#ffffff;
							color:					#000000;
							}													

/* =================================================== */
/* =================================================== */
.FullContainer {
				border:						1px solid #ff0000;	
	}
.FullContainer.Footer {
				border:						none;
				background-image:			url('../images/fond-footer2.jpg');
				background-size:			cover;
				background-position:		top;
				padding-top:				60px;
	}
.FullContainer.Args {
				background:					#ffffff;
				padding:					80px 40px 80px 40px;
				border:						none;
	}
.Arguments {
	width: 100%;
	    max-width: 1024px;
	}																					
.Arguments H1 {
							font-size:				36px;
							text-align:				justify;
							display:				block;
							text-align:				center;
							margin-bottom:			40px;
	}	
	
		
.Arguments:AFTER {
				content: 					'';
				display: 					inline-block;
  				width: 						100%;
				height:						0px;
				overflow:					hidden;
				margin:						0px;
				padding:					0px;
	}
.Arguments .Item {	
				display:					inline-block;
				width:						23%;
	}
.Arguments .Item .Picto {	
				margin-bottom:				20px;
	}
.Arguments .Item .Picto IMG {
				width:						100%;	
				max-width:					128px;
	}
.Arguments .Item .Text{	
				font-weight:				bold;
				font-size:					20px;
				color:						#F06C00;
	}

/* =================================================== */
/* =================================================== */
																							
.ContactButton	{
				background-color:			#666666;
				background-image:			url('fond-bouton3.png');
				background-position:		-200px center;
				color:						#ffffff;
				padding:					5px 10px 5px 10px;
				border-radius: 				4px; 
				-webkit-border-radius: 		4px; 
				-moz-border-radius: 		4px; 
				margin-top:					5px;
				float:						right;
				font-size:					13px;
    			-moz-transition: 			all .3s ease-in;
    			-o-transition: 				all .3s ease-in;
    			-webkit-transition: 		all .3s ease-in;
    			transition: 				all .3s ease-in;				
				
				}																						
.ContactButton:HOVER	{
				background-position:		0px center;
				}																						
.ContactButton	A {
				color:						#ffffff;
				text-decoration:			none;
    			-moz-transition: 			all .3s ease-in;
    			-o-transition: 				all .3s ease-in;
    			-webkit-transition: 		all .3s ease-in;
    			transition: 				all .3s ease-in;				
				}																						
.ContactButton	A:HOVER {
				color:						#ffffff;
				}																						
					
TABLE.Specifications {			
				}																						
																					

TABLE.Specifications TR.Group {	
				
				border-top:					2px solid #999999;	
				border-bottom:				1px solid #cecece;	
				}																						
TABLE.Specifications TR.Group TH{	
				font-weight:				bold;
				}																						
TABLE.Specifications TH{	
				padding:					5px;		
				font-weight:				normal;
				}																						
TABLE.Specifications TD{			
				padding:					5px;		
				font-weight:				normal;
				}