* { 
	margin:0;
	padding:0; 
}
html, body, div#wrapper{
	height: 100%;
	width: 100%;
}
body{ 
	color:#4c4e4f;
	width:100%;
	font:normal 11px Arial, Helvetica, sans-serif;
	background-color: #000;
}
fieldset, form, input, p, ul, li, h1, h2, h3{
	margin:0;
	padding:0; 
}
img, fieldset, input{ 
	border:0;
}
a{
	color:#9a9a9a;
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
a:hover, a.active{
	color:#fd131e;
}	
ul{
	list-style-type:none;
}
p{
	padding:6px 0;
	font-size:12px;
	line-height:15px;
	text-align: left;
}
div#wrapper{
	background:#000 url(../images/commun/bodyBg.jpg) no-repeat center top;
	min-width: 988px;
	margin:0 auto;
	/*height: 999px;*/
	min-height: 558px;
	overflow: hidden;
}

div#main{
	margin:0 auto;
	width:988px;
	position:relative;
}

div#leftCol{
	width:238px;
	height:978px;
	float:left;
	padding-left:1px;
}
div#lang{
	width:213px;
	padding-left:22px;
	margin-bottom:24px;
	padding-top:22px;
	text-transform:uppercase;
}
div#logo{
	width:192px;
	height:31px;
	margin-left:21px;
	margin-bottom:86px;
	background:url(../images/commun/logo.gif) no-repeat left top;
}
div#logo h1 a{
	height:31px;
	display:block;
}
div#logo h1 span{
	display:none;
}
div#logo h3 a{
	height:31px;
	display:block;
}
div#logo h3 span{
	display:none;
}
ul#menu{
	width:238px;
	height:362px;
}
ul#menu li{
	width:100%;
	float:left;
	padding-bottom:7px;
}
ul#menu li h4{
	width:238px;
	height:23px;
}			
ul#menu li h4 a{
	height:23px;
	display:block;
	margin-left:5px;
}
ul#menu li h4 span{
	display:none;
}
div#inspirationTxt{
	width:240px;
	line-height:18px;
	font-size:13px;
	font-weight:normal;
}
.subMenu, .subMenuUl{
	width:220px;
	height:200px;
	color:#9a9a9a;
	overflow:hidden;
	padding-top:20px;
	padding-left:20px;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.subMenuUl{
	font-size:16px;
	font-weight:normal;
}
ul#menu li .subMenuUl li{
	width:250px;
	padding-bottom: 1px;
}	
.subMenuUl li a{
	color: #666666;
}	
.subMenuUl li a:hover, .subMenuUl li a.active{
	color:#fd131e;
}	
div#copyRight{
	width:254px;
	padding-left:21px;
}			
div#rightCol{
	width:749px;
	height:1000px;
	float:left;
	position:relative;
	text-align: center;
}
div#desc{
	width:100%;
	line-height:12px;
	font-size:10px;
	font-weight:normal;
	background-color: #3f3f3f;
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
	z-index: 2;
	position:absolute;
	left:0;
	top:0;
	height: 12px;
	color: #fff;
	padding: 4px 0;
	text-align: center;
}	
div#desc span{
	color: #ccc;
}	
div#navLieu{
	width:749px;
	height:5px;
	z-index:2;
	top:170px; left:0;
	position:absolute;
	background-color: #2f2f2f;
}
div#navPhoto{
	width:749px;
	height:26px;
	z-index:2;
	top:197px; 
	left:0;
	position:absolute;
	background-color: #2f2f2f;
}
div#nav{
	width:749px;
	height:22px;
	z-index:2;
	top:175px; left:0;
	position:absolute;
	background-color: #575757;
}
div#prev{
	position: absolute;
	left: 0;
	top: 0;
}
div#next, div#prev{
	width:51px;
	height:22px;
	background:#2b2b2b url(../images/commun/prev-h.gif) no-repeat 18px center;
}
div#next{
	position: absolute;
	right: 0;
	top:0;
	background:#2b2b2b url(../images/commun/next-h.gif) no-repeat 9px center;
}
div#next2{
	position: absolute;
	right: 51px;
	top:0;
}
div#prev2{
	position: absolute;
	left: 51px;
	top:0;
}
div#next2 a, div#prev2 a{
	padding: 4px 10px;
	display: block;
}
div#prev2{
	float:left;
}
div#prev a, div#next a{
	height:22px;
	display:block;
	background:#fd131e url(../images/commun/prev.gif) no-repeat 18px center;
}
div#next a{
	background:#fd131e url(../images/commun/next.gif) no-repeat 9px center;
}
div#prev a span, div#next a span{
	display: none;
}
div#prev2 a span, div#next2 a span{
	color: #acaaaa;
	font-size: 11px;
}						
div#prev a:hover, div#next a:hover{
	background:none;
}				
div#next a.disabled, div#prev a.disabled{
	display:none;
}
div#next a.enabled, div#prev a.enabled{
	display:block;
}			
#paginProjets li{
	display: inline;		
}			
#paginProjets li a{
	display: inline-block;
	padding: 4px 5px;
	font-size: 11px;
}
#paginProjets li a:hover{
	color:#fff;
	background-color: #2f2f2f;
}
#paginProjets li a.currentProject{
	color:#fff;
	background-color: #2f2f2f;
}
#paginProjets{
	display: inline;
	text-align: center;
}
div#title{
	float:left;
	color:#8f8f8f;
	font-weight:normal;
	line-height:13px;
	font-size:11px;
	text-align: left;
	padding: 6px 0;
}
div#title a{
	color: #acaaaa;
	text-decoration:underline;
}
div#title a:hover{
	text-decoration:none;
}
div#title span{
	color: #acaaaa;
}
div#pagin{
	float: right;
	margin: 0 auto;
	color: #acaaaa;
	font-size: 11px;
}
#btn_pause{
	display:block;
	width: 24px;
	height: 14px;
	float: left;
	background:url(../images/commun/pause.gif) no-repeat center center;
	padding: 6px 12px;
	margin: 0 2px 0 12px;
}
#btn_pause.play{
	display:block;
	width: 24px;
	height: 14px;
	float: left;
	background:url(../images/commun/play.gif) no-repeat center center;
	padding: 6px 12px;
}				
div#pagin span{
	float: left;
	padding: 6px 0;
}
div#pagin ul{
	float: left;
	margin: 0 50px 0 3px;
}
div#pagin ul li{
	width:22px;
	height:26px;
	float:left;
	line-height:18px;
}
div#pagin ul li a{
	width:22px;
	height:26px;
	color:#FFF;
	display:block;
	padding:0;
	text-decoration:none;
	text-indent: -9999px;
	background:url(../images/commun/cercle.gif) no-repeat center center;
	
}
div#pagin ul li a:hover, div#pagin ul li a.current{
	background:url(../images/commun/cercle_over.gif) no-repeat center center;
}
div#pagin ul li a.current{
	cursor:default;
}
		
div#imgProjet{ width:749px; height:100%; position:absolute; top:0; left:0; z-index:1; }	

div#imgProjet img{ 
	position: absolute;
	top: 0;
	left: 0;
}	
	
div.contacts{ background:url(../images/commun/content-bg.jpg) no-repeat left top; }
div.apropo{ background:url(../images/commun/about-bg.jpg) no-repeat left top; }

div.loading{ background:url(../images/commun/loader.gif) no-repeat center 80px; }

div#pageContent{
	width:100%;
	height:500px;
	position:absolute;
	top:0; left:0;
	z-index:3;
}		
div#ombreLeft{
	width:13px;
	height:1000px;
	z-index:9;
	left:0; top:0;
	position:absolute;
	background:url(../images/commun/omb-left.png) repeat-y left top;
}
div#ombreRight{
	width:13px;
	height:1000px;
	z-index:9;
	right:0; top:0;
	position:absolute;
	background:url(../images/commun/omb-right.png) repeat-y right top;
}
div#r-content{
	width:749px;
	height:419px;
	z-index:2;
	top:151px;left:0;
	position:absolute;
	overflow:hidden;
	background:url(../images/commun/body-text-bg.png) repeat-y left top;
}
div#r-images {
	width:158px;
	float:right;
}
div#r-text {
	width:480px;
	float:left;
	position:relative;
	padding:34px 42px 34px 69px;
}
div#content-all{
	width:749px;
	height:418px;
	z-index:2;
	top:151px;
	left:0;
	position:absolute;
	overflow:hidden;
	text-align: left;
}
div#content-left{
	background-color: #8b0700;
	width:16px;
	height:418px;
	float:left;
}
div#content-middle{
	float:left;
	width:559px;
	height:418px;
	overflow:hidden;
}
div#content-middle #background-middle{
	position: absolute;
	top:0;
	left:16px;
	z-index: -1;
}
div#content-right {
	width:174px;
	float:right;
	background-color: #7d7f7c;
	height:418px;
	text-align: center;
}
div#content-right p{
	font-weight: bold;
	color:#222;
	padding: 30px 0 20px 20px;
}
div#content-right a{
	margin-bottom:18px;
	display: block;
}
div#content-right img{
	border:2px solid #7d7f7c;
}
div#content-right.apropos-right{
	text-align: left;
}
div#content-right.apropos-right img{
	border:0px;
}
div#content-right a:hover  img, div#content-right a.active  img{
	border:2px solid #ff001a;
}
div#text-middle {
	padding:34px 60px;
	width:439px;
}
div#text-middle.contact-middle{
	padding: 0;
}
div#text-middle h2 {
	font-size:24px;
	font-weight:bold;
	color:#4c4e4f;
}
div#text-middle h1 {
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	padding:12px 0;
}
div#r-text p, div#text-middle p {
	font-size:13px;
	line-height: 17px;
	color:#2c2c2c;
	margin-bottom:16px;
	padding:0;
	text-align:left;
}
div.download {
	background:url(../images/commun/btn-download.png) no-repeat right bottom;
	height:37px;
	width:0px;
	padding-left:58px;
	padding-top:7px;
	color:#0f0f0f;
	cursor:pointer;
	font-weight:bold;
	position:absolute;
	left:0;
	top:28px;
	display:block;
	line-height:30px;
}
div#next-text {
	position:absolute;
	top:419px;
}
div.download-m {
	background:url(../images/commun/btn-download.png) no-repeat right top;
}
div#text-middle h5 {
	font-size:13px;
	color:#252525;
	padding-bottom:5px;
}
div#text-middle ul{	
	background:url('../images/commun/pdf_download.png') no-repeat left top;
	padding: 0 0 0 42px;
}
div#text-middle a.pdf-download{
	text-decoration:underline;
	color:#555;
	font-weight:bold;
	font-size: 12px;
	display:block;
	background:url('../images/commun/pdf_download.png') no-repeat left top;
	padding: 16px 0 0 42px;
	height: 16px;
}
div#text-middle a.pdf-download:hover{
	text-decoration:none;
}
div#text-middle ul a.pdf-download{	
	background:none;
	padding: 0 0 4px 0;
	height: auto;
}
div#text-middle ul li a:hover{
	text-decoration:none;
}
div#GoogleMap {
	width:591px; height:419px; float:left;
}
div#alumilex-contact {
	padding:30px 17px;
}
div#alumilex-contact h4 {
	font-size:15px;
	padding: 0 0 22px 0;
	color:#FFF;
}
div#alumilex-contact p {
	color:#222;
	padding: 0 0 22px 0;
}

div#alumilex-contact a {
	color:#222;
	text-decoration: underline;
}

div#alumilex-contact a:hover {
	text-decoration: none;
}

#flecheBas{
	position: fixed;
	z-index: 300;
	bottom: 30px;
	font-weight: bold;
	font-size: 28px;
	background-color: #2f2f2f;
	padding: 1px 12px;
	display: none;
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}

#flecheHaut{
	position: fixed;
	z-index: 300;
	top: 30px;
	font-weight: bold;
	font-size: 28px;
	background-color: #2f2f2f;
	padding: 1px 12px;
	display: none;
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}