* {
	margin:0;
	padding:0;
	border:0 none;
	
	}
body {
	SCROLLBAR-FACE-COLOR: #212121;
	SCROLLBAR-HIGHLIGHT-COLOR: #212121;
	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc;
	SCROLLBAR-ARROW-COLOR: #cccccc;
	SCROLLBAR-TRACK-COLOR:#212121;
	SCROLLBAR-DARKSHADOW-COLOR: #212121;
	background-color:#212121;
	text-align:center;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#FFFFFF;
}

table{
	border-collapse:collapse;
	font-size:1em;
}
h2 {font-size:1.2em; padding:2px;border-bottom:15px solid #212121}
h2 span {float:right;display:block; font-size:.9em}
a {
text-decoration:none;
color:#FFFFFF;
}
a:hover {color:#ccc}
a img {border:none}
ul, li {list-style:none;}
ul {background-color:#3d3d3d; width:80px}

/*----------------- classes de mise en forme ---------*/

.floatLeft {float:left;margin: 0px 10px 10px 0px}
.floatRight {float:right;margin: 0px 0px 10px 10px}
.noBorder {border:0px none}
#contenu .noClear {clear:none}
#contenu .noClear * {clear:none}
.yesClear {clear:both}
.col3_centre {
vertical-align:top;
width : 32%;
float: left;
text-align: center;
margin:5px 2px;
line-height:1.5em;
}
.col3_gauche {
vertical-align:top;
width : 32%;
float: left;
text-align: left;
margin:5px 2px;
line-height:1.5em;

}
.col2_centre {
vertical-align:top;
width : 48%;
float: left;
text-align: center;
margin:5px 2px;
line-height:1.5em;

}
.col2_gauche {
vertical-align:top;
width : 48%;
float: left;
text-align: left;
margin:5px 2px;
line-height:1.5em;

}
.textejaune {
color:#FFFF00;
}
.photoleft {
margin:0px 10px 4px 0;
float:left;
}
.photoright {
margin:0px 0 4px 10px;
float:right;
}
/*----------------- squelette -----------------------*/


#conteneur, #pied{width:908px; margin:auto; text-align:left;position:relative;left:7px;background-color:#3d3d3d}
#pied {background-color:#212121;clear:both; text-align:center; padding-top:5px;}
#gauche {float:left;width:662px; border-right:34px solid #212121;}


#droite {width:212px; float:right;}

/*---------------- pied---------------------*/
#pied a{color:#718FD5;font-size:.85em;}
/*--------------- pages simples ---------------*/
#contenu {margin: 5px 25px;}
#contenu p {line-height:1.6em; margin:7px 0; font-size:1em;}
#contenu p a {/*border-bottom:1px dashed;color:#EB6D1E*/background:#4F4F4F;padding:0px 2px}
#contenu p a:hover {background:#5f5f5f;color:#fff}
#contenu h3 {background-color:#6f90d3; margin:15px 0; padding:3px 5px 10px 5px; font-size:1.3em; width:220px; color:#FFF; text-align:right; font-weight:normal}
#contenu ul {width:auto;}
#contenu ul li {font-family: Verdana, Arial, Helvetica, sans-serif}

/*----------------Formulaires------------------*/
form#formulaire {padding:1em;font-family:arial, helvetica, sans-serif}
form#formulaire p {margin:0 0 0.5em;padding:0.2em;background:url(../images/bg_p_form.gif) repeat-x bottom}
form#formulaire p.submit {margin:0; text-align:left;background:none}
form#formulaire label {float:left;width:170px;text-align:left;clear:left;color:#000;}
form#formulaire label.required {font-weight:bold;}
form#formulaire input, form#formulaire select {font-size:.8em;color:#212121}
form#formulaire textarea {color:#212121}
form#formulaire fieldset.NL input {font-size:1em;}
input,select, textarea {margin-left:1em;border:1px solid #ccc;border-right:1px solid #666;border-bottom:1px solid #666;padding:0.2em}
form#formulaire .button {background-color:#FF6600; font-weight:bold; color:#fff}
form#formulaire fieldset {background-color:#888;padding:0.5em}
form#formulaire legend { background-color:#ccc; color:#212121}
/*--------------- pages doubles ---------------*/
#gauche .bloc_image {float:left; width:280px;}
#gauche .bloc_image span { display:block;width:100%; background-color:#ED7330; font-size:1.1em;}
#gauche .bloc_texte {float:right;  }
#gauche .bloc_texte .largeurfixes {width:380px;}
#gauche .bloc_texte h3 {background-color:#212121; font-size:1.3em; padding:0 2px 20px 0 }
#gauche .bloc_texte .description{padding:8px 20px 0 20px;border-bottom:1px solid #3d3d3d;background-color:#707070;}
#gauche .bloc_texte .description ul {margin:5px 0 0 -20px;}
li {padding:4px 0 4px 7px;background:url('../images/pointe_blanche.gif') no-repeat 0px 8px; font-family:Arial, Helvetica, sans-serif; }
#gauche .bloc_texte .description li {margin-left:5px;padding:2px 7px; width:80px; }
/*droite*/
#droite h2 {border-bottom:15px solid #212121}
#droite h3{ margin:20px 0 8px 30px; padding:2px;color:#fff;font-size:1.2em;text-align:right; font-weight:normal}
#droite h3 span{display:block;background-color:#ED7330;text-align:left }
#droite a:hover span {color:#ccc}
#droite p{padding:2px;color:#212121;}
#droite ul { margin:30px 0 ;width:100%;}
#droite li{ background:#ED7330 url('../images/pointe_blanche.gif') no-repeat 2px 11px;margin-left:30px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}

/*--------------- avec alignement de photos (cd, partenaires) ---------------*/
#photo_align {margin-top:15px; text-align:center}
#photo_align ul {width:100%; margin:auto; text-align:center;clear:both}
#photo_align li {background:#000 none; text-align:center;float:left; margin:10px 7px; padding:0 0 5px 0}
#photo_align span {display:block}
#photo_align a img {width:120px; height:120px;border:1px solid #3d3d3d}
#photo_align a:hover img {border:1px solid #fff}
#photo_align ul.partenaires {width:80%;}
#photo_align ul.partenaires li {margin:15px 10px; padding:0}
#photo_align ul.partenaires li a img {border:none; width:auto; height:auto}

/*--------------- programme spectacle---------------*/
#conteneur.programme #gauche{background-color: #212121; min-height:350px; }
#conteneur.programme #gauche .spectacle{background-color: #3d3d3d; }
#gauche .spectacle {width:100%; clear:both;border-top:35px solid #212121;}
#gauche .spectacle .bloc_image {width:120px;}
#gauche .spectacle .bloc_image span {text-align:right;}
#gauche .spectacle .bloc_texte {width:540px;}
#gauche .spectacle .bloc_texte h3 {padding:0 2px 2px 0 }
#gauche .bloc_texte h3 span {display:block;font-size:.8em}
#gauche .bloc_texte h3 span.titre { font-style:italic;font-size:.9em}
#gauche .bloc_texte .description {padding:8px 20px 0 20px;border-bottom:1px solid #3d3d3d;background-color:#707070}

#gauche .spectacle .bloc_texte .quand_lieu, #gauche .spectacle .bloc_texte .prix {text-align:right;color: #ccc; margin:2px 4px 2px 0}
#gauche .spectacle .bloc_texte .description {margin-left:0}
/*---------------cd -----------------------*/
#conteneur.cd #gauche {border-right:0}
#conteneur.cd #droite {border-left:34px solid #212121;}
#conteneur.cd #gauche .bloc_image{margin-bottom:10px;}
#gauche p, #gauche div {text-align: justify; }

/*----------------- detail cd -------------------*/
#gauche .acheter {text-align:right;height:20px;position:relative;right:0;float:right;}
#gauche .acheter a { height:100%; width:100%; background-color:#000; padding-right:5px}
#gauche .complement {padding:0 20px 20px 20px}
#gauche .complement ul {width:120px;margin:0 0 5px -20px}
#gauche .complement li {margin-left:5px;padding:2px 7px; width:120px; }
#gauche .prix {background-color:#525252;}

#ecouter{margin:0; }
#ecouter ul {margin-left: 0;padding-left:10px;width:auto;background-color:#525252;}
#ecouter ul li {padding-bottom:2px;font-family: Verdana,Arial, Helvetica, sans-serif;}
#duree {float:right;background-color:#212121; margin-top:-5px;padding-left:5px}
div#musiciens { background-color:#707070;padding-left:10px;padding-top:10px;padding-bottom:10px;text-align:left}
#lecd {clear: left;margin:15px;}
#lecd .lienweb {width:200px;float:right;margin-right:-15px ;text-align:right; font-weight:bold; background-color:#ED7330}
/*----------------projecteur ------------------*/
/*#gauche.projecteur {min-height:300px;}*/
#conteneur.projecteur h2 {background-color:#3d3d3d}
#conteneur.projecteur #gauche {width:670px;background-color:#707070;padding-right:0}
#conteneur.projecteur #gauche .projgauche { float:left; width:300px;}
#conteneur.projecteur #gauche .projgauche img {z-index:100}
#conteneur.projecteur #gauche h3{background-color:#212121; font-size:1.3em; padding:0 2px 20px 0 }
#conteneur.projecteur #gauche h3 span {display:block;font-size:.8em}
#conteneur.projecteur #gauche .description {margin:8px 10px 0 20px;border-bottom:1px solid #3d3d3d;}
#conteneur.projecteur #droite {width:200px;}
/*-------------------salles---------------*/

.clear {clear:both; height:1px; color:#212121; background-color:#212121;}
.s80 {
width:80px;
}
.s90 {
width:90px;
}
.s100 {
width:100px;
}
.s140 {
width:140px;
}
.s150 {
width:150px;
}
.s190 {
width:190px;
}
.s200 {
width:200px;
}
.s240 {
width:240px;
}
.s250 {
width:250px;
}
.s300 {
width:300px;
}
.s450 {
width:450px;
}
.s500 {
width:500px;
}
.imprimante {display:block; float:right; margin-right:10px}
.fgauche {
float:left;
margin-right:10px;
margin-bottom:4px}

.fdroite {
float:right;
margin-left:10px;
margin-bottom:4px}

p.Yesclear {clear:both}