@charset "iso-8859-1";
/* CSS Document */


/*  COLONNE BLOCS PROMO -------------*/

.colonne_blocs_promo{
    width:350px;
    display:inline; /* for double margin ie6 */
    /*position:relative;*/
    float:right;
    margin-right:30px;
} 


.ba_promo_programmes{
    display:inline; /* for double margin ie6 */
    width:300px;
    height:235px;
    margin-top: 18px;
    float:right;
    background-color:black;
    margin-right:60px;
}


/* BLOC PROMO NOIR ----------------------------------------------------*/
.promo{
  position: relative;
	width: 335px;
	margin: 0px auto;
	color: #000000;
	top: 25px;
	margin-bottom: 25px;
	margin-right: 15px;
}

.promo #haut{
	background-image: url(../images/bloc_promo_noir_haut.gif);
	padding: 0px;
	height: 20px;
}
.promo   #titre_promo {
	background-image: url(../images/bloc_promo_noir_milieu.gif);
	/*background-color: #3b393a;*/
	text-align:center;
	padding:15px;
	color:#fafafa;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	padding-top: 10px;
}
.promo   #milieu {
	background-image: url(../images/bloc_promo_noir_milieu.gif);
	/*background-color: #3b393a;*/
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fafafa;
	font-size: 14px; font-weight:bold;
	padding: 15px;
	position: relative;
	margin-bottom: 0px;
	text-align : center;
}

.promo #bas{
	background-image: url(../images/bloc_promo_noir_bas.gif);
	height: 32px;
	padding: 0px;
	position: relative;
}





/* BLOC PROMO VERT ----------------------------------------------------*/
.promo_vert{
	width: 335px;
	margin: 0px auto;
	color: #000000;
	position: relative;
	top: 22px;
	margin-bottom: 25px;
	margin-right: 15px;
}

.promo_vert #haut{
	background-image: url(../images/bloc_promo_vert_haut.gif);
	padding: 0px;
	height: 20px;
}
.promo_vert   #milieu {
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight:bold;
	padding: 15px;
	color:#fafafa;
	/*background-color: #cd0b0b;*/
	background-image: url(../images/bloc_promo_vert_milieu.gif);
	position: relative;
}
.promo_vert   #titre_promo {
	background-image: url(../images/bloc_promo_vert_milieu.gif);
	/**background-color: #cd0b0b;*/
	text-align:center;
	padding:15px;
	color:#fafafa;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	padding-top: 10px;
}

.promo_vert #bas{
	background-image: url(../images/bloc_promo_vert_bas.gif);
	height: 32px;
	padding: 0px;
	position: relative;
}






/* BLOC PROMO ROUGE ----------------------------------------------------*/
.promo_rouge{
	width: 335px;
	margin: 0px auto;
	color: #000000;
	position: relative;
	top: 22px;
	margin-bottom: 25px;
	margin-right: 15px;
}

.promo_rouge #haut{
	background-image: url(../images/bloc_promo_rouge_haut.gif);
	padding: 0px;
	height: 20px;
}
.promo_rouge   #milieu {
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight:bold;
	padding: 15px;
	color:#fafafa;
	/*background-color: #cd0b0b;*/
	background-image: url(../images/bloc_promo_rouge_milieu.gif);
	position: relative;
}
.promo_rouge   #titre_promo {
	background-image: url(../images/bloc_promo_rouge_milieu.gif);
	/**background-color: #cd0b0b;*/
	text-align:center;
	padding:15px;
	color:#fafafa;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	padding-top: 10px;
}

.promo_rouge #bas{
	background-image: url(../images/bloc_promo_rouge_bas.gif);
	height: 32px;
	padding: 0px;
	position: relative;
}






/* BLOC PROMO BLEU ----------------------------------------------------*/
.promo_bleu{
	width: 335px;
	margin: 0px auto;
	color: #000000;
	position: relative;
	top: 22px;
	margin-bottom: 25px;
	margin-right: 15px;
}

.promo_bleu #haut{
	background-image: url(../images/bloc_promo_bleu_haut.gif);
	padding: 0px;
	height: 20px;
}
.promo_bleu   #milieu {
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight:bold;
	padding: 15px;
	color:#fafafa;
	/*background-color: #cd0b0b;*/
	background-image: url(../images/bloc_promo_bleu_milieu.gif);
	position: relative;
}
.promo_bleu   #titre_promo {
	background-image: url(../images/bloc_promo_bleu_milieu.gif);
	/**background-color: #cd0b0b;*/
	text-align:center;
	padding:15px;
	color:#fafafa;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	padding-top: 10px;
}

.promo_bleu #bas{
	background-image: url(../images/bloc_promo_bleu_bas.gif);
	height: 32px;
	padding: 0px;
	position: relative;
}






/**
 promoue des affiches de films
*/

.promo2 {
	min-width:20em; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color:#fff;
	z-index:2;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	margin-right: auto;
}

.promo2 .hd .c,
.promo2 .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.promo2 .ft .c {
 height:14px;
}

.promo2 .hd {
 background:transparent url(../images/sliding/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.promo2 .hd .c {
 background:transparent url(../images/sliding/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.promo2 .bd {
 background:transparent url(../images/sliding/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.promo2 .bd .c {
 background:transparent url(../images/sliding/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.promo2 .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../images/sliding/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.promo2 .ft {
 background:transparent url(../images/sliding/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.promo2 .ft .c {
 background:transparent url(../images/sliding/br.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.promo2 h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}


.promo2 p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}