/* CSS Globale */

body {background-repeat:repeat-x;background-position:0 106px;background-color:#fff;font-family:Tahoma, Geneva, sans-serif;font-size:0.625em;color:#777777;}
h1 {position:absolute;top:-99999em;}
a {text-decoration:none;color : #777777;}
a:hover {text-decoration:underline;}
input {font-family:Tahoma, Geneva, sans-serif;}
.clr {clear:both;height:0;font-size:0;line-height:0;border:0;overflow:hidden;}
.colonne {float:left;}
.masquer { text-indent:-99999em;position:absolute;}

ul.colonnes {position:relative;clear:both;zoom:1;}
ul.colonnes li {float:left;width:41%;display:block;position:relative;}

#conteneur {background:url(../images/bg_conteneur.png) repeat-y;width:950px;position:relative;margin:0 auto;padding:0 10px;}

#top {background:#fff url(../images/bg_header.gif) no-repeat 0 bottom; width:970px;margin:0 -10px;padding:2px 0 5px;clear:both;position:relative;display:block;clear:both;overfow:hidden;}
#top ul {height:25px;padding-left:25px;right:15px;}
#top ul li {height:25px;display:block;float:left;margin-right:5px;font-weight:bold;text-transform:uppercase;color:#fff; background:#bfc866 url(../images/bg_onglet.png) repeat-x; padding:0 10px;line-height:25px;}
#top ul li.first {background-color:#4fb8eb;width:195px;padding:0 15px;}
#top ul li.first a {padding-left:15px;background-image: url(../images/puce-fleche-off.gif);background-repeat: no-repeat;background-position: left 3px;}
#top ul li.second {width:670px;}
#top a {color:#fff;}
#top .coinHG {background:url(../images/coinHG.png) no-repeat;position:absolute;height:10px;width:10px;top:2px;left:25px;}
#top .coinHD {background:url(../images/coinHD.png) no-repeat;position:absolute;height:10px;width:10px;top:2px;right:25px;}
#top ul li form {line-height:normal;float:left;}
#top form {position:relative;left:175px;}
#top form legend span {position:absolute;left:-175px;top:6px;}
#top form input {background:#f9faf0;border:solid 1px #bebfb5;font-weight:bold;font-size:1em;margin-top:3px;color:#767676;display:block;float:left;height:14px;margin-left:5px;padding-left:5px;padding-right:5px;width:70px;}
#top form input.check {width:13px;height:13px;padding:0;display:block;font-size:1.1em;font-weight:normal;margin-top:5px;margin-left:15px;}
#top form button {border:0;background:none;display:block;float:left;padding:0;margin:3px 0 0 2px;cursor:pointer;height:16px;line-height:16px;width:22px;}
#top form label, #top form a {font-size:1em;margin-top:5px;color:#fff;display:block;float:left;text-transform:none;font-weight:normal;font-size:1.1em;}
#top form label { cursor:help; background:url(../images/bulle-aide.gif) no-repeat right 1px;padding-right:20px;margin-left:4px;}
#top form a {border-left:solid 1px #fff;padding-left:10px;margin-left:10px;}
#top form button span {height:16px;line-height:16px;display:block;border:solid 1px #bebfb5;background:#f9faf0;font-family:Tahoma, Geneva, sans-serif;font-weight:bold;font-size:0.75em;color:#767676;position:absolute;padding:0 2px;top:3px;cursor:pointer;}

form#moteur fieldset {width:235px;float:right;position:relative;display:block;background:#d2cdc3;height:25px;}
form#moteur fieldset #arrondi-recherche {position:absolute;width:5px;height:25px;top:0;left:0; background:url(../images/arrondi-recherche.png) no-repeat;}
form#moteur fieldset legend span {position:absolute;text-indent:-99999em;}
form#moteur label {	padding-right:5px;height:25px;line-height:25px;float:left;text-transform:uppercase;font-size:1em;color:#626262;padding-left:20px;}
form#moteur input {	width:115px;font-size:1.1em;height:15px;line-height:15px;margin-top:4px;padding:0 2px;float:left;border:0 none;border:solid 1px #fff;}
form#moteur button {width:16px;height:14px;	margin:5px 0 0 5px;display:block; background:url(../images/loupe.gif) no-repeat;float:left;cursor:pointer;border:0;}
form#moteur button span {position:absolute;text-indent:-99999em;display:block;}

#page {background:#fff;width:950px;margin:0 auto;position:relative;}
#page #tab { width:280px;height:144px;border-top:solid 12px #fff;left:5px;top:5px;position:absolute;z-index:1000;}

#header {background-repeat:no-repeat;background-position:0 bottom;position:relative;}
#header h2, #contenu h2 {position:absolute;text-indent:-99999em;}
#header h2.ttl_bandeau {z-index:2000;}
#logo {background:url(../images/tab.png) no-repeat;width:280px;height:144px;}
#logo a {width:207px;height:79px;display:block;position:relative;background:url(../images/logo.gif) no-repeat;position:relative;margin-left:35px;text-indent:-99999em;}
#logo #slogan {color:#003a8c;margin-left:85px;padding-top:5px;position:relative;display:block;width:150px;}
#logo #slogan span { background:url(../images/gdf-suez.gif) no-repeat;width:73px;height:12px;display:block;position:absolute;text-indent:-99999em;top:8px;right:0; }
#header .arrondi {background:url(../images/header-arrondi.png) no-repeat;width:950px;height:55px;position:absolute;bottom:0;}

#menu-principal {padding-top:15px;text-transform:uppercase;font-weight:bold;color:#a6ad68;display:block;margin-left:300px;height:25px;line-height:25px;width:650px;}
#menu-principal li {display:inline;font-size:1em;margin-right:25px;}
#menu-principal li a {color:#777777; background:url(../images/puce-fleche-menu-off.gif) no-repeat 0 3px;padding-left:15px;}
#menu-principal li.select a {color:#acb542; background-image:url(../images/puce-fleche-menu-on.gif);}

#contenu {padding:0 10px;position:relative;float:left;}
#contenu ul {margin-top:10px;}
#contenu ul li {font-size:1.1em;line-height:1.2em;position:relative;}
#contenu ul li a {color:#7b851e;position:relative;font-weight:bold;}

#contenu ul.liens li {font-size:1.1em; background:url(../images/puce-fleche-li-off.gif) no-repeat 0 3px;padding-left:12px;margin-top:5px;padding-right:15px;line-height:1.2em;position:relative;zoom:1;}
#contenu ul.liens li a span {display:block;font-weight:normal;position:relative;zoom:1;cursor:pointer;}
#contenu ul.liens li a:hover span {text-decoration:underline;}

h3 span {background:url(../images/ttl_picto.gif) no-repeat 0 2px;display:block; width:100%;min-height:25px; }
.pub {margin-top:50px;position:relative;}
h3.first, pub.first {margin-top:15px;}

.bloc-ombre {width:246px;background:url(../images/trame.gif) repeat;position:relative;top:20px;}
.bloc-ombre .top {background:url(../images/bg_ombre246-top.gif) no-repeat;width:246px;height:14px;}
.bloc-ombre .middle {background:url(../images/bg_ombre246.gif) repeat-y; padding:0 25px 10px;}
.bloc-ombre .bottom {background:url(../images/bg_ombre246-bottom.gif) no-repeat;width:246px;height:14px;}

#espace-client h2, .pub h3, #footer h2 {position:absolute;text-indent:-99999em;}
#espace-client #bt_acces {background:url(../images/bg_acces-client.png) no-repeat;width:204px;height:54px;margin:0 -4px;position:relative;top:10px;}
#espace-client #bt_acces a {display:block;color:#454b0f;width:154px;height:34px;font-size:1.4em;font-weight:bold; background:url(../images/cadenas.gif) no-repeat 25px 7px; text-indent:50px;padding:10px 25px;overflow:hidden;}
#espace-client #bt_acces a span {text-transform:uppercase;color:#fff;font-size:1.3em;font-weight:normal;letter-spacing:2px;line-height:1.3em;overflow:hidden;}
#espace-client #bt_acces a:hover {text-decoration:none;}
#espace-client h3 {color:#a05db7;font-weight:normal;text-indent:0;background: url(../images/trait-bloc.gif) no-repeat 0 bottom;padding:30px 0 5px 0;margin:0;line-height:1.2em;font-size:1.8em;}
#espace-client h3.info {letter-spacing:-1px;font-size:1.4em;font-weight:bold;background:none;}
#espace-client p, #espace client ul li {color:#6f6966;}
#espace-client ul li {padding-top:5px; font-size:1.1em;line-height:1.1em;position:relative;}
#espace-client ul.coches li {background:url(../images/puce-coche.gif) no-repeat 0 1px; padding-left:20px;}
#espace-client ul.contact {background:url(../images/courbe.gif) no-repeat 0 center;padding-left:25px;padding-bottom:5px;}
#espace-client ul.contact li {margin-top:5px;}
#espace-client ul.contact li h4 {font-size:1.2em;padding:;margin:0;font-weight:normal;color:#4b4c4c;}
#espace-client ul.contact li p {padding-top:0;color:#0098d1;font-size:1.7em;}
#espace-client ul.contact li.tel p { background:url(../images/tel.gif) no-repeat 0 5px;padding-left:25px;line-height:normal;}
#espace-client ul.contact li.tel p span {font-family:Verdana, Geneva, sans-serif;font-size:0.5em;color:#9b9b9b; font-style:italic;line-height:1em;}
#espace-client ul.contact li.email { background:url(../images/email.gif) no-repeat 0 7px; padding-left:25px;font-size:1.2em;font-weight:bold;}
#espace-client ul.contact li.email a {color:#7B851E;}

#espace-client .bouton {margin:15px auto 0; background:url(../images/bg_bouton.png) no-repeat;width:167px;height:14px;padding:5px;}
#espace-client .bouton a {color:#fff;font-weight:bold;font-size:1.2em;background: url(../images/puce-fleche-off.gif) no-repeat 0 center;padding-left:15px;}

#menu-rubrique {width:226px;background:#269cd3 ;margin-left:0;min-height:225px;font-family:Verdana, Geneva, sans-serif; }
#menu-rubrique h2 {background:#2395cf url(../images/bg_degrade-titre.gif) repeat-x 0 bottom;min-height:20px;color:#fff; font-size:1.5em;font-weight:bold;display:block;padding:95px 15px 15px;border-bottom:solid 2px #fff;}
#menu-rubrique ul {background:#f3f6d4;margin-top:0;}
#menu-rubrique ul li {border-bottom:solid 2px #fff;}
#menu-rubrique ul li a {padding:5px 15px 5px 30px; display:block; background:url(../images/puce-fleche-li-off.gif) no-repeat 15px 9px;font-size:1.2em;color:#777777;line-height:1.2em;font-weight:bold;}
#menu-rubrique li.on a {background-image:url(../images/puce-fleche-li-on.gif);background-color:#e9eced;}
#menu-rubrique ul li a:hover {text-decoration:none;background-color:#e9eced;color:#0098D1;}
#menu-rubrique ul ul {background:#fff;padding: 5px 15px 5px 15px;}
#menu-rubrique ul li.on ul li a {padding:1px 0 1px 15px;font-size:1em; line-height:1.1em;background:url(../images/puce-ronde.gif) no-repeat 0 4px;}
#menu-rubrique ul li ul li a:hover {background-color:#fff;background-image:url(../images/puce-ronde-on.gif);color:#777777;}
#menu-rubrique ul li ul li.select a, #menu-rubrique ul li ul li.select a:hover {color:#0098D1;background-image:url(../images/puce-ronde-on.gif);}
#menu-rubrique li ul, #menu-rubrique li.off ul {display:none;}
#menu-rubrique li.on ul {display:block;}
#menu-rubrique .bottom {height:18px; background:url(../images/bg_menu-bottom.gif) repeat-x;position:relative;}
#menu-rubrique .bottom .coinBD {background: url(../images/coinBD.png) no-repeat; width:10px;height:10px; position:absolute;bottom:0;right:0;overflow:hidden;font-size:0;}

#chemin-de-fer {line-height:9px;font-family:Verdana, Geneva, sans-serif;font-size:1.1em;height:9px;padding:10px 0 15px 20px; background:url(../images/empreinte.gif) no-repeat right center;}
#chemin-de-fer span {background:url(../images/puce-fleche-li-off.gif) no-repeat; width:9px;height:9px;display:inline-block;text-indent:-99999em;}
#chemin-de-fer a {color:#0098D1;}

#footer {background: url(../images/bg_footer.jpg) no-repeat center bottom; width:920px;height:145px;margin:0 -10px;position:relative;font-size:1em;padding:0 25px;top:20px;}
#footer ul {margin-top:14px;text-align:center;font-weight:bold;}
#footer ul li {border-left:solid 1px;padding: 0 5px;font-size:1.1em;padding-bottom:1px;display:inline;}
#footer ul li.first {border-left:none;}
#footer ul.nav-bas {float:right;font-weight:normal;}
#footer ul.nav-bas li {font-size:1em;display:block;float:left; }
#footer #lien-accueil a {color:#289e6e;}
#footer #lien-part a {color:#e88c33;}
#footer #lien-pro a {color:#942c66;}
#footer #lien-collec a {color:#cb67b2;}
#footer #lien-gce a {color:#031669;}
#footer #lien-cegibat a {color:#838ebb;}
#footer #lien-gdfsuez a {color:#009088;}
#footer #lien-sites a {color:#4b4b4b;}
#footer q {display:block;clear:both;text-align:center;margin-top:62px;}