/*

gris clair			: #F5F8FA;
gris				: #E1E5E8;
bleu très clair		: #ABDEFF;
bleu clair			: #4A96C7;
-					: #00598B;
bleu foncé			: #063C5B;
rouge				: #D51D27;
rose				: #EE7D9C;

*/

html, body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #063C5B;
	text-align: justify;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
	width: 100%;
}
.title {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #4A96C7;
}
td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #063C5B;
}
p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #063C5B;
	text-align: justify;
}
/*#main {
	width: 100%;
}*/
/*#main*/ #content {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #063C5B;
	/*width: 900px;
	height: 100%;
	padding: 30px 60px 30px 60px;*/
}
/*#main*/ #content #left {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #063C5B;
	text-align: justify;
	width: 240px;
	margin-right: 10px;
}
/*#main*/ #content #center {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #063C5B;
	text-align: justify;
	width: 250px;
	margin-left: 10px;
	margin-right: 10px;
}
/*#main*/ #content #centerWide {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #063C5B;
	text-align: justify;
	width: 520px;
	margin-left: 10px;
}
/*#main*/ #content #right {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #063C5B;
	text-align: justify;
	width: 250px;
	margin-left: 10px;
}
/*#main*/ #content #line {
	border-top: 20px solid #fff;
	border-bottom: 20px solid #fff;
	height: 1px;
	line-height: 1px;
	clear:both;
	display:block;
	background-image: url("/library/img/line.gif");
}


/*  SUBMENU  */

#subMenu {
	width: 130px;
	height: 100%;
	background-color: #00598B;
	background-image:url("/library/img/subMenu.gif");
	background-repeat: repeat-x;
}
#subMenu #subLink {
	padding: 0px;
	border-top: 1px solid #4A96C7;
	border-left: 1px solid #4A96C7;
	border-bottom: 1px solid #003C5E;
	border-right: 1px solid #003C5E;
}
#subMenu #subNoLink {
	display: block;
	background-color: #00598B;
	color: #4A96C7;
	border-top: 1px solid #4A96C7;
	border-left: 1px solid #4A96C7;
	border-bottom: 1px solid #003C5E;
	border-right: 1px solid #003C5E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-decoration: none;
	padding: 2px;
	cursor: default
}
#subMenu #subLink a {
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #ABDEFF;
	text-decoration: none;
	padding: 5px;
}
#subMenu #subLink a:hover {
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	text-decoration: none;
	padding: 5px;
}

/*  MINIMENU  */

/*#main*/ #miniMenu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	color: #00598B;
	background-color: #F5F8FA;
	padding: 0px 60px 0px 60px;
	height: 25px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #E1E5E8;
	border-right: 1px solid #E1E5E8;
}
/*#main*/ #miniMenu div{
	float: right;
	vertical-align: middle;
	border-left: 1px solid #fff;
	border-right: 1px solid #E1E5E8;
	height: 25px;	
	background-image:url("/library/img/bullet_001.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
/*#main*/ #miniMenu #chemin{
	float: left;
	vertical-align: middle;
	border-left: 1px solid #fff;
	border-right: 1px solid #E1E5E8;
	height: 25px;
	color: #4A96C7;
	background-image: none;
}
/*#main*/ #miniMenu a {
	color: #00598B;
	text-decoration: none;
	padding: 0px 10px 0px 20px;
}
/*#main*/ #miniMenu a:hover {
	color: #4A96C7;
	text-decoration: none;
}

/* FORM/SEARCH/REQUEST */

form {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #00598B;
	font-size: 12px;
	background-color: #F5F8FA;
	padding: 10px;
	margin: 0px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #E1E5E8;
	border-right: 1px solid #E1E5E8;
}
form table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #00598B;
	font-size: 12px;
	background-color: #F5F8FA;
}
form table div {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #00598B;
	font-size: 11px;
	line-height: 20px;
	background-color: #F5F8FA;
	float: left;
	width: 65px;
	height: 20px;
}
textarea, input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #D51D27;
	font-size: 12px;
	padding: 3px;
	margin: 0px;
	width: 489px;
	height: 22px;
	border-top: 1px solid #E1E5E8;
	border-left: 1px solid #E1E5E8;
	border-bottom: 1px solid #fff;
	border-right:  1px solid #fff;
}
textarea {
	height: 160px;
}
input.bouton {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	background-color: #00598B;
	border-top: 1px solid #4A96C7;
	border-left: 1px solid #4A96C7;
	border-bottom: 1px solid #003C5E;
	border-right: 1px solid #003C5E;
}
.search {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #D51D27;
	font-size: 12px;
	width: 180px;
	padding: 3px;
	margin: 0px;
	height: 22px;
	border-top: 1px solid #E1E5E8;
	border-left: 1px solid #E1E5E8;
	border-bottom: 1px solid #fff;
	border-right:  1px solid #fff;
}
.checkBox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #D51D27;
	font-size: 12px;
	width: 15px;
	padding: 3px;
	margin: 0px;
	height: 15px;
}

/*  BOTTOM  */

/*#main*/ #bottom {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	color: #00598B;
	background-image:url("/library/img/b.gif");
	background-color: #E1E5E8; 
	height: 50px;
	padding: 8px 60px 0px 60px;
}
/*#main*/ #bottom a {
	color: #00598B;
	text-decoration: none;
}
/*#main*/ #bottom a:hover {
	color: #4A96C7;
	text-decoration: none;
}

/*  COMPANY  */

#companyContainer {
	width: 250px;
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #00598B;
	font-size: 11px;
	border-right: 20px solid #fff;
}
#companyText {
	width: 230px;
	float: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #063C5B;
	font-size: 12px;
}
#companyDetails {
	width: 230px;
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #4A96C7;
	font-size: 11px;
	background-color: #F5F8FA;
	padding: 10px;
	line-height: 13px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #E1E5E8;
	border-right: 1px solid #E1E5E8;
}

/*  EVENTS  */

#events {
	clear:both;
	display: block;
	width: 240px;
	height: 40px;
}
#thumb {
	float: left;
	padding: 2px;
	background-color: #F5F8FA;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #E1E5E8;
	border-right: 1px solid #E1E5E8;
	margin-bottom: 3px;
}
#events #text {
	font-size: 11px;
	line-height: 13px;
	float: left;
	height:50px;
	width: 170px;
	padding-left: 10px;
}
#legend {
	font-size: 11px;
	line-height: 13px;
	padding-top: 5px;
}

/*  MISC  */

#PDF {
	font-size: 11px;
}

/*  JOBS  */
#jobs td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #E1E5E8;
	padding: 3px;
}

/*  CSR  */
/* The Diamond Pipeline */
#arrows {clear: both; width: 700px; margin: 0px auto; height: 40px; padding: 20px 0;}
#arrows ul {list-style:none; padding: 0; margin: 0;}
#arrows li {display: inline; padding:0; margin: 0; list-style:none; text-align:center;border: 0px dotted green;}
#arrows li a {
display: block;
float: left;
padding: 12px 0 0 0;
margin: 0;
width: 100px;
height: 28px;
background: url('/library/img/pipeline.gif') top left;
text-align:center;
font-size: 11px;
line-height: 13px;
text-decoration: none;
color: #fff;
}
#arrows li a.twolines {padding-top: 7px; height: 33px;}
#pipeline {clear: both; margin-bottom: 50px;}
.diamond td {font-size: 11px; text-align: center;}
.diamond .title {background: #3d5f91; color: #fff; text-transform:uppercase;}
.diamond .subtitle {background: #fadce3; color: #3d5f91;}
.diamond .cadre {border: 2px solid #3d5f91;}
.diamond .bg_lblue {background: #c5ebff;}

/* Corporate Governance */
.corpGov td {text-align: center; height: 60px; border: 0;}
.corpGov .arb_line {background: url('/library/img/arb_line.gif') repeat-x center center;}
.corpGov .arb_tl {background: url('/library/img/arb_leftop.gif') no-repeat center center;}
.corpGov .arb_tm {background: url('/library/img/arb_leftmid.gif') no-repeat center center;}
.corpGov .arb_tb {background: url('/library/img/arb_leftbot.gif') no-repeat center center;}
.corpGov .arb_plus {background: url('/library/img/arb_plus.gif') no-repeat center center;}

.corpGov a {
text-decoration: none;
display: block;
width: 100%;
height: 52px;
padding-top: 4px;
}
.corpGov .break {border-top: 2px solid white; border-bottom: 2px solid #fff;}
.corpGov .breakb {margin-top: 2px; border-bottom: 2px solid #fff;}

#content .corpGov ul {list-style-type: none; margin: 0; padding: 0;}
#content .corpGov li {border: 1px solid #3d5f91; background-color: #c5ebff; color: #3d5f91; padding: 2px; margin: 3px 0; list-style-image: none;}
.groupexe ul {margin-top: 5px;}

/* Strengthening the Compliance System */
.milest {border: 2px solid #CCC;}
.milest td{vertical-align: top; text-align:left;}
.milest .bg_lblue {background-color: #c5ebff; color: #3d5f91;}
/* Our Stakeholders */
.stake td {text-align: center; height: 100px; width:100px;}
.stake a {text-decoration: none; font-weight: bold;}
.stake .aligncenter {font-size: 18px; color: #063C5B;float: none; width: auto;margin: 0;}
.graphic .bg_dred, .graphic .bg_dred a {background-color: #81315d; color: #fff;}
.graphic .bg_red, .graphic .bg_red a {background-color: #ee7a9b; color: #fff;}
.graphic .bg_lred, .graphic .bg_lred a{background-color: #fadce3; color: #81315d;}
.graphic .bg_dblue, .graphic .bg_dblue a{background-color: #3d5f91; color: #fff;}
.graphic .bg_blue, .graphic .bg_blue a{background-color: #4A96C7; color: #fff;}
.graphic .bg_lblue, .graphic .bg_lblue a{background-color: #c5ebff; color: #3d5f91;}

/* KPI's view */
#accordion {width:100%; border-bottom: 1px solid #4A96C7; overflow: hidden;}
#accordion h3 {background-color: #4A96C7; color: #fff; padding-left: 5px; margin: 0; border-top: 1px solid #56b6e0; border-bottom: 1px solid #086da3;}
#accordion h3 a {color: #fff; text-decoration: none; font-size: 10px;}
#accordion table {background-color: #FFF; border-left: 1px solid #4A96C7; border-right: 1px solid #4A96C7;  border-bottom: 1px solid #3d5f91;}
#accordion th {background-color: #3d5f91; color: #fff; text-align: center; font-size: 10px; line-height: 11px;}
#accordion td {vertical-align: top; text-align: left; border-left: 1px solid #3d5f91; border-right: 1px solid #3d5f91; font-size: 11px;}
#accordion td.aligncenter {text-align: center;}

#accordion ul {margin:0 0 0 5px; }
#accordion ul li {list-style: disc; list-style-image: none; padding: 0;}
#accordion img {padding: 3px 0;}

.ui-icon {
top: 0;
position:relative;
background-repeat:no-repeat;
display:block;
float: left;
overflow:hidden;
text-indent:-99999px;
height:16px;
width:16px;
}
.ui-state-default .ui-icon {
background-image:url(/library/img/ui-icons.gif);
background-position:0 0;
}
.ui-state-active .ui-icon {
background-image:url(/library/img/ui-icons.gif);
background-position:-15px 0;
}
/* GRI */
.gri {border-left: 1px solid #3d5f91;border-right: 1px solid #3d5f91; border-bottom: 1px solid #3d5f91;}
.gri td {font-size: 10px; line-height: 11px; border-left: 1px solid #3d5f91;border-right: 1px solid #3d5f91;}
.gri th {background-color: #3d5f91; color: #fff; text-align: center;}
.gri .title {background-color: #4A96C7; color: #fff; padding-left: 5px; }