html, body {
height: 100%;
}

body {
margin : 0 ;
padding : 0 ; 
background : #000000 url(images/bg.jpg) center no-repeat fixed;
text-align : center;
font-size : 70%;
color : #000 ;
font-family:tahoma, verdana , arial, sans-serif; 
line-height : 18px;  
}

p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}


/*  SITE
********************************************************************/
 


#site { 
position : relative; 
width : 897px;
margin : 0 auto;
text-align : left  ;
min-height: 100%;
background : url(images/bg-site.png) left repeat-y;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;



}

#site404 { 
position : relative; 
width : 897px;
height : 480px;
margin : 0 auto;
text-align : middle  ;
min-height: 100%;
background : url(images/bg404.jpg) left repeat-y;

}
 #gnu {
background-image:url(images/gnu.jpg); 
background-repeat:no-repeat; 
background-position:right; 
background-color:#FFFFFF; 
margin:30px; 
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
fieldset {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

}

/*  HEADER
********************************************************************/
   

#header {
position : relative ; 
height : 306px;
background : url(images/header.png);
color : #FFFFFF;
margin : 0
}



/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/


#header h1 {
position : absolute ;
top : 7px; 
left : 20px ; 
color : #96896F;
margin : 0;
padding : 0 ; 
font-size : 1.4em ;
font-weight : normal;  
}
   
   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/

#header  a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #F9F0D6 ;
font-weight : bold ;
}

#header  a:hover {
color : #fff ;
text-decoration : underline; 
}   
   
#header #menu {
position : absolute ;
bottom : 8px ;
left : 10px;  
}

	
#header #menu  ul{
list-style : none ;
margin : 0; 
padding : 0;
}


#header #menu  li{
float : left ;
text-transform : uppercase ; 
}
	
	

#header #menu  li a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #F9F0D6 ;
font-weight : bold ;
}

#header #menu  li a:hover {
color : #fff ;
text-decoration : strike; 

}
	

/* transparence

#transp {
position : absolute ;
top : 306;
width : 749px;
min-height: 100%;
overflow : auto ;
background : url(images/bg2.jpg) left repeat-y;
filter : alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
}





/*  CONTENT
********************************************************************/

#page {
width : 749px;
overflow : auto ;
margin : 0 auto; 

 }
	
	
/*  CONTENU
********************************************************************/	
	

#contenu {
width : 524px ;  
float  : left ;
margin : 0;
padding : 20px 10px 120px 0  ;
font-size : 100%; 
}


/*  CONTENU >> POST
********************************************************************/	


.post {
padding : 0 0 20px 0;

}   

.post h2 {
font-size : 1.6em ; 
padding : 0 0 0 35px ; 
margin: 0 ; 
font-weight : normal;
color : #000
}
 
.post p {
padding : 0 10px 0 35px ;
text-align : justify; 
}

.post a {color : #000; text-decoration : underline; }
.post a:hover {color : #000; text-decoration :none;}

#bloc_music {
float : left ; 
width : 207px;
 height : 270px ;
 margin-left : 20px }

#bloc_music1 {
 text-align : left; 
float : left ;
width : 207px ;
height : 278px ; 
margin-left : 20px !important ; 
margin-left : 10px;

}

#bloc_music3 {
width : 500px;
height : 600px;
background-image:url(images/listetitres.png); 
background-repeat:no-repeat; 
}

#bloc_music2 {
position : relative; 
text-align : left; 
background-image:url(images/fondmusique.jpg); 
color : #FFFFFF;
float : left ; 
width : 192px; 
height : 285px ;
margin: 0 0 0 95px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.choix {
position : absolute; 
bottom : 0 ; 
left :4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
 
.choix p {

margin : 0 ; 
padding : 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#lecteur2 {

filter : alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
}


/*  SIDEBAR
********************************************************************/
   
   
#side {
width : 154px ;
float  : left ;
padding :  20px 20px 0 20px;
margin : 0 0 0 21px ; 


}
	
#side h2 {
font-size : 1.2em ;
margin : 0 ;
padding :  0 ; 
color : #FCE9BF ; 
text-transform : uppercase ; 
}

#side ul{
list-style : none ; 
margin : 5px 0 15px 0 ; 
padding : 0 0 10px 0; 
color : #fff ;
border-bottom : 1px dotted #FCE9BF ;
}



#side li{
font-size : 1em ;
margin : 0 0 5px 0 ;
padding : 0; 
color : #fff ; 
}

#side li a {
color : #FCE9BF ;
text-decoration : none ;  
}



#side li a:hover{
color : #FCE9BF ; 
text-decoration : underline ; 
}


#side p{
margin : 10px 0 25px 0 ; 
padding : 0 0 10px 0;
border-bottom : 1px dotted #277CFA ; 
}


#side span {
margin : 0 ; 
padding : 0;
color : #277CFA ;

}

   
/*  PRESSE
*******************************************************************/
#menup { 


width : 240px; 
height :23px; 
font-size : 95%;
background : #000 ;
text-align : middle ; 
margin : 0  
font-weight : bold ;
}

#menup  a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #F9F0D6 ;
font-weight : bold ;
}

#menup  a:hover {
color : #fff ;
text-decoration : underline; 
}   
   
/*log
*********************************************************************/
#log { 

line-height : 10px; 
font-size : 0.8em;
font-family:arial; 

}
 	
/*  FOOTER
*******************************************************************/ 
   

#footer { 
position : bottom justify; 
margin : 0 auto;
align: center;
width : 897px; 
height :27px;
background : #000 ;
font-size : 0.8em;
font-family:arial; 
text-align : left ; 

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


#footer p { 
width : 897px; 
height :27px;
margin : 0 auto;
padding : 0 0 0 5px; 
color: #FFFFFF;
background: #000000;
 border: 1px solid #000000;
-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
border-radius: 10px;
}



#footer a { 

width : 897px; 
color: #FFFFFF;
background: #000000;
text-decoration: none;



}

#footer a:hover { 
width : 885px; 
height :27px;
text-decoration : underline ;  
}
   

/*  LOGO
*******************************************************************/ 
#malou-1 {
 font-family: Arial, Helvetice, sans-serif;
 font-size: 2em;
 font-weight: 100;
}

#malou-2 {
font-family: Arial, Helvetice, sans-serif;
 font-size: 0.9em;
 font-weight: bold;
}
   


/* administration


#siteadmin
{
	background-color: #FFFFFF;
	width: 85%;
	margin: auto;
	border-color: black;
	border-style: solid;
	border-width: thin;
}

.bold
{
	font-weight: bold;
}
.redb
{
	font-weight: bold;
	color: red;
}


.menuh
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-top: solid thin black;
	border-bottom: solid thin black;
}
.middle
{
	text-align: center;
	margin: auto;
	width: 80%;
	padding: 10px 10px 10px 10px;
}
.property
{
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: dotted 1px black;
	width: 50%;
	color: #B90000;
}
.propertitle
{
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
	color: black;
}
.middletitle
{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: rgb(10, 50, 140);
}
 

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(lightbox/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/