/*layout
----------------------------------------------- */

html {
		overflow-x:hidden;
		} 
body {
	background-image:url(../img/bg.jpg);
	scrollbar-3dlight-color: #B05700;
	scrollbar-base-color: #B05700;
	scrollbar-darkshadow-color: #B05700;
	scrollbar-shadow-color: #B05700;
	scrollbar-track-color: #B05700;
	scrollbar-arrow-color: #B05700;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #B05700;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	background-position: center;
	position: relative;
		} 
		
p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	text-align:justify;
	line-height:22px;
	margin: 0px;
	padding: 0px;
		}


#logocantal{
	position:absolute;
	top:0px;
	left:0px;
	z-index:5000;
	width: 28px;
	height: 80px;


		}
		
#environnement{
		position:absolute;
		top:4px;
		width:100%;
		left:0px;
		text-align:right;
		z-index:5000;
		}
		
#header{
	position:relative;
	height:200px;
	width:1563px;
	margin-left:-750px;
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#5B2702;
	text-align:center;
	overflow:hidden;
	z-index: 4999;
	padding: 0px;
	margin-top: 0px;
	left: 718px;



		}
		
#navigation{
	height:50px;
	width:100%;
	background:url(../img/nav.jpg) repeat-x;
	margin:0;
	padding: 0px;
		}
		
.navleft{
		padding-top:4px;
		float:left;
		}
		
.navleft img{
	margin-top:0px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top: 0px;
		}
		
#navright{
		margin-top:12px;
		padding-right:10px;
		float:right;
		}


#content{
		top:250px;
		width:100%; 
		margin:0;
		}

#c-block {
		width:100%;
		height:80%;
		}			
  
#viewer{
	position: absolute;
	left: 0px;
	width: 320px;
	margin: 0px;
	padding: 0px;
	height: 500px;
	z-index: 3;




 		}

	 
#details{
	position: absolute;
	top: 1px;
	_top: 40px;
	right: 15px;
	width: 206px;
	margin: 0px;
	padding: 0px;
	z-index: 4;
	height: 171px;
	left: 900px;



		}       
        
#infos{
	position: relative;
	_margin:0px 270px 0px 330px;
	padding: 0px;
	_padding-top: 15px;
	z-index: 2;
	left: 30px;
	top: 0px;
	width: 477px;
	margin-top: 0px;
	margin-right: 250px;
	margin-bottom: 0px;
	margin-left: 330px;






		}
		 

#details_withoutviewer{
		position: absolute;
		top: 55px;
		_top: 40px;
		right: 15px;
		width: 320px;
		margin: 0px;
		padding: 0px;
		}       
        
#infos_withoutviewer{
		position: relative;
		margin:0px 350px 0px 20px;
		_margin:0px 370px 0px 20px;
		padding: 0px 0px 0px 0px;
		_padding-top: 15px;
		}
		
#infos_withoutdetails{
		position: relative;
		margin:0px 15px 0px 500px;
		_margin:0px 15px 0px 500px;
		padding: 0px 0px 0px 0px;
		_padding-top: 15px;
		}

#infos_only{
	position: relative;
	_margin:0px 15px 0px 15px;
	padding: 0px;
	_padding-top: 15px;
	left: 500;
	width: 500;
	top: 0;
	right: 0px;
	bottom: 0px;
	float: none;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	height: 0px;
		}
		
#viewerbig{
		 position: absolute;
		 /*top: 130px; /* SWFObject Fix */
		 left: 0px;
		 width: 500px;
		 margin: 0px;
		 padding: 0px;
		 height: 700px;
 		}
	 
#footer{
		width:100%;
		height:35px;
		background-image:url(../img/footer.jpg);
		padding-top:-30px;
		padding-bottom:12px;
		_padding-top:0px;
		_padding-bottom:0px;
		_margin-top:15px;
		}

#footleft{
		padding-top:9px;
		padding-left:15px;
		float:left; 
		margin:0;
		}
		
#footright{
		padding-top:9px;
		padding-left:15px;
		padding-right:15px;
		float:right;
		margin:0;
		}
		
#transparent{
		width: 200px;
		padding:10px;
		margin-top: 15px;
		background-image: url(../img/transparent.png);
	 	_background-image: none;
	 	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/transparent.png,sizingMethod='scale');
		 }
		 
#details_withoutviewer #transparent{
		width: 300px;
		 } 

#details_withoutviewer h5 {
		width: 300px;
}