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

body {
	background-color:#000;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	}
p {margin:0;}

#thorsten {
	position:absolute;
	top:50%;
	left:50%;
	height:10px;
	width:10px;
	z-index:1;
}
#superContainer	{
	position:absolute;
	top:-512px; left:-640px;
	height: 1024px;
	width: 1280px;
	z-index:2;
	background-image:url(../images/fondTVFortef.jpg);
	background-repeat:repeat-y;
}
img { border:0;}
#container{
	width:900px;
	/*background-color:#333;*/
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:193px;left:190px;
	width:900px;
	/*height:638px;*/
	z-index:3;
	}	
#headerVideo {
/*	background-color:#000;*/
	background-repeat:no-repeat;
	height: 104px;
	padding-left:30px;
	color:#FFF;	
}
#logoFortef{width:121px; height:80px; background-image:url(../images/logoFortef.png); float:left;}
#baseLine {width:610px; height:104px; background-image:url(../images/txtObservatoireBlanc.png); float:left;}
#logoTvFortef{width:80px; height:82px; background-image:url(../images/logoTv.png); float:left;}

#contentHeadVideo {
	float:left;
	border: #999 solid 0.05em;
	width:100%;
	margin-bottom:20px;
	}
#titreVideo {
	width:30%;
	height: 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height: 40px;
	padding-left:30px;
	color:#FFF;

	float:left;
	}
#choixVideo {
	width:60%;
	height: 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height: 40px;
	padding-left:30px;
	color:#FFF;
	float:right;
	}
#choixVideo input{border:0;}
#cadreVideo {
	height:400px;
	width:930px;
	overflow-y: auto;
	overflow-x: hidden;
	}
.laVideo {
	margin-left:30px;
	width:830px;
	color:#FFF;
	padding:10px;
	border: #999 solid 0.05em;
	margin-bottom:10px;
	clear:both;
	
		}	
.miniImage {
	width:98px;
	height:55px;
	margin-right:20px;
	float:left;
	}
.h1 {
	font-size:14px}
.presentVideo {
	width:710px;
	float:left;
	}
.infoVideo {font-size:12px;}
.titre {background-color:#000; padding-left:10px;}
.retraitTexte {padding-left:10px; font-size:12px;}
.clear {
	width:830px;
	height:10px;
	clear:both;
	margin-bottom:10px;
	}
#navPages {
	width:300px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
#retour {color:#FFF; font-size: 11px; margin-top:15px;}
.bouton {border: #FFF 1px solid; margin-left:20px; padding:1px; }
#footer {
	margin-top:20px;
	width:900px
	}


#planSite {
	float:left;
	width:400px;
	height:20px;
	padding-top:3px;
	
	}
.caseIdentifiant{width:50px;}
#planSite ul {
	display: inline;
}
#planSite ul li{
	display: inline;
	background-image:url(../images/btTvFooterE.gif);
	background-repeat:no-repeat;
	height:22px;
	width:100px;
	text-align:center;
	float:left;
	}
#planSite #m2:hover {
	background-image: url(../images/btTvFooterA.gif);
	float: left;
	background-repeat: no-repeat;
	height:22px;

}
#planSite #m3:hover {
	background-image: url(../images/btTvFooterA.gif);
	float: left;
	background-repeat: no-repeat;
	height:22px;   

}
#planSite #m4:hover {
	background-image: url(../images/btTvFooterA.gif);
	float: left;
	background-repeat: no-repeat;
	height:22px
	}
#planSite ul li a:hover, a:link, a:visited, a:active{
	color:#FFF;
	text-decoration:none;
	font-size:10px;	
	background-repeat:no-repeat;
	width:100px;
}
#connect {width:450px; float:right; font-size:12px; color:#FFF;padding: 0px; }
#identification {float:left; margin-right:20px;padding-left:9px; width:450px; margin-left:45px }
#identification input[type="text"] {font-size:14px; border:0;margin-right:10px; margin-left:10px; width:50px; }
#identification input[type="password"] {font-size:14px; border:0;margin-right:10px; margin-left:10px; width:50px;}
#identification input[type="image"] {border:0;margin-left:10px;}
#identification form { background-image:url(../images/fdIdentifiant.gif); background-repeat:no-repeat; background-position:left; margin-top:3px}
#identification btOk3 { margin-top:3px}
#identification label {margin-left:10px;}



/*
multiBox - for MooTools 1.2 stylesheet - - - - */
a.mb, a:link.mb, a:visited.mb, a:hover.mb, a:active.mb{
	outline:none;
	float:left;
	margin:0;
	padding:-100;
	text-decoration:none;
	color:#666;
}

.mb img{
	display:block;
	border:none;
}

.mbClear{
	clear:both;
	width:100%;
	height:20px;
}

.mbHidden, .multiBoxDesc{
	display:none;
}


/*
Pop-up styles - - - - */
.MultiBoxContainer{
	background:#fff;
	position:absolute;
	border:15px solid #000;
	display:none;
	z-index:103;
	text-align:left;
}

.MultiBoxLoading{
	background:url(../images/mb_Components/loader.gif) center no-repeat;
}

.MultiBoxContent{
	position:relative;
	width:100%;
	height:100%;
}

.MultiBoxClose{
	background:url(../images/mb_Components/close.png) no-repeat;
	position:absolute;
	top:-24px;
	right:-24px;
	width:24px;
	height:24px;
	cursor:pointer;
}

.MultiBoxControlsContainer{
	overflow:hidden;
	height:0;
	position:relative;
}

.MultiBoxControls{
	background:#000;
	width:100%;
	position:relative;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
}

.MultiBoxDownload a, .MultiBoxDownload a:link, .MultiBoxDownload a:visited, .MultiBoxDownload a:hover, .MultiBoxDownload a:active{
	font-size:9px;
	color:#ccc;
	margin:5px 0 0 35px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	outline:none;
}

.MultiBoxDownload a:hover{
	color:#fff;
}

.MultiBoxPrevious{
	background:url(../images/mb_Components/left.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	left:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNext{
	background:url(../images/mb_Components/right.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	right:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNextDisabled{
	background:url(../images/mb_Components/rightDisabled.png) no-repeat;
	cursor:default;
}

.MultiBoxPreviousDisabled{
	background:url(../images/mb_Components/leftDisabled.png) no-repeat;
	cursor:default;
}


/*
Bottom text - - - - */
.MultiBoxTitle{
	position:relative;
	margin:10px 0 0 35px;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	display:inline;
}

.MultiBoxNumber{
	position:relative;
	width:90px;
	margin:10px 35px 0 0;
	float:right;
	font-size:11px;
	text-align:right;
	display:inline;
}

.MultiBoxDescription{
	clear:left;
	position:relative;
	margin:0 35px 0 35px;
	padding:5px 0 0 0;
	font-size:11px;
	text-align:left;
}


/*
Overlay icon - - - - */
.OverlayIcon{
	background:transparent url(../images/mb_Components/MagIcon.png) no-repeat;
	position:absolute;
	right:-5px;
	top:-5px;
	width:17px;
	height:17px;
}


/*
MooTools tips - - - - */
.mbTips{
	background:#fff;
	font-size:10px;
	color:#000;
	border:1px solid #3FB6E2;
	padding:2px;
}

.mbTips .tip-text{
	display:none;
}