/************************************************************************************
********************************* CSS DE BASE - ECRAN *******************************
************************************************************************************/

@media screen
{
    /**********
    * GENERAL *
    **********/
    html {
    	height: 100%;
    	margin: 0;
    	padding: 0;
    }
    
    body {
    	height: 100%;
    	margin: 0;
    	padding: 0;
    	font: 9pt/17pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    	background: #FFFFFF url(../images/top.gif) 0 0 repeat-x;
    	border: solid 1px #FFFFFF;
    	border-bottom: none;
    }
    
    #noClass {
    	background-image: none;
    	color: #20427A;
    }
    
    p {
    	margin: 0;
    }
    
    img {
    	border: none;
    }
    
    h1 {
    	margin-top: 0;
    	font-size: 11pt;
    	font-weight: bold;
    }
    
    h4 {
			margin: 0;
			padding: 0;
			padding-bottom: 15px;
			font-size: 10pt;
			font-weight: bold;
		}
		
		h4.padlittle {
			padding-bottom: 10px;
		}
		
		#idInfobulle {
			position: absolute;
			visibility : hidden;
			border: 1px solid #2C5CAA;
			background-color: #FFFFFF;
		}
		
    .centre {
    	text-align: center;
    }
    
    .droite {
    	text-align: right;
    }
    
    .gauche {
    	text-align: left;
    }
    
    .gras {
    	font-weight: bold;
    }
    
    .undergras {
    	font-weight: bold;
    	text-decoration: underline;
    }
    
    .just {
    	text-align: justify;
    }
    
    .under {
    	text-decoration: underline;
    }
    
    .undernone {
    	text-decoration: none;
    	border-bottom: 0;
    }
    
    .midundernone {
    	text-decoration: none;
    	border-bottom: 0;
    	vertical-align: middle;
    	cursor: pointer;
    }
    
    .ital {
    	font-style: italic;
    }
    
    .lexique {
    	font-style: italic;
    	cursor: help;
    }
    
    .up {
    	text-transform: uppercase;
    }
    
    .pointeur {
    	cursor: pointer;
    }
    
    .barre {
    	text-decoration: line-through;
    }
    
    /************
    * CONTENEUR *
    ************/
    
    #all {
    	min-height: 100%;
    	background: url(../images/menu.gif) 0 0 repeat-y;
    	/*
    	background: url(../images/menuRIBS.gif) 0 0 repeat-y;
    	*/
    }
    
    /*********
    * HEADER *
    *********/
    
    #header {
    	border-bottom: solid 1px #FFFFFF;
    	background-color: #2C5CAA; /* AVANT RIBS : #285C91 */
    }
    
    #logo {
    	width: 200px;
    	height: 80px;
    	padding: 15px 0 0 0;
    	/* Donne une hauteur totale de (80+15)px = 95px */
    	float: left;
    	text-align: center;
    	border-right: solid 1px #FFFFFF;
    	/* border-bottom: solid 1px #FFFFFF; */
    }
    
    #banner {
    	margin-left: 200px;
    	/* height: 84px; */
    	height: 95px;
    }
    
    img.banniere {
    	position: absolute; /* Obligatoire, pour éviter décalage dans IE */
    	top: 1px;
    	left: 202px;
    	width: 600px;
    	height: 75px;
    }
    
    /****************
    * MENU SECTIONS *
    ****************/
    
    #section {
    	position: absolute;
    	/* top: 62px; */
    	top: 72px;
    	left: 180px;
    	z-index: 1;
    	width: 600px;
    	height: 30px;
    	color: #FFFFFF;
    	background-color: #20427A; /* AVANT RIBS : #002458 */
    	border: solid 1px #FFFFFF;
    	text-align: center;
    }
    
    /*
    #section ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    
    #section ul li {
    	display: inline;
    }
    
    #section ul li a {
    	color: #FFFFFF;
    	text-decoration: none;
    	font-weight: bold;
    	padding: 0 32px;
    }
    
    .separator {
    	vertical-align: middle;
    }
    */
    
    /***************
    * MENU CONTACT *
    ***************/
    
    #contact {
    	border-bottom: solid 1px #FFFFFF;
    	background-color: #669ACC;
    }
    
    #shortcut {
    	width: 200px;
    	height: 50px;
    	float: left;
    	clear: left;
    	text-align: center;
    	border-right: solid 1px #FFFFFF;
    	border-bottom: solid 1px #FFFFFF;
    	color: #D1E2FF;
    	background-color: #20427A; /* AVANT RIBS : #002458 */
    }
    
    #shortcut ul {
    	margin: 0;
    	padding: 16px 0;
    	list-style: none;
    }
    
    #shortcut ul li {
    	display: inline; /* Permet de rendre la liste horizontale */
    }
    
    #shortcut ul li a {
    	border-right: solid 1px #D1E2FF;
    	text-decoration: none;
    	font-weight: bold;
    	padding: 0 10px;
    }
    
    #shortcut ul li.last a {
    	border-right: 0;
    	vertical-align: top;
    }
    
    #shortcut ul li.last a:link {
    	color: #D1E2FF;
    }
    
    #shortcut ul li.last a:visited {
    	color: #D1E2FF;
    }
    
    #shortcut ul li.last a:hover {
    	color: #FFFFFF;
    }
    
    #shortcut ul li.last a:active {
    	color: #FFFFFF;
    }
    
    #title {
    	margin-left: 200px;
    	height: 50px;
    	color: #FFFFFF;
    	background-color: #669ACC; /* AVANT RIBS : #7B909B */
    }
    
    .welcome {
    	float: left;
    	padding-top: 18px;
    	padding-left: 10px;
    	font-weight: bold;
    	vertical-align: middle;
    }
    
    .damier {
    	float: right;
    }
    
    /****************************
    * MENU DE GAUCHE ET CONTENU *
    ****************************/
    
    #main {
    	padding-bottom: 45px; /* Evite que le contenu ne soit écrasé par le footer et insère toujours un espace entre la fin du contenu et le footer */
    	border: none;
    }
    
    #menu {
    	width: 200px;
    	float: left;
    	clear: left;
    	color: #20427A; /* AVANT RIBS : #FFFFFF */
    	font-size: 8pt;
    	font-weight: bold;
    	background-color: #D1E2FF; /* AVANT RIBS : #91A7B2 */
    	border-right: solid 1px #FFFFFF;
    }
    
    .menutop {
    	display: block; /* HACK IE pour éviter un décalage de 1 pixel */
    }
    
    .level1 {
    	text-indent: 5px;
    	cursor: pointer;
    }
    
    .level1Over {
    	text-indent: 5px;
    	cursor: pointer;
    	color: #3D82AD; /* AVANT RIBS : #285C91    ---  002458 */
    }
    
    .pucemenu {
    	vertical-align: middle;
    }
    
    .level2 {
    	display: none;
    	font-weight: normal;
    	font-size: 8pt;
    	padding-left: 20px;
    }
    
    .level2 ul {
    	margin: 0;
    	padding: 0;
    }
    
    .level2 ul li {
    	line-height: 18px;
    	list-style-type: none;
    }
    
    .pucesousmenu {
    	vertical-align: middle;
    }
    
    .level2 a:link {
    	color: #20427A;
    	text-decoration: none;
    }
    
    .level2 a:visited {
    	color: #20427A;
    	text-decoration: none; 
    }
    
    .level2 a:hover {
    	color: #3D82AD;
    	text-decoration: none;
    }
    
    .level2 a:active {
    	color: #3D82AD;
    	text-decoration: none;
    }
    
    #content {
    	margin-left: 200px;
    	padding-top: 20px;
    	color: #20427A;
    	background-color: white;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    
    .rouge {
    	color: #FF0000;
    }
    
    .vert {
    	color: #188049;
    }
    
    .orange {
    	color: #FFA500;
    }
    
    .grey {
    	color: #666666;
    }
    
    #content p {
    	font-size: 10pt;
    	margin-bottom: 15px;
    }
    
    #content a:link {
    	color: #0000EE;
    	text-decoration: none;
    	/*
    	border-bottom: 1px dashed #0000EE;
    	*/
    }
    
    #content a:visited {
    	color: #0000EE;
    	text-decoration: none;
    	/*
    	border-bottom: 1px dashed #0000EE;
    	*/
    }
    
    #content a:hover {
    	color: #0000EE;
    	text-decoration: none;
    	border-bottom: 1px solid #0000EE;
    }
    
    #content a:active {
    	color: #0000EE;
    	text-decoration: none;
    	border-bottom: 1px solid #0000EE;
    }
    
    #content blockquote {
    	margin: 5px 0 5px 5px;
    }
    
    /* Liens IMG non soulignés */
    
    #content a.undernone:link {
    	border: none;
    }
    
    #content a.undernone:visited {
    	border: none;
    }
    
    #content a.undernone:hover {
    	border: none;
    }
    
    #content a.undernone:active {
    	border: none;
    }
    
    /* Calendrier Dexe-way */
    
    #content a.cal-TodayLink:link {
    	font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			color: #FF0000;
			background-color: transparent;
    }
    
    #content a.cal-TodayLink:visited {
    	font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			color: #FF0000;
			background-color: transparent;
    }
    
    #content a.cal-TodayLink:hover {
    	font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			background-color: transparent;
			color: Blue;
    }
    
    #content a.cal-TodayLink:active {
    	font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			background-color: transparent;
			color: #0066FF;
    }
    
    #content a.cal-DayLink:link {
			font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			border: none;
			color: black;
			background-color: transparent;
			cursor: url(jscript48/spiffycal.cur);
		}
		
		#content a.cal-DayLink:visited {
			font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			border: none;
			color: black;
			background-color: transparent;
			cursor: url(jscript48/spiffycal.cur);
		}
		
		#content a.cal-DayLink:hover {
			font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			background-color: transparent;
			color: Blue;
			cursor: url(jscript48/spiffycal.cur);
		}
		
		#content a.cal-DayLink:active {
			font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			border: none;
			background-color: transparent;
			color: #0066FF;
			cursor: url(jscript48/spiffycal.cur);
		}
    
    ol {
    		margin-top: 3px;
    }
    /* Détails de présentation des différents contenus */
    
    .floatleft {
    	float: left;
    	margin: 0;
    	padding: 0;
    	margin-right: 30px;
    	margin-bottom: 15px;
    }
    
    .colun {
    	float: left;
    	margin: 0;
    	padding: 0;
    }
    
    .coldeux {
    	margin: 0;
    	padding: 0;
    	padding-left: 430px;
    	clear: right;
    }
    
    .spacenull {
    	margin: 0;
    	padding: 0;
    }
    
    .clear {
    	clear: both;
    	margin: 0;
    	padding: 0;
    }
    
    .clearright {
    	clear: right;
    }
    
    .verticalmid {
    	vertical-align: middle;
    }
    
    .verticaltop {
    	vertical-align: top;
    }
    
    .vertopcentre {
    	vertical-align: top;
    	text-align: center;
    }
    
    .verticalbot {
    	vertical-align: -50px;
    }
    
    .floatfixe {
    	width: 403px;
    	float: left;
    	padding: 0;
    	padding-top: 15px;
    	margin-right: 30px;
    	margin-bottom: 15px;
    	text-align: center;
    }
    
    .margtop {
    	margin-top: 50px;
    }
    
    .margtopnull {
    	margin-top: 0;
    }
    
    .pad {
    	padding-top: 10px;
    	padding-bottom: 10px;
    }
    
    .padtop {
    	padding-top: 10px;
    }
    
    .padtopcentre {
    	padding-top: 15px;
    	text-align: center;
    }
    
    .padcentre {
    	padding-top: 15px;
    	padding-bottom: 15px;
    	text-align: center;
    }
    
    .padbot {
    	padding-bottom: 5px;
    }
    
    .padleft {
    	padding-left: 30px;
    	text-align: justify;
    }
    
    .evidence {
    	width: 75%;
    	border: 1px solid #BB0000;
    	color: #BB0000;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 20px;
    	margin-top: 20px;
    	text-align: center;
    	font-weight: bold;
    }
    
    .nopuce {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
    
    .grh {
    	list-style-image: url(/images/intranet/grh.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .compliance {
    	list-style-image: url(/images/intranet/carrebleu.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .credhyp {
    	list-style-image: url(/images/intranet/carrevert.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .juridique {
    	list-style-image: url(/images/intranet/justice.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .cac {
    	list-style-image: url(/images/intranet/carrerouge.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .grilletaux {
    	list-style-image: url(/images/intranet/carrejaune.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .cdr {
    	list-style-image: url(/images/intranet/trianglebleu.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .frontoffice {
    	list-style-image: url(/images/intranet/trianglevert.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .info {
    	list-style-image: url(/images/intranet/trianglejaune.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .divers {
    	list-style-image: url(/images/intranet/trianglerouge.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .db {
    	list-style-image: url(/images/intranet/DB.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .bouton {
			color: #20427A;
			background-color: #D1E2FF;
			border-right: 1px solid #4F6984;
			border-top: 1px solid #EEEEEE;
			border-bottom: 1px solid #4F6984;
			border-left: 1px solid #EEEEEE;
		}
    
    /*******
    * NEWS *
    *******/
    
		#news {
			width: 520px;
			margin: 0;
			padding: 0;
			margin-left: auto;
			margin-right: auto;
			margin-top: 25px;
			margin-bottom: 25px;
			border: solid 1px #D1E2FF;
		}
		
		.screen {
			visibility: visible;
			font: 9pt/17pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
			color: #0000EE;
			background-color: white;
			padding-left: 30px;
			padding-right: 30px;
			padding-bottom: 5px;
			cursor: pointer;
			height: 50px;
			width: 460px;
		}
		
		.listenews {
			width: 460px;
		}
    
    #box {
    	font-size: 8pt;
    }
    
    /***********
    * TABLEAUX *
    ***********/
    
    table {
    	margin-bottom: 20px;
    	font: 9pt/17pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    }
    
    table.tabcentre {
    	margin: 10px auto 30px auto; /* Pour les tableaux centrés et de taille auto */
    }
    
    table.tabdroite {
    	margin: 0 0 40px auto; /* Pour les tableaux alignés à droite */
    }
    
    table.grandcentre {
    	margin: 0 auto 40px auto; /* Pour les tableaux centrés et de taille 80% */
    	width: 80%;
    }
    
    table.grand { /* Pour les grands tableaux alignés à gauche */
    	width: 80%;
    }
    
    table.bigger {
    	margin: 0 auto 40px auto; /* Pour les tableaux centrés et de taille 90% */
    	width: 90%;
    }
    
    table.total {
    	margin: 20px auto 20px auto; /* Tableaux de taille maximum et centrés - petit padding et pas de bordure !!! */
    	width: 99%;
    }
    
    table.totalborder {
    	margin: 20px auto 20px auto; /* Tableaux de taille maximum et centrés - petit padding */
    	width: 99%;
    }
    
    table.cadre {
    	margin: 20px auto 20px auto;
    	width: 90%;
    	border: solid 1px #2C5CAA;
    }
    
    /* Créé pour plan financier CAC PONT - PlanFinPONT.asp */
    table.cadredeux {
    	margin: 10px auto 10px auto;
    	width: 99%;
    	border: solid 1px #2C5CAA;
    }
    
    table.arbitrage {
    	margin: 20px auto 20px auto;
    	width: 95%;
    }
    
    table.arbpetit {
    	margin: 20px auto 20px auto;
    }
    
    table.bleu {
    	width: 99%;
    }
    
    table.stat {
    	width: 650px;
    	margin: 0 auto 40px auto;
    }
    
    table.spec {
    	margin-left: auto;
    	margin-right: auto;
    	border: solid 1px #2C5CAA;
    }
    
    table.dexline {
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 3px;
    	width: 99%;
    	border: solid 1px #2C5CAA;
    }
    
    table.GestDB {
    	float: left;
    	border: solid 1px #2C5CAA;
    }
    
    table.UserInfo {
    	margin: 0 auto 40px auto;
    }
    
    table.krc5 {
    	border: solid 1px #2C5CAA;
    	margin: 0 auto 20px auto;
    }
    
		table.infobulle {
    	margin-bottom: 0px;
    }
    
    thead th {
    	background-color: #2C5CAA;
    }
    
    tbody th {
    	background-color: #669ACC;
    	border: solid 1px #2C5CAA;
    }
    
    th {
    	color: #FFFFFF;
    	text-align: center;
    	padding: 3px;
    }
    
    th.service {
			background-color: #C3D1E7;
			color: #20427A;
			border: 1px solid #2C5CAA;
		}
    
    th.fixe {
    	width: 100px;
    }
    
    table.total th {
    	padding: 1px;
    }
    
    table.spec th {
    	border: none;
    	font-size: 9pt;
    }
    
    table.dexline th {
    	border: none;
    	font-size: 8pt;
    	padding: 0px;
    }
    
    table.UserInfo th, td {
    	font-size: 8pt;
    }
    
    table.arbitrage th {
    	font-size: 8pt;
    	padding: 1px;
    	line-height: 1.7em;
    }
    
    table.arbitrage th.arb {
    	font-size: 8pt;
    	line-height: 1.7em;
    	padding-left: 1px;
    	text-align: left;
    }
    
    th.sansborder {
    	font-size: 8pt;
    	border: none;
    	background-color: #FFFFFF;
    	text-align: left;
    	color: #20427A;
    }
    
    th.sansborderdroite {
    	font-size: 8pt;
    	border: none;
    	text-align: right;
    	background-color: #FFFFFF;
    	color: #20427A;
    }
    
    table.arbpetit th {
    	font-size: 8pt;
    	padding: 1px;
    }
    
    td {
    	border: solid 1px #2C5CAA;
    	padding: 3px;
    	font-size: 9pt;
    	color: #20427A;
    }
    
    table.krc5 td {
    	font-size: 7pt;
    	text-transform: uppercase;
    	padding: 0;
    	border: none;
    	
    }
    
    table.stat td {
    	padding-top: 10px;
    	padding-bottom: 10px;
    }
    
    table.total td {
    	padding: 0px;
    	border: none;
    }
    
    table.plein td {
    	padding: 2px;
    }
    
    table.bleu td {
    	background-color: #20427A;
    	color: #FFFFFF;
    	border: none;
    	padding: 0 3px 0 3px;
    }
    
    td.first {
    	font-weight: bold;
    	width: 80%;
    	padding-left: 15px;
    }
    
    td.second {
    	text-align: center;
    	width: 10%;
    }
    
    td.third {
    	text-align: right;
    	width: 10%;
    }
    
    td.thirdbis {
    	text-align: center;
    	width: 10%;
    }
    
    td.depan {
    	width: 20%;
    }
    
    table.spec td {
    	border: none;
    	font-size: 9pt;
    	padding: 5px;
    }
    
    table.dexline td {
    	border: none;
    	font-size: 8pt;
    	padding: 0px;
    }
    
    table.GestDB td {
    	font-size: 8pt;
    	border: none;
    	padding: 1px;
    	vertical-align: middle;
    }
    
    table.arbitrage td {
    	font-size: 8pt;
    	padding: 1px;
    	line-height: 1.6em;
    	text-transform: uppercase;
    	background-color: #DDDDDD;
    	border: none;
    }
    
    table.arbpetit td {
    	font-size: 8pt;
    	padding: 1px 5px 1px 5px;
    	text-transform: uppercase;
    	background-color: #DDDDDD;
    	border: none;
    }
    
    table.cadre td {
    	border: none;
    }
    
    table.cadredeux td {
    	border: none;
    	padding: 1px;
    }
    
    table.infobulle td {
    	font: 8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    }
    
    .gris {
    	background-color: #DFDFDF;
    	border: none;
    	padding: 0;
    }
    
    .bordernone {
    	border: none;
    	text-align: center; /* ALIGNEMENT AU CENTRE ! */
    }
    
    .noborder {
    	border: none; /* SANS ALIGNEMENT ! */
    }
    
    .noborderdroite {
    	border: none;
    	text-align: right; /* ALIGNEMENT A DROITE ! */
    }
    
    .demi {
    	width: 50%;
    }
    
    .tiers {
    	width: 33%;
    }
    
    .quart {
    	width: 25%;
    }
    
    .plein {
    	width: 99%;
    }
    
    .small {
    	font-size: 8pt;
    }
    
    .CegalR {
    	border: green thin solid;
			text-align: right;
    }
    
    .CdiffR {
			border: red thin solid;
			text-align: right;
    }
    
    .adresse {
    	padding-left: 5px;
    	width: 100%;
    }
    
		.cploc {
			width: 73%;
		}
		
		.bordure {
			border: 1px solid #A7A6AA;
			width: 60%;
		}
    
    /*********
    * FOOTER *
    *********/
    
    #footer {
    	clear: both;
    	height: 25px;
    	margin-top: -25px; /* Pour que la page entière (footer inclus) ne dépasse pas 100% */
    	font-size: 8pt;
    	text-align: center;
    	color: #FFFFFF;
    	background-color: #2C5CAA; /* AVANT RIBS : #285C91 */
    	border-top: solid 1px #FFFFFF;
    	border-bottom: solid 1px #FFFFFF;
    }
    
    #footer a:link {
    	text-decoration: none; 
    	color: #FFFFFF;
    }
    	
    #footer a:visited {
    	text-decoration: none; 
    	color: #FFFFFF;
    }
    
    #footer a:hover {
    	text-decoration: underline;
    	color: #FFFFFF;
    }
}

/***************************************************************************************
************************************ CSS IMPRESSION ************************************
***************************************************************************************/

@media print
{
		/**********
    * GENERAL *
    **********/
    html {
    	height: 100%;
    	margin: 0;
    	padding: 0;
    }
    
    body {
    	height: 100%;
    	margin: 0;
    	padding: 0;
    	font: 9pt/17pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    	border: solid 1px #FFFFFF;
    	border-bottom: none;
    }
    
    #noClass {
    	background-image: none;
    	color: #20427A;
    }
    
    p {
    	margin: 0;
    }
    
    img {
    	border: none;
    }
    
    h1 {
    	margin-top: 0;
    	font-size: 11pt;
    	font-weight: bold;
    }
    
    h4 {
			margin: 0;
			padding: 0;
			padding-bottom: 15px;
			font-size: 10pt;
			font-weight: bold;
		}
		
		h4.padlittle {
			padding-bottom: 10px;
		}
		
		#idInfobulle {
			position: absolute;
			visibility : hidden;
			border: 1px solid #2C5CAA;
			background-color: #FFFFFF;
		}
		
    .centre {
    	text-align: center;
    }
    
    .droite {
    	text-align: right;
    }
    
    .gauche {
    	text-align: left;
    }
    
    .gras {
    	font-weight: bold;
    }
    
    .undergras {
    	font-weight: bold;
    	text-decoration: underline;
    }
    
    .just {
    	text-align: justify;
    }
    
    .under {
    	text-decoration: underline;
    }
    
    .undernone {
    	text-decoration: none;
    	border-bottom: 0;
    }
    
    .midundernone {
    	text-decoration: none;
    	border-bottom: 0;
    	vertical-align: middle;
    	cursor: pointer;
    }
    
    .ital {
    	font-style: italic;
    }
    
    .lexique {
    	font-style: italic;
    	cursor: help;
    }
    
    .up {
    	text-transform: uppercase;
    }
    
    .pointeur {
    	cursor: pointer;
    }
    
    /************
    * CONTENEUR *
    ************/
    
    #all {
    	min-height: 100%;
    }
    
    /*********
    * HEADER *
    *********/
    
    #header {
    	display: none;
    }
    
    #logo {
    	display: none;
    }
    
    #banner {
    	display: none;
    }
    
    /****************
    * MENU SECTIONS *
    ****************/
    
    #section {
    	display: none;
    }
    
    #section ul {
    	display: none;
    }
    
    #section ul li {
    	display: none;
    }
    
    .separator {
    	display: none;
    }
    
    /***************
    * MENU CONTACT *
    ***************/
    
    #contact {
    	border-bottom: solid 1px #FFFFFF;
    	background-color: #669ACC;
    }
    
    #shortcut {
    	display: none;
    }
    
    #title {
    	height: 50px;
    	color: #FFFFFF;
    	background-color: #669ACC;
    }
    
    .welcome {
    	float: left;
    	padding-top: 18px;
    	padding-left: 10px;
    	font-weight: bold;
    	vertical-align: middle;
    }
    
    .damier {
    	display: none;
    }
    
    /****************************
    * MENU DE GAUCHE ET CONTENU *
    ****************************/
    
    #main {
    	padding-bottom: 45px; /* Evite que le contenu ne soit écrasé par le footer et insère toujours un espace entre la fin du contenu et le footer */
    	border: none;
    }
    
    #menu {
    	display: none;
    }
    
    .menutop {
			display: none;
		}
    
    #content {
    	padding-top: 20px;
    	color: #20427A;
    	background-color: white;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    
    .rouge {
    	color: #FF0000;
    }
    
    .vert {
    	color: #188049;
    }
    
    .orange {
    	color: #FFA500;
    }
    
    .grey {
    	color: #666666;
    }
    
    #content p {
    	font-size: 10pt;
    	margin-bottom: 15px;
    }
    
    #content a:link {
    	color: #0000EE;
    	text-decoration: none;
    	border-bottom: 1px dashed #0000EE;
    }
    
    #content a:visited {
    	color: #0000EE;
    	text-decoration: none;
    	border-bottom: 1px dashed #0000EE;
    }
    
    #content a:hover {
    	color: #0000EE;
    	text-decoration: none;
    	border-bottom: 1px solid #0000EE;
    }
    
    #content a:active {
    	color: #0000EE;
    	text-decoration: none;
    	border-bottom: 1px solid #0000EE;
    }
    
    #content blockquote {
    	margin: 5px 0 5px 5px;
    }
    
    /* Liens IMG non soulignés */
    
    #content a.undernone:link {
    	border: none;
    }
    
    #content a.undernone:visited {
    	border: none;
    }
    
    #content a.undernone:hover {
    	border: none;
    }
    
    #content a.undernone:active {
    	border: none;
    }
    
    /* Calendrier Dexe-way */
    
    #content a.cal-TodayLink:link {
    	font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			color: #FF0000;
			background-color: transparent;
    }
    
    #content a.cal-TodayLink:visited {
    	font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			color: #FF0000;
			background-color: transparent;
    }
    
    #content a.cal-TodayLink:hover {
    	font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			background-color: transparent;
			color: Blue;
    }
    
    #content a.cal-TodayLink:active {
    	font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			background-color: transparent;
			color: #0066FF;
    }
    
    #content a.cal-DayLink:link {
			font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			border: none;
			color: black;
			background-color: transparent;
			cursor: url(jscript48/spiffycal.cur);
		}
		
		#content a.cal-DayLink:visited {
			font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			border: none;
			color: black;
			background-color: transparent;
			cursor: url(jscript48/spiffycal.cur);
		}
		
		#content a.cal-DayLink:hover {
			font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			border: none;
			background-color: transparent;
			color: Blue;
			cursor: url(jscript48/spiffycal.cur);
		}
		
		#content a.cal-DayLink:active {
			font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			border: none;
			background-color: transparent;
			color: #0066FF;
			cursor: url(jscript48/spiffycal.cur);
		}
    
    /* Détails de présentation des différents contenus */
    
    .floatleft {
    	float: left;
    	margin: 0;
    	padding: 0;
    	margin-right: 30px;
    	margin-bottom: 15px;
    }
    
    .colun {
    	float: left;
    	margin: 0;
    	padding: 0;
    }
    
    .coldeux {
    	margin: 0;
    	padding: 0;
    	padding-left: 430px;
    	clear: right;
    }
    
    .spacenull {
    	margin: 0;
    	padding: 0;
    }
    
    .clear {
    	clear: both;
    	margin: 0;
    	padding: 0;
    }
    
    .clearright {
    	clear: right;
    }
    
    .verticalmid {
    	vertical-align: middle;
    }
    
    .verticaltop {
    	vertical-align: top;
    }
    
    .vertopcentre {
    	vertical-align: top;
    	text-align: center;
    }
    
    .verticalbot {
    	vertical-align: -50px;
    }
    
    .floatfixe {
    	width: 403px;
    	float: left;
    	padding: 0;
    	padding-top: 15px;
    	margin-right: 30px;
    	margin-bottom: 15px;
    	text-align: center;
    }
    
    .margtop {
    	margin-top: 50px;
    }
    
    .margtopnull {
    	margin-top: 0;
    }
    
    .pad {
    	padding-top: 10px;
    	padding-bottom: 10px;
    }
    
    .padtop {
    	padding-top: 10px;
    }
    
    .padtopcentre {
    	padding-top: 15px;
    	text-align: center;
    }
    
    .padcentre {
    	padding-top: 15px;
    	padding-bottom: 15px;
    	text-align: center;
    }
    
    .padbot {
    	padding-bottom: 5px;
    }
    
    .padleft {
    	padding-left: 30px;
    	text-align: justify;
    }
    
    .evidence {
    	width: 75%;
    	border: 1px solid #BB0000;
    	color: #BB0000;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 20px;
    	margin-top: 20px;
    	text-align: center;
    	font-weight: bold;
    }
    
    .nopuce {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
    
    .grh {
    	list-style-image: url(/images/intranet/grh.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .compliance {
    	list-style-image: url(/images/intranet/carrebleu.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .credhyp {
    	list-style-image: url(/images/intranet/carrevert.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .juridique {
    	list-style-image: url(/images/intranet/justice.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .cac {
    	list-style-image: url(/images/intranet/carrerouge.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .grilletaux {
    	list-style-image: url(/images/intranet/carrejaune.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .cdr {
    	list-style-image: url(/images/intranet/trianglebleu.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .frontoffice {
    	list-style-image: url(/images/intranet/trianglevert.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .info {
    	list-style-image: url(/images/intranet/trianglejaune.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .divers {
    	list-style-image: url(/images/intranet/trianglerouge.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .db {
    	list-style-image: url(/images/intranet/DB.gif);
    	vertical-align: middle;
    	padding-left: 10px;
    }
    
    .bouton {
			color: #20427A;
			background-color: #D1E2FF;
			border-right: 1px solid #4F6984;
			border-top: 1px solid #EEEEEE;
			border-bottom: 1px solid #4F6984;
			border-left: 1px solid #EEEEEE;
		}
    
    /*******
    * NEWS *
    *******/
    
		#news {
			width: 520px;
			margin: 0;
			padding: 0;
			margin-left: auto;
			margin-right: auto;
			margin-top: 25px;
			margin-bottom: 25px;
			border: solid 1px #D1E2FF;
		}
		
		.screen {
			visibility: visible;
			font: 9pt/17pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
			color: #0000EE;
			background-color: white;
			padding-left: 30px;
			padding-right: 30px;
			padding-bottom: 5px;
			cursor: pointer;
			height: 50px;
			width: 460px;
		}
		
		.listenews {
			width: 460px;
		}
    
    #box {
    	font-size: 8pt;
    }
    
    /***********
    * TABLEAUX *
    ***********/
    
    table {
    	margin-bottom: 20px;
    	font: 9pt/17pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    }
    
    table.tabcentre {
    	margin: 10px auto 30px auto; /* Pour les tableaux centrés et de taille auto */
    }
    
    table.tabdroite {
    	margin: 0 0 40px auto; /* Pour les tableaux alignés à droite */
    }
    
    table.grandcentre {
    	margin: 0 auto 40px auto; /* Pour les tableaux centrés et de taille 80% */
    	width: 80%;
    }
    
    table.grand { /* Pour les tableaux alignés à gauche */
    	width: 80%;
    }
    
    table.bigger {
    	margin: 0 auto 40px auto; /* Pour les tableaux centrés et de taille 90% */
    	width: 90%;
    }
    
    table.total {
    	margin: 20px auto 20px auto; /* Tableaux de taille maximum et centrés - petit padding et pas de bordure !!! */
    	width: 99%;
    }
    
    table.totalborder {
    	margin: 20px auto 20px auto; /* Tableaux de taille maximum et centrés - petit padding */
    	width: 99%;
    }
    
    table.cadre {
    	margin: 20px auto 20px auto;
    	width: 90%;
    	border: solid 1px #2C5CAA;
    }
    
    /* Créé pour plan financier CAC PONT - PlanFinPONT.asp */
    table.cadredeux {
    	margin: 10px auto 10px auto;
    	width: 99%;
    	border: solid 1px #2C5CAA;
    }
    
    table.arbitrage {
    	margin: 20px auto 20px auto;
    	width: 95%;
    }
    
    table.arbpetit {
    	margin: 20px auto 20px auto;
    }
    
    table.bleu {
    	width: 99%;
    }
    
    table.stat {
    	width: 650px;
    	margin: 0 auto 40px auto;
    }
    
    table.spec {
    	margin-left: auto;
    	margin-right: auto;
    	border: solid 1px #2C5CAA;
    }
    
    table.dexline {
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 3px;
    	width: 99%;
    	border: solid 1px #2C5CAA;
    }
    
    table.GestDB {
    	float: left;
    	border: solid 1px #2C5CAA;
    }
    
    table.UserInfo {
    	margin: 0 auto 40px auto;
    }
    
    table.krc5 {
    	border: solid 1px #2C5CAA;
    	margin: 0 auto 20px auto;
    }
    
    table.infobulle {
    	margin-bottom: 0px;
    }
    
    thead th {
    	background-color: #2C5CAA;
    }
    
    tbody th {
    	background-color: #669ACC;
    	border: solid 1px #2C5CAA;
    }
    
    th {
    	color: #FFFFFF;
    	text-align: center;
    	padding: 3px;
    }
    
    th.service {
			background-color: #C3D1E7;
			color: #20427A;
			border: 1px solid #2C5CAA;
		}
    
    th.fixe {
    	width: 100px;
    }
    
    table.total th {
    	padding: 1px;
    }
    
    table.spec th {
    	border: none;
    	font-size: 9pt;
    }
    
    table.dexline th {
    	border: none;
    	font-size: 8pt;
    	padding: 0px;
    }
    
    table.UserInfo th, td {
    	font-size: 8pt;
    }
    
    table.arbitrage th {
    	font-size: 8pt;
    	padding: 1px;
    	line-height: 1.7em;
    }
    
    table.arbitrage th.arb {
    	font-size: 8pt;
    	line-height: 1.7em;
    	padding-left: 1px;
    	text-align: left;
    }
    
    th.sansborder {
    	font-size: 8pt;
    	border: none;
    	background-color: #FFFFFF;
    	text-align: left;
    	color: #20427A;
    }
    
    th.sansborderdroite {
    	font-size: 8pt;
    	border: none;
    	text-align: right;
    	background-color: #FFFFFF;
    	color: #20427A;
    }
    
    table.arbpetit th {
    	font-size: 8pt;
    	padding: 1px;
    }
    
    td {
    	border: solid 1px #2C5CAA;
    	padding: 3px;
    	font-size: 9pt;
    	color: #20427A;
    }
    
    table.krc5 td {
    	font-size: 7pt;
    	text-transform: uppercase;
    	padding: 0;
    	border: none;
    	
    }
    
    table.stat td {
    	padding-top: 10px;
    	padding-bottom: 10px;
    }
    
    table.total td {
    	padding: 0px;
    	border: none;
    }
    
    table.plein td {
    	padding: 2px;
    }
    
    table.bleu td {
    	background-color: #20427A;
    	color: #FFFFFF;
    	border: none;
    	padding: 0 3px 0 3px;
    }
    
    td.first {
    	font-weight: bold;
    	width: 80%;
    	padding-left: 15px;
    }
    
    td.second {
    	text-align: center;
    	width: 10%;
    }
    
    td.third {
    	text-align: right;
    	width: 10%;
    }
    
    td.thirdbis {
    	text-align: center;
    	width: 10%;
    }
    
    td.depan {
    	width: 20%;
    }
    
    table.spec td {
    	border: none;
    	font-size: 9pt;
    	padding: 5px;
    }
    
    table.dexline td {
    	border: none;
    	font-size: 8pt;
    	padding: 0px;
    }
    
    table.GestDB td {
    	font-size: 8pt;
    	border: none;
    	padding: 1px;
    	vertical-align: middle;
    }
    
    table.arbitrage td {
    	font-size: 8pt;
    	padding: 1px;
    	line-height: 1.6em;
    	text-transform: uppercase;
    	background-color: #DDDDDD;
    	border: none;
    }
    
    table.arbpetit td {
    	font-size: 8pt;
    	padding: 1px 5px 1px 5px;
    	text-transform: uppercase;
    	background-color: #DDDDDD;
    	border: none;
    }
    
    table.cadre td {
    	border: none; 
    }
    
    table.cadredeux td {
    	border: none;
    	padding: 1px;
    }
    
    table.infobulle td {
    	font: 8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    }
    
    .gris {
    	background-color: #DFDFDF;
    	border: none;
    	padding: 0;
    }
    
    .bordernone {
    	border: none;
    	text-align: center; /* ALIGNEMENT AU CENTRE ! */
    }
    
    .noborder {
    	border: none; /* SANS ALIGNEMENT ! */
    }
    
    .noborderdroite {
    	border: none;
    	text-align: right; /* ALIGNEMENT A DROITE ! */
    }
    
    .demi {
    	width: 50%;
    }
    
    .tiers {
    	width: 33%;
    }
    
    .quart {
    	width: 25%;
    }
    
    .plein {
    	width: 99%;
    }
        
    .small {
    	font-size: 8pt;
    }
    
    .CegalR {
    	border: green thin solid;
			text-align: right;
    }
    
    .CdiffR {
			border: red thin solid;
			text-align: right;
    }
    
    .adresse {
    	padding-left: 5px;
    	width: 100%;
    }
    
		.cploc {
			width: 73%;
		}
		
		.bordure {
			border: 1px solid #A7A6AA;
			width: 60%;
		}
    
    /*********
    * FOOTER *
    *********/
    
    #footer {
    	display: none;
    }
}