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

/* RESET WHITE SPACE */
* {padding:0; margin:0; }
/* RESET WHITE SPACE */
html, body { height:100%}
body {font:11px Verdana, Arial, Helvetica, sans-serif; text-align:justify }

/************* OBJETS GLOBALS *********************/
a  { color:#565656; text-decoration:none}
p {text-align:left}
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:990px; background:#ffffff; margin: 0 auto;  padding:0;  border:1px solid #5A5A5A; border-top:0; height: auto}
#center{ background: #ffffff url(images/fd-center.gif) top left no-repeat; }
/*********** 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{width:990px;  min-height:0px; height:auto; border-bottom:1px solid #ccc; }
#navigation .nav-lvl-1 {min-height:0px}
#navigation .nav-lvl-2 {}

/************* CONTENU CENTRE ****************/
/* #center { width:990px; background:url(images/bird.gif) 200px bottom no-repeat;} */
#center #chemin-de-fer {border-bottom:1px solid #ccc; padding:5px 0 5px 18px; }
#center #col-centre { background:url(images/fd-page01.gif) no-repeat; height:auto }
#center .col-centre-contenu { height: 100%; float:left;  padding:10px; padding-bottom:20px}
#col-centre .souligner { background: transparent url(images/trait-petit.gif) left 30px no-repeat; }
#col-centre .titre { padding-top:10px; padding-bottom:10px; text-transform:uppercase; height:40px}
#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:210px;
}
.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;}

/*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;}
#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}


/*COLONNE DE DROITE */

#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}

/**************** FOOOTER **************/
#footer { padding:5px; clear:both; height:15px}

/*=================== 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:750px}
#main_form label  {}
#main_form #bouton-valider { width:75px; text-align:center; float:left; padding:0; margin:0; margin-left:110px}


/* FCK COPIE */

/* 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}
li { background:url(gammes/puces/puce-gamme-00.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 */