* {
margin:0;
padding:0;
}



html {
font: normal small/1.2em "verdana", sans-serif;
}




body {
color:black;
background-color:#E2E0E0;
margin:0;
padding:0;
text-align:center;
min-height:1150px;
height:100%;
background-image:url(../img/bg2.gif);
background-position:top center;
background-repeat:repeat-y;
}



#container {
position:relative;
color:black;
margin: 0 auto;
width:850px;
text-align:left;
height:100%;
min-height:1135px;
background:#FDDEA2;
}



#container2 {
position:relative;
color:black;
margin: 0 auto;
width:850px;
text-align:left;
height:100%;
min-height:1150px;
background:#FDDEA2;
}



/*  ex: liens du bas de page   */
a {
text-decoration:none;
color:#8B0000;
}




a:hover {
text-decoration:none;
color:black;
}



/* Partie connection */


#connection {
width:850px;
height:40px;
background:blue;
}




/* Partie de gauche */



#flashnav{
float:left;
width:216px;
min-height:1200px;
height:100%;
background:#000000;
background:url(../img/fleurs1.png) no-repeat;
}



/* page d'accueil */
#flashnav2{
height:100%;
min-height:950px;
float:left;
width:216px;
background:url(../img/fleurs12.png) no-repeat;
}



/* pages avec corde, dont _lire, newsletter... */
#flashnav3{
height:100%;
min-height:1000px;
float:left;
width:216px;
background:url(../img/fleurs13.png) no-repeat;
}




#ecoutez {
width:195px;
height:50px;
margin-bottom:40px;
background:url(../img/ecoutez.png) no-repeat;
}



#ecoutez a {display:block; text-decoration:none; height:50px; margin:0;}
#ecoutez #album {height:50px;}
#ecoutez #album:hover {height:50px; background:url(../img/ecoutez2.png) no-repeat;}




#menuchansons {
float:left;
width:195px;
height:400px;
padding:0;
background:url(../img/menu_chansons.png) no-repeat;
}





#menuchansons ul {
width:195px;
list-style-type:none;
padding:0;
margin:0;
display:block;
}




#menuchansons ul li {
width:195px;
height:25px;
display:block;
}


#menuchansons a {display:block; text-decoration:none; height:25px; margin:0;}

#menuchansons #chanson1 {height:25px;}
#menuchansons #chanson1:hover {height:25px; background:url(../img/nina.png) no-repeat;}
#menuchansons #chanson1b {height:25px; background:url(../img/nina.png) no-repeat;}

#menuchansons #chanson2 {height:25px;}
#menuchansons #chanson2:hover {height:25px; background:url(../img/erables.png) no-repeat;}
#menuchansons #chanson2b {height:25px; background:url(../img/erables.png) no-repeat;}

#menuchansons #chanson3 {height:25px;}
#menuchansons #chanson3:hover {height:25px; background:url(../img/langue.png) no-repeat;}
#menuchansons #chanson3b {height:25px; background:url(../img/langue.png) no-repeat;}

#menuchansons #chanson4 {height:25px;}
#menuchansons #chanson4:hover {height:25px; background:url(../img/heroine.png) no-repeat;}
#menuchansons #chanson4b {height:25px; background:url(../img/heroine.png) no-repeat;}

#menuchansons #chanson5 {height:25px;}
#menuchansons #chanson5:hover {height:25px; background:url(../img/enfant.png) no-repeat;}
#menuchansons #chanson5b {height:25px; background:url(../img/enfant.png) no-repeat;}

#menuchansons #chanson6 {height:25px;}
#menuchansons #chanson6:hover {height:25px; background:url(../img/juin.png) no-repeat;}
#menuchansons #chanson6b {height:25px; background:url(../img/juin.png) no-repeat;}

#menuchansons #chanson7 {height:25px;}
#menuchansons #chanson7:hover {height:25px; background:url(../img/telephone.png) no-repeat;}
#menuchansons #chanson7b {height:25px; background:url(../img/telephone.png) no-repeat;}

#menuchansons #chanson8 {height:25px;}
#menuchansons #chanson8:hover {height:25px; background:url(../img/train.png) no-repeat;}
#menuchansons #chanson8b {height:25px; background:url(../img/train.png) no-repeat;}

#menuchansons #chanson9 {height:25px;}
#menuchansons #chanson9:hover {height:25px; background:url(../img/fauteuil.png) no-repeat;}
#menuchansons #chanson9b {height:25px; background:url(../img/fauteuil.png) no-repeat;}

#menuchansons #chanson10 {height:25px;}
#menuchansons #chanson10:hover {height:25px; background:url(../img/battements.png) no-repeat;}
#menuchansons #chanson10b {height:25px; background:url(../img/battements.png) no-repeat;}

#menuchansons #chanson11 {height:25px;}
#menuchansons #chanson11:hover {height:25px; background:url(../img/revolutionnaires.png) no-repeat;}
#menuchansons #chanson11b {height:25px; background:url(../img/revolutionnaires.png) no-repeat;}

#menuchansons #chanson12 {height:25px;}
#menuchansons #chanson12:hover {height:25px; background:url(../img/lumieres.png) no-repeat;}
#menuchansons #chanson12b {height:25px; background:url(../img/lumieres.png) no-repeat;}

#menuchansons #chanson13 {height:25px;}
#menuchansons #chanson13:hover {height:25px; background:url(../img/hasard.png) no-repeat;}
#menuchansons #chanson13b {height:25px; background:url(../img/hasard.png) no-repeat;}

#menuchansons #chanson14 {height:25px;}
#menuchansons #chanson14:hover {height:25px; background:url(../img/passe.png) no-repeat;}
#menuchansons #chanson14b {height:25px; background:url(../img/passe.png) no-repeat;}

#menuchansons #chanson15 {height:25px;}
#menuchansons #chanson15:hover {height:25px; background:url(../img/abri.png) no-repeat;}
#menuchansons #chanson15b {height:25px; background:url(../img/abri.png) no-repeat;}





/* Partie supérieure */


#bandeau {
position:relative;
width:850px;
height:179px;
background-image:url(../img/titre.png);
background-repeat:no-repeat;
padding-top:1px;
}


a#lien-accueil {
 position: absolute;
 right: -20px;
 top: 17px;
 width: 850px;
 height: 130px;
}



.cache {
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}



#fastlink {
	position: absolute;
	top: 12px;
	right: 20px;
	text-align: right;
	width: 353px;
}


#fastlink ul {
	margin: 0;
	padding: 0;
}


#fastlink li {
	list-style-type: none;
	font-size: 0.9em;
	padding: 0;
	display: inline;
	color: white;
	line-height:1.5em;
}


#fastlink li a {
	color: white;
	font-size:0.8em;
	text-decoration:none;
}




#menu {
width:470px;
margin-top:163px;
margin-left:217px;
}



#menu ul {
margin-left:13px;
}



#menu ul li{
margin-left:5px;
text-align:left;
text-transform: uppercase;
border:0;
float:left;
list-style-type:none;
display:inline;
}




#menu ul li a {
font-size:1em;
text-decoration:none;
color:black;
background:url(../img/bouton.png);
padding: 0px 8px 0px 8px;
font-weight:bold;
}



#menu li a:hover {
color:white;
background:url(../img/bouton2.png);
}




#menu ul li a.active {
color:white;
background:url(../img/bouton2.png);
}




/* Jukebox */



#jukebox {
margin-left:685px;
background:#8B0000;
height:18px;
margin-top:-2px;
width:165px;
}




#jukebox2 {
margin-top:-4px;
margin-left:690px;
background:#8B0000;
height:20px;
padding:0;
}



#jukebox a {
font-size:0.95em;
color:white;
margin-left:6px;
text-align:center;
text-decoration:none;
vertical-align:middle;
}



#jukebox a:hover {
color:black;
}



#jukebox2 a {
font-size:0.8em;
color:white;
margin-left:30px;
text-align:center;
text-decoration:none;
}



#jukebox2 a:hover {
color:black;
}



/* Partie centrale */



/* pages avec le cadre vert en flou mais sans les dates de concert (albums infos, revue, liens) */
#content {
width:634px;
height:100%;
min-height:900px;
background:url(../img/encadre_content.jpg) no-repeat;
padding-bottom:0px;
margin-left:216px;
}



/* page d'accueil */
#content2 {
width:634px;
height:900px;
background:url(../img/encadre_content2.jpg) no-repeat;
padding-bottom:50px;
margin-left:216px;
}



/* pages avec dates concerts mais avec le cadre vert en flou */
#content3 {
width:634px;
height:100%;
min-height:900px;
background:url(../img/encadre_content3.jpg) no-repeat;
padding-bottom:50px;
margin-left:216px;
}



/* page biographie, les pages bio, contact, album */
#content4 {
width:634px;
height:100%;
min-height:1000px;
background:url(../img/encadre_content4.jpg) no-repeat;
padding-bottom:0px;
margin-left:216px;
}



#menucontent {
width:583px;
height:30px;
padding-top:60px;
padding-left:45px;
}



#menucontent ul {

}



#menucontent ul li {
list-style-image:url(../img/carre.png);
list-style-position:inside;
padding-right:40px;
float:left;
}




#menucontent ul li a {
font-size:1.3em;
text-decoration:none;
color:black;
vertical-align:2px;
font-weight:bold;

}



#menucontent ul li a:hover{
color:#FF8C00;
}




#menucontent ul li a.active {
color:#FF8C00;
font-size:1.3em;
text-decoration:none;
vertical-align:2px;
font-weight:bold;
}




span.indication {
font-style:italic;
font-size:0.8em;
margin-left:35px;
display:block;
}






#contenu {
position:relative;
float:left;
width:600px;
height:100%;
min-height:500px;
padding: 45px 0px 50px 35px;
}




h1 {
color:#FF8C00;
font-size:1.2em;
float:left;
text-align:justify;
margin-bottom:15px;
padding-left:25px;
padding-right:55px;
clear:both;
}




h1.index {
color:#8B0000;
font-size:1.2em;
float:left;
text-align:justify;
margin-bottom:5px;
padding-left:25px;
padding-right:55px;
clear:both;
}





h2 {
text-align:justify;
color:black;
font-size:1em;
float:left;
padding-left:25px;
padding-right:55px;
}




h2.index {
color:#FF8C00;
font-size:1.2em;
float:left;
padding-right:450px;
}




p.contenu {
font-size:1em;
float:left;
text-align:justify;
clear:both;
padding-left:25px;
}



p.italique {
clear:both;
font-size:1em;
float:left;
text-align:justify;
font-style: italic;
padding-left:25px;

}



p.italiquegras {
clear:both;
font-size:1em;
float:left;
text-align:justify;
font-style: italic;
font-weight:bold;
padding-left:25px;
}



span.gras {
font-weight:bold;
font-size:1em;
float:left;
text-align:justify;
clear:both;
}




span.italique {
font-style:italic;
font-size:1em;
float:left;
text-align:justify;
clear:both;
}



span.normal {
font-size:1em;
float:left;
text-align:justify;
clear:both;
}



span.souligne {
text-decoration:underline;
}




p.indication2 {
font-style:italic;
font-size:0.8em;
margin-right:15px;
margin-bottom:10px;
color:black;
padding-left:25px;
}



p.intro {
font-size:0.8em;
margin-right:195px;
margin-bottom:10px;
margin-top:468px;
color:black;
padding-left:0px;
text-align:justify;
font-weight:bold;
}


/* pour  page d'accueil  */
#dates {
position:absolute;
height:400px;
top:390px;
width:200px;
margin-left:645px;
background:url(../img/dates.png) no-repeat;
z-index:1;
}




#dates2 {
position:absolute;
height:400px;
margin-top:225px;
width:200px;
margin-left:430px;
background:url(../img/dates.png) no-repeat;
}




h3 {
font-size:1em;
color:black;
font-weight:bold;
margin-top:15px;
text-align:justify;
}



/*
p.dates {
font-size:0.9em;
color:black;
text-align:justify;
margin-bottom:15px;
display:inline;
}
*/




img.marci {
margin-left:-16px;
margin-bottom:25px;
border:none;
}




img.marci2 {
margin-top:8px;
margin-left:15px;
}





img.marci3 {
margin-top:40px;
margin-left:25px;
margin-bottom:30px;
}




img.marci4 {
position:relative;
margin-top:40px;
margin-left:55px;
margin-bottom:65px;
}



img.avecbordure {
border-width:2px;
border-style:solid;
border-color:#8B0000;
}



img.sansbordure {
border:none;
}



img.revue {
text-align:center;
}



img.mekness {
margin-left:50px;
}



img.index {
margin-top:8px;
}



img.fleche {
float:left;
}



object.photos {
margin-top:20px;
margin-left:-16px;
margin-bottom:0px;
position:absolute;
z-index:1;
}



object.videos {
margin-left:-16px;
margin-bottom:0px;
}


object.accueil {
position:absolute;
z-index:1;
margin-top:57px;
margin-left:-142px;
}



a.contenu {
font-size:1.25em;
text-decoration:none;
color:#8B0000;
vertical-align:top;
}




a.contenu:hover {
color:#FF8C00;
vertical-align:top;
}




a.contenu2 {
font-size:1em;
text-decoration:none;
color:#8B0000;
vertical-align:top;
}



a.contenu2:hover {
color:#FFFFFF;
vertical-align:top;
}



a.contenu3 {
font-size:1em;
text-decoration:none;
color:white;
vertical-align:top;
}



a.contenu3:hover {
color:black;
vertical-align:top;
}



a.contenu4 {
font-size:1em;
text-decoration:none;
color:#8B0000;
vertical-align:50%;
}



a.contenu4:hover {
color:#FF8C00;
}


a.contenu5 {
font-size:1em;
text-decoration:none;
color:#8B0000;
vertical-align:50%;
font-weight:bold;
}



a.contenu5:hover {
color:#FF8C00;
font-weight:bold;
}




/* Pied de page */


#footer {
position:relative;
bottom:0;
margin-left:2px;
clear:both;
height:40px;
background:url(../img/encadre_bas2.jpg) no-repeat;

}



#footer2 {
position:relative;
bottom:20px;
margin-left:216px;
clear:both;
height:40px;
background:url(../img/encadre_bas2.jpg) no-repeat;
}



p.footer {
clear:both;
font-size:0.7em;
padding-left:25px;
text-align:center;
padding-top:20px;
}



p.validator {
margin-left:225px;
text-align:center;
}



/* biographie */




#menubio {
position:relative;
height:80px;
width:560px;
margin-top:60px;
margin-left:40px;
}




#bouton1 {
float:left;
height:50px;
width:160px;
background:#8B0000;
display:inline;
padding-top:30px;
}



#bouton1:hover {
float:left;
height:50px;
width:160px;
background:url(../img/marci_&_pere_small.png) no-repeat;
display:inline;
}




#bouton1.active {
float:left;
height:50px;
width:160px;
background:#8B0000;
display:inline;
background:url(../img/marci_&_pere_small.png) no-repeat;
}




#bouton1 a {
text-decoration:none;
color:white;
font-size:1.7em;
display:inline;
margin-left:18px;
}







#bouton2 {
float:left;
height:50px;
width:80px;
background:#FF8C00;
display:inline;
padding-top:30px;
}



#bouton2:hover {
float:left;
height:50px;
width:80px;
background:url(../img/Marci_&_funky_francky_small.png) no-repeat;
display:inline;
}



#bouton2.active {
float:left;
height:50px;
width:80px;
background:#FF8C00;
display:inline;
background:url(../img/Marci_&_funky_francky_small.png) no-repeat;
}




#bouton2 a {
text-decoration:none;
color:white;
font-size:1.7em;
display:inline;
margin-left:12px;
}








#bouton3 {
float:left;
height:50px;
width:80px;
background:#A9A9A9;
display:inline;
padding-top:30px;
}



#bouton3:hover {
float:left;
height:50px;
width:80px;
background:url(../img/revolution_small.png) no-repeat;
display:inline;
}




#bouton3.active {
float:left;
height:50px;
width:80px;
background:#A9A9A9;
display:inline;
background:url(../img/revolution_small.png) no-repeat;
}




#bouton3 a {
text-decoration:none;
color:white;
font-size:1.7em;
display:inline;
margin-left:12px;
}




/*  1992  */
#bouton4 {
float:left;
height:50px;
width:80px;
background:#008B8B;
display:inline;
padding-top:30px;
}





#bouton4:hover {
float:left;
height:50px;
width:80px;
background:url(../img/Marci_Dylan_small.png) no-repeat;
display:inline;
}




#bouton4.active {
float:left;
height:50px;
width:80px;
background:#008B8B;
display:inline;
padding-top:30px;
background:url(../img/Marci_Dylan_small.png) no-repeat;
}




#bouton4 a {
text-decoration:none;
color:white;
font-size:1.7em;
display:inline;
margin-left:12px;
}







#bouton5 {
float:left;
height:50px;
width:160px;
background:#B8860B;
display:inline;
padding-top:30px;
}




#bouton5:hover {
float:left;
height:50px;
width:160px;
background:url(../img/mekness3_small.png) no-repeat;
display:inline;
}




#bouton5.active {
float:left;
height:50px;
width:160px;
display:inline;
padding-top:30px;
background:url(../img/mekness3_small.png) no-repeat;
}




#bouton5 a {
text-decoration:none;
color:white;
font-size:1.7em;
display:inline;
margin-left:18px;
}





#bouton6 {
float:left;
height:50px;
width:160px;
background:#191970;
display:inline;
padding-top:30px;
}




#bouton6:hover {
float:left;
height:50px;
width:160px;
background:url(../img/midbarek_small.png) no-repeat;
display:inline;
}




#bouton6.active {
float:left;
height:50px;
width:160px;
background:#191970;
display:inline;
padding-top:30px;
background:url(../img/midbarek_small.png) no-repeat;
}




#bouton6 a {
text-decoration:none;
color:white;
font-size:1.7em;
display:inline;
margin-top:150px;
margin-left:18px;
}





#bouton7 {
float:left;
height:50px;
width:160px;
background:#B22222;
display:inline;
padding-top:30px;
}




#bouton7:hover {
float:left;
height:50px;
width:160px;
display:inline;
background:url(../img/sujets_small.png) no-repeat;
}





#bouton7.active {
float:left;
height:50px;
width:160px;
background:#B22222;
display:inline;
padding-top:30px;
background:url(../img/sujets_small.png) no-repeat;
}




#bouton7 a {
text-decoration:none;
color:white;
font-size:1.7em;
display:inline;
margin-left:18px;
}




#bouton8 {
float:left;
height:50px;
width:80px;
background:#800080;
display:inline;
padding-top:30px;
}




#bouton8:hover {
float:left;
height:50px;
width:80px;
display:inline;
background:url(../img/marci_small.jpg) no-repeat;
}





#bouton8.active {
float:left;
height:50px;
width:80px;
background:#800080;
display:inline;
padding-top:30px;
background:url(../img/marci_small.jpg) no-repeat;
}




#bouton8 a {
text-decoration:none;
color:white;
font-size:1.7em;
display:inline;
margin-left:12px;
}



#bouton9 {
float:left;
height:50px;
width:160px;
background:#F27A2A;
display:inline;
padding-top:30px;
}




#bouton9:hover {
float:left;
height:50px;
width:160px;
display:inline;
background:url(../img/aujourdhui_small.jpg) no-repeat;
}





#bouton9.active {
float:left;
height:50px;
width:160px;
background:#F27A2A;
display:inline;
padding-top:30px;
background:url(../img/aujourdhui_small.jpg) no-repeat;
}




#bouton9 a {
text-decoration:none;
color:white;
font-size:1.7em;
display:inline;
margin-left:18px;
}




#bio {
position:relative;
float:left;
width:515px;
height:100%;
min-height:500px;
padding:50px;
}




p.indication3 {
padding-left:22px;
font-style:italic;
font-size:0.8em;
color:black;
}




p.bio {
font-size:1em;
float:left;
text-align:justify;
padding: 5px 110px 5px 25px;
margin-top:15px;
}



#biographie {
border-width:2px;
border-color:#8B0000;
border-style:solid;
margin-left:25px;
margin-right:110px;
padding:0;
height:660px;
}


p.encadre {
font-size:1em;
float:left;
text-align:justify;
padding: 20px 25px 50px 25px;
margin-top:15px;
}


/* formulaire de contact */



form#contact {
width:60%;
padding:1em
}
   



p#msg,p#adr,p#obj{
margin-right:10%;
padding:10px
}



p#msg textarea{
height:30em;
width:120%
}




p#adr input,p#obj input{
}



p.bt{
text-align:center
}


    
p.bt input{
width:50%
}



span.rouge {
color:red;
}



/* pages liens */


li.amis {
list-style-type:none;
list-style-position:inside;
line-height:50px;
padding-left:55px;
padding-right:55px;
}




li.amis a {
text-decoration:underline;
font-size:1em;
color:#8B0000;
font-weight:bold;
}




/*  Le plan du site   */



li.plan {
list-style-position:inside;
padding-left:25px;
font-size:1em;
}



li.plan2 {
list-style-position:inside;
padding-left:50px;
font-size:1em;
}




/*  infos albums  */


table {
margin-left:23px;
margin-top:50px;
margin-bottom:50px;
margin-right:50px;
clear:both;
}


td {
text-align:center;
}


form.paypal {
margin-left:200px;
}



/*  page newsletter   */


form.newsletter {
padding-left:25px;
}




/*  page accessibilité   */

ul.accessibilite {
padding-left:25px;
padding-right:55px;
clear:both;
}

li.accessibilite {
margin-bottom:10px;
clear:both;
}



kbd {
	font-size : 1.1em;
	padding: 2px 4px 2px 4px;
	border-top: 1px solid #E2F576;
	border-left: 1px solid #E2F576;
	border-right: 1px solid #9BB50C;
	border-bottom: 1px solid #9BB50C;
	background: #FF9D11;
}