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

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

body .srcPubBg{
	width:100%;
}

.ieFix{
	display:none;
}
.splitter{
	float:left;
	margin-left:-30px;
	margin-top:-10px;
	margin-bottom:15px;
	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_en{
	background: url(/images/shbg_site.gif) no-repeat 980px -3px ;
}

.ariane{
	font-size:0.8em;
}
.border{
  border: 1px solid red;
}

.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;
}

#container{
  /*background: transparent url(/images/shbg_site.gif) no-repeat 980px 0;*/
  background-color:#e3e2d4;
  padding: 0;
  width: 990px;
  margin: 0 auto;
  position:relative;
}
* {
    padding: 0px;
    margin: 0px;
}
#header /*line 20*/,#leftNav /*line 187*/,#content /*line 241*/{
  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{
	background-color:#ffffff;
  color: #000;
  width: 990px;
  height: 85px;
  margin:0px; 
  padding:0px;
  position:relative;
  clear: both;
}
#header h1{
  color: #de1e01;
  padding: 0;
  margin: 0px 0 20px 0;
  bottom:20px;
  _bottom:0px;
  left:15px;
  _left:0px;
  position: absolute;
  z-index: 2;  
  font-family:RubrikLt;
  color:#646464;
  font-size:20px;
}

*html body div#header h1{
  color: #de1e01;
  line-height: 1em;
  text-indent: -999px;
  background: transparent url(/images/ico_archives_header.jpg) no-repeat left top;
  behavior:url("/includes/htc/iepngfix.htc");
  cursor:pointer;
  padding: 0;
   width:79px;
  height: 77px;
  margin: 30px 0 0 40px;
  position: relative;
  z-index: 2;
}
#dashboard, #dashboard_preview {
  width: 230px;
  padding: 0;
  margin: 0 6px 0 0;
  float: right;
}
#dashboard .log, #dashboard_preview .log {
    position: absolute;
    right: 12px;
    top: 10px;
    width: 230px;
    min-height: 68px;
    float: left;
}

#dashboard .log form div.email{
	/*margin-top: 48px;*/
}

#dashboard .log form div.loggedin {
    margin: 0px 0px 16px 15px;
    font: bold 0.8em Verdana;
    color: rgb(235, 235, 235);
}

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

#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: 10px RubrikLt;
  color: #666;
  padding: 0;
  width: 160px;
  margin: 0 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: 0 0 -5px 0;
  position: relative;
  z-index: 2;
}
#dashboard .log form ul{
  padding: 0px;
  margin: 0 0 0 15px;
  #margin-top:0px;
  font: 14px RubrikLt;;
}
#dashboard .log form ul li{
   list-style: none;
  /*background: transparent url(/images/slash_log.gif) no-repeat 0 4px;*/
  padding: 0 2px;
  display: inline;
}
#dashboard .log form ul li.first{
  padding: 0 1px 0 0;
  background: none;
}
#dashboard .log form ul li a{
  font: 10px RubrikLt;
  color: #7a7a7a;
  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;*/
}
#header .search {
    color: rgb(222, 30, 1);
    padding: 0px;
    width: 210px;
    height: 45px;
    margin: 0px;
    position: absolute;
    z-index: 1;
    font-size: 11px;
    top: 10px;
    left: 530px;
}

#header .search form{
  padding: 1px 0 10px 0px;
  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: 12px RubrikLt;;
  
  color: #7f7f7f;
  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: 175px;
  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:0;
	margin-top:3px;
	font-size:11px;
}

.index_header a{color:#000;}

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

#leftNav{
	clear: left;
	width: 162px;
	padding-right: 5px;
	margin-left:3px;
	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:-3px;
}
.open {
  display: block;
}
.closed {
  display: none;
  margin-top: -10px;
}

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

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

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

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

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

#accessibilityTools div.contrasteLabel{
	position: relative;
	float:left;
	width: 100px;
	font: 100% 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: 100% verdana;
	list-style: none;
	padding: 0;
	float: left;  
}

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


* html body div#accessibilityTools div.sizeLabel{
	position: relative;
	float:left;
	width: 50px;
	font: 100% 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: 100% 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:-44px;
}

*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:99.8%;
  margin: 0;
  padding: 0 0 125px;
  border: 1px solid #e4e4e3;
  border-right: 1px solid #d1d0c5;
  float: right;
  /* 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: 100%;
  padding: 0;
  margin: 15px 0 0;
  width: 145px;
  display: block;
}
.section .media{
  margin: 2px 0;
}

.niveau_acad{
	font-size:0.9em;
}
.niveau_acad2{
	font-size:1em;
	font-weight:bold;
}

/******* 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:0px;
	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: 7px;
	margin-left: 4px;
	margin-right:10px;
}

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

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

.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:5px;
	margin-left:3px;
	margin-right:10px;
	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-top:8px;
	margin-right:10px;
}

.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:35px;
	margin-top:0px;
}

#scrollBox2{
	float:right;
  	background: transparent;
	width:300px;
	height: 287px;
	margin-right:25px;
	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: 13px 28px 10px;
  border-bottom:1px solid #c2c2c2;
  margin: 0;
  float: left;
}

#scrollBox2 h3{
  width: 250px;
  padding: 11px 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:-300px;
	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;
}

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

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: 0.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: 0.7em;
  font-family: verdana;
  height: auto;
  padding: 8px 8px 5px 25px;
  margin: 0;
  display: block;
}

*html body div.rightSection ul li a{
  font-size: 100%;
  font-family: verdana;
  height:18px;
  padding: 8px 8px 5px 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;
}

#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;
  margin-left:0px;
}
.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;
}

.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;
}

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

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

.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/stars/pixel.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 0px;
}
.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;
}
.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 *********/


body #footer{
  width: 965px;
  margin:0 auto;
  clear:both;
}
	#footer:after{clear:both;content:".";display:block;height:0px;visibility:hidden;}

#boxFooter{
  padding: 0;
  margin: 0 0 125px 180px;
  text-align: center;
}
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;

}

ul.sponsors {
  padding: 13px 0;
  margin: 0 15px;
  text-align: left;
}
ul.sponsors li{
  display: inline;
  margin: 0;
  padding: 0;
  width: 250px;
}
.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;
}
.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;
}
.lPanelLinks  ul li ul li.selected a{
	color: #ffffff;
	background: url(/images/leftnav/bgMenu2.gif) repeat-y;
	text-decoration: none;
}



/* Menu 3iem Niveau */

.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/fr/item_1_closed.gif) no-repeat;	
	height: 40px;
	cursor: pointer;
    padding: 0;
    margin: 0;	
}
.Decouvrir {
  	background: transparent url(/images/leftnav/fr/item_2_closed.gif) no-repeat;	
	height: 40px;
	cursor: pointer;
    padding: 0;
    margin: 0;	
}
.Apprendre {
  	background: transparent url(/images/leftnav/fr/item_3_closed.gif) no-repeat;	
	height: 40px;
	cursor: pointer;
    padding: 0;
   margin: 0;	
}
.Outils {
  	background: transparent url(/images/leftnav/fr/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 100% 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/fr/item_1_opened.gif) no-repeat;
}
.CollapsiblePanelOpen .Decouvrir {
  	background: transparent url(/images/leftnav/fr/item_2_opened.gif) no-repeat;
}
.CollapsiblePanelOpen .Apprendre {
  	background: transparent url(/images/leftnav/fr/item_3_opened.gif) no-repeat;
}
.CollapsiblePanelOpen .Outils {
  	background: transparent url(/images/leftnav/fr/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;
}