* { margin: 0; padding: 0; border: 0; }

body { text-align: center; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 11px; font-weight: normal; color:#999; background: #ebebea; }

/* ---[ Mise en page/Structure des pages ] --------------------------------------------------------------- */
#contenant	{ position:absolute; top: 50%; left: 50%; margin-left: -383px; margin-top: -216px; width: 765px; height: 431px;	text-align: left; background-color: #fff; }
#logo		{ position: absolute; display: block; top: 25px; left: 29px; width: 139px; height: 53px; }

/* ---[ MENU ] --------------------------------------------------------------- */

#mainNav					{ position:absolute; display:block; list-style-type:none; top: 444px; left: 20px; }
#mainNav li					{ display: inline ; }
#mainNav li a:link,
#mainNav li a:active,
#mainNav li a:visited,
#mainNav li a				{ color: #555; text-decoration:none; padding:0 9px; }
#mainNav li a:hover			{ color: #F7403A; }
#mainNav li em				{ font-style:normal; color: #000; padding:0 9px; }

#subNav						{ position:absolute; display:block; list-style-type:none; top: 444px; right: 20px; }
#subNav li					{ display: inline ; }
#subNav li a:link,
#subNav li a:active,
#subNav li a:visited,
#subNav li a				{ color: #555; text-decoration:none; padding:0 9px; }
#subNav li a:hover			{ color: #F7403A; }
#subNav li em				{ font-style:normal; color: #000; padding:0 9px; }

/* ---[ TYPOGRAPHIE ] --------------------------------------------------------------- */

.graycaption				{ font-size: 15px; color: #A6A8A9; line-height: 1.8em; }
.redcaption					{ font-size: 16px; color: #F7403A; line-height: 1.6em; }
strong						{ font-weight: normal; color: #555; }
.redcolor					{ color: #F7403A; }
p							{ padding: 0 0 10px 0; }

/* ---[ LIEN ] --------------------------------------------------------------- */

a:focus						{ outline: none;}

a, a:active, a:link, a:visited { color: #666; text-decoration: none }
a:hover { color: #F7403A ; }

/* ---[ PAGE HOME ] --------------------------------------------------------------- */

div.home					{ background: Transparent url(homeback.jpg) no-repeat right top; }
div.home p					{ padding: 0; }
#hometxt					{ position:absolute; left:29px;	top: 135px;	width: 445px; }
#hometitle					{ font-size: 12px; color: #F7403A; margin: 0 0 20px 0; }

/* ---[ PAGE CONTACT ] --------------------------------------------------------------- */
div.contact					{ background: Transparent url(contactback.jpg) no-repeat right top; }
#contacttxt					{ position:absolute; left: 29px; top: 135px; }
#contacttxt label			{ float: left; display: block; width: 45px; }
#contacttxt p				{ color: #999; line-height: 1.5em; padding: 0 0 20px 0; }
#contacttxt p.phone			{ color: #555 ; font-weight: bold; }

/* ---[ PAGE PORTEFOLIO ] --------------------------------------------------------------- */
div.portefolio				{ background: Transparent url(whiteback.jpg) no-repeat right top; }
#portefolioNav				{ position:absolute; left: 29px; top: 145px; }
#portefolioNav td			{ width: 33px ;	height: 33px; }
#portefolioNav td a			{ cursor: pointer; }
#portefolioNav td img		{ width: 33px ;	height: 33px ; }
#clientTitle				{ position:absolute; left: 29px; top: 385px; }
.portefolioContenu			{ position:absolute; left: 250px; top: 0; width: 500px;	height: 431px; background-color: #fff; }
/*.portefolioContenu			{ position:absolute; left: 250px; top: 0; width: 500px;	height: 431px; 	display:none; background-color: #fff; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); }*/
.clientDefTitle				{ position:absolute; left: 23px; top: 34px; }
.clientItemFirst			{ position: absolute ; left: 0; top: 50px; width: 500px; height: 381px;	background-color: #fff; }
.clientItem					{ position: absolute ; left: 0; top: 50px; width: 500px; height: 381px;	display:none; background-color: #fff; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0);	}
.clientItem img				{ display: block; position: absolute; }
.clientItemDef				{ position:absolute; left: 23px; top: 0; line-height: 1.5em; }
#clientcounter				{ position:absolute; left: 670px; top: 69px; z-index:400; }
#clientcounter a, 
#clientcounter a:link, 
#clientcounter a:visited, 
#clientcounter a:active		{ color: #F7403A; }
#clientcounter a:hover		{ color: #999; }

/* ---[ PAGE EQUIPE ] --------------------------------------------------------------- */
div.equipe					{ background: Transparent url(whiteback.jpg) no-repeat right top; }

.equipeContenuFirst			{ position:absolute; left: 250px; top: 0; width: 500px;	height: 431px; background-color: #fff ; display:block; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);
							  background-repeat: no-repeat; background-position: right bottom; }


.equipeContenu				{ position:absolute; left: 250px; top: 0; width: 500px;	height: 431px; background-color: #fff ; display:none;
							  background-repeat: no-repeat; background-position: right bottom; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); }
							  
.infoEqu					{ line-height: 1.5em; position:absolute; left: 25px; top: 135px; }
.infoEqu a,
.infoEqu a:link,
.infoEqu a:active,
.infoEqu a:visited			{ color: #999; }
.infoEqu a:hover			{ color: #F7403A; }
.textEqu					{ font-size: 10px; line-height: 1.4em; position:absolute; left: 25px; top: 250px; width: 442px;	height: 105px; color: #777; }
.textEquBack				{ position:absolute; left: 0; top: 225px; width: 492px; height: 155px; background: Transarent ; }

#equipe0div					{ background-image: url(../images/equipe/luc.jpg) ; } /* bug IE6 */
#equipe1div					{ background-image: url(../images/equipe/luc.jpg) ; }
#equipe2div					{ background-image: url(../images/equipe/julie.jpg) ; }
#equipe3div					{ background-image: url(../images/equipe/jf.jpg) ; }
#equipe4div					{ background-image: url(../images/equipe/lise.jpg) ; }
#equipe5div					{ background-image: url(../images/equipe/hugo.jpg) ; }
#equipe6div					{ background-image: url(../images/equipe/philippe.jpg) ; }
#equipe7div					{ background-image: url(../images/equipe/sebas.jpg) ; }

#equipeNav					{ position:absolute; left: 29px; top: 190px; list-style-type: none;	}
#equipeNav li a,
#equipeNav li a:link,
#equipeNav li a:active,
#equipeNav li a:visited		{ color: #999; line-height: 2em; cursor: pointer; }
#equipeNav li a:hover			{ color: #F7403A; }

#titleEqu					{ font-size:11px; /*letter-spacing: -0.1em;*/ position:absolute; left: 29px; top: 135px; color: #555; width: 225px; line-height: 1.5em; }

/* ---[ PAGE SERVIES ] --------------------------------------------------------------- */
div.services				{ background: Transparent url(whiteback.jpg) no-repeat right top; }

#servicesTitle				{ position:absolute; left: 272px; top: 50px; }
.servicesTxt				{ display:block; margin: 55px 0 50px 0; line-height: 1.5em;	height: 100px; font-size:10px; }
.servicesCaption			{}
.servicesContenuFirst		{ position:absolute; left: 272px; top: 66px; width: 460px; }
.servicesContenu			{ position:absolute; left: 272px; top: 66px; width: 460px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); display:none; }
.servicesContenuFirst p,
.servicesContenu p			{ padding: 0; }

#servicesNav				{ position:absolute; left: 29px; top: 180px; list-style-type: none;	}
#servicesNav li a,
#servicesNav li a:link,
#servicesNav li a:active,
#servicesNav li a:visited	{ color: #999; line-height: 2em; cursor: pointer; }
#servicesNav li a:hover		{ color: #F7403A; }

/* ---[ PAGE INDEX ] --------------------------------------------------------------- */

div.accueil					{ background: Transparent url(indexback.jpg) no-repeat right top; }
div.accueil ul				{ position: absolute; display: block; list-style-type: none; top: 252px; left: 145px; }
div.accueil ul li			{ display: inline; }
div.accueil ul li.last		{ border-left: solid 1px #F7403A; }
div.accueil ul li a:link,
div.accueil ul li a:active,
div.accueil ul li a:visited,
div.accueil ul li a			{ text-decoration: none; font-size: 14px; color: #F7403A; padding: 0 8px; }
div.accueil ul li a:hover	{ color: #555 ; }
#logoAcc					{ position: absolute; display: block; top: 179px; left: 29px; width: 139px;	height: 53px; }

/* ---[ Hacks ] --------------------------------------------------------------- */
.clearfix:after				{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix					{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix			{ height: 1%;}
.clearfix					{ display: block;}
/* End hide from IE-mac */