/* 
    Document   : index
    Created on : 17 juin 2008, 14:10:37
    Author     : jeanluc
    Description:
        Purpose of the stylesheet follows.
*/

html, body {
    /*height: 100%;
    width: 100%;
    overflow: auto;*/
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Helvetica,Lucida Grande,Verdana,Arial,Sans-Serif;
    font-size: 11px;
    height: 100%;
    background-image: url(../images/fond.jpg);
}

/*
div {
    /*border: 1px red solid;*/
/*    margin-bottom: 8px;
    
}
*/
/*
 Largeur et marge Bloc gauche
*/
div.fond {
    height: 360px;
    width: 640px;
    background-color: #fff;
    background-image: url(../images/bande-menu-gris.png);
    /*background-attachment: fixed;*/
    background-repeat: repeat-x;
    background-position: 0px 278px; /* 288px/ 376px si attachment fixed position à partir du haut de la fenêtre fx et IE7*/
}

div.fond2 {
    height: 342px;
    background-position: 0px 260px; /* 288px/ 376px si attachment fixed position à partir du haut de la fenêtre fx et IE7*/
}

div.fond3 {
    height: 264px;
    background-position: 0px 260px; /* 288px/ 376px si attachment fixed position à partir du haut de la fenêtre fx et IE7*/
}

div.deroulant {
    overflow: auto;
    height: 360px;
    width: 640px;
}

div.deroulant_cmd {
    overflow: auto;
    height: 342px;
    width: 640px;
}

div.deroulant_doc {
    overflow: auto;
    height: 264px;
    width: 640px;
}

div#bloc_clients, div#bloc_menu_droite {
    /*width: 190px;*/
    width: 151px;
    
}
/*div#bloc_principal, div#bloc_menu_image, div#bloc_menu_haut {*/
    /*margin-right: 199px;*/
    /*margin-right: 160px;
}
*/
/*
*/


div#contenu {
    /*width: 1000px;*/
    width: 800px;
    /*height: 100%;*/
    margin: auto;
    position: relative;
}

div#bloc_clients {
    text-align: left;
    float: right;
}

div#bloc_menu_haut {
    color: #999;
    text-align: right;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    height: 53px;
    font-size: 11px;
    margin-top: 8px;
}

div#bloc_menu_haut a, div#bloc_menu_bas a {
    text-decoration: none;
    color: #999;
}

div#bloc_menu_haut a:hover, div#bloc_menu_bas a:hover {
    text-decoration: underline;
}

div#bloc_agences {
    background-color: black;
    color: #999;
    text-align: left;
    padding: 2px;
    clear: right;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 11px;
    height: 14px;
}

div#bloc_agences a {
    text-decoration: none;
    color: #999;
}

div#bloc_agences a:hover {
    /*font-weight: bold;*/
    color: white;
}

div#bloc_central {
    /*position: relative;*/
    margin-bottom: 2px;
    text-align: left;
}

div#bloc_menu_droite {
    background-color: #ccc;
    text-align: left;
    position: absolute;
    right: 0px;
    /*height: 100%;*/
    height: 422px;
    background-image: url(../images/bande-menu.png);
    background-repeat: no-repeat;
    background-position: -8px 278px;
}

div#bloc_principal {    
    text-align: left;
    /*position: relative;*/
    /*
    background-image: url(../images/bande-menu.jpg);
    background-repeat: repeat-x;
    background-position: 0px 288px;
    */
    height: 360px;
    width: 640px;
    /*overflow: auto;*/
    overflow: hidden;
}

div#bloc_principal ul{
   /* margin-left: 20px; */
}

div#bloc_principal li {
    
}

div.accueil {
    line-height: 1px;
    margin: 0;
    padding: 0;
}

div#bloc_menu_image {
    text-align: left;
    margin-top: 8px;
    margin-bottom: 0px;
    width: 640px;
    height: 54px;
}

div#bloc_menu_image img {
    border: none;
}

div#bloc_menu_bas {
    color: #999;
    /*clear: right;*/
    text-align: left;
    font-size: 11px;
    margin-bottom: 0;
}
/**
 * Slide Show
 */

div#my_show h2 {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

div#my_show p {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: justify;
    line-height: 1em;
}

.no-margin {
    margin: 0;
    padding: 0;
}

/**
 * BLOC CLIENTS
 */
div#bloc_clients th {
    background-color: #ccc;
    color: #f82;
    width: 151px;
}

div#bloc_clients td {
    background-color: #ccc;
    color: #fff;
}

div#bloc_clients table {
    border-collapse: separate;
    /*width: 100%;*/
    width: 151px;
}

form input[submit] {
    background-color: #000;
    color: #fff;
    border: none;
    cursor: pointer;
}

form input, form textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #444;
    font-size: 11px;
}

input.recherche {
    font-size: 9px;
    width: 133px;
    height: 12px;
    border: 1px solid #000;
}

form fieldset legend {
    font-weight: bold;
    font-size: 11px;
    /*font-style: italic;*/
    color: #444;

}

/*form, label, legend, input {
    position: relative;
}*/

form fieldset {
    /*border: none;*/
    border: 1px solid #999;
    padding: 5px;
    background-color: #e6e6e6;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;
    /*position: relative;*/
}

form input:focus {
    /*border: 1px solid #96a840;*/
    border: 1px solid #2288FF;
}
/**
 * Menu déroulant
 */

#menu_client {
    /*margin-top: 18px;*/
}

#nav, #nav ul, #menu_client, #menu_client ul, #menu_divers, #menu_divers ul { /* toutes les listes */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1; 
}

#nav a, #menu_client a, #menu_divers a{
    display: block;
    /*width: 188px;*/
    width: 149px;
    height: 15px;
    line-height: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #999;
    background-color: white;
    padding: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 11px;
}

#menu_divers a{
    font-weight: normal;
}

/* lien 2eme niveau */
#nav li ul a, #menu_client li ul a, #menu_divers li ul a {
    font-weight: normal;
}

#menu_client a {
    color: #FF8822;
}

#menu_divers a {
    /*color: #2288FF;*/
    color: #999;
}

#nav li, #menu_client li, #menu_divers li{ /* tous les items de liste */
        /*position: relative;*/
    float: left;
    /*width: 188px;*/ /* largeur obligatoire, sinon opera devient fou */
    width: 149px;
    background: transparent;
}

#nav li ul { /* listes de deuxième niveau */
    position: absolute; 
    opacity: 0.90;
    /*width: 188px;*/
    width: 198px;
    /*left: -999em;*/ /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
    display: none;
    /*margin-left: -182px;*/
    margin-left: -193px;
    margin-top: -18px;
    /* menu au-dessus slide show firefox & IE*/
    z-index: 11000;
}
#nav li ul a, #nav li ul li {
    width: 198px;
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
    /*left: auto;*/
    display: block;
}
/*
#nav li:hover, #nav li.sfhover {
    background-color: #58f;
}
*/

#nav li a:hover, #menu_client li a:hover, #menu_divers li a:hover {
    color: #fff;
    background-color: #999;
}
/*
  TITRES
*/

h1 {
    font-size: 13px;
    font-weight: bold
}

h2 {
    font-size: 12px;
    font-weight: bold
}

h3 {
    font-size: 11px;
    font-weight: bold
}

/**
 * Google Map voir fichier maps.css
 */
iframe#carte {
    width: 638px;
    height: 332px; 
}
/*
iframe#carteagence {
    width: 330px;
    height: 332px;
}*/

iframe.google {
    border: 1px solid #000;
    z-index: 4000;
}

.flottant-droit {
    float: right;
}

div.flottant-google {
    position: relative;
    float: right;
    margin-bottom: 0px;
}

/*
.flottant-bas {
    position: absolute;
    bottom: 74px;
    right: 708px;
}
*/

span.titre-agence {
    font-size: 11px;
    font-weight: normal;
}

h1.titre-agence {
    margin: 0;
    padding: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    font-size: 18px;
}

.sansmarge {
    margin: 0;
}

.margebas {
    margin: 0;
    margin-bottom: 2px;
}

div.agence {
    /*height:444px;*/
    width: 300px;
    height:332px;
}


div.text-agence {
    padding-left: 2px;
}

div.text-agence h3 {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}

div.horaires {
    overflow: auto;
    /*height: 113px;*/
    height: 113px;
}

/**
 * FAMILLES
 */
div#famille {
    overflow: auto;
    height: 339px; /* 326px */
    background-color: #fff;
    font-size: 11px;
}

div th.famille {
    background-color: #ccc;
    color: #999;
    width: 125px; /* 128px*/
}

div td.famille {
    /*background-color: #ccc;*/
    color: #000;
    width: 125px; /* 128px*/
    /*height: 100px;*/
    text-align: center;
}

div table.famille {
    border-collapse: separate;
    /*width: 620px;*/ /* 5x128px*/
}

div table a.lien_famille:hover {
    background-color: #ccc;
}

div table a.lien_famille {
    display: block;
}

table acronym {
    border: none;
}

/**
 * SOUS-FAMILLES
 */
div#sous-famille {
    overflow: auto;
    height: 0px;
    background-color: #fff;
    font-size: 11px;
}

div td.sousfamille {
    /*background-color: #ccc;*/
    color: #000;
    width: 106px;
    /*height: 100px;*/
    text-align: left;
}

div table.sousfamille {
    border-collapse: separate;
    /*width: 100%;*/
}

div table a.lien_sousfamille:hover {
    /*background-color: #ccc;
    color: #fff;*/
    background-color: #fff;
    color: #444;
}

div table a.lien_sousfamille {
    display: block;
    /*color: #777;*/
    text-decoration: none;
    color: #444;
    background-color: #ccc;
}

/**
 * CHAPITRES
 */
div#chapitre {
    overflow: auto;
    height: 0px;
    background-color: #fff;
    font-size: 11px;
}

div td.chapitre {
    /*background-color: #ccc;*/
    color: #000;
    width: 106px;
    /*height: 100px;*/
    text-align: left;
}

div table.chapitre {
    border-collapse: separate;
    /*width: 100%;*/
}

div table a.lien_chapitre:hover {
    /*background-color: #ccc;
    color: #fff;*/
    background-color: #fff;
    color: #444;
}

div table a.lien_chapitre {
    display: block;
    /*color: #777;*/
    text-decoration: none;
    color: #444;
    background-color: #ccc;
}

/**
 * ARTICLES
 */
div#articles {
    background-image: url(../images/bande-menu-gris.png);
    background-repeat: repeat-x;
    background-position: 0px 355px;
}

div th.article {
    background-color: #e6e6e6;
    color: #444;
}
 
div td.evenarticle {
    background-color: #e6e6e6;
    color: #444;
    /*width: 106px;*/
    /*height: 100px;*/
    /*text-align: left;*/
}

div td.oddarticle {
    background-color: #ccc;
    color: #444;
    /*width: 106px;*/
    /*height: 100px;*/
    /*text-align: left;*/
}

table {
    font-size: 11px;
}

div table.article {
    border-collapse: separate;
}

div table a.lien_article:hover {
    /*background-color: #ccc;
    color: #fff;
    background-color: #fff;*/
    text-decoration: underline;
    /*color: #96a840;*/
    color: #2288FF;
}

div table a.lien_article {
    display: block;
    /*color: #777;*/
    text-decoration: none;
    color: #444;
    /*background-color: #ccc;*/
}

table tr th.thcode, table tr td.thcode {
    width: 55px;
}

table tr th.thlib, table tr td.thlib {
    width: 240px;
}

table tr th.thuf, table tr td.thuf {
    width: 20px;
}

table tr th.thprix, table tr td.thprix {
    width: 70px;
}

table tr th.thprixcli, table tr td.thprixcli {
    width: 60px;
}

table tr th.thdetail, table tr td.thdetail {
    /*width: 265px;*/
    width: 210px;
}

table tr th.thqte {
    width: 60px;
}

table tr th.thaction {
    width: 26px;
}

table tr th.thdispo {
    width: 40px;
}

table tr th.thprixnet {
    width: 75px;
}

table tr th.thtotal {
    width: 85px;
}

table.hover tr:hover {
    font-weight: bold;
    /*background-color: #96A840;*/
}

div#descriptifHead {
    position: absolute;
    top: 35px;
    /*right: 11px;*/
    right: 5px;
    /*width: 268px;*/
    width: 213px;
    text-align: left;
    border-left: 1px solid #ccc;
    padding-left: 5px;
}

/**
 * DETAIL ARTICLE
 */

table.detail {
    color: #444;
}

table tr td.detail {
    vertical-align: top;
    font-weight: bold;
    background-color: #e6e6e6;
}

a.lien_fournisseur:hover {
    text-decoration: underline;
    /*color: #96a840;*/
    color: #2288FF;
}

a.lien_fournisseur {
    text-decoration: none;
    color: #444;
}

td.thdetart {
    width: 100px;
}

/**
 * Alignement
 */
 
 .droite {
    text-align: right;
    padding-right: 5px;
 }
 
 .gauche {
    text-align: left;
    padding-left: 5px;
 }
 
 .centre {
    text-align: center;
 }

/**
 * TABLE ENTETE FIXE
 */

.inner {
    overflow: auto;
    height: 410px;
    /*ascenceur à droite avant la description de l'article*/
    /* voir aussi index-ie.css*/ 
    /*width: 451px;*/
    /*background:#eee;*/
}

.innerC {
    width: 533px;
}

.innerP {
    width: 511px;
}

.innerA {
    width: 444px;
}

/**
 * SLIDES SELECTION ARTICLE
 */
 
 h6.toggle {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #999;
    background-image: url(../images/categorie.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    /*text-align: center;*/
    height: 18px;
 }
h6.decale {
    position: absolute;
    top: -17px;
    width: 640px;
    cursor: pointer;
}
#vslide1, #vslide2 {
    position: relative;
    padding-top: 2px; /* 7px*/
}
h6 span.tab {
    background-image: url(../images/tab.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    width: 300px;
    height: 18px;
    margin: 0;
    padding: 0;
    line-height: 18px;
    text-align: center;
}

h6.tab_actif_l {
    font-size: 11px;
    color: #999;
    cursor: pointer;
    background-image: url(../images/tab_active_l.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    /*width: 640px;*/
    height: 18px;
    margin: 0;
    padding: 0;
    line-height: 18px;
    /*text-align: center;*/
}

h6.tab_actif_r {
    font-size: 11px;
    color: #999;
    cursor: pointer;
    background-image: url(../images/tab_active_r.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    /*width: 640px;*/
    height: 18px;
    margin: 0;
    padding: 0;
    line-height: 18px;
    /*text-align: center;*/
}

h6 span.tab_r {
    margin-left: 10px;
}

h6 span.tab_l {
    margin-left: 10px;
}

/* Onglet documents */
h6.tab_doc {
    font-size: 11px;
    color: #999;
    cursor: pointer;
    /*background-image: url(../images/tab_1.gif);*/
    background-repeat: no-repeat;
    background-position: top;
    display: block;
    /*width: 640px;*/
    height: 18px;
    margin: 0;
    padding: 0;
    line-height: 18px;
    /*text-align: center;*/
}

h6.tab_d1 {
    background-image: url(../images/tab_1.gif);
}
h6.tab_d2 {
    background-image: url(../images/tab_2.gif);
}
h6.tab_d3 {
    background-image: url(../images/tab_3.gif);
}
h6.tab_d4 {
    background-image: url(../images/tab_4.gif);
}

/**
 * 
 */
.texterouge {
    color: #944;
}

/**
 *
 */
table.dispo {
    color: #444;
    /*width: 100%;*/
}

table tr td.flag {
    width: 40px;
}

table tr td.noflag {
    width: 170px;
}

.marge-gauche {
    padding-left: 5px;
}

div#div_tab_l {
    display: block;
}

div#div_tab_r {
    display: none;
}

table.table_form {
    margin: auto;
    padding: 0;
    width: 98%;
    text-align: center;
    border-spacing: 0px;
    border-collapse: collapse;
}

td.lg250 {
    width: 250px;
}

table.documentation {
    text-align: center;
    border-spacing: 10px;
}

/*
 Formulaire emploi
*/
label.rh {
    float:left;
    /*padding-left:0.5em;*/
    width:120px;
    display: block;
}

input.texte_rh {
    /*border:1px solid #AACCFF;
    color:#3366CC;*/
    width:262px;
}

div.rh {
    clear: both;
}

input.marge {
    margin-top: 4px;
}

sup, small.sup {
    color: #f82;
    font-weight: bold;
}

table.emploi {
    width: 630px;
}

table.emploi td.postuler {
    width: 50px;
}

table.emploi td.reference {
    width: 110px;
}

a.lien_site {
    color: #2288FF;
    text-decoration: none;
}

a.lien_site:hover {
    text-decoration: underline;
}

div.marge-titre h3 {
    margin-bottom: 3px;
    margin-top: 10px;
    font-size: 11px;
    font-weight: bold;
}

div.marge-titre ul {
    margin: 0 6px;
}

div.marge-titre li {
    margin: 0 12px;
}

div.marge-titre h3.head {
    margin-bottom: 3px;
    margin-top: 0px;
}

textarea.emploi {
    width: 496px;
    border: 1px solid #CCCCCC;
    color: #444;
    font-size: 11px;
}

textarea.contact {
    width: 498px;
    border: 1px solid #CCCCCC;
    color: #444;
    font-size: 11px;
}

img.onglet {
    width: 150px;
    height: 10px;
}

img.onglet_doc1 {
    width: 84px;
    height: 10px;
}
img.onglet_doc2 {
    width: 62px;
    height: 10px;
}
img.onglet_doc3 {
    width: 35px;
    height: 10px;
}
img.onglet_doc4 {
    width: 43px;
    height: 10px;
}

img.espace20 {
    width: 20px;
    height: 1px;
}

img.espace30 {
    width: 30px;
    height: 1px;
}

img.espace40 {
    width: 40px;
    height: 1px;
}

img.carre {
    width: 16px;
    height: 16px;
}

th.mentions {
    width: 300px;
}

div.slideitem {
    height: 20px;
}

.mentionfer {
    position: absolute;
    bottom: 12px;
    left: 8px;
}

span.infocli {
    margin-right: 50px;
}

/**
 * PROMOTIONS
 */
ul.promo li {
    /*overflow: auto;
    height: 0px;*/
    background-color: #fff;
    font-size: 11px;
    width: 150px;
    font-weight: bold;
    color: #000;
    margin-top: 7px;
}

ul.promo li a:hover {
    /*background-color: #ccc;
    color: #fff;*/
    background-color: #fff;
    color: #444;
}

ul.promo li a {
    display: block;
    padding-left : 5px;
    padding-top : 2px;
    padding-bottom : 2px;
    /*color: #777;*/
    text-decoration: none;
    color: #FFF;
    /*color: #444;*/
    background-color: #ccc;
}