/* site de Diego !!! */
body
{ background-color: #FFF;
 color: #000;
 font: normal 80%/1em Verdana, Helvetica, Arial, sans-serif;
}
h1 {
	color: #cc0000;
    margin: 0;
	padding: 0;
	font-size: 1.2em;
	text-decoration: none;
}

h2 {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	color: #cc0000;
	font-weight: bold;
	font-size: 1.2em;
}

h3 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.25em;
	color: #4d66b1;
}
h3:visited, h3:hover, h3:focus {
	text-decoration: none;
}

h4 {
	clear: left;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #ffbe00;
}

#contenu {
	position: relative;
	width: 768px;
	margin: 0 auto;
}
/* Head */
#header {
	position: relative;
	width: 100%;
	height: 75px;
	background: url(./img/head.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}

#langue {
	position: absolute;
	top: 16px;
	right: 18px;
	text-align: right;
	width: 100px;
}

#menu {
    position: absolute;
	width: 100%;
	height: 30px;
	margin: 40px 0 0 0;
}
#menu ul {
	margin: 0;
	padding: 0 0 0 3px;
}
#menu li {
	font-size: 1.3em;
	list-style-type: none;
        padding: 0 9px;
	display: inline;
	color: #c3c3c3;
	line-height:1.5em;
}
#menu li a {
	color: #c3c3c3;
        text-decoration: none;
}

#menu li a:hover {
        color: #cc0000;	
}

#menu li a:active {
        color: #cc0000;	
}

/* Footer */
#dewplayer {
	position: relative;
	width: 100%;
	height: 20px;
	margin: -15px 0 0 0;
    background-color : #FFF;
    text-align: left;
}

#footer {
position: relative;
	width: 100%;
	height: 50px;
	margin: 0;
	text-align: left;
}

/* intro */
#intro{
	position: relative;
	width: 100%;
	height: 460px;
	background: url(./img/accueil-fr.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}

/* Accueil */
#accueil-fr{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/accueil-fr.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#accueil-en{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/accueil-en.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#accueil-es{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/accueil-es.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
/* Biographie */
#bio-fr{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/biographie-fr.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#bio-en{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/biographie-en.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#bio-es{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/biographie-es.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#bio-fr li {
	font-size: 1.25em;
	list-style-type: none;
        margin : 10px 0;
        Padding: 0 0 10px 0;        
        color: #FFF;
}
#bio-fr li a {
        color: #FFF;
        text-decoration: none;
}
#bio-fr li a:hover {
        color: #FFF;
        text-decoration: none;
}

/* Musique */
#musique-fr{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/musique-fr.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#musique-en{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/musique-en.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#musique-es{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/musique-es.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#musique-fr li {
	font-size: 1.25em;
	list-style-type: none;
    margin : 10px 0;
    Padding: 0 0 10px 0;        
    color: #FFF;
}
#musique-fr li a {
        color: #FFF;
        text-decoration: none;
}
#musique-fr li a:hover {
        color: #FFF;
        text-decoration: none;
}

/* Photos */
#photos-fr{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/photos-fr.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
        overflow:auto;
}
#photos-en{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/photos-en.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#photos-es{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/photos-es.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
photos-fr li {
	font-size: 1.25em;
	list-style-type: none;
    margin : 10px 0;
    Padding: 0 0 10px 0;        
    color: #FFF;
}
#photos-fr li a {
        color: #FFF;
        text-decoration: none;
}
#photos-fr li a:hover {
        color: #FFF;
        text-decoration: none;
}
/* Presse */
#presse-fr{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/presse-fr.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#presse-en{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/presse-en.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#presse-es{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/presse-es.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#presse-fr li {
	font-size: 1.25em;
	list-style-type: none;
        margin : 10px 0;
        Padding: 0 0 10px 0;        
        color: #FFF;
}
#presse-fr li a {
        color: #FFF;
        text-decoration: none;
}
#presse-fr li a:hover {
        color: #FFF;
        text-decoration: none;
}



/* blog */
#blog-fr{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/blog-fr.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#blog-en{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/blog-en.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#blog-es{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/blog-es.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
/* Contacts */
#contact-fr{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/contacts-fr.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#contact-en{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/contacts-enr.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
#contact-es{
	position: relative;
	width: 100%;
	height: 546px;
	background: url(./img/contacts-es.jpg) left top no-repeat;
	margin: 0;
	text-align: left;
}
/* Corps */

#colgauche{
	position: absolute;
	width: 35%;
	height: 400px;
	margin: 50px 0 0 40px;
    text-align: left;
}
#newsletter{
	position: absolute;
	width: 30%;
	height: 100px;
	margin: 350px 0 0 40px;
    text-align: left;
}
#colphoto{
	position: absolute;
	width: 50%;
	height: 550px;
	margin: 0px 0 0 280px;
	text-align: left;
}
#colbio{
	position: absolute;
	width: 45%;
	height: 550px;
	margin: 50px 0 0 270px;
	text-align: left;
}
#colmusic{
	position: absolute;
	width: 45%;
	height: 550px;
	margin: 50px 0 0 270px;
	text-align: left;
}
#unecol{
	position: absolute;
	width: 80%;
	height: 500px;
	margin: 30px 0 0 20px;
	text-align: left;
}