/**************** FEUILLE DE STYLE - SUEZ - GRILLES *****************/

/* RESET WHITE SPACE */
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; } 
table { border-collapse:collapse;  border-spacing:0;  } 
fieldset {   border:0; } 
address,caption,cite,code,dfn,em,th,var {  font-style:normal;  font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th {  text-align:left; } 
h1,h2,h3,h4,h5,h6 {  font-size:100%;  font-weight:normal; } 
/* RESET WHITE SPACE */

html, body { height:100%;}
body {font:11px Arial; text-align:justify; color: #4e4947; background:url("images/back-degrade.gif") top left repeat; width:100% }
.MsoNormal{font:11px Verdana, Arial, Helvetica, sans-serif; text-align:justify; color: #565656; }

/************* OBJETS GLOBALS *********************/
a  { color:#565656; text-decoration:none; outline:none;}
p { }
a:hover { text-decoration:underline}
img { border:none; }
ul, li { list-style:none; text-align:left}

/********** MISC CLASSES *************/
.offline { border:1px solid red; /*display:none*/}
.btn-back { text-align: right; padding-top: 20px;}
.bloc-list-01 { padding-bottom:2px}
.left { float:left}
.right { float:right}
.txt-left { text-align:left}
.txt-right { text-align:right}
.clear { clear:both; padding-bottom:2px}
/*********** COULEURS ***************/

/*********** FONTS - TITRES ************/

h1.trade-title { font:normal bold 15px Tahoma, Verdana;  text-transform:uppercase; }
h2.trade-title { font:normal bold 13px Tahoma, Verdana;  margin-left:8px; padding-top:10px; margin-top:0 }
h3.trade-title { font:normal bold 11px Tahoma, Verdana; text-transform:uppercase; }
#col-centre h1 { text-transform:uppercase; font-size:16px}
#col-centre h3 { text-transform:uppercase; font-size:12px}
/************ STRUCTURES GLOBALS *****************/
#global {width:928px; margin: 0 auto;  padding:0;  border:1px solid #cbcbc9; border-top:0; height:auto;}
#center{padding-bottom:55px;background:#ffffff; }
/*********** HEADER **********************/
#header { font-size:10px }
#header #identite {width:972px; height:70px; padding-left:18px;  }
#header #identite #identite-gauche { float:left; }
#header #identite #identite-droit { float:right; padding:0; margin:0; padding-right:80px}
#header #identite .logo { display:block; background:url(images/logo.gif) top left no-repeat; width:500px; height:67px }
#header  .chemin-de-fer { float:right;  padding-top:8px}
#header #identite .header-recherhce {  width:auto; padding-left:12px;height:81px; background:url(images/fd-sep-header.gif) top left no-repeat; margin-top:9px; float:left; }
#header #identite .header-lang   { padding-left:12px; padding-right:50px; height:81px; background:url(images/fd-sep-header.gif) top left no-repeat; margin-top:9px; float:left;  }
#header #identite .header-bourse   { padding-left:12px; padding-right:50px; height:81px; background:url(images/fd-sep-header.gif) top left no-repeat; margin-top:9px; float:left;  }
#header .header-lang  p a, #header .header-lang p a:visited { background:url(images/puce-croix.gif) center left no-repeat; font:10px Verdana, Arial, Helvetica, sans-serif; padding-left:12px; text-decoration:none; }
#header h3 { margin:10px 0 4px 0; padding:0;}

/************* NAVIGATION ***********/
#navigation{min-height:0px; height:auto; border-bottom:1px solid #ccc; }
#navigation .nav-lvl-1 {min-height:0px}
#navigation .nav-lvl-2 {}

/************* CONTENU CENTRE ****************/
#center #chemin-de-fer {border-bottom:1px solid #ccc; padding:5px 0 5px 18px; }
#center #col-centre {height:auto; padding:38px 5px 0 5px;}
#global .hpgridcentre  .col-centre-contenu{padding-left:10px; padding-right: 10px;}
#center .col-centre-contenu{ height: 100%; float:left;  padding-left:15px; padding-right: 15px; /* padding-bottom:20px */}
#center .col-centre-contenu p{  }

/*#center .col-centre-contenu a{ color:#0051B7;  text-decoration:none }
#center .col-centre-contenu a:hover{ color:#00b3cd;  text-decoration:underline }
#center .col-centre-contenu a.lien-gris {color:#565656; text-decoration:none}
#center .col-centre-contenu a.lien-gris:hover{color:#565656; text-decoration:underline}
#center .col-centre-contenu a.lien-gris:visited{color:#565656; text-decoration:none}
#center .col-centre-contenu a.raz {color:#565656; text-decoration:none}
#center .col-centre-contenu a.raz:hover{color:#565656; text-decoration:none}
*/
#col-centre .souligner { background: transparent url(images/trait-petit.gif) left 30px no-repeat; }
#col-centre .titre { padding-top:10px; padding-bottom:10px; font-weight:bold; }
#col-centre .titre-hp   { padding-top:10px; padding-bottom:10px; text-transform:uppercase; }
#col-centre #pagination {text-align:center; margin-top:20px}
#col-centre #pagination .currentPage { font-weight:bold; font-size:16px}
#col-centre .flash-hp { padding-top:5px}
#col-centre table { background-repeat:no-repeat}
#center .col-centre-contenu  .fck_contenu {}
#center .col-centre-contenu  .fck_contenu p { text-align:justify}


.list-hp-01 li { background:url(gammes/puces/puce-gamme-00.gif) center left no-repeat; margin-left:10px; padding-left:10px; list-style:none; text-align: left}

.afficher_colone{
	/*width:179px;*/
}
.masquer_colone{
	display:none;
	width:1px;
}

/**** HOMEPAGES ***/
#col-centre #hp-container {style:width:770px; background:#ffffff}
#col-centre #hp-container  table { background-repeat:no-repeat}

/*COLONNE DE GAUCHE */
#center #col-gauche { /*background-color:#bdc2a9*/; border-right:0px solid #BDC2A9}
#center #col-gauche .col-gauche-contenu {width:210px; height:100%; float:left;  padding:10px;}
/* FOCUS */
#col-gauche .focus-contenu h1 { color:#FFFFFF; text-transform:uppercase; font-size:15px; margin-top:15px; margin-left:15px;}
#col-gauche .focus-contenu  p { padding-top:15px; padding-left:3px; padding-right:3px; text-align:left}
#col-gauche .focus-contenu .focus-header {border-bottom:1px solid #ffffff; }
#col-gauche .focus-contenu .focus-header h1 { padding:0; margin:0; margin-left:20px; padding-top:15px; padding-bottom:10px}
#col-gauche .focus-contenu .contenu { padding-top:10px; padding-right:5px}

/*COLONNE DE DROITE */
#center #col-droite { border-left:0px solid #BDC2A9}
#center #col-droite .col-droite-contenu {width:210px; height:100%; float:left;  padding:10px;}
#center #col-droite a{ color:#0051B7;  text-decoration:none }
#center #col-droite a:hover{ color:#00b3cd;  text-decoration:underline }
/* FOCUS */
#col-droite .focus-contenu h1 { color:#FFFFFF; text-transform:uppercase; font-size:15px; margin-top:15px; margin-left:15px;}
#col-droite .focus-contenu  p { padding-top:15px; padding-left:3px; padding-right:3px; text-align:left}
#col-droite .focus-contenu .focus-header {border-bottom:1px solid #ffffff; }
#col-droite .focus-contenu .focus-header h1 { padding:0; margin:0; margin-left:20px; padding-top:15px; padding-bottom:10px}
#col-droite .focus-contenu .contenu { padding-top:10px; padding-right:5px}

/**************** FOOOTER **************/
#footer {clear:both; height:21px; border-top:1px solid #cbcbc9; width:928px; overflow:hidden;}


/*=================== FORMULAIRE GENERALE =======================*/
form {margin: 0; padding: 0; font-size:11px; }
fieldset { margin: 0 0 1em; padding: 10px; border:none;}
fieldset.options h3 {visibility: hidden; }
fieldset.options h3.show {visibility: visible;}
select, input, textarea {font-size: 1.1em; color:#000; letter-spacing:1px; border:1px solid #DCD9CA;}
textarea{width:250px;}
html>body p input[type="text"] {text-indent: 2px;}
p input:focus, p textarea:focus {background: #F1EFE6;}
fieldset.noBorder {padding: 0; border: none;}
fieldset.inside { background:transparent;}
fieldset.options {clear: left;  background: #ffffff;border-top: none;}
form h3 {padding:0;margin:0; font-size: 1.2em; color: #000;}
fieldset h3 {font-size: 1.1em;}
fieldset p {line-height: 1.8; margin: 0.5em 0 0.5em;}
fieldset p label {
float:left;
font-weight:bold;
padding-right:20px;
text-align:left;
width:160px;
}

/* MAIN FORM */

#main_form { width:700px}
#main_form label  {}
#main_form #bouton-valider { width:75px; text-align:center; float:left; padding:0; margin:0; margin-left:110px}

/* SITEMAP */
.bloc-lvl01{ margin-top: 10px; margin-bottom: 10px; }
.sitemap-lvl01 a{margin-left: 0; font-weight: bold; color:#00b3cd; }
.sitemap-lvl02{ background:url(gammes/puces/puce-gamme-00.gif) left 5px no-repeat; margin-left:10px; padding-left:10px; list-style:none; text-align: left}

/* FCK COPIE */

/* POSITION */
.position-droite{ float: right; margin-left: 5px; margin-bottom: 5px; }
.position-gauche{ float: left; margin-right: 5px; margin-bottom: 5px; }
/* TITRE */
.titre-2{ padding-top:10px; padding-bottom:10px; text-transform:uppercase; height:40px}
.paragraphe-standard { padding-top:15px; padding-left:3px; padding-right:3px; text-align:left}
.texte-couleur-bleu{color:#0051B7;}
/* PUCES */
.puce{color:#0051B7;  background:url(gammes/puces/puce-gamme-11.gif) left 5px no-repeat; padding-left:10px}
.puce-ronde{  background:url(gammes/puces/puce-ronde-gamme-11.gif) left 5px no-repeat; padding-left:10px}
.puce-link { color:#0051B7; float:right; background:url(gammes/hp/puce-02.gif) left 5px no-repeat; padding-left:10px}


ul li { background:url(gammes/puces/puce-black.gif) left 5px no-repeat; margin-left:10px; padding-left:10px; list-style:none; text-align: left}
ol li { background:url(gammes/puces/puce-bordeau.gif) left 5px no-repeat; margin-left:10px; padding-left:10px; list-style:none; text-align: left}

/* COPIE D'ELYO */
.titre-vert   {font:16px Arial, Helvetica, sans-serif; color:#92be58; text-transform:uppercase; font-weight:bold}
.titre-aqua   {font:16px Arial, Helvetica, sans-serif; color:#00b3cd; text-transform:uppercase; font-weight:bold}
.titre-mauve  {font:16px Arial, Helvetica, sans-serif; color:#9f5497; text-transform:uppercase; font-weight:bold}
.titre-orange {font:16px Arial, Helvetica, sans-serif; color:#E4000F; text-transform:uppercase; font-weight:bold}
.texte-vert   {color:#92be58; font-size: 11px}
.texte-aqua   {color:#00b3cd; font-size: 11px}
.texte-mauve  {color:#9f5497; font-size: 11px}
.texte-orange {color:#E4000F; font-size: 11px}
.txt-mise-en-avant { font: 12px Arial, Helvetica, sans-serif; color:#0051b7}
.puce-fleche-vert   {background:url(images/puce-vert.gif)   top left no-repeat; padding-left:16px; display:block }
.puce-fleche-aqua   {background:url(images/puce-aqua.gif)   top left no-repeat; padding-left:16px; display:block }
.puce-fleche-mauve  {background:url(images/puce-mauve.gif)  top left no-repeat; padding-left:16px; display:block }
.puce-fleche-orange {background:url(images/puce-orange.gif) top left no-repeat; padding-left:16px; display:block }
.puce-fleche-gris   {background:url(images/puce-gris2.gif)  top left no-repeat; padding-left:16px; display:block }
.puce-rond-bleu {background:url(images/puce-rond-bleu.gif) top left no-repeat; padding-left:12px; display:block }
.puce-carre-vert{background:url(gammes/puces/puce-gamme-10.gif) center left no-repeat; padding-left:10px;  }
/* COPIE D'ELYO FIN */

/* FCK COPIE FIN */

/* MENU GAUCHE */
#col-gauche .menugauche {padding-top:38px;}
#col-gauche .menugauche .menugauche_general {width:153px; }
#col-gauche .menugauche .menugauche_general .menugauche_general_top {background:url("gammes/menu-gauche/bgr-top-menu-grey.gif") top left no-repeat; width:153px; height:15px;}
#col-gauche .menugauche .menugauche_general .menugauche_general_center {background:url("gammes/menu-gauche/bgr-center-menu-grey.gif") top left no-repeat; width:153px; min-height:148px;height:auto !important; height:148px;}
#col-gauche .menugauche .sep-menu-left {background:url("gammes/menu-gauche/sep_menu.png") top left no-repeat; width:108px; height:4px; margin-bottom:2px;}
*html #col-gauche .menugauche .sep-menu-left{background:url("gammes/menu-gauche/sep_menu.gif") top left no-repeat; width:108px; height:4px; margin-bottom:2px;}

/* MENU RIGHT */
#col-droite {padding-top:38px;}

/* ************ */
#col-centre .accroche {background:url("gammes/puces/puces_01.gif") center left no-repeat; padding-left:15px; color:#882519; font-weight:bold;}
#col-centre .accroche-orange {background:url("gammes/puces/puces_01.gif") center left no-repeat; padding-left:15px; color:#882519; font-weight:bold;}
#col-centre .accroche-noir {background:url("gammes/puces/puces_01.gif") center left no-repeat; padding-left:15px; color:#000000;}
#col-centre .titre_contener_remy{font-weight:bold; font-size:18px;}
#col-centre .titre_contener_remy-communique-focus div{margin-top:-7px; margin-left: 6px;}
.bordeaux {color:#8b3952;}
#col-centre .marge_image {margin-left:75px;}
#col-centre .histoire_liste {margin-left:145px;}
#col-centre .annee_histoire_liste {color:#6f3041; font-size:16px; font-weight:bold;}
#col-centre .info_reg_n1 {margin-left:85px;background:url("images/bgr-info-reg-01.gif") top left no-repeat;width:495px; height:65px;}
#col-centre select.info_reg_select {width:150px; margin-top:40px; margin-left:30px;}
#col-centre .info_reg_n2 {width:495px; height:35px; background-color:#ebede5;margin-left:85px;}
#col-centre select.info_reg_select2 { margin-top:10px; margin-left:30px;}
#col-centre .info_reg_contener {padding-left:80px; width:85%;}
#col-centre .info_reg_contener_titre { background:url("gammes/puces/puce-rose.gif") center left no-repeat; padding-left:10px; color:#882519;}
#col-centre .info_reg_sep {background:url("images/sep-rose.gif") center left repeat-x; height:31px; width:475px;}

/* FOCUS */
/* focus grey */

.focus_grey_general {width:179px;background:url("gammes/focus/bgr-repeat-focus-grey.gif") top left repeat-y;}
.focus_grey_general .focus_grey_general_top {background:url("gammes/focus/bgr-top-focus-grey.gif") top left no-repeat; width:179px; height:12px;}
.focus_grey_general .focus_grey_general_repeat {background:url("gammes/focus/bgr-center-focus-grey.gif") top left no-repeat; width:179px; padding:15px; min-height:76px;height:auto !important; height:76px;}
.focus_grey_general .focus_grey_general_repeat a{font-size:13px;color:#000000!important; font-weight:bold;}
.focus_grey_general .focus_grey_general_repeat a:hover {color:#000000;}
.focus_grey_general .focus_grey_general_repeat p{ text-align:center; color:#000000;}
.focus_grey_general .focus_grey_general_bottom {background:url("gammes/focus/bgr-bottom-focus-grey.gif") top left no-repeat; width:179px; height:13px;}


/* FINANCE */
/* gauche*/ 
.image_focus_left_finance {padding-top:38px;}
/* centrale */
/* centrale gauche */
#col-centre .finance-focus-left {width:288px; float:left;}
#col-centre .finance-focus-left-evenement {width:288px; background:url("gammes/focus/finance-evenement-repeat.gif") top left repeat-y;}
#col-centre .finance-focus-left-evenement-top {width:288px; height:21px; background:url("gammes/focus/finance-evenement-top.gif") top left no-repeat;}
#col-centre .finance-focus-left-evenement-center{width:288px; background:url("gammes/focus/finance-evenement-center.gif") top left no-repeat; min-height:241px;height:auto !important; height:241px;}
#col-centre .finance-focus-left-evenement-center-contener{width:258px; padding-left:15px;}
#col-centre .finance-focus-left-evenement-bottom {width:288px; height:17px; background:url("gammes/focus/finance-evenement-bottom.gif") top left no-repeat;}
/* centrale droite */
#col-centre .finance-focus-right{width:211px; float:left; margin-left:12px !important; margin-left:6px;}
#col-centre .finance-focus-left-communiques-publication{width:211px; background:url("gammes/focus/finance-communique-repeat.gif") top left repeat-y;}
#col-centre .finance-focus-left-communiques-publication-top{width:211px; height:21px; background:url("gammes/focus/finance-communique-top.gif") top left no-repeat;}
#col-centre .finance-focus-left-communiques-publication-center{width:211px; background:url("gammes/focus/finance-communique-center.gif") top left no-repeat; min-height:99px;height:auto !important; height:99px;}
#col-centre .finance-focus-left-communiques-publication-bottom{width:211px; height:17px; background:url("gammes/focus/finance-communique-bottom.gif") top left no-repeat;}
#col-centre .finance-focus-left-communiques-publication-center-contener {width:190px; padding-left:8px; text-align:left;}

ul.prochains {clear:both;padding-top:5px;}
ul.prochains li {background:url("gammes/puces/puces_02.gif") center left no-repeat; padding-left:10px;}
/* droite */
.finance-marge-droite {height:38px;}
.focus_grey_finance{background:url("gammes/focus/finance-grey-repeat.gif") top left repeat-y; width:169px; margin-bottom:22px; margin-top:1px; text-align:left;float:left;margin-left:12px !important;margin-left:6px; }
.focus_grey_finance_top {background:url("gammes/focus/finance-grey-top.gif") top left no-repeat; height:11px; width:179px; font-size:8px;}
.focus_grey_finance_repeat {padding:10px; color:#000000; width:179px; background:url("gammes/focus/finance-grey-center.gif") top left no-repeat; min-height:56px;height:auto !important; height:56px;}
.focus_grey_finance_repeat input.email {height:15px; width:125px; background:url("images/bgr-input-email.gif") top left repeat-x; border:none; float:left; }
.focus_grey_finance_repeat input.submit {height:15px; background:url("images/bgr-input-ok.gif") top left repeat-x;  display:block; float:left; margin-left:1px; cursor:pointer;font-size:10px;}
.focus_grey_finance_bottom {background:url("gammes/focus/finance-grey-bottom.gif") bottom left no-repeat; height:11px; width:179px;}
.focus_grey_finance_repeat a {color:#000000!important; font-size:11px; text-align:center;}
.focus_grey_finance_repeat .accroche2 {background:url("gammes/puces/puces_01.gif") center left no-repeat; padding-left:15px; color:#882519; font-weight:bold;}
.accroche_focus {color:#882519; text-decoration:underline}
.titre-focus-grey {color:#101010; font-weight:bold; font-size:14px;}

/* COMMUNIQUES */
#communique {}
#communique .date {background:transparent url(gammes/puces/puce-rose.gif) no-repeat scroll left center;color:#882519; padding-left:10px; color:##882519;}
#communique .fichier .download {background:transparent url(images/puce-gris.gif) no-repeat left center; padding-left:10px; margin-left:25px;}
#communique .retour {background:transparent url(gammes/puces/puces_011.gif) no-repeat left center; padding-left:15px;}


/* ABONNES */
#abonne {}
#abonne .retour {background:transparent url(gammes/puces/puces_011.gif) no-repeat left center; padding-left:15px;}



/* CONTACT */
#contact .color{color:#86261A; font-weight:bold;}
#contact label {color:#86261A;}


/* RAAPORT ANNUEL */
a.doc_lien {background:url("gammes/puces/puces_01.gif"); background-repeat:no-repeat; background-position: center left; padding-left:15px;}