body {
	text-align : center; 
	margin-top : 0px;
	color : red;
	font-family : "Comic Sans MS";
	font-size : 16px;
	background-color :black;

}

h1 {
	color : #FFFFFF;
	font-size : 24px;
	font-weight : bolder;
	text-align : center;
	font-family : Arial;

}

h2 {
font-family : Arial;
font-size : 100%;
color : #CCCCCC;
text-align : center;
}

h3 {
font-family : Arial;
font-size : 100%;
color : #CCCCCC;
text-align : center;
}



p {
	color : #CCCCCC;
	text-align : left;
	padding-bottom:10px;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:0px;
}

.past {
	color : #aaaaaa;
}

.centre {
	text-align : center;
	float : none;
	margin-left : auto;
     margin-right : auto;
     clear : left;
}

.gauche {
	color : #CCCCCC;
	text-align : left;
	float : left;

}

.droite {
	color : #CCCCCC;
	text-align : right;
	float : right;
} 


.floatright {
	float : right;
	padding : 2%;
	margin-left : 2px;
	margin-top : 2px;
	width : 200px;
	
}


p.centre2 {
margin-top : 30px;
text-align : center;
}

form.contact {
margin-top : 0px;
margin-left : 0px;
text-align : left;
}

.centre_jaune {
color : #FFCC00;
font-size : 1.2em;
text-align : left;
margin-left : auto;
margin-right : auto;

}


ul.liste_medias {
color : #CCCCCC;
margin-left : 0px;
padding-left : 0px;
list-style-type : none;
}

ul.liste_medias li {
padding-bottom : 0.2em;
}

h1.liste1 {
margin-left: 120px;
padding-left:0px;
text-align : left;
width:500px;
}

ul.liste1 {
font-size: 18px;
color : #CCCCCC;
text-align : left;
margin-left : 150px;
padding-left : 0px;
list-style-type : none;
width: 400px;

}


span.spectacles {
color : #FFCC00;
text-align : left;
margin-left : auto;
margin-right : auto;
padding-left : 0px;
}

ul.spectacles {
color : #CCCCCC;
text-align : left;
margin-left : 115px;
padding-left : 0px;
list-style-type : none;
}

ul.spectacles li {
color : #CCCCCC;
padding-bottom : 0.6em;
}

ul.spectacles li span {
color : #CCCCCC;
font-size : .8em;
font-family : Arial;
}

div#container {
	display : block;
	margin-left : auto;
	margin-right : auto;
	width : 700px;
	height:auto;
	background-color : black;
	padding-top : 10px;
	padding-bottom : 15px;
	padding-left : 0px;
	padding-right : 0px;
}

img#banner  {
	z-index : 0;
	width : 400px;
	height : 70px;
}

div#menu {
	position : relative;
	z-index : 100;
	margin-top : 0px;
	margin-bottom : 100px;
	margin-left : auto;
	margin-right : auto;
	padding : 0px 0px 0px 0px;
	background-color : transparent;
	width : 530px;
}

div#boite_accueil {
	position : relative;
	display : block;
	width : 450px;
	margin-top : 110px;
	margin-bottom : 50px;
	margin-left : 100px;
	margin-right : 150px;
	background : black;
}

div#boite_grande {
	position : relative;
	display : block;
	width : 500px;
	margin-top : 110px;
	margin-bottom : 50px;
	margin-left : auto;
	margin-right : auto;
	background : black;
}
div#boite_grande_top {
	position : relative;
	display : block;
	width : 500px;
	margin-top : 0px;
	margin-bottom : 50px;
	margin-left : auto;
	margin-right : auto;
	background : black;
}

div#boite_standard {
font-size : 18px;
padding : 3px 0px 3px 0px;
margin : 0px 0px 0px 0px;
width:500px;
background : #1a1a1a;
}

div#boite_standard .titre {
   display: block;
   text-align : center;
   margin: 0px 0px 15px 0px;
   padding:  0px 0px 0px 0px;
   font-family : "Comic Sans MS";
   font-size : 20px;
   color : #FF0000;
}

div#boite_standard p {
   display : block; 
   font-family : Arial;
   font-size : 16px;
   letter-spacing: 150%;
   line-height: 130%;
   margin : 0px 16px 10px 16px;
   padding :0px 0px 0px 0px;
   color : #FFFFFF;
   text-align : left;
}

div#boite_standard ul{
   display : block; 
   font-family : Arial;
   margin : 0px 0px 10px 16px;
   padding :0px 0px 0px 0px;
   list-style-position: inside;
   text-align : left;
   color : #FFFFFF;
}
div#boite_standard li{
   font-size : 16px;
   font-style: italic;
 line-height: 115%;
   margin : 0px 0px 0px 40px;
   padding :0px 0px 0px 0px;
}
.note {
   font-family : Arial;
   font-size : 12px;
   margin : 0px 0px 0px 0px;
   padding :0px 0px 0px 0px;
   color : #FFFFFF;
}

div#boite_journal {
font-size : 18px;
padding-top : 0px;
margin-top : 0px;
width:450px;
background : #1a1a1a;
}
div#boite_journal ul{
font-family : Arial;
padding-left :16px;
text-align : left;
margin-left : 0px;
padding-right:0px;
padding-top : 10px;
margin-top : 0px;
color : #FFFFFF;
}
div#boite_journal li{
font-size : 12px;
margin-bottom : 10px;
}
div#boite_journal li b.date{
display : block;
font-size : 14px;
width : 100px;
}

div#annonces {
	position : absolute;
	z-index : 30;
	display : block;
	top : 476px;
	<-- top : 476px;
	margin-left : 460px;
	<-- margin-left : 240px;
	width : 120px;
	padding-top : 0px;
	padding-left: 0px;
	padding-right:5px;
	height : 135px;
	background : #1a1a1a; 

}

*+html div#annonces {
	position : absolute;
	z-index : 30;
	display : block;
	top : 460px;
	margin-left : 460px;
	width : 120px;
	padding-top : 0px;
	padding-left:0px;
	padding-right:5px;
	height : 135px;
	background : #1a1a1a;
}



div#affiche1{
position:absolute;
width : 120px;
margin-left : 460px;
<-- margin-left : 238px; 
padding-left:0px;
top:0px;
<-- top : 0px;
border-width: 1px;
}

div.menu_secondaire{
position:absolute;
margin-left : 446px;
<-- margin-left : 230px;
margin-top : 0px;
padding-top : 0px; 
padding-left:0px;
top:610px;
<-- top : 660px;
border-width: 1px;
}



img#logo {
	position : relative;
	margin-top : 20px;
	margin-bottom:15px;
	height : 165px;
}

div#b {
position : relative;
background : yellow;
float : left;
top : 50px;
width : 400px;
margin-bottom : 60px;
}

div#update {
	position : relative;
	margin-top : -15px;
	margin-left : auto;
	margin-right : auto;
	width : 400px;
	font-family : verdana, sans-serif;
	font-size : 75%;
	color : #999999;
}


a:link {
	font-family : "Comic Sans MS";
	color : #dda000;
	text-decoration : none;
	outline : none;
}
a:visited {
	font-family : "Comic Sans MS";
	color : #dda000;
	text-decoration : none;
}
a:hover {
	font-family : "Comic Sans MS";
	color : #0000ee;
	text-decoration : none;
}
a:active {
	text-decoration : none;
	color :darkred;
	outline : none;
}