/**************** 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; padding: 0; margin: 0;
background-image:url(images/bgr-endel-backgrnd.gif);
 background-repeat:no-repeat; background-position: center 200px; 
 }

/************* OBJETS GLOBALS *********************/
a  { color:#0168B7; text-decoration:none; outline:none;}
p {text-align:left}
a:hover { text-decoration:underline}
img { border:none; }
ul, li { list-style:url(gammes/puces/puce-gamme-06.gif); text-align:left; margin-left:20px; text-align:justify;}
ol, li { list-style:decimal, text-align:left; margin-left:20px; text-align:justify;}

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

p.fleche_bleu{	float: right; background: url(http://endel.rhum:81/cms/endel_1/upload/home/fleche_bleu.gif) no-repeat scroll left center; padding-left: 20px; }


#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}
/*********** 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:4px; text-transform:uppercase;}
#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:15px; height:auto; border-bottom:0px solid #ccc; }
#navigation .nav-lvl-1 {min-height:24px}
#navigation .nav-lvl-2 {}

/************* CONTENU CENTRE ****************/
#center { width:990px; /*background:url(images/bird.gif) 200px bottom no-repeat;*/ background-image:url(images/fond.gif); background-repeat:no-repeat; background-position:bottom; width:990px; padding-bottom:90px;}
#center #chemin-de-fer {border-bottom:1px solid #ccc; padding:5px 0 5px 18px; }
#center #col-centre {background-image:url(images/background_bottom_degrade.png); background-repeat:repeat-x; background-position:bottom;}


#center .col-centre-contenu { height: 100%; float:left;  padding:10px; padding-bottom:20px;background:url(images/fd-page01.gif) 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}
.puce_sous-titre {padding-left:25px; font-weight:bold;
background-image:url(gammes/puces/menu-n-2.gif); background-repeat:no-repeat; background-position:0 50%;}
.liste_tiret {list-style:none; margin-left:40px;}
.chapeau {color:#0168b5; font-size:12px; font-weight:bold;}
.bold {font-weight:bold;}
.red {color:#E61A02;}

.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:#ffffff;*/ border-right:0x solid #BDC2A9}
#center #col-gauche .col-gauche-contenu {width:210px; height:100%; float:left;  padding:10px;}

#center #col-droite { border-left:1px solid #BDC2A9}
#center #col-droite .col-droite-contenu {width:210px; height:100%; float:left;  padding:10px;}
#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;}
#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 { padding:5px; clear:both; height:15px; /*background:transparent url(images/fd-footer.gif) repeat-x scroll left top;*/ background-color:#0168b5;}

/*=================== 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}


/* ****** 
HOME PAGE
******* */
/*.bgr-image-tableau {background:url(images/fond.gif)left bottom no-repeat; width:990px; height:391px;}*/


/* *******
FOCUS
****** */
.bgr-focus-gris-top {background-image:url(images/focus-gris-head.gif); background-repeat:no-repeat; width:211px; height:60px;}
.bgr-focus-gris-top-titre {text-transform:uppercase; color:#e61a02; font-weight:bold; padding-left:10px; font-size:15px;}
.bgr-focus-gris-center {background-image:url(images/focus-gris-centre.gif); background-repeat:repeat-y; width:211px;padding:10px;}
.bgr-focus-gris-center-puce {background-image:url(images/fleche_bleu.gif); background-repeat:no-repeat;height:13px; padding-left:20px; margin-left:50px;}
.bgr-focus-gris-center-puce2 {background-image:url(images/fleche_bleu.gif); background-repeat:no-repeat;height:13px; padding-left:20px; margin-left:140px;}
.bgr-focus-gris-bottom {background-image:url(images/focus-gris-bottom.gif); background-repeat:no-repeat; width:211px; height:10px;}

.bgr-focus-endelengage-top {background-image:url(images/hp-titre-bgr.gif); background-repeat:no-repeat; width:225px; height:50px;}
.bgr-focus-endelengage-top-titre{text-transform:uppercase; color:#e61a02; font-weight:bold; padding-left:10px; font-size:15px;}


.bgr-focus-endel4clics-top {background-image:url(images/hp-titre-bgr.gif); background-repeat:no-repeat; width:225px; height:50px;}
.bgr-focus-endel4clics-top-titre{text-transform:uppercase; color:#e61a02; font-weight:bold; padding-left:10px; font-size:15px;}
.bgr-focus-endel4clics-img{margin-top:10px; margin-bottom:10px;}
.bgr-focus-endel4clics-lien a:hover, .bgr-focus-endel4clics-lien a:link, .bgr-focus-endel4clics-lien a:active, .bgr-focus-endel4clics-lien a:visited{color:#222222; font-size:13px; text-decoration:none; padding:0 2px 0 2px ;}
.bgr-focus-endel4clics-lien a:hover {text-decoration:underline;}