/*.. 	Reset	.................................................................. */	
  

   		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/*..	Defaults	.................................................................. */

		body 	
			{
			margin: 0px;
			font-family:  arial, sans-serif;
			font-size:  12px;
			background: #FFF url('../images/background.png') top center no-repeat;
			color: #3A444D;
			line-height: 15px;
	     	}
	     	
	     body.homepage
	     	{
			background: #FFF url('../images/background-homepage.png') top center no-repeat;
	     	}
	     	
	     #cominup
	     	{
	     	width: 980px;
	     	margin: 0px auto;
	     	}
	     	
	     a,
	     a:link,
	     a:active,
	     a:visited
	     	{
	     	color: #6C808D;
	     	text-decoration: none;
	     	}
	     			
	     a:hover
	     	{
	     	text-decoration: none;
	     	}
	     	
/*..	Header	.................................................................. */

		#header
			{
			position: relative;
			}

		#header h1
			{
			display: block;
			width: 390px;
			height: 105px;
			}
		
		#header h1 a,
		#header h1 a:link,
		#header h1 a:active,
		#header h1 a:visited
			{
			display: block;
			width: 390px;
			height: 105px;			
			text-indent: -999px;
			overflow: hidden;
			}
			
		#header h2
			{
			position: absolute;
			top: 0px;
			left: 400px;
			display: block;
			width: 10px;
			height: 5px;			
			text-indent: -999px;
			overflow: hidden;
			}
			
		#header p#language
			{
			position: absolute;
			top: 80px;
			right: 5px;
			font-size: 13px;
			color: #DCDDE0;
			}
			
		#header ul
			{
			position: absolute;
			top: 73px;
			left: 453px;
			background: transparent url('../images/background-navigation-corpo.png') top left no-repeat;
			padding: 0 4px;
			}	
		
		#header ul li
			{
			display: inline;
			float: left;
			line-height: 36px;
			}
				
		#header ul li a,
		#header ul li a:link,
		#header ul li a:active,
		#header ul li a:visited
			{
			display: block;
			width: 99px;
			height: 33px;
			text-align: center;
			color: #9CA6AD;
			text-decoration: none;
			}
					
		#header ul li a:hover,
		#header ul li.active a
			{
			color: #505A62 !important;
			text-decoration: none;
			}
			
/*..	Rows & Columns	.................................................................. */
		
		#header,
		#front,
		#footer
			{
			clear:both;	
			margin-bottom: 20px;
			}	
	
		.column
			{
			float: left;
			}
		
		.small
			{
			width: 190px;
			}
		
		.large
			{
			width: 560px;
			margin: 0 20px ;
			}
			
			
/*..	Texts	.................................................................. */			
			
			
		p
			{
			text-align: justify;
			margin: 0 0 15px 0px;
			}
			
		li
			{
			margin: 0 0 15px 0px;
			}
		
		h3
			{
			color: #ffffff;
			line-height: 30px;
			padding: 0 0 0 10px;
			font-size: 13px;
			}
		
		.orange,
		.orange a,
		.orange a:link,
	    .orange a:active,
	    .orange a:visited
			{
			color:#ee8558;
			text-decoration: none;
			}
			
		.orange a:hover
			{
			color:#ee8558;
			text-decoration: underline;
			}
			
		.light
			{
			color: #94A1AC;
			}
			
		#concept, #product, #philo
			{
				text-align: right;
			}
			

/*..	Pages content	.................................................................. */
		
		
		.large h3
			{
			font-size: 24px;
			font-weight: 200;
			margin: 10px 0px 25px 0px ;
			padding: 0px;
			color:#ee8558;
			}
			
		.large h4
			{
			font-size: 18px;
			font-weight: 200;
			margin: 0px 0px 25px 0px ;
			padding: 0px;
			}		
			
		.large p
			{
			line-height: 20px;
			}	
			
		.large p.right
			{
			float: right;
			margin: 3px 0 15px 15px;
			}	
			
		.large p.left
			{
			float: left;
			margin: 3px 15px 15px 0px;
			}							
		
		.large ul
			{
			margin-bottom: 20px;
			}

		.large li
			{			
			padding: 0 0 0 35px;
			background: transparent url('../images/bullet.png') 10px 0px no-repeat;
			}
			
		.large a,
		.large a:link,
		.large a:active,
		.large a:visited
			{
			color: #ee8558;
			text-decoration: none;
			}
					
		.large a:hover
			{
			text-decoration: none;
			}
			
/* NEW */
			
		.large p.more
			{
			background: transparent url('../images/button-more.png') top right no-repeat;
			text-align: right;
			height: 28px !important;
			margin-top: -22px;
			}
			
		.large p.more a,
		.large p.more a:link,
		.large p.more a:active,
		.large p.more a:visited
			{
			position: relative;
			display: block;
			color: transparent;
			border: 0px;
			bottom: 0px;
			right: -63px;
			*right: 0px;
			width: 100px;
			height: 50px;
			text-indent: -999px;
			overflow: hidden;
			}		

			
		.large p.more a:hover
			{
			background: transparent url('../images/button-more-active.png') top right no-repeat;
			}

			
/*..	Client Login	.................................................................. */			
			
			
		#client-login
			{
			background: #6a7179 url('../images/background-login.png') top left no-repeat;
			margin-bottom: 10px;
			*height: 129px;
			}
			
		#client-login input
			{
			width: 165px;
			_width: auto !important; /*IE6*/
			}		
		#client-login p
			{
			margin: 10px 0px 0px 10px;
			}
		
		#client-login p.submit
			{
			text-align: right;
			padding-right: 10px;
			}
			
		#client-login p.submit input
			{
			width: auto !important;
			}			
			
/*..	Portfolio	.................................................................. */

		
		#portfolio 
			{  
			width: 559px;
			height: 379px;
			display:block; 
			position:relative; 
			overflow: hidden;
			padding: 0px -25px;
			}
			
		#portfolio .SlideItMoo_forward,
		#portfolio .SlideItMoo_back
			{ 
			display:block; 
			position:absolute; 
			cursor:pointer; 
			width:30px; 
			height:200px; 
			bottom:105px; 
			right:0px; 
			background:url(../images/button-forward-grey.png) no-repeat center;  
			}
			
		#portfolio .SlideItMoo_back
			{ 
			left:0px; 
			background:url(../images/button-back-grey.png) no-repeat center;  
			}
	
		#slides
			{ 
			position:relative ; 
			overflow:hidden ; 
			width:540px !important; 
			margin:0px auto 0px;
			}
			
		#zone 
			{ 
			width: 559px;
			display:block; 
			position:relative; 
			}
	
		#zone div.slide 
			{ 
			display:block; 
			position:relative; 
			float:left; 
			width:559px; 
			}
			
			
/*..	Short News	.................................................................. */			

			
		#short-news
			{
			background: #adb6be url('../images/background-short-news.png') top left no-repeat;
			height: 252px;
			margin-bottom: 10px;
			}
		
		#short-news ul
			{
			margin: 10px 0px;
			border: 1px solid #adb6be;
			}
			
		#short-news li
			{
			margin: 0px 0px 10px 10px;
			}			
			
		#short-news h3,
		#short-news a,
		#short-news a:link,
		#short-news a:active,
		#short-news a:visited
			{
			color: #3A444D;
			text-decoration: none;
			}
					
		#short-news a:hover
			{
			text-decoration: underline;
			}
			
			
/*..	Marcom Quick Stats	.................................................................. */			

			
		#quick-stats
			{
			background: #6a7179 url('../images/background-quick-stats.png') top left no-repeat;
			display: block;
			width: 190px; /* IE6 */
			margin-bottom: 10px;
			}
		
		#quick-stats p
			{
			padding: 10px 10px 0 10px;
			color: #ffffff;
			margin-bottom: 5px !important;
			}
		
		
		#quick-stats p strong
			{
			font-size: 16px;
			color: #E9D98D;
			}
				
		#quick-stats p.source
			{
			padding: 0px 10px 10px 0px!important;
			font-size: 11px;
			text-align: right;
			}
/*..	Partners	.................................................................. */			

			
		#partners
			{
			background: #adb6be url('../images/background-partners.png') top left no-repeat;
			height: 170px;
			}
		
		#partners dl
			{
			margin: 10px 0px 0px 10px;
			border: 1px solid #E6E9EB;
			}
			
		#partners dt
			{
			color: #6C808D;
			margin: 0px;
			font-weight: bold;
			}	

		#partners dd
			{
			color: #6C808D;
			font-size: 11px;
			margin: 0px 0px 10px 0px;
			}			
		
		#partners h3
			{
			color: #3A444D;
			}
			
		#partners a,
		#partners a:link,
		#partners a:active,
		#partners a:visited
			{
			color: #6C808D;
			text-decoration: none;
			}
					
		#partners a:hover
			{
			color: #3A444D;
			}
			
			
/*..	Contact	.................................................................. */			

			
		#contact
			{
			position: relative;
			background: #E6E9EB url('../images/background-contact-play.gif') bottom left no-repeat;
			height: 100px;
			padding: 30px 0 0 0;
			}
			
		#contact h3
			{
			position: absolute;
			bottom: 20px;
			left: 5px;
			color: #3A444D;
			}
			
		#contact a,
		#contact a:link,
		#contact a:active,
		#contact a:visited
			{
			display: block;
			position: absolute;
			bottom: 20px;
			right: 0px;
			width: 100px;
			height: 90px;
			text-indent: -999px;
			overflow: hidden;
			}		

/* NEW */
			
		#contact a:hover
			{
			background: #E6E9EB url('../images/background-contact-hover.gif') right -15px no-repeat;
			}	
			
		#footer a:hover
			{
			color: #ee8558;
			text-decoration: underline;		
			}	

			
			
/*..NEW	Partners ALL	.................................................................. */			

			
		#partners1
			{
			background: #E6E9EB url('../images/background-partners.png') top left no-repeat;
			height: 465px;
			}
		
		#partners1 dl
			{
			margin: 10px 0px 0px 10px;
			border: 1px solid #E6E9EB;
			}
			
		#partners1 dt
			{
			color: #6C808D;
			margin: 0px 50px 0px 0px;
			font-weight: bold;
			}	

		#partners1 dd
			{
			color: #6C808D;
			font-size: 11px;
			margin: 0px 10px 10px 0px;
			}			
		
		#partners1 h3
			{
			color: #3A444D;
			}
			
		#partners1 a,
		#partners1 a:link,
		#partners1 a:active,
		#partners1 a:visited
			{
			color: #6C808D;
			text-decoration: none;
			}
					
		#partners1 a:hover
			{
			color: #3A444D;
			}
			
			
/*..NEW	Contact	Light.................................................................. */			

			
		#contact-light
			{
			position: relative;
			background: #E6E9EB url('../images/background-contact-light.gif') bottom left no-repeat;
			height: 55px;
			margin-top: 0px;
			padding: 10px 0 0 0;
			}
			
		#contact-light h3
			{
			position: absolute;
			bottom: 1px;
			left: 5px;
			color: #3A444D;
			}
			
		#contact-light a,
		#contact-light a:link,
		#contact-light a:active,
		#contact-light a:visited
			{
			text-decoration: none;
			}		
			
		#contact-light a:hover
			{
			text-decoration: underline;
			color:#ee8558;
			}		
	
			
/*..	Produt Concept Philosophy	.................................................................. */	
			
			
			
		#product-concept-philosophy
			{
			background: #FFF url('../images/background-fruits.png') top center no-repeat;
			}
		
		#product-concept-philosophy div
			{
			float: left;
			width: 163px;
			_width: 160px; /* IE6 - Enlever 3 pixels*/
			margin: 0px 10px;
			}
			
		#product-concept-philosophy div h3
			{
			color: #3A444D;
			font-size: 16px;
			font-family: georgia, "times new roman", times, serif;
			font-weight: 200;
			text-align: center;
			padding: 0px;
			color: #6C808D;
			margin: 0px !important;
			}	
			
		#product-concept-philosophy div h4
			{
			text-align: center;
			padding: 80px 0 20px 0;
			font-size: 11px;
			color: #6C808D;
			margin: 0px !important;
			}						
			
		#product-concept-philosophy div p		
			{
			font-size: 11px;
			line-height: 14px !important;
			}									
			
/*..	References	.................................................................. */			

			
		#references
			{
			background: #FFF url('../images/background-references.png') top left no-repeat;
			height: 170px;
			}
					
		#references h3
			{
			color: #3A444D;
			margin-bottom: 15px;
			}	
		
		#references p
			{
			font-size: 11px;
			line-height: 17px !important;
			font-weight: bold;
			color: #6C808D;
			}
			
/*..	References	.................................................................. */			
			
			
		#footer p
			{
			text-align: center;
			font-size: 10px;
			}
			
/*..	Clearfix	.................................................................. */


			
		.clearfix:after 
  			{
  		    content: "."; 
  		    display: block; 
  		    height: 0; 
  		    clear: both; 
  		    visibility: hidden;
  			}
	  		
	  	.clearfix {display: inline-block;}
	  		
	  	/* Hides from IE-mac \*/
	  	* html .clearfix {height: 1%;}
	  	.clearfix {display: block;}
	  	/* End hide from IE-mac */