html, body { height: 100%; }
body {
	background: #fff url(../img/top-left.gif) no-repeat top left;
	font-family: Tahoma, Helvetica;
	margin: 0px 0px;
	overflow-x: hidden;
	font-size: 14px; 

}
img { border: none; }

#conteneur {
	width: 100%;
	min-height: 100%;
	margin: 0px;
	/*padding: 10px;*/
	/*border: 1px solid #000;*/
	/*background-color: #fff;*/
	position: relative;
}
*html #conteneur { height: 100%; }
	
/* ENTETE _____________________________________________________________________*/
#entete {
	position: relative;
	height: 164px;
	width: 970px;
	margin: 0px auto;
	padding-top: 0px;
	background: #a9bb07 url(../img/top-right.jpg) top right no-repeat;
}
/*
#entete-gauche { position: absolute; left: 0px; width: 180px; font-size: 11px; text-align: left;}
#entete-centre { position: absolute; left: 160px; width: 200px;}
#entete-droite { position: absolute; left: 360px; text-align: left; bottom: 10px;}
*/
#entete-gauche { position: absolute; left: 0px; width: 180px; font-size: 11px; text-align: left; display: none;}
#entete-centre { position: absolute; left: -50px; width: 200px;}
#entete-droite { position: absolute; left: 210px; text-align: left; bottom: 10px;}

#entete h1 { background: url(../img/header-h1.jpg) top left no-repeat; padding-left: 20px; width: 380px; font-weight: normal;}
#entete h2 { color: #fff; }

/* CONTENT _____________________________________________________________________*/
#content { width: 970px; margin: 0px auto; padding: 20px 0px;	padding-bottom: 220px;}

/* LEFT COL _____________________________________________________________________*/
#left-col { 
	float: left; 
	width: 195px; 
	/*background-color: red; */
	text-align: left;
	color: #707979;
	margin-top: 20px;
	background: url(../img/degrade.png) top right no-repeat;
}
#left-col a { color: #707979; font-weight: normal; }
#left-col a:hover { color: #DB4129; }

#left-col h2 { 
	font-style: normal;
	font-variant: small-caps;
	color: #ec6f06; 
	margin-bottom: 2px; 
}
#left-col ul, #footer ul { padding-left: 0px; margin: 0px; list-style: none;}
#left-col ul li ul, #footer ul li ul { padding-left: 10px; margin: 0px;}
#left-col ul li ul li, #footer ul.small li { font-size: 14px; padding: 0px; margin: 0px; font-family: Trebuchet MS; }

/* _______________________________________________________________________________*/
#accueil { width: 970px; }
#main { float: right; text-align: justify;  width: 760px;  /*background-color: indigo;*/ }
#main h1 { 
	font-size: 1.8em; 
	background: url(../img/content-h1.gif) top left no-repeat; 
	padding-left: 22px; 
	padding-bottom: 8px; 
}

.allonge li { padding-bottom: 10px; }
.active { font-weight: bold!important; }
.clear { clear: both; }

#partenaire img { border: 0px; padding: 0px; margin: 0px; }
#partenaire a { border: 0px; padding: 0px; margin: 0px; }

#kinesphere {
	width: 970px;
	/*float: right;*/
	/*background: #fff url(../img/kinesphere-90.jpg) no-repeat top center;*/
	height: 20px;
	padding-top: 10px;
	font-size: 12px;
	text-align: right;
	font-size: 11px;
	font-family: Tahoma, Helvetica;
	color: #fff;	
}
#kinesphere a { color: #fff; font-weight: normal; }


h1 { font-weight: bold; margin-bottom: 4px; font-size: 2.2em; color: #ec6f06;}
h2 { font-style: italic; margin-top: 2px; font-size: 1.2em;}
h3 { font-weight: normal; color: #bdbb00; font-family: Tahoma, Helvetica; margin: 10px 0px 6px;}
a { text-decoration: none; color: #DB4129; font-weight: bold;}
a:hover { color: #841908; }
.abloc { display: block; height: 100%; color: #000; }
.abloc:hover { color: #DB4129; }

/* Footer _________________________________________________________________________ */
#footer {
	position: absolute;
	bottom: 0px;
	background: #533121 url(../img/bottom-left.jpg) no-repeat top left;*/
	clear: both;
	height: 200px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#foot-menu { width: 970px; margin: 0px auto;}
#foot-left { float: right; width: 450px; padding-top: 12px; color: #fff; font-size: 13px; text-align: right; }
#foot-left a { color: #fff;  }
#foot-left a:hover { color: #DB4129;  }

/* Programmation __________________________________________________________________ */
table#tab-prog {
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse:collapse;
	font-family: Tahoma, Helvetica;
	font-size: 12px;
}
table#tab-prog tr td { border-bottom: 1px solid #000; margin: 0px; padding: 2px 4px 3px 4px; vertical-align: middle; }
.tab-titre td { background-color: none; text-transform:uppercase; color: brown; font-weight: bold; }
.tab-date { white-space : nowrap; text-align: center; }

.tab_exp { background-color:  #c5cae9; border-color: #fff!important; text-align: center;}
.tab_expb { background-color:  #a4aedc; border-color: #fff!important; }
.tab_expbb { background-color:  #a4aedc; border-color: #fff!important; text-align: center;}

.tab_cine { background-color:  #dabfde; border-color: #fff!important; text-align: center; }
.tab_cineb { background-color:  #c59ccc; border-color: #fff!important; }
.tab_cinebb { background-color:  #c59ccc; border-color: #fff!important; text-align: center; }

.tab_cont { background-color:  #f5c1e2; border-color: #fff!important; text-align: center; }
.tab_contb { background-color:  #f09cd1; border-color: #fff!important; }
.tab_contbb { background-color:  #f09cd1; border-color: #fff!important; text-align: center; }

.tab_mar { background-color:  #fbc5ae; border-color: #fff!important; text-align: center; }
.tab_marb { background-color:  #f6a283; border-color: #fff!important; }
.tab_marbb { background-color:  #f6a283; border-color: #fff!important; text-align: center; }

.tab_deb { background-color:  #d9eabe; border-color: #fff!important; text-align: center; }
.tab_debb { background-color:  #bcd897; border-color: #fff!important; }
.tab_debbb { background-color:  #bcd897; border-color: #fff!important; text-align: center; }

.tab_nui { background-color:  #cddef4; border-color: #fff!important; text-align: center; }
.tab_nuib { background-color:  #b0cbed; border-color: #fff!important; }
.tab_nuibb { background-color:  #b0cbed; border-color: #fff!important; text-align: center; }

.tab_jou { background-color:  #fdddb6; border-color: #fff!important; text-align: center; }
.tab_joub { background-color:  #fcc98f; border-color: #fff!important; }
.tab_joubb { background-color:  #fcc98f; border-color: #fff!important; text-align: center; }


/* Programmation __________________________________________________________________ */
.prog-text { font-family: Tahoma, Helvetica; padding-left: 22px; font-size: 13px;}
.anim h3, .cine h3, .conte h3, .mar h3, .deb h3, .clo h3, .ami h3 {
	margin: 15px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}
.anim h4, .cine h4, .conte h4, .mar h4, .deb h4, .clo h4, .ami h4 {
	margin: 0px!important;
	padding: 0px 0px 0px 22px;
	font-style: italic;
	font-size: 13px;
}
.mois, .anim .mois, .cine .mois, .conte .mois, .mar .mois, .deb .mois, .clo .mois, .ami .mois { color:#f2661e; }


/* ANIMATION --------------------------------- */
#ani-fond { background: url(../img/ani-fond.jpg) top left repeat-y; padding: 0px 15px;}
.anim h1 {
	color: #fff;
	font-size: 1.5em!important; 
	background: #fff url(../img/ani-h1.jpg) top left no-repeat!important;
	text-align: center;
	margin-bottom: 0px;
	padding: 5px 0px 6px 0px!important; 
}
.anim h3 { color: #3260b1;}
.anim .prog-bas { width: 760px; background: #fff url(../img/ani-bas.jpg) top left no-repeat!important; height: 30px; }

/* AMITIE --------------------------------- */
#ami-fond { background: url(../img/ami-fond.jpg) top left repeat-y; padding: 0px 15px;}
.ami h1 {
	color: #fff;
	font-size: 1.5em!important; 
	background: #fff url(../img/ami-h1.jpg) top left no-repeat!important;
	text-align: center;
	margin-bottom: 0px;
	padding: 5px 0px 6px 0px!important; 
}
.ami h3 { color: #f68516;}
.ami .prog-bas { width: 760px; background: #fff url(../img/ami-bas.jpg) top left no-repeat!important; height: 30px; }

/* CINEMA --------------------------------- */
#cine-fond { background: url(../img/cine-fond.jpg) top left repeat-y; padding: 0px 15px;}
.cine h1 {
	color: #fff;
	font-size: 1.5em!important; 
	background: #fff url(../img/cine-h1.jpg) top left no-repeat!important;
	text-align: center;
	margin-bottom: 0px;
	padding: 5px 0px 6px 0px!important; 
}
.cine h3 { color: #81308f;}
.cine img { padding-right: 10px; }
.cine .prog-bas { width: 760px; background: #fff url(../img/cine-bas.jpg) top left no-repeat!important; height: 30px; }

/* CONTE --------------------------------- */
#conte-fond { background: url(../img/conte-fond.jpg) top left repeat-y; padding: 0px 15px;}
.conte h1 {
	color: #fff;
	font-size: 1.5em!important; 
	background: #fff url(../img/conte-h1.jpg) top left no-repeat!important;
	text-align: center;
	margin-bottom: 0px;
	padding: 5px 0px 6px 0px!important; 
}
.conte h3 { color: #dc0e8f;}
.conte .prog-bas { width: 760px; background: #fff url(../img/conte-bas.jpg) top left no-repeat!important; height: 30px; }

/* MARCHE --------------------------------- */
#mar-fond { background: url(../img/mar-fond.jpg) top left repeat-y; padding: 0px 15px;}
.mar h1 {
	color: #fff;
	font-size: 1.5em!important; 
	background: #fff url(../img/mar-h1.jpg) top left no-repeat!important;
	text-align: center;
	margin-bottom: 0px;
	padding: 5px 0px 6px 0px!important; 
}
.mar h3 { color: #ef2c1b;}
.mar .prog-bas { width: 760px; background: #fff url(../img/mar-bas.jpg) top left no-repeat!important; height: 30px; }

/* DEBAT --------------------------------- */
#deb-fond { background: url(../img/deb-fond.jpg) top left repeat-y; padding: 0px 15px;}
.deb h1 {
	color: #fff;
	font-size: 1.5em!important; 
	background: #fff url(../img/deb-h1.jpg) top left no-repeat!important;
	text-align: center;
	margin-bottom: 0px;
	padding: 5px 0px 6px 0px!important; 
}
.deb h3 { color: #66b231;}
.deb .prog-bas { width: 760px; background: #fff url(../img/deb-bas.jpg) top left no-repeat!important; height: 30px; }

/* CLOTURE --------------------------------- */
#clo-fond { background: url(../img/clo-fond.jpg) top left repeat-y; padding: 0px 15px;}
.clo h1 {
	color: #fff;
	font-size: 1.5em!important; 
	background: #fff url(../img/clo-h1.jpg) top left no-repeat!important;
	text-align: center;
	margin-bottom: 0px;
	padding: 5px 0px 6px 0px!important; 
}
.clo h3 { color: #3a8bd3;}
.clo .prog-bas { width: 760px; background: #fff url(../img/clo-bas.jpg) top left no-repeat!important; height: 30px; }



.violetc {color: #c59ccc!important; }
.rosec {color: #f5c1e2!important; }
.rougec { color: #fbc5ae!important; }
.vertc { color: #d9eabe!important; }
.bleuc { color: #cddef4!important;}
.bleucb { color: #c5cae9!important;}

.violetf {color: #81308f!important; }
.rosef {color: #dc0e8f!important; }
.rougef { color: #ef2c1b!important; }
.vertf { color: #66b231!important; }
.bleuf { color: #3a8bd3!important; }
.bleufb { color: #3260b1!important; }
.orangef { color: #f68516!important; }