@charset "UTF-8";
body {
	background-color: #303030;	
	text-align: center;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

body, body *{
margin: 0; 
padding: 0;
}

.oneColFixCtr #container {
	width: 802px;  
	margin: 0 auto; 
	text-align: left; 
}
a,a:hover,a:visited{
	color:#d10600;
}
a:hover{
	text-decoration:none;
}
a img{
	border:none;
}

div#header{
	padding-top:215px;
}

div#header h1{
	height:31px;
	font-size:1px;
	width:596px;
	float:left;
	visibility:visible!important;
}

div#header a{
	float:right;
	height:31px;
	font-size:1px;
	display:block;
}

div#main{
	background:url(../slices/ProjectFile_06.jpg) no-repeat;
	height: 534px;
	clear:both;
	position:relative; 
}

#content{
	width:766px;
	position:relative;
	left:18px;
}



img#main-background{
	width:766px;
}

div#main div#content, div#main div#bg-buttons, div#portfolio, div#blog-adequate, div#adequate div.background, div#blog, div#adequate{
	height: 534px; 
}

#footer{
	margin-bottom:30px;
}

.control{
cursor:pointer;
}
div#main div#bg-buttons{
float:right;
width:18px;
background:url(../slices/ProjectFile_08.jpg) repeat-y;
}

div#bg-buttons ul{
position:relative;
top:425px;
left:12px;
}

div#bg-buttons ul, div#bg-buttons ul li{
list-style:none;
line-height:1px;
margin-top:2px;
}



.CollapsiblePanel{
border:none!important; 
}

.CollapsiblePanelContent{
position:relative;
}


.CollapsiblePanelTab{
display:none;
}



div#blog-adequate{
float:right;
position:relative;
width:378px;
}



div#adequate{
float:right;
width:84px;
overflow:hidden;
}

div#adequate div.background{
background:#810400;
}

div#adequate .control{
position:absolute;
top:1px;
left:0;
}

div#adequate #adequate-images{
position:absolute;
top:0;
left:13px;
}

div#adequate #adequate-images img{

}

div#blog{
overflow:hidden;
width:auto!important;
}

div#blog .CollapsiblePanelContent .background{
height: 517px;
}

div#blog .overlay{
padding:0 8px;
z-index:500;
overflow:hidden;
height:517px;
}

div#blog h4{
margin-top:15px;
color:#fff;
font-size:18px;
}



div#blog h5{
padding-top:10px;
border-top:1px dotted #fff;
margin:10px 0 0 0;
font-size:10.2px;
font-weight:800;
}

div#blog h6{
font-size:9px;
margin:5px 0 10px 0;
}

div#blog h6, div#blog p a{
color:#d10600;
}
div#adequate-images ul li a{
font-size:12px;
color:#CC3300;
}
div#adequate-images ul li a:hover{
font-size:12px;
color: #CC0000;
}

div#blog p{
font-size:10px;
}

div#portfolio{
float:left;
position:relative
}

div#portfolio, #portfolio-inner{
width:388px;
}


#portfolio-inner{
position:absolute;
bottom:0px;
min-height:1%;
}



#portfolio-inner div.background{
width:386px;
left:1px;
background:#000;
filter:alpha(opacity=45);
opacity:0.45;
height:100%;
}

div.portfolio-section{
padding-left:1px;
position:relative;
}

div.portfolio-section .overlay{
padding-top:1px;
}



#portfolio-inner ul li{
float:left;
line-height:1px;
list-style:none;
padding-bottom:1px;
padding-right:1px;
cursor:pointer;
}


.portfolio-section .CollapsiblePanelContent{
height:79px;
overflow:hidden;
}

/* portfolio ajax */

.ajax_content{
overflow:hidden;
display:none;
}

#ajax-response{
height:403px;
text-align:center;
}


#ajax-response img{
display:block;
margin:0 auto;
padding:30px 0 0 0;
}

#ajax-response p{
margin:5px 30px;
text-align:justify;
font-size:10px;
color:#fff;
}
#ajax-response a,#ajax-response a:hover{
color:#fff;
}


#ajax-response div.background{
display:none;
}


div.header{
margin-bottom:1px;
padding:4px 0 0 3px;
position:relative;
}

div.header a{
position:absolute;
top:1px;
z-index:20;
}

div.header a.show{
right:15px;
}

div.header a.hide{
right:1px;
}

div.header h3{
font-size:9px;
margin-right:30px;
}



#portfolio div.header{
background:#810400;
margin-right:1px;
}

#blog div.header{
background:#626262;
}

#portfolio div.header h3{
color:#fff;
}

#blog div.header h3{
color:#fff;
}


div.background{
width:100%;
background:#000;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
/* older mozilla */
-moz-opacity:0.6
}

.background{
position:absolute;
top:0;
left:0;
z-index:0;
}

.overlay{
z-index:10;
position:relative;
}

.imgmini{
	width:47px;
	height:39px;
}
div#chanson{	
	background:#000;
	filter:alpha(opacity=45);
	opacity:0.45;
}