@charset "utf-8";
/* CSS Document */
body, div, img, table, tr, td, p, ul, li, a{
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size:12px;
	color:#414141;
}
body{
	background:url(../images/bodybg.gif) top left repeat-x #FFFFFF;
}
a:link, a:visited{
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
#divGlobal{
	width:572px;
	margin:0 0 0 140px;
}
#divBandeau{
	background:url(../images/bandeau.gif) 0px 14px no-repeat;
	height:110px;
	width:572px;
}
#divBandeau p{
	display:none;
}
/* ---- ACCROCHE ----- */
	#divAccroche{
		clear:both;
		margin:0 0 0 25px;
	}
	#divAccroche p{
		text-indent:20px;
		font-size:13px;
		text-align:justify;
	}
	#divAccroche blockquote{
		font-size:14px;
		text-align:right;
		font-style:italic;
		font-weight:bold;
		margin:20px 0 0 0;
		padding:0 0 30px 0;
	}
	#divAccroche .nomProduit{
		/*font-style:italic;*/
		color:#3E5F70;
		font-weight:bold;
		font-size:13px;
	}
/* COORDONNEES et CV */
	#divCoordonnees{
		position:absolute;
		top:90px;
		left:15px;
	}
	#divCoordonnees p{
		margin:0 0 0 0;
		padding:0 0 0 42px;
		height:50px;
		vertical-align:middle;
		line-height:25px;
	}
	
	#divCoordonnees p.cv{
		background:url(../images/pucecv.jpg) top left no-repeat;
	}
	
	#divCoordonnees p.facebook{
		background:url(../images/pucefacebook.jpg) top left no-repeat;
	}
	
	#divCoordonnees p.twitter{
		background:url(../images/pucetwitter.jpg) top left no-repeat;
	}
	
	#divCoordonnees p.filrss{
		background:url(../images/pucerss.jpg) top left no-repeat;
		margin:10px 0 0 0;
	}
	#divCoordonnees a:link, a:visited{
		text-decoration:underline;
	}
	
	#divCoordonnees a:hover{
		text-decoration:none;
	}
	
/* VALIDATORS */
	#divValidators{
		text-align:right;
	}
	
	#divValidators img{
		margin:0 0 20px 10px;
	}
/* ANNUAIRES - AMIS */
	#divAnnuaires p, #divAmis p{
		text-align:right;
		font-size:11px;
	}
	#divAnnuaires p.titre, #divAmis p.titre{
		text-align:right;
		font-size:14px;
		margin:15px 0 10px 0;
	}
/* ----- CONTENU ----- */
	#divContenu{
		clear:both;
	}
	#divContenu ul.listereferences{
	}
	#divContenu ul.listereferences li{
		float:left;
		list-style:none;
		background:url(../images/bgnv1.jpg) bottom left no-repeat;
		margin:0 0 20px 0;
		padding:0 0 15px 0;
	}
	#divContenu div.listeliens{
		float:left;
		width:425px;
	}
	#divContenu p.client{
		background:url(../images/pucenv1.gif) 0px 3px no-repeat;
		display:block;
		padding:0 0 0 24px;
		font-size:14px;
	}
	#divContenu ul.reference{
		padding:0 0 0 50px;
		margin:0;
	}
	#divContenu ul.reference li{
		list-style-type:square;
		background:none;
		clear:both;
		width:369px;
		padding:0;
		margin:0;
	}
	#divContenu ul.reference li a{
		font-style:italic;
	}
	
	#divContenu div.listetechnologies{
		float:left;
		width:147px;
	}
	#divContenu ul.technologies{
		margin:18px 0 0 0;
	}
	#divContenu ul.technologies li{
		float:left;
		margin:0 3px 0 0;
		padding:0;
		display:block;
		height:16px;
	}
	#divContenu ul.technologies li span{
		display:none;
	}
	#divBubulle{
		position:absolute;
		top:0px;
		left:0px;
		width:105px;
		height:87px;
		padding:9px 20px 0 16px;
		background:url(../images/bubulle.png);
		background-position: top left;
		background-repeat:no-repeat;
		font-size:12px;
		line-height:11px;
		letter-spacing:-1px;
		z-index:1;
		display:none;
	}
	/* -- ITEM DE LA LISTE TECHNOLOGIES */
		/* FLASH */
		#divContenu ul.technologies li.flash{
			background:url(../images/tech_fla.gif);
			background-repeat:no-repeat;
			width:15px;
		}
		/* SWFOBJECT */
		#divContenu ul.technologies li.swfobject{
			background:url(../images/tech_swfo.gif);
			background-repeat:no-repeat;
			width:17px;
		}
		/* SWFADDRESS */
		#divContenu ul.technologies li.swfaddress{
			background:url(../images/tech_swfa.gif);
			background-repeat:no-repeat;
			width:16px;
		}
		/* GOOGLEANALYTICS */
		#divContenu ul.technologies li.googleanalytics{
			background:url(../images/tech_ga.gif);
			background-repeat:no-repeat;
			width:15px;
		}
		/* XML */
		#divContenu ul.technologies li.xml{
			background:url(../images/tech_xml.gif);
			background-repeat:no-repeat;
			width:16px;
		}
		/* CSS */
		#divContenu ul.technologies li.css{
			background:url(../images/tech_css.gif);
			background-repeat:no-repeat;
			width:15px;
		}
		/* PHP */
		#divContenu ul.technologies li.php{
			background:url(../images/tech_php.gif);
			background-repeat:no-repeat;
			width:16px;
		}
		/* JOOMLA */
		#divContenu ul.technologies li.joomla	{
			background:url(../images/tech_j.gif) top left no-repeat;
			width:16px;
			margin:0;
			padding:0;
		}
		#divContenu ul.technologies li.techno_up{
			background-position: 0px 0px;
		}
		#divContenu ul.technologies li.techno_down{
			background-position: 0px -16px;
		}
/* ----- LEGENDE ----- */
	#divLegende{
		clear:both;
		padding:40px 0 0 0;
		margin:0;
	}
	#divLegende ul{
		margin:0;
	}
	#divLegende ul li{
		float:left;
		list-style:none;
		height:24px;
		padding:0 0 0 27px;
		margin:0 0 6px 0;
	}
	#divLegende a{
		text-decoration:none;
		line-height:24px;
		vertical-align:middle;
		font-size:11px;
	}
	/* -- ITEMS DE LA LEGENDE -- */	
		/* FLASH */
		#divLegende ul li.legende_fla{
			background:url(../images/legende_fla.jpg) top left no-repeat;
			width:122px;
		}
		/* SWFADDRESS */
		#divLegende ul li.legende_swfa{
			background:url(../images/legende_swfa.jpg) top left no-repeat;
			width:122px;
		}
		/* XML */
		#divLegende ul li.legende_xml{
			background:url(../images/legende_xml.jpg) top left no-repeat;
			width:122px;
		}
		/* PHP */
		#divLegende ul li.legende_php{
			background:url(../images/legende_php.jpg) top left no-repeat;
		}
		/* SWFOBJECT */
		#divLegende ul li.legende_swfo{
			background:url(../images/legende_swfo.jpg) top left no-repeat;
			width:122px;
		}
		/* GOOGLEANALYTICS */
		#divLegende ul li.legende_ga{
			background:url(../images/legende_ga.jpg) top left no-repeat;
			width:122px;
		}
		/* CSS */
		#divLegende ul li.legende_css{
			background:url(../images/legende_css.jpg) top left no-repeat;
			width:122px;
		}
		/* JOOMLA */
		#divLegende ul li.legende_j{
			background:url(../images/legende_j.jpg) top left no-repeat;
		}
/* ----- EPILOGUE ----- */
	#divEpilogue{
		clear:both;
		width:572px;
		padding:70px 0 0px 0;
		margin:0;
	}
	#divEpilogue blockquote{
		font-size:14px;
		text-align:right;
		font-style:italic;
		font-weight:bold;
		padding:0;
		margin:0;
	}
	
/* ----- EPILOGUE ----- */
	#divSignature{
		clear:both;
		width:572px;
		padding:20px 0 170px 0;
		margin:0;
	}
	#divSignature blockquote{
		font-size:14px;
		text-align:right;
		font-style:italic;
		font-weight:bold;
		padding:0;
		margin:0;
	}