@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,  
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  
tfoot, thead, tr, th, td {  
margin:0 auto;
}

body {
	background-color: #333333;
}

a {
	text-decoration:none;
	color:#FFF;
}

.lien {
color:#FFF;
}

.bottom {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.divClair {
	height: 124px;
	background: url('images/fond_clair.jpg');
	width: 100%;
	border: 0px;
	cellspacing: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.divFonce {
	height: 124px;
	background: url('images/fond_fonce.jpg');
	width: 100%;
	border: 0px;
	cellspacing: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.divRoseGrand {
	background: url('images/milieu.png');
	height:64px;
	position:relative;
	z-index:1;
	left:0px;
	right:0px;
	bottom: 0px;
}

.cellMenu {
width:25%;
text-align:center;
vertical-align: bottom;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

.imageMenu{  
vertical-align:top;
text-align:center;
border:0px;
}

.bottom {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.lienTelecharger {
	text-decoration:none;
	color:#cf0000;
}

.titre {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

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

.menuRose {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;	
	width: 100%;
	height: 35px;
	border: 0px;
	cellspacing: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.backgroundRoseGauche {
	width: 12px;
	background: url('images/gauche_petit.png');
}
.backgroundRoseMilieu {
	background: url('images/milieu_petit.png');
}
.backgroundRoseDroit {
	width: 14px;
	background: url('images/droit_petit.png');
}

.instruction {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	font-size: 16px;
	text-align: center;	
	width: 100%;
	border: 0px;
	cellspacing: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.instructionRegarder {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	text-align: center;	
	width: 100%;
	height: 69px;
	border: 0px;
	cellspacing: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}


.code {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	text-align: center;	
}

.backgroundVertGauche {
	width: 21px;
	background: url('images/gauche_petit_vert.png');
}
.backgroundVertMilieu {
	background-color:#009900;
	/*background: url('images/milieu_petit_vert.png');*/
	vertical-align: top;
}
.backgroundVertMilieuRegarder {
	background: url('images/milieu_petit_vert.png');
}
.backgroundVertDroit {
	width: 24px;
	background: url('images/droite_petit_vert.png');
}

.banniere {
	height: 144px;
	width: 310px;
	margin-left: auto; 
    margin-right: auto;
}

.sousTitre {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.imagePlay {
	width: 35px;
	height: 35px;
	border: 0px;
    float : right;
}

.imageNavigation {
	border: 0px;
    float : left;
	height:40px;
	width:40px
}

.celluleVideo {
	width: 105px;
	vertical-align: bottom;
}

.celluleVideoAnim {
	width: 80px;
	height: 61px;
	vertical-align: bottom;
	border: 0px;
}

.vignetteVideo {
	border: 0px;
	width: 105px;
	height: 74px;
}

.imageHdPetit {
	vertical-align: bottom;
	width: 38px;
	height: 38px;
	border: 0px;
    float : left; 
}

.textePetitBlanc {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}

.cellToute {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
}

.cellVideo {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
}

.webmasters {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

.texteBlanc {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

.cellTitreRubrique {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
}

.imagesetoiles {
	vertical-align: bottom;
	width: 87px;
	height: 23px;
	border: 0px;
	position : relative; 
    float : left; 
}

.imageMajeur {
	border: 0px;
	width: 87px;
	height: 113px;
    float : right; 
}

.imageMineur {
	border: 0px;
	width: 60px;
	height: 77px;
    float : left; 
}

.imageTelecharger {
	width: 60px;
	height: 60px;
	border: 0px;
	text-align:center;
}

.tablePlay {
	width: 155px;
	height: 116px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.erreur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #cf0000;
	background-color: #dddddd;
}

.border0 {
	border: 0px;
}

.cellForm {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	width: 50px;
	text-align: right;
}

.cellValider {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	width: 50px;
	text-align: left;
}

.avertissement {
	background: url('images/fond_fonce.jpg');
	height: 60px;
	color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.tableVideoDetail {	
	height: 170px;
	width: 100%;
	border: 0px;
	cellspacing: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.cadreGrisGauche {
	width: 16px;
	background: url('images/fond_cadre_vid_gauche.png');
}

.cadreGrisDroit {
	width: 18px;
	background: url('images/fond_cadre_vid_droite.png');
}

.cadreGrisMilieu {
	background: url('images/fond_cadre_vid_milieu.png');
}

.cellTextePetitBlanc {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	width: 50px;
	text-align: center;
}

.tableCenter {
	margin-left: auto; 
    margin-right: auto;
	width: 100%
}

.tdBottom {
	vertical-align: bottom;
}

.divCenter {
	margin-left: auto; 
    margin-right: auto;
	text-align: center;
}

.pages {
	color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.tablePages {
	width: 200px;
    margin-left: auto; 
    margin-right: auto;
}

.boutonVignettePetit {
	vertical-align: bottom;
	width: 38px;
	height: 38px;
	border: 0px;
	position : relative; 
    float : right; 
}

.boutonVignetteMoyen {
	width: 60px;
	height: 60px;
	border: 0px;
	margin-left: auto; 
    margin-right: auto;
}

.boutonVignetteGrand {
	vertical-align: bottom;
	width: 130px;
	height: 130px;
	border: 0px;
	margin-left: auto; 
    margin-right: auto;
}