body, html{
	height:100%;
}

*{
	margin:0;
	padding:0;
	border:0;
	text-indent:0;
	list-style:none;
	-moz-outline:none;
	outline:none;
	outline-color:none;
	
}


body{
	background-color: #444444;
	line-height:20px;
	color:#292929;
	text-align:left;
	font-family:"Myriad web pro", "Trebuchet Ms", Trebuchet, Arial, sans-serif;
	font-weight:normal;
	
}


html > body{font-size:11px;}
body{
font-size:68.8%;
}




hr{
visibility:hidden;
clear:both;
height:0px;
display:block;
}
a{
	color:#292929;
	text-decoration:none;
	}
	
	a:hover{
	color:#db175b;
	text-decoration:underline;
	}
    
    
    *::-moz-selection {
       background-color: #ff1b6a;
       color: #fff;
}
*::selection {
       background-color: #ff1b6a;
       color: #fff;
}

form{
vertical-align:top;	
}

h1{
font-size:2em;	
}

#notice .loader{
left:550px;
position:absolute;
top:215px;
}

#contacts .fr .loader{
left:580px !important;
}

#container{
	width:935px;
	min-height:100%;
	margin:auto;
	padding-left:1px;
	padding-bottom:40px;
	background-image: url(../skin/bkg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	position:relative;
}
#noJs #container{
	padding-top:145px;
		}

#header{
	height:85px;
	background-image: url(../skin/bkg-header.gif);
	background-repeat: repeat-x;
	width:935px;
	position:absolute;
	top:0;
	left:1px;
}
 #logo{float:left;
 background-color:#fff;
 height:80px;
 width:233px;
 overflow:hidden;
 text-indent:-1599px;
 line-height:0;
 background-repeat: no-repeat;
 }
 
 .it #logo{
background-image: url(../skin/SYNTHVIEW-logo-it.gif);}

 .fr #logo{
background-image: url(../skin/SYNTHVIEW-logo-fr.gif);}

 .en #logo{
background-image: url(../skin/SYNTHVIEW-logo-en.gif);}
 
ul#nav, ul#nav li{float:left; }

ul#nav li a{
float:left;
width:117px;
height:85px;
overflow:hidden;
text-indent:-999px;
	line-height:0;
background-repeat: no-repeat;
}

	.it ul#nav li#services a{
	background-image: url(../skin/btn-services-it.png);}
    
    ul#nav li#expertisePage a{
	background-image: url(../skin/btn-expertise.png);}
	
	.it ul#nav li#works a{
	background-image: url(../skin/btn-portfolio.png);} 
	    
	.it ul#nav li#about a{
	background-image: url(../skin/btn-profilo-it.png);}
	
	.it ul#nav li#contact a{
	background-image: url(../skin/btn-contact-it.png);}
	
	
	.fr ul#nav li#services a{
	background-image: url(../skin/btn-offre.png);}
    
    .fr ul#nav li#expertisePage a{
	background-image: url(../skin/btn-expertise.png);}
	
	.fr ul#nav li#works a{
	background-image: url(../skin/btn-realisations.png);} 
	    
	.fr ul#nav li#about a{
	background-image: url(../skin/btn-profil.png);}
	
	.fr ul#nav li#contact a{
	background-image: url(../skin/btn-contact.png);}
	
	.en ul#nav li#services a{
	background-image: url(../skin/btn-services.png);}
	
	.en ul#nav li#works a{
	background-image: url(../skin/btn-portfolio.png);} 
	    
	.en ul#nav li#about a{
	background-image: url(../skin/btn-profile.png);}
	
	.en ul#nav li#contact a{
	background-image: url(../skin/btn-contact.png);}
	
	
	
	ul#nav li a:hover, ul#nav li a:focus{background-position: 0px -170px;}
	
	 ul#nav li#contact a:focus{background-position: 0px 0px; }

	ul#nav li.selected a, ul#nav li.selected a:hover{background-position: 0px -85px !important;}



	ul#nav li#quickfolio a{
		width:234px;
		height:105px;
			background-position: 0px -105px;
			z-index:1;
	}
	
		.it ul#nav li#quickfolio a{
			background-image: url(../skin/btn-quickfolio-it.gif);
		}
		
		.fr ul#nav li#quickfolio a{
			background-image: url(../skin/btn-quickfolio-fr.gif);
		}
		
		.en ul#nav li#quickfolio a{
			background-image: url(../skin/btn-quickfolio-en.gif);
		}
	
	ul#nav li#quickfolio a:hover, ul#nav li#quickfolio a:focus{ background-position: 0px 0px; }
	
	
	
	#contents{
	clear:both;
	padding-top:145px;
	
	}
	.cardBox, .firstBox{
	width:233px;
	display:block;
	height:370px;
	float:left;
	background-color:#FFF;
	border-right:1px dotted #999;
	background-image: url(../skin/bkg-cardBox.gif);
	background-repeat: no-repeat;
	background-position: left 360px;
	position:relative;
	line-height:normal;
	margin-bottom:10px;
	}
    
    .firstBox{
    background-image: url(../skin/bkg-highlight.jpg);
    background-position: 0 0;
    }
    
	 .firstBox h1{
		display:block;
		overflow:hidden;
		text-indent:-999px;
		line-height:0;
		height:70px;
		width:233px;
		background-repeat:no-repeat;
	}
	
    .hpFirstBox h1 a{
		display:block;
		overflow:hidden;
		text-indent:-1350px;
		line-height:0;
		height:199px;
		width:233px;
		background-repeat:no-repeat;
	}
	
		.hpFirstBox h1.it a{
			background-image: url(../skin/hp-creazione-grafica-multimedia.png);
		}
		.hpFirstBox h1.fr a{
			background-image: url(../skin/hp-creation-graphique-multimedia.png);
		}
		.hpFirstBox h1.en a{
			background-image: url(../skin/hp-multimedia-graphic-design.png);
		}
        
      .firstBox h1.itServices{
			background-image: url(../skin/tit-servizi-offerti.png);
		}
		 .firstBox h1.frServices{
			background-image: url(../skin/tit-offre.png);
		}
		 .firstBox h1.enServices{
			background-image: url(../skin/tit-services.png);
		}
        
        #portfolio .firstBox h1{
        background-position: top center;
        margin-top:50px;
        height:30px;
        }
        
        #portfolio .firstBox h1.it{
			background-image: url(../skin/tit-portfolio.png);
		}
		  #portfolio .firstBox h1.fr{
			background-image: url(../skin/tit-realisations.png);
		}
		  #portfolio .firstBox h1.en{
			background-image: url(../skin/tit-portfolio.png);
		}
	
		.web, .logo, .print{
		padding:7px 6px;
		width:221px;
		height:356px;
		}
		
	.cardBox.last{border:0;}
    
 #portfolio	.cardBox{
	cursor:pointer;	
	}
	
#portfolio	.cardBox.selected{
	height:366px !important;
	background-image: url(../skin/arrow-work-detail.png);
	background-position: left bottom;
	margin-bottom:0px;
	}
    
    #portfolio	.cardBox:hover{
    background-position: left -50px;
    }
    
      #portfolio	.cardBox.selected:hover{
    background-position: left bottom;
    }
	
	.cardBox .new, .hpBox .new {
	position:absolute;
	margin-left:50%;
	left:-36px;
	top:-36px;
	z-index:100;
	}
	
	#highlighter{
	margin-top:25px;

	
	}
	
	#highlighter li{
		height:20px;
		border-bottom:1px dotted #D22B56;
		overflow:hidden;
		}
		
		
	#highlighter li a{
	overflow:hidden;
	height:20px;
	display:block;
	width:233px;
	line-height:0;
	text-indent:-999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
	 #highlighter li a.selected{
	background-position: -233px 0px !important;
	height:19px;
				
		}
		
	#highlighter li a:hover, #highlighter li a:focus{
	background-position: -466px 0px;
				
		}
		
		#highlighter li.highlightWeb a{
	background-image: url(../skin/highlight-web.png);
				
		}
		
			#highlighter li.highlightLogo a{
	background-image: url(../skin/highlight-logo.png);
				
		}
		
				#highlighter li.highlightPrint a{
	background-image: url(../skin/highlight-print.png);
				
		}
		.cardBox h2,  .hpBox h2{
		margin:0 !important;
		padding:0 !important;
		position:absolute;
		top:315px;
		left:6px;
		height:28px;
        width:137px;
		line-height:0;
		text-indent:-999px;
		overflow:hidden;
		background:0px 0px;
        border-bottom:0px !important;
        }
.cardBox a.imagePreview, .hpBox a.imagePreview{
		width:221px;
		height:293px;
		line-height:0;
		text-indent:-999px;
		overflow:hidden;
        display:block;
			}
		
		.cardBox .services, .hpBox .services{
		position:absolute;
		right:6px;
		text-align:right;
		top:317px;
        height:16px;
        background-image: url(../skin/bkg-icons.jpg);
        background-position:top right;
		}
	
	.detailContainer, .detailContainer2{
	float:left;	
	}
	.bigCardBox{
	width:935px;
	display:block;
	background-color:#fff;
	background-position: left bottom;
	position:relative;
	line-height:20px;
	}
    
    .bigCardBox.last{
    padding-bottom:7px;
    }
	
		
	.bigCardBox h3, .bigCardBox h1{
	height:31px;
	padding:20px 0 0 6px;
	float:left;
	}
	
	
	.projetTitle{
	overflow:hidden;
	text-indent:-999px;
	line-height:0;
	display:block;
	width:216px;
	height:26px;
	background-repeat:no-repeat;
	background-position:6px 20px;
	
	 }
	
	.bigCardBox a#closeDetail{
	float:left;
	height:11px;
	display:block;
	overflow:hidden;
	text-indent:-900px;
	width:11px;
	background-image: url(../skin/bkg-closeWorkDetail.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top:9px;
	}
		.bigCardBox #closeDetail:hover, .bigCardBox #closeDetail:focus{
	background-position: 0px -11px;}
	
	.bigCardBox .leftCol{
	float:left;
	width:242px;
	overflow:hidden;
	}
	.bigCardBox .leftCol dl{
		clear:both;
	margin:9px 6px 0;
	}
	
	.bigCardBox .leftCol dl a{
	text-decoration:underline;
	}
	.bigCardBox .leftCol dt{
	border-bottom:1px solid #f6f6f6;
	height:19px;
	padding-top:14px;	
	}
	
	.bigCardBox .leftCol dd{
	overflow: auto;
	height:auto !important;
	line-height:19px;
	margin-top:1px;
    text-align:justify;
    padding-right:7px;
	}
		.bigCardBox .leftCol dd img{
		vertical-align:middle;	
		}
        
        
        .bigCardBox .leftCol dd .services{
        	background-image: url(../skin/bkg-icons2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
        display: inline;
    padding: 10px 0;
        
        }
	
	.detailContainer .first .leftCol{
	background-image: url(../skin/bkg-Workdetail.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
	
	.detailContainer .first .rightCol{
		background-image: url(../skin/bkg-Workdetail.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
	
	.bigCardBox .rightCol{
	float:left;
	padding-top:7px;
	width:693px;
	}
	
	.detailContainer .first.last .rightCol{
		padding:7px 0;}
		
	.leftCol .shareItem{
		float:left;
		width:73px;
		height:43px;
		text-align:center;
	 }
	 .leftCol .shareItem img{
		clear:right;  
	  }
		
	.bigCardBox .oneCol{
	
	padding:0 0 0 8px;
	}
    
    #similarProjects{
    background-color:#fff;
	background-image: url(../skin/bkg-cardBox-last.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	min-height: 10px;
	margin-bottom:10px;
    clear:both;
    overflow:auto;
    position:relative;
	}
    
    #similarProjects h2{
   border-bottom: 1px solid #EEEEEE;
    padding: 0 0 1px;
      margin:20px 5px 0;
    }
    
        #btn-all{
    position:absolute;
    right:5px;
    top:22px;
    background-color:#292929;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    font-size:0.8em;
    padding:3px 4px 0px;
    line-height:18px;
     letter-spacing:1px;
    }
    
       #btn-all:hover, #btn-all:focus{
     text-decoration:none;
     background-color:#db175b;
     }
    
    #similarProjects .cardBox{
    margin-bottom:0;   
    }
	
		#footer{
		clear:both;	
        overflow:auto;
		padding-bottom:20px;
		}
		#noJs #footer{
		margin-top:10px;	
		}
		
		#footer strong{
		float:left;	
		width:233px;
		height:109px;
		display:block;
		overflow:hidden;
		text-indent:-999px;
		line-height:0;
		background-repeat: no-repeat;
		}
		
		#footer.it strong{
		background-image: url(../skin/tit-partners-network-it.gif);
		}
		
		#footer.fr strong{
		background-image: url(../skin/tit-partners-network-fr.gif);
		}
		
		#footer.en strong{
		background-image: url(../skin/tit-partners-network-en.gif);
		}
		
		#footer #partners{
		float:right;
				line-height:normal;

		}
		#footer #partners li{
		float:left;	
		line-height:normal;
		height:58px;
		}
		
		#footer #languageSelector{
	float:right;
	height:60px;
	padding-left:234px;
	background-image: url(../skin/bkg-footer.gif);
	background-repeat: no-repeat;		
		}
		
		#footer #languageSelector li{
		float:left;		
		}
		
		#footer #languageSelector li a{
	overflow:hidden;
	text-indent:-1000px;
		line-height:0;
	width:117px;
	height:60px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
		}
		
		#footer #languageSelector li a:hover, #footer #languageSelector li a:focus{
				background-position: 0px -60px;
		}
		
		#footer #languageSelector li.selected a{
				background-position: 0px -120px;
		}
		
		#footer #languageSelector li#italiano a{
	background-image: url(../skin/bkg-language-italian.png);			
		}
		
			#footer #languageSelector li#francais a{
	background-image: url(../skin/bkg-language-francais.png);			
		}
		
			#footer #languageSelector li#english a{
	background-image: url(../skin/bkg-language-english.png);			
		}
        
        #navBottom ul{
       clear:both;
       font-size:x-small;
       border-left:1px solid #777;
       margin:auto;
       
       }
       
    #navBottom ::-moz-selection {
       background-color: #666;
       color: #333;
}
 #navBottom ::selection {
       background-color: #666;
       color: #333;
}
       
        #navBottom li{
        float:left;
        line-height:0.8em;
        color:#777;
        padding:0 4px;
        border-right:1px solid #777;
        font-weight:lighter;
        }
        
        #navBottom li a{
        color:#777;
        text-decoration:none;
        }
          #navBottom li a:hover{
        text-decoration:underline;
        }
		
		
		div.error{
		width:922px;
		background-color:#DB175B;
		padding:7px 6px;
		margin-bottom:10px;
		color:#FFF;
		font-size:1em;
		font-weight:lighter;
		}
		
	
	
		.cvBox{
	width:467px;
	display:block;
	height:490px;
	float:left;
	background-color:#FFF;
	position:relative;
	line-height:normal;
	padding:0px 0 10px 0;
	}
	
	
	.cvBox .column{
	float:left;
	width:226px;
	line-height:17px;
	margin-left:7px;
	}
	
	.cvBox h1{
	display:block;
	overflow:hidden;
	line-height:0;
	height:85px;
	width:468px;
	text-indent:-1240px;
	background-repeat: no-repeat;
    background-position: top left;
	}
	
	.cvBox h1.fr{
	background-image: url(../skin/tit-Jan-Tonellato-graphiste-directeur-artistique-senior.png);
	}
	
	.cvBox h1.en{
	background-image: url(../skin/tit-Jan-Tonellato-art-director-designer.png);
	}
	
	.cvBox h1.it{
	background-image: url(../skin/tit-Jan-Tonellato-direttore-artistico-designer.png);
	}
	#scroller{
	position:absolute;
	z-index:100;
	width:84px;
	top:14px;
	right:0;
	}
	
	#scroller #next{
	height:42px;
	width:42px;
	overflow:hidden;
	text-indent:-999px;
	line-height:0;
	background:url("../skin/btn-gallery-right.gif") no-repeat 0px 0px;
	cursor:pointer;
	float:left;
	}
	#scroller #prev{
	height:42px;
	float:left;
	width:42px;
	overflow:hidden;
	text-indent:-999px;
	line-height:0;
	background:url("../skin/btn-gallery-left.gif") no-repeat 0px 0px;
	cursor:pointer;
	}
	
	#scroller #next:hover,#scroller #prev:hover{
	background-position:0 -42px;
}
#scroller #next.disabled, #scroller #prev.disabled{
	background-position:0 -84px;
	cursor:default;
}
	
	
    #distinctions{
	display:block;
	overflow:hidden;
	width:460px;
	height:370px;   
	top:-38px;
	position:relative;
    }
	#distinctions ul{
	display:block;
	height:370px;
	width:1000px;
	position: relative;
	}
	
		#distinctions li{
	float:left;
	width:109px;
	line-height:17px;
	margin-right:8px;
	position:relative;
	}
	.column.last{margin-right:0; width:220px;}
	.column.last p{margin-right:5px;}
	
	#distinctions li img{
	margin-bottom:10px;	
	}
	#distinctions li p{
	padding-right:2px;	
	}
	
	#distinctions li p strong{
	font-weight:bold;
	}
	
	.cvBox .column h2{
	height:15px;
	padding-top:11px;
	}
	
	.cvBox .column hr{
	background-color:#eeeeed;
    border:0;
    color:#eeeeed;
    height:1px;
    margin-top:2px;
	visibility:visible;
	}
    
    .cvBox .social{
    display: block;
    margin-bottom: 13px;
    padding-top: 12px;
    }

	
	.referenceBox{
	width:466px;
	display:block;
	height:472px;
	float:left;
	background-color:#FFF;
	border-right:1px solid #999;
	position:relative;
	line-height:normal;
	padding:18px 0 10px 0px;
	}
	
	.referenceBox h1{
	position:relative;
	top:-49px;
	}
    
    
    .philoBox{
    background-color:#FFF;
    width:924px;
    display:block;
    clear:both;
    padding:26px 5px 40px;
    background-image: url("../skin/bkg-cardBox-last.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
    overflow:hidden;
     line-height: 17px;
     border-top:1px dotted #999;
     margin-bottom: 10px;
    }
	
   .philoBox h1{
   padding:0 0 1px 0;
   border-bottom:1px solid #eee;
   }
   
   .philoBox .column{
   width:175px;
   float:left;
   padding:10px 5px 0 5px;
   }
   
    .philoBox .first{
      padding-left:3px;
      }
      
    .philoBox .last{
      padding-right:3px;
      }
	  .philoBox .column p{
   text-align:justify;
   margin-bottom:5px;
   }
	 
       
   .philoBox .column h2{
   font-size:1.1em;
   height:48px;
   }
   
    
.hpBox, .hpFirstBox{
	height:400px;
	width:233px;
	display:block;
	float:left;
	background-color:#FFF;
	border-right:1px dotted #999;
	background-image: url(../skin/bkg-cardBox.gif);
	background-repeat: no-repeat;
	background-position: left 390px;
	position:relative;
	line-height:normal;
	margin-bottom:10px;
	}
    
    .hpFirstBox{
	height:400px;
	width:233px;
	display:block;
	float:left;
	background-color:#FFF;
	border-right:1px dotted #999;
	background-image: url(../skin/bkg-firstbox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	line-height:normal;
	margin-bottom:10px;
	}
	
		.hpBox{
		padding:7px 6px;
		width:221px;
		height:386px;
		}
		
	.hpBox.last{border:0;}
	
	.hpBox p{
	margin-top:45px;
	font-size:1em;
	line-height:15px;
	padding-top:2px;
		border-top:1px solid #eee;
	
	}
    
    
    .hpBox:hover{
    	background-position: left -20px;
    }
	
	
	.hpFirstBox ul{
		margin:75px 0 0 36px;
	}
	.hpFirstBox li{
	color:#fff;
	height:20px;
	}
	
		
		.hpFirstBox li.servicesWeb  a{
	background-image: url(../skin/btn-serv-web.png);
				
		}
		
				.hpFirstBox li.servicesInteraction  a{
	background-image: url(../skin/btn-serv-interaction.png);
				
		}
		
				.hpFirstBox li.servicesLogo  a{
	background-image: url(../skin/btn-serv-logo.png);
				
		}
		
				.hpFirstBox li.servicesPrint  a{
	background-image: url(../skin/btn-serv-print.png);
				
		}
		
				.hpFirstBox .it li.servicesErgonomy  a{
	background-image: url(../skin/btn-serv-ergonomy.png);
				
		}
		
				.hpFirstBox .it li.servicesAccessibility  a{
	background-image: url(../skin/btn-serv-accessibility.png);
				
		}
		
					.hpFirstBox .fr li.servicesErgonomy  a{
	background-image: url(../skin/btn-serv-conseil-ergonomie.png);
				
		}
		
				.hpFirstBox .fr li.servicesAccessibility  a{
	background-image: url(../skin/btn-serv-conseil-accessibilite.png);
				
		}
		
					.hpFirstBox .en li.servicesErgonomy  a{
	background-image: url(../skin/btn-serv-ergonomy-en.png);
				
		}
		
				.hpFirstBox .en li.servicesAccessibility  a{
	background-image: url(../skin/btn-serv-accessibility-en.png);
				
		}
		
	#contactBox{
	background-color:#FFF;	
	background-image:url(../skin/bkg-quickfolio.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	#noJs #contactBox{
	background-image:none;	
	padding-bottom:60px;
	}
	
	#noJs #header #contactBox{
	display:none;	
	}
	
	
	#contacts{
	height:260px;
	position:relative;
		}
		
		
		#contactLeft{
		width:230px;
		padding-top:20px;
		float:left;
		margin-right:4px;
		}
		
		
		#contactLeft ul{
		position:relative;
		left:-5px;
		}
	
		#contactLeft li{
		background-image:url(../skin/bkg-contact-list.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		line-height:20px;
		clear:both;
        overflow:hidden;
		}
		#contactLeft li img{
		float:left;
		margin-right:9px;
		position:relative;
		top:1px;
		}
		
		#contactLeft li p{
			padding:5px 0 0 0;
			line-height:14px;
			height:35px;
			}
		#contacts form{
			float:left;
			margin-top:30px;
			width:620px;
			}
	#contacts label{
	margin-bottom:5px;
	display:block;
	
	}
	
#contacts .input, #contacts .select{float:left;}
 
		#contacts .input input{
	width:190px;
	height:17px;
	background-image: url(../skin/bkg-input.gif);
	background-repeat: no-repeat;
	padding:3px 20px 0;
	margin-top:0;
	display:block;
	background-color:#fdfdfd;
		}
		
	#contacts  .selectbox, #noJs select{
	width:210px;
	height:20px;
	background-image: url(../skin/bkg-select.gif);
	background-repeat: no-repeat;
	background-color:transparent;
	padding:3px 3px 0 20px;
	margin:0 0 0 4px;
	display:block;
    cursor:pointer;
	
	
		}
	
		#contacts .select option{
		padding:3px 3px 0 20px;
				}
		
	
		
	#contacts .select img{
	margin-left:5px;}

		
	#contacts .textarea {
	clear:left;	
		}
	
	#contacts #textareaBkg{
		background-image: url(../skin/bkg-textarea.gif);
		background-color:#fdfdfd;
	background-repeat: no-repeat;
	width:461px;
	height:120px;
	display:block;
	}
	
	#contacts .textarea{
		padding-top:4px;
	}
	

	#contacts textarea{
	width:437px;
	height:116px;
	background-color:transparent;
	padding:2px 4px 2px 20px;
	margin-top:0px;
	display:block;
	line-height:20px;
	font-family:"Myriad pro", Myriad, "Trebuceht Ms", Trebuchet, Arial, sans-serif;
	font-size:1.1em;
	resize: none;
	}
		
		#contacts #options{
		float:right;
		background-color:#FFF;
		
		}
		
		#contacts #options .selectbox, #noJs #contacts #options select{
	width:135px;
	height:20px;
	background-image: url(../skin/bkg-select-mini.gif);
	background-repeat: no-repeat;
	padding:3px 3px 0 10px;
	margin:0 0 0 5px;
	display:block;
		}
		
		#noJs #contacts #options select{
		padding-right:0;	
		}
		
	#contacts #options .select{
	float:none;
     }
	
	
	#contacts .notification_error{
		display:block;
left:234px;
position:absolute;
top:215px;
width:330px;
line-height:14px;

	}
	
	
		#contacts .notification_error strong{color:#DB175B;}
	
	div.selectbox-wrapper {
  position:absolute;
  background-color:white;
  border:1px solid #d2d2d2;
  overflow:auto;
  z-index:300;
  margin: -1px 0 0 5px;
  border-bottom:5px solid #b9b9b9;
  border-top:1px solid #dcdcdc;
 
}


.select div.selectbox-wrapper {
width:224px !important;
}

#options .select div.selectbox-wrapper {
width:140px !important;
}

div.selectbox-wrapper ul li.selected { 
  background-color: #f0f0f0;
}
div.selectbox-wrapper ul li {
padding:0 20px;
  cursor:pointer;
}





#contacts a#closeContacts{
	position:absolute;
	top:9px;
	right:8px;
	height:11px;
	display:block;
	overflow:hidden;
	text-indent:-900px;
		line-height:0;
	width:11px;
	background-image: url(../skin/bkg-closeContact.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
		#contacts #closeContacts:hover, #contacts #closeContacts:focus{
	background-position: 0px -11px;}

	#contacts #sendMessage{
	width:116px;
	height:20px;
	overflow:hidden;
	text-indent:-999px;
	display:block;
	line-height:0;
	background-position: 0px 0px;
	margin-left:345px;
	background-color:#292929;
	}
	#contacts #sendMessage:focus, #contacts #sendMessage:hover{
	background-position: 0px -20px;		
	}
	
	#contacts #sendMessage.it{
			background-image: url(../skin/btn-send-it.gif);
	}
	
		#contacts #sendMessage.fr{
			background-image: url(../skin/btn-send-fr.gif);
			width:88px;
				margin-left:373px;
	}
	
		#contacts #sendMessage.en{
			background-image: url(../skin/btn-send-en.gif);
	}
	
	
	 .firstBox dl{
		margin-top:40px;
	}
	
	
	 .firstBox dt{
	border-top:1px solid #eee;
	height:19px;
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	width:233px;
	overflow:hidden;
	text-indent:-999px;
	line-height:0;
	cursor:pointer;
	}
	
	 .firstBox dt#webServices{
		 background-image: url(../skin/bkg-web-interaction-design.gif);
	 }
	 
	  .firstBox dt#printServices{
		 background-image: url(../skin/bkg-print-logo-design.gif);
	 }
	
	
	 .firstBox dt.hover{
	background-position: 0px -19px; 
	 }
	 
	 .firstBox dt.selected{
background-position: 0px -38px !important; 
	cursor:default;
	
	 }
	
	 .firstBox dd{
	
	padding: 7px;
	font-size:0.9em;
	
	}
	
	#servicesContainer{
		position:relative;}
	
	#webServicesDetails h2, #printServicesDetails h2{
	float:left;
line-height:0;
top:-145px;
text-indent:-1999px;
position:relative;
	}
	#webServicesDetails{
	display:block;
	width:701px;
	height:720px;
	position:absolute;
	right:0px;
	z-index:51;
	}
	
	#printServicesDetails{
	display:block;
	width:701px;
	height:770px;
float:right;
	z-index:50;
	}
	
	#webServicesDetails .cardBox,  #printServicesDetails .cardBox{
	padding:7px 6px;
		width:221px;
		height:356px;
		}
		
		
	#webServicesDetails .cardBox h3,  #printServicesDetails .cardBox h3{
		position:static;
		padding: 10px 0 5px !important;
	}
	#webServicesDetails .cardBox p,  #printServicesDetails .cardBox p{
		padding-top:10px;
		border-top:1px solid #eee;
	}
    
    	.Xportfolio{
	display:none;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	}
	
	#portfolio .cardBox:hover .Xportfolio{
	display:block;	
	}
    
    #expertise{
     background-color:#fff;
      background-image: url("../skin/bkg-mainPic.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    clear: both;
    display: block;
    line-height: 17px;
    margin-bottom: 10px;
    overflow: hidden;
    position:relative;
    }
    
    #expertise img, #ufoHP{
    -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;

    }
    
    
       #mainPic{
    height:588px;
        background-position: 0 -6px;
    background-repeat: no-repeat;
    position:relative;
    }
    
    
    #parallaxTitle{
    position:absolute;
    top:25px;
    left:344px;
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow:hidden;
    line-height:0;
    text-indent:-999px;
    width:591px;
    height:219px;
    background-image: url("../skin/tit-creation-graphique-multimedia.png");
    }
    
    .en   #parallaxTitle{
         left:334px;
    }
    
    .it   #parallaxTitle{
         left:244px;
    }
    
   #expertise.fr #star1{
	left: 442px;
    position: absolute;
    top: 353px;
    }
    
    #expertise.en #star1{
	left: 428px;
    position: absolute;
    top: 353px;
    }
    
    #expertise.it #star1{
	left: 436px;
    position: absolute;
    top: 353px;
    }
    
       #expertise #star2{
    left: 470px;
    position: absolute;
    top: 270px;
    }
    
       #expertise #star3{
    left: 410px;
    position: absolute;
    top: 320px;
    }
    
       #expertise #star4{
    left: 415px;
    position: absolute;
    top: 286px;
    }
    
       #expertise #star5{
    left: 30px;
    position: absolute;
    top: 25px;
    }
    
       #expertise #star6{
    left: 390px;
    position: absolute;
    top: 70px;
    }
    
       #expertise #star7{
    left: 530px;
    position: absolute;
    top: 30px;
    }
    
    #expertise #star8{
    left: 215px;
    position: absolute;
    top: 215px;
    }
    
    #shuttle{
    position:absolute;
    top:0px;
    left:160px;
    }
    
        #ufo{
    left: 199px;
    position: absolute;
    top: -40px;
    }
    
    #ufoHP{
    left: -25px;
    position: absolute;
    top: 0px;
    }
    
    
    
    .fr  #mainPic{
     background-image: url("../skin/bkg-expertise-fr.png");
    }
    
      .en  #mainPic{
     background-image: url("../skin/bkg-expertise-en.png");
    }
    
      .it  #mainPic{
     background-image: url("../skin/bkg-expertise-it.png");
    }
    
    
 
   #expertise .column4{
   width:226px;
   padding-left:5px;
   float:left;
   position:relative;
   top:-33px;
   }
   
   #expertise .abstract{
	color: #FFFFFF;
    float: left;
    font-size: 1.2em;
    left: 468px;
    line-height: 18px;
    padding: 0 14px;
    position: relative;
    text-align: justify;
    top: 364px;
    width: 206px;
      text-shadow: 1px 1px 1px #AB3E71; 
   }
   #sun{
   position:absolute;
   }
   
   .fr   #sun{
   right: 117px;
    top: 51px;
   }
   
     .it   #sun{
   right: 206px;
    top: 51px;
   }
   
     .en   #sun{
   right: 128px;
    top: 25px;
   }
    .column4 ul{
 	margin-left:10px;
  }
  .column4 li{
  	background: url(../skin/bullet.png) no-repeat left 1.4em;
    padding-left:6px !important;

  }
   
   .column4 h2{
   background-position:0 0;
   background-repeat:no-repeat;
   overflow:hidden;
   line-height:0;
   text-indent:-999px;
   height:33px;
   width:230px;
   }
   
   #digital{
   background-image: url("../skin/tit-digital.png");
   }
   
   .fr #identity{
   background-image: url("../skin/tit-identite-visuelle.png");
   }
   
     .fr #print{
   background-image: url("../skin/tit-graphisme.png");
   }
   
     .fr #typography{
   background-image: url("../skin/tit-typographie.png");
   }
   
      .en #identity{
   background-image: url("../skin/tit-brand-identity.png");
   }
   
     .en #print{
   background-image: url("../skin/tit-print.png");
   }
   
     .en #typography{
   background-image: url("../skin/tit-typography.png");
   }
   
      .it #identity{
   background-image: url("../skin/tit-brand-identity.png");
   }
   
     .it #print{
   background-image: url("../skin/tit-print.png");
   }
   
     .it #typography{
   background-image: url("../skin/tit-tipografia.png");
   }
    
    #methodBox{
    padding: 26px 5px 30px;
        border-top: 1px dotted #999;
	clear:both;
    }
    
    #methodBox h2 {
    border-bottom: 1px solid #EEEEEE;
    padding: 0 0 1px;
}

 #methodBox .column{
 float:left;
 width:18.2%;
 padding: 0 1%;

 }
 
   #methodBox h3{
   font-size:1em;
   font-weight:bold;
   margin:14px 0 0;
   }
   
  #methodBox .first{
  padding-left:0;
  }
  
    #methodBox .last{
  padding-right:0;
  }

#methodBox li, .column4 li{
border-bottom: 1px #EEEEED solid;
padding:9px 0 7px;
}
#methodBox li:last-child, .column4 li:last-child{
border:0;
}

    #clientsBox{
    padding: 26px 5px 40px;
        border-top: 1px dotted #999;
        background-image: url("../skin/bkg-cardBox-last.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
	clear:both;
    overflow:auto;
    -webkit-text-size-adjust: none;
    }
    
    #clientsBox h2 {
    border-bottom: 1px solid #EEEEEE;
    padding: 0 0 1px;
}

    #clientsBox ul{
    float:left;
    width:49.5%;
    margin-right:1%;
	margin-top:14px;
    }
    
     #clientsBox ul.last{
     margin-right:0;
     
     }
     
    #clientsBox li{
    border-bottom: 1px #EEEEED solid;
padding:9px 0 7px;
}

.telLink, .telLink:hover{
text-decoration:none;
color:#292929;
cursor:default;
}