@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: "FagoNo-Black";
    src: url(../font/FagoNo-Black.otf);	
}
@font-face {
    font-family: "FagoEx";
    src: url(../font/FagoEx.otf);	
}

html {overflow-x: hidden;}

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

body{
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS";
	background: #000;
	}
a, a:hover{color: #972359;}

#bloc_gauche{
	position: fixed;
	display: block;
	width: 230px;
	height:100%;
	background:#9a4d2b url(../sfx/bg.jpg) repeat;
	}

#bloc_droit{
	position: fixed;
	display: block;
	width: 100%;
	height:100%;
	/*margin-left: 730px;*/
	margin-left: 230px;
	background:#9a4d2b url(../sfx/bg.jpg) repeat;
	}
h1{
	display: block;
	height: 10px;
	width:10px;
	position: absolute;
	margin-top: -50px;
	text-indent: -5000px;
	font-size:10px;
	}

#adresse, #tel{
	display: block;
	height: 0px;
	position: absolute;
	position: -5000px;
	}
	
#main_menu{
	display: block;
	height: 10px;
	width:10px;
	position: absolute;
	margin-top: -200px;
	text-indent: -5000px;
	font-size:10px;
	}

#portfolio{
	display: block;
	position: absolute;
	left:230px;
	margin-left: -500px;
	margin-top:0px;
	background-color:#f0f0f0;
	width: 500px;
	}

.project{
	display: block;
	overflow:hidden;
	height: 130px;
	margin-left : 0px;
	}
	
.project_bandeau_white{
	background: #f3efe5;
	width: 70%;
	height:130px;
	float:right;
	}

.project_bandeau{
	display: block;
	position: absolute;
	height: 130px;
	width: 0;
	margin-left: 450px;
	font-family: Arial;
	color: #972359;
	font-size: 11px;
	background: url(../sfx/desc-mini.png) no-repeat;
	overflow: hidden;
	}
.project_bandeau_container{margin-left: 80px;}

.project_who{
	display: block;
	width:270px;
	position: absolute;
	margin-left : 520px;
	margin-top: 160px;
	/*background-color:#d0d0d0;*/
	}

.project_name{
	display: inline;
	margin-top: 0px;
	text-transform: uppercase;
	font-family: "FagoNo-Black";
	font-size: 40px;
	}

.project_client{
	display: block;
	width:500px;
	}

.project_date{
	line-height: -20px;
	font-size: 20px;
	font-family: "FagoNo-Black";
	}
.project_date_année{
	line-height: -20px;
	font-size: 20px;
	font-family: "FagoEx";
	}
.project_site{
	display: block;
	width:500px;
	}


.project_infos{
	display: block;
	width:500px;
	}
	
.project_banner{
	display: block;
	width:500px;
	height: 130px;
	position: absolute;
	}
.project_banner_img{
	display: block;
	width:500px;
	height: 130px;
	position: absolute;
	}
.project_banner_over{
	display: block;
	width:500px;
	height: 130px;
	position: absolute;
	background: url(../sfx/over-minicrea.png) no-repeat;
	}
.project_banner_rollover{
	display: block;
	width:500px;
	height: 130px;
	position: absolute;
	background: url(../sfx/overroll-minicrea.png) no-repeat;
	opacity:0;
	}
.project_medias{
	display: block;
	width:500px;
	height: 375px;
	width: 500px;
	position: absolute;
	}


#menuPortfolio{
	list-style: none;
	display: block;
	width:222px;
	position: fixed;
	margin-top: 155px;
	}
#menuPortfolio li{
	}

#menuPortfolio li a{
	display: block;
	font-size: 12px;
	text-decoration: none;
	height: 65px;
	text-indent: -5000px;
	margin-bottom: -10px;
	}
#menuPortfolio li a:hover{background-position:0px -69px;}
#menuPortfolio li a.activeMenu{
	height:144px;
	background-position: 0px -130px;
	}

#menu-27{background: url(../sfx/menu-vd.png);}
#menu-51{background: url(../sfx/menu-arthy.png);}
#menu-52{background: url(../sfx/menu-bruno.png);}
#menu-53{background: url(../sfx/menu-val.png);}
#menu-54{background: url(../sfx/menu-grm.png);}
#menu-55{background: url(../sfx/menu-samy.png);}
#menu-56{background: url(../sfx/menu-ib.png);}
#menu-logo{
	display: block;
	background: url(../sfx/logo.png);
	width: 248px;
	height: 150px;
	position: fixed;
	margin-top: 0px;
	margin-left: 0px;
	text-indent: -5000px;
	}


#deco_fabrique{
	position: fixed;
	display: block;
	width: 647px;
	height:262px;
	background: url(../sfx/logo-bas.png) no-repeat;
	left:400px;
	bottom:0px;
	}
#bloc_gauche_fil{
	position: fixed;
	display: block;
	width: 5px;
	height:100%;
	background: url(../sfx/fil-mini.png) repeat;
	left:222px;
	}
#bloc_droite_fil{
	position: fixed;
	display: block;
	width: 5px;
	height:100%;
	background: url(../sfx/fil-mini.png) repeat;
	left:236px;
	}