/*
------------------------------------------------------------------------------------
COULEURS
	orange : f68b1f
	orange clair (fond de bloc sondage) : fee4ca
	bleu foncé : 006097
	gris des textes : 58585a
	gris clair des fonds de bloc : eef1f4
	gris foncé des fonds de blocs (lignes paires des tableaux par ex) : d2dce2
	bordure grise images + pubs : 959698
	vert des valeurs boursières (tableau bourse) : 07944a
	rouge des valeurs boursières (tableau bourse) : d2232a
------------------------------------------------------------------------------------
PROPORTIONS
	les colonnes font 320px de large.
	Ex : la home = 3 x 320
------------------------------------------------------------------------------------
FONCTIONNEMENT
	ids/classes en anglais
	utiliser les majuscules comme séparateur : maClasse, monId
------------------------------------------------------------------------------------
*/

@import url(forms.css);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
margin:0; padding:0; }

fieldset,img,abbr,acronym {
border:0; }

html,input,select,textarea {
font-size:100%; }

ul, ol{
	list-style-type: none;
}

*{ font-size: 1em; }


body {
font-family:Arial,Helvetica,Verdana,Geneva,sans-serif;
font-size: 0.8em;
text-align: center;
color: #58585a;
}

body *{
	color: inherit;
}


iframe{
	border: 0;
	overflow: hidden;
	padding:0;
	margin: 0;
}
/* Global */

#wrapper{
	text-align: left;
	width: 990px;
	margin: 0 auto;
}

a {
	color:#58585a;
	font-weight: inherit;
}

#content{
	float:left;
	overflow:hidden;
	clear: both;
	width: 990px;
}

#main{
	float: left;
	position:relative;
	margin-top: 10px;
	padding-left: 15px;
	width: 630px;
}

/* min-height for ie */
#main {
height: 400px;
}
html>body #main {
height: auto;
min-height: 400px;
} 

#context{
	padding-top: 10px;
	float: right;
	width: 320px;
	overflow: hidden;
}
#globalsection #context{
	width: 168px;
}

/***************************************************************************************************
* Styles Génériques
*/

/* Pour les titres liés et textes liés à l'accessibilité ou élégance du code */
body #wrapper .ignoreDisplay {
	position:absolute;
	left:-9999px;
	margin-left:-9999px;
}
/*  .moreAbout = liens de type "toutes les infos" en bas d'un bloc .
	.readMore = liens de type "lire la suite"
	.backHome = liens de type "Retourner au site"
*/

/* Lire la suite "lien souligné bleu normal avec puce devant" */
.readMore{
	margin:0;
	background: #eef1f4 url(../images/lists/itemList.png) no-repeat left 4px;
	float: left;
}

	.leftPict .readMore{
		clear: none;	
	}

	.readMore a{
		display: inline;
		background: none;
		color: #006097;
		padding: 0 0 0 12px;
		line-height: 1em;
		text-decoration: underline;
		vertical-align: normal;
		float: none;
		position: relative;
	}

/* Spécifique : lire la suite "fond bleu arrondi" */
.readMoreButton .readMore, .moreAboutButton .moreAbout{
	background: #006097 url(../images/bgs/readMore_right.png) no-repeat right top;
	float: left;
	clear: both;
	overflow: none;
	white-space: nowrap;
}

.moreAboutButton .moreAbout{
	float: right;
}
	.readMoreButton .readMore a, .moreAboutButton .moreAbout a{
		display: block;
		background: url(../images/bgs/readMore_left_bggris.png) no-repeat left top;
		color: #fff;
		padding: 3px 9px 4px 9px;
		display: block;
		text-decoration: none;
	}
	.moreAboutButton .moreAbout a{
		background: url(../images/bgs/moreAbout_left_button_puce_bggris.png) no-repeat left top;
		padding: 2px 9px 2px 24px;
	}
	.readMoreButton .readMore a:hover, .moreAboutButton .moreAbout a:hover{
		text-decoration: underline;
	}


/* "toutes les infos" bouton avec fond gris dégradé encadré arrondi */
.moreAbout{
	background: url(../images/bgs/moreAbout.png) no-repeat right top;
	float: right;
	margin: 0 5px 5px;
}
	.moreAbout a{
		display: block;
		background: url(../images/bgs/moreAbout_left_bggris.png) no-repeat left top;
		padding-left: 13px;
		padding: 3px 13px 4px 16px;
		color: #006097;
		text-decoration: none;
	}
	.moreAbout a:hover{
		text-decoration: underline;
	}


.backHome{
	margin:0;
	background: transparent url(../images/lists/back.png) no-repeat left 5px;
	float: left;
}
	.backHome a{
		display: inline;
		background: none;
		color: #006097;
		padding: 0 0 0 12px;
		line-height: 1em;
		text-decoration: underline;
		vertical-align: normal;
		float: none;
		position: relative;
	}


/* Tableaux */
table{

}
	table caption{
		font-weight: bold;
		font-size: 1.1em;
		text-align: left;
		padding: 4px 10px 5px 10px;
	}
		table caption .date{
			font-weight: normal;	
		}


	th{
		text-align: center;
		border-collapse: collapse;
		font-weight: normal;
		padding: 3px;
	}
	td{
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		padding: 3px;
		text-align: right;
	}
	td.first{
		border-left: 0;
		text-align: left;
	}
	tr.even{
		background-color: #d2dce2;
	}

/* Paginations */
.pagination {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top:5px;
}

.pagination span.prev {
	display: block;
	width: 40%;
	float: left;
	text-align: right;
	padding: 1px;
	font-size: 1.1em;
	font-weight: bold;
	}
	
.pagination span.next {
	display: block;
	float: left;
	text-align: left;
	padding: 1px;
	font-size: 1.1em;
	font-weight: bold;
	}
	
.pagination span.current a,
.pagination span.current span {
	display: block;
	float: left;
	padding: 1px 5px;
	margin: 0 1px;
	}

.pagination span.current {
	display: block;
	float: left;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
		
	}

	
.pagination span.legend{	
	font-weight: normal;
	font-size: 0.8em;
	padding-right:10px;
	}

.pagination a {
	color: #006097;
	text-decoration: none;
	}

.pagination span.active,
.pagination .current a:hover {
	background-color: #006097;
	color: #fff;
	margin-right:3px;
	padding-left:3px;
	}
	
.pagination a.prev:hover,
.pagination a.next:hover {
	text-decoration: underline;
	}
	
.pagination a.next {
	background: url(../images/icons/pagination_next.gif) no-repeat right 5px;
	padding-right:18px;
}

.pagination a.prev {
	background: url(../images/icons/pagination_prev.gif) no-repeat left 5px;
	padding-left:18px;
}

/* Fil d'ariane */

#crumbs{
	float: left;
	width: 800px;
	overflow: hidden;
	height: 20px;
	border-bottom: 1px dotted #959698;
	font-size: 0.9em;
	margin:7px 0 0 17px;
	line-height:1.5em;
	position: relative;
}
#account_creation_form #crumbs,
#actualites #crumbs,
#actualite #crumbs,
#contact_form #crumbs,
#contenu #crumbs,
#sitemap #crumbs,
#globalsection.actualites #crumbs{
	width: 975px;
	margin: 7px 0 0 0;
	padding-left:17px;
	}

/***************************************************************************************************
* Blocs de liste (.itemList)
*  - Avec image fer gauche (.leftPict)
*  - Sans sération entre lis (.united)
*/

.itemList{
	background-color: #eef1f4;
	overflow: hidden;
}
	.itemList h3{
		background-color: #006097;
		color: #fff;
		font-size: 1.1em;
		line-height: 1.99em;
		font-weight: normal;
		text-indent: 48px;
	}

	.itemList.united h3, .united h3{
		border-bottom: 2px solid #fff;
	}
	
	.itemList.leftPict .illustr{
		float: left;
	}
		.itemList.leftPict .illustr img{
			border: 1px solid #959698;
			margin-right: 10px;
		}

	.itemList li{
		clear: both;
		border-top: 2px solid #fff;
		padding: 5px 10px;
		overflow:hidden;
		float: left;
	}
	.itemList.united li, .united li{
		border-top: 0;
	}
	
	.itemList h4 .date{
		font-weight: normal;
		padding-right: 4px;
	}

/*** Blocs de mise en avant ***/
.onAir{
	clear: both;
	overflow:hidden;
	background-color: #eef1f4;
}

	.onAir .intro{
		float: none;
		width: auto;
	
	}
	*.rightPict .intro{
		padding-left: 10px;
	}

	.onAir h3{
		border-bottom: 3px solid #fff;
	}
	.onAir h4{
		margin-top: 10px;;
		color: #006097; 
	}
	.onAir h4 .date{
		display: block;
		color: #f68b1f;
		font-size: 0.9em;
	}
		*.rightPict h4, *.rightPict h5{
			padding-left: 10px;
		}

	.onAir .illustr{
		float: left;
		padding: 3px;
		border: 1px solid #959698;
		line-height: 0;
		margin: 10px;
		background-color: #fff;
	}
	*.rightPict .illustr{
		float: right;
	}


	*.rightPict .readMore{
		margin-left: 10px;
	}
	*.rightPict .moreAbout{
		margin-bottom:0;
	}


/***************************************************************************************************
* Têtière
*/

 #header{
	background: #eef1f4 url(../images/bgs/header.jpg) repeat-y top left; 
	position: relative;
	padding-top: 10px;
	overflow: hidden;
	float: left;
	height:133px;
	width:990px;
}
	#header h1{
		position: absolute;
		text-indent: -9999px;
	}
	#header h2{
		padding: 0;
	}
	
#menu{
	background: url(../images/bgs/menu.png) repeat-x left top;
	position: relative;
	overflow:hidden;
	float: left;
	width: 990px;
	margin-top: 9px;
	}
	#menu li{
		float: left;
		padding-right: 1px;
		background: url(../images/bgs/menu_li.png) no-repeat right top;
		position: relative;
	}
	#menu li a{
		display: block;
		color: #fff;
		padding: 6px 24px;
		text-decoration: none;
		position: relative;
	}
	#menu li a:hover,
	#menu li.active a{
		background: url(../images/bgs/menu_a_active.png) no-repeat right top;
	}
	
	#menu li.first a,
	#menu li.first a:hover{
		background-position: left top;
	}
	
		#menu form {
			position:absolute;
			right:0;
			top:3px;
			width:305px;
			padding-left:8px;
			background:transparent url(../images/bgs/searchbar-left.png) no-repeat left top;
		}
		
		#menu form fieldset label {
			position:absolute;
			top:-9999px;
		}
	
		#menu form p.searchTerm {
			background:#fff;
			border-top:1px solid #646177;
			border-bottom:1px solid #646177;
			height:19px;
			float: left;
		}
		
		#menu form p.searchTerm input {
			border:0;
			font-size:0.9em;
			padding-top:2px;
			height:16px;
			width:270px;
		}
		
		#menu form p.submit {
			float: left;
		}
		
		#menu form p.submit input {
			position:relative;
			float: left;
			background:transparent url(../images/bgs/searchbar-submit.png) no-repeat left top;
			height:21px;
			width:27px;
			border:0;
			cursor:pointer;
			font-size:0;
			color:#ED8A08;
			text-indent:-2000px;
		}

/***************************************************************************************************
* Footer
*/

#footer{
	float: left;
	clear: both;
	overflow: hidden;
	background: url(../images/bgs/footer.png) repeat-x top left;
	padding : 4px 10px 20px 10px;
	font-size: 0.9em;
	margin-top: 15px;
	width: 970px;
	position: relative;
}

	#footer li{
		float: left;
		border-left: 1px solid #58585a;
		padding: 0 5px;
	}
		#footer li ul{
			position: absolute;
			background-color: #eef1f4;
		}
			#footer li ul li{
				border-left: 0;
				padding: 0 10px 0 0;
			}
		#footer li.first{
			border-left: 0;
		}
	
		#footer li a{
			text-decoration: none;
		}
		#footer li a:hover{
			text-decoration: underline;
		}
			#footer li a.rssLink {
				padding-left: 21px;
				display:block;
				background: url(../images/icons/rsslink.png) no-repeat left center;
			}

	#footer ul{
		padding-top: 7px;
		float: left;
	}
	#footer p{
		float: right;
	}
	#footer p img{
		vertical-align: middle;
	}
	
	#footer #made_by_cosmic{
		float: none;
		padding: 1px 0 0 5px;
		clear: both;
	}

	#footer #retro_links{
		float: right;
		padding: 1px 0 0 5px;
		position: absolute;
		top: 40px;
		right:0;
		width: 400px;
	}

/***************************************************************************************************
* BLOCS DE LA HOME
* Dimensions et style spécifiques
*/

/* Bloc home : actu en direct */

#directBloc {
	background:#eef1f4 url(../images/bgs/direct_right.png) no-repeat right top;
	height:28px;
	margin: 15px 0;
	width: 990px;
}
	#directBloc iframe{
		float: left;
		width: 880px;
		margin-top: 4px;
		margin-left: 0;
	}

	
	#directBloc ul {
		float:left;
		padding:2px 0;
	}

	#directBloc h3 {
		float:left;
		color: #006097;
		background: url(../images/bgs/direct_left_full.png) no-repeat -6px top;
		/*background: url(../images/icons/direct_bggrisclair.png) no-repeat right 3px;*/
		padding: 6px 25px 6px 15px;
		font-size: 1.1em;
	}
	
	#directBloc li{
		background: url(../images/lists/rond_orange.png) no-repeat 7px 9px;
		padding: 5px 0 5px 19px;
        list-style:none;
        float:left;
        display:inline;
	}
	
	.jsactive .container_wrapper {
		width:885px;
		display:block;
		float:left;
		position:relative;
		overflow:hidden;
    }


/* Bloc home : Rubriques de vidéos */
#sectionsBloc ul{
	position: relative;
	float: left;
}
	#sectionsBloc ul li{
		padding-bottom: 0; 
		height: auto !important;
		height: 0;
		margin-bottom: 0; 
		float: left;
		clear: both;
	}
	
	#sectionsBloc ul li h4 a {
		width: 168px;
		height: 46px;
		background: url(../images/bgs/h4_rubriques.jpg) no-repeat left bottom;
		text-decoration:none;
		float:left;
		display:block;
		color:#58585A;
	}

	#sectionsBloc ul li h4 a:hover {
		background: none;
		background-color: #eef1f4;
	}

	
	#sectionsBloc ul li.active h4 a {
		color: #fff;
		background: #f68b1f url(../images/bgs/h4_rubriques_active.gif) no-repeat left bottom;
	}
	
	#sectionsBloc ul li h4 a span {
		margin-top:10px;
		padding:0 30px 0 10px;
		display:block;
	}
	
	#sectionsBloc ul li .sectionContent{
		top: 0; left: 168px;
		position: absolute;
		height: 366px;
		width: 492px;
		border: 1px solid #959698;
		display:none;
	}
	#sectionsBloc ul li.active .sectionContent {
		display: block;
		overflow:hidden;
	}
	
		.sectionContent .illustr{
			position: absolute;
			top: 0; left: 0;
			z-index: 1;
			height: 366px;
			overflow: hidden;
		}
		.sectionContent .illustr a{
			display: block;
			background: url(../images/icons/lecture.png) no-repeat 50% 70% !important;
			background: url(../images/icons/lecture_ie.png) no-repeat 50% 70%;
			position: absolute;
			z-index: 3;
			width: 492px;
			height: 265px;
			top: 0; left: 0;
			line-height: 0;
			font-size: 0;
			filter: alpha(opacity = 100) !important;
			filter: alpha(opacity = 90);
			text-indent: -9999px;
		}
		/*
		.sectionContent .illustr a:hover{
			background: url(../images/icons/lecture_active.png) no-repeat 50% 70% !important;
			background: url(../images/icons/lecture_ie_active.png) no-repeat 50% 70%;
		}*/

		.sectionContent .illustr img{
			position: relative;
			z-index: 1;
		}
		.sectionContent .contentTitle{
			z-index: 3;			
			position: absolute;
			bottom: 0;
			left: 0;
			height: 87px;
			width: 177px;
			background-color: #006097;
			padding: 7px 10px 7px 15px;
		}
			.sectionContent .contentTitle *{
				color: #fff;
			}
			.sectionContent .contentTitle .date,
			.sectionContent .contentTitle strong span{
				display: block;
			}

			.sectionContent .contentTitle strong{
				font-size: 1.25em;
			}
			.sectionContent .contentTitle strong span{
				font-weight: normal;
				font-size: 0.80em;
			}
		.sectionContent .contentIntro{
			z-index: 3;			
			position: absolute;
			bottom: 0;
			right: 0;
			height: 87px;
			width: 265px;
			background:transparent url(../images/bgs/fff_1x1_90.png);
			overflow: auto;
			padding: 7px 10px 7px 15px;
			font-size: 0.95em;
			line-height: 1.1em;
			overflow:hidden;
		}
		
		.sectionContent .contentIntro .readMore a{
			padding-bottom:4px;
		}
		
		.sectionContent .contentIntro p.readMore,
		.sectionContent .contentIntro p.moreAbout
			 {
				margin-top:10px;
			}

/* Bloc home : gestion du compte/inscription/newsletters */
#servicesBloc{
	background: #eef1f4 url(../images/bgs/services_top.png) no-repeat left top;
	width: 135px;

}
	#servicesBloc.large{
		width: 320px;
		background-image: url(../images/bgs/services_top_320.png);
	}

	#servicesBloc h4, #servicesBloc strong{
		color: #006097;
		display: block;
	}
	#servicesBloc ul{
		padding: 4px 11px 0 11px;
		background: url(../images/bgs/services_bottom.png) no-repeat left bottom;
		overflow:hidden;
		float: left;
	}
	#servicesBloc.large ul{
		width: 300px;
		background-image: url(../images/bgs/services_bottom_320.png);
	}


	#servicesBloc li{
		border-top: 1px solid #006097;
		padding-bottom: 20px;
		float: left;
		padding: 15px 0;
		width: 100%;
	}
	
	#servicesBloc li.first{
		border: 0;
	}

	#servicesBloc img{
		vertical-align: middle;
	}

	#servicesBloc .readMore{
		margin-top: 5px;
	}
	#servicesBloc .readMore a{
		height: 13px;
	}
	
	#servicesBloc.large .readMore{
		float: right;
		margin-right: 10px;
	}



/* Bloc home : Liste d'actualités */
#newsBloc h3{
	background: #006097 url(../images/icons/headers_blocs.png) no-repeat left -140px;
}

/* Bloc home : Vidéos les plus vues */

#viewedBloc h3{
	background: #006097 url(../images/icons/headers_blocs.png) no-repeat left -70px;
}
	#viewedBloc .illustr{
		margin-right: 10px;
		border: 1px solid #959698;
		line-height: 0;
	}
	#viewedBloc .illustr img{
		margin: 0;
	}
	
#lastvideosBloc{
	float: left;
}
	
/* Bloc home : Vidéos les plus vues */

#debatsBloc h3{
	background: #006097 url(../images/icons/headers_blocs.png) no-repeat left -70px;
}
	#debatsBloc .illustr{
		margin-right: 10px;
		border: 1px solid #959698;
		line-height: 0;
	}
	#debatsBloc .illustr img{
		margin: 0;
	}

/* Bloc home : Liste de liens */
#linksBloc h3{	
	background: #006097 url(../images/icons/headers_blocs.png) no-repeat left -280px;
}

	#linksBloc a.external {
	background:transparent url(../images/icons/external.gif) no-repeat scroll left 5px;
	padding-left:12px;
	}

/* Bloc home : Nuage de tags */
#cloudBloc h3{	
	background: #006097 url(../images/icons/headers_blocs.png) no-repeat left -210px;
}
	#cloudBloc p {
		padding:5px 10px;
		text-align:center;
		line-height:2em;
	}

/* Bloc home : Cours de la bourse */
#stockBloc h3{	
	background: #006097 url(../images/icons/headers_blocs.png) no-repeat left 0;
}
	
	#stockBloc tr.first{
		font-weight: bold;
	}
	
	#stockBloc .up .var{
		color: #07944a;
	}
	#stockBloc .down .var{
		color: #d2232a;
	}
	
	#stockBloc th.col1 {
		width: 128px;
	}
	#stockBloc th.col2, #stockBloc th.col3, #stockBloc th.col4 {
		width: 64px;
	}
	
	#stockBloc tr .first {
		padding-left: 15px;
	}
	
	#stockBloc tr.up.odd .first {
		background: url(../images/icons/up_bggrisclair.png) no-repeat 3px 7px;
	}
	#stockBloc tr.up.even .first {
		background: url(../images/icons/up_bggrisfonce.png) no-repeat 3px 7px;
	}
	#stockBloc tr.down.odd .first {
		background: url(../images/icons/down_bggrisclair.png) no-repeat 3px 7px;
	}
	#stockBloc tr.down.even .first {
		background: url(../images/icons/down_bggrisfonce.png) no-repeat 3px 7px;
	}

/* Bloc home : le blog */
#blogBloc{
	background-color: #eef1f4;
	float: left;
	clear: left;
	margin-top: 20px;
	padding-top: 10px;
}
	#blogBloc h3{
		color: #58585a;
		width: 50%;
		text-align: center;
		float: left;
		font-size: 1.3em;
	}
	#blogBloc h3 strong{
		display: block;
		color: #f68b1f;
		font-size: 2.2em;
		font-weight: normal;
	}
	#blogBloc h3 strong span{
		color: #f68b1f;
	}
	#blogBloc h3 span{
		font-weight: bold;
	}
	#blogBloc .content{
		margin-top: 5px;
		font-size: 1.2em;	
	
	}

/* Bloc home : sondage */
#surveyBloc{
	position:relative;
	background: #fee4ca url(../images/bgs/survey.png) no-repeat right bottom;
	padding-bottom: 30px;
}
	#surveyBloc h3{
		background-color: #f68b1f;
		color: #fff;
		text-indent: 10px;
	}
	
	#surveyBloc p {
		margin:0 10px;
	}
	
		#surveyBloc p.title {
			margin:5px 0 2px 10px;
		}
		
		#surveyBloc p.moreAbout {
			position:absolute;
			margin:0;
			bottom:3px;
			right:5px;
		}
	
	#surveyBloc input.submit {
		margin-top:5px;
	}
	#surveyBloc p.submitBtn{
		position: absolute;
		bottom: 6px;
	}
	
	#surveyBloc p.submitBtn input{
		border:medium none;
		height:20px;
		width:107px;
		color: #fff;
		background:#003B83 url(../images/bgs/submitBtn.png) no-repeat scroll 50% 50%;
	}

	

/* Bloc contenant 1 Bannière Pub verticale 160x600 ou 120x600
+ padding 3px + 1px bordure = 608px total;
*/
#pubFullWidth{
	margin-top: 15px;
}

/* Bloc contenant 1 Bannière Pub horizontale 468x60
*/

#pubBanniere{ /* ie6 */
	position:absolute;
	width: 728px;
	height:90px;
	right:0px;
	top:10px;
}

#pubSkyscraper{
	height: 600px;
	width: 160px;
	text-align: center;
	border: 1px solid #959698;
	padding: 3px;
}

/* Bloc contenant 1 Bannière Pub verticale 300x250 ou 250x250
+ padding 9px + 1px bordure = 320px total;
*/
#pubCarre{
	margin-top:10px;
	height: 250px;
	width: 300px;
	text-align: center;
	border: 1px solid #959698;
	padding: 9px 8px;
}
	#context #pubCarre{
		clear: both;
		float: left;
	}



/* Bloc contenant 1 Bannière Pub verticale 300x250 ou 250x250
+ padding 9px + 1px bordure = 320px total;
*/
#pubCarre2{
	height: 250px;
	width: 300px;
	text-align: center;
	border: 1px solid #959698;
	padding: 9px 8px;
}

#account_creation_form #context, #contact_form #context{
	border: 1px solid #959698;
	padding-top: 0;
	margin-top: 10px;
}
#pubAutopromo{
	margin: 3px;
	background: #f1f4f6 url(../images/illustr/autopromo.jpg) no-repeat left top;
	padding-top: 364px;
	width: 161px;
	color: #006097;
	font-weight: bold;
	font-size: 1.1em;
}
	#pubAutopromo li{
		padding: 0 5px 10px 20px;
		background: url(../images/lists/autopromo.png) no-repeat 5px 4px;
	}



/* Bloc : Les dernières vidéos */

#lastvideosBloc h3{
	background: #006097 url(../images/icons/headers_blocs.png) no-repeat left -70px;
}

#lastvideosBloc.itemList li{
	float: none;
	}
	
	#lastvideosBloc .illustr{
		margin-right: 10px;
		border: 1px solid #959698;
		line-height: 0;
		float:left;
	}
	#lastvideosBloc .illustr img{
		margin: 0;
	}
	
	
/* Bloc : Contenu associé */

#relatedContent {
	clear:both;
	margin-bottom:10px;
}

#relatedContent h3{
	background: #006097 url(../images/icons/headers_blocs.png) no-repeat left -70px;
}

#relatedContent.itemList {
	float: left;
	}

#relatedContent.itemList li{
	width:300px;
	}

	#relatedContent .illustr{
		margin-right: 10px;
		border: 1px solid #959698;
		line-height: 0;
		float:left;
	}
	#relatedContent .illustr img{
		margin: 0;
	}

/***************************************************************************************************
* DETAIL D'UNE VIDEO - SPECIFIQUE
*/

#video #main {
	width:480px;
	}
	
	#video #context #pubCarre {
		float:left;
		margin-top:0;
		}

	#video #context #viewedBloc {
		clear: both;
		float: left;
		margin-top: 10px;
	}

	#video #main .content{
		width: 450px;
	}

#main .playerFunctions .contentIntro{
	padding: 15px;
	width:450px;
	background-color: #006097;
	color: #fff;
	float:left;
	overflow: hidden;
}

	.playerFunctions .contentIntro .intro{
		width: 50%;
		float: left;
	}
	
	#main .alt{ display: none }
	
	.playerFunctions .contentIntro .options{
		float: right;
	}
		.options li{
			background: url(../images/bgs/boutons_gris_bgbleu.png) no-repeat left top;
			margin: 0 0 6px;
			float: left;
			clear: both;
		}
		.options li a{
			display: block;
			width: 150px;
			text-decoration: none;
			color: #58585a;
			padding: 3px 0 4px 31px;
			font-weight: bold;
		}
		.options li a:hover{
			text-decoration: underline;
		}
	
		.options .playlist{
			background-position: left 0;
		}
		
		.options .podcast{
			background-position: left -67px;
		}
		
		.options .send{
			background-position: left -135px;
		}
	
	.transcript{
		border-top: 1px dotted #959698;
		border-bottom: 1px dotted #959698;
		padding: 4px 0;
		color: #006097;
		margin: 7px 0;
		float:left;
		width:480px;
	}
		.transcript strong{
			font-size: 1.2em;
		}
		.transcript span{
			position:absolute;
			right:0;
		}
		.transcript .print {
			float: right;
			text-indent: 20px;
			background: url(../images/icons/print.png) no-repeat left 2px;
			font-weight: bold;
			padding-top: 2px;
		}
	
	#main .content{
		background-color: #eef1f4;
		padding: 10px;
		float:left;
	}
	
	.about .date{
		color: #f68b1f;
		font-weight: bold;
	}
	.about .views{
		font-size: 0.9em;
	}

	#main h2{
		color: #006097;
		font-size: 1.4em;	
	}
	#main h3{
		font-size: 1.1em;	
		font-weight: normal;
	}

/***************************************************************************************************
* PAGE DE LISTE/SECTION
*/

#section #context{
	width: 168px;
}
	#section #main.fullWidth,
	#main.fullWidth .filters,
	#section #main.fullWidth .itemList{
		width: 807px;
	}

	#section .fullWidth #pubCarre{
		float: right;
	}
	#section #main.fullWidth .onAir,
	#section #main.fullWidth .search{
		float: left;
		width: 470px;
		clear: none;
	}


	#section #main h2{
		clear: both;
	}
	
	#section .resume{
		background-color: #fee4ca;
		color: #006097;
		margin-bottom: 15px;
		width: 630px;
		float: left;
	}
		#section .resume h2{
			color: #fff;
			background-color: #f68b1f;
			border-bottom: 2px solid #fff;
			font-size: 1.2em;
			padding: 5px 10px;
			font-weight: normal;
			float: left;
			width: 610px;
		}
		#section .resume p{
			width: 610px;
			float: left;
			padding: 15px 10px;
			font-size: 0.9em;
		}

	#section #main h3{
		background-color: #006097;
		color: #fff;
		font-size: 1.1em;
		line-height: 1.99em;
		font-weight: normal;
		text-indent: 48px;
	}
		#section #main h3.tv{
			background: #006097 url(../images/icons/headers_blocs.png) no-repeat left -70px;
			}
			
	#section #main h3 a{
		color: #fff;
		text-decoration:none;
		}
		#section #main h3 a:hover{
			text-decoration:underline;
			}
	
	#section #main .onAir{
		background-color: #eef1f4;
		overflow: hidden;
		border-top: 2px solid #fff;
		margin-bottom: 15px;
		padding-bottom: 10px;
		float: left;
		width: 630px;
	}
	#section #main.fullWidth .onAir{
		border-top: 0;
	}
		#section #main .onAir .illustr{
			margin-bottom: 0;
		}
		#section #main .onAir h4{
			color: #006097;
			font-size: 1.2em;
		}
		#section #main .onAir .date{
			color: #f68b1f;
			display: block;
			font-size: 0.8em;
		}
		#section #main .illustr{
			float: left;
			padding: 3px;
			border: 1px solid #959698;
			line-height: 0;
			font-weight: 0;
			background-color: #fff;
			margin-right: 15px;
		}
		#section #main .onAir .intro{
			margin-top: 7px;
		}

	#main .search{
		background-color: #eef1f4;
		border-bottom: 20px solid #fff;
		float: left;
		width: 630px;
	}
		#section #main .search h3{
			background-color: transparent;
			color: #006097;
			font-weight: bold;
		}

	#main .filters{
		border-bottom: 1px dotted #959698;
		clear: both;
		float: left;
		width: 630px;
		padding-bottom:5px;
	}
		#main .filters h3{
			margin-bottom: 10px;
		}
	
		.filters .options{
			float: left;
			font-size: 0.9em;
			padding-top: 5px;
		}

			.filters span{
				float: left;
			}
			.filters span.label{
				padding-top: 2px;
			}
			.filters .filter{
				background: url(../images/bgs/moreAbout_h19.png) no-repeat scroll right top;
				margin-left: 10px;
			}
				.filters .filter a{
					background: url(../images/bgs/moreAbout_h19_left_sspuce.png) no-repeat scroll left top;
					display: block;
					text-decoration: none;
					padding: 2px 20px 3px 9px;
				}
				.filters .filter a:hover{
					text-decoration: underline;
				}
			
			
			.filters .active{
				background: #f68b1f url(../images/bgs/filtre_right.png) no-repeat right top;
			}
			.filters .active a{
				padding: 2px 20px 2px 9px;
				background: url(../images/bgs/filtre_left.png) no-repeat left top;
				color: #fff;
			}
			
			


		.filters .infos{
			float: right;
			font-size: 0.9em;
			text-align: right;
		}
			.filters .infos span{
				display: block;
				float: right;
				text-align: right;
			}

	#section #main .itemList{
		margin-top: 10px;
		background-color: transparent;
		float: left;
		width: 630px;
	}

	#section #main .itemList li{
		width: 136px;
		clear: none;
		padding: 0;
		margin-left: 28px;
	}
	#section #main.fullWidth .itemList li{
		margin-left: 31px;
	}


	#section #main .itemList li.row{
		clear: left;
		margin-left: 0;
	}
	
		#section #main .itemList li .illustr{
			padding: 3px;
			border: 1px solid #959698;
			line-height: 0px;
			margin-right: 0;

		}
			#section #main .itemList li .illustr img{
				margin: 0;
				padding:0;
			}
		#section #main .itemList h4{
			color: #006097;
		}
		#section #main .itemList h4 a{
			text-decoration: none;
		}
		#section #main .itemList h4 a:hover{
			text-decoration: underline;
		}
		#section #main .itemList .date{
			color: #f68b1f;
			font-weight: bold;
			font-size:0.8em;
			display: block;
		}


/***************************************************************************************************
* SECTION GLOBALE
*/

	#globalsection .onAirList{
		background: #fee4ca url(../images/bgs/fff_10x1.png) repeat-y 50% top;
		overflow: hidden;
		clear: both;
	}	
		#globalsection .onAirList .onAir{
			background-color: #fee4ca;
		}
		#globalsection .onAirList h3{
			background-color: #f68b1f;
		}

		#globalsection .onAirList .readMore{
			background: #fee4ca url(../images/lists/itemList_bgorange.png) no-repeat left 4px;
		}

		#globalsection .onAir{
			float: left;
			clear: none;
			width: 310px;
			padding-bottom: 10px;
			background-color
		}
		#globalsection #main .last{
			margin-left: 10px;
		}
	
			#globalsection .onAir .moreAbout{
				margin-right: 10px;
				width: 135px;
			}

	#globalsection h3 {
		color: #fff;
		background-color: #006097;
		font-size: 1.1em;
		padding: 3px 10px;
	}
	
	#globalsection h3 a {
		color: #fff;
	}

	#globalsection .resume{
		clear: both;
		background: url(../images/bgs/eef1f4_159x1.png) repeat-y left top;
		margin-top: 15px;
		position: relative;
		float: left;
		width: 630px;
		}


		#globalsection .resume h3{
			border-bottom: 10px solid #fff;
		}

			#globalsection h3 a{
				text-decoration: none;
				font-weight: bold;
			}
			#globalsection h3 a:hover{
				text-decoration: underline;
			}
		#globalsection .resume .intro{
			float: left;
			width: 159px;
			color: #006097;
			padding-bottom: 2.5em;
		}
		#globalsection .resume .contentIntro{
		
		}

			#globalsection .contentIntro{
				font-weight: bold;
				font-size: 0.9em;
				padding: 10px 7px 0 7px;
			}
			#globalsection .resume .itemList .contentIntro{
				padding: 0;
				font-weight: normal;
				font-size: 1em;
			}
	
			#globalsection .resume .moreAbout{
				position: absolute;
				bottom: 0;
				right: 473px;
				width: auto;
				width: 135px;
				text-align: center,
			}
	
		#globalsection .resume .moreAbout a{
			padding-right: 8px;
		}

	#globalsection #main .itemList{
		background-color: #fff;
		float: left;
		width: 471px;
	}

		#globalsection #main .itemList li{
			width: 136px;
			clear: none;
			padding: 0;
			padding-left: 21px;
		}
		#globalsection #main .itemList li.row{
			clear: left;
			margin-left: 0;
		}
	
		#globalsection #main .itemList li .illustr{
			padding: 3px;
			border: 1px solid #959698;
			line-height: 0px;

		}
			#globalsection #main .itemList li .illustr img{
				margin: 0;
				padding:0;
			}
		#globalsection #main .itemList h4{
			color: #006097;
		}
		#globalsection #main .itemList h4 a{
			text-decoration: none;
		}
		#globalsection #main .itemList h4 a:hover{
			text-decoration: underline;
		}
		#globalsection #main .itemList .date{
			color: #f68b1f;
			font-size: 0.8em;
			font-weight: bold;
			display: block;
		}


/***************************************************************************************************
* ACTUALITES
*/

/* Page SAS */

.actualites #main h3 {
	color: #F68B1F;
	background:none;
	font-size: 1.1em;
	padding: 0;
	font-weight:bold;
	margin:10px 0;
	}

.actualites #main ul {
	border-bottom:1px dotted #959698;
	padding-bottom:5px;
	}

	.actualites #main ul li {
		padding:0 0 10px 40px;
		}

		.actualites #main ul li a {
			font-weight:bold;
			float:left;
			display:block;
			text-decoration:none;
			padding-left:5px;
			color:#006097;
			}
			.actualites #main ul li a:hover {
				text-decoration:underline;
				}

		.actualites #main ul li p {
			clear:both;
			padding-left:5px;
			}

		.actualites #main ul li span {
			float:left;
			margin-left:-40px;
			}

/* Page Actualité */

#actualite #main h3 {
	color:#006097;
	font-weight:bold;
	padding:10px 0;
	font-size:1.1em;
	}

#actualite #main img {
	float:right;
	margin:0 0 5px 10px;
	}
	
#actualite #main p.copy {
	margin-top:20px;
	font-size:0.9em;
	}
	
#actualite #main p.date {
	margin-top:10px;
	}
	#actualite #main p.date span {
		color:#F68B1F;
		font-weight:bold;
		}

#actualite #main a {
	color:#006097;
	}
	#actualite #main a.pdf {
		display:block;
		margin:20px 0;
		width:270px;
		padding-left:20px;
		background: transparent url(../images/icons/pdf.png) no-repeat left center;
		}
	#actualite #main a.print {
		position:absolute;
		right:0;
		bottom:0;
		display:block;
		margin-top:10px;
		padding-left:20px;
		background: transparent url(../images/icons/print.png) no-repeat left center;
		}


/***************************************************************************************************
* RESULTATS DE RECHERCHE
*/

/* Keywords*/

#section.search #context {
	width:320px;
	}
	
#section.search  #main .itemList.actus li {
	width:auto;
	margin:7px 0 0 0;
	}
	#section.search  #main .itemList.actus li.row {
		margin:0;
		}
	
#section.search #main h3 {
	color:#006097;
	font-size:1.2em;
	font-weight:bold;
	margin:20px 0 0 0;
	background-color:#fff;
	line-height:1;
	text-indent:0;
	float:left;
	}

/***************************************************************************************************
* PAGES iframe
*/
#iframe #main{
	width: 660px;
	padding: 0;
}

	#iframe #main iframe{
		border: 0;
	}

/***************************************************************************************************
* PAGES FOOTER - CONTENU
*/

/* Plan du site */

#sitemap #main a {
	text-decoration:none;
	}
	#sitemap #main a:hover {
		text-decoration:underline;
		}
		
#sitemap #main ul {
	padding-top:20px;
	}
	#sitemap #main ul li {
		font-weight:bold;
		padding:5px 0;
		}
		#sitemap #main ul li ul {
			padding-top:5px;
			}
			#sitemap #main ul li ul li {
				background: url(../images/lists/rond_orange.png) no-repeat 7px center;
				padding: 0 0 0 19px;
			    list-style:none;
				font-weight:normal;
				position:relative; /* ie6 */
				}

#sitemap #context #newsBloc {
	margin-top:10px;
	}

#sitemap .itemList{
	float: left;
	clear: both;
	margin-top: 10px;
	width: 320px;
}
	#sitemap .itemList li{
		width: 300px;
	}

/* Contenus */

#contenu #main h3 {
	font-size:1em;
	font-weight:bold;
	margin:15px 0 0 0;
	color:#006097;
	}
	
	
#contenu #main ul {
	list-style-type:disc;
	padding-left:30px;
	}

#contenu #main p {
	margin:5px 0 10px 0;
	}

#contenu #context #pubCarre {
	margin-top:10px;
	float:right;
	}
	
#contenu .itemList{
	float: left;
	clear: both;
	width: 320px;
}
	#contenu .itemList li{
		width: 300px;
	}
	
#contenu #main a.external {
background:transparent url(../images/icons/external.gif) no-repeat scroll left 5px;
padding-left:12px;
}

/* Lexique */

#contenu #main ul#listOfLetters {
	float:left;
	padding:0;
	font-size:1.4em;
	margin:10px 0 20px 0;
	}

#contenu #main ul#listOfLetters li {
	background-color:#F1F1F1;
	background-image:none;
	border-right:1px solid #FFFFFF;
	float:left;
	line-height:22px;
	list-style:none;
	text-align:center;
	width:23px;
	padding:0;
	}

#contenu #main ul#listOfLetters li a {
	display:block;
	line-height:16px;
	padding:3px 4px;
	text-decoration:none;
	color:#006097;
	}
	#contenu #main ul#listOfLetters li a:hover {
		background-color:#F68B1F;
		}
	#contenu #main a.topPageLink {
	float:right;
	color:#006097;
	}

#contenu #main strong.letter {
	display:block;
	font-size:1.6em;
	margin:24px 0 10px 0;
	width:100%;
	color:#006097;
	}

#contenu #main dt {
	font-weight:bold;
	}

#contenu #main dd {
	margin:5px 0 15px 10px;
	}

/***************************************************************************************************
* Positionnement des blocs sur la home
- 3 x 320 colonnes. goutières : 15px
*/
/***** Type 1 : par défault *****/
	#home .itemList li{
		width: 100%;
	}

	#home #sectionsBloc{
		float: left;
		width: 660px;
		margin-top:0;
	}
	
	#home #servicesBloc{
		margin-left: 15px;
		float: left;
	}
	
	#home #pubSkyscraper{
		float: right;
	}
	
	#home #newsBloc{
		float: left;
		clear: none;
		margin-top: 10px;
		width: 320px;
	}
		#home #newsBloc li{
			width: 300px;
		}
	#home #viewedBloc{
		float: left;
		width: 475px;
		margin-top: 10px;
		margin-left: 15px;
	}
		/* width = celle de #viewedBloc - 15 */
		#home #viewedBloc li{
			width: 460px;
		}
	
	#home #blogBloc{
		float: left;
		margin-top: 10px;
		width: 320px;
	}
	
	#home #cloudBloc{
		float: right;
		margin-top: 10px;
		width: 320px;
		height:270px;
	}
		/* width = #cloudBloc - 20 */
		#home #cloudBloc li {
			width: 300px;
		}
	
	
	#home #pubCarre{
		float: right;
		margin-top: 10px;
		margin-right: 15px;
	}
	
	
	#home #linksBloc{
		float: left;
		margin-top: 10px;
		width: 320px;
	}
		#home #linksBloc li{
			width: 300px;
		}
	
	#home #surveyBloc{
		width: 320px;
		float: right;
		margin-top: 10px;
	}
	
	#home #stockBloc{
		width: 320px;
		float: right;
		margin-right: 15px;
		margin-top: 10px;
	}
	
	#home #debatsBloc li{
		width: 300px;
	}
	
/***** Type 2 : par défault *****/
	#home.type_2 #debatsBloc{
		width: 320px;
		float: left;
		margin-left: 15px;
		margin-top: 10px;
	}

/***** Type 3 : par défault *****/
	
	#home.type_3 #directBloc{}
	#home.type_3 #sectionsBloc{
		width: 655px;
	}

	#home.type_3 #pubCarre2{
		float: right;
	}

	#home.type_3 #viewedBloc{
		float: right;
		width: 320px;
	}
		/* width = celle de #viewedBloc - 15 */
		#home.type_3 #viewedBloc li{ 
			width: 305px;
		}

	#home.type_3 #servicesBloc{
		float: left;
		margin-top: 10px;
	}


	#home.type_3 #cloudBloc{
		float: right;
		clear: right;
	}
	
	#home.type_3 #pubCarre{
		float: right;
		margin-left: 15px;
	}

	#home.type_3 #blogBloc{
		float: left;
	}

	#home.type_3 #linksBloc{
		float: left;
	}
	#home.type_3 #stockBloc{
		float: left;
		margin-left: 15px;
	}

	#home.type_3 #surveyBloc{
		float: left;
	}

/***** Type 4 : par défault *****/

	#home.type_4 #sectionsBloc{
		width: 655px;
	}
	
	#home.type_4 #servicesBloc{
		float: left;
	}
	#home.type_4 #viewedBloc{
		float: right;
		width: 320px;
	}
		/* width = celle de #viewedBloc - 15 */
		#home.type_4 #viewedBloc li{
			width: 305px;
		}

	#home.type_4 #newsBloc{}

	#home.type_4 #pubCarre{
		float: left;
		margin-left: 15px;
		margin-right: 0;
	}

	#home.type_4 #cloudBloc{}

	#home.type_4 #blogBloc{	
		float: right;
		clear: none;
		margin-right: 15px;
	}
	
	#home.type_4 #linksBloc{}

	#home.type_4 #stockBloc{
		float: left;
		margin-left: 15px;
	}
	
	#home.type_4 #surveyBloc{
		float: left;
	}
	

/***************************************************************************************************
* Positionnement des blocs sur une page de DETAIL
*/
#sectionsBloc{
	margin-top: 10px;
	width: 168px;
	float:left;
}

#section #sectionsBloc{
	margin-top: 10px;
	width: 168px;
}

/***************************************************************************************************
* DEBUG
*/

div#debug {
	clear:both;
}