body {
	font: normal .80em verdana, arial, sans-serif;
	color: #59564d;
	background: #e9e8d9 url(/images/bg_browser_en.jpg) repeat-y left top;
	padding: 0;
	margin: 0;
	behavior:url("/includes/htc/csshover2.htc");
}

* html img, * html .png {
	position:relative;
	behavior:url("/includes/htc/iepngfix.htc");
}

.ieFix {
	display:none;
}

.splitter {
	float:left;
	margin-left:0px;
	margin-top:-20px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	height:1px;
	width:800px;
}

* html body div.splitter {
	float:left;
	margin-left:-30px;
	margin-right:10px;
	margin-top:-30px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	height:1px;
	width:825px;
}

/****************** NavBar ***********************/
.navbar_en {
	background: url(/images/shbg_site.gif) no-repeat 980px -3px ;

}


#gniframe {
}


/****************** End NavBar ***********************/
.ariane {
	font-size:0.8em;
}

.lien_ressource ul {
	list-style: none;
	padding: 0 0 0 12px;
	margin: 0 0 0 0;
}

.lien_ressource ul li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;
}

.lien_ressource ul li.none {
	background: none;
}

.lien_ressource ul li a {
	font-size: .85em;
	font-family: verdana;
	padding: 2px 0 0 15px;
	margin: 0;
	display: block;
}

* html body .lien_ressource ul li a {
	height: 14px;
}

.hyperliens ul li a.fleche {
	background: transparent url(/images/fleche.gif) no-repeat 5px 5px;
}

.lien_top ul li a.fleche {
	background: transparent url(/images/fleche.gif) no-repeat 5px 5px;
}

.lien_ressource ul li a.fleche {
	background: transparent url(/images/fleche.gif) no-repeat 5px 5px;
}

.date_top {
	font-size:0.85em;
	font-weight:bold;
}

.texte_sommaire {
	font-size:0.85em;
	padding-right:5px;
}

.header_top {
}

.border {
	border: 1px solid red;
}

#container {
	background: transparent url(/images/shbg_site.gif) no-repeat 980px -30px;
	padding: 0;
	width: 995px;
	margin: 0;
	float: left;
}

#header /*line 20*/, #leftNav /*line 187*/, #content /*line 241*/, #footer, #footer_en /*line 512*/ {
	float: left;
}

/***** general using tag *****/

h2 {
	font-weight: normal;
	font-size: 2em;
	letter-spacing: -0.05em;
	color: #dc2703;
	/*text-indent: -30000em;*/
  padding: 0;
	margin: 0 0 10px;
	position: relative;
	z-index: 666;
}

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

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

fieldset {
	border: 0;
}

/***** header *****/

#header {
	color: #fff;
	background: transparent url(/images/bg_header_1.jpg) no-repeat left top;
	width: 965px;
	height: 118px;
}

#header h1 {
	color: #de1e01;
	line-height: 1em;
	text-indent: -999px;
	background: transparent url(/images/en/h1.png) no-repeat left top;
	cursor:pointer;
	padding: 0;
	width: 294px;
	height: 62px;
	margin: 14px 0 0 174px;
	position: relative;
	z-index: 2;
}

*html body div#header h1 {
	color: #de1e01;
	line-height: 1em;
	text-indent: -999px;
	background: transparent url(/images/en/h1.png) no-repeat left top;
	behavior:url("/includes/htc/iepngfix.htc");
	cursor:pointer;
	padding: 0;
	width: 294px;
	height: 62px;
	margin: 14px 0 0 174px;
	position: relative;
	z-index: 2;
}

#dashboard, #dashboard_preview {
	width: 230px;
	padding: 0;
	margin: 0 0 0 0;
	float: right;
}

#dashboard .log, #dashboard_preview .log {
	position:absolute;
	left: 724px;
	top: 52px;
	background: #bb1401 url(/images/en/login_box.gif) no-repeat left top;
	width: 226px;
	height: 108px;
	margin-top:0px;
	float: left;
	z-index:1px;
}

* html body div#dashboard .log, #dashboard_preview .log {
	position:absolute;
	left: 724px;
	top: 30px;
	background: #bb1401 url(/images/en/login_box.gif) no-repeat left top;
	width: 226px;
	height: 108px;
	margin-top:0px;
	float: left;
	overflow:hidden;
	z-index:1px;
}

#dashboard .log form div.email {
	margin-top: 28px;
}

#dashboard .log form div.loggedin {
	margin: 40px 0 16px 24px;
	font: 0.8em Verdana;
	font-weight: bold;
	color:#f7eec2;
}

#dashboard .log form div.loggedin a {
	font-weight: bold;
	color:#f7eec2;
}

#dashboard .log form fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

#dashboard .log form legend {
	font:  1.4em tahoma;
	color: #f7eec2;
	letter-spacing: 0.05em;
	padding: 6px 7px 1px 13px;
}

#dashboard .log form div {
	width: 226px;
	padding: 0;
	margin: 0;
	position: relative;
}

#dashboard .log form div label {
	color: #d1361a;
	padding-left: 17px;
	display:none;
}

#dashboard .log form div input {
	font: .7em verdana;
	color: #666;
	padding: 1px 0 1px 4px;
	width: 160px;
	margin: 5px 0 0 15px;
	border-top: 2px solid #cecece;
	border-left: 2px solid #cecece;
	position: relative;
	z-index: 2;
}

#dashboard .log form div label.submit_log {
	color: #bb1401;
	padding-left: 0;
	margin: 0 0 0 -69px;
	position: relative;
	z-index: 1;
}

#dashboard .log form div input#submit_log {
	width: auto;
	border: 0;
	margin-left:0px;
	position: absolute;
	z-index: 2;
}

#dashboard .log form ul {
	padding: 0 0 7px;
	margin: 7px 0 0 15px;
}

#dashboard .log form ul li {
	list-style: none;
	background: transparent url(/images/slash_log.gif) no-repeat 0 4px;
	padding: 0 7px;
	display: inline;
}

#dashboard .log form ul li.first {
	padding: 0 1px 0 0;
	background: none;
}

#dashboard .log form ul li a {
	font: 0.67em verdana;
	color: #f7eec2;
	text-decoration: none;
}

#dashboard .logrightshadow {
	background: transparent url(/images/shr_dashboard.png) repeat-x left bottom;
	min-height: 108px;
	width: 4px;
	position: absolute;
	left: 950px;
	top: 40px;
}

#dashboard .logdownshadow {
	background: transparent url(/images/shd_dashboard.png) no-repeat left bottom;
	width: 230px;
	height: 5px;
	position: absolute;
	left: 724px;
	top: 147px;
	z-index:-10;
}

*html body div#dashboard .logdownshadow {
	display:none;
}

#header .search {
	color: #de1e01;
	padding: 0;
	width: 555px;
	height: 65px;
	margin: -1px 0 0 165px;
	position: relative;
	z-index: 1;
}

#header .search form {
	padding: 1px 0 10px 45px;
	margin: 0;
}

#header .search form ul {
	padding: 0;
	margin: 5px -1px 6px 360px;
}

#header .search form ul li {
	background: transparent url(/images/bullet_h.gif) no-repeat right 8px;
	padding: 0 6px 0 0;
	margin: 0;
	display: inline;
}

#header .search form ul li.none {
	background: transparent url(/images/arrow_list_top.gif) no-repeat right 6px;
	padding-left: 3px;
	padding-right: 10px;
}

#header .search form ul li a {
	font: normal .70em verdana, arial, sans-serif;
	color: #dc2703;
	text-decoration: none;
}

#header .search div.searchControl {
	margin-top: 0px;
}

#header .search div label, #header .search div input {
	font: 1.3em Courrier new, sans-serif;
	letter-spacing: -.05em;
	color: #525151;
	padding: 0;
	margin: 0;
}

#header .search div input {
	font: normal 1.2em Courriel new, sans-serif;
	letter-spacing: 0em;
	padding: 0px 0 0 5px;
	width: 368px;
	margin: 0;
}

#header .search div input.text {
	padding: 0;
	width: 27px;
	height: 27px;
	margin: 0 0 -6.5px;
	margin-left:0px;
}

*+html div#header .search div input.text {
	padding: 0;
	width: 27px;
	height: 27px;
	margin: 0 0 -6.5px;
	margin-left:-20px;
}

*html div#header .search div input.text {
	padding: 0;
	width: 27px;
	height: 27px;
	margin: 0 0 -6.5px;
	margin-left:-20px;
}

#header .index_header {
	clear:both;
	margin-left:315px;
	font-size:0.9em;
}

/***** Left Navigation *****/

#leftNav {
	clear: left;
	width: 162px;
	padding-right: 5px;
	background: url(/images/leftnav_shd_right.gif) no-repeat right bottom;
	overflow: hidden;
	font-family: Arial;
}

* html body div#leftNav {
	clear: left;
	width: 162px;
	padding-right: 5px;
	background: url(/images/leftnav_shd_right.gif) no-repeat right bottom;
	overflow: hidden;
	font-family: Arial;
	margin-top:-15px;
}

.open {
	display: block;
}

.closed {
	display: none;
	margin-top: -10px;
}

/***** Contenus - centre *****/

#content {
	float: left;
	width: 793px;
	margin: 11px;
	margin-top: -55px;
}

*html body div#content {
	float: left;
	width: 793px;
	margin: 11px;
	margin-top: -45px;
	padding-bottom:100px;
}

/**** Outils d'accessibilité ****/
#accessibilityTools {
	float: right;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 5px;
	text-align: right;
	width: 787px;
	overflow: visible;
}

* html body div#accessibilityTools {
	float: right;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 5px;
	text-align: right;
	width: 787px;
	overflow: visible;
}

#accessibilityTools div.contrasteLabel {
	position: relative;
	float:left;
	width: 100px;
	font: .7em verdana;
	padding-left: 200px; /* margin-left dans code orig. */
	margin-right: 10px;
	margin-top: 5px;
}

#accessibilityTools div.contraste ul {
	float: left;
	display: inline;
	width: 75px;
	padding: 0;
	margin-top: -3px;
	margin-left: 0; /* absent dans code orig. */
}

#accessibilityTools div.contraste ul li {
	font: .7em verdana;
	list-style: none;
	padding: 0;
	float: left;
}

#accessibilityTools div.sizeLabel {
	position: relative;
	float:left;
	width: 60px;
	font: .7em verdana;
	margin-top: 6px;
	margin-left:342px;
	margin-right: 10px;
}

* html body div#accessibilityTools div.sizeLabel {
	position: relative;
	float:left;
	width: 50px;
	font: .7em verdana;
	margin-top: 6px;
	margin-left:172px;
	margin-right: 10px;
}

#accessibilityTools div.size ul {
	width: 75px;
	padding: 0;
	display: inline;
	float: left;
	margin-top: -4px;
	margin-left: 0px;
}

#accessibilityTools div.size ul li {
	float: left;
	font: .7em verdana;
	list-style: none;
	padding: 0;
}

#accessbilityZone div.size ul li {
	padding: 0 6px 0 2px;
	height: 30px;
	background: transparent url(/images/li_dot_size.gif) no-repeat right 18px;
}

#accessbilityZone div.size ul li a:hover, #accessbilityZone div.size ul li a.on {
	padding-bottom: 1px;
	background: transparent url(/images/underline_size.gif) repeat-x left bottom;
}

#accessibilityTools div img {
	border: 0;
}

.accessibleDDL {
	display:none;
}

/* Page headline */
.pageHeadline {
	float:left;
	margin-left: 12px;
	margin-top:-54px;
}

*html body div.pageHeadline {
	float:left;
	margin-left: 12px;
	margin-top:-46px;
}

#accessbilityZone {
	float: right;
	position:relative;
	padding-top: 5px; /* Absent dans code orig. */
	width:500px;
	height: 40px;
	z-index:100;
}

/**** Line separator ****/
.topPageline {
	background: transparent url(/images/top_hr.gif) repeat-x;
	height: 4px;
	width: 99%;
	clear: right;
}

/**** Titres ****/

h2.noLink, h3.noLink {
	color: #6a6559;
}

.boxCenter {
	background: #fff;
	width:800px;
	margin: 0;
	padding: 0 0 125px;
	border: 1px solid #e4e4e3;
	border-right: 1px solid #d1d0c5;
	float: left;
	/* position: relative; */
  z-index: 1;
}

.lineTop, .lineBottom {
	border: 1px solid #d4d4d3;
	border-bottom: 1px solid #fff;
	margin: 0px 1px -1px;
	padding: 0;
	z-index: 1;
	/* position: relative; */
  float: right;
}

.lineBottom {
	border: 1px solid #e4e4e3;
	border-top: 1px solid #fff;
	margin: -1px 1px 0;
	/* position: relative; */
  float: right;
}

.date {
	font-family: Arial;
	font-weight: bold;
	color: #59564d;
	font-size: 0.85em;
	padding: 0;
	margin: 0;
}

.name {
	font-family: Arial;
	font-weight: bold;
	font-size: .85em;
	line-height: 1em;
	color: red;
	padding: 0;
	margin: 0;
}

.txt {
	font-family: Verdana;
	font-size: .8em;
	margin-bottom: 0;
}

.media {
	color: #59564d;
	font-size: .7em;
	padding: 0;
	margin: 15px 0 0;
	width: 145px;
	display: block;
}

.section .media {
	margin: 2px 0;
}

.niveau_acad {
	font-size:0.9em;
}

/******* Texte fonts **************/
p.date {
	font-family: Arial;
	font-weight: bold;
	color: #59564d;
	font-size: 0.85em;
	padding: 0;
	margin: 0;
}

p.txt {
	margin-top: 4px;
	font-family: Verdana;
	font-size: .8em;
}

/******round corner********/

/*#console .sb-inner, #rightBox .sb-inner{
  background: #ffffff;
}*/
.sb {
	height: 356px;
	padding: 0;
	padding-top: 4px;
	margin: -7px 0;
	margin-top:50px;
	background: transparent url(/images/bg_accueil_feature.gif) no-repeat;
	display: block;
}

*html body div.sb {
	height: 356px;
	padding: 0;
	padding-top: 4px;
	margin: -100px 0;
	margin-top:50px;
	background: transparent url(/images/bg_accueil_feature.gif) no-repeat;
	display: block;
}

/*
#console .sb-border{
  background: #d4d4d3;
}*/

/**********/
.player_home {
	padding: 5px 0;
	margin: 0;
	margin-left: -2px;
	float: left;
	width: 482px;
	overflow: hidden;
	background-color: transparent;
	font-size: 0.85em;
}

.player_home .flashBox {
	margin-left: 3px;
	background-color: transparent;
}

/* Flash sub content */
	
.player_home .flashSubBox {
	margin-left: 3px;
	background-color: transparent;
}

.player_home .flashSubBox * .description {
	float: left;
	width: 225px;
	margin-top: 4px;
	margin-left: 7px;
	margin-right:10px;
}

.player_home .flashSubBox * .clipsInfos {
	font-family: Arial;
	margin-left:5px;
}

.player_home .flashSubBox * .iconTV {
	float:left;
	margin-right:5px;
	margin-left:3px;
}

.player_home .flashSubBox * .txtTV {
	float:left;
	font-size:1.2em;
	margin-bottom:10px;
	margin-top:5px;
}

* html body div.player_home .flashSubBox * .txtTV {
	float:left;
	margin-top:10px;
	margin-left:3px;
	margin-right:5px;
	font-size: 1.2em;
	font-weight: 550;
}

.player_home .flashSubBox * .radio {
	float:right;
}

.player_home .flashSubBox * .iconMIC {
	float:left;
	margin-top:0px;
	margin-left:10px;
	margin-right:5px;
}

.player_home .flashSubBox * .txtMIC {
	float:left;
	margin-top:5px;
	margin-right:0px;
	font-size: 1.2em;
	font-weight: 550;
}

.player_home .flashSubBox * .clipBtn {
	float:right;
	margin-right:5px;
	margin-top:7px;
}

.player_home .flashSubBox * .clipBtn img {
	border: 0;
}

#flashHTML1 {
	display:block;
}

#flashHTML2 {
	display:none;
}

/* End Flasg Sub content */

.player_home .flashSubBox .description span {
	font-family: Arial;
	font-weight: bold;
}

#scrollBox {
	float:right;
	background: transparent;
	width:300px;
	height: 287px;
	margin-right:35px;
	margin-top:-350px;
}

* html body div#scrollBox {
	float:right;
	background: transparent;
	width:300px;
	height: 287px;
	margin-right:0px;
	margin-top:0px;
}

#scrollBox2 {
	float:right;
	background: transparent;
	width:300px;
	height: 287px;
	margin-right:35px;
	margin-top:-355px;
}

* html body div#scrollBox2 {
	float:right;
	background: transparent;
	width:300px;
	height: 287px;
	margin-right:10px;
	margin-top:-355px;
}

#scrollBox h3 {
	width: 250px;
	padding: 11px 25px 10px;
	border-bottom:1px solid #c2c2c2;
	margin: 0;
	float: left;
}

#scrollBox2 h3 {
	width: 250px;
	padding: 13px 24px 10px;
	border-bottom:1px solid #c2c2c2;
	margin: 0;
	float: left;
}

* html body div#scrollBox2 h3 {
	width: 250px;
	padding: 3px 28px 10px;
	border-bottom:1px solid #c2c2c2;
	margin: 0;
	float: left;
}

#scroller {
	float: right;
	background: transparent;
	width: 300px;
	/* Typical fixed height and fixed width example */
	height: 285px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}

* html body div#scroller {
	float: left;
	background: transparent;
	width: 300px;
	margin-right:9px;
	/* Typical fixed height and fixed width example */
	height: 285px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}

.slider1 {
	top: 0;
	right: 0;
	width: 12px;
	height: 287px;
	background: #fff url(/images/scrollbar.gif) no-repeat right top;
	position: absolute;
	border: 1px solid #cecece;
}

.indicator {
	width: 10px;
	height: 16px;
	background: transparent url(/images/slider.gif) no-repeat left bottom;
	border: 1px solid #bb2f14;
	font-size: 1px;
	overflow: hidden;
	position: absolute;
}

.scrollChoice {
	width:280px;
	height: 287px;
	padding-right: 7px;
	float: left;
	overflow: hidden;
	position: relative;
	background: transparent url(/images/scroll_border.gif) no-repeat right top;
}

.scrollContent {
	background:transparent url(/images/scroll_border2.gif) no-repeat scroll 0%;
	float:right;
	height:285px;
	margin-right:50px;
	margin-top:-300px;
	width:5px;
}

* html body div.scrollContent {
	background:transparent url(/images/scroll_border2.gif) no-repeat scroll 0%;
	float:right;
	height:285px;
	margin-right:-800px;
	margin-top:-310px;
	width:5px;
}

ul.clipList {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 281px;
}

ul.clipList li {
	padding: 0;
	margin: 0;
	height: 100px;
	border-bottom: 1px solid #c2c2c2;
}

ul.clipList li:hover {
	text-decoration: none;
	background-color: #d8e9f2;
}

ul.clipList li a .clipThumb {
	float: left;
	width: 120px;
	border: 1px solid #000000;
	background-color: #99CCFF;
}

ul.clipList li a span.clipData1 {
	float: right;
	font-family: Arial;
	font-size: 0.9em;
	border: 1px solid #cc0000;
	background-color: #FFFFCC;
}

ul.clipList li a .clipThumb .clipCadre1 img {
	position:absolute;
	left:25px;
	z-index: 2;
	display: block;
}

ul.clipList li a .clipshadow1 img {
	position:absolute;
	left:25px;
	z-index: 0;
	display: block;
}

ul.clipList li a .padImg1 {
	float: left;
	padding: 0 10px 0 25px;
}

ul.clipList li a .padImg1 img {
	position:absolute;
	left:25px;
	z-index: 0;
	display: block;
}

.fix_url {
	border:2px red solid;
}

/*******************************************/


a.choice {
	float: left;
	width: 274px;
	height: 6em;
	padding:12px 7px 10px 0;
	cursor:pointer;
	border-bottom:1px solid #c2c2c2;
	background: transparent;
}

a.choice .padImg {
	float: left;
	padding: 0 10px 0 25px;
}

.padImg img {
	position: absolute;
	width: 97px;
	height: 73px;
	border: 0;
	z-index: 1;
}

.on, a.choice:hover {
	text-decoration: none;
	background-color: #d8e9f2;
}

.on .padImg img, a.choice:hover .padImg img {
	position: absolute;
	width: 97px;
	height: 73px;
	border: 0;
	display: block;
}

a.choice span.clipData {
	font-family: Arial;
	font-size: 1.3em;
	margin-left: 131px;
	float: right;
}

* html body div a.choice span.clipData {
	font-family: Arial;
	font-size: 1.3em;
	margin-left: 131px;
	width:130px;
	float: right;
}

a.choice .clipCadre img {
	position:absolute;
	left:25px;
	z-index: 2;
	display: none;
}

a.choice:hover .clipCadre img {
	display: block;
}

a.choice .clipshadow img {
	position:absolute;
	left:25px;
	z-index: 0;
	display: block;
}

a.choice:hover .clipshadow img {
	z-index: 0;
	display: block;
}

.infobul {
	float: left;
}

.clipData span.date, .clipData span.name {
	font-size: .7em;
}

.clipData span.media {
	font-family: Verdana;
	font-size: 0.6em;
}

.leftContent {
	width: 494px;
	padding: 0;
	margin: 0;
	margin-left:12px;
	float: left;
}

.section {
	background: transparent url(/images/bg_h.png) no-repeat 0 10px;
	padding: 10px 10px 0 0;
	margin: 0;
	float: left;
}

.rightSection, .leftSection {
	width: 180px;
	min-height: 170px;
	float: left;
}

.leftSection {
	background: transparent url(/images/border_y.gif) repeat-y 299px 30px;
	width: 300px;
}

.section h2 {
	padding: 0 0 10px;
	margin: 0;
}

.section h3 {
	padding: 12px 0 4px 10px;
	margin: 0;
}

.sectionTxt {
	margin-left:130px;
}

.sectionTxt, .sectionImg {
	position:absolute;
	padding: 10px 10px 0 0;
	z-index:10;
	width:160px;
}

.sectionImg {
	float: left;
}

.sectionImg img {
	float: left;
	position:relative;
	z-index:0;
}

.sectionImg a {
	padding: 0 3px 3px 0;
	float: left;
}

.sectionImg a:hover {
	background: transparent url(/images/cadre_clip2.png) no-repeat 0px 0px;
	float:left;
}

.img_profs {
	width:120px;
	height:90px;
}

.rightSection ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.rightSection ul li {
	background: transparent url(/images/border_x.gif) repeat-x left bottom;
	padding: 0 0 0 0;
	margin: 0;
	display: block;
}

.rightSection ul li.none {
	background: none;
}

.rightSection ul li a {
	font-size: .7em;
	font-family: verdana;
	height: 18px;
	padding: 8px 0 0 25px;
	margin: 0;
	display: block;
}

.rightSection ul li a.radio {
	background: transparent url(/images/radio_icon.gif) no-repeat 5px 5px;
}

.rightSection ul li a.tv {
	background: transparent url(/images/tv_icon.gif) no-repeat 5px 5px;
}

.rightSection ul li a.dossier {
	background: transparent url(/images/dossier_icon.gif) no-repeat 5px 5px;
}

.rightSection ul li a.activite {
	background: transparent url(/images/prof_icon.gif) no-repeat 5px 5px;
}

.other {
	float: left;
	margin-top: 35px;
}

.all {
	background: transparent url(/images/border_y.gif) repeat-y right top;
	padding: 0;
	margin: 0;
	float: left;
}

.clipTumbnails {
	position:relative;
	z-index:10;
	width: 180px;
	float: left;
	padding: 10px 0 5px 10px;
	background: transparent url(/images/border_x.gif) repeat-x left bottom;
}

.clipTumbnails img {
	float:left;
	position:relative;
	z-index:0;
}

.clipTumbnails a {
	float: left;
}

.clipTumbnails a:hover {
	background: transparent url(/images/cadre_clip3.png) no-repeat 0px 0px;
	float:left;
}

.clipTumbnails div {
	float: left;
	padding-left: 10px;
	width:100px;
}

.clipTumbnails div a:hover {
	background:none;
	float: left;
	width:100px;
}

.other .none {
	background: none;
}

.rightSection form {
	padding: 0;
	margin: 0;
	position: relative;
}

.rightSection fieldset {
	padding: 10px;
	margin: 0;
}

.rightSection label {
	font-weight: bold;
	font-size: .85em;
}

.select {
	background: transparent url(/images/b_select.gif) no-repeat;
	font-size:.85em;
	padding: 4px 20px 5px 7px;
	margin: 5px 0 20px;
	cursor:pointer;
	position:relative;
	z-index: 1;
}

.drop_select, .drop_select2 {
	background: transparent url(/images/bg_drop_select.gif) no-repeat left bottom;
	font-size:.85em;
	padding: 4px 0 7px;
	margin: -20px 0 0;
	position: absolute;
	z-index: 4;
	width: 160px;
}

.drop_select2 {
	z-index: 3;
	overflow-x:hidden;
	overflow-y: auto;
	max-height: 250px;
}

* html .drop_select2 {
	height: 150px;
}

.drop_select p, .drop_select2 p {
	margin: 0;
	width: 98%;
	padding: 2px 0;
}

.drop_select p a, .drop_select2 p a {
	padding: 2px 5px 3px 5px;
	margin: 0;
	color: #333;
	display: block;
}

.drop_select p a:hover, .drop_select2 p a:hover {
	background: #b8b7b0;
	color: #fff;
	text-decoration: none;
}

.secondChoice {
	background: url(/images/border_x.gif) repeat-x left bottom;
	padding-top: 10px;
	margin-top: 10px;
	position: relative;
	z-index: 1;
}

.sectionGenLink, .sectionGenLink p {
	background: transparent url(/images/border_x.gif) repeat-x left top;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
}

.sectionGenLink p {
	text-align:right;
	background: transparent url(/images/border_x.gif) repeat-x left bottom;
	padding: 6px 0 4px 0;
	float: none;
}

.sectionGenLink p a {
	background: transparent url(/images/arrow.png) no-repeat right 1px;
	padding: 0 22px 4px 0;
	margin-right: 10px;
	font-size: .75em;
	font-family: verdana;
}

/*********** Specific class ********************/
.sectionProfLink {
	margin: 0;
	width: 100%;
	text-align:left;
	margin-top: 100px;
	padding: 0 0 12px 0;
	font-size: 0.75em;
}

.sectionProfLink a {
	background: transparent url(/images/arrow.png) no-repeat right 1px;
	text-align: right;
	padding: 0 22px 0 0;
	margin-right: 10px;
}

.lineTopProf {
	background: transparent url(/images/border_x.gif) repeat-x left top;
	height:1px;
	width:122px;
	margin-bottom: 12px;
}

.selectLabels {
	float: left;
}

.selectLabels span {
	font-weight: bold;
}

.sectionLabelLink {
	float: right;
	margin-top:10px;
}

#PourLesProf {
	float: left;
	background: transparent url(/images/border_x.gif) repeat-x left bottom;
	width: 482px;
	height:1px;
}

/*******************************************/


.rightContent {
	width: 295px;
	padding: 0;
	margin: 0;
	float: left;
}

.rightContent h2 {
	margin: 0px !important;
}

.rightBox {
	margin: 10px 0 0;
}

.boxfix {
	float: left;
	width: 268px;
	position:relative;
	padding: 10px 10px 0 0;
	z-index:10;
}

*html body div.boxfix {
	float: left;
	width: 260px;
	position:relative;
	padding: 10px 10px 0 0;
	z-index:10;
}

.boxfix img {
	float: left;
	position:relative;
	z-index:0;
}

a.img_shd {
	float:left;
	padding-right: 10px;
	padding-bottom: 3px;
	background: transparent url(/images/shd_ph.png) no-repeat 0 0;
	height:110px;
}

a.img_shd:hover {
	background: transparent url(/images/cadre_clip2.png) no-repeat 0 0;
	float:left;
}

#divcontexte {
	padding-left:5px;
}

#divcommentaires {
	padding-left:5px;
}

#divsaviez-vous {
	padding-left:5px;
}

#divcredits {
	padding-left:5px;
}

.rightBox .media {
	margin-top: 0;
	clear: left;
}

.rightBox div.boxCenter {
	width:100%;
	border: 0;
	padding: 0;
	margin-bottom:5px;
}

*html body div.rightBox div.boxCenter {
	width:90%;
	border: 0;
	padding: 0;
	margin-bottom:5px;
}

.rightBox div.lineTop, .rightBox div.lineBottom {
	margin: 0px 1px;
	border: 0;
	border-bottom: 1px solid #fff;
}

.rightBoxContent {
	padding: 10px 10px 0 15px;
}

.rightBox .sectionGenLink {
	float: none;
}

.rightBox div.sectionGenLink p {
	background: 0;
	padding: 6px 0 6px 0;
}

.tv_icon {
	background: transparent url(/images/tv_icon.gif) no-repeat left bottom;
}

.radio_icon {
	background: transparent url(/images/radio_icon.gif) no-repeat left bottom;
}

.activite_icon {
	background: transparent url(/images/prof_icon.gif) no-repeat left bottom;
}

.mediaBox {
	font-size: .7em;
	padding: 0 0 0 20px;
	margin: 0 0 6px;
	height:20px;
	clear:left;
}

* html body div.mediaBox {
	font-size: .7em;
	padding: 0 0 0 20px;
	margin: 0 0 6px;
	height:20px;
	clear:left;
	float:left;
	width:75px;
}

.fix_espace {
	clear:left;
	height:20px;
	margin:0px 0pt 6px;
	padding:0pt 0pt 0pt 0px;
}

*html body div.fix_espace {
	float:left;
	height:50px;
	margin:10px 0pt 6px;
	padding:5px 0pt 0pt 0px;
}

.block {
	height: 74px;
	padding: 2px 0 4px;
	background-color: #ffffff;
}

.firstStar a, .secondStar a, .thirdStar a {
	background: transparent url(/images/shd_star.gif) no-repeat right bottom;
	padding: 0 2px 3px 0;
	float: left;
}

.Star1 a, .Star2 a, .Star3 a {
	background: transparent url(/images/stars/pixel.gif) no-repeat right bottom;
	padding: 0 2px 3px 0;
	float: left;
}

.numberStars {
	margin:2px 0;
}

.numberStars_small {
	float:left;
	margin:2px 0.5px;
}

.iconStar {
	position: relative;
	float:left;
	margin: -70px 0 0 50px;
	z-index: 100;
}

* html body div.iconStar {
	position: relative;
	float:left;
	margin: -52px 0 0 -10px;
	z-index: 100;
}

.firstStar, .secondStar, .thirdStar {
	background: transparent no-repeat left top;
	padding: 12px 0 0 25px;
	margin: 0;
	width: 72px;
	float: left;
}

.firstStar {
	background-image: url(/images/first_star.gif);
}

.secondStar {
	background-image: url(/images/second_star.gif);
}

.thirdStar {
	background-image: url(/images/third_star.gif);
}

.Star1, .Star2, .Star3 {
	background: transparent no-repeat left top;
	padding: 12px 0 0 25px;
	margin: 0;
	width: 72px;
	float: left;
}

*html body div.Star1, .Star2, .Star3 {
	background: transparent no-repeat left top;
	padding: 12px 0 0 15px;
	margin: 0;
	width: 72px;
	float: left;
}

.Star1 {
	background-image: url(/images/first_star.gif);
}

.Star2 {
	background-image: url(/images/second_star.gif);
}

.Star3 {
	background-image: url(/images/third_star.gif);
}

/******* FOOTER *********/


#footer {
	width: 965px;
	float: left;
}

#boxFooter {
	padding: 0;
	margin-left:150px;
}

ul.general, ul.legal {
	padding: 0;
	margin: 15px 0;
}

ul.general li, ul.legal li {
	list-style: none;
	background: transparent url(/images/bullet_losange.gif) no-repeat 0 7px;
	padding: 0 4px 0 14px;
	margin: 0;
	display: inline;
}

ul.general li.none, ul.legal li.none {
	background: none;
	padding: 0;
}

ul.general li a, ul.legal li a {
	font-size: .75em;
	color: #59564d;
}

ul.legal li a {
	color: #9a9a9a;
}

ul.general li a:hover, ul.legal li a:hover {
	text-decoration: underline;
}

.sponsors_en {
	background: #FFF;
	border: 1px solid #CCC;
	text-align:center;
	margin: 20px 0 20px 15px;
	padding: 50px;
	width: 855px;;
	overflow: auto;

}

.sponsors_en a {
	padding: 0 70px;

}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.lPanelLinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.lPanelLinks ul li {
	padding: 0;
	margin: 0;
}

.lPanelLinks ul li span {
	display:none;
}

.lPanelLinks ul li ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.lPanelLinks ul li ul li {
	padding: 0;
	margin: 0;
}

.lPanelLinks ul li ul li a {
	color: #545454;
	text-decoration: none;
	width: 160px;
	height: 40px;
	display: block;
}

.lPanelLinks ul li ul li a {
	text-indent: 0 !important;
	width: 153px;
	height: auto;
	padding: 3px 0 2px 10px;
}

.lPanelLinks ul li ul li {
	padding: 0;
	margin: 0 0 1px;
}

.lPanelLinks ul li ul li a {
	background: transparent url(/images/leftnav/bgsh_2level.jpg) no-repeat left bottom;
	text-decoration: none;
	color:#000;
}

.lPanelLinks ul li ul li.first a {
	background: transparent url(/images/leftnav/bgsh_2level_first.jpg) no-repeat left top;
	text-decoration: none;
}

.lPanelLinks ul li ul li.last a {
	background: transparent url(/images/leftnav/bgsh_2level_last.jpg) no-repeat left bottom;
	text-decoration: none;
}

.lPanelLinks ul li ul li a:hover {
	color: #ffffff;
	background: url(/images/leftnav/bgMenu2.gif) repeat-y;
	text-decoration: none;
}

/* Menu 3iem Niveau */
.lPanelLinks ul li ul li.selected a {
	color: #ffffff;
	background: url(/images/leftnav/bgMenu2.gif) repeat-y;
	text-decoration: none;
}

.lPanelLinks ul li ul li ul.menu3iemNiveau li.first a {
	width: 135px;
	background: #ffffff url(/images/leftnav/bgMenu3_first.gif) no-repeat 2px;
}

.lPanelLinks ul li ul li ul.menu3iemNiveau li.last a {
	width: 135px;
	background: #ffffff url(/images/leftnav/bgMenu3_last.gif) no-repeat 2px top;
	height:auto;
}

.lPanelLinks ul li ul li ul.menu3iemNiveau li a {
	background: #ffffff url(/images/leftnav/bgMenu3.gif) no-repeat 2px bottom;
	color: #535252;
	height: auto;
	padding-left: 25px;
	width: 135px;
}

.lPanelLinks ul li ul li ul.menu3iemNiveau li a:hover {
	background: none;
	color: #e55d42;
	text-decoration: none;
	width: 135px;
	background: #ffffff url(/images/leftnav/bgMenu3_over.gif) no-repeat 2px;
}

.lPanelLinks ul li ul li ul.menu3iemNiveau li.selected a {
	background: #ffffff url(/images/leftnav/bgMenu3_over.gif) no-repeat 2px;
	color: #e55d42;
	text-decoration: none;
}

/* Menu 1er Niveau */

.thematique {
	background: transparent url(/images/leftnav/en/item_1_closed.gif) no-repeat;
	height: 40px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.Decouvrir {
	background: transparent url(/images/leftnav/en/item_2_closed.gif) no-repeat;
	height: 40px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.Apprendre {
	background: transparent url(/images/leftnav/en/item_3_closed.gif) no-repeat;
	height: 40px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.Outils {
	background: transparent url(/images/leftnav/en/item_4_closed.gif) no-repeat;
	height: 40px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

/*
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

.CollapsiblePanelOpen .thematique {
	background: transparent url(/images/leftnav/en/item_1_opened.gif) no-repeat;
}

.CollapsiblePanelOpen .Decouvrir {
	background: transparent url(/images/leftnav/en/item_2_opened.gif) no-repeat;
}

.CollapsiblePanelOpen .Apprendre {
	background: transparent url(/images/leftnav/en/item_3_opened.gif) no-repeat;
}

.CollapsiblePanelOpen .Outils {
	background: transparent url(/images/leftnav/en/item_4_opened.gif) no-repeat;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
	background-color: #EFEFEF
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}