/* ***************************************** GENERAL */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
img { border: 0; }
li { list-style:none; }
input, textarea, select { font-size:100%; }
a { color:white; }
a:hover { }
label { cursor:pointer; }
/* clearfix */
.cf:after, #middle:after, #menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cf, #middle, #menu{ display:inline-block; }
/*hides from IE mac \*/
* html .cf, * html #middle, * html #menu{ height:1%; }
.cf, #middle, #menu { display:block; }
/*end hides from IE mac*/

.right{text-align:right;}
.fL{float:left;}
.fR{float:right;}

/* ***************************************** STRUCTURE - HEADER - FOOTER */
body { font:normal 12px Arial, Helvetica, sans-serif; color:white; background:black url(img/body.gif) repeat-x; }
#main { position:relative; margin:0 auto; width:950px; background: }
#top {position:relative;height:130px;background:url(img/top.jpg) no-repeat  100% 50%;padding-top:40px;}
#top a {display:block;width:295px;height:80px;position:absolute;left:0;top:30px;z-index:100;}
#left {float:left;width:258px;}
#left a {display:block;width:258px;height:38px;background:url(img/menu.gif) no-repeat;margin-bottom:20px;text-indent:-5000px;}
#left #menu1 a{background-position:0 0;}
#left #menu2 a{background-position:0 -58px;}
#left #menu3 a{background-position:0 -112px;}
#left #menu4 a{background-position:0 -165px;}

#left #menu1 a:hover, #left #menu1 a.current{background-position:-258px 0;}
#left #menu2 a:hover, #left #menu2 a.current{background-position:-258px -58px;}
#left #menu3 a:hover, #left #menu3 a.current{background-position:-258px -112px;}
#left #menu4 a:hover, #left #menu4 a.current{background-position:-258px -165px;}

#content {float:left;padding:0 20px;width:652px;}
h1 {margin-bottom:10px;}
.red {color:red;}
#content p {margin-bottom:10px;}
.representation {border:1px solid white;padding:20px;}
.representation div {float:left;padding-right:70px;}
.theatre {padding:10px 0;}
.theatre img{float:left;padding:20px 10px;}
.tarif {color:black;background:white;font-weight:bold;padding:10px 15px;}
.tarif a {color:black;}
.fin {text-align:center;padding:10px;}