/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#333;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff;	
}


#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.6em;
	margin:0;
	color:#126b8c;
	padding:0 0 15px 0;
	font-family:"Myriad Pro" !important;
	font-weight:normal;
	text-transform:uppercase;
}

h2
{
	font-size:1.4em;
	margin:0;
	color:#d59e39;
	padding:0;
	font-weight:normal;
}

h3
{
	font-size:1em;
	margin:0 0 10px 0;
	color:#06243b;
	padding:0;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0 0 10px 0;
	line-height:1.4em;
}

ul
{
	list-style:none;
	margin:0;
	padding:0 0 12px 0;
}
ul li
{
	margin:0;
	padding:0 0 3px 10px;
	background:url(images/i_liste.gif) no-repeat 0 6px;
	font-size:0.9em;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

.noir
{
	color:#000;
	font-weight:bold;
}
.bleu
{color:#115470;margin-right:5px;}
.jaune
{color:#d39d39;}
.majuscule
{text-transform:uppercase;}
/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

.bg_accueil
{background:url(images/bg_accueil.gif) repeat-x top left;}
.bg_int
{background:url(images/bg_int.gif) repeat-x top left;}
.bg_realisations
{background:url(images/bg_realisations.gif) repeat-x top left;}
.bg_realDetails
{background:url(images/bg_realDetails.gif) repeat-x top left;}
/* --------------------------------------------------------------- */
/* -- entête ----------------------------------------------------- */

#entete
{
	width:955px;
	position:relative;
}

/* --- logo --------------------------------- */

div#logoCompagnie
{
	position:absolute;
	top:14px;
	left:29px;
	z-index:200;
}

div#logoCompagnie img.logo
{
	display:block;
	margin:0;
}

#logoPrint
{display: none;}

/* --- zone flash entête --------------------------------- */

#zoneFlash
{
	position:absolute;
	top:-1px;
	left:0;
	z-index:100;
}

/* -- Menu principal --------------------------------------- */

#menuPrincipal
{
	width:440px;
	z-index:200;
	position:absolute;
	top:101px;
	left:28px;
}

#menuPrincipal img{display:block;}

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

#menuPrincipal ul li
{
	float:left;	
	margin:0;
	padding:0;	
}

/* --- Sous-menu -------------------------------------- */

#divSubMenus {
    text-align: left;
    position: absolute;
    left: 0;
    top:0;
	z-index: 200;
	font-size: 0.9em;
}
#divSubMenus div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	width: 255px;
	z-index: 200;
	display: none;
	cursor: pointer;
}
html>body #divSubMenus div 
{padding-top: 0px;}

#divSubMenus div div {
	position: relative;
	display: block;
	width: 155px;
	white-space: normal;
	border-top: none;
	background: none;
}

#divSubMenus a {
	display: block;
	height: 1%;
	padding:4px 10px;
	color: #605556;
	text-decoration: none;
	background: #dcd9d9;
	border-top:1px solid #9c9b9b;
}

html>body #divSubMenus span, html>body #divSubMenus a, html>body #divSubMenus a.b-categorie
{height: auto;}

#divSubMenus a:hover, #divSubMenus a.b-categorie:hover 
{
	color:#fff;
	background:#9c9b9b;
}

/* -- choix d'un catégorie pour les réalisations -- */
#divSubMenus div div.choix-categorie 
{width: 188px;}
#divSubMenus a.b-categorie {
	display: block;
	height: 1%;
	padding:4px 10px;
	color: #605556;
	text-decoration: none;
	margin:0;
	border-top:1px solid #9c9b9b;
	background: #dcd9d9;
}

/* --- Diaporama -------------------------------------------- */

#diapo
{
	width:955px;
	position:absolute;
	top:86px;
	_top:100px;
	left:0;
	z-index:1;
}

/* ------------------------------------------------------------------------ */
/* -- zone de contenu ----------------------------------------------------- */

#zoneContenu_acc
{
	width:955px;
	padding:416px 0 0 0;
}

/* -- Accueil ------------------------------------------------------------- */

#contenu_acc
{width:921px;}

#colGau_acc
{
	float:left;
	width:307px;
	background:url(images/contenu_acc_bordGau.gif) no-repeat top left;
	margin:0 0 0 27px;
	_margin:0 0 0 15px;
}
#titreColGau_acc
{
	background:url(images/t_nouvellesCorpo.gif) no-repeat 0 2px;
	padding:38px 0 0 0;
}

#colCen_acc
{
	float:left;
	width:307px;
	background:url(images/contenu_acc_bordGau.gif) no-repeat top left !important;
}

#colDr_acc
{
	float:left;
	width:307px;
	background:url(images/contenu_acc_bordGau.gif) no-repeat top left !important;
}
#titreColDr_acc
{
	background:url(images/t_enCeMoment.gif) no-repeat 0 2px;
	padding:38px 0 0 0;
}

.contenu_colAcc
{padding:0 6px 0 9px;}

.contenu_colAcc p
{
	color:#8e8e8e;
	font-size:0.95em;
}
.contenu_colAcc span.date
{
	color:#d18c2f;
	font-size:0.9em;
}

.contenu_colAcc a:link, .contenu_colAcc a:visited, .contenu_colAcc a:active
{
	color:#8e8e8e;
	text-decoration:none;
}
.contenu_colAcc a:hover
{text-decoration:underline;}


/* -- Boîte SUIVEZ-NOUS --------------- */

#box-suivez-nous
{
	width:300px;
	background:url(images/contenu_acc_bordGau.gif) no-repeat top left;
	padding:2px 0 0 7px;
	margin:25px 0 0 0;
	position:relative;
}
#box-suivez-nous h1
{
	background:url(images/t-suiveznous.gif) no-repeat 0 0;
	text-indent:-9999em;
	margin:0;
	padding:0 0 8px 0;
}
#box-suivez-nous h2
{
	background:url(images/i-neomedia.gif) no-repeat top left;
	width:169px;
	height:31px;
	padding:0 0 9px 0;
	text-indent:-9999em;
}
#box-suivez-nous h3
{
	color:#8f8f8f;
	padding:0;
	margin:0;
}
#box-suivez-nous p
{
	color:#8f8f8f;
	padding:0;
}
#box-suivez-nous a
{
	color:#8f8f8f;
	text-decoration:none;
}
#box-suivez-nous a:hover
{text-decoration:underline;}
a.b-filRss
{
	display:block;
	float:left;
	width:22px;
	height:28px;
	background:url(images/i-filRSS.gif) no-repeat top left;
	text-indent:-9999em;
	margin:20px 6px 0 1px;
}

a.bt-twitter
{
	display:block;
	float:left;
	width:23px;
	height:28px;
	background:url(images/i-twitter.gif) no-repeat top left;
	text-indent:-9999em;
	margin:20px 6px 0 1px;
}

a.b-facebook
{
	display:block;
	float:left;
	width:24px;
	height:28px;
	background:url(images/i-facebook.gif) no-repeat top left;
	text-indent:-9999em;
	margin:20px 6px 0 0;
}

a.b-linkedin
{
	display:block;
	float:left;
	width:24px;
	height:28px;
	background:url(images/i-linkedin.gif) no-repeat top left;
	text-indent:-9999em;
	margin:20px 8px 0 0;
}

#abonnement-infolettre
{float:left;}

#abonnement-infolettre label
{
	font-weight:bold;
	color:#8f8f8f;
}

#abonnement-infolettre input
{margin:4px 0 0 0;}

#abonnement-infolettre input.c-abonnement
{
	width:125px;
	border:1px solid #c1c1c1;
	vertical-align:middle;
	color:#8f8f8f;
	padding:3px 5px;
	margin-top:5px;
}

#abonnement-infolettre input.c-b-abonnement
{
	vertical-align:middle;
	margin:3px 0 0 4px;
}

/* -- boîte confirmation abonnement infolettre --- */

#confirmation-abonnement
{
	position:absolute;
	top:-90px;
	left:-20px;
	width:352px;
	height:110px;
	background:url(images/confirmation-abonnement-bg.png) no-repeat top left;
	z-index:400 !important;
}
a.b-fermer
{
	display:block;
	width:28px;
	height:25px;
	background:url(images/b-fermer.gif) no-repeat top left;
	text-indent:-9999em;
	margin:8px 0 0 316px;	
}

#confirmation-abonnement p
{
	padding:3px 0 0 0;
	text-align:center;
	color:#000;
	font-size:1em;
	font-weight:bold;
	line-height:1.7em;
}
/* -- Page intérieure ------------------------------------------------------------- */
#zoneAnimation
{
	width:955px;
	position:absolute;
	top:129px;
	left:0;
	z-index:1;
	background:url(images/anim_bg.gif) no-repeat top right;
	height:134px;
}

#zoneAnimation .titre
{margin:50px 0 0 35px;}

#parallax 
{
	position:absolute;
	top:147px;
	left:488px;
	height:90px;
	overflow:hidden;
	width:418px;
	margin:0 auto;
	z-index:199;
} 

.i-t-nouvelles-web
{
	background:url(images/i-t-nouvelles-web.jpg) no-repeat top left;
	width:418px;
	height:90px;
}

/* ----------------------------------------------------- */
#zoneContenu
{
	width:918px;
	margin:310px 0 0 12px;
	background:#fff url(images/zoneContenu_bg.gif) no-repeat top left;
}
div#zoneContenu
{height:419px;}
html>body div#zoneContenu
{
	height:auto;
	min-height:419px
}

#colGau
{
	float:left;
	width:211px;
	background:url(images/colGau_bg.gif) no-repeat top left;
}
div#colGau
{height:419px;}
html>body div#colGau
{
	height:auto;
	min-height:419px
}

#colDr
{
	float:left;
	width:707px;
	padding:0 0 20px 0;
}

/* -- Colonne gauche ------------------------- */
#menuColGau
{	
	padding:42px 0 0 0;
	margin:0 0 20px 0;
}
#menuColGau h1
{
	background:url(images/colGau_titre_bg.gif) no-repeat top left;
	padding:6px 0 22px 31px;
	margin:0;
	font-size:1.15em;
	font-weight:normal;
	color:#fff;
}

#menuColGau ul
{
	list-style:none;
	margin:0 0 0 28px;
	padding:0;
}
#menuColGau ul li
{
	margin:0;
	padding:0 0 0 2px;
	width:181px;
	background:none;
}

#menuColGau a
{
	display: block ;
	font-size:1em;
	padding:7px 0 5px 0;
	_padding:5px 0 3px 0;
	margin:0;
	color:#000 !important;
	text-decoration:none;
	list-style:none;
	border-bottom:1px solid #eace9c;
}

#menuColGau a:hover, #menuColGau a.active
{
	background:url(images/menuColGau_hover.gif) no-repeat top right;
	color:#d59e39 !important;
	padding:7px 0 5px 0;
	_padding:5px 0 3px 0;
}


/* -- Colonne droite ------------------------- */

.contenu
{padding:0 11px 0 26px;}
.contenu_long
{padding:0 26px 0 34px;}

.contenu a:link, .contenu a:visited, .contenu a:active, .contenu_long a:link, .contenu_long a:visited, .contenu_long a:active
{color:#126b8c;}
.contenu a:hover, .contenu_long a:hover
{text-decoration:none;}

/* -- fil d'ariane -------------------------- */
#breadcrum
{
	width:655px;
	padding:12px 0 26px 0;
	font-size:0.9em;
	color:#90b8c7;
	text-transform:uppercase;
}

#breadcrum a:link, #breadcrum a:visited, #breadcrum a:active
{
	color:#90b8c7;
	text-decoration:none;
	padding:0 4px;
}
#breadcrum a:hover
{text-decoration:underline;}

/* ------------------------------------------------------------------------ */
/* -- Section Réalisations ------------------------------------------------ */

/* -- zone Projets description et thumnails ------ */

#zoneRealisations
{
	width:955px;
	position:absolute;
	top:129px;
	_top:129px;
	left:0;
	z-index:1;
	background:url(images/zoneRealisations_bg.gif) no-repeat top right;
}
div#zoneRealisations
{
	height:295px;
}
html>body div#zoneRealisations
{
	min-height:295px;
	height:auto;
}

#boxTxt_reali
{
	float:left;
	width:246px;
	background:#d09322 url(images/boxTxt_reali_bgContinu.gif) repeat-y top left;
}

#boxTxt_reali_bg
{
	background:url(images/boxTxt_reali_bg.gif) no-repeat top left;
}

#boxTxt_reali .titre
{margin:49px 0 10px 28px;}
#boxTxt_reali p
{
	padding:0 28px 15px 28px;
	color:#fff;
}
#boxTxt_reali select
{
	width:180px;
	margin:0 0 0 28px;
	font-size:0.9em;
}

/* -- Sélection des catégories ------------------- */

#nav-categories
{
	list-style:none;
	margin:0;
	padding:0 0 0 28px;
}
#nav-categories li
{
	margin:0;
	padding:0;
	background:none;
}

#nav-categories li a.b-choisissez
{
	display:block;
	width:152px;
	height:17px;
	background:url(images/b-choisissez.gif) no-repeat top left;
	text-decoration:none;
	color:#000;
	font-size:0.8em;
	text-transform:uppercase;
	padding:5px 0 0 38px;
}

/* -- zone projets ---------------------------------- */

#zoneProjets
{
	float:left;
	width:679px;
}

#zoneProjets p
{
	text-align:center;
	color:#bcbaba;
	font-size:0.9em;
	padding:40px 0 20px 0;
}

#flecheGau_ss
{
	float:left;
	width:50px;
	margin:0;
}
#flecheGau_ss img
{
	float:right;
	margin:167px 0 0 0;
}

#flecheDr_ss
{
	float:right;
	width:47px;
}
#flecheDr_ss img
{
	float:left;
	margin:170px 0 0 0;
}

#zphotos_ss
{
	float:left;
	width:582px;
}

#zphotos_ss img
{
	display:block;
	border:1px solid #b9b9bb;
	padding:1px;
}

#zphotos_ss ul
{
	list-style:none;
	margin:0 0 0 3px;	
}

#zphotos_ss ul li
{
	float:left;	
	margin:0;
	padding:0;
	background:none;
}

#zphotos_ss ul li img.img_ss_acc
{margin:0 17px 0 0;}

/* -- tooltip -------------------- */
.TipCls1
{
	background:url(images/head.png) no-repeat top left;
	margin:0;
	padding:14px 15px 6px 10px;
	_padding:14px 15px 20px 10px;
}

.TipCls1-equipe
{
	background:url(images/head-equipe.png) no-repeat top left;
	margin:0;
	padding:14px 15px 6px 10px;
	_padding:14px 15px 20px 10px;
}
/* --------------------------------------------------- */

#zoneContenu_realisations
{
	width:878px;
	margin:445px 0 0 45px;
}

#colGau_realisations
{
	float:left;
	width:349px;
	background:url(images/colGau_realisations_bg.gif) no-repeat top left;
	padding:25px 0 0 0;
}
div#colGau_realisations
{height:419px;}
html>body div#colGau_realisations
{
	height:auto;
	min-height:419px;
}
.contenu_realiGau
{padding:0 16px;}

#colDr_realisations
{
	float:left;
	width:480px;
	background:url(images/colDr_realisations_bg.gif) no-repeat top right;
	margin:0 0 0 49px;
	padding:25px 0 0 0;
}
.contenu_realiDr
{padding:0 16px;}

/* ------------------------------------------------------------------- */
/* -- Détail d'une réalisation --------------------------------------- */

#zoneRealisations_details
{
	width:955px;
	z-index:200;
	padding:51px 0 0 0;
	margin:101px 0 0 0;
	background:url(images/zoneRealisationsDetails_bg.gif) no-repeat 0 74px;
}

.bord-realisation
{
	position:absolute;
	top:187px;
	left:893px;
	width:942px;
	height:172px;
	background:url(images/zoneReali_bordDr.gif) no-repeat 0 0;
}

div#zoneRealisations_details
{
	height:360px;
}
html>body div#zoneRealisations_details
{
	min-height:360px;
	height:auto;
}

/* -- boîte titre -------------------------------- */
#zoneRealisations_details #titreReal_details
{
	width:444px;
	margin:0 0 0 24px;
}
#zoneRealisations_details #titreReal_details img
{float:left;}

#zoneRealisations_details #titreReal_details img.titre
{margin:0 11px 0 0;}

/* --- description du mandat ----------------------------- */

#mandat_description
{
	float:left;
	width:454px;
}

/* -- fil d'ariane -------------------- */
#breadcrum
{
	width:454px;
	color:#9c9b9b;
	font-size:1em;
	padding:14px 0 16px 0;
}
#breadcrum span
{margin:0 0 0 55px;}
#breadcrum a:link, #breadcrum a:visited, #breadcrum a:active
{
	color:#9c9b9b;
	font-size:1em;
	text-decoration:underline;
	padding:0;
}
#breadcrum a:hover
{text-decoration:none;}

/* -- fiche client --------------- */
#ficheClient
{
	width:454px;
	background:url(images/fiche_client.gif) no-repeat 0 0;
	margin:0 0 5px 0;
}

#ficheClient div
{
	width:389px;
	border-bottom:1px solid #f6e9d3;
	margin:0 0 0 52px;
}

#ficheClient h1
{
	color:#000;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif !important;
	font-weight:bold;
	padding:10px 0 6px 0;
	margin:0;
}

/* -- mandate client --------------- */
#mandatClient
{
	width:454px;
	background:url(images/mandat_client.gif) no-repeat 2px 2px;
}

#mandatClient div
{
	width:389px;
	border-bottom:1px solid #f6e9d3;
	margin:0 0 0 52px;
}

#mandatClient p
{
	color:#000;
	font-size:1em;
	padding:10px 0 6px 0;
	margin:0;
}

/* --- description du mandat ------------- */
#txtMandat
{padding:10px 10px 0 51px;}

#txtMandat p
{padding:0 0 5px 0;}

/* --- images du mandat ---------------------------------- */

#mandat_images
{
	float:left;
	width:488px;
}

#flecheGau_mandat
{
	float:left;
	width:47px;
	margin:0;
}
#flecheGau_mandat img
{
	float:right;
	margin:180px 0 0 0;
}

#flecheDr_mandat
{
	float:left;
	width:37px;
}
#flecheDr_mandat img
{margin:180px 0 0 0;}

#zphotos_mandat
{
	float:left;
	width:384px;
}

#zphotos_mandat ul
{
	list-style:none;
	margin:0 0 0 27px;	
}

#zphotos_mandat ul li
{
	float:left;	
	margin:0;
	padding:0;
	background:none;
}

#zphotos_mandat ul li img.img_ss_acc
{margin:23px 55px 0 0;}

/* -- ADRESSE ------------------------------------- */
#adresse-stGeorges
{
	float:left;
	width:228px;
	background:url(images/adresse_stgeorges.jpg) no-repeat top left;
	padding:130px 0 0 0;
}

#adresse-quebec
{
	float:left;
	width:240px;
	background:url(images/adresse_quebec.jpg) no-repeat top left;
	padding:130px 0 0 0;
}
#adresse-valdor
{
	float:left;
	width:194px;
	background:url(images/adresse_valdor.jpg) no-repeat top left;
	padding:130px 0 0 0;
}

/* --- CONTACT --------------------------------------------- */
.form
{margin:0 0 10px 0;}

.form label{
	float:left;
	width:170px;
	vertical-align: middle;
	font-size:1em;
	padding:4px 0 0 0;
}

.form input{	
	width:275px;
}
input.b-envoyer{
	width:126px;
	margin:10px 0 0 170px;
}

/* --- ÉQUIPE --------------------------------------------- */
#equipe-infos
{
	float:left;
	width:366px;
}
#equipe-pict
{
	float:left;
	width:303px;
	position:relative;
}

#equipe-infos h2
{padding:0 26px 0 0;}
#equipe-infos p
{padding:0 26px 15px 0;}

.form-equipe
{margin:0 0 10px 0;}

.form-equipe label{
	float:left;
	width:80px;
	vertical-align: middle;
	font-size:1em;
	padding:4px 0 0 0;
}

.form-equipe input{	
	width:260px;
	border:1px solid #bcbcbc;
}
.form-equipe textarea{	
	width:260px;
	border:1px solid #bcbcbc;
}
.form-equipe input.b-envoyer{
	width:126px;
	margin:10px 0 0 80px;
	border:none;
}

#equipe-anim
{
	position:absolute;
	top:0;
	left:0;
	width:336px;
	padding:0 0 19px 0;
	background:url(images/anim-bg-foot.gif) no-repeat bottom left;
}

#equipe-thumbs
{
	width:303px;
	background:url(images/equipe-thumbs-bg-left.gif) no-repeat 0 260px;
	padding:280px 0 0 0;
}

/* -- Images des membres de l'équipe fixes, sans animations ----------- */
#equipe-anim-claude h1, #equipe-anim-serge h1, #equipe-anim-annemarie h1, #equipe-anim-valerie h1, 
#equipe-anim-kristelle h1, #equipe-anim-sandra h1, #equipe-anim-johanne h1, #equipe-anim-danny h1, 
#equipe-anim-sebastien h1, #equipe-anim-billy h1, #equipe-anim-louis h1, #equipe-anim-vincent h1, 
#equipe-anim-simon h1, #equipe-anim-eric h1, #equipe-anim-valerieG h1
{text-indent:-9999em;}
#equipe-anim-claude, #equipe-anim-serge, #equipe-anim-annemarie, #equipe-anim-valerie, 
#equipe-anim-kristelle, #equipe-anim-sandra, #equipe-anim-johanne, #equipe-anim-danny, 
#equipe-anim-sebastien, #equipe-anim-billy, #equipe-anim-louis, #equipe-anim-vincent, 
#equipe-anim-simon, #equipe-anim-eric, #equipe-anim-valerieG
{
	position:absolute;
	top:0;
	left:0;
	width:336px;
	height:260px;
}

#equipe-anim-claude
{background:url(images/claude-poulin.jpg) no-repeat bottom left;}
#equipe-anim-serge
{background:url(images/serge-labbe.jpg) no-repeat bottom left;}
#equipe-anim-annemarie
{background:url(images/annemarie-quirion.jpg) no-repeat bottom left;}
#equipe-anim-valerie
{background:url(images/valerie-lessard.jpg) no-repeat bottom left;}
#equipe-anim-kristelle
{background:url(images/kristelle-laflamme.jpg) no-repeat bottom left;}
#equipe-anim-sandra
{background:url(images/sandra-letourneau.jpg) no-repeat bottom left;}
#equipe-anim-johanne
{background:url(images/johanne-jacques.jpg) no-repeat bottom left;}
#equipe-anim-danny
{background:url(images/danny-thompson.jpg) no-repeat bottom left;}
#equipe-anim-sebastien
{background:url(images/sebastien-lamarre.jpg) no-repeat bottom left;}
#equipe-anim-billy
{background:url(images/billy-pepin.jpg) no-repeat bottom left;}
#equipe-anim-louis
{background:url(images/lp-gauthier.jpg) no-repeat bottom left;}
#equipe-anim-vincent
{background:url(images/vincent-carrier.jpg) no-repeat bottom left;}
#equipe-anim-simon
{background:url(images/simon-bedard.jpg) no-repeat bottom left;}
#equipe-anim-eric
{background:url(images/eric-poirier.jpg) no-repeat bottom left;}
#equipe-anim-valerieG
{background:url(images/valerie-gagnon.jpg) no-repeat bottom left;}
/* thumbs équipe ---------------- */

#equipe-thumbs ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 17px;
}
#equipe-thumbs ul li
{
	float:left;
	margin:0;
	padding:0 7px 10px 0;
	background:none !important;
	_height:1%;
}
#equipe-thumbs ul li.last
{padding:0;}
#equipe-thumbs ul li a
{
	display:block;
	width:66px;
	height:48px;
	text-indent:-9999em;
}

/* equipe ---------------------- */
#equipe-thumbs ul li a.b-equipe
{background:no-repeat top left;}
#equipe-thumbs ul li a.b-equipe:hover, #equipe-thumbs ul li a.active-equipe
{background:no-repeat top left;}

/* Claude ---------------------- */
#equipe-thumbs ul li a.b-claude
{background:url(../upload/images/equipe/bn-claude-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-claude:hover, #equipe-thumbs ul li a.active-claude
{background:url(../upload/images/equipe/bo-claude-thumb.jpg) no-repeat top left;}
/* Serge ---------------------- */
#equipe-thumbs ul li a.b-serge
{background:url(../upload/images/equipe/bn-serge-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-serge:hover, #equipe-thumbs ul li a.active-serge
{background:url(../upload/images/equipe/bo-serge-thumb.jpg) no-repeat top left;}

/* Valérie ---------------------- */
#equipe-thumbs ul li a.b-valerie
{background:url(../upload/images/equipe/bn-valerie-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-valerie:hover, #equipe-thumbs ul li a.active-valerie
{background:url(../upload/images/equipe/bo-valerie-thumb.jpg) no-repeat top left;}

/* Anne-Marie ---------------------- */
#equipe-thumbs ul li a.b-annemarie
{background:url(../upload/images/equipe/bn-annemarie-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-annemarie:hover, #equipe-thumbs ul li a.active-annemarie
{background:url(../upload/images/equipe/bo-annemarie-thumb.jpg) no-repeat top left;}

/* Kristelle ---------------------- */
#equipe-thumbs ul li a.b-kristelle
{background:url(../upload/images/equipe/bn-kristelle-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-kristelle:hover, #equipe-thumbs ul li a.active-kristelle
{background:url(../upload/images/equipe/bo-kristelle-thumb.jpg) no-repeat top left;}

/* Sandra ---------------------- */
#equipe-thumbs ul li a.b-sandra
{background:url(../upload/images/equipe/bn-sandra-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-sandra:hover, #equipe-thumbs ul li a.active-sandra
{background:url(../upload/images/equipe/bo-sandra-thumb.jpg) no-repeat top left;}

/* Johanne ---------------------- */
#equipe-thumbs ul li a.b-johanne
{background:url(../upload/images/equipe/bn-johanne-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-johanne:hover, #equipe-thumbs ul li a.active-johanne
{background:url(../upload/images/equipe/bo-johanne-thumb.jpg) no-repeat top left;}

/* Danny ---------------------- */
#equipe-thumbs ul li a.b-danny
{background:url(../upload/images/equipe/bn-danny-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-danny:hover, #equipe-thumbs ul li a.active-danny
{background:url(../upload/images/equipe/bo-danny-thumb.jpg) no-repeat top left;}

/* Daniel ---------------------- */
#equipe-thumbs ul li a.b-daniel
{background:url(../upload/images/equipe/bn-daniel-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-daniel:hover, #equipe-thumbs ul li a.active-daniel
{background:url(../upload/images/equipe/bo-daniel-thumb.jpg) no-repeat top left;}

/* Sébastien ---------------------- */
#equipe-thumbs ul li a.b-sebastien
{background:url(../upload/images/equipe/bn-sebastien-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-sebastien:hover, #equipe-thumbs ul li a.active-sebastien
{background:url(../upload/images/equipe/bo-sebastien-thumb.jpg) no-repeat top left;}

/* Billy ---------------------- */
#equipe-thumbs ul li a.b-billy
{background:url(../upload/images/equipe/bn-billy-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-billy:hover, #equipe-thumbs ul li a.active-billy
{background:url(../upload/images/equipe/bo-billy-thumb.jpg) no-repeat top left;}

/* Louis ---------------------- */
#equipe-thumbs ul li a.b-louis
{background:url(../upload/images/equipe/bn-louis-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-louis:hover, #equipe-thumbs ul li a.active-louis
{background:url(../upload/images/equipe/bo-louis-thumb.jpg) no-repeat top left;}

/* Vincent ---------------------- */
#equipe-thumbs ul li a.b-vincent
{background:url(../upload/images/equipe/bn-vincent-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-vincent:hover, #equipe-thumbs ul li a.active-vincent
{background:url(../upload/images/equipe/bo-vincent-thumb.jpg) no-repeat top left;}

/* Simon ---------------------- */
#equipe-thumbs ul li a.b-simon
{background:url(../upload/images/equipe/bn-simon-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-simon:hover, #equipe-thumbs ul li a.active-simon
{background:url(../upload/images/equipe/bo-simon-thumb.jpg) no-repeat top left;}

/* Éric ---------------------- */
#equipe-thumbs ul li a.b-eric
{background:url(../upload/images/equipe/bn-eric-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-eric:hover, #equipe-thumbs ul li a.active-eric
{background:url(../upload/images/equipe/bo-eric-thumb.jpg) no-repeat top left;}

/* Valérie Gagnon ---------------------- */
#equipe-thumbs ul li a.b-valerieG
{background:url(../upload/images/equipe/bn-valerieG-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-valerieG:hover, #equipe-thumbs ul li a.active-valerieG
{background:url(../upload/images/equipe/bo-valerieG-thumb.jpg) no-repeat top left;}

/* Bryan ---------------------- */
#equipe-thumbs ul li a.b-bryan
{background:url(../upload/images/equipe/bn-bryan-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-bryan:hover, #equipe-thumbs ul li a.active-bryan
{background:url(../upload/images/equipe/bo-bryan-thumb.jpg) no-repeat top left;}

/* Alex ---------------------- */
#equipe-thumbs ul li a.b-alex
{background:url(../upload/images/equipe/bn-alex-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-alex:hover, #equipe-thumbs ul li a.active-alex
{background:url(../upload/images/equipe/bo-alex-thumb.jpg) no-repeat top left;}

/* Alan ---------------------- */
#equipe-thumbs ul li a.b-alan
{background:url(../upload/images/equipe/bn-alan-thumb.jpg) no-repeat top left;}
#equipe-thumbs ul li a.b-alan:hover, #equipe-thumbs ul li a.active-alan
{background:url(../upload/images/equipe/bo-alan-thumb.jpg) no-repeat top left;}

/* --- NOUVELLES --------------------------------------------- */

/* panes */
#flowpanes {		
	width:670px;
	height:600px;
	position:relative;
	overflow:hidden;
	clear:both;	
}

		/* override single pane */
		#flowpanes div {
			float:left;
			display:block;
			width:670px;
		}
	
		/* our additional wrapper element for the items */
		#flowpanes .items {
			width:20000em;
			position:absolute;
			clear:both;
			margin:0;
			padding:0;
		}

#flowpanes .items .nouvelles
{
	width:660px !important;
	border-left:1px solid #d59e39;
	background:url(images/ombre-foot.gif) repeat-x bottom left;
	padding:10px 0 9px 0;
	margin:0 0 0 10px;
}
.nouvelles .wrap-first
{padding:0 20px 0 10px !important;}
.nouvelles .wrap
{padding:25px 20px 0 10px !important;}

.nouvelles h1
{
	font-size:1em;
	font-weight:bold;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif !important;
	padding:0 0 7px 0;
}
.nouvelles h2
{font-size:1em;}
.nouvelles p
{padding:0 20px 20px 0;}

.nouvelles-foot
{position:relative;}

a.b-voir
{
	display:block;
	position:absolute;
	top:-13px;
	left:-9px;
	width:55px;
	height:30px;
	background:url(images/b-voir.gif) no-repeat top left;
	text-indent:-9999em;
}
a.b-retour
{
	display:block;
	position:absolute;
	top:-13px;
	left:-9px;
	width:142px;
	height:30px;
	background:url(images/b-retour.gif) no-repeat top left;
	text-indent:-9999em;
}

/* -- Nouvelles précédentes et suivantes -------- */

.prev
{
	display:block;
	float:left;
	width:142px;
	height:31px;
	background:url(images/b-nouvelles-precedentes.gif) no-repeat top left;
	border:none;
	text-indent:-9999em;
	cursor:pointer;
	margin:0 0 10px 0;
}

.next
{
	display:block;
	float:right;
	width:142px;
	height:31px;
	background:url(images/b-nouvelles-suivantes.gif) no-repeat top left;
	border:none;
	text-indent:-9999em;
	cursor:pointer;
	margin:0 0 10px 0;
}
/* --- EMPLOIS --------------------------------------------------------- */

#side-1
{
	float:left;
	width:440px;
	margin:0 20px 0 0;
}
#side-2
{
	float:left;
	width:203px;
	background:url(images/emploi-form-bg.jpg) no-repeat top left;
}
#side-2 .wrap
{
	padding:0 10px;
	height:524px;
}

html>body div#side-2 .wrap
{
	min-height:524px;
	height:auto;
}

#side-2 h1
{
	font-size:1.2em;
	padding:20px 0 11px 0;
}

.form-emploi
{margin:0 0 10px 0;}

.form-emploi label{
	font-size:1em;
	font-weight:normal;
}

.form-emploi input{	
	width:179px;
	border:1px solid #000;
	margin:5px 0 0 0;
}

.form-emploi input.b-envoyer{
	width:126px;
	margin:10px 0 0 55px;
	border:none;
}

/* --- EN CE MOMENT CHEZ ICLIC ------------------------------------- */

a.b-twitter
{
	float:right;
	display:block;
	width:73px;
	height:18px;
	background:url(images/logo-twitter.gif) no-repeat top left;
	text-indent:-9999em;
	margin:0 10px 50px 0;
}

.tweet
{
	width:100%;
	margin:0 0 13px 0;
	background:url(images/ombre-foot.gif) repeat-x bottom left;
	clear:both;
	padding:0 0 18px 0;
}

.tweet img
{
    margin:0 16px 0 0;
    float:left;
 }
.tweet p
{padding:10px 0 0 0;}

.tweet p.jaune
{padding:0;}

#colDr .tweet a.nom {text-decoration:none;}

/* ------------------------------------------------------------------------ */
/* -- zone du pied -------------------------------------------------------- */

#pied_bg
{
	background:url(images/pied_bg.gif) repeat-x top left;
	margin:15px 0 0 0;
}

#pied
{
	width:955px;
	margin:0 auto;
	text-align:left;
	padding:17px 0 0 0;
}

/* ---------------------------------------- */

a.b-marketingWeb
{
	display:block;
	float:left;
	width:290px;
	height:95px;
	background:url(images/onglet_marketing.jpg) no-repeat top left;
	text-indent:-9999em;	
	margin:0 18px 0 27px;
	_margin:0 18px 0 13px;
}
a.b-developpementWeb
{
	display:block;
	float:left;
	width:291px;
	height:95px;
	background:url(images/onglet_developpement.jpg) no-repeat top left;
	text-indent:-9999em;
	margin:0 16px 0 0;
}
a.b-hebergementWeb
{
	display:block;
	float:left;
	width:295px;
	height:95px;
	background:url(images/onglet_hebergement.jpg) no-repeat top left;
	text-indent:-9999em;
}
/* -- menu du pied ------------------------ */

#menuPied
{
	width:895px;
	background:url(images/menuPied_bg.gif) repeat-x bottom left;
	margin:0 0 4px 27px;
	padding:30px 0 7px 0;
}
#menuPied_filet
{
	background:url(images/menuPied_filet.gif) no-repeat bottom left;
	width:895px;
	padding:0 0 10px 0;
}

#boxAccueil
{
	float:left;
	width:147px;
	margin:0 0 0 27px;
	_margin:0 0 0 15px;
}
#boxAccueil_txt
{padding:0 15px;}

#boxIclic
{
	float:left;
	width:93px;
}
#boxiClic_txt
{padding:0 16px;}

#boxRealisations
{
	float:left;
	width:133px;
}
#boxRealisations_txt
{padding:0 26px;}

#boxServices
{
	float:left;
	width:147px;
}
#boxServices_txt
{padding:0 22px;}

#boxContact
{
	float:left;
	width:154px;
}
#boxContact_txt
{padding:0 24px;}

#boxSupport
{
	float:left;
	width:180px;
}
#boxSupport_txt
{padding:0 24px;}

#menuPied h1
{
	font-size:0.9em;
	padding:0 0 4px 0;
	margin:0;
	color:#000;
	font-weight:bold;
}

#menuPied ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#menuPied ul li
{
	color:#939393;
	font-size:0.9em;
	margin:0;
	padding:0 0 2px 0;
	background:none;
}

#menuPied a:link, #menuPied a:visited, #menuPied a:active
{
	color:#939393;
	text-decoration:none;
}
#menuPied a:hover
{text-decoration:underline;}

/* -- copyrights ---------------------------------- */
#copyrights ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:0 37px 10px 0;
}

#copyrights ul li
{
	float:left;
	margin:0;
	padding:0 0 0 5px;
	background:none;
	color:#716f6b;
	font-size:0.8em;
}

#copyrights ul li a:link, #copyrights ul li a:visited, #copyrights ul li a:active
{
	text-decoration:none;
	color:#716f6b;
}
#copyrights ul li a:hover
{text-decoration:underline;}

/* ------------------------------------------------ */

#contenant{
    width: 580px;
    height: 440px;
    border: 8px solid #FFF;
    overflow: auto;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

.slider{
    width: 2000px;
    height: 400px;
    padding: 20px;
    background: #CCCCCC;
}

.section{
    margin:0;
    width:220px;
    float:left;
    margin-right:50px;
} 

/* -- SUIVEZ-MOI SUR TWITTER ---------------- */

a.b-suivre-twitter
{
	display:block;
	width:196px;
	height:30px;
	margin:0 0 20px 0;
	background:url(images/b-suivezMoi-Twitter.gif) no-repeat 0 0;
	text-indent:-9999em;
}
a.b-suivre-twitter:hover
{background:url(images/b-suivezMoi-Twitter.gif) no-repeat 0 -30px;}

a.b-linkedin2
{
	display:block;
	width:196px;
	height:30px;
	margin:0 0 20px 0;
	background:url(images/b-linkedin_off.gif) no-repeat 0 0;
	text-indent:-9999em;
}
a.b-linkedin2:hover
{background:url(images/b-linkedin_on.gif) no-repeat 0 0px;}