/* Les éléments généraux
-------------------------------------------------------- */
*{margin:0; padding:0;}

body{
	background: #dadada url(images/bg.gif);
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

img{border: none;}

a:link, a:visited{text-decoration: none; color: #508caf;}
a:hover{text-decoration: underline;}
a:active  {color: #ff0000;}

h1,h2,h3{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}

h1{padding: 35px 0 35px 65px; font-size: 24px; color: #00578b;}
h2{padding: 0 0 5px 65px;  font-size: 17px; color: #00578b;}
h3{padding: 0 0 3px 65px; ; font-size: 15px; color: #00578b;}
h4{padding: 0 0 0 65px; ; font-size: 12px;}
h5{padding: 3px 0; font-size: 11px; text-align: center;}

p{
	width: 450px;
	margin: 0 12px 15px 12px;	
	line-height: 125%;
	text-align: justify;
}

/* La Page (le container)
-------------------------------------------------------- */

#page{
	width: 781px;
	margin: 0 auto;
	background: #fff url(images/bg_page.gif) repeat-y;
}


/* Le Header
-------------------------------------------------------- */

#canoe{
	width: 781px;
}

#header{
	width: 781px;
	height: 211px;
	background: #fff url(images/bg_header.gif) repeat-y;
}

#menu{
	width: 674px;
	height: 71px;
	background: url(images/bg_menu.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 101px;
	left: 53px;
}

#menu:hover{
	background: url(images/bg_menu-on.gif) no-repeat;
}

#menu a:link, #menu a:visited{text-decoration: none; color: #000;}
#menu a:hover{text-decoration: none; color: #00578b;}

#menu li{
	display: inline;
}

#menu li.jfc{
	margin: 0 0 0 43px;
}


/* Le Contenu
-------------------------------------------------------- */

#main{
	width: 781px;
	background: url(images/bg_main.gif) no-repeat;
}


/* La colonne de Gauche
-------------------------------------------------------- */

#left{
	width: 513px;
	float: left;
}

#left p, #left form, #team{
	margin: 0 12px 15px 65px;
}

#left ul{
	margin: 0 12px 15px 80px;
}

#left label{
	float: left;
	width: 155px;
	padding: 2px 0;
}

#left input, textarea, select{
	margin: 0 0 5px 5px;
	border: 1px solid #a6a7a9;
	padding: 2px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#left .radio{
	border: none;
}

#left #submitbutton{
	background: #e5eef3;
	margin-left: 160px;
	width: 90px;
	color: #00588d;
}

#left br{
clear: left;
}

#OptionsVideos label {
	float:none;
	width:auto;
	padding:0px;
}

#team h3{
	padding: 0;
}

#team td{
	padding: 5px 3px;
	border-bottom: 1px solid #e5eef3;
}

#container{
	margin: 0 12px 0 65px;
}

.vg{
	width: 190px;
	background: #e5eef3;
	padding: 12px;
	margin: 0 0 15px 0;
	clear: left;
	float: left;
}

.vd{
	width: 190px;
	background: #e5eef3;
	padding: 12px;
	margin: 0 0 15px 0;
	clear: right;
	float: right;
}

#left .vg p, #left .vd p{
	color: #00578b;
	width: 190px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.labelVideo{
	width:340px; 
	padding-left:5px;
}

/* La colonne de Droite
-------------------------------------------------------- */

#right{
	background: url(images/tv2.jpg) no-repeat top;
	width: 253px;
	margin: 24px 0 0 0;
	float: right;
}

#right-home{
	background: url(images/tv.jpg) no-repeat top;
	width: 253px;
	margin: 24px 0 0 0;
	float: right;
}

#player{
	width: 189px;
	background: #000;
	margin: 17px 0 0 27px;
	text-align: center;
}


/* Le Footer
-------------------------------------------------------- */

#footer{
	height: 209px;
	background: url(images/bg_footer.gif) no-repeat bottom;
	clear: both;
}

#footer p{
	color: #fff;
	margin: 0;
	padding: 180px 0 0 12px;
}

DIV#footer_tva {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; Z-INDEX: 1; BACKGROUND: #e8e8e8; PADDING-BOTTOM: 20px; MARGIN: 0px 0px 0px; OVERFLOW: hidden; WIDTH: 100%; COLOR: #505050; PADDING-TOP: 25px; FONT-FAMILY: Arial, sans-serif; TEXT-ALIGN: center
}
DIV#footer_tva UL {
	CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px auto 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV#footer_tva UL LI {
	PADDING-RIGHT: 10px; DISPLAY: inline; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV#footer_tva UL LI A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #505050; PADDING-TOP: 0px; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
}
DIV#footer_tva UL#footer_list1 LI {
	BACKGROUND: url(images/list_sep_1.gif) no-repeat right 3px
}
DIV#footer_tva UL#footer_list2 LI {
	BACKGROUND: url(images/list_sep_2.gif) no-repeat right 3px
}
DIV#footer_tva UL#footer_list1 LI.last {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV#footer_tva UL#footer_list2 LI.last {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.clearer {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 1px
}