/********************************************************************/
/*                                                                  */
/*  Ce fichier est la fusion de diff�rentes feuilles de style   */
/*  Cette fusion r�sulte de la limitation du nombre d'import        */
/*  de CSS dans Internet Explorer                                   */
/*                                                                  */
/*  Les feuilles de style sont les suivantes                        */
/*  Style Transverse (historique)                                   */
/*  Style Bandeau et Footer                                         */
/*  Flux RSS                                                        */
/*  R�cap widget                                                    */
/*  ScrollerStyle                                                   */
/*  ModalBox                                                        */
/*  Style Message                                                   */
/*  Tooltip                                                         */
/********************************************************************/
/********************************************************************/
/*                                                                  */
/*                  StyleTransverse.CSS                             */
/*                                                                  */
/********************************************************************/
html,body {
    height: 100%;
}
.disabled {
    opacity: 0.9 !important;
}
tr.disabled {
    pointer-events: none;
    opacity: 0.5; !important;
}
.rpartCommand {
    text-align:right;
    margin:0px auto 0px auto;
}

.rpartCommandPanier {
    text-align:left;
    margin:0px auto 0px auto;
}

.cgvTitle, .confidentialiteTitle {
    font-size: 14px;
    font-weight: bold;
}
/* The Modal (background) */
.cgvModal,  .confidentialiteModal{
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0)!important; /* Fallback color */
    background-color: rgba(0,0,0,0.4)!important; /* Black w/ opacity */
    padding-top: 5%;
}

/* Modal Content */
#cgvModal .modal-content, #confidentialiteModal .modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 80%;
    height: 95%;
}
.acceptConfidentialiteDiv, .acceptCGVDiv {
    margin-top: 11px;
    font-size: 14px;
    font-weight: bold;
}
.accueilPopUp {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 50%;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}
#Chiffrage .barreAction .rparts {
    padding-top: 10px;
    width: 75px;
    height: 20px;
    float: right;
    padding-right: 10px;
    background-color: white;
}

#containerInfo .lof-slidecontent .sliders-wrapper {
    position: relative;
    height: 100%;
    width: 900px;
    z-index: 3px;
    overflow: hidden;
}
#containerInfo .lof-slidecontent .sliders-wrap-inner a.readmore {
    color: #58B1EA;
    font-size: 95%;
}

#containerInfo .lof-slidecontent ul.sliders-wrap-inner {
    overflow: hidden;
    background-color: white;
    padding: 0px;
    margin: 0;
    position: absolute;
    overflow: hidden;
}

#containerInfo .lof-slidecontent ul.sliders-wrap-inner li {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
}

#containerInfo .lof-slidecontent .lof-opacity li {
    position: absolute;
    top: 0;
    left: 0;
    float: inherit;
}
.checkAllClient {
    float: right;
    margin-right: 13px;
}
.gauche15px {
    margin-left: -15px;
}

div#partieDignostic {
    background-image:
        url("/static/images_css/html/images/default/commun/fond_degrade.png");
}

* {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 11px;
}

body {
    text-align: center;
    background-color: #E3E4E5;
}

img {
    border: 0;
    vertical-align: middle;
}

a {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

input,textarea,select {
    border-width: 1px;
    border-color: #d4d4d4;
    font-weight: normal;
}

select#lstType {
    text-transform: capitalize;
}

select#lstIntervention {
    text-transform: capitalize;
}

li {
    list-style-type: none;
    padding: 0.5em;
}

h1 img {
    float: right;
    margin-top: -9px;
    padding: 0 10px 0 0;
}

/******* TABLEAU ******/
table {
    margin-bottom: 2px;
    border: 1px;
    border-collapse: collapse;
    width: 100%;
}

#planTab {
    width: 609px;
}

#planTab tr td {
    padding-left: 5px;
}

td {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

.tabseparator {
    height: 2px;
    background-color: transparent;
}

th {
    text-align: left;
    background-color: #e1091d;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
}

th.libcomposante,th.refcomposante {
    text-align: center;
    background-color: transparent;
    color: black;
}

.listeComposanteImpression table td {
    padding: 0 5px;
}

.cnitColumn {
    width: 25%;
}

.vinColumn {
    width: 25%;
}

.typeMineColumn {
    width: 50%;
}

tr.tabHeader {
    border: 1px solid #e0091d;
    width: 618px;
}

tr.oddLine {
    border: 1px solid #929292;
    cursor: default;
}

table .oddLine {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
}

tr.evenLine {
    border: 1px solid #929292;
    cursor: default;
    width: 618px;
}

tr.inactiveLine {
    border: 1px dashed #929292;
    cursor: default;
    color: #929292;
    font-style: italic;
}

tr.hover_inactiveLine {
    border: 1px dashed #929292;
    cursor: default;
    font-style: italic;
}

table .evenLine {
    background-color: #eeeeee;
    color: #000000;
    font-size: 12px;
}

table td.hover {
    color: #e1091d;
}

table .hover a {
    color: #e1091d;
}

table .hover li {
    color: #e1091d;
}

span.hover {
    color: #e1091d;
}
/* tableau forfaits nationaux */
#tableauForfaits {
    width: 100%;
}

#tableauForfaits td {
    width: 50%;
    font-weight: 11px;
}

#tableauForfaits td:first-child {
    padding-right: 5px;
}

/******* FIN TABLEAU ******/
/******* ENTETE ******/
div.h1 {
    margin-top: 5px;
}

div.h1Etape3 {
    margin-top: 5px;
}

div.h1Etape3Descr {
    float: right;
    width: 85%;
}

div.texteTitre {
    font-weight: bold;
    font-size: 17px;
    color: #e0091d;
    height: 22px;
    float: left;
    padding-bottom: 5px;
    margin-top: 10px;
}

div.titrePieceForfait {
    font-weight: bold;
    font-size: 17px;
    color: #4B4F56;
    padding-bottom: 5px;
    margin-top: 10px;
}

div.fondTitreGauche {
    background-image:
        url('/static/images_css/html/images/default/liste_piece/puce_titre_av.png');
    float: left;
    width: 13px;
    height: 22px;
    background-color: transparent;
    padding-bottom: 5px;
    background-repeat: no-repeat;
}

div.fondTitreGaucheDeploye,div.fondTitreGaucheNoDeploye {
    float: left;
    width: 22px;
    height: 22px;
    background-color: transparent;
    padding-bottom: 5px;
    background-repeat: no-repeat;
}

div.fondTitreDroite {
    background-image:
        url('/static/images_css/html/images/default/liste_piece/puce_titre_arr.png');
    width: 150px;
    height: 22px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
}

div.fondTitreTemps {
    background-image:
        url('/static/images_css/html/images/default/atelier/Picto_Temps.png');
    width: 60px;
    height: 50px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
}

div.fondTitreOperations {
    background-image:
        url('/static/images_css/html/images/default/atelier/Picto_Operations.png');
    width: 60px;
    height: 50px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    margin-top: 30px;
}

div.titre {
    min-height: 34px;
    background-image:
        url('/static/images_css/html/images/default/commun/entete.png');
    font-weight: bold;
    border: 1px solid #929292;
    padding-left: 4px;
    margin-left: 3px;
    line-height: 34px;
    margin-bottom: 10px;
    margin-top: 15px;
}

div.titreDetailClient {
    min-height: 34px;
    background-image:
        url('/static/images_css/html/images/default/commun/entete.png');
    font-weight: bold;
    border: 1px solid #929292;
    padding-left: 4px;
    margin-left: 0px;
    line-height: 34px;
    margin-bottom: 10px;
    margin-top: 15px;
}

/******* FIN ENTETE ******/
/**ZONE ALERTE ET MESSAGE*/
.message {
    font-weight: bold;
    font-size: 12px;
    border: 2px solid #00519d;
    background-color: #ffffff;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.message .MessageAideHautGauche {
    float: left;
}

.message .MessageAideHautDroite {
    float: right;
}

.message .MessageAideCorps {
    clear: both;
    padding-top: 8px;
}

.message .messageInformation {
    padding: 2px;
}

.sous_total {
    margin-left: 345px;
    border: 2px solid #E0091D;
}

.promotion {
    position: absolute;
    width: 600px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 225px;
    top: 3px;
}

.promotion .message {
    padding: 2px;
    margin-top: 2px;
}

.message a {
    text-decoration: underline;
}

.message .simpleMessage {
    margin-bottom: 5px;
}

.alerte {
    font-weight: bold;
    font-size: 12px;
    border: 2px solid #971301;
    background-color: #fde5e5;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    text-align: left;

}

.warningImg {
    background-image:
        url(/static/images_css/html/images/default/commun/warning.gif);
    background-repeat: no-repeat;
    width: 25px;
    height: 16px;
    float: left;
}

.smallBouton {
    background:
        url(/static/images_css/html/images/default/accueil/bt_ok_gauche_on.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    text-decoration: none;
    margin-left: 9px;
}

a.smallBouton:hover {
    text-decoration: none;
}

.smallBouton span {
    background:
        url(/static/images_css/html/images/default/accueil/bt_ok_droite_on.png)
        no-repeat;
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
}

.smallBouton span span {
    background-image:
        url(/static/images_css/html/images/default/accueil/bt_ok_milieu_on.png);
    background-position: center center;
    background-repeat: repeat-x;
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 34px;
    text-transform: uppercase;
    display: inline-block;
}

/* Fin caract�ristiques g�n�rales des elements html */
#container {
    min-height: 83vh;
    clear: both;
}

* html #container {
    height: 100%;
    /* ie6 doesn't support min-height, so need to use height */
}

#corps {
    width: 980px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    background-color: #DEDEDE;
    background-image:
        url('/static/images_css/html/images/default/commun/ombre_gauche.png');
    background-repeat: repeat-y;
    background-position: left;
}

#bordureDroite {
    width: 980px;
    float: right;
    background-color: transparent;
    display: table;
    background-image:
        url('/static/images_css/html/images/default/commun/ombre_droit.png');
    background-repeat: repeat-y;
    background-position: right;
}

#col_1_2 {
    text-align: center;
    float: left;
    position: relative;
    z-index: 1;
    height: 100%;
    width: 822px;
    padding-left: 0px;
}

#body_col_1_2 {
    text-align: center;
    float: left;
    position: relative;
    background-color: transparent;
    background-image: url('/static/images_css/html/images/default/commun/fond_degrade.png');
    background-repeat: repeat-x;
    background-position: top;
    width: 100%;
    min-height: 400px;
}

#col_3 {
    text-align: center;
    position: relative;
    float: left;
    /*height:418px
    width :150px;*/
    background-color: transparent;
    background-image: url('/static/images_css/html/images/default/commun/fond_degrade_Col3_.png');
    background-repeat: repeat-x;
}

#body_col_3 {
    width: 150px;
    min-height: 418px; /*pour afficher l'arri�re plan complet*/
    height: 100%;
    background-color: transparent;
}

#filAriane {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    width: 762px;
    height: auto;
    line-height: 20px;
    background-color: transparent;
}

div.arianeFull {
    width: 973px !important;
}

#filAriane a {
    text-decoration: underline;
    text-transform: uppercase;
}

#filAriane span {
    text-transform: uppercase;
}

#head_col_1_2 {
    background-image:
        url('/static/images_css/html/images/default/commun/ombre_bandeau_haut.png');
    background-repeat: repeat-x;
    text-align: left;
    /*width :824px;*/
    height: auto;
    background-color: #D9D9D9;
    margin-bottom: 10px;
}

#arrondis_gauche_corps {
    float: left;
    width: 19px;
    height: 22px;
    background-image:
        url('/static/images_css/html/images/default/commun/arrondis_gauche.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    position: relative;
    left: -5px;
}

#top {
    height: 130px;
    text-align: center;
}

#bottom {
    height: 110px;
    text-align: center;
}

#fluxRSS {
    width: 150px;
    margin-top: 0px;
    background-color: #FFFFFF;
}

/****************************/
.libelleVehiculeAtelier {
    text-align: left;
    background: white;
    width: 978px;
    margin-bottom: 10px;
    border: 1px solid #A0A0A0;
    float: left;
}

.libelleVehiculeAtelierEntete {
    padding: 10px;
    color: #E1091E;
    float: left;
    font-weight: bold;
}

.libelleVehiculeAtelierContenu {
    margin: 5px;
    margin-top: 10px;
    float: left;
    width: 620px;
}

.libelleVehiculeAtelierConteneur {
    float: left;
}

.libelleVehiculeAtelierLoupe {
    background-image:
        url('/static/images_css/html/images/default/atelier/detailler_vehicule_petit.gif');
    background-position: center;
    background-repeat: no-repeat;
    width: 21px;
    height: 25px;
    float: left;
    padding-left: 10px;
}

/* a supprimer*/
.boiteRigideCentree { /*margin-left: auto;
    margin-right: auto;*/
    width: 600px;
    text-align: left;
    padding-left: 5px;
    border: 0px;
}

/* a supprimer*/
.boiteSuperRigide {
    width: 817px;
    margin-left: auto;
    margin-right: auto;
}

#Atelier {
    padding-left: 0px;
}

#zoneCentraleAtelier {
    width: 978px;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    background-color: #FFFFFF;
    float: left;
    margin-top: 9px;
}

#partieCentraleAtelier {
    float: left;
    width: 609px;
    text-align: left;
    padding-left: 5px;
    border: 0px;
    margin-top: 5px;
}

/**** Titre de la page ****/
#Atelier h1 {
    background-position: left 6px;
    height: 34px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 9px;
}

/*devrait �tre remplac� par le style alerte*/
.attention {
    font-weight: bold;
    color: red;
}

.gras {
    font-weight: bold;
}

.red {
    color: red;
}

.left {
    text-align: left;
}

.vert {
    color: #009900;
}

.green {
    color: #37956D;
    font-weight: bold;
}

.black {
    color: black;
}

.gris {
    color: #666666;
}

a.voir_pdf_detail {
    text-decoration: underline;
    color: blue;
    font-size: 10px;
    margin-left: 5px;
}

#tableListRefOe table {
    width: 100%;
}

/*** Choix de devis au moment d'ajout de pi�ces***/
#infosChoixDevis {
    border-width: 2px;
    border-style: solid;
    border-color: #e0091d;
    padding: 5px;
    font-weight: bold;
}

#actionChoixDevis {
    list-style: disc;
    list-style-position: outside;
}

#actionChoixDevis  ul {
    list-style: disc;
    list-style-position: outside;
}

#actionChoixDevis  li {
    list-style: disc;
    list-style-position: outside;
    margin-left: 30px;
    margin-top: 10px;
}

#devisId {
    display: none;
}

#table_devis {
    width: 100%;
}

#table_devis th {
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
}

#table_devis td div {
    margin-left: 3px;
}

#table_devis a:hover {
    color: #e1091d;
}

#table_devis tr {
    height: 25px;
}

/**
* Barre d'action
*/
/* div glossaire*/
#glos {
    display: none;
}

/***
* Pour les Composants web customis�s
***/
.criteriaLabel {
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
}

.libelleRevisionKM {
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
}

.criteriaSuppr {
    float: right;
}

.uniqueListSelect {
    border-style: solid;
    border-width: 1px;
}

.separation {
    background-image:
        url("/static/images_css/html/images/default/filtre/separateur_n2.png");
    background-repeat: repeat-x;
}

/***
* Pour la barre d'action
***/
.barreAction {
    background-color: #FFF;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
    *width: auto;
    height: 50px;
}

.barreActionMagasinier {
    height: 5px;
}

.barreActionPlantEntretien {
    *width: auto;
}

#Configuration .barreAction {
    *width: 100%;
}

.barreAction .corps .buttonHidden {
    display: none;
}

.barreAction .corps {
    display: inline;
    margin: 5px;
    margin-right: 0px;
}

.barreAction .corps .button {
    background-image:
        url("/static/images_css/html/images/default/commun/bt_prems_gauche_off.png");
    background-position: left center;
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
}

.barreActionMagasinier .corps .button {
    margin-top: 30px;
}

#Chiffrage .barreAction .corps .button {
    padding-bottom: 0;
    padding-top: 0;
}

.barreAction .corps .button:hover {
    background-image:
        url("/static/images_css/html/images/default/commun/bt_prems_gauche_on.png");
}

.barreAction .corps .button span {
    background-image:
        url("/static/images_css/html/images/default/commun/bt_prems_droite_off.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-bottom: 8px;
    padding-top: 8px;
    display: inline-block;
}

.barreAction .corps .button:hover span {
    background-image:
        url("/static/images_css/html/images/default/commun/bt_prems_droite_on.png");
    /*  padding-top: 8px;    */
}

.barreAction .corps .button span span {
    background-image:
        url("/static/images_css/html/images/default/commun/bt_prems_milieu_off.png");
    background-position: center center;
    background-repeat: repeat-x;
    margin-left: 23px !important;
    margin-right: 9px !important;
    white-space: nowrap;
    display: inline-block;
}

.barreAction .corps .button:hover span span {
    background-image:
        url("/static/images_css/html/images/default/commun/bt_prems_milieu_on.png");
    padding-top: 8px;
}

.barreAction a:hover {
    font: Arial Bold 11px !important;
    color: #ffc9cb !important;
}

.barreAction a:ACTIVE {
    font: Arial Bold 11px !important;
    color: #FFF !important;
}

.barreAction a {
    text-decoration: none !important;
    color: #FFF !important;
    font: Arial Bold 11px !important;
}

.barreAction .floatRight {
    margin: 0;
    padding: 0;
    text-align: right;
    height: auto;
    float: right;
}

.pays{
    padding-left: 28px;
    font-size: 12px;
}


#nav li a:hover,#nav li.active a{
    color: red;
    text-decoration: none;
    font-weight: bold;
}

.paysLi{
    padding: 0;
    text-align: left;
}

#paysImmatriculation:hover #nav{
    display: block;
}

#nav{
    display: none;
    position: absolute;
    background-color: white;
    width: 50px;
    z-index: 9;
}

.paysChoix{
    width: 13px;
    display: inline-block;
}

.barreAction .floatRight .corps,.barreAction .floatRight .boutonPrixAchat
    {
    float: left;
    margin-right: 1px;
}

/**Sp�cifique chiffrage pour contrer l'�toile sur la Classe Chiffrage de StyleDevis.css**/
#Chiffrage .barreAction * {
    color: #FFF !important;
}

#Chiffrage .barreAction .floatRight,#Chiffrage .barreAction {
    height: auto;
    *position: inherit;
    *float: left;
    padding-right: 8px;
}

#Chiffrage .barreAction  a:hover * {
    font: Arial Bold 11px !important;
    color: #ffc9cb !important;
}

#Chiffrage .barreAction a:ACTIVE * {
    font: Arial Bold 11px !important;
    color: #FFF !important;
}

#Chiffrage .barreAction a {
    text-decoration: none !important;
    color: #FFF !important;
    font: Arial Bold 11px !important;
}

#Chiffrage .barreAction .floatRight {
    margin: 0;
    padding: 0;
    text-align: right;
    padding-right: 8px ;
}

#Chiffrage #PartieHaute .barreAction {
    width: 100%;
    display: inline-block;
    padding-right: 0px;
}

#Chiffrage #PartieHaute .barreAction .floatRight {
    *float: right;
}

#Chiffrage .barreAction {
    width: 100%;
    display: inline-block;
    padding-right:0px;
    padding-top: 5px;
}

#Chiffrage .barreAction .floatRight {
    *float: right;
}

#Client .zoneClient {
    *margin-top: 25px;
}

#tableZoneClient {
    width: 98%;
}

.zoneClient form table td {
    padding-left: 10px;
}

#Chiffrage .conteneur {
    overflow: hidden;
    position: relative;
    width: 600px;
    clear: both;
    padding-top: 10px;
    padding-left: 10px;
}

#Chiffrage .bloc_forfait_entretien {
    float: left;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    padding-bottom: 1px;
    vertical-align: top;
    width: 200px;
}

#Chiffrage .bloc_forfait_entretien_vidange {
    float: left;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    padding-bottom: 1px;
    vertical-align: top;
    width: 150px;
}

#Chiffrage .bloc_forfait_entretien_niveaux {
    float: left;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    padding-bottom: 1px;
    vertical-align: top;
    width: 240px;
}

#Chiffrage .bloc_forfait_entretien .description {
    float: left;
    margin-bottom: 5px;
    font-weight: normal;
}

/* ************ N�cessaire � l'affichage des planches ******************************/
.rvml {
    behavior: url(#default#VML)
}

/***
* Glossaire des pneus
*/
.glossairepneu {
    width: 100%;
}

.glossairepneu th {
    text-align: center;
    border: 1px solid #DDDDDD;
    margin-left: 15px;
    margin-right: 15px;
}

.glossairepneu table {
    width: 100%;
}

.glossairepneu table td {
    background-color: #EAEAEA;
}

.supprButtonDiv {
    background-image:
            url("/static/images_css/html/images/default/filtre/pct_supprimer.png");
    background-position: right center;
    background-repeat: no-repeat;
    height: 17px;
    text-align: right;
    width: 17px;
    display: inline-block;
}

.supprButtonDivMulti {
    background-image:
        url("/static/images_css/html/images/default/filtre/pct_supprimer.png");
    background-position: right center;
    background-repeat: no-repeat;
    height: 17px;
    text-align: right;
    width: 17px;
    padding-right: 13px !important;
    margin-left: -12px !important;
}

#aproposVehiculeCNITVIN td,#aproposVehiculeCNITVIN {
    border: 1px solid black;
    font-weight: bold;
    color: #454545;
}

/********************************************************************/
/*                                                                  */
/*                  styleBandeauFooter.CSS                          */
/*                                                                  */
/********************************************************************/
#bandeau {
    background-image:
        url('/static/images_css/html/images/default/bandeau/fond_bandeau.jpg');
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

#bandeau #bandeauHautPartieDroite {
    float: right;
    position: absolute;
    right: 0;
}

#bandeau .haut {
    height: 116px;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#bandeau .bas {
    height: 45px;
    clear: both;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
    background-repeat: repeat-x;
}

#bandeau .bas.fixed {
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #c8c8ca;
    width: 100%;
    height: 45px;
    border-bottom: solid 1px #7F7F7F;
    -webkit-animation: b 0.5s;
    animation: b 0.5s;
}

}
@
-webkit-keyframes b { 0% {
    top: -4.375rem
}

to {
    top: 0
}

}
@
keyframes b { 0% {
    top: -4.375rem
}

to {
    top: 0
}

}
#bandeau .bas_contenu {
    height: 33px;
    clear: both;
    width: 955px;
    margin-left: 25px;
    background-image:
        url(/static/images_css/html/images/default/commun/nav_milieu_off.png);
    background-position: center center;
    background-repeat: repeat-x;
}

.choixLangue {
    position: absolute;
    top: 0px;
    left: 30%;
    height: 16px;
    padding-top: 2px;
    font-weight: bold;
    margin-left: 15px;
}

#ChoixLangue .langue {
    float: left;
    height: 15px;
    padding-left: 5px;
}

#ChoixLangue .langueT {
    float: left;
    font-size: 10px;
    padding-left: 5px;
    margin-right: 5px;
}

#ChoixLangue .langue_fr_on,.langue_de_on,.langue_it_on,.langue_nl_on,.langue_fr_off,.langue_de_off,.langue_it_off,.langue_nl_off
    {
    background-repeat: no-repeat;
    padding-left: 5px;
    margin-right: 1px;
    /*margin-top: 9px;*/
    width: 20px;
    height: 13px;
    float: left;
    cursor: pointer;
}

#ChoixLangue .langue_fr_on {
    background-image: url(/static/images_css/html/images/default/FR_on.png);
}

#ChoixLangue .langue_fr_off {
    background-image: url(/static/images_css/html/images/default/FR_off.png);
}

#ChoixLangue .langue_de_on {
    background-image: url(/static/images_css/html/images/default/DE_on.png);
}

#ChoixLangue .langue_de_off {
    background-image: url(/static/images_css/html/images/default/DE_off.png);
}

#ChoixLangue .langue_it_on {
    background-image: url(/static/images_css/html/images/default/IT_on.png);
}

#ChoixLangue .langue_it_off {
    background-image: url(/static/images_css/html/images/default/IT_off.png);
}
div.texteTitreRevision2{
    width: 540px!important;
}
/* PCR911
#bandeau .logo_locale {
    float: left;
    padding-top: 10px;
}

#bandeau .logo_locale span {
    width: 180px;
    height: 56px;
    position: absolute;
    margin-left: 25px;
}*/

.overDetailsColonne{
    width: 49%;
    float: left;
}
#bandeau .logo_locale {
    position: relative;
    background-repeat: no-repeat;
    float: left;
    z-index: 100;
}

#bandeau .logo_locale span span {
    display: none;
}

.logo_domain {
    float: left;
    margin-top: 15px;
    margin-left: 30px;
}

#bandeau .logo2_locale {
    display: none;
}

#bandeau .logo2_locale span {
    display: none;
}

#bandeau .logo_locale span span {
    display: none;
}

#bandeau .logo_locale a img {
    border: none;
}

#bandeau .btn_quitter,#bandeau .barre_lien,#bandeau .logo_reseau {
    float: right;
}

#bandeau .btn_quitter {
    text-transform: uppercase;
    text-align: left;
    width: 90px;
    line-height: 35px;
    height: 35px;
    padding-right: 60px;
}

#bandeau .btn_quitter span {
    background-image:
        url(/static/images_css/html/images/default/bandeau/pct_deconnexion.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#presentationDemoTitrePage {
    display: none;
}
/**** BARRE DE LIEN *****/
#bandeau .barre_lien {
    clear: both;
    padding-right: 4px;
}

#bandeau .barre_lien ul {
    padding-right: 12px;
    padding-top: 26px;
}

#bandeau .barre_lien ul li {
    display: inline;
    list-style: none;
    padding: 0;
}

#bandeau .barre_lien ul li a {
    background-image:
        url(/static/images_css/html/images/default/bandeau/lien_milieu.png);
    background-position: left center;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin: 0 0 0 0;
    float: left;
}

#bandeau .barre_lien ul li span {
    background-image:
        url(/static/images_css/html/images/default/bandeau/lien_filet.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
}

#bandeau .barre_lien ul li span span {
    background-image:
        url(/static/images_css/html/images/default/bandeau/lien_milieu.png);
    background-position: center center;
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-right: 18px;
    white-space: nowrap;
    color: #535353;
    font-size: 11px;
    font-weight: bold;
    line-height: 34px;
    text-transform: uppercase;
    display: inline-block;
}

#bandeau .barre_lien ul li.dernier_lien span {
    background-image:
        url(/static/images_css/html/images/default/bandeau/lien_droite.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
}

#bandeau .barre_lien ul li.dernier_lien a {
    background-image: none;
}

#bandeau .barre_lien ul li.dernier_lien span span {
    background-image:
        url(/static/images_css/html/images/default/bandeau/lien_milieu.png);
    background-position: center center;
    background-repeat: repeat-x;
    margin-right: 18px;
}

#bandeau .barre_lien ul li.liens_debut {
    display: none;
}

#bandeau .barre_lien ul li.liens_debut span {
    display: none;
}

#bandeau .barre_lien ul li span.picto_informations,#bandeau .barre_lien ul li span.langue
    {
    margin-top: 10px;
    float: left;
}

#bandeau .barre_lien ul li div#sep {
    background-image:
        url(/static/images_css/html/images/default/bandeau/lien_milieu.png);
    background-repeat: no-repeat;
    display: block;
    margin-right: 2px;
    margin-top: 9px;
    height: 13px;
    float: left;
}

#bandeau .barre_lien ul li span.picto_informations span {
    background-image:
        url(/static/images_css/html/images/default/accueil/news_picto.gif);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 34px;
    width: 41px;
    margin-right: 8px;
}

#bandeau .barre_lien ul li span.langue span {
    margin-top: 0px;
    padding-top: 15px;
    _padding-top: 0px;
}

#bandeau .barre_lien ul li div#langueText span span {
    background-image:
        url(/static/images_css/html/images/default/bandeau/lien_milieu.png);
    background-position: left center;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin: 0 0 0 0;
    float: left;
}

.langue_fr_on,.langue_de_on,.langue_it_on,.langue_nl_on,.langue_fr_off,.langue_de_off,.langue_it_off,.langue_nl_off
    {
    background-repeat: no-repeat;
    display: block;
    margin-left: 6px;
    margin-right: 2px;
    padding-left: 5px;
    width: 20px;
    height: 13px;
    float: left;
    cursor: pointer;
}

.langueTxt {
    display: block;
    margin-left: 6px;
    margin-right: 2px;
    margin-top: 1px;
    padding-left: 5px;
    float: left;
    color: #ffffff;
    white-space: nowrap;
    padding-right: 5px;
}

.langue_fr_on {
    background-image: url(/static/images_css/html/images/default/FR_on.png);
}

.langue_fr_off {
    background-image: url(/static/images_css/html/images/default/FR_off.png);
}

.langue_de_on {
    background-image: url(/static/images_css/html/images/default/DE_on.png);
}

.langue_de_off {
    background-image: url(/static/images_css/html/images/default/DE_off.png);
}

.langue_it_on {
    background-image: url(/static/images_css/html/images/default/IT_on.png);
}

.langue_it_off {
    background-image: url(/static/images_css/html/images/default/IT_off.png);
}

.langue_nl_on {
    background-image: url(/static/images_css/html/images/default/NL_on.png);
}

.langue_nl_off {
    background-image: url(/static/images_css/html/images/default/NL_off.png);
}

/**** FIN BARRE DE LIEN *****/
#bandeau .logo_reseau {
    clear: right;
    display: none; /*Par defaut le logo reseau est cache*/
}

#bandeau .bas ul {
    float: left;
    margin-top: 3px;
    padding-left: 2px;
}

#bandeau .bas form {
    float: right;
}

#bandeau div.bas ul.barre_navigation li {
    float: left;
    padding-left: 10px;
    list-style: none outside none;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    padding: 0;
    z-index: 1;
    font-size: 24px;
}

#bandeau div.bas ul.barre_navigation li [class^="icon-"],[class*=" icon-"]
    {
    font-size: 24px;
    min-width: 30px;
}

#bandeau div.bas ul.barre_navigation li a {
    background-image:
        url(/static/images_css/html/images/default/commun/nav_gauche_off.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#bandeau div.bas ul.barre_navigation li span {
    background-image:
        url(/static/images_css/html/images/default/commun/nav_droite_off.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#bandeau div.bas ul.barre_navigation span span {
    background-image:
        url(/static/images_css/html/images/default/commun/nav_milieu_off.png);
    background-position: center center;
    background-repeat: repeat-x;
    display: inline-block;
    margin-left: 9px;
    margin-right: 14px;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}

#bandeau div.bas ul.barre_navigation li span {

}

#bandeau div.bas ul.barre_navigation li.vehiculesHover span span,#bandeau div.bas ul.barre_navigation li.atelierHover span span,#bandeau div.bas ul.barre_navigation li.clientHover span span,#bandeau div.bas ul.barre_navigation li.garageHover span span
    {
    color: #ffe26d;
}

#bandeau div.bas ul.barre_navigation li.vehiculesOn span span,#bandeau div.bas ul.barre_navigation li.atelierOn span span,#bandeau div.bas ul.barre_navigation li.clientOn span span,#bandeau div.bas ul.barre_navigation li.garageOn span span,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover span span,#bandeau div.bas ul.barre_navigation li.atelierOnHover span span,#bandeau div.bas ul.barre_navigation li.clientOnHover span span,#bandeau div.bas ul.barre_navigation li.garageOnHover span span
    {
    color: #DB0020;
    background-image:
        url("/static/images_css/html/images/default/commun/nav_milieu_on.png");
}

#bandeau div.bas ul.barre_navigation li.vehiculesOn span,#bandeau div.bas ul.barre_navigation li.atelierOn span,#bandeau div.bas ul.barre_navigation li.clientOn span,#bandeau div.bas ul.barre_navigation li.garageOn span,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover span,#bandeau div.bas ul.barre_navigation li.atelierOnHover span,#bandeau div.bas ul.barre_navigation li.clientOnHover span,#bandeau div.bas ul.barre_navigation li.garageOnHover span
    {
    background-image:
        url("/static/images_css/html/images/default/commun/nav_droite_on.png");
    display: inline-block;
}

#bandeau div.bas ul.barre_navigation li.vehiculesOn a,#bandeau div.bas ul.barre_navigation li.atelierOn a,#bandeau div.bas ul.barre_navigation li.clientOn a,#bandeau div.bas ul.barre_navigation li.garageOn a,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover a,#bandeau div.bas ul.barre_navigation li.atelierOnHover a,#bandeau div.bas ul.barre_navigation li.clientOnHover a,#bandeau div.bas ul.barre_navigation li.garageOnHover a
    {
    background-image:
        url("/static/images_css/html/images/default/commun/nav_gauche_on.png");
    background-repeat: repeat;
}

#bandeau div.bas ul.barre_navigation li.atelier ul.menu_atelier,#bandeau div.bas ul.barre_navigation li.atelierOn ul.menu_atelier,#bandeau div.bas ul.barre_navigation li.vehicules ul.menu_atelier,#bandeau div.bas ul.barre_navigation li.vehiculesOn ul.menu_atelier
    {
    display: none;
    z-index: 200;
}

#bandeau div.bas ul.barre_navigation li.atelierHover ul.menu_atelier,#bandeau div.bas ul.barre_navigation li.atelierOnHover ul.menu_atelier,#bandeau div.bas ul.barre_navigation li.vehiculesHover ul.menu_atelier,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover ul.menu_atelier
    {
    display: block;
    padding-left: 0;
}

#bandeau div.bas ul.barre_navigation li.atelierHover ul.menu_atelier li,#bandeau div.bas ul.barre_navigation li.atelierOnHover ul.menu_atelier li,#bandeau div.bas ul.barre_navigation li.vehiculesHover ul.menu_atelier li,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover ul.menu_atelier li
    {
    width: 350px;
    background-color: #dedede;
    border: 1px solid #6a6a6a;
    position: none;
    clear: both;
}

#bandeau div.bas ul.barre_navigation li.atelierHover ul.menu_atelier a,#bandeau div.bas ul.barre_navigation li.atelierOnHover ul.menu_atelier a,#bandeau div.bas ul.barre_navigation li.vehiculesHover ul.menu_atelier a,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover ul.menu_atelier a
    {
    background-image: none;
    text-align: left;
    padding-left: 10px;
}

#bandeau div.bas ul.barre_navigation li.atelierHover ul.menu_atelier a span,#bandeau div.bas ul.barre_navigation li.atelierOnHover ul.menu_atelier a span,#bandeau div.bas ul.barre_navigation li.vehiculesHover ul.menu_atelier a span,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover ul.menu_atelier a span
    {
    background-image: none;
    display: inline-block;
}

#bandeau div.bas ul.barre_navigation li.atelierHover ul.menu_atelier a span span,#bandeau div.bas ul.barre_navigation li.atelierOnHover ul.menu_atelier a span span,#bandeau div.bas ul.barre_navigation li.vehiculesHover ul.menu_atelier a span span,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover ul.menu_atelier a span span
    {
    margin-left: 3px;
    color: #2d2d2d;
    font-size: 12px;
    font-weight: bold;
}

#bandeau div.bas ul.barre_navigation li.atelierHover ul.menu_atelier li.universelHover,#bandeau div.bas ul.barre_navigation li.atelierOnHover ul.menu_atelier li.universelHover,#bandeau div.bas ul.barre_navigation li.atelierHover ul.menu_atelier li.sous_menu_vehHover,#bandeau div.bas ul.barre_navigation li.atelierOnHover ul.menu_atelier li.sous_menu_vehHover,#bandeau div.bas ul.barre_navigation li.vehiculesHover ul.menu_atelier li.universelHover,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover ul.menu_atelier li.universelHover,#bandeau div.bas ul.barre_navigation li.vehiculesHover ul.menu_atelier li.sous_menu_vehHover,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover ul.menu_atelier li.sous_menu_vehHover
    {
    border: 1px solid #db0021;
}

#bandeau div.bas ul.barre_navigation li.atelierOnHover ul.menu_atelier li.universelHover a span span,#bandeau div.bas ul.barre_navigation li.atelierHover ul.menu_atelier li.universelHover a span span,#bandeau div.bas ul.barre_navigation li.atelierOnHover ul.menu_atelier li.sous_menu_vehHover a span span,#bandeau div.bas ul.barre_navigation li.atelierHover ul.menu_atelier li.sous_menu_vehHover a span span,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover ul.menu_atelier li.universelHover a span span,#bandeau div.bas ul.barre_navigation li.vehiculesHover ul.menu_atelier li.universelHover a span span,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover ul.menu_atelier li.sous_menu_vehHover a span span,#bandeau div.bas ul.barre_navigation li.vehiculesHover ul.menu_atelier li.sous_menu_vehHover a span span
    {
    color: #db0021;
}

#bandeau div.bas ul.barre_navigation li ul.menu_atelier {
    position: absolute;
    z-index: 100;
    background-color: white;
    text-align: left;
    top: 22px;
    left: 0;
}

#bandeau div.boutonRecap {
    float: right;
    width: 153px;
    height: 45px;
    background-image:
        url(/static/images_css/html/images/default/bandeau/panier_milieu.png);
    background-position: center center;
    background-repeat: repeat-x;
    display: block;
    margin-left: 9px;
    white-space: nowrap;
}

#bandeau .bas div.boutonRecap {
    width: 200px;
    margin-top: 0px;
}

#bandeau .bas div.boutonRecap div {
    width: 200px;
}

#bandeau .bas.fixed div.boutonRecap {
    width: 200px;
}

#bandeau .bas.fixed div.boutonRecap div {
    width: 200px;
}

#bandeau div.boutonRecap div {
    padding-top: 5px;
}

#bandeau div.boutonRecap div a {
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#bandeau div.boutonRecap span span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 2px;
}

/** recherche de pieces */
#bandeau .recherche_pce {
    padding-top: 8px;
}

#bandeau .recherche_pce .rechRef {
    float: left;
    margin-top: 1px;
    border: none;
    padding-right: 70px;
}

#bandeau .recherche_pce .rechRef .ref {
    float: left;
    margin-top: 1px;
    border: none;
    padding-right: 70px;
}

#bandeau .recherche_pce .rechRef .rechRef_label {
    float: left;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;
}

#bandeau .recherche_pce .rechRef .picto {
    background-image:
        url(/static/images_css/html/images/default/bandeau/rech_gauche.png);
    height: 19px;
    width: 22px;
    float: left;
}

#bandeau .recherche_pce .rechRef .rechRef_input {
    background-image:
        url(/static/images_css/html/images/default/bandeau/rech_milieu.png);
    height: 19px;
    float: left;
}

#bandeau .recherche_pce .rechRef .rechRef_input input {
    margin-top: 2px;
    border: none;
}

#bandeau .recherche_pce .rechRef .rechRef_link {
    float: left;
    height: 19px;
}

#bandeau .recherche_pce .rechRef a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 19px;
}

#bandeau .recherche_pce .rechRef a span {
    background-position: right center;
    background-image:
        url(/static/images_css/html/images/default/bandeau/rech_bouton_droite.png);
    background-repeat: no-repeat;
    float: left;
}

#bandeau .recherche_pce .rechRef a span span {
    background-image:
        url(/static/images_css/html/images/default/bandeau/rech_bouton_milieu.png);
    margin-right: 10px;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    background-position: center center;
    background-repeat: repeat-x;
    padding-left: 5px;
    float: left;
}

/** fin recherche de pieces */
/**** ANCIEN BANDEAU ATELIER*/
/************* Style Pour la partie Atelier *************/
/***** DIV ENTETE barreEntete *****/
/***** Bandeau *****/
/*****************************************************/
/***** DIV spacer dans DIV barreEntete *****/
/***** pour remplir la div barreEntete *****/
#Atelier .barreEntete .spacerHaut,#Configuration .barreEntete .spacerHaut,#Atelier .barreEntete .spacerBas,#Configuration .barreEntete .spacerBas
    {
    margin: 0;
    padding: 0;
    height: 1px;
    clear: both;
    font-size: 0px;
    background-color: white;
}

/*****************************************************/
/***** DIV floatRight dans DIV barreEntete *****/
/***** Zones des boutons *****/
#Atelier .barreEntete .floatRight,#Configuration .barreEntete .floatRight
    {
    margin: 0;
    padding: 0;
    float: right;
    height: 34px;
}

#Atelier .barreEntete .floatRight a,#Configuration .barreEntete .floatRight a
    {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#Atelier .barreEntete .floatRight img,#Configuration .barreEntete .floatRight img
    {
    margin: 0;
    padding: 0;
    float: left;
    vertical-align: top;
}

#Atelier .barreEntete {
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: bold;
    background-color: #f8cb67;
}

#BoutonNavigation .suiteLogoLocale li {
    background-repeat: repeat-x;
    background-position: bottom left;
}

#Atelier .suiteLogoLocale li.liBoutonSelectCourt a,#Atelier .suiteLogoLocale li.liBoutonSelectLong a
    {
    background-image:
        url('/static/images_css/html/images/default/atelier/bn_fond_actif.gif');
}

#Atelier .suiteLogoLocale li.liBoutonActifCourt a,#Atelier .suiteLogoLocale li.liBoutonActifLong a
    {
    background-image:
        url('/static/images_css/html/images/default/atelier/bn_fond_OFF.gif');
}

#Atelier .suiteLogoLocale li.liBoutonInactifCourt div,#Atelier .suiteLogoLocale li.liBoutonInactifLong div
    {
    background-image:
        url('/static/images_css/html/images/default/atelier/bn_fond_inactif.gif');
}

#Atelier .suiteLogoLocale li.liBoutonActifCourt a:hover,#Atelier .suiteLogoLocale li.liBoutonActifLong a:hover
    {
    background-image:
        url('/static/images_css/html/images/default/atelier/bn_fond_ON.gif');
}

/**** FIN ANCIEN BANDEAU ATELIER*/
#footer ul {
    color: #FFFFFF;
    text-align: center;
    background-color: transparent;
    position: relative;
    top: 90px;
    margin-left: 0;
    margin-right: 0;
    width: 820px;
}

#footer li {
    display: inline;
    background-color: transparent;
    padding : 1.5em;
}

#footer span {
    background-color: transparent;
}

#footer-spacer {
    clear: both;
    width: 974px;
    background-color: transparent;
    height: 20px;
    /* = #container margin-bottom plus any extra space required between #container and #footer */
}

#footer {
    height: 110px;
    text-align: center;
    width: 980px;
    float: left;
    background-color: transparent;
    background-image:
        url('/static/images_css/html/images/default/commun/pied_page.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

#bordure_bottom_gauche {
    height: 100%;
    float: left;
    width: 3px;
    background-image:
        url('/static/images_css/html/images/default/commun/ombre_gauche.png');
    background-repeat: repeat-y;
    clear: both;
}

#bordure_bottom_droite {
    height: 100%;
    float: left;
    width: 3px;
    background-image:
        url('/static/images_css/html/images/default/commun/ombre_droit.png');
    background-repeat: repeat-y;
}

#bottom_corps {
    background-color: #DDDDDD;
    text-align: center;
    height: 110px;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

/********************************************************************/
/*                                                                  */
/*                  fluxRSS.css                                     */
/*                                                                  */
/********************************************************************/
#enteteFluxRSS {
    text-align: center;
    height: 40px;
    width: 150px;
    background-color: #FFFFFF;
    background-image:
        url('/static/images_css/html/images/default/accueil/rss_illust.png');
    background-repeat: no-repeat;
    background-position: right center;
}

#titreFluxRSS {
    width: 140px;
    height: 31px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 15px;
    color: #000000;
    text-align: left;
    background-color: transparent;
    position: relative;
    left: 5px;
    top: 9px;
}

#corpFluxRSS {
    text-align: left;
    padding-top: 10px;
    height: 200px;
    width: 150px;
    background-color: #FFFFFF;
}

.filetSeparateurFluxRSS {
    background-image:
        url('/static/images_css/html/images/default/accueil/rss_separateur.png');
    background-repeat: repeat-x;
    height: 1px;
    width: 125px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#basFluxRSS {
    background-image: none;
}

#imageFluxRSS {
    background-image:
        url('/static/images_css/html/images/default/accueil/pub.png');
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 5px;
    width: 150px;
    background-color: transparent;
}

#flux {
    padding-left: 1px;
    padding-right: 1px;
    width: 137px;
    text-decoration: none;
    min-height: 200px;
}

/****  Flux Non Visualis� *****/
.fluxNonVisualise {
    text-decoration: none;
}

.fluxNonVisualise .intitileFluxRSS {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
}

.fluxNonVisualise .dateFluxRSS {
    color: #5D5D5D;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    font-size: 11px;
    padding-left: 5px;
}

.acroche {
    word-wrap: break-word;
}

.fluxNonVisualise .acroche {
    color: #000000;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    font-size: 11px;
}

/****  Flux Visualis� *****/
.fluxVisualise {
    text-decoration: none;
}

.fluxVisualise .intitileFluxRSS {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
}

.fluxVisualise .dateFluxRSS {
    color: #5D5D5D;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    font-size: 11px;
    padding-left: 5px;
}

.fluxVisualise .acroche {
    color: #000000;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    font-size: 11px;
}

/**** Flux On Mouse Over ****/
.fluxVisualise:hover,.fluxNonVisualise:hover {
    text-decoration: none;
}

.fluxVisualise:hover * {
    color: #444444;
}

.fluxNonVisualise:hover * {
    color: #444444;
}

.fluxRSSListStyle {
    background-image:
        url('/static/images_css/html/images/default/accueil/tiret_fluxRSS.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 3px;
    height: 3px;
}

/****************************************/
#gripper_center {
    background-image:
        url('/static/images_css/html/images/default/commun/dragBar_milieu.gif');
    background-repeat: repeat-y;
    background-position: center center;
    width: 11px;
    height: 100%;
    min-height: 100%;
}

#gripper_up {
    background-image:
        url('/static/images_css/html/images/default/commun/dragBar_haut.gif');
    background-repeat: no-repeat;
    background-position: top center;
    width: 11px;
    height: 100%;
    min-height: 100%;
}

#gripper_down {
    background-image:
        url('/static/images_css/html/images/default/commun/dragBar_bas.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 100%;
    min-height: 100%;
    width: 11px;
}

#gripper_notches {
    height: 11px;
    width: 4px;
}

#DemoScroller_Container {
    height: 200px;
    width: 150px;
    position: relative;
}

#DemoScroller_Content {
    height: 200px;
    width: 139px;
    overflow: hidden;
    position: relative;
    float: left;
}

#DemoScroller_ScrollingArea {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 139px;
    text-align: left;
}

#DemoScroller_ScrollBar {
    height: 200px;
    width: 11px;
    float: right;
    position: relative;
}

#DemoScroller_UpArrow {
    background-image:
        url('/static/images_css/html/images/default/commun/btn-up.gif');
    background-repeat: no-repeat;
    background-position: center center;
    height: 11px;
    width: 11px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    position: relative;
}

#DemoScroller_GripperContainer {
    height: 178px;
    position: relative;
    cursor: pointer;
    cursor: hand;
    background-image:
        url('/static/images_css/html/images/default/commun/track_background.gif');
    background-repeat: repeat-y;
    background-position: center center;
    width: 11px;
}

#DemoScroller_Gripper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 11px;
    height: 75px;
    cursor: pointer;
    cursor: hand;
}

#DemoScroller_DownArrow {
    background-image:
        url('/static/images_css/html/images/default/commun/btn-dn.gif');
    background-repeat: no-repeat;
    background-position: center center;
    height: 11px;
    width: 11px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    position: relative;
}

/**** --------------------- ****/
/********************************************************************/
/*                                                                  */
/*                  recapWidget.css                                 */
/*                                                                  */
/********************************************************************/
#recapinfos {
    background-image:
        url(/static/images_css/html/images/default/recapDevis/panier_degrade.png);
    background-position: top center;
    background-repeat: repeat-x;
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-family: "arial";
    background-color: #444444;
    width: 150px;
}

#col_3.posRecapinfos {
    left: -42px;
}

#col_3.posRecapinfos #fluxRSS {
    margin-left: 50px;
    position: absolute;
}

#recapinfos.recapinfosfixed {
    position: fixed;
    width: 200px;
    top: 45px;
    z-index: 999;
    margin-top: 1px;
    border-top: 1px solid #fff;
}

#bandeau div.boutonRecap div #monPanier {
    display: block;
}

#bandeau div.boutonRecap div #panier {
    display: none;
}

#bandeau div.boutonRecap div #monDevis {
    display: block;
}

#bandeau div.boutonRecap div #devis {
    display: none;
}

#petit_triangle {
    background-image:
        url(/static/images_css/html/images/default/recapDevis/fleche_panier.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 18px;
    height: 9px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 21px;
}

#recapinfos.recapinfosfixed .filet {
    width: 102%;
}

#recapinfos.recapinfosfixed #thNumDevis {
    width: 10%;
}

#recapinfos.recapinfosfixed #tdNumDevis {
    text-align: left;
}

#recapinfos.recapinfosfixed #numDevis {
    padding-left: 3px;
}

#recapinfos .filet {
    background-image:
        url(/static/images_css/html/images/default/recapDevis/filet_total.png);
    background-position: center center;
    background-repeat: repeat-x;
    width: 92%;
    height: 1px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 4px;
    margin-bottom: 4px;
}

#recapinfos table th {
    text-align: left;
    background-color: transparent;
    padding-left: 2px;
    white-space: nowrap;
}

#recapinfos table td {
    text-align: right;
    white-space: nowrap;
    letter-spacing: -0.2px;
    padding-right: 2px;
}

#recapinfos table {
    width: 100%;
    font-family: "arial";
    font-weight: bold;
    margin-bottom: 7px;
}

/*** Bouton Recap Devis/Panier****/
#recapinfos .buttonRecapDevis {
    font-family: "Arial";
    font-weight: bold;
    font-size: 11px;
    margin-right: auto;
    margin-left: auto;
    line-height: 22px;
    padding-bottom: 10px;
    width: 90%;
}

#recapinfos .buttonRecapDevis a {
    background-image:
        url(/static/images_css/html/images/default/recapDevis/bt_panier_gauche_on.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#recapinfos .buttonRecapDevis a span span {
    background-image:
        url(/static/images_css/html/images/default/recapDevis/bt_panier_milieu_on.png);
    background-position: center center;
    background-repeat: repeat-x;
    display: block;
    margin-left: 23px;
    margin-right: 9px;
    white-space: nowrap;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
}

#recapinfos .buttonRecapDevis span {
    background-image:
        url(/static/images_css/html/images/default/recapDevis/bt_panier_droite_on.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#recapinfos .buttonRecapDevis a:hover {
    text-decoration: none;
    background-image:
        url(/static/images_css/html/images/default/recapDevis/bt_panier_gauche_off.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#recapinfos .buttonRecapDevis a:hover span {
    text-decoration: none;
    background-image:
        url(/static/images_css/html/images/default/recapDevis/bt_panier_droite_off.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#recapinfos .buttonRecapDevis a:hover span span {
    background-image:
        url(/static/images_css/html/images/default/recapDevis/bt_panier_milieu_off.png);
    background-position: center center;
    background-repeat: repeat-x;
    display: block;
    margin-left: 23px;
    margin-right: 9px;
    white-space: nowrap;
    text-decoration: none;
    color: #dc002e;
}

.recapInfoBordureBas {
    display: none;
    width: 0px;
    height: 0px;
}
/********************************************************************/
/*                                                                  */
/*                  scrollerStyle.CSS                               */
/*                                                                  */
/********************************************************************/
#scrollContainer {
    float: left;
    background-color: #FFFFFF;
    width: 139px;
}

#scroller {
    float: left;
    background-color: #D5D5D5;
    width: 11px;
}

div#scrollbar {
    display: block; /* initially display:none; to hide from incapable */
}

div#wn {
    position: relative;
    width: 139px;
    height: 200px;
    overflow: hidden;
}

div#scrollbar {
    position: relative;
    width: 11px;
    height: 200px;
    left: 1px;
}

div#track {
    position: relative;
    top: 12px;
    width: 9px;
    height: 176px;
    background: #FFFFFF;
}

div#dragBar {
    position: absolute;
    top: 1px;
    width: 11px;
    height: 20px;
    background-image:
        url('/static/images_css/html/images/default/commun/dragBar_milieu.gif');
    background-repeat: repeat-y;
}

div#dragBar_haut {
    width: 9px;
    height: 100%;
    min-height: 100%;
    position: relative;
    background-image:
        url('/static/images_css/html/images/default/commun/dragBar_haut.gif');
    background-repeat: no-repeat;
    background-position: top;
}

div#dragBar_bas {
    width: 9px;
    height: 100%;
    min-height: 100%;
    position: relative;
    background-image:
        url('/static/images_css/html/images/default/commun/dragBar_bas.gif');
    background-repeat: no-repeat;
    background-position: bottom;
}

div#up {
    position: absolute;
    left: 0;
    top: 0;
    background-image:
        url('/static/images_css/html/images/default/commun/btn-up.gif');
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
}

div#down {
    position: absolute;
    left: 0;
    bottom: 0;
    background-image:
        url('/static/images_css/html/images/default/commun/btn-dn.gif');
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
}

/********************************************************************/
/*                                                                  */
/*                  modalBox.css                                    */
/*                                                                  */
/********************************************************************/
#MB_overlay {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #000 !important;
}

#MB_overlay[id] {
    position: fixed;
}

#MB_window {
    position: absolute;
    top: 0;
    border: 0 solid;
    text-align: left;
    z-index: 10000;
    margin-top: 12px;
}

#MB_window[id] {
    position: fixed !important;
}
#MB_window.pdfImpression{
    position: absolute !important;
}


#MB_frame {
    position: relative;
    background-color: #ffffff;
    height: 100%;
    border: 5px solid #535353;
}

#MB_frame.atdMBclass {
    border-color: #B91919;
}

#MB_header.atdMBclass {
    background-color: #B91919;
    font-size: 14px;
}

#MB_content.atdMBclass {
    border: none;
}

#MB_caption.atdMBclass {
    background-color: #B91919;
    color: #FFFFFF;
}

#atdFrame {
    width: 100%;
    height: 98%;
    border: none;
}

#MB_header {
    margin: 0;
    padding: 0;
}

#MB_content {
    padding: 18px 12px !important;
    overflow: auto;
}

#MB_content .texte {
    text-align: left;
}

#MB_caption {
    font: bold 100% "Lucida Grande", Arial, sans-serif;
    /*text-shadow: #FFF 0 1px 0;*/
    padding: .5em 2em .5em .75em;
    margin: 0;
    text-align: left;
}

#MB_close {
    display: block;
    position: absolute;
    right: -20px;
    top: -20px;
    padding: 2px 3px;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

#MB_close:hover {
    background: transparent;
}

#MB_loading {
    padding: 1.5em;
    text-indent: -10000px;
    background: transparent
        url("/static/images_css/html/images/default/composant/spinner.gif")
        50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
    padding-bottom: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

#MB_window {
    background-color: #EFEFEF;
    color: #000;
    -webkit-box-shadow: 0 8px 64px #000;
    -moz-box-shadow: 0 0 64px #000;
    box-shadow: 0 0 64px #000;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

#MB_content {
    border-top: 1px solid #F9F9F9;
}

#MB_header {
    background-color: #535353;
    border-bottom: 1px solid #758926;
}

#MB_caption {
    color: #FFF
}

#MB_close {
    color: #777
}

#MB_close:hover {
    color: #000
}

/* Alert message */
.MB_alert {
    margin: 10px 0;
    text-align: center;
}

/********************************************************************/
/*                                                                  */
/*                  styleMessage.css                                */
/*                                                                  */
/********************************************************************/
/** styles pour les messages contractuel **/
#MB_window.messageAttente {
    margin-top: 25%;
}

#MB_window.messageAttente #MB_frame {
    background-color: white;
    background-image:
        url('/static/images_css/html/images/default/composant/wait.gif');
    background-repeat: no-repeat;
    background-position: 20px 10px;
    text-align: center;
    padding-top: 10px;
}

#MB_window.messageAttente #MB_content {
    border: none;
    font-weight: bold;
}

#MB_window.messageAttente #MB_header {
    height: 0px;
    border: none;
}

#MB_window.messageAttente #MB_caption,#MB_window.messageAttente #MB_close img
    {
    display: none;
}

#MB_window.messageAttente #MB_close {
    padding: 0px;
}

/** Style pour le bon de commande */
#MB_window.bonCommande {
    margin-top: 10%;
}

#MB_window.bonCommande #MB_frame {
    background-color: white;
}

#MB_window.bonCommande #MB_content {
    border: none;
    font-weight: bold;
}

#MB_window.bonCommande .logoLocale {
    text-align: left;
    margin-left: 0;
    width: 100%;
    background-color: rgb(224, 58, 62);
}

#MB_window.bonCommande .boutonDeloguer {
    display: none;
}

#MB_window.bonCommande .suiteLogoLocale {
    display: none;
}

#MB_window.bonCommande .ligneDeDeuxPixels {
    height: 2px;
    font-size: 1px;
    clear: both;
}

#MB_window.bonCommande .barreEntete {
    background-color: #CCCCCC;
    text-align: left;
    line-height: 34px;
    height: 34px;
    padding-left: 20px;
    font-weight: bold;
}

#MB_window.bonCommande .barreEntete img {
    float: right;
}

#MB_window.bonCommande .texteEntete {
    float: left;
}

#MB_window.bonCommande .message {
    padding-top: 30px;
    padding-bottom: 25px;
    color: red;
}

#MB_window.bonCommande #MB_header {
    height: 0px;
    border: none;
}

#MB_window.bonCommande #MB_caption,#MB_window.bonCommande #MB_close img
    {
    display: none;
}

#MB_window.bonCommande #MB_close {
    padding: 0px;
}

/** Style pour le Cgu Immatriculation et Cgv DRIIVIN */
/** Fenetre Modale MB_window */
#MB_window.cguImmatriculation,#MB_window.cgvStatistiques,#MB_window.CGVDRIIVIN
    {
    margin-top: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#MB_window.cguImmatriculation #MB_frame,#MB_window.cgvStatistiques #MB_frame,
    ,#MB_window.CGVDRIIVIN #MB_frame {
    background-color: white;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#MB_window.cguImmatriculation #MB_content,#MB_window.cgvStatistiques #MB_content,#MB_window.CGVDRIIVIN #MB_content
    {
    border: none;
    overflow: hidden;
}

#MB_window.cguImmatriculation #MB_header,#MB_window.cgvStatistiques #MB_header,#MB_window.CGVDRIIVIN #MB_header
    {
    height: 0px;
    border: none;
}

#MB_window.cguImmatriculation #MB_caption,#MB_window.cguImmatriculation #MB_close img,#MB_window.cgvStatistiques  #MB_caption,#MB_window.CGVDRIIVIN #MB_caption,#MB_window.CGVDRIIVIN #MB_close img
    {
    display: none;
}

#MB_window.cguImmatriculation #MB_close,#MB_window.CGVDRIIVIN #MB_close
    {
    padding: 0px;
}

#MB_window.cgvStatistiques #MB_close {
    padding: 5px;
    margin-right: 10px;
}

/**
#MB_window.cgvStatistiques #MB_close img{
      margin-right : 10px;
}*/
/** page cguImmatriculation.htm, CGVDRIIVIN.htm */
#divFondCguImmatriculation,#divFondCGVDRIIVIN {
    width: 600px;
    background-color: #DDDDDD;
    border: 2px solid #000000;
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#divTitreCguImmatriculation,#divTitreCGVDRIIVIN {
    background-color: #375595;
    padding: 5px;
    text-align: center;
}

#divTitreCguImmatriculation h1.titreCguImmatriculation,#divTitreCGVDRIIVIN h1.titreCGVDRIIVIN
    {
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#divContenuCguImmatriculation,#divContenuCGVDRIIVIN {
    background-color: #DDDDDD;
    padding: 10px;
}


#divContenuCguImmatriculation .marginTop,#divContenuCgvStatistiques .marginTop,#divContenuCGVDRIIVIN .marginTop,#divContenuCGVDRIIVIN .marginTop
    {
    margin-top: 10px;
}

#divContenuCguImmatriculation .textAlign,#divContenuCgvStatistiques .textAlign,#divContenuCGVDRIIVIN .textAlign
    {
    text-align: right;
}

#divContenuCguImmatriculation input[type=button],#divContenuCgvStatistiques input[type=button],#divContenuCGVDRIIVIN input[type=button],#btnAccepterCgv
    {
    border-color: #D4D4D4;
    border-width: 1px;
    font-weight: normal;
}

#btnAccepterCgv, #btnAccepterConfidentialite {
    margin-left: 50px;
    width: 71px;
    height: 27px;
    background-color: #404142;
    color: white;
}
#btnAccepterCgv:hover, #btnAccepterConfidentialite:hover {
    background-color: #1762AB;
}

#divScrollBoxCguImmatriculation,#divScrollBoxCGVDRIIVIN {
    width: 560px;
    height: 250px;
    padding: 5px;
    border: 2px inset #000000;
    overflow-y: scroll;
}

#divScrollBoxCguImmatriculation h2.titreBoxCguImmatriculation,#divScrollBoxCGVDRIIVIN h2.titreBoxCGVDRIIVIN
    {
    color: #000000;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
}

#divScrollBoxCguImmatriculation h3.sousTitreBoxCguImmatriculation,#divScrollBoxCGVDRIIVIN h3.sousTitreBoxCGVDRIIVIN
    {
    color: #000000;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

/** style pour les paniers */
#MB_window.panier {
    margin-top: 7%;
}

#MB_window .panier {
    display: inline;
}

#MB_window .barreAction {
    *width: 100%;
}

/** styles pour les messages d'information **/
#MB_window.messageInformation {
    margin-top: 25%;
}

#MB_window.messageInformation #MB_frame {
    text-align: center;
    color: #e0091d;
    background-color: white;
    border: solid;
    border-color: #535353;
}

#MB_window.messageInformation #MB_content {
    border: none;
    font-weight: bold;
    padding-top: 20px;
}

#MB_window.messageInformation #MB_header {
    height: 0px;
    border: none;
}

#MB_window.messageInformation #MB_caption,#MB_window.messageInformation #MB_close img
    {
    display: none;
}

#MB_window.messageInformation #MB_close {
    padding: 0px;
    display: none;
}

#MB_window.messageInformation  .button {
    font-family: "Arial";
    font-weight: bold;
    font-size: 11px;
    margin-right: auto;
    margin-left: auto;
    line-height: 22px;
    padding-top: 10px;
    width: 85px;
}

#MB_window.messageInformation  .alert {
    background-image:
        url("/static/images_css/html/images/default/commun/messagebox_warning.png");
    background-repeat: no-repeat;
    padding-left: 50px;
    height: 48px;
}

#MB_window.messageInformation  .msg {
    line-height: 20px;
}

#MB_window.messageInformation .buttonRight {
    float: right;
}

#MB_window.messageInformation .buttonLeft {
    float: left;
}

#MB_window.messageInformation .buttons {
    width: 200px;
    display: inline-block;
}

#MB_window.messageInformation .button a {
    background-image:
        url(/static/images_css/html/images/default/commun/bt_prems_gauche_on.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#MB_window.messageInformation .button a span span {
    background-image:
        url(/static/images_css/html/images/default/commun/bt_prems_milieu_on.png);
    background-position: center center;
    background-repeat: repeat-x;
    display: block;
    margin-left: 23px;
    margin-right: 9px;
    white-space: nowrap;
    text-decoration: none;
    color: #ffffff;
}

#MB_window.messageInformation .button span {
    background-image:
        url(/static/images_css/html/images/default/commun/bt_prems_droite_on.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#MB_window.messageInformation .button a:hover {
    text-decoration: none;
    background-image:
        url(/static/images_css/html/images/default/commun/bt_prems_gauche_off.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#MB_window.messageInformation .button a:hover span {
    text-decoration: none;
    background-image:
        url(/static/images_css/html/images/default/commun/bt_prems_droite_off.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#MB_window.messageInformation .button a:hover span span {
    background-image:
        url(/static/images_css/html/images/default/commun/bt_prems_milieu_off.png);
    background-position: center center;
    background-repeat: repeat-x;
    display: block;
    margin-left: 23px;
    margin-right: 9px;
    white-space: nowrap;
    text-decoration: none;
    color: #ffc9cb;
}

#divScrollBoxCgvStatistiques {
    width: 560px;
    height: 325px;
    padding: 5px;
    border: 2px inset #000000;
    overflow-y: scroll;
    font-size: 9px;
}

#divScrollBoxCgvStatistiques b {
    font-size: 9px;
}

#divScrollBoxCgvStatistiques h2.titre2BoxCgvStatistiques,#divScrollBoxCgvStatistiques h1.titre1BoxCgvStatistiques
    {
    color: red;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
}

#divTitreCgvStatistiques {
    width: 581px;
    background-color: #375595;
    padding: 5px;
    text-align: center;
}

#divTitreCgvStatistiques h1.titreCgvStatistiques {
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#divScrollBoxCgvStatistiques h1.titre1BoxCgvStatistiques {
    text-decoration: underline;
    background-image: none;
}

#divScrollBoxCgvStatistiques h3.titre3BoxCgvStatistiques {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
}

#divContenuCgvStatistiques {
    width: 575px;
    background-color: #DDDDDD;
    padding: 8px;
}
/********************************************************************/
/*                                                                  */
/*                  ioTooltip.css                                       */
/*                                                                  */
/********************************************************************/
/* Tooltips CSS definitions */
.ioTooltip {
    position: absolute !important;
    overflow: hidden;
    font-size: 12px;
    z-index: 10000 !important;
    padding: 5px;
}

.ioTooltip .xtop,.ioTooltip .xbottom {
    display: block;
    background: transparent;
    font-size: 1px;
}

.ioTooltip .xb1,.ioTooltip .xb2,.ioTooltip .xb3,.ioTooltip .xb4 {
    display: block;
    overflow: hidden;
}

.ioTooltip .xb1,.ioTooltip .xb2,.ioTooltip .xb3 {
    height: 1px;
}

.ioTooltip .xb2,.ioTooltip .xb3,.ioTooltip .xb4 {
    background: #666;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

.ioTooltip .xbottom .xb2,.ioTooltip .xbottom .xb3,.ioTooltip .xbottom .xb4 {
    background: #666;
}

.ioTooltip .xb1 {
    margin: 0 5px;
    background: #333;
}

.ioTooltip .xb2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.ioTooltip .xb3 {
    margin: 0 2px;
}

.ioTooltip .xb4 {
    height: 2px;
    margin: 0 1px;
}

.ioTooltip .xboxcontent {
    padding: 0 .5em;
    margin: 0;
    color: #000;
    text-shadow: 2px 2px 0px #CCC;
    word-wrap: break-word;
    border: 1px solid #333;
    border-width: 0px 1px 0 1px;
    background-color: #666;
    font-family: Verdana;
    font-size: 10px;
}

/********************************************************************/
/*                                                                  */
/*                  tooltip.css                                     */
/*                                                                  */
/********************************************************************/
/* Tooltips CSS definitions */
.tooltip {
    position: absolute !important;
    overflow: hidden;
    font-size: 12px;
    z-index: 10000 !important;
    padding: 5px;
}

.tooltip .xtop,.tooltip .xbottom {
    display: block;
    background: transparent;
    font-size: 1px;
}

.tooltip .xb1,.tooltip .xb2,.tooltip .xb3,.tooltip .xb4 {
    display: block;
    overflow: hidden;
}

.tooltip .xb1,.tooltip .xb2,.tooltip .xb3 {
    height: 1px;
}

.tooltip .xb2,.tooltip .xb3,.tooltip .xb4 {
    background: #666;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

.tooltip .xbottom .xb2,.tooltip .xbottom .xb3,.tooltip .xbottom .xb4 {
    background: #666;
}

.tooltip .xb1 {
    margin: 0 5px;
    background: #333;
}

.tooltip .xb2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.tooltip .xb3 {
    margin: 0 2px;
}

.tooltip .xb4 {
    height: 2px;
    margin: 0 1px;
}

.tooltip .xboxcontent {
    padding: 0 .5em;
    margin: 0;
    color: #000;
    text-shadow: 2px 2px 0px #CCC;
    word-wrap: break-word;
    border: 1px solid #333;
    border-width: 0px 1px 0 1px;
    background-color: #666;
    font-family: Verdana;
    font-size: 10px;
}

/********************************************************************/
/*                                                                  */
/*                  stylePanier.css                                 */
/*                                                                  */
/********************************************************************/
/*****************/
/* Bouton panier */
/*****************/
#Accueil .boutonPanier {
    position: absolute;
    margin-left: 250px;
    width: 300px;
}

#Accueil #boutonPanier .infoPanier {
    visibility: visible;
}

#Atelier .boutonPanier,#header .boutonPanier,#Configuration .boutonPanier
    {
    position: absolute;
    right: 0px;
    top: 20px;
}

.boutonPanier {
    height: 32px;
    font-weight: bold;
}

.boutonPanier div,.boutonPanier span {
    color: white;
}

#boutonPanier .infoPanier {
    height: 32px;
    visibility: hidden;
    float: right;
    background-color: #c8c8c8;
}

.caddiePanier {
    float: right;
    background-color: #c8c8c8;
}

#boutonPanier .gauche {
    float: left;
    padding-left: 10px;
    text-align: left;
}

#boutonPanier .droite {
    float: left;
    text-align: center;
    padding-left: 10px;
}

#boutonPanier a.nouveauPanier {
    text-decoration: underline;
    color: white;
}

#boutonPanier img {
    vertical-align: top;
    border: none;
}

/*********************/
/* historique panier */
/*********************/
table.listeChiffrage .numPanier {
    width: 370px;
    text-align: left;
}

table.listeChiffrage .nbPiece {
    width: 140px;
}

table.listeChiffrage .prixHT {
    width: 140px;
}

table.listeChiffrage .etatCom {
    width: 140px;
}

/***************************/
/* Style pour message info */
/***************************/
#Receptacle .messageTable {
    width: 260px;
    height: 50 px;
    background-color: #ffffcc;
    border: solid black 1px;
}

#Receptacle .messageTableAttente,#Panier .messageTableAttente {
    width: 260px;
    height: 50 px;
    background-color: #CCFFFF;
    border: solid black 1px;
}

#Receptacle .messageTableErreur,#Panier .messageTableErreur {
    width: 260px;
    height: 50 px;
    background-color: #FF3333;
    border: solid black 1px;
}

#Receptacle .messageHaut,#Panier .messageHaut {
    width: 200px;
    height: 10px;
}

#Receptacle .messageBas,#Panier .messageBas {
    height: 10px;
}

#Receptacle .message,#Panier .message {
    text-align: center;
    vertical-align: middle;
}

/*********************/
/* Style pour panier */
/*********************/
#pie1 * {
    text-align: center;
}

#tableauPrixPied {
    margin-left: auto;
    margin-right: auto;
}

#Chiffrage h1 {
    padding: 0px;
    margin: 0px;
}

#Chiffrage h1.categorieFixe {
    padding-left: 10px;
}

#fieldsetPanier {
    height: 31px;
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}

#fieldsetPanier .poubelleTitre {
    float: right;
}

#MB_header {
    font-size: 14px;
    width: 100%;
}
/********************************************************************/
/*                                                                  */
/*                  stylePub                                        */
/*                                                                  */
/********************************************************************/
#pubInformation {
    width: 150px;
    background-color: #FFFFFF
}

#pub {
    width: 150px;
}

.entetePub {
    width: 147px;
    /*height:40px;*/
    text-align: left;
    padding-left: 3px
}

.corpsPub {
    width: 144px;
    padding: 3px;
    text-align: left;
    height: inherit;
}

.titrePub {
    color: #e0091d;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    background-color: transparent;
}

.datePub {
    color: #5d5d5d;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    background-color: transparent;
    padding-left: 5px;
}

.textePub {
    color: #000000;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    background-color: transparent;
    word-wrap: break-word;
}

.lienPub {
    color: #e0091d;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    background-color: transparent;
}

.vignettePub {
    align: left;
    width: 75px;
    height: 125px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.vignettePub_NoAcroche {
    align: left;
    width: 120px;
    height: 200px;
    padding: 12px;
}

/********************************************************************/
/*                                                                  */
/*                  popup.CSS                                       */
/*                                                                  */
/********************************************************************/
/************* Style Pour les Popup *************/
#Popup h1 {
    background-image:
        url('/static/images_css/html/images/default/composant/popup/bandeau_popup.gif');
    background-repeat: no-repeat;
    text-align: left;
    background-position: left 6px;
    height: 34px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 9px;
}

#Popup .logoLocale {
    text-align: left;
    margin-left: 0;
    width: 215px;
    position: absolute;
    background: transparent;
}

#Popup label {
    float: left;
    font-weight: bold;
    margin-left: 15px;
}

#Popup label.supprDevis {
    float: none;
    width: auto;
    font-weight: normal;
    margin-left: auto;
}

#Popup .boutonDeloguer {
    margin-left: auto;
    width: 100%;
    text-align: right;
    font-weight: bold;
    height: 39px;
    line-height: 20px;
    background-image:
        url('/static/images_css/html/images/default/composant/popup/degradeEnTeteHaut.jpg');
    background-position: bottom;
    background-repeat: repeat-x;
}

#Popup .suiteLogoLocale {
    margin-left: 174px;
    text-align: left;
    height: 54px;
    line-height: 20px;
    background-image:
        url('/static/images_css/html/images/default/composant/popup/degradeEnTeteBas.jpg');
    background-position: bottom;
    background-repeat: repeat-x;
    position: relative;
    width: auto;
}

#Popup .ligneDeDeuxPixels {
    height: 10px;
    font-size: 1px;
    background: transparent;
}

#Popup .barreEntete {
    background-color: #CCCCCC;
    text-align: left;
    line-height: 34px;
    height: 34px;
    padding-left: 20px;
    font-weight: bold;
    width: auto;
}

#Popup .barreEntete img {
    float: right;
}

#Popup .barreEntete .texteEntete {
    padding-top: 0px;
    /*padding-bottom : 10px;*/
    padding-left: 20px;
    float: none;
    margin: auto;
    width: auto;
}

#Popup #butonEnvoyer {
    color: #fff;
    text-align: center;
    display: inline-block;
    float: right;
    background-color: #3d3a3b;
}


#Popup a#butonEnvoyer span span {
    margin-left: 9px !important;
    margin-right: 9px !important;
    background-repeat: repeat-x;
    padding-bottom: 8px;
    padding-top: 8px;
    background-position: right center;
}

#Popup a#butonEnvoyer:hover span span {
    margin-left: 9px !important;
}

#Popup a#butonEnvoyer span {
    padding-bottom: 8px;
    padding-top: 8px;
}
#Popup a#butonEnvoyer:hover,#Popup a#butonEnvoyer:active,#Popup a#butonEnvoyer:focus {
    text-decoration: none;
}
.right-colonne {
    text-align: right;
}

.barreEnteteTableau {
    background-color: #E8E6E6;
    font-weight: bold;
    line-height: 20px;
}

.barreEnteteTableau td {
    font-weight: bold;
}
/********************************************************************/
/*                                                                  */
/*                  StyleDevis.CSS                                  */
/*                                                                  */
/********************************************************************/
.rightfieldsetPanier{
    margin-left: 45px !important;
    padding-top: 5px;
}
.leftfieldsetPanier{
    float:left;
}
/**** G�n�ralit�s ****/
#Chiffrage  * {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    margin: 0;
}

div.texteTitreBarre {
    margin-left: 200px;
}
.messageHeaderPiece{
    margin-left: 195px;
    margin-right: 2px;
    text-align: left;
}
#Chiffrage img {
    border: 0;
    vertical-align: middle;
}

#Chiffrage a {
    text-decoration: none;
}

#Chiffrage a:hover {
    text-decoration: underline;
}

#Chiffrage .body {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #AAAAAA;
}

#Chiffrage #detailChiffrage {
    text-transform: uppercase;
}

body#Chiffrage,div#Chiffrage {
    text-align: left;
}

#Chiffrage .fin {
    clear: both;
}

#Chiffrage  textarea,#Chiffrage select,#Chiffrage  option {
    border-width: 1px;
    border-color: #d4d4d4;
    font-weight: normal;
    background-color: white;
    vertical-align: middle;
}

#it  #Chiffrage select,#selectPays option {
    font-size: 9px;
}

#Chiffrage input {
    border-width: 1px;
    border-color: #d4d4d4;
    font-weight: normal;
    background-color: white;
}
.recapitulatifMultiPanierInfoDeliveryPrice{
    text-align: left !important;
}
#Chiffrage .toggle_content input {
    height: 25px;
    /* max-height: 10px; */
    /* min-height: 10px; */
    width: 25px;
    /* max-width: 16px; */
    /* min-width: 16px; */
    margin: 0;
    padding: 0;
    border: medium none;
    cursor: pointer;
    display: block;
    background-color: #E2E2E2;
    color: #404040;
    border: 1px solid #D9D9D9;
}

#Chiffrage .toggle_content .toggle_moins_hover,#Chiffrage .toggle_content .toggle_plus_hover
    {
    background-color: #595959;
    color: #ffffff;
}

#Chiffrage .toggle_input input {
    width: 34px;
    border: none;
    height: 23px;
    _height: 17px;
    line-height: 19px;
    _line-height: 18px;
    /* margin-top: 1px; */
    text-align: center;
    color: #404040;
    border: 1px solid #D9D9D9;
}

#Chiffrage .selectTypRem {
    float: right;
    width: 50%;
}

#Chiffrage table.ElementDevis th.prixInitial {
    width: 140px;
    text-align: left;
}

#Chiffrage table.ElementDevis th.typeremise {
    width: 100px;
}

#Chiffrage input:focus,#Chiffrage textarea:focus,#Chiffrage  select:focus
    {
    border-width: 1px;
    border-color: #757575;
    border-style: solid;
}

#Chiffrage .boiteRigideCentreepanier,#Chiffrage .boiteRigideCentreeDevis
    {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0.5em;
    margin-top: 20px;
}

#Chiffrage .boiteRigideCentreepanier,#Chiffrage .boiteRigideCentreeDevis
    {
    margin-top: 60px;
}

#Chiffrage hr {
    background-color: #eeeeee;
    height: 5px;
    border: 0;
    width: 100%
}

#Chiffrage .gras {
    font-weight: bold;
}

#Chiffrage h1 {
    clear: both;
}

/**** barre d'action ****/
#barreAction li {
    float: right;
    margin-left: 15px;
    margin-right: 15px;
}

#barreAction {
    height: 40px;
}
#Chiffrage .remiseTable {
    margin-top: -6px;
}
/**** Titres de la page ****/
#Chiffrage h1.categorieDynamique {
    background-repeat: no-repeat;
    background-position: left 6px;
    font-weight: bold;
    text-align: left;
    padding-left: 4px;
    height: 25px;
}

#Chiffrage h1.categorieDynamique img {
    padding: 0 10px 0 0;
    background-color: transparent;
    float: none;
}

#Chiffrage h1.categorieDynamique .SuppConstDyn {
    float: right;
    margin: 0;
    padding: 0;
    display: inline;
}

#Chiffrage div.categorieFixe {
    background-repeat: no-repeat;
    background-position: left 2px;
    padding-top: 2px;
    font-weight: bold;
    text-align: left;
}

#Chiffrage h1.categorieDynamiqu a {
    width: 10px;
}

#Chiffrage input {
    line-height: normal;
}

#Chiffrage div.categorieFixe .sousTitre,#Chiffrage h1.categorieDynamique span .forfaitTitle,#Chiffrage h1.categorieDynamique span
    {
    font-size: 14px;
    background-color: transparent;
    color: #dc002e;
    font-weight: bold;
    display: block;
    margin-left: 5px;
    float: left;
}

#Chiffrage h1.categorieDynamique span .forfaitTitle {
    text-transform: uppercase;
}

#Chiffrage h1.categorieDynamique .detailleDevis {
    background-image:
        url('/static/images_css/html/images/default/devis/fleche_back.png');
    background-repeat: no-repeat;
    width: 17px;
}

/**** Tableaux Element Devis ****/
#Chiffrage table.ElementDevis {
    border-collapse: collapse;
    width: 100%;
}

#Chiffrage table.ElementDevis th {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font-weight: normal;
    color: #666666;
    height: 20px;
}

#Chiffrage table.ElementDevis td input {
    /*  width : 45px; */

}
td.prixachat input {
    width: 45px;
}
#Chiffrage table.ElementDevis td {
    height: 20px;
    line-height: 20px;
    width: auto;
}

#Chiffrage div.petitedivspecialIE {
    white-space: nowrap;
}

#Chiffrage table.ElementDevis th.retourAtelier,#Chiffrage table.ElementDevis td.retourAtelier
    {
    width: 20px;
}

#Chiffrage table.ElementDevis th.fournisseur,#Chiffrage table.ElementDevis td.fournisseur
    {
    width: auto;
}

#Chiffrage table.ElementDevis th.tva,#Chiffrage table.ElementDevis td.tva
    {
    width: auto;
}

#Chiffrage table.ElementDevis th.criteresEuropeenPneu {
    width: 1%;
}

#Chiffrage table.ElementDevis th.libelle,#Chiffrage table.ElementDevis td.libelle
    {
    width: auto;
    text-align: left;
}

#Chiffrage table.ElementDevis th.libellelong,#Chiffrage  table.ElementDevis td.libellelong
    {
    width: 540px;
    text-align: left;
}

#Chiffrage table.ElementDevis th.prix,#Chiffrage table.ElementDevis td.prix
    {
    width: 75px;
    text-align: left;
}

#Chiffrage table.ElementDevis input.libellelong {
    width: 500px;
}

#Chiffrage table.ElementDevis div.libelleFou {
    width: auto;
    text-align: left;
}

#Chiffrage table.ElementDevis input {
    /*  width : 60px; */

}

#Chiffrage table.ElementDevis input.libelle {
    width: 210px;
}

#Chiffrage table.ElementDevis select.libelle {
    width: 215px;
}

#Chiffrage table.ElementDevis th.tvaprix {
    width: 60px;
}

#Chiffrage table.ElementDevis th.poubelle,#Chiffrage table.ElementDevis td.poubelle
    {
    width: 17px;
    padding-left: 0px;
}

#Chiffrage table.ElementDevis td.remise,#Chiffrage  table.ElementDevis th.remise
    {
    text-align: left !important;
    width: 55px;
}

#Chiffrage table.ElementDevis.hasDiscount td.remise,#Chiffrage table.ElementDevis.hasDiscount th.remise
    {
    width: 105px;
    line-height: 15px;
}

#Chiffrage table.ElementDevis.hasDiscount td.remise select.typeremise,#Chiffrage table.ElementDevis.hasDiscount th.remise select.typeremise
    {
    vertical-align: baseline;
    width: 43px;
    width: 43px\9;
}

#Chiffrage table.ElementDevis.hasDiscount td.libelleTemps {
    width: 180px;
}

#Chiffrage.panier table.ElementDevis.hasDiscount th.quantite,#Chiffrage.panier table.ElementDevis.hasDiscount td.quantite
    {
    width: 70px;
}

#Chiffrage.panier table.ElementDevis.hasDiscount th.libelle,#Chiffrage.panier table.ElementDevis.hasDiscount td.libelle input.libelle
    {
    width: 124px;
}

#Chiffrage.panier table.ElementDevis.hasDiscount td.prixu,#Chiffrage.panier table.ElementDevis.hasDiscount th.prixu,#Chiffrage.panier table.ElementDevis.hasDiscount td.prixu input.prixu
    {
    width: 83px;
}

#Chiffrage table.ElementDevis.hasDiscount td.prixu .petitedivspecialIE select
    {
    width: 80px;
}

#Chiffrage table.ElementDevis.hasDiscount th.quantite,#Chiffrage table.ElementDevis.hasDiscount td.quantite
{
    max-width: 94px;
    text-align: center;
}

#Chiffrage table.ElementDevis td.remise,#Chiffrage table.ElementDevis th.remise
    {
    width: auto;
    line-height: 15px;
}

#Chiffrage table.ElementDevis td.remise.hasOldDiscount,#Chiffrage table.ElementDevis th.remise.hasOldDiscount
    {
    width: 70px;
}

#Chiffrage table.ElementDevis td.remise.hasOldDiscount input.remise {
    margin-left: 4px;
    float: left;
}

#Chiffrage table.ElementDevis td.remise.hasOldDiscount img.oldDiscount,#Chiffrage table.ElementDevis th.remise.hasOldDiscount img.oldDiscount,#olddiscount_pied
    {
    width: 15px;
    height: 15px;
    float: right;
    display: inline;
    margin: 0 4px;
}

#olddiscount_pied {
    float: none;
}

#Chiffrage table.ElementDevis th.prix,#Chiffrage  table.ElementDevis td.prix div
    {
    width: 55px;
    font-weight: bold;
}

#Chiffrage table.ElementDevis td.prix {

}

#Chiffrage table.ElementDevis td.prix input {
    text-align: right;
}

#Chiffrage table.ElementDevis th.reference,#Chiffrage table.ElementDevis td.reference {
    width: auto;
    text-align: center;
}

#Chiffrage table.ElementDevis th.reference,#Chiffrage table.ElementDevis td.reference div.petitedivspecialIE span.referenceUP {
	width: 145px;
	white-space: normal;
}

#Chiffrage table.ElementDevis th.quantite,#Chiffrage table.ElementDevis td.quantite
    {
    width: auto;
    white-space: nowrap;
}

#Chiffrage table.ElementDevis th.libelleTemps,#Chiffrage table.ElementDevis td.libelleTemps
    {
    width: 212px;
    text-align: left;
    padding-left: 3px;
}

#Chiffrage table.ElementDevis th.prixu,#Chiffrage table.ElementDevis td.prixu
    {
    width: auto;
}

#Chiffrage table.ElementDevis td.reference div {
    text-align: center;
}

#Chiffrage table.ElementDevis td.quantite {
    padding-top: 1px;
    text-align: center;
}

table.ElementDevis td.reference div.petitedivspecialIE {
    float: left;
}

#Chiffrage table.ElementDevis input.libelleTempsCarrosserie {
    width: 110px;
}

#Chiffrage table.ElementDevis input.tempsEclateCarrosserie {
    width: 25px;
}

#Chiffrage span.hideConstitution {
    background:
        url('/static/images_css/html/images/default/accueil/pct_fleche_down.png')
        no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    margin: 2px;
    padding-right: 10px;
}

#Chiffrage span.showConstitution {
    background:
        url('/static/images_css/html/images/default/accueil/pct_fleche_up.png')
        no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    margin: 2px;
    padding-right: 10px;
}

#Chiffrage table.ElementDevis input.reference {
    width: 100px;
}

#Chiffrage table.ElementDevis input.prixu {
    width: 85px;
    margin-left: 5px;
}

#Chiffrage table.ElementDevis input.remise {
    width: 30px;
}

#Chiffrage table.ElementDevis input.tva {
    width: 40px;
}

#Chiffrage table.ElementDevis td,#Chiffrage  table.ElementDevis th {
    text-align: left;
}

#Chiffrage table.ElementDevis td textarea,#Chiffrage  input.descriptionEntretien,#Chiffrage  table.ElementDevis td.contientTextarea
    {
    width: 99%;
}

#Chiffrage table.ElementDevis input.libelleTempsReparation {
    width: 160px;
}

#Chiffrage table.ElementDevis td.libelleTempsAssocieSansTemps {
    text-indent: 130px;
    text-align: left;
    width: 100%;
}

#Chiffrage table.ElementDevis th.qte_panier,#Chiffrage table.ElementDevis td.qte_panier
    {
    width: 37px;
}

#Chiffrage table.ElementDevis td.qte_panier input {
    width: 30px;
}

#Chiffrage table.ElementDevis td.qte_panier_up input {
    width: 30px;
    border : none;
}

#Chiffrage table.ElementDevis th.rech_dev {
    width: 33px;
}

#Chiffrage table.ElementDevis td.rech_dev {
    width: 33px;
}

/**** Tableaux de prix ****/
#Chiffrage table.tableauSimple {
    border-collapse: separate;
    border-spacing: 0;
    width: 400px;
    border-style: solid;
    border-width: 1px;
    border-color: #f597a0;
    border-bottom-width: 5px;
}

#Chiffrage table.tableauSimple .casePrixVentilation {
    white-space: nowrap;
}

#Chiffrage table.tableauSimple .casePrixRetraitement {
    white-space: nowrap;
}

#Chiffrage table.tableauSimple th {
    background-color: #f597a0;
    color: #000000;
    font-weight: bold;
    height: 25px;
    text-align: center;
}

#Chiffrage table.tableauSimple td {
    text-align: center;
}

#Chiffrage table.tableauSimple td.sansBord {
    border-width: 0;
}

#Chiffrage table.tableauDeuxCol {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: #f597a0;
    margin: 7px;
    width: auto;
}

#Chiffrage table.tableauDeuxCol th {
    background-color: #f597a0;
    color: #000000;
    font-weight: bold;
    height: 20px;
    text-align: center;
    width: 150px;
}

#pmontantttc {
    margin-top: 30px;
    background-color: rgb(219, 227, 232);
    color: #000000;
    font-weight: bold;
    height: 15px;
    text-align: center;
    width: 150px;
    margin-right: 70px;
}

#pmontantttcValue {
    font-weight: bold;
    text-align: right;
    *width: 50px;
}

#pmontantttcTab {
    margin-top: 30px;
}

#typeremisepied {
    width: 49px;
}
.titleNiveau2{
    font-size: 14px;
    font-weight: 700;
}
#Chiffrage table.tableauDeuxCol td {
    font-weight: bold;
    height: 20px;
    text-align: center;
    width: 100px;
}

#pie2 {
    display: none;
    text-align: center;
}

#pie2 table {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

/**** Autres ****/
#Chiffrage .refmodified {
    font-weight: bold;
    color: red;
}

#Chiffrage div.devisTransfere {
    min-width: 900px;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 10px;
}

#Chiffrage .remiseClientDisabled {
    text-align: center;
    background-color: #DE9816;
    border-style: solid;
    border-color: black;
    border-width: 2px;
    padding: 4px;
    margin-top: 8px;
    margin-left: 6px;
    margin-right: 6px;
    color: white;
    font-weight: bold;
}

#Chiffrage table.factureDejaEditee {
    width: 100%;
    background-color: white;
}

#Chiffrage table.factureDejaEditee td {
    width: 100%;
    background-color: white;
    font-weight: bold;
    text-align: center;
    height: 30px;
    border: 2px outset black;
}

#Chiffrage table.factureDejaEditee td.panierDevisTransfere {
    background-color: #577C2A;
    border: 1px solid black;
    color: white;
}

#Chiffrage table.messageXAT2Error {
    width: 100%;
    background-color: white;
}

#Chiffrage table.messageXAT2Error td {
    width: 100%;
    background-color: red;
    color: white;
    font-weight: bold;
    text-align: center;
    height: 30px;
    border: 1px solid black;
}

#Chiffrage table.messageXAT2 {
    width: 100%;
    background-color: white;
}

#Chiffrage table.messageXAT2 td {
    width: 100%;
    background-color: #577C2A;
    color: white;
    font-weight: bold;
    text-align: center;
    height: 30px;
    border: 1px solid black;
}

/**** Forfaits Nationaux ****/
#Chiffrage div.bandeauGris {
    width: 100%;
    background-color: #d7d7d7;
    color: red;
    height: 20px;
    line-height: 20px;
}

#Chiffrage .bandeauGris div.libelle {
    width: 60%;
    float: left;
    margin-left: 10px;
    font-weight: bold;
}

#Chiffrage .bandeauGris div.prix {
    width: 30%;
    float: right;
    text-align: right;
    margin-right: 10px;
}

#Chiffrage .bandeauGris div.prix .prixTTC {
    font-weight: bold;
    margin-left: 20px;
}

#Chiffrage .referenceForfait {
    font-weight: bold;
    height: 41px;
    width: 49%;
    float: left;
}

#Chiffrage .descriptionForfait {
    width: 49%;
    white-space: pre;
}

#Chiffrage .detailsPiecesForfaits {
    white-space: pre;
    float: right;
    width: 49%;
}

/********************************/
/* Style pour forfait entretien */
/********************************/
#Chiffrage div.descriptionForfaitEntretien {
    padding: 5px;
    padding-left: 10px;
    width: 735px;
}

#Chiffrage div.colonne1 {
    width: 360px;
    float: left;
}

#Chiffrage div.colonne2 {
    width: 360px;
}

#Chiffrage li.titre {
    font-weight: bold;
    font-style: italic;
}

#Chiffrage li {
    list-style-type: none;
}

#Chiffrage .fieldSetDevis {
    border: 1px solid #AAAAAA;
    padding: 5px;
}

#Chiffrage .legendDiv {
    width: 700px;
    float: right;
    line-height: 36px;
    height: 38px;
    background-image:
        url('/static/images_css/html/images/default/devis/fondLegend.gif');
    background-repeat: repeat-x;
}

#Chiffrage .legendDiv div {
    float: left;
    background-color: #ffffcc;
}

#Chiffrage .legendDiv img {
    float: right;
}

/****** Remises *******/
#devRemMsg {
    margin: 0;
    text-align: center;
}

#devRemMsg input {
    width: 65px;
}

#devRemMsg p {
    text-align: left;
}

/****** Partie Haute *****/
#cadreHaut {
    margin-left: auto;
    margin-right: auto;
    /*  margin-top : 20px; */
    border-style: solid;
    border-color: #DC002E;
    border-width: 2px;
    width: 98.3%;
    position: relative;
}

#cadreHaut table tr td {
    padding-left: 8px;
    padding-bottom: 5px;
    padding-right: 5px;
    vertical-align: top;
    width: 110px;
}

#cadreHaut table tr td.garage {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DC002E;
}

#cadreHaut  table.infosClientGarage {
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    width: 100%;
}

#cadreHaut  table.infosClientGarage table.infosClient {
    margin-top: 8px;
    width: 100%;
}

#cadreHaut  table.infosClient div.libelleInfoClient {
    width: auto;
    text-align: right;
}

#it #cadreHaut  table.infosClient div.libelleInfoClient {
    *float: right;
    *font-size: 9px;
}

#cadreHaut  table.infosClient div.civilite {
    white-space: nowrap;
}

#it #cadreHaut  table.infosClient div.civilite {
    *font-size: 9px;
}

#barreHaute {
    background-color: #eeeeee;
    height: 22px;
}

#cadreHaut .libelle {
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    float: left;
    margin-right: 5px;
}

#cadreHaut .valeur {
    font-weight: bold;
    color: #dc002e;
    float: left;
    font-size: 12px;
}

#cadreHaut .sousTitre {
    font-weight: bold;
    color: #dc002e;
    font-size: 12px;
}

#cadreHaut table .mailStyle {
    text-decoration: underline;
    color: #dc002e;
    font-size: 12px;
    /*  ATR-170 ERM-683 PRE-257 CHS-189 MOT-2639 SCA-664 ATR-210 CPT-473
        Probleme lie a l'adresse mail. Lorsque celui est trop grand, toutes les informations se decallent et sortent de la page principales
        Solution : tronquer le mail en ajoutant des '...' pour preciser que le mail n'est pas complet.
     */
    width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#numDevis {
    padding-top: 5px;
    padding-left: 20px;
}

#dateDevis {
    padding-left: 450px;
}

#validiteDevis {
    padding-left: 760px;
}

#cadreVehicule {
    min-height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#cadreVehicule .rappelVeh {
    border-style: solid;
    border-width: 1px;
    border-color: #a1a1a1;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    width: 97.5%;
}

#cadreVehicule .rappelVeh span {
    color: #DC002E;
    font-weight: bold;
}

#cadreVehicule .rappelVeh a {
    color: #434343;
}

#cadreVehicule .tabVehicule input {
    color: #DC002E;
    font-weight: bold;
    height: 18px;
}

#cadreVehicule .tabVehicule {
    margin-left: auto;
    margin-right: auto;
    margin-top: -4px;
    width: 98.4%;
}

#Chiffrage .boiteRigideCentreePanier table.ElementDevis tr td,#Chiffrage .boiteRigideCentreeDevis table.ElementDevis tr td
    {
    background-color: #ffffff;
}

#Chiffrage .boiteRigideCentreePanier table.ElementDevis tr th,#Chiffrage .boiteRigideCentreeDevis table.ElementDevis tr th
    {
    background-color: #f597a0;
    color: #000000;
    font-weight: bold;
    text-align: left;
    padding-left: 2px;
}

#Chiffrage .boiteRigideCentreeDevis table.ElementDevis {
    border-style: solid;
    border-width: 1px;
    border-color: #f597a0;
    border-bottom-width: 5px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: auto;
    width: 925px;
}

#Chiffrage .boiteRigideCentreePanier table.ElementDevis {
    border-style: solid;
    border-width: 1px;
    border-color: #f597a0;
    border-bottom-width: 5px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: auto;
    width: 1026px;
}

#Chiffrage .boiteRigideCentreePanier .descriptionEntretien,#Chiffrage .boiteRigideCentreeDevis .descriptionEntretien
    {
    margin-left: 9px;
    width: 925px;
}

#Chiffrage  .observations span {
    font-size: 130%;
    font-weight: bold;
    color: #dc002e;
    margin-left: 8px;
}

#Chiffrage  .observations textarea {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

#Chiffrage  #OPR {
    padding-left: 30px;
    background-image:
        url('/static/images_css/html/images/default/devis/devis_relance_picto.gif');
    background-repeat: no-repeat;
    float: right;
    height: 28px;
}

#Chiffrage {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

/*** Bouton Plus Devis ****/
#Chiffrage .buttonDevis {
    font-family: "Arial";
    font-weight: bold;
    font-size: 11px;
    line-height: 24px;
}

#Chiffrage .buttonChercherClient {
    float: right;
}

#Chiffrage .buttonCreerClient,#Chiffrage .remplirViderQuantite {
    float: left;
}

#Chiffrage div.categorieFixe .buttonDevis {
    float: right;
    margin-left: 5px;
}

#Chiffrage .buttonDevis a {
    background-image:
        url(/static/images_css/html/images/default/devis/bt_sd_gauche_on_plus.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#Chiffrage .buttonDevis a span span {
    background-image:
        url(/static/images_css/html/images/default/devis/bt_sd_milieu_on.png);
    background-position: center center;
    background-repeat: repeat-x;
    display: block;
    margin-left: 23px;
    margin-right: 9px;
    white-space: nowrap;
    text-decoration: none;
    color: #000000;
}

#Chiffrage .buttonDevis span {
    background-image:
        url(/static/images_css/html/images/default/devis/bt_sd_droite_on.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#Chiffrage .buttonDevis a:hover {
    text-decoration: none;
    background-image:
        url(/static/images_css/html/images/default/devis/bt_sd_gauche_off_plus.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#Chiffrage .buttonDevis a:hover span {
    text-decoration: none;
    background-image:
        url(/static/images_css/html/images/default/devis/bt_sd_droite_off.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#Chiffrage .buttonDevis a:hover span span {
    background-image:
        url(/static/images_css/html/images/default/devis/bt_sd_milieu_off.png);
    background-position: center center;
    background-repeat: repeat-x;
    display: block;
    margin-left: 23px;
    margin-right: 9px;
    white-space: nowrap;
    text-decoration: none;
    color: #dc002e;
}

/*** Fond Categorie ***/
#Chiffrage .fondCategorieHaut,#Chiffrage .fondCategorieBas {
    line-height: 5px;
}

#Chiffrage .fondCategorieHaut span {
    background:
        url("/static/images_css/html/images/default/devis/devis_haut_gauche.png")
        no-repeat scroll 0 0 transparent;
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#Chiffrage .fondCategorieHaut span span span,#Chiffrage .fondCategorieBas span span span
    {
    background-image:
        url(/static/images_css/html/images/default/devis/devis_haut_milieu.png);
    background-position: center center;
    background-repeat: repeat-x;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    white-space: nowrap;
    text-decoration: none;
    color: #000000;
}

#Chiffrage .fondCategorieHaut span span {
    background:
        url("/static/images_css/html/images/default/devis/devis_haut_droite.png")
        no-repeat scroll 0 0 transparent;
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#Chiffrage .fondCategorieBas span {
    background:
        url("/static/images_css/html/images/default/devis/devis_bas_gauche.png")
        no-repeat scroll 0 0 transparent;
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    text-decoration: none;
}

#Chiffrage .fondCategorieBas span span {
    background:
        url("/static/images_css/html/images/default/devis/devis_bas_droite.png")
        no-repeat scroll 0 0 transparent;
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

#Chiffrage .fondCategorie {
    background-color: #d7d7d7;
}

#Chiffrage .boiteRigideCentreePanier .constitution,#Chiffrage .boiteRigideCentreeDevis .constitution
    {
    padding-bottom: 8px;
    padding-top: 8px;
}

#Chiffrage .boiteRigideCentreePanier .enteteConstitution,#Chiffrage .boiteRigideCentreeDevis .enteteConstitution
    {
    height: 25px;
    margin-left: 10px;
    width: 96%;
}

#barreErreurs,#barreErreursMontantNegatif,#barreErreurs div {
    color: red;
    font-weight: bold;
    text-align: center;
}

/*** Recherche Client ***/
#listeClient {
    overflow-x: hidden;
    overflow-y: scroll;
}

#tableClient {
    width: 100%;
}

#tableClient th {
    text-transform: uppercase;
    text-align: left;
    padding-left: 3px;
}

#tableClient td div {
    margin-left: 3px;
}

#tableClient .vehicule {
    font-weight: bold;
    width: 40%;
}

#tableClient a:hover {
    color: #e1091d;
}

#tableClient .vehiculeNonIdentique {
    color: #b0a8a8;
    font-style: italic;
    font-weight: bold;
}

#Chiffrage table.ElementDevis td .toggle_qte_piece {
    height: 15px;
    width: 50px;
    float: right;
    padding-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
}

#Chiffrage table.ElementDevis td .toggle_qte_piece input {
    width: 16px;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

#Chiffrage table.ElementDevis td .toggle_input input {
    /*     border: medium none; */
    /*     margin-top: 1px; */
    /*     width: 35px; */
    /*     margin-bottom: 11px; */

}

/********************************************************************/
/*                                                                  */
/*                  applicabilite.css                               */
/*                                                                  */
/********************************************************************/
#icon_title_applicabilite {
    background-image:
        url("/static/images_css/html/images/default/liste_piece/pct_vehicule_affect.png");
    float: left;
    height: 15px;
    width: 26px;
    margin-right: 10px;
}

#aplicabiliteDiv #tableVariantes tr.evenLine {
    border: 1px solid #e0091d;
}

#aplicabiliteDiv #tableVariantes tr.oddLine {
    border: 1px solid #e0091d;
}

#aplicabiliteDiv #tableVariantes td.hover {
    color: #e0091d;
}

#aplicabiliteDiv #tableVariantes td,#divVariantes th {
    padding-left: 10px;
    padding-right: 10px;
}

#aplicabiliteDiv #divEnteteVariante {
    background: #e0091d;
    margin-bottom: 0px;
}

#aplicabiliteDiv #divEnteteVariante .entete,#aplicabiliteDiv #tableVariantes td
    {
    height: 20px;
    overflow: hidden;
    text-align: left;
}

#aplicabiliteDiv #divInnerVariante {
    height: 181px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 752px;
}

#aplicabiliteDiv #selectsDiv {
    background: none repeat scroll 0 0 #86858A;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 3px;
    background-color: #999999;
    font-weight: bold;
}

#aplicabiliteDiv #selectsDiv select {
    border: none;
    min-width: 200px;
}

#divSelectMarques,#divSelectModeles {
    margin-left: 5px;
    margin-right: 25px;
}

#bodyAdmProfile table {
    width: 162%;
    table-layout: fixed;
}

#zoneCentraleAtelier_bas,#zoneCentraleAtelier_haut {
    display: none;
}

#frmAdmin {
    text-align: left;
}

#refRch.champDeSaisieParDefaut_R {
    color: #5D5D5D;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    background-color: transparent;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 15px;
    margin-left: 15px;
}

#refRch.champLorsDeSaisie_R {
    color: #000000;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    background-color: transparent;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 15px;
    margin-left: 15px;
}

/* Style Pour les informations */
#telechargerButton {
    float: right;
    background-image:
        url("/static/images_css/html/images/default/commun/icone_download.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
}

#telechargerButton span span {
    margin-left: 23px;
    color: #FFFFFF;
}

#telechargementInfo a {
    background-color: transparent;
    color: #E0091D;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

#telechargementInfo {
    margin-top: 10px;
}

#cnitInfo {
    background-image:
        url('/static/images_css/html/images/default/accueil/pct_info.png');
    background-position: 0px 4px;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
    cursor: pointer;
}

#mecInfo {
    background-image:
        url('/static/images_css/html/images/default/accueil/pct_info.png');
    background-repeat: no-repeat;
    width: 12px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

#tempsDeBaseCombineInfo {
    background-image:
        url('/static/images_css/html/images/default/accueil/pct_info.png');
    background-repeat: no-repeat;
    width: 15px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

#serviceVINInfo {
    background-image:
        url('/static/images_css/html/images/default/accueil/pct_info.png');
    background-repeat: no-repeat;
    width: 15px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

#msgplanfonctionequipement {
    margin-top: 5px;
    margin-bottom: 10px;
}

#menuBoxServiceVIN .bodyBox {
    height: 35px;
    position: relative;
}

#menuBoxServiceVIN .bodyBox.filtrageActive {
    background-color: #dcebfa;
}

#menuBoxServiceVIN .bodyBox #loadingIndicator {
    text-align: center;
    padding-top: 0;
}

#menuBoxServiceVIN .bodyBox #bodyBlocker {
    position: absolute;
    z-index: 1000;
    height: 100%;
    width: 100%;
    background-color: #dcdcdc;
    top: 0;
}

#menuBoxServiceVIN .bodyBox #loadingIndicator img {
    width: 20px;
    height: 20px;
}

#menuBoxServiceVIN .bodyBox #serviceVinMessage {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

#menuBoxServiceVIN .bodyBox #serviceVinMessage span {
    line-height: 18px;
    text-transform: uppercase;
}

#menuBoxServiceVIN .bodyBox #serviceVinMessage a:hover {
    color: #1a0dab;
}

#menuBoxServiceVIN .bodyBox #serviceVinMessage .critSuppr {
    margin-right: 6px;
}

#menuBoxServiceVIN #serviceVINInfo {
    margin-left: 3px;
}

/***********************************************
    FICHE PRODUIT (PIECE PRE PHYSIQUE)

************************************************/
table.fiche_produit {
    width: 100%;
}
/* libellé de l'élément */
table.fiche_produit td:first-child {
    width: 30%;
    font-style: italic;
}

.titreInfoUsage {
    color: #444444;
    font-weight: bold;
    padding-left: 5px;
}

.informationInfoUsage {
    color: #666666;
    padding-left: 5px;
}

#etape1 {
    width: 800px;
    height: 180px;
}

#etape2 {
    width: 800px;
    height: 80px;
}

#etape3 {
    height: 100px;
    padding-top: 14px;
    width: 800px;
}

#etape4 {
    width: 800px;
    height: 80px;
}

#etape1_gauche,#etape2_gauche,#etape3_gauche,#etape4_gauche {
    background-image:
        url('/static/images_css/html/images/default/Fond-Numero-ON.PNG');
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    width: 20px;
    height: 43px;
}

#etape1_gauche {
    margin-top: 70px;
}

#etape2_gauche {
    margin-top: 20px;
}

#etape3_gauche {
    margin-top: 25px;
}

#etape4_gauche {
    margin-top: 12px;
}

.etape_gauche_font {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 43px;
}

#etape1_droite,#etape2_droite,#etape3_droite,#etape4_droite {
    width: 780px;
    float: left;
}

#etape1_droite {
    height: 180px;
}

#etape2_droite {
    background-image:
        url("/static/images_css/html/images/default/Picto-statut.png");
    background-position: 50px 50%;
    background-repeat: no-repeat;
    float: left;
    height: 80px;
}

#etape3_droite {
    height: 100px;
}

#etape4_droite {
    width: 740px;
    height: 80px;
    padding-left: 40px;
}

.floatLeft {
    padding-left: 8px;
}

#diagnostic {
    float: left;
    height: 80px;
    line-height: 80px;
    padding-left: 400px;
    font-weight: bold;
}

#statut_0,#statut_1,#statut_2,#statut_3 {
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    height: 28px;
    line-height: 28px;
    margin-left: 10px;
    margin-top: 26px;
    width: 107px;
    font-weight: bold;
}

#statut_0 {
    background-image:
        url("/static/images_css/html/images/default/Coul-Statut-Non-lance.png");
}

#statut_1 {
    background-image:
        url("/static/images_css/html/images/default/Coul-Statut-En-cours.png");
}

#statut_2 {
    background-image:
        url("/static/images_css/html/images/default/Coul-Statut-Recu.png");
}

#statut_3 {
    background-image:
        url("/static/images_css/html/images/default/Coul-Statut-Erreur.png");
}

#Data {
    float: left;
    margin-left: 50px;
}

div.etapeDiag div#barreActionDiag {
    background-image:
        url("/static/images_css/html/images/default/commun/fond_degrade.png");
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 1px;
    display: inline;
}

div.etapeDiag div.barreActionDiag div {
    background-image:
        url("/static/images_css/html/images/default/commun/fond_degrade.png");
}

.corpsDialog {
    float: left;
    margin-top: -9px;
    margin-left: 10px;
}

#partieDignostic .etapeDiag {
    margin-left: 20px;
    margin-top: 40px;
    text-align: left;
    height: 170px;
}

.barreAction .floatRightDiag {
    background-image:
        url("/static/images_css/html/images/default/commun/fond_degrade.png");
    margin: 0;
    padding: 0;
    text-align: right;
}

#partieDignostic .numEtape,#partieDignostic .numEtapeOff {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/Fond-Numero-ON.png");
    background-repeat: no-repeat;
    color: white;
    font-size: 20px;
    font-weight: bold;
    height: 45px;
    padding-top: 8px;
    text-align: center;
    width: 19px;
    display: inline-block;
}

#partieDignostic .numEtapeOff {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/Fond-Numero-OFF.png");
}

#partieDignostic .etatDiagnostic {
    background-color: white;
    background-repeat: no-repeat;
    width: 700px;
    margin-left: 46px;
    margin-top: -78px;
    height: 80px;
}

.etatDiagnostic .etatDiagTable {
    margin-left: 40px;
    margin-top: 15px;
}

.listePieceDiagnostic {
    margin-left: 40px;
    margin-top: 15px;
    float: left;
}

.etatDiagnostic .etatDiagTable table {
    position: absolute;
    margin-top: 12px;
    width: 600px;
}

.resultDiag {
    background-color: #F1F1F1;
    height: 163px;
    margin-left: 40px;
    margin-top: -90px;
    width: 700px;
}

.resultDiagTxtArea {
    width: 600px;
    margin-left: 50px;
    padding-top: 15px;
}

.logoDiag {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/Picto-statut.png");
    background-repeat: no-repeat;
    height: 65px;
    width: 300px;
}

.txtDiag {
    text-transform: uppercase;
}

.txtDiagStatusNl {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/Coul-Statut-Non-lance.png");
}

.txtDiagStatusEC {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/Coul-Statut-En-cours.png");
}

.txtDiagStatusOK {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/Coul-Statut-Recu.png");
}

.txtDiagStatusKO {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/Coul-Statut-Erreur.png");
}

.txtDiagStatusNl,.txtDiagStatusEC,.txtDiagStatusOK,.txtDiagStatusKO {
    background-repeat: no-repeat;
    background-position: center center;
    width: 110px;
    text-align: center;
    color: white;
}

.feu_diag_0,.feu_diag_1,.feu_diag_2,.feu_diag_3 {
    background-repeat: no-repeat;
    height: 65px;
    width: 180px;
    float: left;
}

.feu_diag_0 {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/feu_diag_0.png");
}

.feu_diag_1 {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/feu_diag_1.png");
}

.feu_diag_2 {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/feu_diag_2.png");
}

.feu_diag_3 {
    background-image:
        url("/static/images_css/html/images/default/diagnostic/feu_diag_3.png");
}

#progression_diagnostic td {
    font-size: 14pt;
}

#bandeau div.bas ul.barre_navigation li.atelier,#bandeau div.bas ul.barre_navigation li.atelier li,#bandeau div.bas ul.barre_navigation li.atelierOnHover,#bandeau div.bas ul.barre_navigation li.atelierOnHover li,#bandeau div.bas ul.barre_navigation li.atelierHover,#bandeau div.bas ul.barre_navigation li.atelierHover li
#bandeau div.bas ul.barre_navigation li.vehicules,#bandeau div.bas ul.barre_navigation li.vehicules li,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover,#bandeau div.bas ul.barre_navigation li.vehiculesOnHover li,#bandeau div.bas ul.barre_navigation li.vehiculesHover,#bandeau div.bas ul.barre_navigation li.vehiculesHover li
    {
    z-index: 2;
}

*+html #infoPlanTd {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    width: 617px;
}

.tableAAAPopup {
    text-align: left;
    font-size: 11px;
    width: 475px;
}

.tableAAAPopup td {
    text-align: left;
    font-size: 11px;
}

.labelAAAPopup {
    font-weight: bold;
    color: #454545;
}

.valueAAAPopup {
    padding-left: 8px;
    font-weight: bold;
    color: #454545;
}

.libelleVehiculeAtelier #libelleVehiculeAtelier_haut,.libelleVehiculeAtelier #libelleVehiculeAtelier_bas
    {
    display: none;
}

.varianteApplicabiliteImg {
    height: 160px;
    width: 330px;
}

.infoClientColumn {
    width: 50%;
}

.libelleTabVehicule {
    text-align: center;
    padding: 2px;
}

.aProposVehiculeLibelle {
    padding-top: 2px;
}

.aProposVehiculeCnitVinLabel {
    padding: 5px;
}

.labelAAAPopupValue {
    padding-left: 8px;
}

.infoClientTabColumn {
    width: 50%;
}

/********************************************************************/
/*                  ALTERNATIVE DE MONTAGE                          */
/********************************************************************/

a.disabled {
    color: #999;
}

.IGlossaire td {
    padding-left: 5px;
    color: #666666;
}

#infoVehTable,#infoVehTable .intab {
    width: 100%;
}

#aProposVehiculeCNITVIN {
    width: 80%;
}

#aProposVehiculeCNITVIN th,#aProposVehiculeCNITVIN td {
    border-color: #000000;
    text-align: center;
    vertical-align: top;
}

#aproposSeparateur {
    margin-bottom: 10px;
    width: 50%;
    height: 1px;
    background-color: #333333;
}

.aproposTitreVarianteETAI {
    font-weight: bold;
    text-align: center;
    font-size: 11px;
}

/*** CRITERES EUROPEENS PNEU ***/
.pneu_efficacite {
    height: 30px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-Carb.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-Carb.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_adherence {
    height: 30px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-Pluie.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-Pluie.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_note_AUCUNE {
    height: 19px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-AUCUNE.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-AUCUNE.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_note_A {
    height: 19px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-A.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-A.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_note_B {
    height: 19px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-B.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-B.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_note_C {
    height: 19px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-C.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-C.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_note_D {
    height: 19px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-D.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-D.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_note_E {
    height: 19px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-E.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-E.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_note_F {
    height: 19px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-F.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-F.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_note_G {
    height: 19px;
    width: 39px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-G.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-G.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
}

.pneu_classe_bruit_ZERO {
    height: 26px;
    width: 36px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-ZERO.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-ZERO.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
    padding-left: 10px;
}

.pneu_classe_bruit_UN {
    height: 26px;
    width: 36px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-UN.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-UN.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
    padding-left: 10px;
}

.pneu_classe_bruit_DEUX {
    height: 26px;
    width: 36px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-DEUX.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-DEUX.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
    padding-left: 10px;
}

.pneu_classe_bruit_TROIS {
    height: 26px;
    width: 36px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-TROIS.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-TROIS.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
    padding-left: 10px;
}

.niveauBruit,#Chiffrage .niveauBruit {
    font-size: 15px;
    font-weight: bold;
    margin-top: 3px;
    font-family: Arial;
}

.niveauBruitGris,#Chiffrage .niveauBruitGris {
    font-size: 15px;
    font-weight: bold;
    margin-top: 3px;
    color: #7F7F7F;
    font-family: Arial;
}

.pneu_info {
    height: 30px;
    width: 30px;
    background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-Info2.png');
    _background-image:
        url('/static/images_css/html/images/default/atelier/pneu/Pictos-pneus-norme-Info2.gif');
    /*pour ie6 uniquement*/
    background-repeat: no-repeat;
    float: right;
}

.pneu_info_detail {
    display: none;
    position: absolute;
    border: 1px solid black;
    padding: 5px;
    background-color: white;
}

#Chiffrage table.ElementDevis td.critereEurop {
    height: 40px;
}
/*** FIN CRITERES EUROPEENS PNEU ***/
/*** Recherche par VIN **/
/*** div deplie **/
.deplie_global .deplie_bandeau {
    border: 1px solid #929292;
}

.deplie_global .deplie_button {
    margin-top: 5px;
    background-image:
        url('/static/images_css/html/images/default/devis/pct_fleche_deplie.png');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    float: left;
    margin-left: 3px;
}

.deplie_global .replie_button {
    margin-top: 5px;
    background-image:
        url('/static/images_css/html/images/default/devis/pct_fleche_replie.png');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    float: left;
    margin-left: 3px;
}

.deplie_global .deplie_titre {
    margin-top: 5px;
    height: 30px;
    float: center;
}

.deplie_global table {
    margin-left: 1%;
}

/** donnees DRIIVIN */
#idTable_recherche_vin {
    width: 97%;
}

#idDivVoirToutesInfo {
    float: right;
    font-weight: bold;
    margin: 10px;
    position: absolute;
    right: 5px;
}

.recherche_vin_famille {
    border: 1px solid;
    background-color: #929292;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2px;
    padding: 2px;
}

.libelleVehiculeAtelierFicheVIN_Off {
    background-image:
        url('/static/images_css/html/images/default/atelier/infoVINVehicule_off.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 53px;
    height: 30px;
    float: left;
    padding-left: 10px;
    margin-top: 2px;
    cursor: default;
}

.libelleVehiculeAtelierFicheVIN_On {
    background-image:
        url('/static/images_css/html/images/default/atelier/infoVINVehicule_on.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 53px;
    height: 30px;
    float: left;
    padding-left: 10px;
    margin-top: 2px;
    cursor: pointer;
}

.espaceButton {
    height: 10px;
}

.evenLineDRIIVIN {
    background-color: #eeeeee;
}

.oddLineDRIIVIN {
    background-color: #FFFFFF;
}
/* Estimatif ATX */
#Chiffrage .tableOperationDevisEstimatif {
    width: 100%;
    border: 1px solid #a9aaac;
    padding-left: 0px;
}

#DevisNumEstimatif {
    margin-left: 12px;
    color: black;
    font-weight: bold;
}

#tableauEstimatif td.prix {
    font-weight: bold;
}

#Chiffrage #tableauEstimatif .ligneOperationDevisEstimatif,#Chiffrage #tableauEstimatif .ligneOperationDevisEstimatif td
    {
    background-color: #efefef;
}

#Chiffrage #tableauEstimatif .libelleLigneOperationDevisEstimatif {
    font-weight: bold;
}

#Chiffrage #tableauEstimatif .remiseOperation {
    *text-align: center;
    *width: auto;
}

#Chiffrage #tableauEstimatif {
    border-spacing: 0px 5px;
    border-collapse: collapse;
    /*border:0px;*/
}

#Chiffrage table#tableauEstimatif td.prix,#Chiffrage table#tableauEstimatif td.prixOperation
    {
    text-align: center;
}

#Chiffrage table#tableauEstimatif div.espace {
    margin-left: 25px;
}

#Chiffrage #tableauEstimatif {
    background-color: #D8D8D8;
}

#Chiffrage table.ElementDevis tr.headerInvible th {
    height: 0px;
}

#Chiffrage .totalDevisEstimatif {
    background-color: #efefef;
    font-weight: bold;
}

#Chiffrage table#tableauEstimatif td.libelleDevisEstimatif .pneu_info {
    margin-top: -8px;
}

#Chiffrage table.ElementDevis tr td.firstColtotalDevisEstimatif {
    background-color: transparent;
}

#Chiffrage table.ElementDevis tr td.tableauOperation {
    width: 100%;
}

#Chiffrage table.ElementDevis tr td .hackIE7AndBelowWidth100 {
    *width: 100%; /* le _ est un hack cibler seulement IE7 */
}

#Chiffrage table#tableauEstimatif td.libelleLigneOperationDevisEstimatif
    {
    *width: auto;
}

#Chiffrage table#tableauEstimatif td.libelleDevisEstimatif {
    background-color: #FFFFFF;
    *width: auto;
}

#Chiffrage table#tableauEstimatif  td.DataOperationDevisEstimatif {
    width: 100%;
}

#Chiffrage table#tableauEstimatif  td {
    padding-left: 1px;
    white-space: nowrap;
}

#Chiffrage table#tableauEstimatif tr td.ligneSeparatrice {
    border-color: #868689;
    border-spacing: 0px 5px;
    border-collapse: collapse;
    border-style: solid;
    border-top-width: 5px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background-color: #D8D8D8;
    width: 100%;
    line-height: 7px;
    height: 7px;
}

#Chiffrage .totalDevisEstimatif {
    *width: auto !important;
}

#restrictionPerimetre {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    padding-top: 5px;
    text-align: center;
}

.cursorPointer {
    cursor: pointer;
}

/*** PLAN ENTRETIEN ***/
.msgPlanEntretien {
    background:
        url(/static/images_css/html/images/default/commun/fleche_gauche-titre.png)
        no-repeat scroll right center transparent;
    float: left;
    height: 24px;
    padding-left: 20px;
    padding-top: 0;
    width: 24px;
}

.msgPlanEntretienMsg {
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 24px;
}

.planEntretienDiv {
    margin-top: 40px;
}

.hideIcon {
    background:
        url(/static/images_css/html/images/default/accueil/pct_fleche_right.png)
        no-repeat transparent;
    margin-left: 7px;
    margin-top: -20px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.showIcon {
    background:
        url(/static/images_css/html/images/default/accueil/pct_fleche_down.png)
        no-repeat transparent;
    margin-left: 7px;
    margin-top: -20px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

/** plans entretiens **/
.revisionPictoTag {
    margin-top: 4px;
    width: 50px;
}

.refCmdBtn .barreAction .corps {
    margin-right: 0px !important
}

.refCmdBtn .barreAction .corps .button,.refCmdBtn .barreAction .corps .button:hover
    {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.refCmdBtn .barreAction .corps .button span {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
}

/****************************************/
/*      jSliderNews                     */
/****************************************/

/* slider layout */
#jslidernewsPubInfo .lof-slidecontent {
    position: relative;
    overflow: hidden;
    border: #F4F4F4 solid 1px;
}

#jslidernewsPubInfo .lof-slidecontent .preload {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    text-align: center;
    background: #FFF
}

#jslidernewsPubInfo .lof-slidecontent .preload div {
    height: 100%;
    width: 100%;
    background: transparent url(../../../images/default/load-indicator.gif) no-repeat scroll 50% 50%;
}

#jslidernewsPubInfo .lof-slidecontent .sliders-wrapper {
    position: relative;
    height: 100%;
    width: 150px;
    z-index: 3px;
    overflow: hidden;
}

#jslidernewsPubInfo .lof-slidecontent ul.sliders-wrap-inner {
    overflow: hidden;
    background: transparent url(../../../images/default/load-indicator.gif) no-repeat scroll 50% 50%;
    padding: 0px;
    margin: 0;
    position: absolute;
    overflow: hidden;
    left: 0;
}

#jslidernewsPubInfo .lof-slidecontent ul.sliders-wrap-inner li {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
}

#jslidernewsPubInfo .lof-slidecontent .lof-opacity {
    width: 100%;
    height: 100%;
}

#jslidernewsPubInfo .lof-slidecontent .lof-opacity li {
    position: absolute !important;
    top: 0;
    left: 0;
    float: inherit !important;
}

#jslidernewsPubInfo .lof-slidecontent .preload {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    text-align: center;
    background: #FFF
}

#jslidernewsPubInfo .lof-slidecontent .preload div {
    height: 100%;
    width: 100%;
    background: transparent
        url(/static/images_css/html/images/default/load-indicator.gif)
        no-repeat scroll 50% 50%;
}

#jslidernewsPubInfo .lof-slidecontent  .sliders-wrapper {
    position: relative;
    height: 100%;
    width: 150px;
    z-index: 3px;
    overflow: hidden;
}

#jslidernewsPubInfo .lof-slidecontent  ul.sliders-wrap-inner {
    overflow: hidden;
    background: transparent
        url(/static/images_css/html/images/default/load-indicator.gif)
        no-repeat scroll 50% 50%;
    padding: 0px;
    margin: 0;
    position: absolute;
    overflow: hidden;
    left: 0;
}

#jslidernewsPubInfo .lof-slidecontent  ul.sliders-wrap-inner li {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
}

#jslidernewsPubInfo .lof-slidecontent  .lof-opacity {
    width: 100%;
    height: 100%;
}

#jslidernewsPubInfo .lof-slidecontent  .lof-opacity  li {
    position: absolute !important;
    top: 0;
    left: 0;
    float: inherit !important;
}

#jslidernewsPubInfo .lof-slidecontent  .navigator-content {
    position: absolute;
    left: 0;
    top: 00px;
    z-index: 100;
    height: 300px;
    width: 310px;
    overflow: hidden;
    color: #FFF
}

#jslidernewsPubInfo .lof-slidecontent  .navigator-wrapper {
    position: relative;
    z-index: 10;
    height: 180px;
    width: 310px;
    overflow: hidden;
    color: #FFF;
    float: left
}

#jslidernewsPubInfo .lof-slidecontent  ul.navigator-wrap-inner {
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}

#jslidernewsPubInfo .lof-slidecontent  ul.navigator-wrap-inner li {
    cursor: hand;
    cursor: pointer;
    list-style: none;
    padding: 0;
    margin-left: 0px;
    overflow: hidden;
    float: left;
    display: block;
    text-align: center;
}

/*******************************************************/
ul.sliders-wrap-inner li img {
    padding: 0px;
}

#jslidernewsPubInfo .lof-slidecontent .slider-description>div {
    padding: 12px;
}

#jslidernewsPubInfo .lof-slidecontent .slider-description a.readmore {
    color: #58B1EA;
    font-size: 95%;
}

#jslidernewsPubInfo .lof-slidecontent .slider-description a {
    color: #FFF;
}

#jslidernewsPubInfo .lof-slidecontent .slider-description {
    z-index: 100px;
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 100%;
    background: url(/static/images_css/html/images/default/bg_trans.png);
    color: #FFF;
}

#jslidernewsPubInfo .lof-slidecontent .slider-description h4 {
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
}

#jslidernewsPubInfo .lof-slidecontent .slider-description .slider-meta a
    {
    margin: 0;
    background: #C01F25;
    font-size: 75%;
    padding: 2px 3px;
    font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none
}

#jslidernewsPubInfo .lof-slidecontent  .item-meta a:hover {
    text-decoration: underline;
}

#jslidernewsPubInfo .lof-slidecontent  .item-meta i {
    font-size: 70%;
}

/* item navigator */
#jslidernewsPubInfo .lof-slidecontent ul.navigator-wrap-inner  li.active
    {

}

#jslidernewsPubInfo .lof-slidecontent ul.navigator-wrap-inner  li>div {
    background:
        url(/static/images_css/html/images/default/transparent_bg.png);
    color: #FFF;
    height: 100%;
    position: relative;
    padding-left: 15px;
    border-top: 1px solid #E1E1E1;
    text-align: left
}

#jslidernewsPubInfo .lof-slidecontent ul.navigator-wrap-inner li.active div
    {
    color: #FFF;
}

#jslidernewsPubInfo .lof-slidecontent ul.navigator-wrap-inner li img {
    height: 60px;
    width: 60px;
    margin: 15px 15px 10px 0px;
    float: left;
    padding: 3px;
    border: #C5C5C5 solid 1px;
}

#jslidernewsPubInfo .lof-slidecontent ul.navigator-wrap-inner li.active img,#jslidernewsPubInfo .lof-slidecontent ul.navigator-wrap-inner li:hover img
    {
    border: ##6C8E5C solid 1px;
}

#jslidernewsPubInfo .lof-slidecontent  .button-next,#jslidernewsPubInfo .lof-slidecontent .button-previous
    {
    display: block;
    width: 40px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    height: 100%;
    z-index: 40;
    top: 0;
    text-indent: -999px;
}

#jslidernewsPubInfo .lof-slidecontent   .button-next {
    right: 05px;
    background:
        no-repeat right center;
}

#jslidernewsPubInfo .lof-slidecontent  .button-previous {
    left: 05px;
    background:
        no-repeat left center;
}

#jslidernewsPubInfo .lof-slidecontent,#jslidernewsPubInfo .lof-slidecontent .main-slider-content
    {
    width: 145px;
    height: 170px;
}

#jslidernewsPubInfo .lof-slidecontent .sliders-wrapper {
    width: 145px;
}

#jslidernewsPubInfo .lof-slidecontent  ul.sliders-wrap-inner li a .entetePub
    {
    width: 142px;
    text-align: center;
    padding-left: 3px;
    left: 0px;
}

#jslidernewsPubInfo .lof-slidecontent  ul.sliders-wrap-inner li span.titreInfo
    {
    color: #0056A4;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
}

#jslidernewsPubInfo .lof-slidecontent  ul.sliders-wrap-inner li span.lienPub
    {
    color: #0056A4;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    background-color: transparent;
}

#jslidernewsPubInfo .lof-slidecontent {
    border: 1px solid #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#jslidernewsPubInfo .lof-slidecontent  ul.sliders-wrap-inner li img.vignettePub
    {
    width: 140px;
    height: 85px;
    margin-right: 5px;
    margin-bottom: 3px;
}

/* slider layout */
#jslidernewsEtaiInfo .lof-slidecontent {
    position: relative;
    overflow: hidden;
    border: #F4F4F4 solid 1px;
}

#jslidernewsEtaiInfo .lof-slidecontent .preload {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    text-align: center;
    background: #FFF
}

#jslidernewsEtaiInfo .lof-slidecontent .preload div {
    height: 100%;
    width: 100%;
    background: transparent
        url(/static/images_css/html/images/default/load-indicator.gif)
        no-repeat scroll 50% 50%;
}

#jslidernewsEtaiInfo .lof-slidecontent  .sliders-wrapper {
    position: relative;
    height: 100%;
    width: 780px;
    z-index: 3px;
    overflow: hidden;
    margin-left: -46px;
}

#jslidernewsEtaiInfo .lof-slidecontent  ul.sliders-wrap-inner {
    overflow: hidden;
    background: transparent
        url(/static/images_css/html/images/default/load-indicator.gif)
        no-repeat scroll 50% 50%;
    padding: 0px;
    margin: 0;
    position: absolute;
    overflow: hidden;
}

#jslidernewsEtaiInfo .lof-slidecontent  ul.sliders-wrap-inner li {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
}

#jslidernewsEtaiInfo .lof-slidecontent  .lof-opacity  li {
    position: absolute;
    top: 0;
    left: 0;
    float: inherit;
}

#jslidernewsEtaiInfo .lof-slidecontent  .navigator-content {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background:
        url(/static/images_css/html/images/default/transparent_bg.png) repeat;
    padding: 5px 0px;
}

#jslidernewsEtaiInfo .lof-slidecontent  .navigator-wrapper {
    position: relative;
    z-index: 10;
    height: 180px;
    overflow: hidden;
    color: #FFF;
    float: left
}

#jslidernewsEtaiInfo .lof-slidecontent  ul.navigator-wrap-inner {
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}

#jslidernewsEtaiInfo .lof-slidecontent  ul.navigator-wrap-inner li {
    cursor: hand;
    cursor: pointer;
    list-style: none;
    padding: 0;
    margin-left: 0px;
    overflow: hidden;
    float: left;
    display: block;
    text-align: center;
}

/*******************************************************/
ul.sliders-wrap-inner li img {
    padding: 0px;
}

#jslidernewsEtaiInfo .lof-slidecontent .slider-description a.readmore {
    color: #58B1EA;
    font-size: 95%;
}

#jslidernewsEtaiInfo .lof-slidecontent .slider-description a {
    color: #FFF;
}

#jslidernewsEtaiInfo .lof-slidecontent .slider-description {
    z-index: 100px;
    position: absolute;
    bottom: 50px;
    left: 0px;
    width: 350px;
    background: url(/static/images_css/html/images/default/bg_trans.png);
    height: 100px;
    padding: 10px;
    color: #FFF;
}

#jslidernewsEtaiInfo .lof-slidecontent .slider-description h4 {
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
}

#jslidernewsEtaiInfo .lof-slidecontent .item-meta a:hover {
    text-decoration: underline;
}
#jslidernewsEtaiInfo .lof-slidecontent .item-meta i {
    font-size: 70%;
}

body {
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    background: #E3E4E5;
    font-size: 12px;
}

#containerInfo {
    width: 1024px;
    height: 600px;
    margin: 0px auto 0px;
    background: #FFFFFF;
    font-size: 12px;
    margin-top: 50px;
}

#jslidernewsEtaiInfo .lof-slidecontent .slider-description .slider-meta a
    {
    margin: 0;
    background: #C01F25;
    font-size: 75%;
    padding: 2px 3px;
    font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none
}

#jslidernewsEtaiInfo .lof-slidecontent  .item-meta a:hover {
    text-decoration: underline;
}

#jslidernewsEtaiInfo .lof-slidecontent  .item-meta i {
    font-size: 70%;
}

/* item navigator */
#jslidernewsEtaiInfo .lof-slidecontent ul.navigator-wrap-inner li img {
    border: #666 solid 3px;
}

#jslidernewsEtaiInfo .lof-slidecontent ul.navigator-wrap-inner li.active img,#jslidernewsEtaiInfo .lof-slidecontent ul.navigator-wrap-inner li:hover img
    {
    border: #A8A8A8 solid 3px;
    -moz-transition: border-color ease-in-out 0.4s
}

#jslidernewsEtaiInfo .lof-slidecontent .navigator-content .button-next,#jslidernewsEtaiInfo .lof-slidecontent .navigator-content .button-previous
    {
    display: block;
    width: 22px;
    height: 30px;
    color: #FFF;
    cursor: pointer;
}

#jslidernewsEtaiInfo .lof-slidecontent .navigator-content .button-next {
    float: left;
    text-indent: -999px;
    margin-right: 5px;
    /*  background:url(/static/images_css/html/images/default/arrow-l.png) no-repeat right center; */
}

#jslidernewsEtaiInfo .lof-slidecontent .navigator-content .button-previous
    {
    float: left;
    text-indent: -999px;
    margin-left: 5px;
}

#jslidernewsEtaiInfo .lof-slidecontent   .button-next {
    right: 0px;
}

#jslidernewsEtaiInfo .lof-slidecontent  .button-previous {
    left: 0px;
}

#jslidernewsEtaiInfo .lof-slidecontent .button-control {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    width: 20px;
    cursor: hand;
    cursor: pointer;
    background:
        url(/static/images_css/html/images/default/transparent_bg.png) repeat;
}

#jslidernewsEtaiInfo .lof-slidecontent .button-control span {
    display: block;
    width: 100%;
    height: 100%;
}

#jslidernewsEtaiInfo .lof-slidecontent .action-start span {
    background: url(/static/images_css/html/images/default/play.png)
        no-repeat center center;
}

#jslidernewsEtaiInfo .lof-slidecontent .action-stop span {
    background: url(/static/images_css/html/images/default/pause.png)
        no-repeat center center;
}

#jslidernewsEtaiInfo .lof-slidecontent,#jslidernewsEtaiInfo .lof-slidecontent .main-slider-content
    {
    width: 990px;
    height: 160px;
    margin-left: 14px;
}

#jslidernewsEtaiInfo .lof-slidecontent ul.sliders-wrap-inner li a .enteteInformationETAI
    {
    height: auto;
    margin-bottom: 5px;
}

#jslidernewsEtaiInfo .lof-slidecontent ul.sliders-wrap-inner li .elementInformationETAI .elementInformationETAI_haut
    {
    height: 0px;
}

#jslidernewsEtaiInfo .lof-slidecontent ul.sliders-wrap-inner li a .corpsInformationETAI
    {
    width: 230px;
}

#jslidernewsEtaiInfo .lof-slidecontent ul.sliders-wrap-inner li a .titreInformationETAI
    {
    bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

body {
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    background: #E3E4E5;
    font-size: 12px;
}

#containerInfo {
    width: 1024px;
    height: 600px;
    margin: 0px auto 0px;
    background: #FFFFFF;
    font-size: 12px;
    margin-top: 50px;
}

#informationFiltre {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

#informationFiltre  a.infoFilter,#informationFiltre span.infoFilter,#informationFiltre span.disabledFilter
    {
    font-size: 12px;
}

#informationFiltre  span.disabledFilter {
    font-size: 12px;
    color: #89837D;
}

#informationFiltre .selectedFilter {
    color: #FAA543;
    font-size: 12px;
}
/* slider layout */
#containerInfo .lof-slidecontent {
    width: 1024px;
    height: 600px;
    background-color: #FFFFFF;
}

#containerInfo .lof-slidecontent {
    position: relative;
    overflow: hidden;
    border: #F4F4F4 solid 1px;
}

#containerInfo .lof-slidecontent .preload {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    text-align: center;
    background: #FFF
}

#containerInfo .lof-slidecontent .preload div {
    height: 100%;
    width: 100%;
    background: transparent
        url(/static/images_css/html/images/default/load-indicator.gif)
        no-repeat scroll 50% 50%;
}

#containerInfo .lof-slidecontent  .sliders-wrapper {
    position: relative;
    height: 100%;
    width: 900px;
    z-index: 3px;
    overflow: hidden;
}

#containerInfo .lof-slidecontent .sliders-wrap-inner  a.readmore {
    color: #58B1EA;
    font-size: 95%;
}

#containerInfo .lof-slidecontent  ul.sliders-wrap-inner {
    overflow: hidden;
    background-color: white;
    padding: 0px;
    margin: 0;
    position: absolute;
    overflow: hidden;
}

#containerInfo .lof-slidecontent  ul.sliders-wrap-inner li {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
}

#containerInfo .lof-slidecontent  .lof-opacity  li {
    position: absolute;
    top: 0;
    left: 0;
    float: inherit;
}

#containerInfo .lof-slidecontent  .navigator-content {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9;
    height: 600px;
    width: 359px;
    overflow: hidden;
    color: #FFF;
}

#containerInfo .lof-slidecontent  .navigator-wrapper {
    position: relative;
    z-index: 10;
    height: 180px;
    width: 315px;
    overflow: hidden;
    color: #FFF;
    float: left;
}

#containerInfo .lof-slidecontent  ul.navigator-wrap-inner {
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}

#containerInfo .lof-slidecontent  ul.navigator-wrap-inner li h3 {
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#containerInfo .lof-slidecontent  ul.navigator-wrap-inner li.active h3 {
    color: #FAA543;
}

/*******************************************************/
#containerInfo ul.sliders-wrap-inner li img {
    padding: 0px;
}

#containerInfo .lof-slidecontent .slider-description a.readmore {
    color: #FAA543;
    font-size: 95%;
}

#containerInfo .lof-slidecontent .slider-description a {
    color: #FFF;
}

#containerInfo .lof-slidecontent .slider-description {
    z-index: 100px;
    position: absolute;
    bottom: 0;
    height: 0px;
    right: 0px;
    width: 680px;
    height: 90px;
    background: transparent
        url(/static/images_css/html/images/default/bg_trans.png);
    text-align: center;
    color: #FFF;
    cursor: pointer;
}

#containerInfo .lof-slidecontent .slider-image-container {
    width: 680px;
    height: 510px;
    vertical-align: middle;
    *vertical-align: middle;
    display: table-cell;
    *display: table-cell;
}

/****/
#containerInfo .lof-slidecontent .slider-description>div {
    padding: 0;
}

#containerInfo .lof-slidecontent .slider-description h4 {
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
}

#containerInfo .lof-slidecontent .slider-description .slider-meta a {
    margin: 0;
    background: #C01F25;
    font-size: 75%;
    padding: 0px 3px;
    font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none
}
/***/
#containerInfo .lof-slidecontent .slider-description h4 {
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
}

#containerInfo .lof-slidecontent .slider-description .slider-meta a {
    margin: 0;
    background: #C01F25;
    font-size: 75%;
    padding: 0px 3px;
    font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none
}

#containerInfo .lof-slidecontent  .item-meta a:hover {
    text-decoration: underline;
}

#containerInfo .lof-slidecontent  .item-meta i {
    font-size: 70%;
}

/* item navigator */
#containerInfo .lof-slidecontent ul.navigator-wrap-inner  li.active {
    background:
        no-repeat scroll left center;
    color: #FFF;
}

#containerInfo .lof-slidecontent ul.navigator-wrap-inner  li  div {
    background-image:
        url(/static/images_css/html/images/default/transparent_bg.png);
    color: #FFF;
    height: 100%;
    position: relative;
    margin-left: 0px;
    padding-left: 15px;
    border-top: 1px solid #E1E1E1;
    text-align: left;
}

#containerInfo .lof-slidecontent ul.navigator-wrap-inner  li.active div
    {
    background-color: #000000;
    /**width:330px !important;*/
    *height: 100px !important;
    color: #FAA543;
}

#containerInfo .lof-slidecontent ul.navigator-wrap-inner li img {
    height: 57px;
    width: 76px;
    margin: 15px 15px 10px 0px;
    float: left;
    padding: 3px;
    border: #FFFFFF solid 1px;
}

#containerInfo .lof-slidecontent ul.navigator-wrap-inner li.active img,#containerInfo .lof-slidecontent ul.navigator-wrap-inner li:hover img
    {
    border: #FFFFFF solid 1px;
}

#containerInfo .lof-slidecontent  .button-next,#containerInfo .lof-slidecontent .button-previous
    {
    display: block;
    width: 40px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    height: 100%;
    z-index: 40;
    top: 0;
    text-indent: -999px;
}

#containerInfo .lof-slidecontent   .button-next {
    right: 0px;
    background: url(/static/images_css/html/images/default/next.png)
        no-repeat right center;
}

#containerInfo .lof-slidecontent  .button-previous {
    left: 0px;
    background: url(/static/images_css/html/images/default/previous.png)
        no-repeat left center;
}

#containerInfo .lof-slidecontent .button-control {
    position: absolute;
    top: 10px;
    right: 48%;
    height: 20px;
    width: 20px;
    cursor: hand;
    cursor: pointer;
    background:
        url(/static/images_css/html/images/default/transparent_bg.png) repeat;
}

#containerInfo .lof-slidecontent .button-control span {
    display: block;
    width: 100%;
    height: 100%;
}

.lof-slidecontent .action-start span {
    background: url(/static/images_css/html/images/default/play.png)
        no-repeat center center;
}

#containerInfo .lof-slidecontent .action-stop span {
    background: url(/static/images_css/html/images/default/pause.png)
        no-repeat center center;
}

/* slider layout */
#containerInfo .lof-slidecontent .preload {
    left: auto;
    right: 0;
}

#containerInfo .lof-slidecontent  ul.sliders-wrap-inner li {
    float: left;
}

#containerInfo .lof-slidecontent  .lof-opacity  li {
    left: auto;
    right: 0;
}

#containerInfo .lof-slidecontent  .navigator-content {
    right: auto;
    left: 10px;
}

#containerInfo .lof-slidecontent  .navigator-wrapper {
    float: right
}

#containerInfo .lof-slidecontent  ul.navigator-wrap-inner li {
    margin-right: 0px;
    float: right;
    padding: 0
}

#containerInfo .lof-slidecontent  .main-slider-content {
    float: right;
}

#containerInfo .lof-slidecontent ul.navigator-wrap-inner li  div {
    margin-right: 15px;
    padding-left: 15px;
}

#containerInfo .lof-slidecontent ul.navigator-wrap-inner li.active {
    background:
        url("/static/images_css/html/images/default/arrow-bd_black.png")
        no-repeat scroll right center transparent;
}

#containerInfo .lof-slidecontent .navigator-content {
    left: 0px;
}

#containerInfo .lof-slidecontent ul.navigator-wrap-inner {
    position: relative;
}

#containerInfo ul.sliders-wrap-inner li img {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

#containerInfo .lof-slidecontent  .sliders-wrapper li {
    height: 600px;
}

#containerInfo .lof-slidecontent  .main-slider-content {
    width: 680px;
    height: 600px;
}

#containerInfo ul.lof-main-wapper li {
    position: relative;
}

#bandeauComm .fond {
    height: 34px;
    width: 100%;
}

#bandeauComm .retour {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFFFFF;
}

#bandeauComm .actualites {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}

div#referenceCommandableDiv .cacheMajDMS span {
    clear: both;
    float: none !important;
    word-break: keep-all;
}

div#referenceCommandableDiv div {
    max-height: 124px;
}

div#referenceCommandableDiv {
    height: 140px !important;
}

#partieCentraleAtelier #selectionPieces {
}

#table_facture th {
    padding: 3px;
}

/**********************************************************************************
                            applicabilite.css
***********************************************************************************/
#uniteCondList input,#uniteCondList span {
    float: left;
}

#Chiffrage #retour_selection_piece {
    margin-left: 0;
    padding-left: 0;
    margin-right: 0px !important;
    /* Ne force rien en dessous, present parce qu'il y a des !importants plus haut, et qu'on ne peut pas les supprimer */
/*  width: 100%; */
}

/* PCR1155 : Permet d'avoir les infos distrib et le bouton 'Acces devis' sur une meme ligne  */
#recapitulatifInfoDistributeur {
    width: 50%;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
}

/* PCR1155 : Permet d'avoir le bouton "Acces devis pour modification" sur la meme ligne pour ie7 */
#enteteRecapitulatif .barreAction {
    *width: 48%;
}

.cgPopIn {
    *width: 98%;
}

.cgPopIn img {
    vertical-align: top;
}

#bandeau div.boutonRecapGlissant div {
    position: fixed;
    width: 152px;
    z-index: 600;
}

.widgetGlissantClass {
    /*position: fixed;*/

}

#bandeau .bas_contenuGlissant {
    position: fixed;
}

#bandeau .bas_contenuGlissant a {
    position: fixed;
    margin-left: 338px;
    width: 153px;
    height: 36px;
}

.scrollupClass,.scrollupClass_hover {
    display: none;
    height: 40px;
    position: fixed;
    right: 15px;
    text-indent: 0000px;
    top: 50%;
    width: 40px;
}

.scrollupClass {
    background-image:
        url("/static/images_css/html/images/default/bouton_sans_survol.png");
    background-repeat: no-repeat;
}

.scrollupClass_hover {
    background-image:
        url("/static/images_css/html/images/default/bouton_avec_survol.png");
    background-repeat: no-repeat;
}

span.bulle {
    position: relative;
    border-bottom: 1px dotted #fa8;
}

span.bulle span {
    display: none;
    border: 1px solid black;
    border-radius: 10px;
    background-color: #dddddd;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
}

span.bulle:hover span {
    position: absolute;
    top: 43px;
    right: 0px;
    padding: 5px;
    display: block;
}

.magasinierCaddie_hover a,.magasinierCaddie a {
    background-repeat: no-repeat;
    background-size: 26px 24px;
    text-decoration: none;
    height: 25px;
    width: 34px;
    border: none;
    display: block;
}

.magasinierCaddie_hover a {
    cursor: pointer;
}

#Chiffrage .boiteRigideCentreeDevis table.ElementDevis tr .prix .petitedivspecialIE
    {
    padding-right: 8px;
}

#francoDePortNCLibelle {
    text-transform: uppercase;
}

#Chiffrage #rechercheFrancoPort,#MB_content #rechercheFrancoPort {
    width: 30%;
}

#rechercheFrancoPort,#Chiffrage #rechercheFrancoPort,#MB_content #rechercheFrancoPort
    {
    background-position: center;
    margin-top: 10px;
    display: none;
    text-align: center;
}

#Chiffrage #francoDePort,#MB_content #francoDePort {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 30%;
    background-color: white;
    border: 2px solid #0058a4;
    margin-left: 6px;
}

#francoDePort {
    background-color: #f7f7f7;
    border: 2px solid #f7f7f7;
    margin-top: 12px;
}

#francoDePort #francoDePortTable {
    width: 100%;
    margin-top: 5px;
}

#Chiffrage #francoDePort #francoDePortTable,#MB_content #francoDePort #francoDePortTable
    {
    margin: 5px;
    width: 90%;
}

#francoDePort span.francoDePortRefresh {
    background-image:
        url('/static/images_css/html/images/default/commun/btn_refresh.png');
    background-position: center;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
}

.loadingFrancoPort {
    color: green;
}
#francoDePort span.loadingPrice {
    background-image: url('/static/images_css/html/images/small-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    width: 25px;
    height: 16px;
}

#francoDePort span.francoPortFouName {
    color: #454545;
    padding-left: 1px;
    font-size: 12px;
    font-weight: bold;
}

#francoDePort span.francoPrice {
    color: #454545;
    font-size: 11px;
    font-weight: bold;
    float: right;
    padding-left: 1px;
    padding-right: 3px;
}

#francoDePort span.francoDePortTitle,#Chiffrage #francoDePort span.francoDePortTitle,#MB_content #francoDePort span.francoDePortTitle
    {
    color: #0058a4;
    font-size: 12px;
    font-weight: bold;
}

#Chiffrage #francoDePort .francoDePortTitleHeader,#MB_content #francoDePort .francoDePortTitleHeader
    {
    background-color: #cee3f6;
    height: 30px;
}

#francoDePort #refreshAll {
    float: none;
}

#francoDePort #francoDePortNCLibelle {
    display: none;
    text-transform: uppercase;
}

#francoDePortErreur .erreurConnexion {
    color: red;
    font-size: 10px;
}

img.refrehAll {
    vertical-align: top;
}

#francoDePortErreur {
    width: 154px;
}

#Chiffrage #francoDePortErreur {
    width: 100%
}

#plan-condense-wrapper .tempdebasealert {
    display: block;
    text-align: left;
    position: relative;
    width: 925px;
}

#plan-condense-wrapper .tempdebasealert span {
    font-family: Arial;
}

.constitutionDyn #plan-condense-wrapper {
    float: right;
    padding-right: 26px;
    padding-bottom: 5px;
}

#RechercheXRefId #frmRepDon,#RechercheXRefId .barreAction {
    width: 785px;
}

.validated {
    background-image:
        url('/static/images_css/html/images/default/popup/check.png');
    background-repeat: no-repeat;
    background-position: center center;
    padding-left\0: 20px;
}

.Notvalidated {
    background-image:
        url('/static/images_css/html/images/default/popup/red-cross.png');
    background-repeat: no-repeat;
    background-position: center center;
    padding-left\0: 20px;
}

div#fluxPanier.corps {
    margin-right: 12px !important;
}

div#mailPanier.corps,div#faxPanier.corps,div#envoieMail.corps,div#imprimer.corps
    {
    margin-right: 1px;
}

@
-moz-document url-prefix (){ #nl .libelleTabVehicule{ padding:2px;

}

#nl #cadreVehicule .tabVehicule {
    margin-top: -15px;
}

}
.dialogBoxVinService {
    border: solid 1px;
    padding: 6px;
    margin-bottom: 10px;
    min-height: 33px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.dialogBoxVinService .content {
    float: left;
    width: 600px;
}

.dialogBoxVinService .bilan a {
    float: right;
    margin-top: 15px;
}

.dialogBoxVinService .bilan a,.dialogBoxVinService .content a#r,.dialogBoxVinService .content a#h
    {
    font-weight: bold;
    text-decoration: underline;
}

.dialogBoxVinService.green,.dialogBoxVinService.green .bilan a,.dialogBoxVinService.green .content a#r,.dialogBoxVinService.green .content a#h
    {
    border-color: #277819;
    color: #277819;
    background-color: #D4FECC;
}

.dialogBoxVinService.yellow,.dialogBoxVinService.yellow .bilan a,.dialogBoxVinService.yellow .content a#r,.dialogBoxVinService.yellow .content a#h
    {
    border-color: #8B8934;
    color: #8B8934;
    background-color: #FEFCCB;
}

.dialogBoxVinService.red,.dialogBoxVinService.red .bilan a,.dialogBoxVinService.red .content a#r,.dialogBoxVinService.red .content a#h
    {
    border-color: #891F29;
    color: #891F29;
    background-color: #FED2D3;
}

#vinCompletLabel {
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 24px;
    font-weight: bold;
}

#vinCompletInput {
    border-width: 1px;
    border-color: #d4d4d4;
    font-weight: normal;
    background-color: white;
    width: 170px;
    text-transform: uppercase;
    margin-left: 50px;
    padding: 3px;
    padding-left: 10px;
}

#Popup .corps .button span span {
    margin-right: 5px !important;
    margin-left: 5px !important;
    background-image:
        url("/static/images_css/html/images/AFTERMARKET/commun/bt_sd_milieu_off.png");
    background-position: center center;
    background-repeat: repeat-x;
    white-space: nowrap;
    display: inline-block;
    color: #000000;
    font-weight: bold;
    padding: 10px;
}

#Popup .corps .button span {
    background-image:
        url("/static/images_css/html/images/AFTERMARKET/commun/bt_sd_droite_off.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-bottom: 8px;
    padding-top: 8px;
}

#Popup .corps .button {
    background-image:
        url("/static/images_css/html/images/AFTERMARKET/commun/bt_sd_gauche_off.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-top: 8px;
    padding-bottom: 8px;
}

#Popup .corps .button:hover {
    background-image:
        url("/static/images_css/html/images/AFTERMARKET/devis/bt_gauche_plus_on.png");
}

#Popup .corps .button:hover span {
    background-image:
        url("/static/images_css/html/images/AFTERMARKET/commun/bt_sd_droite_on.png");
}

#Popup .corps .button:hover span span {
    background-image:
        url("/static/images_css/html/images/AFTERMARKET/commun/bt_sd_milieu_on.png");
    color: #454545;
}

#Popup a:hover {
    color: #454545 !important;
}

#bilanVinTable tr:nth-child(even) {
    background-color: #eeeeee;
    color: #000000;
    height: 20px;
}

#bilanVinTable tr:nth-child(odd) {
    background-color: #FFFFFF;
    color: #000000;
    height: 20px;
}

.boldLine {
    font-size: 12px;
    padding: 3px;
}

.headerLine {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #00519d;
    height: 20px;
    background-color: #cee3f6;
}

#bilanVinTable {
    width: 100%;
    border: 1px solid #A0A0A0;
}

.evenLineAAA {
    background-color: #eeeeee;
    color: #000000;
    font-size: 12px;
    border-right-width: 0px;
}

.oddLineAAA {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
    border-right-width: 0px;
}

.erreur-champDeSaisievinCompletInput {
    margin-top: -5px;
    margin-left: 6px;
    color: #f00;
    font-size: 8pt;
    font-weight: bold;
}

.spanWidth {
    /*list-style-type: none;*/
    padding-left: 0px;
    float: left;
    width: 180px;
}

.modalSVA {
    display: none;
    position: absolute;
    z-index: 1;
    margin-left: -17px;
    width: 1000px;
    height: 450px;
    top: -6px;
}

.modalSVA-header {
    background-color: #868689;
    color: white;
    margin: auto;
    border-top: 5px solid #535353;
    border-right: 5px solid #535353;
    border-left: 5px solid #535353;
    border-color: #868689;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.modalSVA-header-caption {
    color: #FFF;
    font: bold 100% "Lucida Grande", Arial, sans-serif;
    padding: .5em 2em .5em .75em;
    margin: 0;
    text-align: left;
    font-size: 15px;
}

.modalSVA-header-caption a {
    display: block;
    position: absolute;
    right: -13px;
    top: -13px;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

.modalSVA-content {
    background-color: #fefefe;
    margin: auto;
    padding: 5px;
    height: 574px;
    width: 1091px;
    border-bottom: 5px solid #535353;
    border-right: 5px solid #535353;
    border-left: 5px solid #535353;
    border-color: #868689;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -ms-zoom: 0.90;
    -moz-transform: scale(0.90);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.90);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.90);
    -webkit-transform-origin: 0 0;
}

.modalSVA-iframe {
    width: 100%;
    height: 100%;
}

.closeSVA {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeSVA:hover,.closeSVA:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.errorSVA {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    margin-top: 7px;
    padding: 4px 4px 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.titreErrorSVA {
    font-weight: bold;
    font-size: 12px;
}

.textErrorSVA {
    font-size: 12px;
}

.textListe {
    max-width: 156px;
}

.agentsSelect {
    width: 751px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.modalWaiting {
    display: none;
    position: absolute;
    z-index: 1;
    width: 300px;
    height: 60px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-color: #868689;
    border-radius: 7px;
    overflow: hidden;
}

.modalWaiting-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    height: 40px;
    width: 85%;
}

.modalWaiting-content span {
    font-size: 17px;
}

.service_contacts {
    font-weight: normal;
    color: blue;
}

.modalWaitingPanier {
    display: none;
    position: absolute;
    z-index: 1;
    width: 300px;
    height: 60px;
    margin: auto;
    position: absolute;
    top: 33%;
    left: 37%;
    border-color: #868689;
    border-radius: 7px;
    overflow: hidden;
    border-color: #868689;
    border-radius: 7px;
    border: 5px solid #535353;
    background-color: #fefefe;
}

.modalWaitingPanier-content {
    background-color: #fefefe;
    margin: auto;
    padding: 13px;
    height: 40px;
    width: 85%;
    font-size: 14px;
}

.modalSVAPanier {
    display: none;
    position: absolute;
    z-index: 1;
    left: -5px;
    width: 970px;
    height: 520px;
    top: -5px;
}

.modalSVAPanier-header {
    background-color: #868689;
    color: white;
    margin: auto;
    border-top: 5px solid #535353;
    border-right: 5px solid #535353;
    border-left: 5px solid #535353;
    border-color: #868689;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.modalSVAPanier-header-caption {
    color: #FFF;
    font: bold 100% "Lucida Grande", Arial, sans-serif;
    padding: .5em 2em .5em .75em;
    margin: 0;
    text-align: left;
    font-size: 15px;
}

.modalSVAPanier-header-caption a {
    display: block;
    position: absolute;
    right: -13px;
    top: -13px;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

.modalSVAPanier-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    height: 555px;
    border-bottom: 5px solid #535353;
    border-right: 5px solid #535353;
    border-left: 5px solid #535353;
    border-color: #868689;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.transfert-disable {
    pointer-events: none;
    opacity: 0.7;
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table;
}

.form-control:focus {
    border-color: #ff4b00;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.search-ref {
    margin-right: 40px;
}

.search-ref button {
    color: #fff;
    background-color: #3d3a3b;
    border-radius: 0;
    font-weight: bold;
    font-size: 10px;
    line-height: 2;
}

.search-ref button:hover,.search-ref button:focus,.search-ref button:active,.search-ref button.active
    {
    color: #fff;
    background-color: #ff4b00;
}

.search-ref input {
    width: 190px;
    border-radius: 0;
}

.frmRchPce .formulaire_2 {
    width: 370px;
}

.waitingDiv {
    width: 100%;
    background-color: #399d7230;
    border-top: solid 1px #399D72;
    height: 5%;
    min-height: 31px;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    text-align: center;
}

.waitingDiv .spinner {
    color: #399D72;
    margin-top: 5px;
}

.waitingDiv .msg {
    color: #2aa030;
    font-size: 14px;
    margin-left: 10px;
}

.waitingDiv .dsm-type {
    color: #399D72;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 1%;
    float: right;
    margin-top: 5px;
}

.loader-ie {
    width: 40px;
    display: none;
}

.loader-ie-cart {
    width: 30px;
    height: 30px;
    display: none;
}

.loader-cartouche {
    font-size: 30px;
    width: 30px;
    color: #399D72;
    margin: auto;
}

#bandeau .accueil {

}

#pictoAccueil {
    background-image: none;
}

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.barre-glissante-panier-title>span {
    display: block;
    color: #ffffff;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 2px;
}

span.nbre-pce {
    background-color: red;
    position: relative;
    border-radius: 80px;
    height: 18px;
    width: 18px;
    left: 5px;
    font-size: 7px;
    color: #fff;
    text-align: center;
    padding-right: 1px;
    padding-left: 1px;
}

#bandeau div.boutonRecap span span {
    padding-right: 2px;
    padding-left: 2px;
}

.flex-container .column {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: table-cell;
    position: relative;
    padding-bottom: 5px;
}

.flex-container {
    margin: 0 auto;
    display: -webkit-flex;
    display: table;
}

#jslidernewsEtaiInfo .lof-slidecontent .main-slider-content {
    margin-left: 24px;
}

#MB_content blockquote {
    font-size: 11px;
}

#Administration #activeRechImmatParFlux {
    display: inline-block;
}

.ul-barre-glissante .contact,.ul-barre-glissante .dernier_lien {
    padding: 0px 0px;
    margin-top: 8px;
}

.ul-barre-glissante .contact span span,.ul-barre-glissante .dernier_lien span span
    {
    font-size: 12px;
    font-weight: bold;
}

.ul-barre-glissante .dernier_lien span span {
    border-left: 2px solid #999999;
    padding-left: 5px;
    margin-left: 5px;
}

.ul-barre-glissante .contact a,.ul-barre-glissante .dernier_lien a {
    padding: 0px 0px;
    padding-top: 10px;
}

#bandeau .ul-barre-glissante li a:hover,#bandeau .ul-barre-glissante li a:focus,#bandeau .ul-barre-glissante li a:active
    {
    height: 43px;
}

#bandeau .fixed .ul-barre-glissante li a:hover,#bandeau .fixed .ul-barre-glissante li a:focus,#bandeau .fixed .ul-barre-glissante li a:active
    {
    height: 44px;
}

.pageLoader {
    margin: auto;
    z-index: 99999;
    position: fixed;
    height: 100%;
    width: 100%;
    opacity: .5;
    display: none;
    background: white url('/static/images_css/html/images/spinner.gif')
        no-repeat center;
}

.zoneLoader {
    z-index: 99999;
    height: 100%;
    width: 100%;
    opacity: .5;
    margin: auto;
    position: absolute;
    background: white url('/static/images_css/html/images/spinner.gif')
        no-repeat center;
}

.zoneHistoriqueLoading {
    position: relative;
    width: 980px;
    height: 350px;
    background-color: white;
}

.zoneHistorique {
    position: relative;
    width: 980px;
}
.nav-tabs-custom {
  margin-bottom: 20px;
}
.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: transparent;
  height:40px;
}
.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  padding:0px;
  cursor:pointer;
}
.nav-tabs-custom > .nav-tabs > li > a > label {
  cursor:pointer;
}
.nav-tabs-custom > .nav-tabs > li > a {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  padding-top: 5px;
  border: 0px;
  cursor:pointer;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
}

.nav li:hover a {
    border: none;
    background: none;
    color: #00adee;
}

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
  background: transparent;
  border: none;
}
.nav-tabs-custom > .nav-tabs > li.active {

}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background: transparent;
  border: none;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top: 0;
  border-left-color: transparent;
  border-right-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
  /* margin-left: 0px; */
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-width: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right {
  float: none!important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  margin-right: 0px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-width: 1px;
  border-right-width: 0px;
}
.nav-tabs-custom > .nav-tabs > li.header {
  font-weight: 400;
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
  cursor: default;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 10px;
}
.nav-tabs-custom > .tab-content {
  padding: 10px;
}
.historiquesTabs{
    background-color:#c8c8ca;
}
.historiquesSelectedTab{
    background-color: #E5E6E7;
}
.historiquesSearchButton{
    background-color:#3d3a3b;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color:white;
    border: none;
    height:23px;
}
.historiquesSearchButton:hover{
    background-color:#2761AB;
}
.historiqueTextWrapper{
    display:block;
    width: 500px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.historiquesSelectedTab > a > span{
    font-size: 18px;
}
td pre {
    word-break: keep-all;
}
#modalDialogHeader{
    border-bottom: none;
    height:50px
}

.tableConfig input[type=checkbox]{
    margin : 0px;
}
.checkboxConfig{
    width : 13px;
}

.tableConfig td label {
    margin : 0px;
}
.commande-pces{
    height: 35px;
    background-color : #00B050;
    float: right;
}
.commande-dms{
    height: 35px;
    background-color : #008FFA;
    float: right;
}
.corps.commande-pces a.button span {
    padding-bottom: 0px;
    padding-top: 0px;
    color : #FFFFFF;
    background-color : #00B050;
    height: 35px;
}
.corps.commande-dms a.button span {
    padding-bottom: 0px;
    padding-top: 0px;
    color : #FFFFFF;
    background-color : #008FFA;
    height: 35px;
}
#Chiffrage .corps.commande-pces label.txt {
    margin-left: 5px !important;
    position: relative;
    top: -7px;
    cursor: pointer;
}
#Chiffrage .barreAction #fluxPanier a span  label.dms{
     margin-left: -15px !important;
     position: relative;
    top: -7px;
    cursor: pointer;
    margin-right: 5px;
}
#Chiffrage .corps.commande-pces span.picto-cmde-pce,
#Chiffrage .corps.commande-dms span.picto-transfert-dms{
    font-size : 30px;
}
#Chiffrage #retour_selection_piece, #Chiffrage ul#bouton{
    display: inline-block;
}
#Chiffrage #retour_selection_piece a{
    margin-right: 75px;
}
#Chiffrage .menu-btns{
    margin-bottom: 12px;
}

.commande-pces.grise,
.corps.commande-pces.grise a.button span,
#recapinfos .grise #btn_transfert_panier span span
 {
    background-color : #ccc;
    color : #FFFFFF;
}


#recapinfos #btn_transfert_panier span span
 {
    background-color :  #00B050;
    color : #FFFFFF;
}

#recapinfos #btn_transfert_devis span span
{
    background-color :  #008FFA;
    color : #FFFFFF;
}

#recapinfos .grise  a#btn_transfert_panier,
#recapinfos .grise  a#btn_transfert_panier,
#recapinfos .grise  a#btn_transfert_panier
 {
    background-color : #ccc;
    color : #FFFFFF;
    width: 90%;
    margin-left: 6px;
    margin-right: 0px;
    padding-right : 0px;
}
#recapinfos .grise a#btn_transfert_panier span span:hover,
#recapinfos .grise a#btn_transfert_panier:active span span,
#recapinfos .grise a#btn_transfert_panier:focus span span
 {
    background-color : #ccc;
    color : #FFFFFF;

}

#recapinfos .grise a#btn_transfert_panier span:hover,
#recapinfos .grise a#btn_transfert_panier:active span,
#recapinfos .grise a#btn_transfert_panier:focus span
 {
    background-color : #ccc;
    color : #FFFFFF;

}


#Chiffrage .corps.commande-pces.grise label.txt,
.commande-pces.grise,
#recapinfos .grise,
.corps.commande-pces.grise a.button,
#recapinfos .grise a.button{
    cursor: default;
}

.barreAction .corps #butonEnvoyer.button span span.picto-cmde-pce,
 .barreAction .corps #butonEnvoyer.button span {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.titleCommentaire {
    background-color:  #D9D9D9;
    color : #000000;
    font-weight: bold;
    padding: 2px;
    line-height: 2.5;
}

.libelleSite{
    width: 140px;
    vertical-align: middle;
    padding: 2px 2px 2px 4px;
    text-align: center;
}
.tableCommentaire td {
    border: solid 1px #D9D9D9;
}

#popinRecapTotalPostBasketClassic {
    margin-top: 10px;
}

.popinRecapTotal{
	border: solid 1px #D9D9D9;
    margin-bottom: 0;
}
.popinRecapTotal th {
    background-color:  #D9D9D9;
    color : #000000;
    font-weight: bold;
    }
.popinRecapTotalBas{
    border: solid 1px #D9D9D9;
    margin-bottom: 20px;
}
.popinRecapTotalBas  tr {
    background-color:  #FFFFD9;
    }
#quantiteTotalSansPrix {
    background-color: #FFFFD9;
}
.table-striped.popinRecapTotal>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table.popinRecapTotal>tbody>tr>td {
    border-top: none;
}
.popinRecapCommentaire{
    color:gray;
    background-color: #F9F9F9;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.bouttonCommander{
    float: right;
    background-color: #00B050;
    color: white;
}
.popinRecapDetailentete td.DesignationFourn , .popinRecapDetailentetePieceUp td.DesignationFourn{
    font-weight: bold;
    text-align: left;
}

.popinRecapDetailentetePieceUp td.Reference{
    color: #FF0000;
    font-weight: bold;
    text-align: left;
}

.popinRecapDetailentete td.Reference {
    color: #FF0000;
    font-weight: bold;
    text-align: left;
}
.popinRecapDetailentete.StockNotNull{
    background-color: #F2F2F2 !important;
}

.popinRecapDetailentete.StockNull{
    background-color: #e8969e !important;
}

.popinRecapTotalentete.col1{
	width: 22%;
	text-align: left;
}
.popinRecapTotalentete.col2{
    width: 22%;
}
.popinRecapTotalentete.col3,
.popinRecapTotalentete.col4,
.popinRecapTotalentete.col5,
.popinRecapTotalentete.col6,
.popinRecapTotalentete.col7,
.popinRecapTotalentete.col8,
.popinRecapTotalentete.col9{
    width: 8%;
}

.popinRecapTotalPostBasketClassic{
    border: solid 1px #D9D9D9;
    color: #59595959
}
.popinRecapDetailentetePostBasketClassic{
    background-color: #F5F4F4 !important;
}
.popinRecapDetailentetePostBasketClassic.col1{
    width: 22%;
    text-align: left;
    padding: 2px 2px 2px 4px;
}
.popinRecapDetailentetePostBasketClassic.col2{
    width: 22%;
}
.popinRecapDetailentetePostBasketClassic.col1,
.popinRecapDetailentetePostBasketClassic.col7,
.popinRecapDetailentetePostBasketClassic.col8,
.popinRecapDetailentetePostBasketClassic.col9{
    vertical-align: middle;
    color: gray;
}
.popinRecapDetailentetePostBasketClassic.col3,
.popinRecapDetailentetePostBasketClassic.col4,
.popinRecapDetailentetePostBasketClassic.col5,
.popinRecapDetailentetePostBasketClassic.col6,
.popinRecapDetailentetePostBasketClassic.col7,
.popinRecapDetailentetePostBasketClassic.col8,
.popinRecapDetailentetePostBasketClassic.col9 {
    width: 8%;
    text-align: center;
}

.popinRecapDetailentetePostBasketClassic.prices span {
    font-size: 13px;
    font-weight: bold;
}
.popinRecapDetailentetePostBasketClassic.col3 span,
.popinRecapDetailentetePostBasketClassic.col4 span,
.popinRecapDetailentetePostBasketClassic.col5 span,
.popinRecapDetailentetePostBasketClassic.col6 span{
    font-size: 13px;
    font-weight: bold;
}
.popinRecapCommentairePostBasketClassic{
    color: #080808;
    display: block;
    width: 100%;
    padding: 3px 8px;
    line-height: 1.42857143;
    position: static;
    box-sizing: border-box;
    top: 0; left: 0; right: 0; bottom: 0;
    border: 0;
    resize: none;

}
.table.popinRecapTotal#popinRecapTotalPostBasketClassic>tbody>tr>td {
    position: relative;
}
.popinRecapTotal#popinRecapTotalPostBasketClassic tr {
	background-color: #FFFFFF !important;
	color: #59595959;
}

.table.popinRecapTotal#popinRecapTotalPostBasketClassic>tbody>tr>th {
    color: black;
}

.table.popinRecapTotal#popinRecapTotalPostBasketClassic>tbody>tr>td {
    border-top: solid 1px #D9D9D9;
    height: 50px;
}

#libelleFraisPort {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #EEF8E4;
}
#libelleFraisPortPolice {
    font-size: 12px;
}
.labelSite{
    font-weight: bolder;
}
#popinRecapTotalPostBasketUsedPart {
    background-color: #B6DF89;
    margin-top: 10px;
}

.popinRecapTotalPostBasketUsedPart{
    border: solid 1px #D9D9D9;
    color: #59595959
}
.popinRecapDetailentetePostBasketUsedPart{
    background-color: #3AAA35 !important;
    color: red;
}
.popinRecapDetailentetePostBasketUsedPart.col1{
    width: 25%;
    text-align: left;
}
.popinRecapDetailentetePostBasketUsedPart.col2{
    width: 30%;
}
.popinRecapDetailentetePostBasketUsedPart.col3{
    width: 10%;
}
.popinRecapDetailentetePostBasketUsedPart.col4{
    width: 10%;
}
.popinRecapDetailentetePostBasketUsedPart.col5{
    width: 10%;
}

.popinRecapDetailentetePostBasketUsedPart.prices span {
    font-size: 13px;
    font-weight: bold;
}

.popinRecapCommentairePostBasketUsedPart{
    color:#080808 ;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    position: absolute;
    box-sizing: border-box;
    top: 0; left: 0; right: 0; bottom: 0;
    border: 0;
    resize: none;
    background-color: #EEF8E4;
    height: 56px;
}
.table.popinRecapTotal#popinRecapTotalPostBasketUsedPart>tbody>tr>td {
    position: relative;
}
.popinRecapTotal#popinRecapTotalPostBasketUsedPart tr {
	background-color: #EEF8E4 !important;
	color: #59595959;
}

.table.popinRecapTotal#popinRecapTotalPostBasketUsedPart>tbody>tr>th {
    color: black;
}

.table.popinRecapTotal#popinRecapTotalPostBasketUsedPart>tbody>tr>td {
    border-top: solid 1px #D9D9D9;
    height: 50px;
}

.popinRecapTotalDetail{
    font-weight: bold;
}
.tourneeLivraison{
    padding-left: 205px;
}
.popinRecapTotalDetail.totalLib{
    float: right;
}
.popinRecapDetail td{
    border-top: none;
}
.popinRecapDetail .stockTexte img{
    float : left;
    margin-right: 5px;
}
.popinRecapDetail .stockTexte span{
    font-weight : bold;
}
.popinRecapDetailMarginBottom {
    margin-bottom: 10px !important;
}
.popinRecapDetail {
    border-top: 1px solid #ddd;
}

.popinRecapDetailentete td.col1 {
    width: 15%;
    background-color : #FFFFFF;
}

.popinRecapTable.table>tbody>tr>td,
.popinRecapTable.table>tbody>tr>th,
.popinRecapTable.table>thead>tr>td,
.popinRecapTable.table>thead>tr>th {
    vertical-align: middle;
    padding: 2px 2px 2px 4px;
}
.popinRecapDetailentetePieceUp td.col1{
    width: 15%;
    padding-top: 12px;
    padding-left: 45px;
    background-color : #FFFFFF;
}

.popinRecapDetailentetePieceUp td.col1 span.pces_occasion_image{
    color : #00B050;
}
.pceOccasionHistoPostBascket {
    background-color: #B6DF89;
}

.popinRecapDetailentetePieceUp td.col1 span.alertSd-icon{
    color : red;
}
.popinRecapDetailentete td.col2 , .popinRecapDetailentetePieceUp td.col2{
    width: 18%;
}
.popinRecapDetailentete td.col3 , .popinRecapDetailentetePieceUp td.col3{
    width: 18%;
}
.popinRecapDetailentete td.col4, .popinRecapDetailentetePieceUp td.col4{
    width: 8%;
}
.popinRecapDetailentete td.col5 , .popinRecapDetailentetePieceUp td.col5{
    width: 9%;
}
.popinRecapDetailentete td.col6 , .popinRecapDetailentetePieceUp td.col6{
    width: 7%;
}
.popinRecapDetailentete td.col7 , .popinRecapDetailentetePieceUp td.col7{
    width: 9%;
}
.popinRecapDetailentete td.col8 , .popinRecapDetailentetePieceUp td.col8{
    width: 9%;
}

.popinRecapDetailentetePieceUp span{
    display:contents
}

div.alert-cmde-DMSConfig{
	margin-top : 10px;
	font-weight: bold;
    font-size: 12px;
    border: 2px solid #971301;
    background-color: #fde5e5;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

div.alert-cmde-DMSConfig .alert-pce-up{
	padding-left: 16px;
}

#alert.alert-cmde-DMSConfig span.erreur{
	margin-left: 10px;
	top: -4px;
    position: relative;
}

#alert.alert-cmde-DMSConfig span{
	color : red;
}

#alert.alert-cmde-DMSConfig .pces_occasion_imageAlertUP{
	font-size: 18px;
}

.bouttonPopinRecap{
    min-width: 115px;
    display: inline-block;
    height: 30px;
    margin: 0 0 10px 0;
    font-size: 11px;
    border: none;
    padding-top: 0px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    float: left;
    margin-right: 5px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{
    vertical-align: middle;
    padding: 2px 2px 2px 4px;
    text-align: center;
}

#loadingModal.modal {
  text-align: center;
  padding: 33px!important;
  opacity: 1;
  border : 0px;
  position: absolute;
  margin-top: 150px;
}

#loadingModal.modal:before {
  content: '';
  height: 100%;
  position: absolute;
  margin-top: 150px;
}

#loadingModal.modal-dialog {
  text-align: center;
}
#postPriceAndStock span.msg,
#postPriceAndStock span.loader-picto{
    display : block;
    color:#399D72;
    font-weight : bold;
}
#loadingModal.modal-backdrop{
  opacity:0; transition:opacity .2s;
}
#loadingModal.modal-backdrop.in{
  opacity:.7;
}
.centrerText span.dms{
    color : #37956D;
}
.popinRecapTotalDetail.prices{
    width: 8%;
}
.centrerText.prices span,
.popinRecapTotalDetail.prices span {
    font-size: 13px;
    font-weight: bold;
}
.popinRecapDetail div.stockTexte{
    text-align: left;
}
.waitingDivRecap{
    position: absolute;
}
.popinRecapDetail td.delivery{
    text-align: left;
    font-weight: bold;
    max-width:165px;
}
.popinRecapDetail td.delivery div.quantiteRecap{
    width: 108px;
    text-align: center;
    padding-left: 13px;
}
.popinRecapDetail td.quantity div.quantiteRecap{
    width: 108px;
    text-align: center;
    padding-left: 8px;
    position: relative;
}
.popinRecapDetail td.quantity div.quantiteRecap_local{
    width: 108px;
    text-align: center;
    padding-left: 8px;
    position: relative;
}
.quantiteToogleDetailDevis{
    display: flex;
}
.popinRecapDetail td.quantity{
    width: 108px;
    text-align: center;
    padding-left: 13px;
}
.popinRecapDetail td.stockQuantity{
    color: rgb(57, 181, 74);
    font-size: 13px;
    font-weight: bold;
}
.popinRecapDetail td.delivery span.qte{
    margin-right: 5px;
}
.popinRecapDetail div.delivery-labels{
    display: flex;
    text-align: left;
}
.popinRecapDetail div.delivery-dms{
    display: flex;
    font-style: italic;
}
.popinRecapDetail td.delivery span.text,
.popinRecapDetail td.delivery span.text2{
    font-weight: bold;
}
.popinRecapDetail td.alert-icon {
    color : #FF0000;
    font-weight: bold;
    text-align: right;
}
.popinRecapDetail td.alert-icon span.icon-alert {
    position: relative;
    float: right;
}
.popinRecapDetail td.alert-recap {
    color : #FF0000;
    font-weight: bold;
    text-align: left;
}
.popinRecapDetail td.pubelle {
    background-color: #FFFFFF;
}
.popinRecapDetail td.alert-recap span.qte {
    margin-right: 5px;
}
 .table-striped>tbody>tr:nth-of-type(odd).alert {
    background-color : #F5D5D2;
    display : none;
}
.popinRecapDetail span.error-dms-recap{
    text-align: left;
    color : #FF0000;
    font-weight: bold;
    font-style: italic;
    display: none;
    font-size: 10px;
}
.popinRecapDetail span.error-dms-recap-icon{
    font-size: 15px;
    text-align: left;
    color : #FF0000;
    margin-right: 5px;
    font-family: inherit;
    display: table;
}
.popinRecapDetail .warning{
    display : none;
    float: left;
}
.stockTexte .stock-loader{
    display : none;
}
.stockTexte .stock-loader span.loader-picto{
    color: #399D72;
    min-width: 24px;
    min-height: 24px;
}
.bouttonPopinRecap.reload{
    margin-left: 10px;
}

.modalSVA.recap-bti {
    width: 969px;
    height: 500px;
}

.recap-bti .modalSVA-content {
    height: 504px;
    width: 1056px;
}

.recap-bti .textErrorSVA {
    margin-bottom: 0px;
    font-size: 10px;
    margin-top: 0px;
}
.recap-bti  .titreErrorSVA {
    font-weight: bold;
    font-size: 10px;
}
#alerteAbsencePrixDAchat.recap-bti .titreAlerteAbsencePrixDachat {
    font-size: 11px;
}
.recap-bti #textAlerteAbsencePrixDachat {
    font-size: 11px;
}
#MB_window.recap-bti-window{
    max-height: 93vh !important;
    min-height : 500px !important;
    position: absolute !important;
    margin-top: auto !important;
    margin-bottom: auto;
    top: 50%;
    bottom: 50%;

}
#MB_content.recap-bti-content{
    overflow-y: scroll;
    height: calc(100% - 63px) !important;
}
#MB_frame.recap-bti-frame{
    height: 100% !important;
    background-color: #FFFFFF;
}

#MB_window.recap-bti-window{
    max-height: 93vh !important;
    min-height : 500px !important;
    position: absolute !important;
    margin-top: auto !important;
    margin-bottom: auto;
    top: 50%;
    bottom: 50%;

}
#MB_content.recap-bti-content{
    overflow-y: scroll;
    height: calc(100% - 63px) !important;
}

.pces-occasion, .pces-occasion a{
    color :#3AAA35 ;
    margin-left : 10px;
}
.selectionPieces div .pces_occasion{
    color: #3AAA35;
    margin-left: 5px;
/*     position: absolute; */
    bottom: -15px;
    zoom: 1;
    width: 98%;
}

.selectionPieces div .pces_occasion span.error{
    color: #ff8989;
}

.pces_occasion_image{
   font-size: 24px;
   vertical-align: middle;
    float : left;
   /* margin-right: 36px;*/
   position: relative;
}
.pces_occasion_image_hover{
    cursor: pointer;
}

.menuBox .bodyBox .listeChoix .reference_occasion_pieces_occasion{
    color: #3AAA35;
}

.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
.pces_occasion_libelle_hover{
    cursor: pointer;
    text-decoration: underline;

}

#occModal .modal-header
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background-color: #3AAA35;
    color: #ffffff;
    height: 40px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 7px;
}

#occModal .modal-content
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    height: auto;
    overflow: hidden;
    max-height: 100%;
}
#occModal .modal-body
{
    overflow-y: scroll;
    overflow-x: overlay;
}
#occModal .modal-title
{
    float: left;
    font-weight: bold;
}
#occModal .modal-dialog
{
    height: 90%;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    display: block;
}
#occModal .close{
    font-size: 25px;
    background-color: #ffff;
    border-radius: 20px;
    height: 25px;
    width: 25px;
    opacity: 1;
}
#occModal .close span{
    font-size: 25px;
    color: #3AAA35;
}

#loadingPceOcc span.msg,
#loadingPceOcc span.loader-picto{
    color:#399D72;
    font-weight : bold;
}
#loadingPceOcc {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    top: calc(50% - 40px);
    position: relative;
    clear: left;
}
#loadingPceOcc span#imgChargement {
    font-size: 50px;
    margin-bottom: 15px;
    height: 50px;
    width: 50px;
}
#loadingPceOcc img.loader-ie {
    margin-bottom: 15px;
    height: 80px;
    width: 80px;
}

[tooltip]{
  margin-bottom: 20px;
  position:relative;
  display:inline-block;
}

[tooltip-position='left']::before{
  left:0%;
  top:50%;
  margin-left:-12px;
  transform:translatey(-50%) rotate(-90deg)
}
[tooltip-position='top']::before{
  left:50%;
}
[tooltip-position='buttom']::before{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}
[tooltip-position='right']::before{
  left:100%;
  top:50%;
  margin-left:1px;
  transform:translatey(-50%) rotate(90deg)
}

[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    right: -20px;
    bottom: -60px;
    transform: translateX(-50%) translateY(-100%);
    background: #D2ECCB;
    text-align: center;
    color: #000;
    padding: 4px 2px;
    font-size: 12px;
    min-width: 80px;
    pointer-events: none;
    padding: 4px 4px;
    z-index: 99;
    opacity: 0;
    border: 1px solid #000;
}

[tooltip-position='left']::after{
  left:0%;
  top:50%;
  margin-left:-8px;
  transform: translateX(-100%)   translateY(-50%);
}
[tooltip-position='top']::after{
  left:50%;
}
[tooltip-position='buttom']::after{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translateY(0%);
}
[tooltip-position='right']::after{
  left:100%;
  top:50%;
  margin-left:8px;
  transform: translateX(0%)   translateY(-50%);
}

[tooltip]:hover::after,[tooltip]:hover::before {
   opacity:1
}

.spinner-pce-occ{
    float: left;
    text-align: center;
    display:none;
}
.spinner-pce-occ span.spinner{
    display: block;
    top: -6px;
    font-size: 24px;
    position: relative;
    margin-right: 10px;
}
.libelle_pce_occasion{
    margin-left: 0px;
    margin-left: 36px;
    -webkit-box-decoration-break: clone;
    font-weight: bold;
    font-size: 12px;
}

.recherchePieceOccasion{
    min-height: 24px;
    display: inline-flex;
    align-items: center;
}

.libelle_pce_occasion.empty, .pces_occasion_image.empty{
    color:#A6A6A6
}
#occModal .modal-body .info-variante{
    text-align: left;
    margin-bottom: 15px;
    margin-left: 0px;
}
#occModal .modal-body .info-variante .text{
    color : #3AAA35;
    font-size: 13px;
    min-width: 100px;
}
#occModal .modal-body .pce-details{
    clear: left;
    text-align: left;
}
#occModal .modal-body .info-variante .variante{
    color : #7F7F7F;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
}
#occModal .modal-body span#codeElt {
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;
    color: #595959;
    }
#occModal .modal-body .code-elt-occ>div{
    background-color: #F2F2F2;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 15px;
    padding-left: 0;
}
#occModal .modal-body span.pce-label{
    color: #7F7F7F;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

#occModal .modal-body #pce_length{
    float: left;
    color: #3AAA35;
    font-weight: bold;
    margin-right: 5px;
    font-size: 14px;
}
#occModal .modal-body span.ref-const-val{
    font-weight: bold;
    font-size: 14px;
}
#occModal .modal-body .ref-const{
    float: left;
}

#occModal .modal-body #pce-oe-info{
    border-bottom: solid 1px #D9D9D9;
}

#occTable th.thOcc{
    color:#000000
}
#occModal .modal-body .code-elt-occ{
    line-height: 25px;
    font-weight: bold;
    margin-left: 0px;
}

#occModal .modal-body .pce_length{
    float: left;
    color: #3AAA35;
    font-weight: bold;
}
#occModal .modal-body .pce-oe-info{
    line-height: 25px;
    text-align: left;
    font-size: 14px;
    border-bottom: solid 1px #D9D9D9;
    margin-left: 0;
    padding-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#occModal .modal-body .pce-oe-info>div{
    padding-left: 10px;
    }

#occModal .modal-body .pce-pre-length{
    margin-left: 0;
}
#occModal .modal-body .pce-pre-length>div{
    padding-left: 0px;
    margin-left: 10px;
    width: auto;
}

@media (max-width:800px) { /* use the max to specify at each container level */

    .thOcc {
        max-width: 56px;
    }
/*  .modal-body>div:not(.tablePceOcc_wrapper) { */
/*     min-width: 770px; */
/*     } */
 .modal-content {
        width:800px;  /* adjust to desired wrapping */
    }
    .modal-dialog{
   overflow-x: scroll;
   overflow-y: hidden;
    }
}

@media (max-width: 967px){
.pce-oe-info .ref-const {
    width: 58.33333333%;
    float: left;
}
}
@media (max-width: 767px){
.pce-oe-info .ref-const {
    width: 58.33333333%;
    float: left;
}
.pce-oe-info .col-sm-4 {
    width: 33.33333333%;
    float: left;
}
.pce-oe-info .col-sm-5 {
    width: 41.66666667%;
    float: left;
}
}
.dataTables_empty{
    display: none;
}

.thOcc {
    background-color: #f9f9f9;
    color: black;
    font-size: 14px;
    border: none;
    height: 45px;
}

#tablePceOcc_wrapper td:first-child {
    text-align: left;
    padding-left: 10px;
}
#tablePceOcc_wrapper .prixPceOcc{
    color: #3AAA35;
}

#tablePceOcc_wrapper th:nth-last-child(2){
     min-width: 100px;
}
#tablePceOcc>tbody>tr:nth-child(even) {
    background-color: #FDFDFD;
}
#tablePceOcc>tbody>tr:nth-child(odd) {
    background-color: white;
}
#tablePceOcc>tbody>tr:nth-child(even):hover>td,
#tablePceOcc>tbody>tr:nth-child(odd):hover>td {
    color: #000;
}

#tablePceOcc>tbody>tr:nth-child(even):hover .prixPceOcc,
#tablePceOcc>tbody>tr:nth-child(odd):hover .prixPceOcc {
    color: #3AAA35;
}
#tablePceOcc>tbody>tr:nth-child(even):hover,
#tablePceOcc>tbody>tr:nth-child(odd):hover{
     background-color: #EFF8ED;
}
#tablePceOcc>tbody>tr>td,
#tablePceOcc>tbody>tr>th,
#tablePceOcc>thead>tr>td,
#tablePceOcc>thead>tr>th{
    padding: 7px;
    padding-right: 15px;
    padding-left: 10px;
    }
#tablePceOcc>tbody>tr{
    height: 70px;
}
#tablePceOcc>tbody>tr>td{
    color: #7F7F7F;
    font-weight: bold;
    font-size: 14px;
}
#tablePceOcc>tbody>tr>td>input{
    border-width: 0;
    background-color: #3AAA35;
    color: white;
    height: 26px;
    padding-left: 10px;
    padding-right: 10px;
}
#tablePceOcc>tbody>tr>td>input:hover {
    background-color: #404040;
}
@media (max-width: 820px){
#tablePceOcc>tbody>tr>td,
#tablePceOcc>tbody>tr>th,
#tablePceOcc>thead>tr>td,
#tablePceOcc>thead>tr>th{
    padding: 7px;
    padding-right: 10px;
    padding-left: 10px;
    }
}
#tablePceOcc_wrapper>tbody>tr>td {
    font-family: 'OpenSans';
    font-size: 12px;
    font-weight: bold;
}
#occModal .row {
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
}
#info_variante>div{
    padding-left: 0px;
    margin-right: 0;
    margin-left: 10px;
    width: auto;
}


div#tablePceOcc_wrapper{
    margin-bottom: 15px;
}
#tablePceOcc_wrapper .divDataTablePceOcc{
        padding-right: 0px;
    margin-right: 0px;
}
#tablePceOcc_wrapper .row>div{
        padding-right: 0px;
    padding-left: 0px;
    }

#tablePceOcc_wrapper .refConstructeur{
    padding-left: 10px;
    text-align: left;
}

#tablePceOcc_wrapper .col-sm-5{
float: left;
}


#tablePceOcc_wrapper .col-sm-7{
   padding-bottom: 20px;
    width: auto;
    float: right;
}

@media (min-width: 768px){
    #tablePceOcc_wrapper .col-sm-7 {
        width: 54.333333%;
        padding-bottom: 20px
    }
}

#tablePceOcc_wrapper .col-sm-6 {
    float: right;
}

@media (min-width: 800px){
    #tablePceOcc_wrapper .col-sm-6 {
     width: auto;
    }
}
#tablePceOcc_length{
    width: fit-content;
}

#tablePceOcc_filter{
    width: fit-content
}

#tablePceOcc .imgPceOcc {
    height: 62px;
    width: 96px;
    border: solid 1px #7F7F7F;
    cursor: pointer;
    display: inline-block;
}

#tablePceOcc td img[id^=desc_] {
    position: absolute;
    top: 1px;
    left: 1px;
}

@media (min-width: 816px) {
    #desc_0 {
        position: absolute;
        top: 1px;
        left: 1px;
    }
}

.descrip {
    display: none;
    position: absolute;
    border: 10px solid white;
    width: 350px;
    height: 300px;
}

@media (min-width: 816px) {
    .descrip {
        display: none;
        position: absolute;
        border: 10px solid white;
        width: 600px;
        height: 450px;
    }
}

#tablePceOcc tr[id^=pceOccRow_]{
   background-color: white;
   height: 70px
}

#tablePceOcc tr[id^=alternativeClean_]{
   background-color: white;
}

#tablePceOcc span[id^=noPcePhoto_]{
    color: #ccc;
    font-size: 39px;
}

#tablePceOcc td input[id^=btnAjoutPceOcc_]{
    background-color: #3AAA35;color: white;
       height: 26px;
       width: 90px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
        background-color: #3AAA35;
        border-color:#3AAA35;

}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #3AAA35;
}
.backgroundModal{
    background-color: #3AAA35!important;
}
.tablePopup,  .borderGris{
    border: 1px solid #e5e7eb;
}
.notaBene{
    text-align: left;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold.ttf?fovqph') format('truetype');
    src: url('../fonts/OpenSans-Semibold.eot');
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular.ttf');
}

.overDetails {
    padding: 15px;
    border-radius: 6px;
    z-index: 99999 !important;
    display: none;
    opacity: 1;
    float:left;
    position:absolute;
    font-weight: bold;
    background-color: #F8F3E5;
    color: #000000;
    align: left;
    font-size: 12px;
    text-align: left;
}

.title {
    color: #7F7F7F;
}

.overDetails_infoDelivery{
    text-align: left;
    color: #3AAA35;
    text-align: inline-block;
}

.overDetails_interline{
    line-Height: 2;
}

.overDetails_templ{
    display: none;
}

.overDetails_Cout{
    color: #3AAA35;
}

.tooltip {
    z-index: 99999 !important;
    display: none;
    opacity: 1;
    float:left;
    position:absolute
}

.ombrage {
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.size {
    width: 600px;
    height: auto;
    border: 10px solid #fff;
}

.caroselImg {
    float: right;
    height: 23px;
    position: relative;
    top: 42px;
}

.connected-carousels{
    background-color: white;
    width: 940px;
    padding: 5px;
}
/** Stage container **/
.connected-carousels .stage {
    width: 930px;
    position: relative;
}

.connected-carousels .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.connected-carousels .photo-credits a {
    color: #fff;
}

/** Navigation container **/
.connected-carousels .navigation {
    width: 637px;
    margin: 0px auto;
    position: relative;
    background: none;
}

/** Shared carousel styles **/
.connected-carousels .carousel {
    overflow: hidden;
    position: relative;
}

.connected-carousels .carousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.connected-carousels .carousel li {
    float: left;
}

/** Stage carousel specific styles **/
.connected-carousels .carousel-stage {
    height: 450px;
    background-color: transparent;
}

.connected-carousels-Objet{
    background-color: white;
    width: 940px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/** Navigation carousel specific styles **/
.connected-carousels .carousel-navigation {
    height: 110px;
    background: none;
    padding-left:4px;
}

.connected-carousels .carousel-navigation li {
    cursor: pointer;
    padding-left: 0;
}

.connected-carousels .carousel-navigation li img {
    display: block;
}

.connected-carousels .carousel-navigation li.active img {

    border-color: #3AAA35;
}

/** Stage carousel controls **/
.connected-carousels .prev-stage, .connected-carousels .next-stage {
    display: block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
}

.connected-carousels .prev-stage {
    left: 20px;
}

.connected-carousels .next-stage {
    right: 0;
}

.connected-carousels .prev-stage.inactive, .connected-carousels .next-stage.inactive
    {
    display: none;
}

.connected-carousels .prev-stage span, .connected-carousels .next-stage span
    {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.connected-carousels .prev-stage span {
    left: 20px;
}

.connected-carousels .next-stage span {
    right: 20px;
}

.connected-carousels .prev-stage:hover span, .connected-carousels .next-stage:hover span
    {
    display: block;
}

/** Navigation carousel controls **/
.connected-carousels .prev-navigation, .connected-carousels .next-navigation{
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    color: #4B4F56;
    font: 16px/29px Arial, sans-serif;
}
.connected-carousels .prev-stage span:hover, .connected-carousels .next-stage span:hover{
    background: rgb(201, 33, 24);
}
.connected-carousels .prev-navigation {
    left: -35px;
    top: 36px;
    font-size: 60px;
}

.connected-carousels .next-navigation {
    right: -35px;
    top: 36px;
    font-size: 60px;
}

#Chiffrage span.qte-occasion{
    margin-left: 4px;
}

.qte_panier_up {
    border: none;
    background-color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    color: #404040;
}

.plateforme-class {
    text-align: left !important;
    font-weight: bolder;
}


.connected-carousels .next-navigation:hover, .connected-carousels .next-navigation:focus,
.connected-carousels .prev-navigation:hover,  .connected-carousels .prev-navigation:focus{
    text-decoration: none;
    color: rgb(201, 33, 24);
}

.connected-carousels .next-navigation.inactive:hover,.connected-carousels .next-navigation.inactive:focus,
.connected-carousels .prev-navigation.inactive:hover,.connected-carousels .prev-navigation.inactive:focus{
    color: #fff;
}

.connected-carousels .prev-navigation.inactive, .connected-carousels .next-navigation.inactive{
    opacity: 0;
    cursor: default;
}
.carousel-navigation li:last-child {
    padding-right: 0;
}
.carousel-navigation li:last-child img {
    width: 102px;
}
.carousel-stage li:last-child {
    padding-right: 0;
}
.carousel-stage li:last-child img {
    width: 400px;
}
#myModal .modal-dialog{
    width: 97%;
    margin: 30px auto;
    max-width: 1845px;
    transform: translate(0,0);
}
#myModal .modal-content{
    background: none;
    width: 100% !important;
    border: none;
    border-radius: 0px;
    /* outline: 0; */
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (min-width: 768px){
    #myModal .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
#myModal .modal-header{
    border-bottom: none;
}
#myModal .close>span{
    border-radius: 30px;
    background: #fff;
    font-size: 31px;
    font-weight: bolder;
    display: inline-block;
    line-height: 3px;
    padding: 15px 6px;
}
#myModal .close{
    color: #333333;
    opacity: 1;
}
#myModal .modal-body{
    width: 940px;
    margin: auto;
    box-sizing: content-box;
}

.up-alert {
	color: #FF0000;
}

.impressionCommande {
    background-image : url('/static/images_css/html/images/default/commun/imprimer.gif');
    background-repeat :no-repeat;
    background-position: 0 100%;
    float:right;
    height: 30px;
    width: 40px;
    cursor: pointer;
    margin-top: -10px;
}


#loadingModalErrorBasketUP.modal {
  text-align: center;
  padding: 0!important;
  border : 0px;
  position: absolute;
  margin-top: 150px;
}

#loadingModalErrorBasketUP.modal:before {
  content: '';
  height: 100%;
  position: absolute;
  margin-top: 150px;
}

#loadingModalErrorBasketUP.modal-dialog {
  text-align: center;
}
#up-err-message span.msg{
    display: block;
    color: #FF0000;
    font-weight : bold;
}

.preMontages {
    white-space: pre-line;
    word-wrap: break-word;
    padding : 10px;
    word-break : break-word;
    text-align  : left;
    line-height: 1;
}

.preMontages.red{
    color: red;
}

.noticeMontages{
    list-style-type:square;
    margin-left: 20px;
}
.modalMontages {
    width: 850px;
    border: 5px solid #535353;
    background-color: #FFFFFF;
    border-radius: 7px;
    cursor: auto;
}

.modalMontages-header {
    background-color: #1762AB;
    color: white;
    margin: auto;
}

.modalMontages-header-caption {
    color: #FFF;
    padding: .5em 2em .5em .75em;
    margin: 0;
    text-align: left;
    font-size: 12px;
}

.modalMontages-header-caption a {
    display: block;
    position: absolute;
    right: -13px;
    top: -13px;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

 .modalMontages .modal-content {
    border: 0px;
    border-radius: 0px;
    cursor: auto;
}

.modalMontages-iframe {
    width: 100%;
    height: 100%;
}

.closemodalMontages {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modalMontages:hover,.modalMontages:focus {
    color: #000;
    text-decoration: none;
}


.alert-qte{
	text-align: left;
    margin-left: 15px;
    padding-left: 10px;
    border: 1px red solid;
    width: 853px;
    background-color: #eed0d0;
}

.alert-qte span{
	color: red;
    font-weight: bold;
    text-align: left;
}

#detailCommande .ackBascketDMS table td.red{
	color: red;
}

.col4 span.quantite-dispo {
    font-weight: bold;
    color: rgb(73, 180, 102);
    font-size: larger;
}
td.col4.quantite-pas-dispo-container {
    color: #FF0000;
}


.col4 span.quantite-pas-dispo {
    font-weight: bold;
    color: #FF0000;
    font-size: larger;
}

#refresh-message{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 25px;
    width: 100%;
    background-color: #d80909;
    color: white;
    font-size: 12px;
    font-weight: normal;
}

.desable-preconisation {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

.copiercoller{
    cursor: pointer;
    color: black;
    font-size: 21px;
}
.label-supplier-filter {
    border: 1px solid #E4E4E4;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}