/* stylesheetFull.css Preambule */
/* par Phil Turcotte le 29 juin 2010 */
/* www.numerique.ca */


#containerPrincipal {
	width:999px;
	height:569px;
	margin:10px auto 0px auto;
}

#containerTop {
	width:100%;
	height:160px;
	position:relative;
	z-index:98;
}

#logoTop {
	background-image:url(../images/img_logoPreambule.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-9999px;
	width:158px;
	height:97px;
	position:absolute;
	left:16px;
	top:44px;
	overflow:hidden;
}

#menuPrincipal {
	background-image:url(../images/img_menu.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:653px;
	height:118px;
	position:relative;
	left:177px;
}
#menuPrincipal a {
	background-image:url(../images/img_blank.gif);
	background-repeat:repeat;
	text-indent:-9999px;
	position:absolute;
	overflow:hidden;
}
#menuPrincipal li.menuAccueil a { width:145px; height:54px; left:11px; top:28px; }
#menuPrincipal li.menuAccueil a:hover, #menuPrincipal li.menuAccueil a.selected { background-image:url(../images/img_menu.jpg); background-repeat:no-repeat; background-position:-11px -146px; }
#menuPrincipal li.menuAgence a { width:175px; height:37px; left:157px; top:23px; }
#menuPrincipal li.menuAgence a:hover, #menuPrincipal li.menuAgence a.selected { background-image:url(../images/img_menu.jpg); background-repeat:no-repeat; background-position:-157px -141px; }
#menuPrincipal li.menuServices a { width:219px; height:52px; left:158px; top:60px; }
#menuPrincipal li.menuServices a:hover, #menuPrincipal li.menuServices a.selected { background-image:url(../images/img_menu.jpg); background-repeat:no-repeat; background-position:-158px -178px; }
#menuPrincipal li.menuEquipe a { width:111px; height:36px; left:332px; top:20px; }
#menuPrincipal li.menuEquipe a:hover, #menuPrincipal li.menuEquipe a.selected { background-image:url(../images/img_menu.jpg); background-repeat:no-repeat; background-position:-332px -138px; }
#menuPrincipal li.menuPortfolio a { width:158px; height:52px; left:377px; top:55px; }
#menuPrincipal li.menuPortfolio a:hover, #menuPrincipal li.menuPortfolio a.selected { background-image:url(../images/img_menu.jpg); background-repeat:no-repeat; background-position:-377px -173px; }
#menuPrincipal li.menuClients a { width:89px; height:37px; left:445px; top:17px; }
#menuPrincipal li.menuClients a:hover, #menuPrincipal li.menuClients a.selected { background-image:url(../images/img_menu.jpg); background-repeat:no-repeat; background-position:-445px -135px; }
#menuPrincipal li.menuBlogue a { width:37px; height:87px; left:535px; top:15px; }
#menuPrincipal li.menuBlogue a:hover, #menuPrincipal li.menuBlogue a.selected { background-image:url(../images/img_menu.jpg); background-repeat:no-repeat; background-position:-535px -133px; }
#menuPrincipal li.menuNousJoindre a { width:145px; height:33px; left:11px; top:82px; }
#menuPrincipal li.menuNousJoindre a:hover, #menuPrincipal li.menuNousJoindre a.selected { background-image:url(../images/img_menu.jpg); background-repeat:no-repeat; background-position:-11px -200px; }
#menuPrincipal li.menuFacebook a { width:39px; height:88px; left:572px; top:14px; }
#menuPrincipal li.menuTwitter a { width:38px; height:87px; left:611px; top:14px; }




/***********************************/
/* Accueil */
/***********************************/

div.accueil {
	background-image:url(../images/img_accueilBackground.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:relative;
	left:1px;
}

div.accueil #logoTop {
	background-image:none;
	width:129px;
	height:86px;
	position:absolute;
	top:54px;
	left:45px;
}

div#containerVideo {
	width:480px;
	height:385px;
	position:absolute;
	top:75px;
	left:238px;
}

a#btnPasserIntro {
	background-image:url(../images/img_btnPasserIntro.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-9999px;
	width:168px;
	height:120px;
	display:block;
	position:absolute;
	left:782px;
	top:279px;
	overflow:hidden;
}

a#btnPasserIntro:hover {
	background-position:0px -120px;
}

div#containerBottom {
	font-size:0.85em;
	color:#2A4F8C;
	height:50px;
	position:absolute;
	bottom:0px;
}

div#containerBottom a:link, div#containerBottom a:visited, div#containerBottom a:visited {color:#2A4F8C; text-decoration:underline;}
div#containerBottom a:hover {color:#2A4F8C; text-decoration:none;}

.ligne1 {
	width:140px;
	position:absolute;
	left:60px;
	top:5px;
}

.ligne2 {
	width:400px;
	position:absolute;
	left:70px;
	top:23px;
}

.ligne3 {
	width:470px;
	position:absolute;
	left:475px;
	top:15px;
}





/***********************************/
/* Agence */
/***********************************/

#containerAgence {
	padding:15px 0px 0px 30px;
	position:relative;
	z-index:99;
}

#containerTexteAgence {
	background-image:url(../images/img_agenceBoiteTexte.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:0.85em;
	font-weight:bold;
	text-align:justify;
	width:244px;
	height:314px;
	padding:10px 5px 10px 15px;
}

#containerTexteAgence div {
	width:234px;
	height:314px;
	padding:0px 10px 0px 0px;
	overflow:auto;
}

#containerImagesAgence {
	background-image:url(../images/img_agenceBackground.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:454px;
	height:306px;
	position:absolute;
	top:84px;
	left:333px !important;
	left:303px;
}

#processus {
	width:68px;
	height:68px;
	text-indent:-9999px;
	position:absolute;
	top:29px;
	left:183px;
	z-index:99;
	cursor:pointer !important;
	cursor:default;
}

#processus:hover span {
	background-image:url(../images/img_agenceBulleDoubleCorr.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:430px;
	height:211px;
	position:absolute;
	left:35px;
	top:-225px;
	z-index:99;
}

#innovation {
	width:88px;
	height:87px;
	text-indent:-9999px;
	position:absolute;
	top:189px;
	left:334px;
	cursor:pointer !important;
	cursor:default;
}

#innovation:hover span {
	background-image:url(../images/img_agenceBoiteInnovation.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:338px;
	height:334px;
	position:absolute;
	left:-35px;
	top:-247px;
	cursor:pointer;
}





/***********************************/
/* Équipe */
/***********************************/

#containerEquipe {
	background-image:url(../images/img_equipeBackground.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:846px;
	height:348px;
	position:relative;
	left:68px;
	top:21px;
}

#zoneCreativite {
	width:69px;
	height:69px;
	text-indent:-9999px;
	position:absolute;
	top:27px;
	left:288px;
	z-index:99;
	cursor:pointer !important;
	cursor:default;
}

#zoneCreativite:hover span {
	background-image:url(../images/img_equipeBulleCreativite.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:326px;
	height:341px;
	position:absolute;
	left:-326px;
	top:0px;
	cursor:pointer;
}

#btnMenuDirecteurs {
	background-image:none;
	background-position:0px 0px;
	text-indent:-9999px;
	width:240px;
	height:38px;
	position:absolute;
	left:47px;
	top:132px;
	overflow:hidden;
}

#btnMenuDirecteurs:hover {
	background-image:url(../images/img_rollMenuEquipe.gif);
}

#btnMenuCharges {
	background-image:none;
	background-position:0px -38px;
	text-indent:-9999px;
	width:258px;
	height:44px;
	position:absolute;
	left:27px;
	top:186px;
	overflow:hidden;
}

#btnMenuCharges:hover, #containerEquipe a.selectedEquipe {
	background-image:url(../images/img_rollMenuEquipe.gif);
}

#btnMenuConcepteurs {
	background-image:none;
	background-position:0px -82px;
	text-indent:-9999px;
	width:193px;
	height:40px;
	position:absolute;
	left:49px;
	top:268px;
	overflow:hidden;
}

#btnMenuConcepteurs:hover {
	background-image:url(../images/img_rollMenuEquipe.gif);
}

.dropMenu{
	border-top:2px solid #231F20;
	border-left:2px solid #231F20;
	border-right:2px solid #231F20;
	background-color:#FFFFFF;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.8em;
	margin-bottom:0px;
	overflow:auto;
}
.dropMenu ol { margin:10px 0px 0px 10px; }
.dropMenu a { text-decoration:none; }
.dropMenu a:hover{ color:#2E598A; }

#menuDirecteurs {
	width:238px;
	height:134px;
	position:absolute;
	left:45px;
	top:-4px;
	display:none;
}

#menuChargeDeProjet {
	width:258px;
	height:176px;
	position:absolute;
	left:25px;
	top:8px;
	display:none;
}

#menuConcepteurs {
	width:193px;
	height:210px;
	position:absolute;
	left:47px;
	top:56px;
	display:none;
}

#fiche {
	width:455px;
	height:329px;
	display:none;
	position:absolute;
	top:19px;
	left:390px;
}

#ficheNom {
	position:absolute;
	left:70px;
	top:130px;
}

#ficheStatut {
	position:absolute;
	left:70px;
	top:183px;
}

#fichePhoto {
	position:absolute;
	left:289px;
	top:85px;
}

#fichePhoto span {
	background-image:url(../images/img_equipeCadre.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:126px;
	height:155px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
}

#fichePhoto img {
	position:relative;
	z-index:90;
}





/***********************************/
/* Services */
/***********************************/

#containerServices {
	background-image:url(../images/img_servicesBackground.jpg);
	background-repeat:no-repeat;
	width:943px;
	height:388px;
	position:relative;
	left:1px;
	z-index:99;
}

#entreprise {
	width:76px;
	height:76px;
	text-indent:-9999px;
	position:absolute;
	top:233px;
	left:633px;
	z-index:99;
	cursor:pointer !important;
	cursor:default;
}

#entreprise:hover span {
	background-image:url(../images/img_servicesBulleEntreprise.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:391px;
	height:355px;
	position:absolute;
	left:-371px;
	top:-375px;
	cursor:pointer;
}

#containerServices p {
	line-height:1em;
	font-size:0.85em;
	font-weight:bold;
	width:260px;
	position:absolute;
	left:75px;
	top:95px;
}

#containerServices ul li {
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:15px;
}

#containerServices a:link, #containerServices a:visited, #containerServices a:hover, #containerServices a:active {
	color:#2E598A;
}

#relations {
	width:115px;
	position:absolute;
	top:210px;
	left:200px;
}

#publicite {
	width:100px;
	position:absolute;
	top:183px;
	left:427px;
}

#communication {
	width:90px;
	position:absolute;
	top:155px;
	left:831px;
}





/***********************************/
/* Clients */
/***********************************/

#containerClients {
	background-image:url(../images/img_clientsBackground.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:944px;
	height:408px;
	position:relative;
	top:-20px;
	left:1px;
	z-index:90;
}

#containerClients ul {
	position:absolute;
	top:16px;
	left:748px;
}

#containerClients ul li {
	text-transform:uppercase;
	font-weight:bold;
	line-height:18px;
}





/***********************************/
/* Portfolio */
/***********************************/

#containerPortfolio {
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:1002px;
	height:445px;
	position:relative;
	top:-40px;
	left:1px !important;
	left:3px;
	z-index:90;
}

.depliant { background-image:url(../images/img_portfolioBackgroundDepliant.jpg); }
.affiche { background-image:url(../images/img_portfolioBackgroundAffiche.jpg); }
.papeterie { background-image:url(../images/img_portfolioBackgroundPapeterie.jpg); }
.logo { background-image:url(../images/img_portfolioBackgroundLogo.jpg); }


ul#menuOnglet li a {
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}

#ongletLogo { width:55px; height:24px; top:85px; left:240px; }
#ongletPapeterie { width:74px; height:24px; top:126px; left:233px; }
#ongletAffiche { width:69px; height:25px; top:181px; left:246px; }
#ongletDepliant { width:74px; height:25px; top:268px; left:250px; }

.contenuPortfolio {
	width:580px;
	height:335px;
	position:absolute;
	left:330px;
	top:63px;
}

#contenuLogo, #contenuPapeterie, #contenuAffiche { display:none; }

div.containerPetitesImages {
	width:200px;
	margin:10px 0px 0px 20px;
}

div.petite_image {
	background-color:#FFFFFF;
	text-align:center;
	width:59px;
	height:59px;
	margin-bottom:11px; 
	float:left;
	/*opacity*/
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* Mozilla */
	-khtml-opacity: 0.5; /* Safari */
	opacity: 0.5; /* CSS3 */ 
}

div.petite_image:hover {
	/*opacity*/
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1.0; /* Mozilla */
	-khtml-opacity: 1.0; /* Safari */
	opacity: 1.0; /* CSS3 */ 
}

div.petite_image a {
	line-height:59px;
	width:59px;
	height:59px;
	display:block;
	cursor:pointer; 
}

div#realisation_image {
	text-align:center;
	width:211px;
	height:283px;
	float:left;
	position:absolute;
	top:60px;
	right:110px;
}

div#realisation_client {
	font-weight:bold;
	text-align:center;
	width:211px;
	position:absolute;
	top:350px;
	right:110px;
}





/***********************************/
/* Nous joindre */
/***********************************/

#containerNousJoindre {
	background-image:url(../images/img_nousJoindreBackground.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:965px;
	height:394px;
	position:relative;
	left:1px;
	top:-17px;
}

#containerNousJoindre h2 {
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	position:absolute;
	left:268px;
	top:38px;
}

#containerNousJoindre p {
	line-height:1.2em;
	font-weight:bold;
	color:#2A4F8C;
	position:absolute;
	left:300px;
	top:66px;
}

#containerNousJoindre p a:link, #containerNousJoindre p a:visited, #containerNousJoindre p a:hover, #containerNousJoindre p a:active {
	color:#2A4F8C;
}