html,body{
	height:100%;
}

img{
	border:0;
}

body{
	text-align:center;
	padding:0;
	margin:0;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#5C5C5C;
}

a:link{
	color:#C80505;
}
a:hover{
	color:#FF0000;
}
a:visited{
	color:#B47070;
}

body.accueil{
	background:#5F0802 url(../images/accueil_rep.jpg) repeat-x top left;
}

body.interface{
	background:#400201 url(../images/interface_rep.jpg) repeat-x top left;
}

/*Accueil*/
#containerAccueil{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent url(../images/accueil_bottom.jpg) no-repeat center 541px;
}

#accueilTop{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:293px;
	background:transparent url(../images/accueil_top.jpg) no-repeat top center;
}

#accueilMiddle{
	position:absolute;
	top:293px;
	left:0;
	width:100%;
	height:248px;
	background:transparent url(../images/accueil_middle.jpg) no-repeat top center;
}

/*ligneTemps*/
#ligneTemps{
	width:464px;
	height:4740px;
	padding:0;
	margin:0;
	background:transparent url(../images/ligneDuTemps.jpg) no-repeat top center;
}

#ligneTemps a{
	position:absolute;
	display:block;
	width:100px;
	height:20px;
	text-align:center;
	padding-top:80px;
	font-weight:bold;
}


.popup{
	position:absolute;
	margin-left:20px;
	width:358px;
	height:255px;
	padding:0px 30px;
	background:#FFF url(../images/popup_ligneDT_03.jpg) no-repeat top left;
}


#ligneTemps .popup a.fermerBtn{
	position:absolute;
	display:inherit;
	width:50px;
	height:30px;
	margin-left:300px;
	padding-right:30px;
	text-align:left;
	padding-top:10px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

#ligneTemps .popup a.fermerBtn:hover{
	text-decoration:underline;
	background:transparent url(../images/rollovwer_X_03.jpg) no-repeat top right;
}


#content #ligneTemps h3{
	margin-top:60px;
}



#andreaVau{
	margin-top:372px;
	margin-left:45px;
}

#popup1{
	margin-top:372px;
}

#laurendeau{
	margin-top:405px;
	margin-left:350px;
}

#popup2{
	margin-top:405px;
}

#metrakos{
	margin-top:455px;
	margin-left:57px;
}

#popup3{
	margin-top:455px;
}

#pellan{
	margin-top:625px;
	margin-left:365px;
}

#popup4{
	margin-top:625px;
}

#tietolman{
	margin-top:655px;
	margin-left:73px;
}

#popup5{
	margin-top:655px;
}

#ligneTemps a#hulsman{
	margin-top:745px;
	margin-left:330px;
	width:120px;
}

#popup6{
	margin-top:745px;
}


#ligneTemps a#sasaki{
	margin-top:805px;
	margin-left:60px;
	height:0px;
	padding-top:60px;
}

#popup7{
	margin-top:805px;
}

#castonguay{
	margin-top:893px;
	margin-left:45px;
}

#popup8{
	margin-top:893px;
}

#ligneTemps a#bolduc{
	margin-top:955px;
	margin-left:370px;
	height:0px;
	padding-top:60px;
}

#popup9{
	margin-top:955px;
}

#leclerc{
	margin-top:1005px;
	margin-left:303px;
}

#popup10{
	margin-top:1005px;
}

#larose{
	margin-top:1100px;
	margin-left:10px;
}

#popup11{
	margin-top:1100px;
}

#chatelain{
	margin-top:1250px;
	margin-left:305px;
}

#popup12{
	margin-top:1250px;
}

#foch{
	margin-top:1255px;
	margin-left:18px;
}

#popup13{
	margin-top:1255px;
}

#tan{
	margin-top:1355px;
	margin-left:370px;
}

#popup14{
	margin-top:1355px;
}

#ouimet{
	margin-top:1420px;
	margin-left:1px;
}

#popup15{
	margin-top:1420px;
}

#gingras{
	margin-top:1570px;
	margin-left:365px;
}

#popup16{
	margin-top:1570px;
}

#sebbah{
	margin-top:2350px;
	margin-left:31px;
}

#popup17{
	margin-top:2350px;
}

#riel{
	margin-top:2155px;
	margin-left:370px;
}

#popup18{
	margin-top:2155px;
}

#blinn{
	margin-top:2040px;
	margin-left:0px;
}

#popup19{
	margin-top:2040px;
}

#louisCyr{
	margin-top:1870px;
	margin-left:376px;
}

#popup20{
	margin-top:1870px;
}

#laurier{
	margin-top:1816px;
	margin-left:10px;
}

#popup21{
	margin-top:1816px;
}

#kondiaronk{
	margin-top:2765px;
	margin-left:342px;
}

#popup22{
	margin-top:2765px;
}

#hebert{
	margin-top:3165px;
	margin-left:355px;
}

#popup23{
	
	margin-top:3165px;
}

#perrot{
	margin-top:3065px;
	margin-left:40px;
}

#popup24{
	margin-top:3065px;
}

#silva{
	
	margin-top:2933px;
	margin-left:327px;
}

#popup25{
	margin-top:2933px;
}

#lemoyne{
	margin-top:2943px;
	margin-left:48px;
}

#popup26{
	margin-top:2940px;
}

#bombardier{
	margin-top:523px;
	margin-left:300px;
}

#popup27{
	margin-top:523px;
}

#frappier{
	margin-top:863px;
	margin-left:315px;
}

#popup28{
	margin-top:863px;
}

#papineau{
	margin-top:2238px;
	margin-left:70px;
}

#popup29{
	margin-top:2238px;
}

#desmarteau{
	margin-top:1480px;
	margin-left:72px;
}

#popup30{
	margin-top:1480px;
}

#desjardins{
	margin-top:1570px;
	margin-left:0px;
}

#popup31{
	margin-top:1570px;
}

#farah{
	margin-top:1160px;
	margin-left:80px;
}

#popup32{
	margin-top:1160px;
}

#ollivier{
	margin-top:175px;
	margin-left:335px;
}

#popup33{
	margin-top:175px;
}

#cree{
	margin-top:275px;
	margin-left:65px;
}

#popup34{
	margin-top:275px;
}

#routhier{
	margin-top:2075px;
	margin-left:285px;
}

#popup35{
	margin-top:2075px;
}

#lavigne{
	margin-top:555px;
	margin-left:60px;
}

#popup36{
	margin-top:555px;
}

#fessenden{
	margin-top:1720px;
	margin-left:60px;
}

#popup37{
	margin-top:1720px;
}

#charlemagne{
	margin-top:4535px;
	margin-left:343px;
}

#popup38{
	margin-top:4435px;
}

#berenger{
	margin-top:2585px;
	margin-left:63px;
}

#popup39{
	margin-top:2585px;
}

#baby{
	margin-top:1955px;
	margin-left:63px;
}

#popup40{
	margin-top:1955px;
}

#lapointe{
	margin-top:2105px;
	margin-left:75px;
}

#popup41{
	margin-top:2105px;
}

#barre{
	margin-top:1358px;
	margin-left:100px;
}

#popup42{
	margin-top:1358px;
}

#victorin{
	margin-top:1010px;
	margin-left:90px;
}

#popup43{
	margin-top:1010px;
}

#brunet{
	margin-top:1930px;
	margin-left:280px;
}

#popup44{
	margin-top:1930px;
}

#thibault{
	margin-top:1090px;
	margin-left:380px;
}

#popup45{
	margin-top:1090px;
}

#levasseur{
	margin-top:1440px;
	margin-left:370px;
}

#popup46{
	margin-top:1440px;
}

#gerin{
	margin-top:1148px;
	margin-left:308px;
}

#popup47{
	margin-top:1148px;
}

#tremblay{
	margin-top:1852px;
	margin-left:85px;
}

#popup48{
	margin-top:1852px;
}

#binet{
	margin-top:1780px;
	margin-left:305px;
}

#popup49{
	margin-top:1780px;
}

#daubigny{
	margin-top:1490px;
	margin-left:295px;
}

#popup50{
	margin-top:1490px;
}

#daubigny{
	margin-top:1490px;
	margin-left:295px;
}

#popup50{
	margin-top:1490px;
}

#hart{
	margin-top:2335px;
	margin-left:305px;
}

#popup51{
	margin-top:2335px;
}

#gendron{
	margin-top:2000px;
	margin-left:364px;
}

#popup52{
	margin-top:2000px;
}



/*Interface*/

#container{
	width:100%;
	background:transparent url(../images/middle.jpg) no-repeat center 266px;
}

#top{
	width:100%;
	height:266px;
	background:transparent url(../images/top.jpg) no-repeat top center;
}

#middle{
	width:100%;	
	padding:0;
	margin:0;
}

#trueMiddle{
	width:692px;
	margin:0 auto;
	padding:0;
	background:#FFF url(../images/topContenu.jpg) no-repeat top left;
	
}

#trueMiddleBg{
	width:692px;
	padding:1px 0 50px 0;
	margin:0;
	text-align:left;
}

#trueMiddleBg.emissions{
	background:#FFF url(../images/img_listeDesEpisodes_03.jpg) no-repeat top right;
}



#content h2{
	text-align:right;
	width:420px;
	font-size:18px;
}

#content h3{
	padding:0;
	margin:10px 0 5px 0;
	font-size:12px;
}
#content p{
	padding:0 0 10px 0;
	margin:0;
	
}
#content{
	margin-left:220px;
	padding:0 0px 0 5px;
}


#bottom{
	width:693px;
	height:35px;
	margin:0 auto;
	clear:both;
	color:#FFFFFF;
	background-color:#4D0301;
	text-align:left;
}
#bottom p{
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
}

/*utils*/
.floatLeft{
	float:left;
	margin:0 10px 10px 0;
}





/*Menu*/
#gauche{
	float:left;
	width:218px;
	margin-top:17px;
}
#menu{
	width:218px;
	
}

#menu a{
	/*border:1px solid #000;*/
}

#menu ul{
	margin:0 0 0 23px;
	padding:0;
	list-style:none;
}

#menu ul li a{
	display:block;
	width:184px;
	height:23px;
	padding:6px 0 0 10px;
	color:#fff;
	background-color:#E23D07;
	border-top:1px dashed #FFF;
	border-bottom:1px dashed #FFF;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#menu ul li a:hover{
	background-color:#000;
}




/*Div quelquonque*/

.imgPolaroid{
	width:277px;
	height:299px;
	background:transparent url(../images/polaroid.jpg) no-repeat top left;
}

.imgPolaroid img{
	margin:40px 40px 0 51px;
}


.imgPolaroid div{
	width:200px;
	margin:20px 0 0 50px;
	text-align:center;
	font-weight:bold;
	color:#000;
}

#valise{
	width:217px;
	height:336px;
}

#valise a{
	display:block;
	width:217px;
	height:336px;
	background:transparent url(../images/btnValise_06.jpg) no-repeat -2px 0;
}

#valise a:hover{
	background:transparent url(../images/btnValise_rollover_06.jpg) no-repeat -2px 0;
}

#liensEpisodes ul{
	padding:0;
	margin:0;
}

#liensEpisodes li{
	list-style:none;
	padding:0;
	margin:0;
	padding:5px 0 6px 0;
}

#liensEpisodes a{
	color:#FFEEE1;
	margin:0;
	padding:5px 30px 5px 5px;
	text-decoration:none;
}

#liensEpisodes a:link,#liensEpisodes a:visited,#liensEpisodes a:active{
	background:#DD6409 url(../images/etoilesOranges_03.jpg) no-repeat right top;
}

#liensEpisodes a:hover{
	color:#FFF;
	background-color:#000000;
	background:#000 url(../images/etoilesNoires_03.jpg) no-repeat right top;
}

#btn_voirLaLigne a{
	display:block;
	width:274px;
	height:38px;
	background:#FFF url(../images/btn_VoirLaLigneDuTemps.jpg) no-repeat right top;
}

#btn_voirLaLigne a:hover{
	background:#FFF url(../images/btn_VoirLaLigne_roll.jpg) no-repeat right top;
}


#btn_arbre a{
	display:block;
	width:190px;
	height:229px;
	margin:0 auto;
	background:#FFF url(../images/btn_fabriquer_arbre_03.jpg) no-repeat right top;
}

#btn_arbre a:hover{
	background:#FFF url(../images/btn_fabriquer_arbre_roll_03.jpg) no-repeat right top;
}



/*Utils*/
.clearBoth{
	clear:both;
}
.floatRight{
	float:right;
}

.video{
	padding:49px 0 0 101px;
	width:330px;
	height:250px;
	background:transparent url(../images/bg_videos_03.jpg) no-repeat top left;
}

#btnEnvoyer{
	border:none;
	margin:97px auto;
	width:202px;	
}

#btnEnvoyer a{
	display:block;
	width:202px;
	height:199px;
	margin-left:40px;
}

#btnEnvoyer a:hover{
	background:transparent url(../images/btn_accueil_rollover_03.jpg) no-repeat top left;
}

#footerlogo{
	position:absolute;
	text-align:right;	
}

#footerlogo a.tfo{
	display:block;
	width:22px;
	height:29px;
	margin:3px 0 0 110px;
	background:transparent url(../images/btnTFO_03.jpg) no-repeat top left;
}

#footerlogo a.instinct{
	display:block;
	float:left;
	width:98px;
	height:29px;
	margin:2px 0 0 0;
	background:transparent url(../images/btn_instinctFilms_10.jpg) no-repeat top left;
}