/* base
----------------------------------------------- */

body {
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: rgb(140,140,140);
/*	background-color: rgb(238,236,228);*/
	background-color: rgb(245,244,238);
}

/*blockquote, h3, p, li {*/
/*	padding-right: 10px;*/
/*	padding-left: 10px;*/
/*	font-size: 0.9em;*/
/*	line-height: 1.6em;*/
/*}*/

blockquote {
	margin-right: 0;
	margin-left: 20px;
}

hr {
	margin: 2em 1em 2em 0;
	text-align: center;
	width: 19em;
	height: 1px;
	color: #7a7e7d;
	background-color: #7a7e7d;
	border: none;
	clear: both;
}

small, .small {
	font-size: 0.9em;
}

/* links
----------------------------------------------- */

a img {
	border: none;
}

h1 a, h2 a, h3 a {
	border: none;
}


/* layout
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}


/******************************************************************************/
/*RESET*/

html, body {
	margin: 0;
	padding: 0;
}

a {
    text-decoration: none;
    font-weight: normal;
}

tr td th {
    margin: 0;
    padding: 0;
}

/******************************************************************************/
/*STRUCTURE*/

#head {
    width: 100%;
    margin: 0.4em 0px 0 0;
    padding: 0 2px 0 0;
    float: right;
    clear: right;
    position: relative; /** solution temporaire pour sous-titre ie7/
/*    border-bottom: solid 2.9em rgb(240,240,200);*/
    border-bottom: solid 2.9em rgb(240,240,230);
    border-color: rgb(220,220,210);
/*    background-color: rgb(220,220,200);*/
/*    background-color: rgb(240,240,200);*/
}

#head h1 a{
    float: left;
    width: 7.45em;
    height: 2.2em;
    margin: 0 0 0.1em 0;
    padding: 0.4em 0.4em 0 0;
    border-right: 1px solid rgb(100,100,100);
/*    background-color: rgb(240,240,200);*/
/*    background-color: rgb(240,240,230);*/
}

#head h1 {
    margin: 0;
    padding: 0; 
}

#head .categorie-titre {
    float: left;
    margin: 0.86em 0 0 0.02em;
    font-size: 0.75em;
/*    font-variant: small-caps;*/
}

body {
	margin: 0 auto;
	width: 62em;
}

#container {
    width: 79%;
    float: right;
}

#contenu {
	font-size: 0.8125em;
/*	line-height: 1.4em; -->hauteur originale*/
	line-height: 1.4em;
    width: 100%;
    float: right;
    clear: right;
    border: solid 1px rgb(180,180,140);
/*    background-color: rgb(245,244,240);*/
    background-color: rgb(252,251,246);
}

#calendrier {
    width: 29em;
    height: 36.4em;
    margin: -1px -1px -4.8em 0;
    float: right;
/*    background-color: rgb(234,234,230);*/
}

#serie-a {
    font-size: 0.846em;
/*    font-size: 0.923em;*/
    width: 48%;
    float: left;
    padding-left: 2%;
/*    background-color: rgb(245,245,240)*/
}

.article_unique #serie-a, .a-propos #serie-a, .programmes #serie-a {
    width: 38em;
    margin: 5em auto 1em auto;
    float: none;
}

.a-propos #serie-a {
    font-size: 1em;
}

.article .prochdates {
    float: left;
    margin-top: 1em;
}

#serie-c {
    font-size: 0.846em;
    width: 100%;
    float: right;
    margin-top: 0em;
}

#serie-c .mois {
    clear: left;
    padding: 1.4em 0 0.6em 1.2em;
    margin: 0;
}

#serie-c .article {
    float: left;
    width: 100%;
    margin-bottom: 3px;
    border-top: solid 1px rgb(255,255,255);
    border-bottom: solid 1px rgb(220,220,220);
    background-color: rgb(245,244,238);
}

#formulaire {
    float: left;
    width: 55%;
    background-color: white
}

#aide-formulaire {
    width: 43%;
    padding-left: 2%;
    float:left;
}

#navigation {
    width: 21%;
    float: right;
    margin-right: -1px;
    border: 0;
    padding:13.4em 0 0;
/*    background-color: rgb(240,236,210);*/
}


/******************************************************************************/
/*PETITES STRUCTURES*/

h2, h3 {
	margin: 1em 0 1em 0;
	padding: 0.3em;
}

span.sous-titre {
position: absolute;  /*temporaire pour ie 7, voir si meilleure solution*/
left: 28.6em;          /*temporaire pour ie 7, voir si meilleure solution*/
top: 2.3em;          /*temporaire pour ie 7, voir si meilleure solution*/
    width: 14em;
    text-align: center;
    display: block;
    float: left;
/*    margin: 2.35em 0 0 6em;*/
    padding-bottom: 0.5em;
    border-style: solid;
    border-width: 0 0 1px 0;
}

#head ul.sections {
    float: right;
    clear: both; /*important pour ie 6-7*/
/*    width: 100%;*/
    margin: 0 0 -2.9em 0;
/*    background-color: rgb(226,230,220);*/
}

#head .sections li {
    margin: 0;
    padding: 0;
    float: left;
    display: block;
/*    width: 7.5em;*/
}

#head .sections li a {
    display: block;
    float: left;
/*    height: 2.8em;*/
    padding: 0.6em 0.6em 1.2em;
    margin-top: 3px;
/*    background-color: rgb(230,230,230);*/
}

#head .sections li a:hover {
    border-top: 3px solid rgb(160,50,0);
    margin-top:0;
}

#head .sections .actuel {
    position: relative;
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    border-color: rgb(180,180,170) rgb(220,220,210) rgb(252,251,246); 
    margin: 2px 0 -2px;
    background-color: rgb(252,251,246);
/*    background-color: rgb(245,245,160);*/
/*    background-color: rgb(245,244,240);*/
}

#serie-a h3 {
    margin: 1.4em 0 0.3em;
    padding:0;
}

#serie-a p {
    margin-left: 2.8em;
}

div#commentaires {
    float:left;
    clear:both;
    margin-top: 3em;
/*    background-color: red;*/
}

.article .prochdates li {
    list-style-type: none;
    margin-left: 8em;

    height: 5em;
    clear: both;
}

.article .prochdates span.retrait {
    width: 24em;
    font-style: italic;
    float: left;
/*    margin-left: 6em;*/
}

.article .prochdates .proch-date {
    float: left;
    margin-left: -8.5em;
    width: 10em;
/*    background-color: rgb(180,150,100);*/
}

.article .date {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(180,180,180);
    float:left;
    margin: -0.45em 0.5em 0 0;
    padding: 0;
    color: rgb(100,25,0);
    background-color: rgb(255,255,250);
}

#serie-c .date {
    float: left;
    margin-left: 0.25em;
}

#serie-c h3 {
    width: 48%;
    float:left;
    margin: 0.6em 0.5em 0 0.4em;
}

/*#serie-c .separe-mois {*/
/*    text-align: center;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    margin-top: -2em;*/
/*}*/

#serie-c .article-body {
    margin-left: 52%;
    padding-top: 0.58em;
}

.article .date .feuillecal {
    font-variant: small-caps;
    font-style: italic;
    font-size: 1.2em;
    text-align:center;
    width: 2.9em;
    float: left;
    margin: 0;
    padding: 0em 0 0.1em;
}

.article .date .feuillecal span {
    font-size: 1.8em;
    font-weight: bold;
    font-variant: normal;
/*    font-style: italic;*/
    display:block;
    margin-bottom: -0.06em;
    margin-top: -0.15em;
    margin-left: -0.2em;
}

.article .date .au {
    font-size: 0.8em;
    font-variant: small-caps;
    float:left;
    position:relative;
    height: 2em;
    margin: 2.28em -0.2em 0 -0.6em;
    padding: 0 0.2em;
/*    background-color: rgb(245,244,240);*/
}

/*Calendrier*/
/************/

#calendrier table {
    width: 20em;
    border-collapse:collapse;
    margin-top: 0em;
    float: right;
    position: relative;
}

#calendrier td {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgb(230,230,200);
}

#calendrier td {
    height: 5em;
}

#calendrier th {
    border: 1px solid rgb(180,180,180);
}

.smd_cal_navprev, .smd_cal_navnext {
    display: block;
    width: 100%;
    height: 1.5em;
}

.smd_cal_navrow a {
        font-weight: bold;
        font-size: 2em;
}

#calendrier div.cellule {
    position:relative;
    float: left;
    width: 4em;
    height: 5em;
    padding: 0;
    margin:0;
    overflow: hidden;
}

#calendrier .smd_cal_event .cellule-pleine:hover {
    height: auto;
    min-height: 5em;
    margin-top: -2.5em;
    margin-bottom: -2.5em;
    margin-left: -1px;
    margin-right: -1px;
    padding-top: 0.3em;
    padding-bottom:0.3em;
    z-index: 10;
    border: 1px solid rgb(100,14,0);
    background-color: rgb(240,230,120);
}

#calendrier .smd_cal_event .cellule-pleine:hover a {
    color: rgb(20,20,20);
    border-color: rgb(255,255,180) rgb(220,200,60) rgb(180,180,120);
}

#calendrier .smd_cal_event .plein {
    color: rgb(240,240,240);
    
}

#calendrier .jour,
#calendrier .vide {
/*    color: rgb(115,117,100);*/
    color: rgb(110,110,90);
    font-size: 2.8em;
    font-weight: bold;
    line-height: 1.15em;
}

#calendrier span.jour {
    position: absolute;
    bottom: -0.05em;
    left: 0;
    width: 100%;
    margin-top: -0.15em;
}

#calendrier span.ev a {
    display: block;
    position: relative;
    border-width: 1px 0 1px 0px;
    border-style: solid;
    border-color: rgb(190,180,60) rgb(220,200,60) transparent;
    width: 5.9em;
    margin-left: 1px;
    padding: 1px 0;
}

#calendrier .smd_cal_event span.ev a:hover {
    border-width: 1px;
    border-color: red;
    color: rgb(0,0,0);
    margin: 0;
    background-color: rgb(255,255,180);
}

.smd_cal_empty {
    background-color: rgb(70,70,70);
}

#calendrier .smd_cal_today span.jour {
    color: rgb(160,50,0);
}

#calendrier .smd_cal_today .cellule {
    border: 3px solid rgb(220,60,50);
    margin: -3px;
}

span.ev a {
    color: rgb(80,80,45);
}

.smd_cal_ev_atelier-regulier .cellule {
    background-color: rgb(200,200,140);
}

.smd_cal_ev_bal .cellule, .smd_cal_ev_bal-et-stage .cellule,
.smd_cal_ev_stage .cellule, .smd_cal_ev_concert .cellule,
.smd_cal_ev_bal-et-atelier .cellule,.smd_cal_ev_festival .cellule {
    background-color: rgb(220,200,60);
    }

.smd_cal_ev_previsionnel .cellule {
    background-color: rgb(240,240,80);
}

#calendrier .cellule-vide {
    background-color: rgb(140,140,130);
}

#calendrier td {
    background-color: rgb(140,140,140);
    
}

.smd_cal_cancel .cellule:hover, .smd_cal_omit .cellule:hover {
    background-color: transparent;
}

/*Colonne navigation*/
/********************/

#navigation ul, ul.sections {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#navigation ul {
    margin: 0 0 1em;
}

#navigation li {
    margin: 0;
    padding: 0;
/*    height: 28px;*/

}

#navigation li a {
    float: right;
    text-align: right;
    display: block;
    width: 9.5em;
    height: 1.48em;
    margin: 0.1em 3em 0 0;
    padding: 0.1em 0;
}

#navigation li a:hover {
    border-bottom: 3px solid rgb(160,50,0);
    margin-bottom: -3px;
}

#comm-recents {
    float: left;
    width: 91.8%;
    margin: 2em 0 0 2%;
    font-size: 0.846em;
/*    font-family: arial;*/
    font-size: 11px;
}

#navigation #comm-recents h3 {
    font-size: 163.6%;
    text-align: right;
    margin: 1.4em 1.35em 0 0;
}

#comm-recents blockquote {
    margin:0em 0 0em 0;
    text-align: right;
    padding-right: 0.3em;
    padding-bottom: 1em;
    border-style: solid;
    border-color: rgb(230,230,200) rgb(140,140,100) rgb(230,230,200);
    border-width: 0px 1px 0px 0px;
}

#comm-recents blockquote a {
/*    display: block;*/
    padding-right: 0.4em;
    text-align: right;
    font-style: italic;
    color: rgb(70,70,70);
}

#comm-recents blockquote a:hover {
    background-color: rgb(252,251,246);
}

#comm-recents p.auteur-comm {
}

#comm-recents p.sujet {
    margin: 1.9em 0 0.5em;
    text-align: right;
}

#comm-recents blockquote p {
    display: inline;
}

/*formulaire*/
/************/

label {

}

input {
/*    display: block;*/
/*    float: left;*/
/*    clear: left;*/
}

.memForm span.bloc {
    float: left;
    text-align: center;
    margin-top: 1em;
}

.memForm fieldset {
    width: auto;
    clear: both;
/*    text-align: right;*/
}

#choix-programme {
    font-size:1.6em ;
    text-align: right;
    border-style: none;
    margin: 0;
    padding: 1em 0.3em 0 0;
    width: 98%;
    height: 3.4em;
    float: left;
    clear: left;
    background-color: rgb(180,230,120);
}

#choix-programme label {
    font-size: 1em;
}

.memTextarea, .memText {
    font-family: Georgia;
    font-size:1.2em;

}

label.memSelect {
    font-size: 1.2em;
}

.memForm #Body, memForm #Title {
/*    background-color: rgb(240,240,220);*/
}

.memForm #custom_7 {
    margin-top: 1em;
}

.memForm #Title {
    width: 27em;
/*    margin-bottom: 2em;*/
}

.memForm #day, .memForm #exp_day {
    width: 1.6em;
}

.memForm #month, .memForm #exp_month {
    width: auto;
}

.memForm #year, .memForm #exp_year {
    width: 2.6em;
}

.memForm #Body {
    height: 24em;
    width: 27em;
    margin-bottom: 1em;
}

.memSubmit {
    font: 3em Georgia;
    color: rgb(200,70,70);
    margin: 0.2em 0.08em 1em;
   float: right;
}

#aide-formulaire span {
    background-color: rgb(250,255,150);
}

/******************************************************************************/
/*TYPOGRAPHIE*/

#head {
/*	text-align: center;*/
}

#head .sections li {
    font-family: Georgia;
    font-size: 0.9em;
/*    font-style: italic;*/
}

#head .sections li a {
    font-weight: bold;
}

span.sous-titre {
	font: normal 30% Georgia, Times, serif;
}

h1#nom-du-site {
    font-family: Georgia;
	font-size: 3.2em;
	text-align:right;	
}

h1#nom-du-site a {
	font-weight: bold;
}

h2 {
	font-family: Georgia, Helvetica, serif;
	font-weight: bold;
	font-size: 1.85em;
	padding-top: 0em;
	margin-top: 1em;
	font-variant: small-caps;
}

h3 {
	font: 1.385em Georgia,Times,serif;
/*	font-variant: small-caps;*/
}

h3 a {
    font-weight: bold;
/*    font-style: italic;*/
}

td {
    text-align: center;
}

.article_unique #contenu {
    font-size: 1em;
}

#calendrier {
	font-family: Georgia, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

span.ev a {
    font-family: Arial;
    font-size: 0.68em;
    line-height: 1.05em;
    font-weight: normal;
}

#calendrier form {
    font-size: 1.6em;
    margin:0.1em 0 0.3em 0;
}

.caps {
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

.small-caps {
    font-variant: small-caps;
	letter-spacing: 0.1em;
}

#navigation {
    font-size: 0.8125em;
}

#navigation h3 {
    margin: 0 2em 1em 0;
    padding:0;
    text-align: right;
    font-style: italic;
}

#navigation li a {
    font-family: Georgia, Times, serif;
    font-weight: bold;
    font-style: italic;
}

.date {
    font-family: Georgia, Times, serif;
    font-style: normal;
}


/******************************************************************************/
/*COULEURS*/

body {
    color: rgb(70,70,70)
}

a {
/*    color: rgb(100,80,0);*/
/*    color: rgb(130,40,0);*/
/*    color: rgb(0,80,120);*/
/*    color: rgb(0,60,90);*/
/*    color: rgb(180,120,0);*/
    color: rgb(140,20,0);
}

h1 a, h2 a, h3 a {
    color: rgb(0,50,70);
/*    color: rgb(0,60,90);*/

}

h2 a:hover, h3 a:hover {
    color: rgb(140,20,0);
}

th, th a {
    color: rgb(200,210,200);  
    background-color: rgb(70,70,70);
}

.smd_cal_navprev:hover {
    background-color: rgb(20,110,150);
}

.smd_cal_navnext:hover {
    background-color: rgb(20,110,150);
}

#navigation li a {
/*    background-color: rgb(200,200,140);*/
}

#navigation li a:hover, .sections li a:hover {
    color: rgb(110,0,25);
    color: rgb(50,40,65);
    background-color: rgb(120,230,230);
    background-color: rgb(250,252,210);
    background-color: rgb(250,250,223);
/*    background-color: rgb(120,210,210);*/
/*    text-decoration: underline;*/
}