/* ------------- plus petit que 1600 ------ */				
@media screen and (max-width: 1600px) {  


.BigCartouche 		{
					}			
.BigCartouche 		.Texte{
					}


}
/* ------------- plus petit que 1440 ------ */				
@media screen and (max-width: 1440px) {  

.GlobalLeft		{width:					8%;}
.GlobalCenter	{}
.GlobalRight	{width:					8%;}
.BigCartouche 		{
					}			
.BigCartouche 		.Texte{
					}

}
/* ------------- plus petit que 1280 ------ */				
@media screen and (max-width: 1279px) {  


.BigCartouche 		{
					}			
.BigCartouche 		.Texte{
					}
.ICIMainMenu LI#HOME0 {display: 		block;}    
.ICIMainMenu LI#HOME1 {display: 		none;}    

}


/* ------------- plus petit que 1100 ------ */				
@media screen and (max-width: 1100px) {  


.BigCartouche 		{
					height:				340px;
					}			
.BigCartouche 		.Texte{
					height:				240px;
					}
.Map				{
					width: 100%;
					height: 300px;
					margin-right:	20px;
					}
.Portfolio			{
					padding:			0px 18px 0px 8px;
					display:			table;
					width:				100%;
					}

}
/* ------------- plus petit que 1024 ------ */				
@media screen and (max-width: 1023px) {  
.ICIMainMenu LI#HOME0 {display: 		none;}    
.ICIMainMenu LI#HOME1 {display: 		block;}    
.ICIMainMenu 	{ 
				text-align: 			center;
				}		
.ICIMainMenu 	UL{ 
				}				
/*
.ICIMainMenu 	UL LI{ 
				width:					100%;
				overflow:				hidden;		
				clear:					both;	
				border:					none;
				}				
*/				
.ICIMainMenu 	.item{ 
				display:none;	
				}				
.ICIMainMenu 	UL LI {  
				border:					none;
				}

.ICIMainMenu 	LI#PULL {  
    			display: 				block;  
				float:					right;
				border:					none;
				}   

.Section.Col2 .Col,.Section.Col2 .Col.Slider,.Section.Col2 .Col.SliderText {
				width:					100%;
				margin-right:			0;
				margin-bottom:			40px;
				}
	.Section.Col2 .Col.SliderText.Focus{
				width:					100%;
				margin:					0;
				border-top:				1px dashed #cecece;
				padding-top:			40px;
	}
	.Section.Col2 .Col.Slider.Focus{
				padding-top:			40px;
				width:					100%;
				margin:					0;
	}
				
				
.Section.Col4 .Col {
				width:					50%;
				border:					none;
				float:					left;
				margin:					0px;
				padding:				0px 20px;
				}
.Section.Col5 .Col{
				width:					33%;
				}
	
.Section.Col6 .Col{
				width:					33%;
				}
.Clear.HXL.Top {
				height:					10px;
	}
				
				
}


/* ------------- plus petit que 950 ------ */				
@media screen and (max-width: 950px) {  
			
.MobileIntro		{
					Display:			block;
					}	
.MobileIntro IMG#IntroImg			{
						width:						100%;
						max-width:					400px;
						margin-bottom: 				10px;
						margin-left: 				0px;
						margin-right: 				0px;
						border-radius: 				0px; 
						-webkit-border-radius: 		0px; 
						-moz-border-radius: 		0px; 

						box-shadow: 				none; 
						-webkit-box-shadow: 		none; 
						-moz-box-shadow: 			none; 
				
				
						background:					none; 
						background:					none; 
						background:					none; 
					}	

.MobileIntro IMG	{
						width:						48%;
						margin-left:				6px;
						margin-right:				6px;
						margin-bottom:				10px;
						padding:					10px;
						border-radius: 				4px; 
						-webkit-border-radius: 		4px; 
						-moz-border-radius: 		4px; 

						box-shadow: 				0px 1px 3px rgba(0,0,0,.35); 
						-webkit-box-shadow: 		0px 1px 3px rgba(0,0,0,.35); 
						-moz-box-shadow: 			0px 1px 3px rgba(0,0,0,.35); 
				
				
					}	
.BigCartouche 		{
					max-width:			100%;
					height:				auto;
					clear:				both;
					margin-left:		8px;
					margin-right:		8px;
					
					}	
.BigCartouche 		.Texte{
					height:				auto;
					}									
}
				
/* ------------- plus petit que 920 ------ */				
@media screen and (max-width: 920px) {  

.GlobalLeft		{width:					1%;}
.GlobalCenter	{}
.GlobalRight	{width:					1%;}
.Links .Box1		{
				clear: 					both;
				text-align:				center;
				width:					100%;
				padding:				20px 0px 20px 0px;
				}	
.Links .Box2		{
				clear: 					both;
				text-align:				center;
				width:					100%;
				padding:				20px 0px 20px 0px;
				}	


				
}
/* ------------- plus petit que 860 ------ */				
@media screen and (max-width: 860px) {  
.Portfolio .Item	{
					width:				48%;
					}
.Portfolio			{
					padding:			0px 0px 0px 8px;
					}

				
}

/* ------------- plus petit que 768 ------ */				
@media screen and (max-width: 767px) {  
.Section.Col2 .Col.ContactCoords{
				width:					100%;
				}
.Section.Col2 .Col.ContactForm{
				width:					100%;
				}

.Section.Col4 .Col {
				width:					100%;
				float:					none;
				margin:					0px 0px 40px 0px;
				padding:				0px 0px;
				}
.Section.Col5 .Col{
				width:					50%;
				}
	
.Section.Col6 .Col{
				width:					50%;
				}

}


/* ------------- plus petit que 640 ------ */				
@media screen and (max-width: 640px) {  

.SubFooter .Left  {
					float:				none;
					clear:				both;
					width:				100%;
				  } 
.SubFooter .Right  {
					float:				none;
					clear:				both;
					width:				100%;
					margin-bottom:		0px;
				  } 
.SocialBox			{
					width:				100%;
					text-align:			center;
					margin:				0px 0px 20px 0px;
					}				  
.SocialBox .Item			{
					float:				none;
					display:			inline-block;
					height:				21px;
					overflow:			hidden;
					}				  

.dleft				{
					float:none;
					max-width:100%;
					}
.dleft				IMG{
					width: 95%;
					}
.dright				{
					float:none;
					max-width:100%;
					margin-left:20px;
					}
.dright				IMG{
					width: 95%;
					}
.MobileIntro IMG	{
						width:						47.5%;
						padding:					10px;
						margin-left:				5px;
						margin-right:				5px;
						margin-bottom:				10px;
						border-radius: 				4px; 
						-webkit-border-radius: 		4px; 
						-moz-border-radius: 		4px; 

						box-shadow: 				0px 1px 3px rgba(0,0,0,.35); 
						-webkit-box-shadow: 		0px 1px 3px rgba(0,0,0,.35); 
						-moz-box-shadow: 			0px 1px 3px rgba(0,0,0,.35); 
				
				
					}	
					
}
/* ------------- plus petit que 500 ------ */				
@media screen and (max-width: 500px) { 
.Portfolio 			{
					padding:			0px 8px 20px 8px;
					}

.Portfolio .Item	{
					width:				100%;

					}

.LanguagesBox	{
				clear:					both;
				text-align:				center;
				width:					100%;
				}
.DevBox			{
				clear:					both;
				text-align:				center;
				width:					100%;
				}								
.MobileIntro IMG	{
						width:						97.5%;
						padding:					10px;
						margin-left:				5px;
						margin-right:				5px;
						margin-bottom:				10px;
						border-radius: 				4px; 
						-webkit-border-radius: 		4px; 
						-moz-border-radius: 		4px; 

						box-shadow: 				0px 1px 3px rgba(0,0,0,.35); 
						-webkit-box-shadow: 		0px 1px 3px rgba(0,0,0,.35); 
						-moz-box-shadow: 			0px 1px 3px rgba(0,0,0,.35); 
				
				
					}	
					
.Section.Col5 .Col{
				width:					100%;
				}
	
.Section.Col6 .Col{
				width:					100%;
				}
					
				
}

/* ------------- plus petit que 360 ------ */				
@media screen and (max-width: 360px) {  
.ICIMainMenu LI#HOME0 {display: 		block;}    
.ICIMainMenu LI#HOME1 {display: 		none;}    

.MobileIntro IMG#IntroImg			{
						width:						95%;
						max-width:					400px;
						margin-bottom: 				10px;
						margin-left: 				0px;
						margin-right: 				0px;
						border-radius: 				0px; 
						-webkit-border-radius: 		0px; 
						-moz-border-radius: 		0px; 

						box-shadow: 				none; 
						-webkit-box-shadow: 		none; 
						-moz-box-shadow: 			none; 
				
				
						background:					none; 
						background:					none; 
						background:					none; 
					}	

.MobileIntro IMG	{
						width:						95.5%;
						padding:					10px;
						margin-left:				5px;
						margin-right:				5px;
						margin-bottom:				10px;
						border-radius: 				4px; 
						-webkit-border-radius: 		4px; 
						-moz-border-radius: 		4px; 

						box-shadow: 				0px 1px 3px rgba(0,0,0,.35); 
						-webkit-box-shadow: 		0px 1px 3px rgba(0,0,0,.35); 
						-moz-box-shadow: 			0px 1px 3px rgba(0,0,0,.35); 
				
				
					}	
.BigCartouche 		{
					max-width:			100%;
					height:				auto;
					clear:				both;
					margin-left:		8px;
					margin-right:		8px;
					
					}	

.dleft				{
					padding-right: 10px;
					}
.Footer .SubFooter	.Left	{clear:both; width:100%; text-align:center; padding: 0px;	}	
.Footer .SubFooter	.Right	{clear:both; width:100%; text-align:center; padding: 0px;margin-bottom:20px;	margin-top:10px;}	
.Footer .DevBox			{
				clear:					both;
				padding:				20px 0px 20px 0px;
				}				
.Footer .LanguagesBox	{
				clear:					both;
				padding:				20px 0px 0px 0px;
				}				
.RefBox			{
				min-height:				100px;
				}				
.CadreUrl		{
				padding:				4px 5px 4px 5px;
				font-size:				12px;
				}	
.iciTdStyle 	{
				border:					none;
				padding:				0px;
				}			
	
}								
/* ------------- plus petit que 320 ------ */				
@media screen and (max-width: 320px) {  
	
}