@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
	color:black;
	background-color:white;
}
* {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}
/* SPLASH */
.bloc_fixed { /*Class reglant la position des blocs de fond*/
	position:fixed;
	left:0%;
	top:0%;
	bottom:0%;
	right:0%;
	_display:block;
}
#bloc_splash_fond_logo{
	background:url(interface/spl_sous_logo.png) no-repeat center;
	margin-bottom:180px;
}
#bloc_splash_logo {
	background:url(interface/spl_logo.png) no-repeat center;
	margin-bottom:180px;
}
#bloc_splash_fond_tagline{
	background:url(interface/spl_sous_tagline.png) no-repeat center;
	margin-top:190px;
}
#bloc_splash_tagline{
	background:url(interface/spl_tagline.png) no-repeat center;
	margin-top:200px;
}

#bloc_splash_accueil{
	background:url(interface/spl_accueil.png) no-repeat center;
	margin-top:360px;
	margin-right:360px;
	display:block;
}
#bloc_splash_portfolio{
	background:url(interface/spl_portfolio.png) no-repeat center;
	margin-top:355px;
	display:block;
}
#bloc_splash_contact{
	background:url(interface/spl_contact.png) no-repeat center;
	margin-top:350px;
	margin-left:360px;
	display:block;
}
#bloc_splash_accueil_h{
	background:url(interface/spl_accueil_h.png) no-repeat center;
	margin-top:360px;
	margin-right:360px;
	display:none;
}
#bloc_splash_portfolio_h{
	background:url(interface/spl_portfolio_h.png) no-repeat center;
	margin-top:355px;
	display:none;
}
#bloc_splash_contact_h{
	background:url(interface/spl_contact_h.png) no-repeat center;
	margin-top:350px;
	margin-left:360px;
	display:none;
}

#bloc_splash_lien_accueil{
	position:fixed;
	width:135px;
	height:70px;
	margin-left:-238px;
	margin-top:160px;
	left:50%;
	top:50%;
	display:block;
}
#bloc_splash_lien_portfolio{
	position:fixed;
	width:145px;
	height:70px;
	margin-left:-73px;
	margin-top:160px;
	left:50%;
	top:50%;
	display:block;
}
#bloc_splash_lien_contact{
	position:fixed;
	width:135px;
	height:70px;
	margin-left:110px;
	margin-top:160px;
	left:50%;
	top:50%;
	display:block;
}
/* MENU */
#bloc_entete_no_css {
	position:fixed;
	z-index:0;
}
#bloc_logo {
	position:fixed;
	top:1%;
	left:1%;
	margin-left:10px;
	margin-top:10px;
	z-index:100;
}
#bloc_logo img{
	border:none;
	display:block;
}
#bloc_logo_fond {
	position:fixed;
	top:2%;
	left:2%;
	margin-top:-40px;
	margin-left:-45px;
	z-index:90;
}
#bloc_tagline {
	position:fixed;
	top:1%;
	left:3%;
	margin-top:0px;
	margin-left:150px;
	z-index:80;
}
#bloc_tagline_fond {
	position:fixed;
	top:2%;
	left:4%;
	margin-top:-30px;
	margin-left:80px;
	z-index:70;
}
#bloc_main-menu {
	position:fixed;
	top:3%;
	left:1%;
	margin-top:140px;
	z-index:80;
}
#bloc_main-menu_fond {
	position:fixed;
	top:4%;
	left:2%;
	margin-top:60px;
	margin-left:-40px;
	z-index:70;
}
#bloc_main-menu a img {
	border:none;
}
/*---bouton presentation---*/
#btn_accueil a {
	background:url(interface/accueil.png) top right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_accueil a:hover {
	background:url(interface/accueil.png) bottom right no-repeat;
}
/*---bouton portfolio---*/
#btn_portfolio a {
	background:url(interface/portfolio.png) top right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_portfolio a:hover {
	background:url(interface/portfolio.png) bottom right no-repeat;
}
/*---bouton contact---*/
#btn_contact a {
	background:url(interface/contact.png) top right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_contact a:hover {
	background:url(interface/contact.png) bottom right no-repeat;
}
/* ACCUEIL */
.accueil_title{
	float:right;
	clear:both;
	padding:1%;
	padding-bottom:1.5%;
	text-align:right;
	font-size:150%;
	font-weight:bold;
	color:white;
	background-color:#5a2;
	z-index:1;
}
.accueil_desc{
	float:right;
	clear:both;
	background-color:#eee;
	color:#555;
	text-align:left;
	font-size:130%;
	margin-right:8%;
	margin-top:-1%;
	padding:1%;
	z-index:-1;
}
.recent_work{
	float:right;
	height:115px;
	background-color:#eee;
	margin-right:8%;
	overflow:hidden;
}

.accueil_desc a{
	color:#5a2;
}
.accueil_desc a:hover{
	color:white;
	background-color:#5a2;
}
.accueil_separator{
	clear:both;
	display:block;
	height:15px;
}
/* PORTFOLIO */
/* sous-menu */
#bloc_sous-menu{
	position:fixed;
	top:4%;
	margin-top:250px;
	color:#666;
	z-index:9999;
	/*overflow*/
	_bottom:0%;
	_overflow:auto;
}
.sm_date{
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
	cursor:pointer;
}
.sm_date:hover{
	display:inline-block;
	background-color:#eee;
}
#bloc_sous-menu a{
	color:grey;
	padding-left:10px;
}
#bloc_sous-menu a:hover{
	color:grey;
	background-color:#eee;
	padding-left:20px;
}
#bloc_sous-menu .sm_active{
	color:grey;
	background-color:#eee;
	padding-left:20px;
}
/* Conteneur */
#container{
	display:block;
	position:absolute;
	top:2%;
	margin-top:70px;
	right:2%;
	left:10%;
	margin-left:150px;
	_border:1px solid red;
}
/* thumbnails */
.pf_thumb{
	display:inline-block;
	background-color:none;
	padding:.5%;
}
.pf_thumb img{
	padding:2px;
	border:1px solid white;
}
.pf_thumb img:hover{
	padding:2px;
	border:1px solid #5a2;
}
/* fullscreen */
.pf_full{
	_border:1px solid red;
}
.pf_item_title{
	float:right;
	clear:both;
	padding:1%;
	padding-bottom:1.5%;
	text-align:right;
	font-size:150%;
	font-weight:bold;
	color:white;
	background-color:#5a2;
	z-index:1;
}
.pf_item_desc{
	float:right;
	clear:both;
	background-color:#ddd;
	color:grey;
	text-align:right;
	margin-right:5%;
	margin-top:-1%;
	padding:1%;
	max-width:80%;
	z-index:-1;
}
.pf_item_desc a{
	color:#5a2;
}
.pf_item_desc a:hover{
	color:white;
	background-color:#5a2;
}
.separator{
	clear:both;
	display:block;
	height:20px;
}
.pf_item_content{
	text-align:center;
}
.pf_item_content a{
	color:#5a2;
}
.pf_item_content a:hover{
	color:white;
	background-color:#5a2;
}
.pf_item_content img{
	display:block;
	margin:auto;
	margin-top:2%;
	border:1px solid #eee;
}
.pf_item_content object{
	border:1px solid #eee;
}
/* COPYRIGHT */
#bloc_copyright {
	position:fixed;
	bottom:0%;
	right:0%;
	font-size:60%;
	color:silver;
	padding:2px 4px;
}