body { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; margin:0px; padding:0px; background-image:url(images/body.gif); background-repeat:repeat-x; background-color:#7e171a }

div#page { margin:0 auto; position:relative; width:986px }

.noBorder { border:0px }


/* ========================================================================== */
/*                             COLONNE DE GAUCHE                              */
/* ========================================================================== */
div#colonne_gauche { position:absolute; left:0px; width:436px }
div#ombre_gauche   { width:15px; height:700px; position:absolute; left:0px; background-image:url(images/ombre_gauche.gif); background-position:left top; background-repeat:no-repeat }


/* CONTENU DE LA PAGE D'ACCUEIL
/* ========================================================================== */
div#contenu { position:absolute; right:0px; width:421px; height:700px; background-image:url(images/fond_contenu.gif); background-position:right top; background-repeat:no-repeat }


/* MENU PRINCIPAL
/* ========================================================================== */
div#cadre_menu { width:421px; padding:23px 0px 0px 0px }

h3.menu_rubrique        { width:390px; height:38px; font-size:16px; text-align:right; margin:0px 0px 0px 0px; padding:0px 31px 0px 0px }
h3.menu_rubrique_select { width:390px; height:38px; font-size:16px; text-align:right; margin:0px 0px 0px 0px; padding:0px 31px 0px 0px }

h3.menu_rubrique a, h3.menu_rubrique a:hover               { text-decoration:none; color:#8f6666 }
h3.menu_rubrique_select a, h3.menu_rubrique_select a:hover { text-decoration:none; color:#8f6666 }


/* PROCHAINE DATE (PROGRAMME)
/* ========================================================================== */
div#cadre_programme { width:390px; height:470px; padding:0px 31px 0px 0px; margin:0px 0px 0px 0px }

div#cadre_programme h1 { font-size:14px; color:#FFFFFF; font-weight:normal; text-align:right }

div#cadre_dates { height:100px; margin-bottom:10px }
div.ShowDate    { float:right; padding-left:50px; margin:0px 0px 0px 0px; background-image:url(images/fleche_index.gif); background-position:left center; background-repeat:no-repeat }
div.jour        { color:#d49299; font-size:12px; text-align:center }
div.jour_num    { color:#FFF; font-size:28px; text-align:center }
div.mois        { color:#d49299; font-size:12px; font-weight:bold; text-align:center }
div.reste       { color:#d49299; font-size:12px; text-align:center }

div#cadre_corps    { text-align:right; padding-bottom:20px }
div#cadre_corps h4 { color:#b4868b; font-size:12px; font-weight:normal }
div#cadre_corps p  { color:#FFF; font-size:14px }
a#en_savoir_plus   { color:#FFF; display:block; padding-right:15px; height:15px; font-size:12px; text-decoration:none; background-image:url(images/petite_fleche_index.gif); background-position:right 2px; background-repeat:no-repeat }

/* PIED DE PAGE
/* ========================================================================== */
div#pied_gauche       { width:390px; text-align:right; padding:0px 31px 0px 0px }
div#pied_gauche ul    { list-style-type:none; padding:0px 0px 10px 0px; margin:0px }
div#pied_gauche ul li { display:block; float:right }

div#cadre_texte_accueil    { float:left; width:230px }
div#cadre_texte_accueil p  { color:#8f6666; font-size:10px; text-align:right }
li#cadre_mute              { margin-left:10px; padding-top:2px }
li.titre_morceau           { color:#8F6666; font-size:10px; padding-top:3px }

/* ========================================================================== */
/*                             COLONNE DE DROITE                              */
/* ========================================================================== */
div#colonne_droite { position:absolute; right:0px; width:550px }
div#couverture     { width:550px; height:700px; background-image:url(images/couverture3.jpg); background-position:right top; background-repeat:no-repeat }
div#pied_droite    { width:520px; height:29px; padding:67px 22px 0px 8px; margin:0px 0px 0px 0px; background-image:url(images/pied_index2.jpg); background-position:left top; background-repeat:no-repeat }

div#pied_droite ul    { list-style-type:none; padding:0px; margin:0px }
div#pied_droite ul li { display:inline; font-size:12px }
div#pied_droite a     { color:#FFFFFF; text-decoration:none }