html { 
    height: 100%;
}

div.wire {
    width: 98%;
    margin-left: 10px;
}

#global div.wire table.wire {
    margin: 0;
    width: 100%;
    background: rgb(214,210,196);
}

div.wire-half {
    margin: 0;
    padding: 0;
    height: 30px;
    background: rgb(214,210,196);
    vertical-align: middle;
}

div#wireform {
    text-align: right;
}

div#wireform.wire-half form table.innerForm {
    display: inline;
    margin: 0;
}

div.wire ul li {
    background: none !important;
    padding: 0px !important;
    display: inline;
}

div.wire ul a {
    text-decoration: none;
    color: #515151 !important;
}

/* menu */
table.layoutFull {
    width: 100%;
}
table.layoutFull,table.layoutFull tbody,
table.layoutFull tbody tr ,
table.layoutFull tbody tr td {
    margin: 0 !important;
    padding: 0 !important;
}

#global .listingtype li a {
    font-size: 12px;
}

#global .listingtype li {
    margin-left: 0;
    margin-right: 0;
    background: none;
}

#global .listingtype li ul li {
    display: inline;
}

#global .listingtype li {
    min-height: 60px;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

#global .listingtype li.graph {
    min-height: 115px !important;
}

#global a {
    color: #666666;
    text-decoration: none;
}

.footerHautPage {
    color: #666666;
    text-decoration: none;
}

#global a:hover {
    color: #666666;
    text-decoration:underline;
    background:#dbe4ea;
}

#global a.pdfAttente:hover {
    color: #666666;
    text-decoration:none;
    background:#dbe4ea;
    cursor:default;
}

#global .listingtype   li h4 {
    background: rgb(172,163,154);
    color: white;
    padding: 0;
    margin-left: 10px;
}

/* Ajouter une petite bordure blanche entre les images et le menu des fonctions */
#global .listingtype   li h4 img {  
    border-right: 5px solid #FFF;
    margin-left: -10px;
}
                    
#global .listingtype  li.chapter img {  
    border-right: 0;
}
                            
#global .listingtype li.chapter {
    float: left;
    text-align:  center;
    width: 194px;
}
#global .listingtype li.chapter h4 {
    background-color: #FFF;
}

#global .listingtype ul li.sympt {
    float: left;
    background: #E3E3E3;
    color: #333;
    margin-right: 10px;
    margin-bottom: 3px;
    min-height: 0px;
    /*FDZ-5200 Starts*/
    white-space:nowrap;
    /*FDZ-5200 Ends*/
    
}
#global .listingtype ul li.sympt a {
    text-decoration: none;
}

#global ul li ul li a {
    color: #333;
}
#global ul li ul li a:hover {
    color: #DC002E;
}

/* listes */
/* FDZ-1085 : modif tabDoc */
#tabDoc {
    line-height: 25px;
    display: inline-block;
    *display: inline;
    margin:0;
    clear:both;
    padding-bottom: 5px;
}

#tabDoc li {
    float:left;
    list-style:none;
    background-image: none !important;
    display: inline-block;  
    *display: inline;
    padding: 0;
    margin-right: 2px;
}

#tabDoc li a {
    border:1px solid #cdcdcd;
    float:left;
    white-space:nowrap;
    margin:0 1px 1px 0;
    text-decoration:none;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    background-color: rgb(0,118,168);
    font-size: 12px;
    white-space:nowrap;
    float:left;
}
#tabDoc li a:hover {
    color: #333;
    background-color: rgb(123, 167, 188);
}
#tabDoc li a.active {
    color: #333;
    background-color: rgb(123,167,188);
    display:block;
    border:1px solid #cdcdcd;
    float:left;
    white-space:nowrap;
    padding:5px;
    margin:0 1px 1px 0;
    text-decoration:none;
    font-weight:bold;
}

#tabDocStatique {
    line-height: 15px;
    *display: inline;
    margin:0;
    clear:both;
    padding-bottom: 5px;
}

#tabDocStatique li {
    float:left;
    list-style:none;
    background-image: none !important;
    display: inline-block;  
    *display: inline;
    padding: 0;
    margin-right: 2px;
}

#tabDocStatique li a {
    border:1px solid #cdcdcd;
    float:left;
    white-space:nowrap;
    margin:0 1px 1px 0;
    text-decoration:none;
    color: #333;
    font-weight: bold;
    padding: 5px;
    background-color: #DDD;
    font-size: 12px;
    white-space:nowrap;
    float:left;
}
#tabDocStatique li a:hover {
    color: #FFF;
    background-color: #878789;
}
#tabDocStatique li a.active {
    color: #FFF;
    background-color: #878789;
    display:block;
    border:1px solid #cdcdcd;
    float:left;
    white-space:nowrap;
    padding:5px;
    margin:0 1px 1px 0;
    text-decoration:none;
    font-weight:bold;
}


/* liste pieces doc */
table#docList {
    width: 100%;
}

table#docList th {
    padding: 3px;
    background: rgb(140, 155, 170);
    color: #FFF;
    /* SBCHROME-50 - Fixed done for alligning the titles to center for Repair Procedures */
    text-align: center !important;
}

#global table.data thead tr th {
    white-space: nowrap;
    /* SBCHROME-50 - Fixed done for alligning the titles to center for Repair Procedures */
    text-align: center !important;   
}

table#docList td {
    padding-left: 3px;
}

table#docList tr.odd td {
    background: #EEE;
}

table#docList tr.even td {
    background: #F0F0F0;
}

#global div.boxDocList table#docList tr.docline-over2 td {
    cursor:pointer;
    background: #BBB;
    color: #FFF;
    /*CMA FDZ-2616 - Supression de !important pour varier alignement dans tableau de r?sultat catalogue pneumatique*/
    text-align: left; 
}
#global table.data { 
    margin: 5px 0px !important;
    background-color: white !important;
}
/*FDZ-4356*/
#global table.data table {
    background-color: #FFF !important;
}
#global table.data tr.docline-over2 td {
    cursor:pointer;
    background: #BBB;
    color: #FFF;
    /*CMA FDZ-2616 - Supression de !important pour varier alignement dans tableau de r?sultat catalogue pneumatique*/
    text-align: left; 
}
#global table.data tr.odd td {
    background: #DDDDDD !important;
    /*CMA FDZ-2616 - Supression de !important pour varier alignement dans tableau de r?sultat catalogue pneumatique*/
    text-align: left;
}

#global table.data tr.even td {
    background: #F0F0F0;
    /*CMA FDZ-2616 - Supression de !important pour varier alignement dans tableau de r?sultat catalogue pneumatique*/
    text-align: left;
}

tr.docline-selected2 td {
    color: #FFFFFF !important;
    background-color: rgb(0,118,168) !important;
    text-align: left !important;
    cursor:pointer;
}

#global .wire table.innerForm td,
#global .wire table.innerForm td * {
    vertical-align: middle;
} 

#global .wire-half {
    height: 30px;
}

.wire #spanfin {
    display: inline;
}

.regroupement {
    border-style:solid;
    border-width:1px;
    border-color:#9C9A9C;
    padding:5px 3px 5px 3px;

}
.fondCouleur {
    background-color:#FFFFFF;
    border:1px solid #29428C;
    border-collapse:separate;
    margin-bottom:10px;
    padding-bottom:0;
    width:90%;
}

.msTitre
{
    float:left;
    background-color:#EFEFEF;
    width:40%;
    text-align:center;
    font-size:11px;
    font-weight:bold;
}
.msSeparator
{
    float:left;
    width:10%;
}
.msBtnSelection
{
    float:left;
    background-color:#FFFFFF;
    width:40%;
}
.msListe
{
    font-size:11px;
    font-weight:bold;
    float:left;
    overflow:auto;
    height:200px;
    background-color:#EFEFEF;
    width:40%;
    border: 1px inset black;
    text-align: left;
}
.msBtnTrf
{
    float:left;
    width:10%;
}
.doc_display_panier 
{
    border-bottom-color:rgb(0,118,168);
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-left-color:rgb(0,118,168);
    border-left-style:solid;
    border-left-width:1px;
    border-right-color:rgb(0,118,168);
    border-right-style:solid;
    border-right-width:1px;
    border-top-width:0pt;
    height:130px;
    overflow-x:auto;
    overflow-y:auto;
}

/* FDZ choix ldp */
#global table.vehiculeSelection li {
    background: none;
    padding: 0;
    /*FDZ-5200 Starts*/
    position: relative;
    float: left;
   
   /*FDZ-5200 Ends*/
}
#global .titre1VP,
#global .titre2VP,
#global .titre3VP,
#global .titre4VP {
    font-family: Arial;
}
#global .titre1VP {
    font-size: 17px;
    font-weight: bold;
    color: rgba(0, 118, 168, 1);
    text-decoration: none;
}
#global .titre2VP {
    color: #515151;
    font-size: 14px;
}
#global a.hackfontie {
    font-family: Arial;
    color: #675B5B;
    
}

#global select,
#global input.zone,
#global input.zoneReadOnly {
    border: 1px solid #BBB;
}

#global table.configurateur hr {
    border-color: rgb(172, 163, 154)  #FFF #FFF;
        
}

#global table.configurateur table.vehiculeSelection td li a:hover, 
#global table.configurateur table.vehiculeSelection td li.sfhover a, 
#global table.configurateur table.vehiculeSelection td li:hover a {
    border: 1px solid rgb(172, 163, 154);
    background: rgb(172, 163, 154);
    color: #FFF;
}

#global table.configurateur table.vehiculeSelection td li a:hover {
    background: rgb(0, 118, 168) !important;
    
}

#global table.configurateur table.vehiculeSelection td li ul {
    border: 1px solid rgb(172, 163, 154);
    background: #79797B;
    color: #FFF;
    padding: 0;
    /*FDZ-5200 Starts*/
    z-index: 1;
    /*FDZ-5200 Ends*/
    /*  Start of FDZ-5427 */ 
    margin-left:-25px;
    /* End of FDZ-5427 */
}
#global table.configurateur table.vehiculeSelection td li ul li a {
    background: rgb(172, 163, 154) !important;
    color: #FFF !important;
}
#global table.configurateur table.vehiculeSelection td li ul li a:hover {
    background: rgb(0, 118, 168) !important;
}

/* Mettre en forme l'onglet s?lectionn? */
.titreSectionSelected 
{
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    vertical-align:middle;
    background-color:rgb(0,118,168);
    height:20px;
    padding-left:2px;
}

/* Les bandeaux de titre des sections sans utiliser d'images */
/* Mettre en forme les onglets non s?lectionn?s */
.titreSection
{
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    color:rgb(0,118,168);
    background-color:#dcdcdc;
    height:20px;
    padding-left:2px;
    vertical-align:middle;
    text-align: left !important;
}

/* Style specifique panier forfait */    
.fondCouleurForfait {
    background-color:#FFFFFF;
    border-color:#DC002E;
    border-width:1px;
    border-collapse:separate;
    border-style:solid;
    width:98%;    /* ETR FDZ-758 23/08/2010 */
    padding-bottom:0px;
    margin-bottom:10px;
}
/* panier temp supp ligne du bas
.titreSectionSelectedForfait {
    border-bottom:1px solid #DC002E;
}
*/
#foPTWarnMsg {
    background:#F9DBDB url(../../images/AC/picto/msgwarningV1.gif) no-repeat scroll left top;
    color:#A52121;
    display:block;
    font-size:11px;
    font-weight:bold;
    margin:0 30px 10px;
    padding:5px 5px 5px 20px;
    text-align:center;
    display: none;
}

/* Rectangle "a classer" au-dessus du mini-panier */
#aClasser {
    background-color: rgb(0,118,168);
    font-weight: bold;
    color: #FFFFFF;
}

/* Encadrement du mini-panier (traits rouges) */
.doc_titre_panier_left 
{
    border-left-color:rgb(0,118,168);
    border-left-style:solid;
    border-left-width:1px;
    border-top-color:rgb(0,118,168);
    border-top-style:solid;
    border-top-width:1px;
}

/* Encadrement du mini-panier (traits rouges) */
.doc_titre_panier_right 
{
    border-right-color:rgb(0,118,168);
    border-right-style:solid;
    border-right-width:1px;
    border-top-color:rgb(0,118,168);
    border-top-style:solid;
    border-top-width:1px;
}

.docline-over2
{
    background-color:#dbe4ea;
    cursor:pointer;
}

/* Les titres dans le menu */
div.titreMenu,
.left_menu tr td.titreMenu {
  color:rgb(0,118,168);
  background-position:left bottom;
  background-repeat:no-repeat;
  line-height:.9em;
  height:30px;
  padding-left:6px;
  padding-bottom:2px;

}

/*Le bloc menu */
.fondMenu {
    margin:0 0 0 0px;
    font : 12px arial;  
    width:164px;
    background-color:#FFFFFF;
    vertical-align:top;
}

/* En-tete du tableau du menu */
.left_menu thead {
    font-size : 11px;
    font-weight:bold;
    padding-left : 0;
}

/* Ic?nes du bandeau */
#location ul.icons {
    top: -6px;
    width: 180px;
    height: 30px;
    padding: 6px 5px 0;
    right: 0;
    text-align: right;
}

ul.tabDoc li a.active {
    background: #F4CFA8;
    border:1px solid #cdcdcd;
    white-space:nowrap;
    padding:5px;
    margin:0 1px 1px 0;
    text-decoration:none;
    font-weight:bold;
    cursor:default;
}

/* Aligner a droite le menu deroulant */
.menuD {
    text-align:right;
}

.positionDivACCPPP {
    display: inline-block; 
    margin-top: 20px; 
    width: 99%;
}

#layoutFullPE ul.tabDoc li a {
    background-color:#DDDDDD;
    color:#333333;
    font-size:12px;
    font-weight:bold;
    padding:5px;
    text-decoration:none;
    float:left;
}

/* Aligner les onglets horizontalement (résultats d'une recherche pe) */
#layoutFullPE ul.tabDoc li {
    float:left;
    list-style:none;
}

/* Onglet actif des PE */
#layoutFullPE ul.tabDoc li a.active {
    display:block;
    /*background: #F4CFA8;*/
    background: #878789;
    border:1px solid #cdcdcd;
    float:left;
    white-space:nowrap;
    padding:5px;
    margin:0 1px 1px 0;
    text-decoration:none;
    font-weight:bold;
    cursor:default;
}


/* Ecran de sélection de vehicule apres avoir rentre un VIN */
.bdrow1
{
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color:#F7F3EF;
}

.bdrow2
{
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color:#DEDFDE;
}

.plpdfDOPR{
    color: #DC002E;
    font-weight: bold !important;
    padding-top: 5px;
}

#choixPdf .plpdfDOPR {
    color: rgb(0,118,168) !important;
}

#global form#priceListForm div.borderBlock{
    background-color: white;
    height: 255px;
}

#global .layoutContent ul.listingtype li ul li a {
    /*display:block;*/
    white-space:nowrap;
    text-decoration:none;
    padding:2px 5px;
    color:#666666;
}

#global .layoutContent ul.listingtype li ul li.active a.active {
    color:rgb(0,118,168);
    text-decoration: underline;
}
    
.layoutContent ul.listingtype li ul li.active a:hover {
    text-decoration:underline;
    color:#000000;
    background-color:#dbe4ea;
}

.layoutContent ul.listingtype li ul li.inactive  a{
    color:#CCCCCC !important;
    cursor:default; 
}

/* Aligner a droite le menu deroulant */
.menuD {
    text-align:right;
}

ul.tabDoc li a.active {
    /*display:block;*/
    background: #F4CFA8;
    border:1px solid #cdcdcd;
    /*float:left;*/
    white-space:nowrap;
    padding:5px;
    margin:0 1px 1px 0;
    text-decoration:none;
    font-weight:bold;
    cursor:default;
}

#global form#priceListForm div.borderBlock{
    background-color: white;
    height: 255px;
}


/* 22- Caract?ristiques techniques du v?hicule */
/* #3 il n?y a pas d?alternance de couleurs entre les lignes ce qui alourdit la lecture */
.even {
    background-color: #EFEFEF;
}
.odd {
    background-color: #FFFFFF;
}

.pdfAttente {
    font-family: citroen,arial;
    color: grey !important;
    font: 11px ;
    text-transform: uppercase;
}

.pdfEnCours {
    font-family: citroen,arial;
    color: grey !important;
    font-size: 11px;
    text-transform: uppercase;
}

#divRcap .regroupement a:hover.pdfAttente {
    text-decoration: none !important;
    background: white !important;
    cursor: default !important;
}

#divRcap .regroupement a:hover.pdfEnCours {
    text-decoration: none !important;
    background: white !important;
    cursor: default !important;
}

#divRcap .regroupement a:hover.pdfNonValid {
    text-decoration: none !important;
    background: white !important;
    cursor: default !important;
} 

.ficheppp {
    background-color: lightgrey;
    font-family: citroen,arial;
}

.pdfTraite {
    font-family: citroen,arial;
    color: grey !important;
    font:11px;
    font-weight:bold;
    text-transform: uppercase;
}
.pdfNonValid {
    font-family: citroen,arial;
    color: grey !important;
    font:11px;
    text-transform: uppercase;
}

.divRcap{
    font-family: citroen,arial;
    width:100%;
    border:1px solid grey;
}

#global .celluleTitreRef
{
    font-family:Arial;
    font-size:18px;
    text-align: center;
    width: 20%;
    border-bottom: solid 1pt black;
    border-top: solid 1pt black;
    background-color:rgb(0,118,168);
    color: white;
}

#global .celluleTitreLibelle
{
    font-family:Arial;
    font-size:18px;
    font-weight:normal;
    text-align: center;
    text-transform:uppercase;
    border-top: solid 1pt black;
    border-left: solid 1pt black;
    border-bottom: solid 1pt black;
    background-color:rgb(0,118,168);
    color: white;
}

#global input[type=radio],
#global input[type=checkbox] {
    border: 0;
    margin-right: 3px !important;
}

.table_lst_doc
{
    background-color: #DCDCDC;
}

.fondCouleurCarac {
    background-color:#FFFFFF;
    /*border:1px solid #29428C;*/
    border-collapse:separate;
    margin-bottom:10px;
    padding-bottom:0;
    width:90%;
}

.infoGenCar
{
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align:left !important;
}

.infoCarTitre
{
    font-size: 13px;
    font-weight: bold;
    color: rgb(0,118,168);
    text-decoration: none;
    border-bottom:1px solid #DC002E;
    text-align:left !important;
}

.infoCarTitreSoulignement
{
    border-bottom:1px solid rgb(0,118,168);
}

.tableInfoVeh
{
    font-size : 11px;
    border-width:1px;
    border-color:#343434;
    border-collapse:collapse;
    text-align:left;
    margin-left: 0px !important;
}
.text {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.line-over {
    background-color: #F16230;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    color: white;
}

#global .content .borderBlock {
    /* Style des onglets PE et accessoires */
    padding-bottom: 0px;
    margin: 5px 10px 0px 0px;
}

body {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
}

.bolder {
    font-weight: bold;
}

/* Ci-dessous, ce bout de code sert ? ce que le style du mini-panier ne soit pas ecrase par celui ci-dessus */
/*body.panier {
    background: #FFFFFF;
    font-size: 12px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #000000;
    margin: 0;
    padding: 0;
}*/


#global .col690 {
    width: 69%;
    float: left;
}

#global .col770 {
    margin-left:10px;
}

#global table.borderBlock {
    padding-bottom: 0px;
}

/* Mini panier */
.invalideItem {
    font-size: 11px;
    margin-left: 3px;
    color: #DC002E;/*#29458C;*/
}

/* Mini panier */
.invalideItemOver {
    background-color: #DC002E;
    font-size:11px;
    font-weight:bold;
    cursor: pointer;
    color: #FFFFFF;
}

#global .sidebar ul.aside li.itemSelected,
#global .sidebar ul.aside li.itemSelected a {
    font-weight: bold;
    color: rgb(0,118,168);
}

li#menu_caracteristiques a:hover,
li a#menu_NOUVEAU:hover,
li a#itemFiltre:hover,
li #menu_GENERAL a:hover,
li #menu_Personnalisation a:hover,
li #menu_Transformation a:hover,
#global .sidebar ul.aside li.item a:hover,
#global .sidebar ul.aside li.itemSelected a:hover {
    color: rgb(0,118,168);
    background-color: transparent;
}

#global .listingtype {
    text-align: left;
}

#global table.borderBlock td.titreSectionSelected {
    background: rgb(0,118,168);
}

#global table.borderBlock td.titreSection {
    background: #DCDCDC;
}

#global table.borderBlock td {
    background: #FFF;
}

#global .minipanier {
    height: 500px;
    float:right;
    padding-right:10px;
}

.aClasserBorder {
    margin-bottom: 20px;
    border:1px solid rgb(0,118,168);
    /*overflow: auto;*/
}

input.picto_canvasvert,  
input.picto_canvasorange, 
input.picto_canvasrouge {
    width: 13px !important;
}

/*mise en valeur du nom du vehicule selectionne en page d'accueil*/
#global .titre1VPCS {
    font-weight: bold;
    font-size: 17px;
    text-decoration: none;
}

#choixPdf h2 {
    margin-left:0px;
}
#priceListForm div.left h2 {
    margin-left:0px;
}

.col840 {
    width: 84%;
}

#wire div  ul.hauteurBandeauRecherche {
    height: 33px;
    border-top-width: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
}

/* ETR FDZ-1174 On enl?ve la marge du message d'erreur */
#msgCkbErrorLdp {
    margin:0px;
    display: none;
}

#global .sidebar ul.aside {
    width: 90%;
}

#global .borderBlockOutillage {
    /* Style des onglets Outillage */
    padding-bottom: 0px;
    margin: 5px 0px 0px 10px;
    color: #515151;
    width:90%;
}

#global .tableOutillage {
    padding-left: 10px;
    margin: 0px;
    border:0; 
}

#global .layoutFullOutillage {
    margin-left:10px !important;
    width:90%;
}

/* FDZ-1217 - liste complexe */
table.docListLC {
    margin-top:1px !important;
    margin-left:0px !important;
    width:450px !important;
    float:left;
}

ul.tabDoc {
    text-align: left !important;
}

#divTabDoc{
     text-align: left !important;
}

#wirefilariane {
     text-align: left !important;
}

#tabDocListLC {
    text-align: left !important;
}

#tabDocListPN {
    text-align: left !important;
}


.infoCarText {
    text-align: left !important;
}

.infoSysTitle {
    margin: 0;  
    background: #EEE;
    color: #DC002E;
    padding: 0;
    margin-left: 0px;
}
.infoSysItem {
    margin: 0;
    color:#000000;
    padding: 0;
    margin-left: 5px;
}/* VHO - FDZ-3259 Souligner la selection du Symptome (effet client) */
#global .listingtype ul li.sympt a.active {
    text-decoration: underline;
}

#global p.alert {
    background-color: rgb(0,118,168);
}

/* FDZ-5096: F2ML */
#global p.alertF2ML {
    color: #FFF;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: url(../../charte/images/bg-alert.gif) no-repeat 0 center !important;
    background-color: rgb(0,176,80) !important;
    text-align: center !important;
    font-weight: bold;
    margin: 5px 10px;
}

#location p.info {
    color: #fff;
}

#onglet\.data 
{
 z-index: 10 !important;
}

/* CAP-18513 FDZ-4884 : Button for Isol */
.bt_isol {
  border: none !important;
  color: white;
  background-color: #0076A8 !important;
  margin:4px 2px;
  display: inline-block;
  text-decoration: none;
  text-align: centre;  
  /*FDZ-5200 Starts*/
  color:none;
  /*FDZ-5200 Ends*/
  width: 50px;
  border: #0076A8 !important;
  cursor: pointer !important;  /* FDZ-5002-:The mouse pointer have to change (hand instead the arrow) */
}