@charset "utf-8";
/* CSS Document */

/*********** 
Reset styles 
***********/
* { margin: 0; padding: 0; outline:none; }
html { background:#d3d3d3 url('../images/fond.jpg') repeat-y center top; }
.c { clear:both; }
.fleft { float:left;	}
.fright { float:right; }
.dbloc { display:block; }
.dnone { display:none; }
img { border:0px; }
.italic { font-style:italic; }
.tjustify { text-align:justify; }
.tright { text-align:right; }
.tcenter { text-align:center; }
.tleft { text-align:left; }
.marL30 { margin-left:35px; }
.mT33 {margin-top:33px; }
.L100PC { width:100%; }
.spacerH53 { width:100px; height:53px; }
.spacerH46 { width:100px; height:46px; }
.sepDroiteNoir { border-right:1px solid #000; }
.sepGaucheNoir { border-left:1px solid #000; }
.h40 { height:40px; }

/****************
Bande noire 
****************/
#bande_noire {
	background:#000;
	width:100%;
	height:23px;
}
#bande_noire_content {
	width:960px;
	margin:0 auto;
}
#apercu_bourse {
	float:right;
	width:170px;
}
#apercu_bourse a {
	display:block;
	margin: 4px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cccccc;
	text-decoration:none;
}
#apercu_bourse a span.orangegras {
	font-weight:bold;
	color:#ed7106;
}
#langues {
	float:right;
	display:block;
	width:50px;
	list-style:none;
}
#langues li {
	float:right;
}
#langues li a {
	display:block;
	width:20px;
	margin: 4px 0 0 5px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
#langues li a:hover, #langues li a:focus, #langues li a:active, #langues li a.active {
	color:#cccccc;
}
#langues li a.sep {
	background:url('../images/sep.gif') no-repeat left;
}

/****************
Global 
****************/
#global {
	width: 100%;
	text-align: center;
}
#page {
	width: 960px;
	margin:0 auto;
}
#contenu {	
	background:#fff;
	padding:15px 0 30px 0;
	margin:0 0 30px 0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
.volute1 {
	background:url('../images/volute-1.png') no-repeat center top;
}
.volute2 {
	background:url('../images/volute-2.png') no-repeat center top;
}
.volute3 {
	background:url('../images/volute-3.png') no-repeat center top;
}
a.haut_page {
	display:block;
	float:right;
	background:url('../images/haut-page.gif') no-repeat right;
	color:#000;
	padding:0 10px 0 0;
	margin:15px 30px 0 0;
	font-size:11px;
	text-decoration:none;
}
a.haut_page:hover {
	color:#ed7106;
} /* f49e23 */

/****************
Fil d'Ariane
****************/
#breadcrumbs {
	display:block;
	height:15px;
	list-style:none;
	text-align:left;
	padding:0px 0 0 10px;
	margin:0 0 30px 30px;
	background: url('../images/home.gif') no-repeat left top;
	line-height:10px;
}
#breadcrumbs li {
	float:left;
}
#breadcrumbs li a {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	padding:0 8px 0 4px;
	text-decoration:none;
	background:url('../images/bread-fleche.gif') no-repeat right;
}
#breadcrumbs li a:hover {
	color:#ed7106;	
}
#breadcrumbs li .nofleche {
	background:none;
}

/****************
Header 
****************/
#header {
	width: 960px; 
	height: 131px;
}
#logo {
	display:block;
	margin:40px 0 0 5px;
}
#header_left {
	float:left;
	width:325px;	
}
#header_right {
	float:left;
	width:635px;	
}

/****************
Menu principal
****************/
#nav {
	float:right;
	list-style:none;
	margin:60px 0 0 0;;
	padding:0;
	position:relative;

}
#nav li {
	display: block ;
	color: #545454 ;
	float:left;
	background:url('../images/sep-menu.png') no-repeat center left;
}
#nav li a {
	display: block;
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:8px 11px;
	text-align: center;
	text-decoration: none;
	outline:none;
}
#nav li a.active { /* #nav li a:hover, #nav li a:focus, #nav li a:active,  */
	color:#ed7106;
	background:url('../images/fleche-menu.gif') no-repeat bottom center;
}	
#nav li.nosep {
	background:none;
}
#nav ul.sousnav li, #nav ul.sousnav li a {
	background:none;
}
#nav ul.sousnav {
	position:absolute;
	left:0px;	
}
#nav ul.PL100 {
	left:100px;	
}
#nav ul.PL135 {
	left:135px;	
}
#global #nav ul.PLN110 {
	left:-110px;
}	
#global #nav ul.PLN35 {
	left:-35px;
}
#nav ul.PL230 {
	left:230px;	
}
#nav ul.PL285 {
	left:285px;	
}
#nav ul.sousnav li a {
	font-size:11px;
	font-weight:normal;
	padding:8px 4px 8px 4px;
	color:#666;
	outline:none;
}
#nav ul.sousnav li a:hover, #nav ul.sousnav li a.active { /* #nav ul.sousnav li a:hover, #nav ul.sousnav li a:focus, #nav ul.sousnav li a:active,  */
	color:#ed7106;
}


/****************
Page d'accueil
****************/
#animation_accueil {
	width:681px;
	height:395px;
}
#animation_actus {
	width:279px;
	height:329px;
	background:#373737;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#animation_actus p {
	color:#fff;
}
#titre_actus {
	width:279px;
	height:66px;
}
#anim_accueil {
	width:960px;
	height:263px;
	margin:0 0 40px 0;
}
#chiffres_accueil {
	width:366px;
	height:228px;
	float:left;
	background:#fff;
}
#actus_accueil {
	width:594px;
	height:228px;
	float:left;
}
#actus_defilantes {
	float:left;
	width:321px;
	height:228px;
	background:#333;
	overflow:auto;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

/****************
Message direction, Chiffres clés, comité de direction
****************/
.entete {
	width:960px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px 0;
}
.demicol {
	width:435px;
	margin:0 0 0 30px;
	float:left;
}
.minicol {
	width:200px;
	float:left;
}
.col250L {
	width:250px;
	float:left;
	margin-left:30px;
}
.col300R {
	width:300px;
	float:right;
}
p { 
	font-size:11px;
	color:#333;
	line-height:18px;
	margin:0 0 8px 0; 
}
p.pucetrait {
	background:url('../images/trait-puce.gif') no-repeat;
	background-position:0px 9px;
	text-indent:16px;
}
p.intro {
	font-size:14px;
	line-height:20px;
	color:#000;
}
.sepgris {
	border-top:1px solid #979F9E;	
}
.sepgrisB {
	border-top:5px solid #ccc;	
}
ul.liste_texte, ul.liste_texte2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	line-height:18px;
	list-style:none;	
	margin:0 0 10px 0;
	padding:0px;
}
ul.liste_texte li {
	background:url('../images/trait-puce.gif') no-repeat;
	background-position:0px 9px;
	padding:0 0 5px 20px;
}
ul.liste_texte2 li {
	background:none;
	list-style-type:disc;
	background-position:0px 9px;
	padding:0 0 5px 0px;
	margin:0 0 0 15px;
}
h3.BTgris {
	font-size:12px;
	border-top:5px solid #979F9E;
	padding:10px 0 10px 0;
}
h3.BTorange {
	width:110px;
	font-size:12px;
	border-top:5px solid #ed7106;
	padding:10px 0 10px 0;
}
h3.BTbleu {
	width:110px;
	font-size:12px;
	border-top:5px solid #004387;
	padding:10px 0 10px 0;
}
h3.BTcyan {
	width:110px;
	font-size:12px;
	border-top:5px solid #008BC7;
	padding:10px 0 10px 0;
}
h3.BTrouge {
	width:110px;
	font-size:12px;
	border-top:5px solid #DB2B36;
	padding:10px 0 10px 0;
}
.encart_histo_2010 {
	background:#ed7106;
	color:#000;
}
.encart_histo_2010 p, .encart_histo_2010 ul {
	padding:0 30px 0 30px; 
}

/****************
Données boursière
****************/
div.encart_marge { /* permet de fixer correctement une marge sur les largecol */
	width:900px;
	margin:0 0 0 30px;
}
.tab_bourse {
	width:435px;
}
.tab_bourse thead th {
	background:#979f9e;
	width:108px;
	color:#fff;
	font-size:12px;
	padding:5px 10px;
	line-height:12px;
}
.tab_bourse tbody td {
	font-size:11px;
	background:#eeeeee;
	border-bottom:1px solid #979f9e;
	padding:5px 10px;
}
.tab_bourse thead th.forange, .tab_bourse tbody td.forange {
	background:#ed7106;
}
ul.liste_puces_jaunes {
	list-style:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
	
ul.liste_puces_jaunes li {
	background:url('../images/carre-jaune.gif') no-repeat left top;
	background-position:0px 3px;
	padding:0 0 5px 15px;
}

/****************
Cotation
****************/
.tab_cotation {
	width:100%;
}
.L900 {
	width:900px;
}
.tab_cotation thead th {
	/*background:#979f9e;
	color:#fff;*/
	color:#000;
	border-bottom:2px solid #ed7106;
	
	width:108px;
	font-size:12px;
	padding:5px 10px;
	line-height:12px;
}
.tab_cotation thead tr.cyan th {
	border-bottom:2px solid #008BC7;
}
.tab_cotation thead tr.bleu th {
	border-bottom:2px solid #004387;
}
.tab_cotation thead tr.rouge th {
	border-bottom:2px solid #DB2B36;
}
.tab_cotation thead th.tright {
	text-align:right;
}
.tab_cotation tbody td {
	font-size:11px;
	/*background:#eeeeee;*/
	border-bottom:1px solid #979f9e;
	padding:5px 10px;
}
.tab_cotation td.fleche_orange, .tab_cotation th.fleche_orange {
	background:url('../images/fleche-orange.jpg') no-repeat top right;
}
.tab_cotation td.fleche_aero, .tab_cotation th.fleche_aero {
	background:url('../images/fleche-aero.jpg') no-repeat top right;
}
.tab_cotation td.fleche_auto, .tab_cotation th.fleche_auto {
	background:url('../images/fleche-auto.jpg') no-repeat top right;
}
.tab_cotation td.fleche_cosm, .tab_cotation th.fleche_cosm {
	background:url('../images/fleche-cosm.jpg') no-repeat top right;
}
.tab_cotation thead th.forange, .tab_cotation tbody td.forange {
	background:#ed7106;
	color:#fff;
}
.tab_cotation thead th.forangeclair, .tab_cotation tbody td.forangeclair {
	background:#f5d5b9;
	/*border-bottom:4px solid #ed7106;*/
}
.tab_cotation thead th.frouge, .tab_cotation tbody td.frouge {
	background:#DB2B36;
	color:#fff;
}
.tab_cotation thead th.frougeclair, .tab_cotation tbody td.frougeclair {
	/*background:#ffcbce;*/
	border-bottom:4px solid #DB2B36;
}
.tab_cotation thead th.fbleu, .tab_cotation tbody td.fbleu {
	background:#004387;
	color:#fff;
}
.tab_cotation thead th.fbleuclair, .tab_cotation tbody td.fbleuclair {
	/*background:#cddeef;*/
	border-bottom:4px solid #004387;
}
.tab_cotation thead th.fcyan, .tab_cotation tbody td.fcyan {
	background:#008BC7;
	color:#fff;
}
.tab_cotation thead th.fcyanclair, .tab_cotation tbody td.fcyanclair {
	/*background:#d4eef9;*/
	border-bottom:4px solid #008BC7;
}
.tab_cotation .date_titre {
	font-weight:normal;
}
.tab_cotation tbody td.fond_gris {
	background:#979f9e;
}
.tab_cotation tbody td.fond_orange {
	background:#ed7106;
}
span.legende {
	color:#999;
	font-size:11px;
}
.tableValuePositive {
	color:#0C0;
}
.tableValueNegative {
	color:#C00;
}
.tab_cotation tbody tr.b2Bottom td{
	border-bottom:2px solid #000;
}
.tab_cotation tbody tr.noBB td{ 
	border-bottom:0px;
}
.tab_cotation tbody tr.b2Bottom td.forangeclair {
	/*border-bottom:4px solid #ed7106;*/
}
.tab_cotation td.totalFondOrange {
	background:#f5d5b9;
}


/****************
Publicité financière
****************/
.encart_tab {
	width:900px;
	margin:0 0 0 30px;
}
ul.onglets {
	list-style:none;	
}
ul.onglets li {
	display:block;
	float:left;
	background:#c6c6c6 url('../images/spacer.gif') repeat-x top;
	color:#fff;
	padding:9px 10px 5px 10px;
	margin:0 2px 0 0;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
ul.onglets li.active {
	padding:7px 10px 7px 10px;
	background:#979f9e;
}
div.tab_contenu table {
	width:100%;
}
div.tab_contenu thead th {
	background:#979f9e;
	color:#fff;
	font-size:12px;
	padding:5px 10px;
	line-height:12px;
}
div.tab_contenu tbody td {
	font-size:11px;
	background:#eeeeee;
	border-bottom:1px solid #979f9e;
	padding:5px 10px;
}
div.tab_contenu tbody tr.noBorder td{
	border:none;
}
div.tab_contenu tr.ligne_titre td {
	background:#ddd;
	padding:10px;
}
div.tab_contenu tbody td.demi {
	width:50%;
}
div.tab_contenu tbody td a {
	color:#333;
	text-decoration:none;
}
div.tab_contenu tbody td a img {
	vertical-align:middle;
}
div.tab_contenu tbody td a span {
	display:block;
	margin-top:5px;
}
div.tab_contenu tbody td a:hover, div.tab_contenu tbody td a:active, div.tab_contenu tbody td a:focus {
	color:#ed7106;
}
.COL500 {
	width:500px;
}
.COL110 {
	width:110px;
}
.COL100 {
	width:100px;
}
.COL225 {
	width:225px;
}
.COL60 {
	width:60px;
}
div.tab_contenu table.activermover .mover td {
	background:#f2dfc3;
}

/****************
Contact
****************/
address {
	font-size:11px;
	color:#333;
	font-style:normal;
	padding:0 0 10px 0;
}
.lien_orange, .contacts a {
	color:#333;
}
.lien_orange:hover, .lien_orange:active, .lien_orange:focus, .contacts a:hover, .contacts a:active, .contacts a:focus {
	color:#ed7106;
}

/****************
Liste de diffusion
****************/
#formulaire_newletter {
	width:400px;
	margin:0 0 0 200px;
}
#formulaire_newletter fieldset {
	border:0px;
	margin:0 0 5px 0;
}
#formulaire_newletter .label_left {
	font-size:11px;
	color:#333;
	display:block;
	float:left;
	width:180px;
	text-align:right;
	padding:3px;
	font-weight:bold;
}
#formulaire_newletter .input_right {
	display:block;
	width:200px;
	float:right;
	font-size:11px;
	padding:3px;
	border:1px solid #979F9E;
}
#formulaire_newletter .select_right {
	display:block;
	width:208px;
	float:right;
	font-size:11px;
	padding:3px;
	border:1px solid #979F9E;
}
.form_btn {
	float:right;
	font-size:12px;
	padding:1px 5px 3px 5px;
}
#formulaire_newletter .chp_actif {
	border:1px solid #ed7106;
}

/****************
Footer 
****************/
#footer {
	width:960px;
	margin:0 auto 50px auto;
	border-top:1px solid #ed7106;
}
#footer_left {
	width:600px;
	float:left;
	text-align:left; 
	list-style:none;
}
#footer_right {
	width:200px;
	float:right;
	text-align:right;
	list-style:none;
}
#footer_left li {
	float:left;
}
#footer_right li {
	float:right;
}
#footer_left li a {
	padding:0 15px 0 0;
}
#footer_right li a {
	padding:0 0 0 15px;
}
#footer a {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
}
#footer a:hover {
	color:#333;
}