/* CSS Document */
/*Cadre Black
==================*/

.cadreBlack {
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9pt;
	
}
 
.cadreBlack h2 {
	background-image: url(../images/ongletTitreFilm-black.png);
}

.cadreBlack .ongletGch {
	width: 8px;
	background-image: url(../images/OngletTitre_coinDrt-black.png);
}

.cadreBlack .ongletDroit {
	width: 36px;
	background-image: url(../images/OngletTitre_coinGch-black.png);
}

.hautCadreBlack {	
	clear: both;
	background-image: url(../images/cadreBlack-centre.png);	
}
	
.contCadreBlack {
	background-repeat: no-repeat;	
	background-image: url(../images/cadreBlack-Haut.png);
	padding: 5px;
}

.basCadreBlack {
	background-image: url(../images/cadreBlack-Bas.png);
	background-repeat: no-repeat;		
	height: 13px;
}
	
.cadreBlack ul {

}

.cadreBlack li {
	list-style: none;
	}

.cadreBlack a { 
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18pt;
}

.cadreBlack .texteStandard {
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
}

/* =================
	cadre 1
=================*/


.cadre1 {
	margin: 2px;
}

.cadre1 .bandeau {
	background-image: url(../images/cadreFondHautDrt.png);
	height: 31px;
}


.cadre1 .titreBandeau {
	float: left;
	height: 31px;
	background-image: url(../images/cadreFondHautGch.png);
}

.cadre1 .titreBandeau h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 31px;
}

.cadre1 .hautCadreCoinGch{
	float: left;
	height: 31px;
	width: 13px;
	background-image: url(../images/cadreCoinHautGch.png);
}

.cadre1 .transitionHaut {
	float: left;
	height: 31px;
	width: 40px;
	background-image: url(../images/cadreTransitionHautGch.png);
}

.cadre1 .hautCadreCoinDrt {
	float: right;
	height: 31px;
	width: 11px;
	background-image: url(../images/cadreCoinHautDrt.png);
}

.cadre1 .contenuCadre {
	clear: both;
}

.cadre1 .content {
	background-color: #FFFFFF;	
	background-image: url(../images/cadreTransitionVerticaleGch.png);
	background-position: left;
	background-repeat: repeat-y;
	padding-left: 6px;
}
.cadre1 .cadreBordDrt {
	padding-right: 6px;
	background-repeat: repeat-y;
	background-position: right;
	background-image: url(../images/cadreTransitionVerticaleDrt.png);
}


.cadre1 .basCadre {
	clear: both;
	height: 13px;
	background-image: url(../images/cadreFondBas.png);
}

.cadre1 .basCadreCoinGch {
	width: 9px;
	height: 13px;
	float: left;
	background-image: url(../images/cadreCoinBasGch.png);
}

.cadre1 .basCadreCoinDrt {
	width: 11px;
	height: 13px;
	float: right;
	background-image: url(../images/cadreCoinBasDrt.png);
	}

/*=================*/
.cadre12 {
	margin: 2px;
}

.cadre12 .bandeau {
	background-image: url(../images/cadreFondHautDrt-v2.png);
	height: 30px;
}


.cadre12 .titreBandeau {
	float: left;
	height: 30px;
	background-image: url(../images/cadreFondHautGch-v2.png);
}

.cadre12 .titreBandeau h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 30px;
}

.cadre12 .hautCadreCoinGch{
	float: left;
	height: 30px;
	width: 13px;
	background-image: url(../images/cadreCoinHautGch-v2.png);
}

.cadre12 .transitionHaut {
	float: left;
	height: 30px;
	width: 40px;
	background-image: url(../images/cadreTransitionHautGch-v2.png);
}

.cadre12 .hautCadreCoinDrt {
	float: right;
	height: 30px;
	width: 11px;
	background-image: url(../images/cadreCoinHautDrt-v2.png);
}

.cadre12 .contenuCadre {
	clear: both;
}

.cadre12 .content {
	background-color: #FFFFFF;	
	background-image: url(../images/cadreTransitionVerticaleGch-v2.png);
	background-position: left;
	background-repeat: repeat-y;
	padding-left: 6px;
}
.cadre12 .cadreBordDrt {
	padding-right: 6px;
	background-repeat: repeat-y;
	background-position: right;
	background-image: url(../images/cadreTransitionVerticaleDrt-v2.png);
}


.cadre12 .basCadre {
	clear: both;
	height: 8px;
	background-image: url(../images/cadreFondBas-v2.png);
	background-repeat: repeat-x;
}

.cadre12 .basCadreCoinGch {
	width: 9px;
	height: 8px;
	float: left;
	background-image: url(../images/cadreCoinBasGch-v2.png);
	background-repeat: no-repeat;
}

.cadre12 .basCadreCoinDrt {
	width: 11px;
	height: 8px;
	float: right;
	background-image: url(../images/cadreCoinBasDrt-v2.png);
	background-repeat: no-repeat;
	}



/* =================
 	cadre 2
=================*/

.cadre2 {
	margin: 2px;

}

.cadre2 .bandeau {
	background-image: url(../images/cadre2-fondHaut.png);
	/*float: left;*/
	height: 31px;
}

.cadre2 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 31px;
}

.cadre2 .hautCoinGch{
	float: left;
	height: 31px;
	width: 9px;
	background-image: url(../images/cadre2-coinHautGch.png);
}

.cadre2 .hautCoinDrt {
	float: right;
	height: 31px;
	width: 9px;
	background-image: url(../images/cadre2-coinHautDrt.png);
}

.cadre2 .contenuCadre {
	clear: both;
}

.cadre2 .content {
	background-color: #CCC;	
	background-image: url(../images/cadre2-bordGch.png);
	background-position: left;
	background-repeat: repeat-y;
	padding-left: 6px;
}
.cadre2 .cadreBordDrt {
	padding-right: 6px;
	background-repeat: repeat-y;
	background-position: right;
	background-image: url(../images/cadre2-bordDrt.png);
}


.cadre2 .bas {
	clear: both;
	height: 9px;
	background-image: url(../images/cadre2-fondBas.png);
	background-repeat: repeat-x;
}

.cadre2 .basCoinGch {
	width: 9px;
	height: 9px;
	float: left;
	background-image: url(../images/cadre2-coinBasGch.png);
	background-repeat: no-repeat;
}

.cadre2 .basCoinDrt {
	width: 9px;
	height: 9px;
	float: right;
	background-image: url(../images/cadre2-coinBasDrt.png);
	background-repeat: no-repeat;
	}
/* =================
	cadre 2 -white
=================*/

.cadre2-white {
	margin: 2px;

}

.cadre2-white .bandeau {
	background-image: url(../images/cadre2-fondHaut-white.png);
	/*float: left;*/
	height: 31px;
}

.cadre2-white h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 31px;
}

.cadre2-white .hautCoinGch{
	float: left;
	height: 31px;
	width: 9px;
	background-image: url(../images/cadre2-coinHautGch-white.png);
}

.cadre2-white .hautCoinDrt {
	float: right;
	height: 31px;
	width: 9px;
	background-image: url(../images/cadre2-coinHautDrt-white.png);
}

.cadre2-white .contenuCadre {
	clear: both;
}

.cadre2-white .content {
	background-color: white;	
	background-image: url(../images/cadre2-bordGch-white.png);
	background-position: left;
	background-repeat: repeat-y;
	padding-left: 6px;
}
.cadre2-white .cadreBordDrt {
	padding-right: 6px;
	background-repeat: repeat-y;
	background-position: right;
	background-image: url(../images/cadre2-bordDrt-white.png);
}


.cadre2-white .bas {
	clear: both;
	height: 9px;
	background-image: url(../images/cadre2-fondBas-white.png);
}

.cadre2-white .basCoinGch {
	width: 9px;
	height: 9px;
	float: left;
	background-image: url(../images/cadre2-coinBasGch-white.png);
}

.cadre2-white .basCoinDrt {
	width: 9px;
	height: 9px;
	float: right;
	background-image: url(../images/cadre2-coinBasDrt-white.png);
	}

/* =================
	cadre 3
=================*/

.cadre3 {
	margin: 2px;
}

.cadre3 .haut {
	background-image: url(../images/cadre3-fondHaut.png);
	float: left;
	height: 5px;
}

.cadre3 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.cadre3 .hautCoinGch{
	float: left;
	height: 5px;
	width: 5px;
	background-image: url(../images/cadre3-coinHautGch.png);
}

.cadre3 .hautCoinDrt {
	float: right;
	height: 5px;
	width: 5px;
	background-image: url(../images/cadre3-coinHautDrt.png);
}

.cadre3 .contenuCadre {
	clear: both;
}

.cadre3 .content {
	background-color: #DCDDE6;	
	background-image: url(../images/cadre3-bordGch.png);
	background-position: left;
	background-repeat: repeat-y;
	padding-left: 5px;
}
.cadre3 .cadreBordDrt {
	padding-right: 5px;
	background-repeat: repeat-y;
	background-position: right;
	background-image: url(../images/cadre3-bordDrt.png);
}


.cadre3 .bas {
	clear: both;
	height: 5px;
	background-image: url(../images/cadre3-fondBas.png);
}

.cadre3 .basCoinGch {
	width: 5px;
	height: 5px;
	float: left;
	background-image: url(../images/cadre3-coinBasGch.png);
}

.cadre3 .basCoinDrt {
	width: 5px;
	height: 5px;
	float: right;
	background-image: url(../images/cadre3-coinBasDrt.png);
	}