/* CSS Document */
body {
margin-bottom:20px; 
margin-top:50px; 
background-color: #030100;
background-image: url(img/mainbg.jpg);
background-repeat: repeat-x;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #EEE8CE;
text-align: center;
}


#page { width:820px; margin:7px auto; overflow:hidden;  text-align:center; background-image:url(img/middleback.jpg); background-repeat:repeat-y; 

}
#header {
	position:absolute;
	width:580px;
	margin:auto;
	height:50px;
	z-index:3;
}


#leftartist {/* conteneur global et arri??re-plan du titre du cadre */
width:540px;
padding-top: 15px;
background: url(img/topleftartist.jpg) top left no-repeat;
}
#blocleftartist {/* arri??re-plan bas et sur l'ensemble du cadre */
background: url(img/basleftartist.jpg) bottom left no-repeat;
padding-bottom: 30px;
}
#blocleftartist p {
margin: 0 5px 0 5px;
}

#rightrelease {/* conteneur global et arri??re-plan du titre du cadre */
width:410px;
padding-top: 20px;
background: url(img/toprightrelease.jpg) top left no-repeat;
}
#blocrightrelease {/* arri??re-plan bas et sur l'ensemble du cadre */
background: url(img/basrightrelease.jpg) bottom left no-repeat;
padding-bottom: 30px;
}
#blocrightrelease p {
margin: 0 5px 0 5px;
}

#leftnew {/* conteneur global et arri??re-plan du titre du cadre */
width:370px;
padding-top: 20px;
background: url(img/topleftnew.jpg) top left no-repeat;
}
#blocleftnew {/* arri??re-plan bas et sur l'ensemble du cadre */
background: url(img/basleftnew.jpg) bottom left no-repeat;
padding-bottom: 30px;
}
#blocleftnew p {
margin: 0 5px 0 5px;
}

#large {/* conteneur global et arri??re-plan du titre du cadre */
width:785px;
padding-top: 20px;
background: url(img/toplarge.jpg) top left no-repeat;
}
#bloclarge {/* arri??re-plan bas et sur l'ensemble du cadre */
background: url(img/baslarge.jpg) bottom left no-repeat;
padding-bottom: 30px;
}
#bloclarge p {
margin: 0 5px 0 5px;
}

#large2 {/* conteneur global et arri??re-plan du titre du cadre */
width:790px;
padding-top: 20px;
background: url(img/toplarge.jpg) top right no-repeat;
}
#bloclarge2 {/* arri??re-plan bas et sur l'ensemble du cadre */
background: url(img/baslarge.jpg) bottom right no-repeat;
padding-bottom: 40px;

}
#bloclarge2 p {
margin: 0 5px 0 5px;
}

#rightsm {/* conteneur global et arri??re-plan du titre du cadre */
width:233px;
padding-top: 15px;
background: url(img/toprightsm.jpg) top left no-repeat;
}
#blocrightsm {/* arri??re-plan bas et sur l'ensemble du cadre */
background: url(img/basrightsm.jpg) bottom left no-repeat;
padding-bottom: 30px;
}
#blocrightsm  p {
margin: 0 5px 0 5px;
}

#bigmain { width:830px;  height:560px;  align:center; padding-top:10px; }

#gauche{ position: absolute; margin-left: 10px; width:370px; height:430px;  align:center; }/* menu */
#gauchelarge{ position: absolute; margin-left: 5px; width:785px; height:430px;  align:center; }
#gaucheartist{ position: absolute; margin-left: 10px; width:540px; height:430px;  align:center; }
#rightartist{ position: absolute; margin-left: 0px; width:235px; height:430px;  align:center; }
#droite{ position: absolute;  width:410px;  height:430px;  align:center; padding-top:10px; }

#nouvelles { width:330px;   height:363px; overflow:auto; align:center; padding-top:10px; 
}
#artiste { width:495px;   height:358px; overflow:auto; align:center; padding-top:10px;  
}
#liens { width:750px;   height:358px; overflow:auto; align:center; padding-top:10px; 
}
#milagroFR { width:330px;   height:400px; overflow:auto; align:center; padding-top:10px; 
}

#cadremenu { width:225px;   height:110px; overflow:auto; align:left; padding-top:10px; z-index:1;
}
#main { width:500px;   height:430px; overflow:auto; align:center; padding-top:10px; 
}


div#footer {/* conteneur global et arri??re-plan du titre du cadre */
 position:inherit; width:820; margin:auto; 
padding-top: 14px;
padding-bottom: 8px;
background: url(img/footer.jpg) bottom left no-repeat;
	}

div#footer p {
text-align:right;
margin: 0 40px 0 -100px;

}

.texte {
	font-size: 12px;
	font-style: normal;
	}



A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #d1ab6f; }
A:link {color:#d1ab6f; text-decoration: none;}
A:active {text-decoration: none; color: #d1ab6f;}
A:active:hover {color:#eee8ce; text-decoration:none;}
A:hover {color: #eee8ce; text-decoration: underline;}
A:visited {text-decoration: none; color: #d1ab6f;}
A:visited:hover {color:#eee8ce; text-decoration:none;}

A.footer {font-family: verdana,helvetica;
			font-size : 10pt;
			color: #eee8ce;
			font-weight: normal;
			text-transform:uppercase;}

.footerother { font-family: verdana,helvetica;
			font-size : 10pt;
			color: #eee8ce;
			font-weight: normal;}
			
A.footer:link{color:#eee8ce; text-decoration: none;}
A.footer:active {text-decoration: none; color: #eee8ce;}
A.footer:active:hover {color:#d1ab6f; text-decoration:underline;}
A.footer:hover {color: #d1ab6f; text-decoration: underline;}
a.footer:visited {text-decoration: none; color: #eee8ce;}
a.footer:visited:hover {color:#d1ab6f; text-decoration:underline;}

			

.description {
padding-left:15px;
text-indent:-16px;
	
}


.textebold {
	font-style: normal;
	font-weight: bold;
}
.texteboldital {
	font-style: italic;
	font-weight: bold;
}
.texteital {
	font-style: italic;
}
.textesmall {
	font-size: 10px;
}
.textesmallbold {
	font-size: 10px;
	font-weight: bold;
}
.textesmallital {
	font-size: 10px;
	font-style: italic;
}
.textesmallitalbold {
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
}
.titre {
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	
}

    
a.linkOver{
    background-color: #eee;
    }
#cadremenu { width:75px; height:50px;  overflow:auto; align:center; padding-top:10px;
}/* Composante barre de menu */
.menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:75px;
   
	margin-top:0;
    margin-left:0px;
    padding:0;
	
    }
    
.menu span{
    display:none;
    }
    
.menu ul{

    margin:0;
    padding:0;
    position:absolute; /* important */
    width:75px;
	
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:0px; /* be careful */
    margin-top:-40px;
	
    }
    
.menu a{ text-align:center;
    background-color: #1c0c05;
    color:#d1ab6f;
    text-weight:bold;
    display:block;
    width:75px;
	
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
    background-color: #1c0c05;
	color: #fff;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #1c0c05;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:75px;
    display:block;     
    list-style:none;
    margin:0;
    padding:0;

    }