/**************** 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 Verdana, Arial, Helvetica, sans-serif; text-align:justify; color: #565656; } .MsoNormal{font:11px Verdana, Arial, Helvetica, sans-serif; text-align:justify; color: #565656; } /************* OBJETS GLOBALS *********************/ a { color:#565656; text-decoration: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:990px; background:#ffffff; margin: 0 auto; padding: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: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 #chemin-de-fer {border-bottom:1px solid #ccc; padding:5px 0 5px 18px; } #center #col-centre { height:auto } #center .col-centre-contenu{ height: 100%; float:left; padding-left:10px; padding-right: 10px; /* 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; 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;} /* 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;} /*=================== 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} /* 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} 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 */ #formule {} #formule .title03 {color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none;} #formule .title03-1{width: 220px; } #formule .title03-2{width: 218px; } #formule .title03-3{width: 218px; } #formule .title03-4{width: 226px; } #formule .text03 {color:#61524E; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none;} #formule #tab-content03 {color:#61524E; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; width:100%;} #formule #tab-content03 td {text-align: left; vertical-align: top; width:25%;} #formule #results { background:url("images/bgr-centre.jpg") repeat-y left top; padding:6px 12px; height:160px; width:882px; overflow:auto;text-align:center;} #formule #results_top{ height:10px; width:882px; background:url("images/img013_top.gif") no-repeat left top; } #formule #results_bottom{ height:10px; width:882px; background:url("images/img013_bottom.gif") no-repeat left top; } #formule td.dg-header { background:url("images/img014.gif") no-repeat left top;} #formule td.dg-body { background:url("images/img013.gif") no-repeat left top;} #print {} #print .titre {color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; text-decoration: none; padding-top:3px; background-color:#666666;} #print .row_gray {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#eee; } #print .row_gray_2 {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#fff; } #print .row_white {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#ffffff; } #print .row_white_2 {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#ffffff; } .descrip_print{padding-bottom:15px; padding-top:10px;} .titre {color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; text-decoration: none; padding-top:3px; background-color:#666666;}