/* -------------------------------------STYLE */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../_images/back_nuage.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#080c0e;
	font-size: 9px;
	text-align: left;
	padding: 0;
	margin: 0;
	
}

#site {
	width: 766px;
	padding: 0 0 0 7px;
	margin: 0 0 0 0;
	overflow: auto;
	margin: 0 auto;
	
}


#header{
	background-image: url(../_images/header.jpg);
	background-position: center top;
	height:105px;
	width:760px;
	margin: 0 0 0 0;
	}
	
#logo{
	display:none;
	}
.image_none {
	margin: 0;
	padding: 0;
}
#bloc_album{
margin:0;
padding:0;
width:380px;
position:relative;
float:left;
}

/* -------------------------------------Formulaire contact */

#form{width:100%;margin:0 0 0 0}
#form table td{width:250px;height:30px}
#form table {margin: 0 0 0 0}
#form em{color:red;font-size:1.5em;font-weight:700;}
#form fieldset{color:#ffffff;margin:10px 1px 0 1px;border:none}
#form :focus{color:#434848;background-color:#999999;border-color:#d5d5d5;}
#form textarea{width:100%;height:50px;color:#434848;background-color:#FFF;}
input.radio{border:none;text-decoration: none;}
#form select{color:#434848;border:1px solid #d5d5d5;background-color:#fff;margin:0 10px 0 0}
input.texte{width:100%;color:#434848;border:1px solid #d5d5d5;background-color:#fff;}
.submit {color:#666666;margin: 0 0 0 15px;float:left;position:relative}
#demande input{width:95%; }
input,img,abbr{border:0;text-decoration: none;}
#form .left{margin: 0 0 0 5px;padding: 0 0 0 10px}
#form .bas{width:95%;margin: 0 0 0 5px;padding: 0 0 0 10px}


/* -------------------------------------MENU */

#menu {
	width: 380px;
	height: 515px;
	margin: 0;
	padding: 0;
	position:absolute;
	float: left;
}

#colonne_gauche ul#menu{ /* Niveau 1 */
	width: 380px;
	height: 515px;
	list-style:none;
	padding:0;
	margin:0;
}
#colonne_gauche ul#menu li{
	width: 380px;
	height: 515px;
	display:inline;
	list-style:none;
}

#colonne_gauche span{
display:none;
}

#colonne_gauche ul#menu li#l1 a{ /* l1 - Accueil */
	width: 66px;
	height: 26px;
	margin: 187px 0 0 196px;
	padding: 0;
	position: absolute;
	float: left;
}
#colonne_gauche ul#menu li#l1 a:hover{ /* l1 - Accueil */
	background-image: url(../fr/_images/accueil_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 66px;
	height: 26px;
	margin: 187px 0 0 196px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l2 a{ /* l2 - Biographie */
	width: 79px;
	height: 66px;
	margin: 184px 0 0 16px;
	padding: 0;
	position: absolute;
	float: left;
}
#colonne_gauche ul#menu li#l2 a:hover{ /* l2 - Biographie */
	background-image: url(../fr/_images/bio_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 79px;
	height: 66px;
	margin: 184px 0 0 16px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l2 a.in{  /* l2 - Biographie */
	background-image: url(../fr/_images/bio_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 79px;
	height: 66px;
	margin: 184px 0 0 16px;
	padding: 0;
	position: absolute;
	float: left;
}


#colonne_gauche ul#menu li#l3 a{ /* l3 - Discographie */
	width: 88px;
	height: 96px;
	margin: 228px 0 0 221px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l3 a:hover{ /* l3 - Discographie */
	background-image: url(../fr/_images/disco_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 88px;
	height: 96px;
	margin: 228px 0 0 221px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l3 a.in{  /* l3 - Discographie */
	background-image: url(../fr/_images/disco_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 66px;
	height: 26px;
	margin: 228px 0 0 221px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l4 a{ /* l4 - Distinctions */
	width: 87px;
	height: 64px;
	margin: 366px 0 0 238px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l4 a:hover{ /* l4 - Distinctions */
	background-image: url(../fr/_images/distinct_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 87px;
	height: 64px;
	margin: 366px 0 0 238px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l4 a.in{  /* l4 - Distinctions */
	background-image: url(../fr/_images/distinct_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 87px;
	height: 64px;
	margin: 366px 0 0 238px;
	padding: 0;
	position: absolute;
	float: left;
}


#colonne_gauche ul#menu li#l5 a{ /* l5 - Agenda */
	width: 71px;
	height: 36px;
	margin: 86px 0 0 205px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l5 a:hover{ /* l5 - Agenda */
	background-image: url(../fr/_images/agenda_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 71px;
	height: 36px;
	mmargin: 86px 0 0 205px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l5 a.in{  /* l5 - Agenda */
	background-image: url(../fr/_images/agenda_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 71px;
	height: 36px;
	margin: 86px 0 0 205px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l6 a{ /* l6 - Revue de presse */
	width: 61px;
	height: 63px;
	margin: 267px 0 0 12px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l6 a:hover{ /* l6 - Revue de presse */
	background-image: url(../fr/_images/revue_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 61px;
	height: 63px;
	margin: 267px 0 0 12px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l6 a.in{  /* l6 - Revue de presse */
	background-image: url(../fr/_images/revue_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 61px;
	height: 63px;
	margin: 267px 0 0 12px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l7 a{ /* l7 - Contact */
	width: 68px;
	height: 30px;
	margin: 122px 0 0 12px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l7 a:hover{ /* l7 - Contact */
	background-image: url(../fr/_images/contact_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 68px;
	height: 30px;
	margin: 122px 0 0 12px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l7 a.in{  /* l7 - Contact */
	background-image: url(../fr/_images/contact_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 68px;
	height: 30px;
	margin: 122px 0 0 12px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l8 a{ /* l8 - Audio / Vidéo */
	width: 79px;
	height: 49px;
	margin: 383px 0 0 107px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l8 a:hover{ /* l8 - Audio / Vidéo */
	background-image: url(../fr/_images/audio_video_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 74px;
	height: 49px;
	margin: 383px 0 0 107px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l8 a.in{  /* l8 - Audio / Vidéo */
	background-image: url(../fr/_images/audio_video_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 74px;
	height: 49px;
	margin: 383px 0 0 107px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l9 a{ /* l9 - Photographie */
	width: 82px;
	height: 69px;
	margin: 14px 0 0 41px;
	padding: 0;
	position:absolute;
	float: left;
}

#colonne_gauche ul#menu li#l9 a:hover{ /* l9 - Photographie */
	background-image: url(../fr/_images/photo_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 82px;
	height: 69px;
	margin: 14px 0 0 41px;
	padding: 0;
	position:absolute;
	float: left;
}

#colonne_gauche ul#menu li#l9 a.in{  /* l9 - Photographie */
	background-image: url(../fr/_images/photo_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 82px;
	height: 69px;
	margin: 14px 0 0 41px;
	padding: 0;
	position:absolute;
	float: left;
}

#colonne_gauche ul#menu li#l10 a{ /* l10 - Fond d'écran */
	width: 110px;
	height: 23px;
	margin: 447px 0 0 16px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l10 a:hover{ /* l10 - Fond d'écran */
	background-image: url(../fr/_images/fond_ecran_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 110px;
	height: 23px;
	margin: 447px 0 0 16px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l10 a.in{  /* l10 - Fond d'écran */
	background-image: url(../fr/_images/fond_ecran_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 110px;
	height: 23px;
	margin: 447px 0 0 16px;
	padding: 0;
	position: absolute;
	float: left;
}


#colonne_gauche ul#menu li#l11 a{ /* l11 - Livre d'or */
	width: 68px;
	height: 42px;
	margin: 438px 0 0 203px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l11 a:hover{ /* l11 - Livre d'or */
	background-image: url(../fr/_images/livre_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 68px;
	height: 42px;
	margin: 438px 0 0 203px;
	padding: 0;
	position: absolute;
	float: left;
}

#colonne_gauche ul#menu li#l11 a.in{  /* l11 - Livre d'or */
	background-image: url(../fr/_images/livre_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 68px;
	height: 42px;
	margin: 438px 0 0 203px;
	padding: 0;
	position: absolute;
	float: left;
}


/* -------------------------------------Colonne gauche */

#colonne_gauche {
	background-image:url(../_images/back_colonne_gauche.jpg);
	width: 380px;
	height: 515px;
	margin: 3px 0 0 0px;
	padding: 0;
	position:relative;
	float: left;
	text-align: left;
}

/* -------------------------------------Colonne droite */


#colonne_droite {
	background-image:url(../_images/back_colonne_droite.jpg);
	background-repeat: repeat-y;
	width: 380px;
	height: 515px;
	margin: 3px 0 0 0;
	padding: 0;
	position: relative;
	float: left;
	text-align: left;
}

#colonne_droite ul{

	margin: 0;
	padding: 0;
	width: 380px;
	color: #b5e1ca;
	line-height: 1.3em;
	text-align:left;
}

#colonne_droite ul li{
	list-style-type: none;
	background-image:url(../_images/fleche_promo.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin: 5px 25px 0 0;
	padding: 0 5px 0 15px;
	text-align:left;
}

#colonne_droite a{
	color: #79b2c4;
	line-height: 1.3em;
	margin: 10px 20px 0 0;
	padding: 0;
	text-align: justify;
	text-decoration:underline;
}
#colonne_droite a.live{
	margin: 5px 10px 0 0;
	padding: 0;
}

#colonne_droite a:hover{
	color: #b5e1ca;
	line-height: 1.3em;
	margin: 10px 20px 0 0;
	padding: 0;
	text-align: justify;
	text-decoration:underline;
}
/* -------------------------------------Divers*/

/* -------------------------------------CONTENU */

#colonne_droite ul span{
	color : #8CAE9D;
	font-weight:bold;
}

/* -------------------------------------Bas de page*/


#suivante {
margin: 10px 20px 0 0;
padding:0;
width:170px;
text-align:right;
float:right;
}

#precedente {
margin: 10px 0 0 0;
padding:0;
width:190px;
text-align:left;
float:left;
}

#precedente a, #suivante a{
	color: #b5e1ca;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-decoration:none;
}

#precedente a:hover, #suivante a:hover{
	color: #b5e1ca;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-decoration:underline;
}


/*------------------------------------Texte + Titre */

p {
	color: #b5e1ca;
	line-height: 14px;
	margin: 10px 20px 0 0;
	padding: 0;
	text-align: justify;
}

p a{
	color: #b5e1ca;
	line-height: 1.3em;
	margin: 10px 20px 0 0;
	padding: 0;
	text-align: justify;
	text-decoration:underline;
}

p a:hover{
	color: #b5e1ca;
	line-height: 1.3em;
	margin: 10px 20px 0 0;
	padding: 0;
	text-align: justify;
	text-decoration:underline;
}

p.dashline{
color: #7EA77B;
}


#colonne_droite #titre span{
display:none;
}

h1.accueil {
	background-image: url(../fr/_images/titres/accueil.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.agenda {
	background-image: url(../fr/_images/titres/agenda.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}
h1.sitemap {
	background-image: url(../fr/_images/titres/plan-du-site.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.photographie {
	background-image: url(../fr/_images/titres/photographie.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.contact {
	background-image: url(../fr/_images/titres/contact.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.biographie {
	background-image: url(../fr/_images/titres/biographie.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.fond-ecran {
	background-image: url(../fr/_images/titres/fond-ecran.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.discographie {
	background-image: url(../fr/_images/titres/discographie.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.distinctions {
	background-image: url(../fr/_images/titres/distinctions.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.audio-video {
	background-image: url(../fr/_images/titres/audio-video.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.livre-dor {
	background-image: url(../fr/_images/titres/livre-dor.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}

h1.revue-de-presse {
	background-image: url(../fr/_images/titres/revue-de-presse.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 30px 0 0 0;
	padding: 0;
	width: 358px;
	height: 56px;
}
/* -------------------------------------BLOC */

h2{
font-size: 1.2em;
color: #b5e1ca;
margin:5px 0 0 0;
padding:0;

}

h2 span{
	color: #7E9D8D;
}

#colonne_droite img.album{
	position: relative;
	float: left;
	margin: 5px 10px 5px 0;
	padding: 0;
}
/* -------------------------------------FOOTER */

#footer {
	width: 766px;
	height: 20px;
	margin: 14px 0 0 0;
	padding: 0;
	text-align: center;
	position: relative;
	float: left;
}
.separateur {
	margin: 10px 0px 0px 25px;
}
#footer p{
	line-height: 1.2em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #266c7e;
	text-align: left;
}

#footer p a{
	margin: 0;
	padding: 0;
	color: #266c7e;
	text-decoration: none;
}

#footer p a:hover{
	margin: 0;
	padding: 0;
	color: #266c7e;
	text-decoration: underline;
}
#videos {
	width:105;
	margin:0px 10px 0px 0px;
	padding:0;
	float:left;
}
