#portfolio {
	width: 965px;
	margin:0 auto;
	overflow: auto;
}

#sous_menu_portfolio{
	overflow: hidden;
	border-bottom: 1px solid #000000;
}
#sous_menu_portfolio li{
	display: inline;
	margin-right: 6px;
	font-size: 14px; /* en em le texte n'entre pas sur une ligne sur FF Mac seulement */
}

#portfolio{
	min-height: 500px;
}

#zoneboites {
	height: 530px;
	margin: 0 auto;
	position: relative;
}
#zoneboites>a {
	position: absolute;
	border: solid 2px #b4b4b4;
	border-radius: 10px;
	/* Non reconnu par IE,
	 * Mal supporté par Firefox
	-moz-border-radius: 10px;
	*/
	-webkit-border-radius: 10px;
	
	text-indent: -999em;
	z-index: 10;
}
zoneboites>a {
	display: block;
}
#zoneboites>a.taille1 {
	width: 415px;
	height: 160px;
}
#zoneboites>a.taille2 {
	width: 160px;
	height: 245px;
}
#zoneboites>a.taille3 {
	width: 245px;
	height: 160px;
}
#zoneboites>a.taille4 {
	width: 160px;
	height: 160px;
}
#zoneboites>a.taille5 {
	width: 330px;
	height: 160px;
}
#zoneboites>a.taille6 {
	width: 245px;
	height: 330px;
}
#zoneboites>a.taille7 {
	width: 160px;
	height: 330px;
}
#zoneboites>a.taille8 {
	width: 75px;
	height: 160px;
}
#zoneboites>a.taille9 {
	width: 75px;
	height: 75px;
}

#boite1 {
	top: 10px;
	left: 20px;
}

#boite2 {
	top: 10px;
	left: 105px;
}

#boite3 {
	top: 95px;
	left: 445px;
}

#boite4 {
	top: 10px;
	left: 530px;
}

#boite5 {
	top: 180px;
	left: 20px;
}

#boite6 {
	top: 180px;
	left: 360px;
}

#boite7 {
	top: 350px;
	left: 275px;
}

#boite8 {
	top: 350px;
	left: 445px;
}

#boite9 {
	top: 265px;
	left: 530px;
}

#boite10 {
	top: 180px;
	left: 700px;
}

#boite11 {
	top: 180px;
	left: 785px;
}

#boite12 {
	top: 350px;
	left: 700px;
}

#projet{
	width:823px;
	height: 160px;
	margin: 10px auto;
	padding: 500px 53px 10px;
	position: relative;
	color: #b0b0b0;
	border: 2px solid #b0b0b0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #ffffff;
	background-repeat: no-repeat;
}

#projet ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#fermer{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 25px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	background: url(../../images/fond_fermer.gif) no-repeat;
	text-indent: -9999em;
}
#fermer:hover{
	background-position: 0 -25px;
}

#apercu_projet{
	position:absolute;
	top: 130px;
	right: 75px;
}
#apercu_projet li{
	margin: 10px 0;
}
#apercu_projet img{
	border: 2px solid #b0b0b0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#apercu_projet a:hover img{
	border: 2px solid #000000;
}

#navigation{
	width: 170px;
	margin: 0 auto;
	overflow: hidden;
}
#navigation a{
	float: left;
	margin: 0 15px;
	display: block;
	width: 55px;
	height: 55px;
	text-indent: -999em;
}
#navigation #precedent{
	background: url(../../images/fleche_gauche.gif) no-repeat;
}
#navigation #suivant{
	background: url(../../images/fleche_droite.gif) no-repeat;
}
#navigation a#precedent:hover, #navigation a#suivant:hover{
	background-position: 0 -55px;
}

#boutonsoumission{
	float: right;
	margin: -40px 10px 0 0;
	display: block;
	width: 224px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: url(../../images/fond_demande_soumission.gif) no-repeat;
}
#boutonsoumission:hover{
	background-position:0 -31px;
	color: #393939;
}

#popup {
	position:absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	margin:0;
	background: url(../../images/back_portfolio.png);
	z-index:100;
}


/************************************************************************/
div#zoneboites>a {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
}
div.campagne>a.casino {
	background-image: url('../../images/portfolio/campagne/casino_apercu.jpg');
}
div.campagne>a.ladysystem {
	background-image: url('../../images/portfolio/campagne/ladysystem_apercu.jpg');
}
div.campagne>a.odessa {
	background-image: url('../../images/portfolio/campagne/odessa_apercu.jpg');
}
div.campagne>a.orange {
	background-image: url('../../images/portfolio/campagne/orange_apercu.jpg');
}
div.campagne>a.paventia {
	background-image: url('../../images/portfolio/campagne/paventia_apercu.jpg');
}
div.campagne>a.heiko {
	background-image: url('../../images/portfolio/campagne/heiko_apercu.jpg');
}
div.campagne>a.iris {
	background-image: url('../../images/portfolio/campagne/iris_apercu.jpg');
}
div.campagne>a.sorad {
	background-image: url('../../images/portfolio/campagne/sorad_apercu.jpg');
}
div.campagne>a.yonka {
	background-image: url('../../images/portfolio/campagne/yonka_apercu.jpg');
}
div.campagne>a.pregvit {
	background-image: url('../../images/portfolio/campagne/pregvit_apercu.jpg');
}
div.campagne>a.vimont {
	background-image: url('../../images/portfolio/campagne/vimont_apercu.jpg');
}
div.campagne>a.manubric {
	background-image: url('../../images/portfolio/campagne/manubric_apercu.jpg');
}
div.emballage>a.yonka {
	background-image: url('../../images/portfolio/emballage/yonka_apercu.jpg');
}
div.emballage>a.sorad {
	background-image: url('../../images/portfolio/emballage/sorad_apercu.jpg');
}
div.emballage>a.prime {
	background-image: url('../../images/portfolio/emballage/prime_apercu.jpg');
}
div.emballage>a.pregvit {
	background-image: url('../../images/portfolio/emballage/pregvit_apercu.jpg');
}
div.emballage>a.manubric {
	background-image: url('../../images/portfolio/emballage/manubric_apercu.jpg');
}
div.emballage>a.lumec {
	background-image: url('../../images/portfolio/emballage/lumec_apercu.jpg');
}
div.emballage>a.ladysystem {
	background-image: url('../../images/portfolio/emballage/ladysystem_apercu.jpg');
}
div.emballage>a.iris {
	background-image: url('../../images/portfolio/emballage/iris_apercu.jpg');
}
div.emballage>a.heiko {
	background-image: url('../../images/portfolio/emballage/heiko_apercu.jpg');
}
div.emballage>a.desmeules {
	background-image: url('../../images/portfolio/emballage/desmeules_apercu.jpg');
}
div.emballage>a.paventia {
	background-image: url('../../images/portfolio/emballage/paventia_apercu.jpg');
}
div.emballage>a.farfadet {
	background-image: url('../../images/portfolio/emballage/farfadet_apercu.jpg');
}
div.www>a.aideenligne {
	background-image: url('../../images/portfolio/www/aideenligne_apercu.jpg');
}
div.www>a.germainlariviere {
	background-image: url('../../images/portfolio/www/germainlariviere_apercu.jpg');
}
div.www>a.heiko {
	background-image: url('../../images/portfolio/www/heiko_apercu.jpg');
}
div.www>a.inflight {
	background-image: url('../../images/portfolio/www/inflight_apercu.jpg');
}
div.www>a.internationalfeux {
	background-image: url('../../images/portfolio/www/internationalfeux_apercu.jpg');
}
div.www>a.manubric {
	background-image: url('../../images/portfolio/www/manubric_apercu.jpg');
}
div.www>a.laronde {
	background-image: url('../../images/portfolio/www/laronde_apercu.jpg');
}
div.www>a.mondialchoral {
	background-image: url('../../images/portfolio/www/mondialchoral_apercu.jpg');
}
div.www>a.mustplus {
	background-image: url('../../images/portfolio/www/mustplus_apercu.jpg');
}
div.www>a.paventia {
	background-image: url('../../images/portfolio/www/paventia_apercu.jpg');
}
div.www>a.prodgreg {
	background-image: url('../../images/portfolio/www/prodgreg_apercu.jpg');
}
div.www>a.reseauaffaireplus {
	background-image: url('../../images/portfolio/www/reseauaffaireplus_apercu.jpg');
}
div.marque>a.aquafolia {
	background-image: url('../../images/portfolio/marque/aquafolia_apercu.jpg');
}
div.marque>a.duclos {
	background-image: url('../../images/portfolio/marque/duclos_apercu.jpg');
}
div.marque>a.heiko {
	background-image: url('../../images/portfolio/marque/heiko_apercu.jpg');
}
div.marque>a.inflight {
	background-image: url('../../images/portfolio/marque/inflight_apercu.jpg');
}
div.marque>a.hyprescon {
	background-image: url('../../images/portfolio/marque/hyprescon_apercu.jpg');
}
div.marque>a.manubric {
	background-image: url('../../images/portfolio/marque/manubric_apercu.jpg');
}
div.marque>a.labmd {
	background-image: url('../../images/portfolio/marque/labmd_apercu.jpg');
}
div.marque>a.orange {
	background-image: url('../../images/portfolio/marque/orange_apercu.jpg');
}
div.marque>a.powermedia {
	background-image: url('../../images/portfolio/marque/powermedia_apercu.jpg');
}
div.marque>a.sorad {
	background-image: url('../../images/portfolio/marque/sorad_apercu.jpg');
}
div.marque>a.vendmark {
	background-image: url('../../images/portfolio/marque/vendmark_apercu.jpg');
}
div.marque>a.vimont {
	background-image: url('../../images/portfolio/marque/vimont_apercu.jpg');
}
div.imprime>a.aquafolia {
	background-image: url('../../images/portfolio/imprime/aquafolia_apercu.jpg');
}
div.imprime>a.casino {
	background-image: url('../../images/portfolio/imprime/casino_apercu.jpg');
}
div.imprime>a.cato {
	background-image: url('../../images/portfolio/imprime/cato_apercu.jpg');
}
div.imprime>a.gmcollin {
	background-image: url('../../images/portfolio/imprime/gmcollin_apercu.jpg');
}
div.imprime>a.hyprescon {
	background-image: url('../../images/portfolio/imprime/hyprescon_apercu.jpg');
}
div.imprime>a.lar {
	background-image: url('../../images/portfolio/imprime/lar_apercu.jpg');
}
div.imprime>a.misencil {
	background-image: url('../../images/portfolio/imprime/misencil_apercu.jpg');
}
div.imprime>a.orange {
	background-image: url('../../images/portfolio/imprime/orange_apercu.jpg');
}
div.imprime>a.paventia {
	background-image: url('../../images/portfolio/imprime/paventia_apercu.jpg');
}
div.imprime>a.paventiarevue {
	background-image: url('../../images/portfolio/imprime/paventiarevue_apercu.jpg');
}
div.imprime>a.progesys {
	background-image: url('../../images/portfolio/imprime/progesys_apercu.jpg');
}
div.imprime>a.technorem {
	background-image: url('../../images/portfolio/imprime/technorem_apercu.jpg');
}