body  { background-image: url(images/fond.gif);
background-repeat: repeat;
margin-right: auto;
margin-left: auto;
margin-top: 1px;
position: relative;
width: 800px; }

#bandeau {
width : 800px;
height: 51px;
margin-left : auto;
margin-right : auto;
background-image: url(images/bandeau.jpg);
background-repeat: no-repeat; }

#body-centre { width : 798px;
	font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; 
	font-size : 12px;
	border: 1px solid black;
	background-image: url(images/fond_centre.jpg);
	margin-top: 0px; }
	
#body-centre2 { width : 768px;
	font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; 
	font-size : 12px;
	border: 1px solid black;
	background-image: url(images/fond_centre.jpg);
	padding-left: 30px;
	margin-top: 0px; }
	

#body-saisons { width : 600px;
	font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; 
	font-size : 12px;
	margin-left: 150px;
	background-image: url(images/fond_centre.jpg);
	margin-top: 0px; }
	
#colg { height: 565px;  width : 340px; float: left; margin-left: 0px;}

#cold { height: 565px; width: 451px; margin-left: 330px}

#col-gauche { width : 140px;
font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; 
	font-size : 12px;
	background-image: url(images/fond_centre.jpg);
	margin-top: 5px;
	margin-left: 10px; }

#col-droite { width : 640px;
height: 1660px;
border-left: 1px solid grey;
font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; 
font-size : 12px;
background-image: url(images/fond_centre.jpg);
margin-left: 141px; 
margin-top : 0px;
}

p  {
font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial;
color: #010D01;
margin-left: 10px;
margin-right: 10px;
text-align: justify; }

.p2  {
font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial;
color: #010D01; 
margin-left: 155px;
text-align: justify; }

.p3  {
margin-left: 0px;
margin-right: 0px;
text-align: justify; }

.p4  {
font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial;
color: #010D01;
margin-left: 10px;
margin-right: 10px;
text-align: justify; }

.p5  { color: #504f4f; font-size: 12px; font-family: "Helvetica neue", Verdana, "Trebuchet MS", Arial;  margin-left: 155px; margin-right: 155px; padding: 5px; text-align: center; border: 1px dotted grey; }

.p6 {
font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial;
font-style: italic;
margin-left: 10px;
margin-right: 10px;
text-align: justify; }

#reponse{
font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial;
margin-left: 25px;
margin-right: 25px;
text-align: justify; }

h1 {
font-size: 14px; font-family: "Arial Narrow", "Trebuchet MS", Verdana;
border-bottom: 1px dotted grey; display: inline;
padding: 0px 25px 0 15px; margin: 0px 0 0 10px;
background: url(images/puce_titre.gif) left center no-repeat; }

b {
color: #3B4145; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial; }

.b2 {
color: black; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial; margin-left: 25px; }

.b3 {
color: black; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial; margin-left: 1px; }


a {
color: #4D123D; font-weight: bold;
font-family: "Trebuchet MS", "Arial Narrow", Verdana, Arial;
font-size: 12px;
text-decoration: none;
 }

#image-pochette {
float: left;
border: 1px solid grey;
margin: 0 10px 0 10px; }

#image-pochette2 {
float: left;
border: 1px solid grey;
margin: 15px 10px 0px 10px; }

#image-pochette3 {
float: right;
border: 1px solid grey;
margin: 0 10px 0 10px; }

.li2 { /* Pour Saisons */
    margin: 2px 0 0 20px;
    color:#011A01;
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Arial;
    list-style-image: url(images/puce_liste.gif);
    list-style-position: inside; }

.li3 {  /* Pour Discographie */
    margin: 2px 0 0 158px;
    color:#011A01;
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Arial;
    list-style-image: url(images/puce_liste.gif);
    list-style-position: inside;}
    
.li4 {  /* Pour Accueil Saisons */
    margin: 2px 0 0 100px;
    color:#011A01;
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Arial;
    list-style-image: url(images/puce_liste.gif);
    list-style-position: inside;}
    
.li5 {  /* Pour Répertoire */
    margin: 0 0 0 4px;
    color:#011A01;
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Arial;
    list-style-image: url(images/bullet_23.png);
    list-style-position: inside;}
    
.li6 { /* Pour Photos */
    margin: 0 0 0 2px;
    color:#011A01;
    font-size: 11px;
    line-height: 20px;
    font-family: "Trebuchet MS", Verdana, Arial;
    list-style-image: url(images/pucefleche.jpg);
    list-style-position: inside;}
    
#repertoire {
background-color: #d8d6d9;
text-align: center;
padding-bottom: 1px;
margin-left:40px;
width: 718px;
border-style: none none solid none;
border-width: 2px;
border-color: gray;
}

#note {
width:750px;
border: dotted  0px;
margin-left: 18px;
}

#personnel {
width:758px;
margin-left: 10px;
}

#pied_de_page {
color: #FFF;
font-size: 10px;
margin-top: 5px;
font-family: "Arial Narrow", "Trebuchet MS", Verdana;
text-align: center;
}

ul.menu { list-style-type: none; margin : 0; padding: 0; }
ul.menu li 	{ float: left; margin: 0; border: 0; }
ul.menu ul 	{ position: absolute; display: none; list-style-type: none; margin: 0; padding: 0; }
ul.menu ul li {	float: none; padding: 0; border-top: 1px solid #bec8cf; border-right: 1px solid #bec8cf; }
ul.menu li a:link, ul.menu li a:visited { display: block; color: white; background: #7f8f99; margin:0; padding: 0px 6px 3px 6px; text-decoration: none; }
ul.menu li a:hover { background: #566168; }
ul.menu li:hover > ul {	display: block;	}
ul.menu a { font: 10px "Arial Black", "Trebuchet MS", Impact,Arial,sans-serif; text-shadow: #3d3e3f 1px 4px 3px; }

#filet {
width : 800px;
height: 4px;
background : url(images/filet.gif);
background-repeat: no-repeat;
margin-top: 17px; }

.p4  {
margin-left: 70px;
margin-right: 0px;
text-align: justify; }

h2 {
color: #515751;
padding: 0px 25px 0 15px; margin: 0px 0 0 10px;
font-size: 14px;
font-family: "Trebuchet MS", Verdana, Arial; }

h3 {
color: #052405        ; font-size: 14px; text-align: center;
font-family: "Arial Narrow", "Trebuchet MS", Verdana;
}

a img{
 border:  none ;
}

a:hover {
color: red; text-decoration: underline;
}

li { color: #069;
font-size: 12px;
font-family: "Trebuchet MS", Verdana, Arial;
border: 0;
list-style-image: none;
list-style-position: inside; }

#img-gauche {
margin: 0px 10px 0px 10px;
border: 1px solid grey;
}

#img {
float: left;
margin: 0 0 0 20px;
border: 1px solid grey;
}

#texte-pochette {
color:#011A01;
    font-size: 12px;
    font-style: italic ;
    font-family: Verdana, "Trebuchet MS", Arial;
    padding-left: 175px; }

hr {
background : url(images/pixel_gris.png);
width: 98%;
height: "0,5px"; }

.trait {
    background : url(images/pixel_gris.png);
    margin-left: 158px;
margin-right: 5px; }

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

#body-centre3 { width : 798px; height: 650px;
	font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; 
	font-size : 12px;
	border: 1px solid black;
	background-image: url(images/fond_centre.jpg);
	margin-top: 0px; }
	
    div.float2 {
 	float: left;
 	margin-left:20px;
 }

    div.float1 {
 	float: right;
 	margin-right:20px;
 }