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

body {
	text-align: center; /* centrage pour IE */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 76%;
	line-height: 1.15em;
	font-weight: normal;
	background: #fff;	
	color: #000;
	}
	
html, body, #contenant {height: 100%; margin: 0; padding: 0;}

body#contactPage {background: #fff url(../images/bgContact.gif) no-repeat center 129px;}
body#aboutPage {background: #fff url(../images/bgAbout.gif) no-repeat center 145px;}
body#portfolioPage {background: #fff url(../images/bgPortfolio.gif) no-repeat center 145px;}


br {clear: both;}	
	
/* ---[ Layout ]--------------------- */

#contenant {
	margin: 0px auto 0px;
	width: 987px;
	position: relative;
	}
	
	
	
	img#logoHome {
		margin: 15% 0 0 0;
		}
	

/* ---[ Navig principale ]--------------------- */

/*home*/

ul#navHome {
	position: absolute;
	bottom: 0; left: 0;
	}
	
ul#navHome li {
	list-style-type: none;
	display: inline;
	float: left;
	margin: 0 46px;
	}	
	
ul#navHome li a {
	display: block;
	text-indent: -9999px;
	}	
	
	
	ul#navHome li a#btnHome {width: 105px; height: 175px; background: url(../images/btnHome.gif) no-repeat 0 0;}	
	ul#navHome li a#btnPortfolio {width: 106px; height: 175px; background: url(../images/btnPortfolio.gif) no-repeat 0 0;}	
	ul#navHome li a#btnAbout {width: 105px; height: 175px; background: url(../images/btnAbout.gif) no-repeat 0 0;}	
	ul#navHome li a#btnContact {width: 106px; height: 175px; background: url(../images/btnContact.gif) no-repeat 0 0;}	
	ul#navHome li a#btnBlog {width: 105px; height: 175px; background: url(../images/btnBlog.gif) no-repeat 0 0;}	
	
	ul#navHome li a#btnHome:hover,
	ul#navHome li a#btnPortfolio:hover,
	ul#navHome li a#btnAbout:hover,
	ul#navHome li a#btnContact:hover,
	ul#navHome li a#btnBlog:hover {background-position: 0 -175px;}

/*section pages*/

ul#navSection {
	margin: 10px 0 0 4%;
	width: 635px;
	float: left;
	}
	
ul#navSection li {
	list-style-type: none;
	display: inline;
	float: left;
	margin: 0 59px 0 0;
	}	
	
ul#navSection li a {
	display: block;
	width: 68px; 
	height: 132px;
	text-indent: -9999px;
	}	
	
	
	ul#navSection li a#btnHome {background: url(../images/btnSectHome.gif) no-repeat 0 0;}	
	ul#navSection li a#btnPortfolio {background: url(../images/btnSectPortfolio.gif) no-repeat 0 0;}	
	ul#navSection li a#btnAbout {background: url(../images/btnSectAbout.gif) no-repeat 0 0;}	
	ul#navSection li a#btnContact {background: url(../images/btnSectContact.gif) no-repeat 0 0;}	
	ul#navSection li a#btnBlog {background: url(../images/btnSectBlog.gif) no-repeat 0 0;}	
	
	ul#navSection li a#btnHome:hover,
	ul#navSection li a#btnPortfolio:hover,
	ul#navSection li a#btnAbout:hover,
	ul#navSection li a#btnContact:hover,
	ul#navSection li a#btnBlog:hover {background-position: 0 -132px;}
	/*section highlight*/
	
	body#contactPage li a#btnContact:link, body#contactPage li a#btnContact:visited,
	body#aboutPage li a#btnAbout:link, body#aboutPage li a#btnAbout:visited,
	body#portfolioPage li a#btnPortfolio:link, body#portfolioPage li a#btnPortfolio:visited,
	body#blogPage li a#btnBlog:link, body#blogPage li a#btnBlog:visited{background-position: 0 -264px;}
	

/*sous-menu portfolio*/

ul#navPortfolio {
	width: 172px;
	float: left;
	margin: 66px 0 0 0;
	}
	
ul#navPortfolio li {
	list-style-type: none;
	margin: 0 0 22px 0;
	}	
	
ul#navPortfolio li a {
	display: block;
	width: 171px;
	text-indent: -9999px;
	}	
	
	
	ul#navPortfolio li a#btnLogos {height: 45px; background: url(../images/btnLogos.gif) no-repeat 0 0;}	
	ul#navPortfolio li a#btnPrint {height: 43px; background: url(../images/btnPrint.gif) no-repeat 0 0;}	
	ul#navPortfolio li a#btnInvitations {height: 32px; background: url(../images/btnInvitations.gif) no-repeat 0 0;}	
	ul#navPortfolio li a#btnApparel {height: 46px; background: url(../images/btnApparel.gif) no-repeat 0 0;}	
	ul#navPortfolio li a#btnPersonal {height: 46px; background: url(../images/btnPersonal.gif) no-repeat 0 0;}	
	
	ul#navPortfolio li a#btnLogos:hover,
	ul#navPortfolio li a#btnPrint:hover,
	ul#navPortfolio li a#btnInvitations:hover,
	ul#navPortfolio li a#btnApparel:hover,
	ul#navPortfolio li a#btnPersonal:hover {background-position: -171px 0;}
	
	/*section highlight*/
	
	body#portfolioPage.print li a#btnPrint:link, body#portfolioPage.print li a#btnPrint:visited,
	body#portfolioPage.logo li a#btnLogos:link, body#portfolioPage.logo li a#btnLogos:visited,
	body#portfolioPage.apparel li a#btnApparel:link, body#portfolioPage.apparel li a#btnApparel:visited,
	body#portfolioPage.invite li a#btnInvitations:link, body#portfolioPage.invite li a#btnInvitations:visited,
	body#portfolioPage.personal li a#btnPersonal:link, body#portfolioPage.personal li a#btnPersonal:visited {background-position: -171px 0;}


/* fin navig */	


#logoSection {
	width: 130px;
	height: 120px;
	position: absolute;
	top: 638px; right: 31px;
	}
	
	
#contentContact {
	clear: both;
	float: left;
	width: 367px;
	padding: 76px 0 0 406px;
	text-align: left;
	}


	img#listServices {margin: 10px 0 30px 0;}


#contentAbout {
	clear: both;
	float: left;
	width: 398px;
	padding: 95px 0 0 415px;
	text-align: left;
	}


#contentPortfolio {
	clear: both;
	float: left;
	width: 560px;
	padding: 66px 0 0 47px;
	text-align: left;
	}
	
	
	img.thumb {
		float: left;
		margin: 0 22px 16px 0;
		}	


#footer {
	float: right; 
	width: 240px; 
	text-align: right;
	padding: 30px 0 15px 0;
	font-size: 90%;
	color: #949494;
	}
	
img#logoFacebook {margin: 10px 0;}	

/* ---[ Format du texte ]--------------------- */

h1 {
	color: #eb068c;
	font-size: 200%;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 0 20px 0;
	text-indent: -9999px;
	}
	
	h1#h1About {width: 299px; height: 35px; background: url(../images/h1About.gif) no-repeat;}
	

h2 {
	
	}

h3 {
	
	}


p {
	font-size: 95%;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	}
	
	.small {font-size: 80%;}
	.medium {font-size: 130%; line-height: 1.2em;}
	.larger {font-size: 150%; line-height: 1.2em;}
	
	.pink {color: #eb068c;}


a:link, a:visited {color: #eb068c; }
a:hover, a:active {color: #000;}
a:focus {outline: none;}

/* ---[ Lists ]--------------------- */
		




/* ---[ Tables ]--------------------- */




/* ---[ 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 */