/* =========== GENERAL ====================== */
* 	{
  	-webkit-box-sizing: 	border-box;
  	-moz-box-sizing: 		border-box;
  	box-sizing: 			border-box;
	font-family:			Arial;
	}
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 			0;
	padding: 			0;
	border: 			0;
	font-size: 			100%;
	font-family: 		Arial;
	vertical-align: 	baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: 			block;}

BODY{
	background:				#ffffff;
	margin:					0;
	padding:				0;
	}
	
H1	{
	font-size:				30px;
	color:					#333333;	
	margin-bottom: 			5px;
	margin-top:				0px;
	font-weight: 			normal;
	}
H2	{
	font-size:				26px;
	color:					#666666;	
	margin-bottom: 			5px;
	margin-top:				0px;
	font-weight: 			normal;
	}
TD {
	text-align: 			left;
	font-size: 				15px;
	color: 					#888888;	

}
A		{font-weight: normal; color: #0088D1; text-decoration : none; } 
A:HOVER	{font-weight: normal; color: #0088D1;	text-decoration : underline; }
A:ACTIVE{font-weight: normal; color: #0088D1; }
A:VISITED{font-weight: normal; color: #0088D1;}
A:LINK 	{}		

UL {
	margin-top:				20px;
}	
UL LI {
	padding-left:			20px;
	list-style: 			none;
	background-image:		url('../images/puce2.png');
	background-position:	left 5px;
	background-repeat:		no-repeat no-repeat;
	background-size:		10px 10px;
	line-height:			1.4em;
	margin-bottom:			5px;
	
	
}	

	
.iPhoneAppsIcons {
				padding: 	5px 5px 5px 0px;
				text-align: left;
				font-size: 	15px;
				color: 		#888888;	
				float: 		left;
				
				
				/*
				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); 
				
				
				background:#F0F0F0; 
				background:-webkit-gradient(linear, 0% 0%, 0% 5%, from(#fFfFfF), to(#F0F0F0)); 
				background:-moz-linear-gradient(#fFfFfF, #F0F0F0 5%); 
				*/
				 }				
.iPhoneAppsIcons .Titre	{
						color: 					#ffffff;
						}
						
.iPhoneAppsIcons .Icon	{
						padding: 				5px 5px 5px 5px;
						background: 			#F6F6F6;
						color: 					#ffffff;
						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); 
						}
.iPhoneAppsIcons .Icon:HOVER	{
						background: 			#ffffff;
						}

/* =========== GENERAL ====================== */

.GoTopButton 	{
				position:		fixed;
				right:			20px;
				bottom:			20px;
				/*background:		#4a4a4c; */
				background:		url('../css/fond-50pc-bleu.png');
				border-radius: 				4px; 
				-webkit-border-radius: 		4px; 
				-moz-border-radius: 		4px; 
				display:					s;
				cursor:						pointer;
				}		
.GoTopButton 	IMG{
				width:			24px;
				margin:			10px;
				}



/* =========== BIG CARTOUCHE HP ============= */

.BigCartouche 			{
						font-size: 					12px;
						padding: 					14px 14px 8px 14px; 
						color: 						#666666; 
						line-height:				130%; 
						max-width: 					100%;
						text-align:					center;
						margin-bottom: 				30px;
						margin-left: 				5px;
						margin-right: 				5px;
						align:						center;

						}
.BigCartouche .Picto			{margin-bottom:10px;align:center;text-align:center;}
.BigCartouche IMG		{width:80px;}
						
.BigCartouche 	.Texte	{font-size: 16px; color: #555555;font-family:Arial; padding-top:5px;line-height:1.5em;text-align:					center;}
.BigCartouche 	.More	{}
.BigCartouche 	TD		{font-size: 12px;color: #666666; }
.BigCartouche 	.Titre	{font-weight: normal; color: #666666; text-decoration : none; font-size: 26px;margin-bottom:20px;}
.BigCartouche 	H1		{font-weight: normal; color: #666666; text-decoration : none; font-size: 26px;text-align: center; margin-bottom:20px;line-height:1.2em;}
.BigCartouche 	H1 A	{text-decoration:none;color:#666666;}
.BigCartouche 	H1 A:HOVER	{text-decoration:none;}
.BigCartouche 	A		{font-weight: normal; color: #333333; text-decoration : none; } 
.BigCartouche 	A:HOVER	{font-weight: normal;	color: #333333;	text-decoration : none; }

/* =========== BIG CARTOUCHE HP ============= */
.Map					{
						width: 250px;
						height: 670px;
						}

.ICIMainContentContainer {
				background:				#ffffff;
}

.ICIMainContent { 
				padding: 				20px 20px 20px 20px;
				max-width:				1364px;
				width: 					100%; 
  				margin-left: 			auto ;
				margin-right: 			auto ;
  
				text-align: 			left;
				font-size: 				15px;
				color: 					#888888;	

				background:#fff; 
				/*
				background:-webkit-gradient(linear, 0% 0%, 0% 95%, from(#ffffff), to(#f2F2F2)); 
				background:-moz-linear-gradient(#ffffff, #f2f2f2 95%); 
				*/
				}			
.ICIMainContent 	.Titre	{font-weight: normal; color: #666666; text-decoration : none; font-size: 26px;} 
.ICIMainContent 	.STitre	{font-weight: normal; color: #000000; text-decoration : none; font-size: 16px;} 


.dright img.Animated {
				position:					relative;
				/* right:						-40px;	*/
				transform: 					scaleX(0.5);
				opacity:					0; 
    			-moz-transition: 			all .3s linear ;
    			-o-transition: 				all .3s linear ;
    			-webkit-transition: 		all .3s linear ;
    			transition: 				all .3s linear ;		

				}			
.dright img.Animated.Ready {
				opacity:					1; 
				transform: 					scaleX(1);
				/* right:						0px;				*/
				}			
.dleft img.Animated {
				position:					relative;
				/* right:						40px;	*/			
				transform: 					scaleX(0.5);
				opacity:					0; 
    			-moz-transition: 			all .3s linear ;
    			-o-transition: 				all .3s linear ;
    			-webkit-transition: 		all .3s linear ;
    			transition: 				all .3s linear ;							
				transition-delay: 			.3s;					

				}			
.dleft img.Animated.Ready {
				opacity:					1; 
				/* right:						0px;				*/
				transform: 					scaleX(1);
				}			


.dleft				{
					float:left;
					max-width:48%;
					}
.dleft				IMG{max-width: 95%;}
.Fleche 			{max-width:	14px; max-height:	14px;
					margin-left: 5px;
				    vertical-align: bottom;
					}
.dright				{
					float:right;
					max-width:48%;
					}
.dright				IMG{max-width: 95%;}
.dclear				{
					clear:both;
					border-bottom:1px dashed #EEEEEE;
					padding-bottom:20px;
					margin-bottom:20px;
					}					



.GlobalLeft	{
					background: 		url('../images/fond-lateral2010.jpg');
					min-width:			1%;
					width:				18%;
					display:			none;
					}
.GlobalCenter		{
					}
.GlobalRight	{
					background: url('../images/fond-lateral2010.jpg');
					min-width:			1%;
					width:				18%;
					display:			none;
					}
					
/* ==================== MENU ======================= */
/* ==================== MENU ======================= */
.ICIMainMenuContainer {
				background:				#1199E2;
			    border: 				1px solid #1199E2;
			    padding: 				10px;
				border-radius: 			4px; 
				-webkit-border-radius:	4px; 
				-moz-border-radius: 	4px; 
				}
.ICIMainMenu 	{ 
				max-width:				1200px;
				width: 					100%; 
				line-height: 			44px;
				text-align: 			center;
				border:					none;
				margin-top:				0px;
				margin-bottom:			0px;
				overflow:				hidden;			
						
					
				}		
.ICIMainMenu 	UL{ 
				list-style: 			none;
			    background: 			transparent;
			    border: 				0 none;
			    margin: 				0;
				padding: 				0;
				border: 				0;
				outline: 				0;
			    vertical-align: 		top; 
				}				
.ICIMainMenu 	UL LI{ 
				margin:					0px 0px 0px 0px;
				float:					left;
				padding-left:			3%;
				padding-right:			3%;
				height: 				44px;
				line-height: 			44px;
				overflow:				hidden;		
				background: 			#1199E2;
				display: 				inline-block;	
				font-weight:			bold;
				border-radius: 			4px; 
				-webkit-border-radius:	4px; 
				-moz-border-radius: 	4px; 
    			-moz-transition: 		all .2s ease-in;
    			-o-transition: 			all .2s ease-in;
    			-webkit-transition: 	all .2s ease-in;
    			transition: 			all .2s ease-in;							
				}				
.ICIMainMenu 	UL LI IMG{
				vertical-align:			middle;
				}				
.ICIMainMenu 	UL LI A{
				font-weight:			bold;
				color:					#ffffff;
				}				
.ICIMainMenu 	UL LI A:HOVER{
				text-decoration:		none;
				}				
.ICIMainMenu 	UL LI:HOVER{ 
				background: #0066A1;
				}		
.ICIMainMenu 	LI#PULL {  
    			display: 				none;  
				}    
.ICIMainMenu 	LI#HOME0 {  
    			display: 				none;  
				}    
/* ==================== MENU ======================= */
/* ==================== MENU ======================= */

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

.SubMenu{
							color:					#ffffff;
							position:				absolute;
							top:					65px;
							background:				#0088D1;
							z-index:				100;
							margin-right:			20px;
							display:				none;
							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); 
							overflow:				hidden;
							border: 				1px solid #0066A1;	
							} 
				
.SubMenu UL	{
									both:	clear;
									}
.SubMenu UL LI	{
									width:					100%;
									clear:					both;
									padding:				2px 10px 2px 10px;
									font-weight:			normal;	
									border:					none;
									background: 			#0088D1;		
									text-align:				left;
									border-radius: 			0px; 
									-webkit-border-radius:	0px; 
									-moz-border-radius: 	0px; 
									border-bottom: 			1px solid #0066A1;	
					    			-moz-transition: 		all .2s ease-in;
					    			-o-transition: 			all .2s ease-in;
					    			-webkit-transition: 	all .2s ease-in;
					    			transition: 			all .2s ease-in;							
									
									}
.SubMenu UL LI:HOVER{
									background: 			#0066A1;		
									}
.SubMenu 	UL LI A{
									font-weight:			normal;
				}				
.SubMenu 	UL LI A:HOVER{
									text-decoration:		none;
				}				
								
/* ==================== SUB MENU =================== */
/* ==================== SUB MENU =================== */				

/* =========== FOOTER + LANGUAGE ============ */
.Footer {
		padding : 				0px 0px 0px 0px;
		margin : 				0px 0px 0px 0px;
		color: 					#aaaaaa;
		background:				#2B2F3B; 
		height:					100%;
		margin-bottom:			auto;

		}
.Footer 	A		{font-weight: normal; color: #0088D1; text-decoration : none; } 
.Footer 	A:HOVER	{font-weight: normal; color: #0088D1;	text-decoration : underline; }
.Footer 	A:ACTIVE{font-weight: normal; color: #0088D1; }
.Footer 	A:VISITED{font-weight: normal; color: #0088D1;}
.Footer  	A:LINK 	{}		

.LanguagesBox	{
				float:					left;
				padding:				0px 20px 20px 20px;
				font-size:				11px;
				}
.LanguagesBox	IMG{
						border:			1px solid #aaaaaa;							
				}
.DevBox			{
				float:					right;
				padding:				0px 20px 30px 20px;
				font-size:				11px;
				}		
/* =========== FOOTER + LANGUAGE ============ */
.LinksContainer {
				background:				#3C3F4C;
				}		
.Links			{
				text-align: 			left;
				font-size: 				12px;
				line-height:			20px;
				color: 					#D0D0D0;	
				overflow: 				hidden;
				max-width:				1364px;
				width: 					100%; 
				margin-left:			auto;
				margin-right:			auto;
				background:				#3C3F4C;
				}	
.Links A		{		
				color:					#2299E2;
				}	
				
.Links .Box1	{
				float: 					left;
				padding:				30px 20px 30px 20px;
				width:					25%;
				}	
.Links .Box2	{
				float: 					left;
				padding:				30px 20px 30px 20px;
				width:					25%;
				}	
									
.Links .Box1 .Titre		
				{
				color:					#ffffff;
				font-weight:			bold;
				font-size:				18px;
				}	
.Links .Box1 A	{		
				color:					#D0D0D0;
				}	
.Links .Box1 A:HOVER	{		
				color:					#ffffff;
				text-decoration:		none;
				}	

.Links .Box2 .Titre	
				{
				color:					#2299E2;
				font-weight:			bold;
				font-size:				18px;
				}	
				
.Links .Box2 A	{		
				color:					#D0D0D0;
				}	
.Links .Box2 A:HOVER	{		
				color:					#2299E2;
				text-decoration:		none;
				}	


/* ==================== SUB FOOTER ================= */
/* ==================== SUB FOOTER ================= */
.SubFooter		{ 
				text-align: 			left;
				font-size: 				15px;
				color: 					#888888;	
				overflow: 				hidden;
				max-width:				1200px;
				width: 					100%; 
				margin-left:			auto;
				margin-right:			auto;
				
				}			
.SubFooter	.Left	{float:left;padding:15px; 				}			
.SubFooter	.Left	IMG{max-width:95%; 			}			
.SubFooter	.Middle	{float:center; 				}			
.SubFooter	.Right	{float:right;padding:15px; 				}			

.SubFooter2		{ 
				text-align: 			left;
				font-size: 				15px;
				color: 					#cecece;	
				overflow: 				hidden;
				max-width:				1200px;
				width: 					100%; 
				margin-left:			auto;
				margin-right:			auto;
				
				}			

/* ==================== SUB FOOTER ================= */
/* ==================== SUB FOOTER ================= */
										
.RefBox			{
				float:					left;
				padding-left:			20px;
				padding-right:			20px;
				margin-bottom:			20px;
				width:					24%;
				min-width:				300px;
				min-height:				230px;
				
				}				
.SliderBox		{
				
				max-width: 1215px;
				}		
.SliderBox .Item img
				{
    			display: block;
    			width: 100%;
				}		
.CadreUrl		{
				
				background-color: 		rgba(0, 0, 0, 0.1);
				color:					#ffffff;
				z-index:				100;
				position:				relative;
				
				padding:				8px 10px 8px 10px;
				text-align:				center;
				margin-top:				10px;
				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); 
				overflow:				hidden;
				width:					95%;
				
				}								
.CadreUrl		A:LINK{
				}								
.CadreUrl		A:VISITED{
				}								

/* ---------- */
/* Slide menu */
/* ---------- */

nav#slide-menu {
					background: 		#0088D1;
  					position: 			fixed;
					z-position:			5000;
					z-index:			5000;
  					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;
					padding:			3px 0px;
					font-size:			14px;
					}
nav#slide-menu > ul {
					font-size:			14px;
  					display: 			block;
 	 				margin: 			10px 30px 10px 20px;
  					padding: 			0px;
  					list-style: 		none;
  					opacity: 			1;
  					-moz-transition: 	all 300ms;
  					-webkit-transition: all 300ms;
  					transition: 		all 300ms;
					}
nav#slide-menu > ul li {
					font-size:			14px;
  					color: 				#FFFFFF;
  					padding: 			4px 0;
  					cursor: 			pointer;
					margin:				0px;
					}
nav#slide-menu > ul li:hover {
  					color: 				#59e9df;
					}
nav#slide-menu > ul li a{
  					color: 				#FFFFFF;
  					padding: 			5px 0;
  					cursor: 			pointer;
					font-weight:		bold;
					background:			#1199E2;
					border:				1px solid #1199E2;
					padding:			5px 10px;
					display:			block;
					border-radius: 				4px; 
					-webkit-border-radius: 		4px; 
					-moz-border-radius: 		4px; 
  					-moz-transition: 	all 300ms;
  					-webkit-transition: all 300ms;
  					transition: 		all 300ms;
					}
nav#slide-menu > ul li a:HOVER{
					text-decoration:	none;
					background:			#0066A1;
					border:				1px solid #0066A1;
					}
nav#slide-menu > ul li > ul {
					margin-top:			10px;
					}
nav#slide-menu > ul li > ul li a{
  					color: 				#FFFFFF;
  					padding: 			5px 0;
  					cursor: 			pointer;
					font-weight:		normal;
					background:			#0088D1;
					border:				2px solid #0088D1;
					padding:			5px 10px;
					display:			block;
					border-radius: 				4px; 
					-webkit-border-radius: 		4px; 
					-moz-border-radius: 		4px; 
  					-moz-transition: 	all 300ms;
  					-webkit-transition: all 300ms;
  					transition: 		all 300ms;
					}
nav#slide-menu > ul li > ul li a:HOVER{
					border:				2px solid #1199E2;
					background:			#0088D1;
					text-decoration:	none;
					}



body.menu-active nav#slide-menu {
  left: 0px;
}

body.menu-active nav#slide-menu ul {
  left: 0px;
  opacity: 1;
}

.BigVisuContainer	{
					Display:					block;
					border:						none;
					margin-left:				0px;
					margin-bottom:				0px;
					margin-right:				0px;
					background:					#FAFAFA;
					width:						100%:
					}				
.MobileIntro		{
					Display:			none;
					}		
					
					
					
.Portfolio			{
					display:			table;
					width:				100%;
					}
										
.Portfolio .Item	{
					width:				32%;
					height:				200px;
					float:				left;
					border:				1px solid #cecece;
					margin:				0 Calc(4% / 3) 2% 0;
  					-moz-transition: 	all 300ms;
  					-webkit-transition: all 300ms;
  					transition: 		all 300ms;
					background: 		url('../images/pictos/web.png') center center no-repeat ; 
					background-size: 	cover;
					text-align:			center;
					align:				center;
					overflow:			hidden;
					cursor:				pointer;
					border-radius: 				4px; 
					-webkit-border-radius: 		4px; 
					-moz-border-radius: 		4px; 
					
					}
.Portfolio .Item .Description
					{
					padding:			10px;
					width:				100%;
					height:				200px;
					display:			block;
					font-weight:		bold;
					opacity: 			1.0;
				    filter: 			alpha(opacity=100); /* For IE8 and earlier */
					color:				#ffffff;
					background:			url('../css/fond-25pc-black.png');
  					-moz-transition: 	all 300ms;
  					-webkit-transition: all 300ms;
  					transition: 		all 300ms;
					font-size:			20px;
					text-shadow: 		1px 1px 3px #000000;
					z-index:			20;
					
					}					
.Portfolio .Item .Description .Text
					{
					width:				100%;
					height:				100%;
					display:			block;
					vertical-align:		middle;
					text-align:			center;
					padding-top:		63px;
					
					}
.Portfolio .Item .Coin
					{
					position:			relative;
					top:				0px;
					left:				0px;
					z-index:			100;
					float:				left;
					width:				60px;
					}


.Portfolio .Item .Description .Text .Picto
					{
					width:				72px;
					height:				72px;
					border-radius: 				4px; 
					-webkit-border-radius: 		4px; 
					-moz-border-radius: 		4px; 
					overflow:			hidden;
					position:			relative;
					top:				-30px;

					}
.Portfolio .Item .Description .Text .Picto IMG
					{
					width:				100%;
					}
.Portfolio .Item .Description .Text .PictoTitle
					{
					position:			relative;
					top:				-20px;
					font-size:			12px;
					text-align:			center;
					background:			#1199E2;
					display:			table;
					padding:			5px 10px;
					border-radius: 				4px; 
					-webkit-border-radius: 		4px; 
					-moz-border-radius: 		4px; 
					min-width:			150px;
					}

.Portfolio .Item .Description .Text .URL
					{
					font-weight:		normal;
					font-size:			15px;					
					}
.Portfolio .Item .Button
					{
					text-align:			center;
					font-weight:		normal;
					
					opacity: 			0.0;
				    filter: 			alpha(opacity=0); /* For IE8 and earlier */
					
					color:				#ffffff;
  					-moz-transition: 	all 500ms;
  					-webkit-transition: all 500ms;
  					transition: 		all 500ms;
					font-size:			13px;
					text-shadow: 		1px 1px 3px #000000;
					z-index:			21;
					background:			#0088D1;
					position:			relative;	
					top:				-20px;
					width:				60%;		
					height:				40px;
					line-height:		40px;
					margin:				auto;
					border-radius: 				3px; 
					-webkit-border-radius: 		3px; 
					-moz-border-radius: 		3px; 
					font-size:			16px;
					
					}					
.Portfolio .Item .Button IMG
					{
					width:				100%;
					}	
					
.Portfolio .Item .Button .Picto
					{
					width:				72px;
					height:				72px;
					border-radius: 				3px; 
					-webkit-border-radius: 		3px; 
					-moz-border-radius: 		3px; 
					overflow:			hidden;
					position:			relative;
					top:				-40px;

					}
					
									
.Portfolio .Item .Button A
					{
					}					
.Portfolio .Item A
					{
					color:				#ffffff;
					text-decoration:	none;
					}					
.Portfolio .Item A:HOVER
					{
					color:				#ffffff;
					text-decoration:	none;
					}					
.Portfolio .Item:HOVER .Description
					{
					opacity: 			0.0;
				    filter: 			alpha(opacity=0); /* For IE8 and earlier */
					}					
.Portfolio .Item:HOVER .Button
					{
					opacity: 			1.0;
				    filter: 			alpha(opacity=100); /* For IE8 and earlier */
					top:				-120px;
					}					
					
								

						
.SocialBox			{
					margin-top: 20px;
					height: 24px; 
					padding: 0px 0px 5px 8px;
					text-align:left;
					}								
.SocialBox			.Item{
					float:			left;
					border: 		1px solid #ce00000;
					padding-right: 	10px;
					margin:			0px 0px 5px 0px;
					}	
.NavBar IMG{
					width:			32px;
					margin:			10px;
					scale:			0.8;
    				-moz-transition: 			all .2s linear ;
    				-o-transition: 				all .2s linear ;
    				-webkit-transition: 		all .2s linear ;
    				transition: 				all .2s linear ;		
					}	
.NavBar IMG:HOVER{
					scale:			1;
					}