@charset "utf-8";
/* CSS Document */


#realisation-agence-conseil {
	position:absolute;
	left:225px;
	top:25px;
	z-index:20;
	border:0px;
	height:430px;
	width:700px;
}
#realisation-edition {
	position:absolute;
	left:225px;
	top:25px;
	z-index:20;
	border:0px;
	height:430px;
	width:575px;
}

#realisation-agence-conseil .left {
	text-align:left;
	width:130px;
}
#realisation-agence-conseil .right {
	text-align:right;
	width:130px;
}

.realisation-agence {
	border:1px;
	width:130px;
	height:130px;
	border-color:#448a86;
}
.realisation-impression {
	border:1px;
	width:130px;
	height:130px;
	border-color:#c8aa33;
}
.realisation-edition {
	border:1px;
	width:130px;
	height:130px;
	border-color:#838873;
}
.realisation-web-design {
	border:1px;
	width:130px;
	height:130px;
	border-color:#ccae8d;
}

.texte-realisation {
	font-size:14px;
	vertical-align:middle;
	line-height:30px;
	padding-left:35px;
}

.construction {
	font-size:36px;
	font-weight:bold;
	padding-top:200px;
	padding-left:50px;
	text-align:center;
	letter-spacing:10px;
	background:url(../images/edition/fond-enconstruction.jpg) top left;
	background-repeat:no-repeat;
}

.news {
	width:905px;
	font-size:14px;
	font-weight:normal;
	padding-top:0px;
	padding-left:130px;
	text-align:left;
	/*letter-spacing:10px;*/
	background:url(../images/fond-actualites.gif) top left;
	background-repeat:no-repeat;
}
.news-iframe {
	width:817px;
	height:450px;
	margin:0;
	padding:0;
}
.erreur {
	font-size:20px;
	font-weight:bold;
	padding-top:200px;
	padding-left:50px;
	text-align:center;
	letter-spacing:10px;
	background:url(../images/fond-erreur.gif) top left;
	background-repeat:no-repeat;
}


/* NOS REALISATIONS WEB DESIGN */
.fleche-haut {
	position:absolute;
	top:15px;
	left:150px;
	width:50px;
	height:50px;
	background:url(../images/web-design/fleche_haut.png) no-repeat center center;
	z-index:20;
	cursor:pointer;
}
.fleche-bas {
	position:absolute;
	bottom:15px;
	left:150px;
	width:50px;
	height:50px;
	background:url(../images/web-design/fleche_bas.png) no-repeat center center;
	z-index:20;
	cursor:pointer;
}
#nos-realisations-cont {
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	padding: 0px;
	margin: 0;
	height:500px;
	overflow:hidden;
}
#nos-realisations {
	position:absolute;
	top:50px;
	left:170px;
	width:750px;
	padding: 0px;
	margin: 0;
}

#nav-realisations {
	width:750px;
	margin: 0 0 0 0;
	padding: 0 0px 0px 0px;
	float:left;
}

#nav-realisations li {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	float:left;
	padding: 0px 0px 20px 20px;
}

#nav-realisations a {
	display:block;
	height:130px;
	width:130px;
	font-size:16px;
}
/* 2GFI */
#nav-realisations a.gfi, #nav-realisations a.gfi:visited { background: url(../images/web-design/2gfi.jpg) no-repeat top center; }
#nav-realisations a.gfi:hover {	background: url(../images/web-design/2gfi.jpg) no-repeat bottom center; }
/* ADN */
#nav-realisations a.adn, #nav-realisations a.adn:visited { background: url(../images/web-design/adn.jpg) no-repeat top center; }
#nav-realisations a.adn:hover { background: url(../images/web-design/adn.jpg) no-repeat bottom center; }
/* AUBREDES */
#nav-realisations a.aubredes, #nav-realisations a.aubredes:visited { background: url(../images/web-design/aubredes.jpg) no-repeat top center; }
#nav-realisations a.aubredes:hover { background: url(../images/web-design/aubredes.jpg) no-repeat bottom center; }
/* bat-risques */
#nav-realisations a.bat-risques, #nav-realisations a.bat-risques:visited { background: url(../images/web-design/bat-risques.jpg) no-repeat top center; }
#nav-realisations a.bat-risques:hover { background: url(../images/web-design/bat-risques.jpg) no-repeat bottom center; }
/* belbeoch */
#nav-realisations a.belbeoch, #nav-realisations a.belbeoch:visited { background: url(../images/web-design/belbeoch.jpg) no-repeat top center; }
#nav-realisations a.belbeoch:hover { background: url(../images/web-design/belbeoch.jpg) no-repeat bottom center; }

/* centre-archivage */
#nav-realisations a.centre-archivage, #nav-realisations a.centre-archivage:visited { background: url(../images/web-design/centre-archivage.jpg) no-repeat top center; }
#nav-realisations a.centre-archivage:hover {	background: url(../images/web-design/centre-archivage.jpg) no-repeat bottom center; }
/* danse-concept */
#nav-realisations a.danse-concept, #nav-realisations a.danse-concept:visited { background: url(../images/web-design/danse-concept.jpg) no-repeat top center; }
#nav-realisations a.danse-concept:hover { background: url(../images/web-design/danse-concept.jpg) no-repeat bottom center; }
/* emb */
#nav-realisations a.emb, #nav-realisations a.emb:visited { background: url(../images/web-design/emb.jpg) no-repeat top center; }
#nav-realisations a.emb:hover { background: url(../images/web-design/emb.jpg) no-repeat bottom center; }
/* fee-la-fete */
#nav-realisations a.fee-la-fete, #nav-realisations a.fee-la-fete:visited { background: url(../images/web-design/fee-la-fete.jpg) no-repeat top center; }
#nav-realisations a.fee-la-fete:hover { background: url(../images/web-design/fee-la-fete.jpg) no-repeat bottom center; }
/* fuscielli */
#nav-realisations a.fuscielli, #nav-realisations a.fuscielli:visited { background: url(../images/web-design/fuscielli.jpg) no-repeat top center; }
#nav-realisations a.fuscielli:hover { background: url(../images/web-design/fuscielli.jpg) no-repeat bottom center; }

/* innoval */
#nav-realisations a.innoval, #nav-realisations a.innoval:visited { background: url(../images/web-design/innoval.jpg) no-repeat top center; }
#nav-realisations a.innoval:hover {	background: url(../images/web-design/innoval.jpg) no-repeat bottom center; }
/* jpc */
#nav-realisations a.jpc, #nav-realisations a.jpc:visited { background: url(../images/web-design/jpc.jpg) no-repeat top center; }
#nav-realisations a.jpc:hover { background: url(../images/web-design/jpc.jpg) no-repeat bottom center; }
/* medipath */
#nav-realisations a.medipath, #nav-realisations a.medipath:visited { background: url(../images/web-design/medipath.jpg) no-repeat top center; }
#nav-realisations a.medipath:hover { background: url(../images/web-design/medipath.jpg) no-repeat bottom center; }
/* terrescale */
#nav-realisations a.terrescale, #nav-realisations a.terrescale:visited { background: url(../images/web-design/terrescale.jpg) no-repeat top center; }
#nav-realisations a.terrescale:hover { background: url(../images/web-design/terrescale.jpg) no-repeat bottom center; }
/* ste-maxime */
#nav-realisations a.ste-maxime, #nav-realisations a.ste-maxime:visited { background: url(../images/web-design/ste-maxime.jpg) no-repeat top center; }
#nav-realisations a.ste-maxime:hover { background: url(../images/web-design/ste-maxime.jpg) no-repeat bottom center; }
/* stomajo */
#nav-realisations a.stomajo, #nav-realisations a.stomajo:visited { background: url(../images/web-design/stomajo.jpg) no-repeat top center; }
#nav-realisations a.stomajo:hover { background: url(../images/web-design/stomajo.jpg) no-repeat bottom center; }

/* store-azur */
#nav-realisations a.store-azur, #nav-realisations a.store-azur:visited { background: url(../images/web-design/store-azur.jpg) no-repeat top center; }
#nav-realisations a.store-azur:hover {	background: url(../images/web-design/store-azur.jpg) no-repeat bottom center; }
/* style-home */
#nav-realisations a.style-home, #nav-realisations a.style-home:visited { background: url(../images/web-design/style-home.jpg) no-repeat top center; }
#nav-realisations a.style-home:hover { background: url(../images/web-design/style-home.jpg) no-repeat bottom center; }
/* sud-azur-conseil */
#nav-realisations a.sud-azur-conseil, #nav-realisations a.sud-azur-conseil:visited { background: url(../images/web-design/sud-azur-conseil.jpg) no-repeat top center; }
#nav-realisations a.sud-azur-conseil:hover { background: url(../images/web-design/sud-azur-conseil.jpg) no-repeat bottom center; }
/* techni-green */
#nav-realisations a.techni-green, #nav-realisations a.techni-green:visited { background: url(../images/web-design/techni-green.jpg) no-repeat top center; }
#nav-realisations a.techni-green:hover { background: url(../images/web-design/techni-green.jpg) no-repeat bottom center; }
/* vessaro */
#nav-realisations a.vessaro, #nav-realisations a.vessaro:visited { background: url(../images/web-design/vessaro.jpg) no-repeat top center; }
#nav-realisations a.vessaro:hover { background: url(../images/web-design/vessaro.jpg) no-repeat bottom center; }


/* vessaro */
#nav-realisations a.agoraios, #nav-realisations a.agoraios:visited { background: url(../images/web-design/agoraios.jpg) no-repeat top center; }
#nav-realisations a.agoraios:hover { background: url(../images/web-design/agoraios.jpg) no-repeat bottom center; }
/* vessaro */
#nav-realisations a.garrone, #nav-realisations a.garrone:visited { background: url(../images/web-design/garrone.jpg) no-repeat top center; }
#nav-realisations a.garrone:hover { background: url(../images/web-design/garrone.jpg) no-repeat bottom center; }
/* vessaro */
#nav-realisations a.groupe-laurent, #nav-realisations a.groupe-laurent:visited { background: url(../images/web-design/groupe-laurent.jpg) no-repeat top center; }
#nav-realisations a.groupe-laurent:hover { background: url(../images/web-design/groupe-laurent.jpg) no-repeat bottom center; }
/* vessaro */
#nav-realisations a.ajl, #nav-realisations a.ajl:visited { background: url(../images/web-design/lachenaud.jpg) no-repeat top center; }
#nav-realisations a.ajl:hover { background: url(../images/web-design/lachenaud.jpg) no-repeat bottom center; }
/* vessaro */
#nav-realisations a.masquelier, #nav-realisations a.masquelier:visited { background: url(../images/web-design/masquelier.jpg) no-repeat top center; }
#nav-realisations a.masquelier:hover { background: url(../images/web-design/masquelier.jpg) no-repeat bottom center; }
/* vessaro */
#nav-realisations a.maxim-or, #nav-realisations a.maxim-or:visited { background: url(../images/web-design/maxim-or.jpg) no-repeat top center; }
#nav-realisations a.maxim-or:hover { background: url(../images/web-design/maxim-or.jpg) no-repeat bottom center; }
/* vessaro */
#nav-realisations a.terrescale, #nav-realisations a.terrescale:visited { background: url(../images/web-design/terrescale.jpg) no-repeat top center; }
#nav-realisations a.terrescale:hover { background: url(../images/web-design/terrescale.jpg) no-repeat bottom center; }





/* FIN NOS REALISATIONS WEB DESIGN */