/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; height:100%; }
body { margin:0; padding:0; font:11px/16px Georgia, "Times New Roman", Times, serif; background:#fff; color:#60435b; }
img { border:0; }
a { text-decoration:underline; color:#60435b; }
a:hover { text-decoration:none; }
h2 { font-size:14px; font-weight:bold; }
h3 { font-size:11px; font-weight:bold; }
select { margin:0; font-size:10px;  }
form { margin:0; }
input { font-size:10px;  margin:5px 0; }
textarea { font-size:10px; margin:5px 0; }


/*****************************/
/*        STRUCTURE          */
/*****************************/
#conteneur { width:780px; margin-left:auto; margin-right:auto; background:url(/images/common/fonds/flamme_contenu.gif) right bottom no-repeat; }

#left { float:left; width:226px; background:#9a2c8f; }
img#visuellogo { margin:0; }

#contenu { float:left; width:554px;  }
#contenuleft { float:left; width:221px; padding:37px 34px 0 24px; border-right:1px solid #edf2ba; }
#contenuright { float:left; width:262px; padding:37px 0 0 12px; }

p#footer { clear:both; height:12px; width:780px; background:#bdce00; margin:0; padding:0; }


/*****************************/
/*           INTRO            */
/*****************************/

#tabintro { background-color:#3C2327;}
#tabintrotop { background-image:url(../../images/common/home/fonds.gif); background-position:top; background-repeat:repeat-x;}


/*****************************/
/*           HOME            */
/*****************************/
#top { padding:0 0 0 24px; }
#top img.titre { margin-top:37px; }
#homeleft { float:left; width:296px; padding:0 10px 0 24px; border-right:1px solid #edf2ba; }
#homeright { float:left; width:211px; padding:0 0 0 12px; }
img.homeright { margin-top:25px; }


/*****************************/
/*          DETAIL           */
/*****************************/
#contenu_detail { float:left; width:520px; padding:37px 10px 37px 24px; }


/*****************************/
/*    DETAIL (CALENDRIER)    */
/*****************************/
#detail_left { float:left; width:269px; padding:37px 10px 37px 24px; }
#detail_right { float:left; width:251px; padding:37px 0 0 0; text-align:right; }
div.info { border-left:1px solid #edf2ba; margin:0 0 0 11px; padding:0 0 0 9px; }
div.info h3 { margin:0; }
.detail_cat { margin:0; color:#fff; padding:0 5px; width:45px; }
div.reservation a { background:#9a2c8f; color:#fff; padding:0 10px; width:45px; }


/*****************************/
/*         CALENDRIER           */
/*****************************/
#contenu_calend { float:left; width:515px; padding:37px 15px 80px 24px;  }
div.date_spec { width:515px; padding:0; margin:0 0 15px 0; }
div.calend_left { float:left; width:322px; padding:0 34px 0 0; border-right:1px solid #edf2ba; }
div.calend_right { float:left; width:148px; padding:0 0 0 10px; }
.cat { float:right; margin:0; color:#fff; padding:0 5px; width:45px; }
.musique { background:#d612cf; }
.danse { background:#54b389; }
.theatremusical { background:#F7931E; }

/*****************************/
/*         SPECIFIC          */
/*****************************/
.clear { clear:both; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.flotleft { float:left; }
.flotright { float:right; }

.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

img.spectacle_gauche { border:3px solid #bdce00; float:left; margin-right:13px; margin-bottom:10px; }
img.spectacle { border:3px solid #bdce00; }

.titre_date { color:#bdce00; font-weight:bold; margin:0; }
.titre_lieu { color:#510144; font-weight:normal; margin:0; } 
.titre_horaire { color:#005808; font-weight:bold; margin:0; }
.titre_auteur { color:#9a2c8f; font-weight:bold; margin:0; } 
.titre_page { color:#9a2c8f; font-weight:bold; margin:0; font-size:16px; } 
.titre_spectacle { color:#005808; font-weight:bold; font-size:14px; margin-top:0;  }
.titre_spectacle a { color:#005808; }
.vertfoncetexte { color:#4c7300; margin:0; font-size:10px; }

.vertclair { color:#bdce00; }
.bg_vertclair { background:#bdce00; }
.violet { color:#9a2c8f; }
.bg_violet { background:#9a2c8f; }
.vertfonce { color:#4c7300; }
.bg_vertfonce { background:#4c7300; }
.blanc { color:#fff; }
.noir { color:#000; }