body{margin-top: 0px;font: 0.8em "Trebuchet MS", helvetica, sans-serif;  background:#fff  url(fd_body.jpg) repeat center top ;}

h1 {margin:0; padding:0;}
h2{padding:0 10px 1px 0px; margin:40px 0 10px 0; text-align: justify;font-weight: bold;color: #990000;font-size: 1.2em;line-height: 12px;border-bottom:1px solid #990000;}
h2 span{padding:0 10px 1px 0px; margin:40px 0 10px 0; text-align: justify;font-weight: bold;color: #990000;font-size: 0.8em;line-height: 1px; display:block;}
h4 {padding:0px 10px 0px 10px;text-align: left;color: #666;font-size: 0.9em;font-weight: bold;}

p{padding:0px 10px 0 10px; }
a {font-size: 0.9em;color: #F49320;text-decoration:none;}
a:hover {color: #CC3200;text-decoration:underline;}
hr {border:1px solid #CCC; width:100%;}

ul,ol,li,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }

li > h4{ margin-left:0;}
p {font-size:100%;}
h2+p { font-size:110%;}
h3+p { font-size:110%;}
li > p { margin-left:0;}


.breaker {clear:both; height:1px; overflow:hidden;}
.errorMessage{ color:#CC0000; font-weight:bold;}

/* ******************************************************************************** CONTENEURS */
#conteneur {width:760px;margin:0 auto;text-align:left;background:url(body_fond.jpg) repeat left top ;}
#header {width:760px;height:236px;background:#000 url(header/header1.jpg) no-repeat left top;}
#contenu{background: url(body_fond.jpg) repeat left top ;}
#bloc-gauche{width:440px; float:left; padding:10px; margin-top:0px;}
#bloc-droit{width: 275px; float:left; margin-left:6px;}



/* ************************************************************************ SOMMAIRE principal */
ul#nav_main {height:68px; margin:0; padding:14px 0 0 20px;font-size:0.9em;font-weight: bold;background:url("bg_nav_main.jpg") no-repeat top left;}
#nav_main li {float:left;list-style-type:none;}
#nav_main a {padding-left:15px;padding-right:15px;border-right:1px solid white;display: block;text-align: center;text-decoration: none;color: #CC3300;}
#nav_main a:hover {color: #fff;}
#nav_main a:active {background: #CC3200; color:#fff;}

/* ************************************************************************ Mise en forme */

#bloc-droit h2 {margin:10px; color:#FFF; border-bottom:1px solid #FFF; font-size:90%;}
#bloc-droit p, ul {padding:0 10px 0 10px; color:#CCC;font-size:100%;}
#bloc-droit li {display:block;width:100%;text-align:left; list-style:none;font-weight: bold;font-size: 90%;color: #990000;margin:2px 0 2px 0;padding:0; background-color:#990000;}
#bloc-droit li a{display:block;text-align:left;padding-left:5px;list-style:none;margin:0;}
#bloc-droit li a:hover {display:block;color: #FFF;text-decoration:none; background:#000; padding-left:20px;}

#bloc-gauche ul {margin:0; padding:0; list-style-type: none;}
#bloc-gauche li {
background-image: url(puce2.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .9em;
width:90%;
color:#000;
}

.img_gauche {float:left;width:194px; margin:0 5px 5px 0;}
.img_small {float:left;width:80px; margin:0 5px 0 0;}
.sortir {margin:10px 0 10px 50px; border:0;}/* image envie de sortir ? */
 
/* Actualites */
#actualites ul{margin-top:10px;}
#actualites h2{padding-left:20px;background: url("h2_index.gif") no-repeat top left;min-height:24px;}
div.hr_etoile {height: 15px;background:url(hr_etoiles.gif) no-repeat scroll center;margin:20px 0 0 0;}
div.hr_etoile hr {display: none;}
#actualites #ladate{display:block; width:100%; letter-spacing:4px;text-align:center;font-size:150%;color:#FFF; background-color:#990000;}

/* Actualites pop up*/
#etoile {background-image: url(fd_etoile.jpg);margin-left:30px;margin-right:30px; padding:20px;}
#etoile #ladate {display:block; width:100%; letter-spacing:4px;text-align:center;font-size:150%;color:#FFF; background-color:#990000;}
#etoile p {font-size:100%; color:#000;}
#etoile ul {margin-left:30px; margin-top:20px;padding:0;}
#etoile li {text-align: left;list-style-image:url(puce2.gif);font-weight: normal;margin:0;padding:0;color:#000;}

/* Spectacles */
#listspectacles {float:left; margin-bottom:10px; width:440px;}
#listspectacles h2 {margin:0 0 10px 0;border-bottom:1px solid #FFF; font-size:90%; text-transform:uppercase;}

#listspectacles ul {margin:0; padding:0; list-style-type: none;float:left;}
#listspectacles li {
background-image: url(puce2.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .9em;
width:90%;
color:#000;
}


/* Guestbook */
#guestbook {float:left;}
#guestbook #dateNomVille{display:block; width:100%; letter-spacing:2px;text-align:left;font-size:85%;color:#FFF; background-color:#990000; margin:20px 0 10px 0; padding-left:5px;}



/* Formulaire de contact et livre d'or */
#contactForm {}
#contactForm legend {padding:0 0 2px 6px; font-weight: bold;}
#contactForm label {width:120px; float:left;}
#contactForm input{width:200px; }
#contactForm textarea{width:280px; height:100px; }
#contactForm input[type=submit]{margin:0 20px 20px 0; float:right;}
#contactForm p {padding:10px 0 2px 10px; }

/* Mailinglist */
#mailinglist{float: left; margin-top:50px;width:265px;height:40px;padding:100px 0 0 10px;background:url(mailingList_fond.jpg) repeat left top ;}
#form #mailinglist{color: #000000;font-size: 1em;}

/* **************************************************************************** SOMMAIRE bas  */
ul#nav_sub{float:left; width:760px;height:20px; margin:0;padding:3px 0px 0px 0;text-align:center;background:url(sommairebas_fond.jpg) repeat-x left top;}
#nav_sub li {display:inline;list-style-type:none; padding:0 10px 0 10px;}
#nav_sub li a{color:#990000;font-size:0.8em;font-weight:bold;text-decoration:none;}
#nav_sub li a:hover{color:#fff;background-color:#990000;}

/* ********************************************************************************* FOOTER  */
#footer {width: 740px;height:55px;padding-top:20px;padding-right:20px;background:    url(footer_fond.jpg) no-repeat left top;line-height: 10px;text-align: right;font-size: 0.9em;color: #FFF;clear:both;font-weight: bold;}