html {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

body {
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    font-family: 'Arial', 'Helvetica', sans-serif;
    cursor: default;
    overflow: hidden;
    padding: 0;
}

@media print
{    
    html {
        overflow: visible !important;
    }
}
.error {
    font-size: 12px;
    color: #ffffff;
    background-color: #ff8c1a;
}

.moved {
    position: absolute !important;
    top: -9000px !important;
}

.padding-right18 {
    padding-right: 18px !important;
}

.lblName {
    font-size: 14px;
    color: #000000;
}

.lblValeur {
    font-size: 14px;
    color: #0000a0;
    font-weight: bold;
}
/*initIndex*/
#initIndex {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 99;
    background-color: #ffffff;
}

#BarreSeparation {
    width: 2px;
    height: 1px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #585858;
    display: none;
    cursor: w-resize;
}

.layoutCollapseTouch {
    width: 40px;
    height: 380px;
}

.layoutCollapseTouchV {
    width: 150px;
    height: 40px;
}

.layoutCollapse img, img.layoutCollapse {
    cursor: pointer;
}

.SelectSeparator {
    color: #000000;
    background-color: #E0E0E0;
}

.jqtreeContainer {
    display: -moz-inline-box;
    display: -webkit-box;
    display: -ms-flexbox;
}
/****************************** BOX *******************************************************/
.boxStop {
    background: url('../img/commun/pixel_fd_box_sto.jpg') repeat-x;
}

.boxWarn {
    background: url('../img/commun/pixel_fd_box_warn.jpg') repeat-x;
}

.boxInfo {
    background: url('../img/commun/pixel_fd_box_info.jpg') repeat-x;
}

.boxAutre {
    background: url('../img/commun/pixel_fd_box_FILTRE.jpg') repeat-x;
}

.boxBtn {
    background: url('../img/box/IMG_btn_box.gif') left top repeat-x;
    background: linear-gradient(#aeaeae, #666666);
    border: 0;
    height: 21px;
    vertical-align: middle;
    padding: 0;
    text-align: left;
    left: 0;
    box-shadow: 0 0 3px -1px #00000060;
    transition: .15s ease;
}

.boxBtn:hover {
    box-shadow: 0 0 3px -1px #00000080;
    transition: none;
}

.txtBtn {
    text-align: left;
    color: #ffffff;
    font-family: 'Verdana', sans-serif;
    font-weight: bolder;
    font-size: 10pt;
}

.boxBtn img {
    position: relative;
    z-index: 1400;
    left: 5px;
    vertical-align: middle;
}

.boxBtn span {
    position: relative;
    top: -1px;
    left: 5px;
    padding-right: 12px;
}

.boxBtn span.btnFiltre {
    left: 9px;
}
/****************************** LAYER *******************************************************/
.Layer {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    display: none;
}

.LayerFond {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #003366;
    overflow: hidden;
    display: block;
    text-align: center;
}

.LayerPosition {
    box-sizing: content-box;
    width: 250px;
    height: 200px;
    top: 1%;
    left: 1%;
    position: absolute;
    background-color: #f0f0f0;
    overflow: hidden;
    display: block;
    text-align: left;
    border: 1px solid #000000;
    z-index: 1000;
}

.LayerFenetreTitre {
    box-sizing: content-box;
    width: 100%;
    height: 25px;
    overflow: hidden;
    text-align: left;
    vertical-align: text-top;
    font-weight: bolder;
    font-family: 'Verdana', sans-serif;
    font-style: normal;
    font-size: 10pt;
    color: #ffffff;
    padding-left: 10px;
}

.LayerContenu {
    width: 100%;
    background-color: #f0f0f0;
    font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
    top: 0;
    left: 0;
    position: relative;
    z-index: 1000;
}

.MultiFile-list{
    width: 290px;
}

.MultiFile-title{
    display: block;
    overflow: hidden;
}

.LayerButton {
    position: relative;
    text-align: right;
    z-index: 1000;
}

#imgFermetureBox, #imgFermetureBox2 {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 25px;
    height: 22px;
    cursor: pointer;
}

.imgFermetureBox {
    background: url('../img/commun/fermer_1_filtre.jpg') left top no-repeat;
}

.imgFermetureBox_hover {
    background: url('../img/commun/fermer_2_filtre.jpg') left top no-repeat;
}

/*ERREUR*/
#imgFermeture, #imgFermeture2 {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 25px;
    height: 22px;
    cursor: pointer;
}

.imgFermeture {
    background: url('../img/commun/fermer_1_stop.jpg') left top no-repeat;
}

.imgFermeture_hover {
    background: url('../img/commun/fermer_2_stop.jpg') left top no-repeat;
}

.imgFermetureWarn {
    background: url('../img/commun/fermer_1_warn.jpg') left top no-repeat;
}

.imgFermetureWarn_hover {
    background: url('../img/commun/fermer_2_warn.jpg') left top no-repeat;
}

.imgFermetureInfo {
    background: url('../img/commun/fermer_1_info.jpg') left top no-repeat;
}

.imgFermetureInfo_hover {
    background: url('../img/commun/fermer_2_info.jpg') left top no-repeat;
}

#confirmBox .erreur {
    padding: 20px;
}

#confirmBox tfoot td {
    padding: 20px;
}

.erreur {
    width: 100%;
    font-size: 14px;
    color: #200010;
    background-color: #f0f0f0;
    font-family: 'Arial', 'Helvetica', sans-serif;
    top: 5px;
    position: relative;
    font-weight: bold;
    text-align: center;
}

#confirmBox .cart, #ErrorTable .cart {
    width: 100%;
    font-size: 12px;
    color: #200010;
    background-color: #f0f0f0;
    font-family: 'Arial', 'Helvetica', sans-serif;
    top: 5px;
    position: relative;
    text-align: center;
}

#confirmBox .carttask {
    box-sizing: content-box;
    font-weight: bold;
    font-size: larger;
    width: 100%;
    color: #200010;
    background-color: #f0f0f0;
    font-family: 'Arial', 'Helvetica', sans-serif;
    top: 5px;
    position: relative;
    text-align: left;
    padding-left: 5px;
}

.erreurBase {
    width: 100%;
    font-size: 14px;
    color: #200010;
    background-color: #f0f0f0;
    font-family: 'Arial', 'Helvetica', sans-serif;
    top: 15px;
    position: relative;
    font-weight: bold;
    text-align: center;
}

.erreurButton {
    width: 100%;
    bottom: 15px;
    position: absolute;
    text-align: center;
}
/*IMAGE ATTENTE*/
#imgAttente {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    display: none;
}

.imgAttenteFond {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    overflow: hidden;
    display: block;
    text-align: center;
}

.imgAttentePosition {
    width: 80px;
    height: 80px;
    top: 1px;
    left: 1px;
    position: absolute;
    /*background-color: #c0c0c0;*/
    overflow: hidden;
    display: block;
    text-align: center;
}
/*Pseudo formulaire*/
.formInput {
    position: relative;
    width: 270px;
    /*left: 10%;*/
}

.formButton, .formButtonAuto {
    width: inherit;
    /*background-color: #ffffff;*/
    /*color: black;*/
}

.formButtonAuto span {
    padding-right: 10px;
    top: 2px;
}

.formButton80 {
    width: 80px;
}

.formButton100 {
    width: 100px;
}

.formButton120 {
    width: 120px;
}

.formButton140 {
    width: 140px;
}

.formButton160 {
    width: 160px;
}

.formButton200 {
    width: 200px;
}

.formButton260 {
    width: 260px;
}

.formTitre {
    text-align: center;
    font-size: 16px;
    color: yellow;
    font-weight: bolder;
    font-family: 'Arial', 'Helvetica', sans-serif;
}

.formChamp {
    text-align: left;
    font-size: 12px;
    color: #eefff0;
    font-family: 'Arial', 'Helvetica', sans-serif;
}

.formInfo {
    position: inherit;
    text-align: center;
    top: -10px;
    display: block;
}

.formInfoTxt {
    font-style: italic;
    font-size: 10px;
    border: 1px dotted black;
    background: yellow;
    color: #000000;
    display: none;
}
/*Les retours de jQuery*/
#jq_post_retour, .NotDisplay {
    display: none;
}

.NotDisplay {
    display: none;
}
/*STRUCTURE IHM*/
.highlight {
    background-color: #ff4e00;
}

#plan {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10;
}

#planContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
/*Cart Choice Information pop-up*/
#cartChoiceInformation.modal {
    z-index: 100;
}

#cartChoiceInformation .LayerPosition {
    width: 365px;
}

#cartChoiceInformation .LayerPosition.fr {
    width: 390px;
}
#cartChoiceInformation .LayerPosition .cart, #cartChoiceInformation .LayerPosition .LayerButton {
    padding: 12px;
}

#cartChoiceInformation .LayerPosition.autoHeight {
    height: auto;
}

#cartChoiceInformation .labelCart {
    font-size: 10pt;
}

#cartChoiceInformation .labelCartmin {
    font-size: 8pt;
}

#cartChoiceInformation .padding-right {
    padding-right: 5px;
}

#cartChoiceInformation fieldset>input {
    margin-left: 28px;
}

#cartChoiceInformation .LayerPosition .fieldsetCart img {
    width: 20px;
}
/*NOTES*/
.ListRow {
    background-color: transparent;
}

.ListRow.hover {
    color: #3366cc;
    background-color: #d7d7d7;
}

.ListRow:hover {
    color: #3366cc;
    background-color: #d7d7d7;
}
/*TITRES DE TOUS LES ARBOS*/
.TitreArbo {
    color: #000000;
    font-weight: bold;
    font-style: normal;
    font-size: 9pt;
    font-family: 'Verdana', sans-serif;
    text-transform: uppercase;
}
/*FENETRE GENERATION PDF*/
.genPdfFermerture {
    position: absolute;
    display: block;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
/*DIVERS*/
.curseur {
    cursor: pointer;
}

.curseurOff {
    cursor: default;
}

.curseurNotAllowed {
    cursor: not-allowed;
}

.Disabled {
    color: #c0c0c0;
}

.scrollable {
    overflow: auto;
}

.noscrollable {
    overflow: hidden;
}

.black {
    color: black;
}

.textDecorationNone A {
    text-decoration: none;
}

.right {
    text-align: right !important;
}

.left {
    text-align: left !important;
}
/**************************
 *       MRPM START
 ***************************/
div.pgproc {
    border: 1px solid black;
    margin: 10pt;
}

div.pgproc.hidden {
    display: none;
}

div.pgproc input {
    background-color: #555;
    color: #AAA;
}

div.pgproc input.pushed {
    background-color: #FFF;
    color: #000;
}
/**************************
 *        MRPM END
 ***************************/

/** CLOSE BUTTON **/
td.LayerCloseButton {
    text-align: center;
    padding: 0;
    margin: 0;
}

td.LayerCloseButton button.alertButtonClose {
    border: 0;
    color: white;
    font-weight: bold;
    padding: 5px 5px 5px 35px;
    margin: 12px;
    background: transparent url('../img/box/IMG_btn_warningbox.gif') no-repeat;
}

td.LayerCloseButton button.alertButtonCloseWarn {
    border: 0;
    color: white;
    font-weight: bold;
    padding: 5px 5px 5px 35px;
    margin: 12px;
    background: transparent url('../img/box/IMG_btn_warningbox.gif') no-repeat;
}

td.LayerCloseButton button.alertButtonCloseInfo {
    border: 0;
    color: white;
    font-weight: bold;
    padding: 5px 5px 5px 35px;
    margin: 12px;
    background: transparent url('../img/box/IMG_btn_warningbox.gif') no-repeat;
}

td.LayerCloseButton button.alertButtonCloseCart {
    border: 0;
    color: white;
    font-weight: bold;
    padding: 5px 5px 5px 35px;
    margin: 12px;
    background: transparent url('../img/box/IMG_btn_cartbox.gif') left top
        no-repeat;
}

td.LayerCloseButton button:hover {
    color: #f29d1e;
}

.txtBtn.disabled {
    color: darkGray;
}

.txtBtn.hover {
    color: #F29D1E
}

.cluetip-tooltip {
    position: absolute;
    z-index: 9999;
    background-color: SeaShell;
    border: 1px solid black;
    padding: 2px;
    margin: 0;
    /* Default margin is 'auto' on IE7/8, which misplace the tooltip  */
}

.cluetip-tooltip div {
    margin: 0;
    /* Default margin is 'auto' on IE7/8, which misplace the tooltip  */
}

.cluetip-tooltip table, .cluetip-tooltip td {
    border: 0;
}

.toolPictSize {
    min-width: 200px;
    max-width: 200px;
    min-height: 247px;
    max-height: 247px;
}

label.floating {
    margin-left: 0;
    text-align: left;
    width: 95px;
    float: left;
}

.refintHighlight {
    background-color: #F8F0C8 !important;
}

.hspHighlight {
    background-color: #F8F0C8 !important;
}

span.hspscope.hspHighlight {
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #EDDB80;
}

a.hspaction {
    text-transform: none;
}

a.hspaction img {
    vertical-align: -2px;
}

.inline_illustration {
    display: inline;
}

.inline_illustration iframe {
    box-sizing: content-box;
    height: 500px;
    width: 60%;
    border: 1px solid #AAAAAA;
    margin: 10px 0 10px 0;
    display: block;
}

.tuFiltered {
    display: none;
}

#LayerConfigTU .LayerPosition {
    width: 60% !important;
    height: 60% !important;
}

#LayerConfigTU .LayerPosition .LayerContenu, #LayerConfigTU .LayerPosition .LayerContenu form#tuForm {
    height: 100% !important;
}

#containtTU {
    border: 1px solid lightGray;
}

#containtTU {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#containtTU .containt {
    position: relative;
    height: 100%;
    width: 100%;
    display: table;
}

#containtTU .containt .containt-scroll {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#tuConfigList {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    line-height: 10px;
}

#tuConfigList p.break {
    float: left;
    width: 100%;
    margin: 0;
}

#tuConfigState {
    background-color: lightGray;
    border-top: 1px solid gray;
}

label.effect-CANCELED {
    display: none;
}

label.effect-CANCELED.checked {
    display: inherit;
}

label.clueTipHighlight {
    background-color: #DDDDDD;
}

.orBlock {
    border: 1px solid darkGray;
    float: left;
    margin: 5px;
    padding: 5px;
}

label.disabled {
    color: gray;
}

label.manuallySelected {
    background-color: lightBlue;
}

.pdg3dcontent {
    text-align: left;
}

.pdg3dbtn {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.pdg3dbtn img {
    margin: 10px;
    height: 55px;
    cursor: pointer;
    transition: filter .2s ease;
}

.pdg3dbtn img:hover {
    filter: contrast(150%) brightness(90%);
    transition: none;
}

#carousel li {
    cursor: pointer;
    cursor: hand;
    list-style: none;
}

#carousel li img {
    height: 100%;
}

#carousel li * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#carousel {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Arial', sans-serif;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

#carousel .mainImg {
    position: absolute;
    display: block;
}

#carousel img.picto {
    text-align: center;
    vertical-align: middle;
    width: 10%;
    height: 14%;
}

#carousel div.picto {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

#carousel div.picto img {
    width: 15%;
    height: 25%;
    top: 34%;
    right: 5%;
    position: relative;
}

#carousel .caption {
    overflow: hidden;
    white-space: nowrap;
}

#mainCarousel {
    display: none;
    padding: 4px;
}

.pdg3dspinner img {
    width: 600px;
    height: 338px;
}

#parentContenuArrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}

li.cartDisable>a>.inline {
    text-decoration: line-through;
}

#tdItem3DView {
    background-position: right bottom;
    background-repeat: no-repeat;
}

/****************/
/* Arbo favoris */
/****************/
.ArboFavoris {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
}

#f_avorisFolderCreate {
    top: 8px;
    left: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

#f_avorisExplorer {
    width: 100%;
    top: 0;
    left: 0;
    position: inherit;
}

/*******************/
/* Arbo historique */
/*******************/
.ArboFiltre {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: auto;
}

/*******************/
/* Arbo historique */
/*******************/
.ArboHistorique {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: auto;
    /*z-index: 5;*/
}

.tree_histo {
    width: 95%;
    top: 12px;
    left: 6px;
    position: relative;
    overflow: hidden;
}

.tree_histo_titre {
    top: 0;
    left: 0;
    position: relative;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.tree_histo_contenu {
    background-color: #ffffff;
    color: #000000;
}

.histo_selection {
    background-color: #ffffff;
    color: #ff4e00;
}

.histo_hover {
    background-color: #d7d7d7;
    color: #3366cc;
}

.tree_histo_Lien {
    font-size: 12px;
}

/*******************/
/* Arbo historique */
/*******************/
.ArboNavigation {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    /*overflow: hidden;*/
}

#treeLock {
    cursor: pointer;
    margin-left: 5px;
    vertical-align: baseline;
    height: 16px;
}

/*******************/
/* Arbo historique */
/*******************/
.ArboNotes {
    width: 100%;
    /*height: 100%;*/
    top: 0;
    left: 0;
    position: relative;
    /*overflow: auto;*/
}

.Files {
    padding: 2px;
    padding-left: 20px;
    margin: 2px;
    white-space: nowrap;
    background: url('../img/commun/file.png') left top no-repeat;
}

/*******************/
/* Arbo historique */
/*******************/
.ArboPanier {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: auto;
}

/*******************/
/* Arbo historique */
/*******************/
.ArboRecherche_resultat {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: auto;
}

#closeFen {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 17px;
    height: 16px;
    cursor: pointer;
    background-image: url('../img/commun/16-fermer.gif');
}

#imgRechAvView {
    right: 16px;
    top: 4px;
    position: absolute;
    cursor: pointer;
    display: none;
}

#titreRecherche_resultat {
    position: relative;
}

/********/
/* Arbo */
/********/
#arboContenu {
    width: 100%;
    height: inherit;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    display: block;
    z-index: 9;
}

.zoneArborescence {
    width: 100%;
    height: inherit;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    background-color: #ffffff;
}

#layoutCollapseArbo, #layoutCollapseArboTouch {
    position: absolute;
    right: 20px;
    z-index: 10;
}

#layoutExpandIllus, #layoutExpandIllusTouch {
    display: none;
    position: absolute;
    right: 20px;
    z-index: 10;
}

/***********/
/* Bandeau */
/***********/
#bandeau {
    z-index: 10;
}

.BandeauX {
    height: 53px;
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
    background: url('../img/site/taille-bandeauX.png') #2B87B8 repeat;
}

.Bandeau {
    width: 670px;
    height: 53px;
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
    /*display: inherit;*/
    background: url('../img/site/taille-bandeau.png') #2B87B8 no-repeat;
}

.BandeauDraft {
    width: 670px;
    height: 53px;
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
    /*display: inherit;*/
    background: url('../img/site/taille-bandeau-draft.png') #2B87B8 no-repeat;
}

#DocTech {
    top: 7px;
    left: 35px;
    position: absolute;
    overflow: hidden;
    font-size: 11pt;
    color: #ffffff;
    text-transform: uppercase;
}

#Moteur {
    top: 28px;
    left: 35px;
    position: absolute;
    overflow: hidden;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    font-style: normal;
    font-family: 'Verdana', sans-serif;
    text-transform: uppercase;
}

#SN {
    top: 28px;
    left: 150px;
    position: absolute;
    overflow: hidden;
    font-size: 10pt;
    color: #ffffff;
    font-style: normal;
    font-family: 'Verdana', sans-serif;
    text-transform: uppercase;
}

#CritereBandeau {
    top: 54px;
    left: 30px;
    position: absolute;
    overflow: hidden;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

#Version {
    top: 37px;
    right: 10px;
    position: absolute;
    overflow: hidden;
    font-size: 10px;
    font-weight: bold;
    color: #cccccc;
    text-align: right;
    vertical-align: middle;
}

#offlineWarning {
    top: 25px;
    left: 300px;
    position: absolute;
    margin-left: 15px;
}

.informations {
    font-family: 'Verdana', sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #efab18;
}

.revision {
    font-family: 'Verdana', sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ff9900;
}

#info_html {
    top: 54px;
    left: 0;
    position: absolute;
    z-index: 15;
    display: none;
    /*background: #ffffff;*/
    font-weight: normal;
    /*border: 2px inset #000000;*/
    white-space: nowrap;
}
/********************* EXISTE PLUS *************************/
.deconnexion {
    width: 26px;
    height: 26px;
    top: 0;
    right: 2px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.bandeau_deconnexionContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/bandeau/deconnexion.gif') no-repeat;
}

.bandeau_deconnexionContenu_hover {
    background: url('../img/site/bandeau/deconnexion-over.gif') no-repeat;
}

.bandeau_deconnexionContenu_select {
    background: url('../img/site/bandeau/deconnexion-selected.gif')
        no-repeat;
}

.langue {
    /*width: 29px;*/
    height: 20px;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    display: block;
}
/********************* PARENT *************************/
.parent {
    width: 88px;
    height: 50px;
    top: 2px;
    left: 200px;
    position: absolute;
    overflow: hidden;
    display: none;
}

#parentContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    /*background: url('../img/site/contenuH/parent.png') transparent no-repeat;*/
}

#parentContenu img {
    border: 0;
    height: 50px;
}

/************/
/* Contenu */
/************/
#contenuContenu {
    width: 99.5%;
    height: inherit;
    top: 0;
    right: 0;
    position: absolute;
    display: inherit;
}

#DocParser {
    width: 100%;
    height: inherit;
    top: 0;
    left: 0;
    position: absolute;
    display: inherit;
    overflow: auto;
    /*border-top: 1px solid #999999;*/
}

#layoutExpandTree, #layoutExpandTreeTouch {
    display: none;
    position: fixed;
    top: 0;
    left: 7px;
    z-index: 5;
    text-align: center;
}

#layoutCollapseDoc, #layoutCollapseDocTouch {
    display: none;
    position: absolute;
    top: -53px;
    left: 2px;
    z-index: 5;
}

#contenuContenu .step3D {
    display: inline-block;
    width: 100%;
}

#contenuContenu .step3D table {
    width: 100%;
}

#contenuContenu .step3DImg {
    width: 100%;
    max-height: 244px;
    max-width: 440px;
}

#contenuContenu div.litem {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

#contenuContenu div.litem.has3D {
    margin: 5px;
    padding-top: 5px;
}

#contenuContenu div.stepHover {
    border: 3px solid #CDD3D3;
    border-radius: 10px;
    margin: 2px !important;
}

#contenuContenu div.stepSelected {
    border: 5px solid #B8BEBE;
    border-radius: 20px;
    margin: 0 !important;
}

.playButton, .pauseButton {
    width: 40px;
    height: 40px;
    border: none;
    margin: 0 1px;
    position: relative;
    cursor: pointer;
}

.playButton {
    background: url('../webhsp2d/jplayer/jplayer.png') 0 0 no-repeat;
}

.playButton:focus, .playButton:hover {
    background: url('../webhsp2d/jplayer/jplayer.png') -41px 0 no-repeat;
}

.pauseButton {
    background: url('../webhsp2d/jplayer/jplayer.png') 0 -41px no-repeat;
}

.pauseButton:focus, .pauseButton:hover {
    background: url('../webhsp2d/jplayer/jplayer.png') -41px -41px no-repeat;
}
/************/
/* ContenuH */
/************/
#contenuHContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    /*display: inherit;*/
    /*background: url('../img/site/contenuH/px_zone.gif') #ffffff repeat;*/
}
/********************* UD *************************/
#lbl {
    padding-left: 6px;
    padding-top: 3px;
    line-height: 17px;
}

.lbl_ud img {
    width: 17px;
    height: 17px;
}

.lbl_ud {
    display: inline-block;
    font-family: 'Verdana', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #3366cc;
    height: 17px;
    vertical-align: top;
    white-space: nowrap;
}
/********************* TITRE *************************/
.lbl_separateur {
    display: inline-block;
    font-family: 'Verdana', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #3366cc;
    width: 1px;
    height: 14px;
    top: 2px;
    position: relative;
    vertical-align: top;
    margin-left: 8px;
    overflow: hidden;
    background: url('../img/site/onglet/IMG_fond_onglet_bas.jpg') #585858
        left top no-repeat;
    background-position: 16px;
}
/********************* TITRE *************************/
.lbl_titre {
    font-family: 'Verdana', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #3366cc;
    height: 30px;
    overflow: hidden;
    margin-left: 6px;
    display: inline-block;
}
/********************* ATTENTION *************************/
.attention {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_attentionContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/04-warning.gif') transparent
        no-repeat;
}

.contenuH_attentionContenu_hover {
    background: url('../img/site/contenuH/04-warning-over.gif') transparent
        no-repeat;
}

.contenuH_attentionContenu_select {
    background: url('../img/site/contenuH/04-warning-selected.gif')
        transparent no-repeat;
}
/********************* DANGER *************************/
.danger {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_dangerContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/04-danger.gif') transparent
        no-repeat;
}

.contenuH_dangerContenu_hover {
    background: url('../img/site/contenuH/04-danger-over.gif') transparent
        no-repeat;
}

.contenuH_dangerContenu_select {
    background: url('../img/site/contenuH/04-danger-selected.gif')
        transparent no-repeat;
}
/********************* RT *************************/
.rt {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_rtContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/04-rt.gif') transparent no-repeat;
}

.contenuH_rtContenu_hover {
    background: url('../img/site/contenuH/04-rt-over.gif') transparent
        no-repeat;
}

.contenuH_rtContenu_select {
    background: url('../img/site/contenuH/04-rt-selected.gif') transparent
        no-repeat;
}
/********************* RN-1 *************************/
.rn1 {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_rn1Contenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/04-rn.png') transparent no-repeat;
}

.contenuH_rn1Contenu_hover {
    background: url('../img/site/contenuH/04-rn-over.png') transparent
        no-repeat;
}

.contenuH_rn1Contenu_select {
    background: url('../img/site/contenuH/04-rn-selected.png') transparent
        no-repeat;
}
/********************* MAINTENANCE LEVEL 1 *************************/
.lvl1 {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_lvl1Contenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/level/1.png') transparent no-repeat;
}
/********************* MAINTENANCE LEVEL 1-2 *************************/
.lvl12 {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_lvl12Contenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/level/1-2.png') transparent no-repeat;
}
/********************* MAINTENANCE LEVEL 2 *************************/
.lvl2 {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_lvl2Contenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/level/2.png') transparent no-repeat;
}
/********************* MAINTENANCE LEVEL 3 *************************/
.lvl3 {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_lvl3Contenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/level/3.png') transparent no-repeat;
}
/********************* MAINTENANCE LEVEL 3-4 *************************/
.lvl34 {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_lvl34Contenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/level/3-4.png') transparent no-repeat;
}
/********************* MAINTENANCE LEVEL 4 *************************/
.lvl4 {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_lvl4Contenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/level/4.png') transparent no-repeat;
}
/********************* RIAC *************************/
.riac {
    width: 51px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_riacContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/04-riac.gif') transparent
        no-repeat;
}

.contenuH_riacContenu_hover {
    background: url('../img/site/contenuH/04-riac-over.gif') transparent
        no-repeat;
}

.contenuH_riacContenu_select {
    background: url('../img/site/contenuH/04-riac-selected.gif') transparent
        no-repeat;
}
/********************* NOTE PUBLIC *************************/
.notePub {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_notePubContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/04-notepub.gif') transparent
        no-repeat;
}

.contenuH_notePubContenu_hover {
    background: url('../img/site/contenuH/04-notepub-over.gif') transparent
        no-repeat;
}

.contenuH_notePubContenu_select {
    background: url('../img/site/contenuH/04-notepub-selected.gif')
        transparent no-repeat;
}
/********************* NOTE PRIVEE *************************/
.notePriv {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_notePrivContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/04-notepriv.gif') transparent
        no-repeat;
}

.contenuH_notePrivContenu_hover {
    background: url('../img/site/contenuH/04-notepriv-over.gif') transparent
        no-repeat;
}

.contenuH_notePrivContenu_select {
    background: url('../img/site/contenuH/04-notepriv-selected.gif')
        transparent no-repeat;
}
/********************* SIGNAL AMENDMENTS *************************/
.signAms {
    width: 26px;
    height: 26px;
    bottom: 6px;
    left: -30px;
    position: absolute;
    overflow: hidden;
    display: none;
}

.contenuH_signAmsContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/04-signam.gif') transparent
        no-repeat;
}

.contenuH_signAmsContenu_hover {
    background: url('../img/site/contenuH/04-signam.gif') transparent
        no-repeat;
}

.contenuH_signAmsContenu_select {
    background: url('../img/site/contenuH/04-signam.gif')
        transparent no-repeat;
}
/********************* PRINT *************************/
.imprimer {
    width: 29px;
    height: 29px;
    top: 12px;
    right: -30px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.contenuH_imprimerContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/05-print.gif') transparent
        no-repeat;
}

.contenuH_imprimerContenu_hover {
    background: url('../img/site/contenuH/05-print-over.gif') transparent
        no-repeat;
}

.contenuH_imprimerContenu_select {
    background: url('../img/site/contenuH/05-print-selected.gif')
        transparent no-repeat;
}
/********************* PRECEDENT *************************/
.precedent {
    width: 26px;
    height: 26px;
    top: 12px;
    right: -30px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.contenuH_precedentContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/05-retour.gif') transparent
        no-repeat;
}

.contenuH_precedentContenu_hover {
    background: url('../img/site/contenuH/05-retour-over.gif') transparent
        no-repeat;
}

.contenuH_precedentContenu_select {
    background: url('../img/site/contenuH/05-retour-selected.gif')
        transparent no-repeat;
}
/********************* SUIVANT *************************/
.suivant {
    width: 25px;
    height: 26px;
    top: 12px;
    right: -30px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.contenuH_suivantContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/05-suivant.gif') transparent
        no-repeat;
}

.contenuH_suivantContenu_hover {
    background: url('../img/site/contenuH/05-suivant-over.gif') transparent
        no-repeat;
}

.contenuH_suivantContenu_select {
    background: url('../img/site/contenuH/05-suivant-selected.gif')
        transparent no-repeat;
}
/********/
/* Etat */
/********/
#etatContenu {
    width: 100%;
    height: 25px;
    position: absolute;
    overflow: hidden;
    background-color: #eaeaea;
}

/********************* EXPORTER *************************/

.exporter {
    width: 32px;
    height: 28px;
    top: 12px;
    right: -30px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.contenuH_exportContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/contenuH/ico_exporter.png') transparent
        no-repeat;
}

/********************* recherche avancee *************************/
.helpimg {
    margin-left: 6px;
    vertical-align: middle;
}

/************/
/* Fonction */
/************/
#fonctionContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    /*display: inherit;*/
    background: url('../img/site/fonction/pixel_remplissage.jpg') #ffffff
        repeat;
}

@media (orientation: portrait) {
  #recherche {
  	visibility : hidden;
  }
}

/********************* recherche avancee *************************/
.rechercheAv {
    box-sizing: content-box;
    /*width: 182px;*/
    height: 250px;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    display: none;
    background-color: #ffffff;
    border: 1px dotted #000000;
}

.rechercheAvMin {
    visibility: hidden;
}
/********************* recherche *************************/
#recherche {
    width: 150px;
    height: 22px;
    top: 6px;
    left: 2px;
    position: absolute;
    overflow: hidden;
    display: block;
    z-index: 2;
}

.imgSearch {
    width: 20px;
    height: 19px;
    top: 1px;
    right: 0;
    position: absolute;
    overflow: hidden;
    display: block;
    background: url('../img/site/fonction/02-search.gif') #ffffff no-repeat;
}

.imgSearch_hover {
    background: url('../img/site/fonction/02-search-over.gif') #ffffff
        no-repeat;
}

.imgSearch_select {
    background: url('../img/site/fonction/02-search-selected.gif') #ffffff
        no-repeat;
}

#search {
    border: 0;
    outline: none;
    width: 131px;
}

::-ms-clear {
    display: none;
}
/********************* ECRANS *************************/
.ecran {
    /*width: 68px;*/
    height: 29px;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    display: block;
}

#ecranContenu {
    /*width: 68px;*/
    /*height: 100%;*/
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    display: block;
}

.fonction_ecran_exitFullscreen {
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    position: absolute;
    background: url('../img/site/fonction/ecran/03-ecran2.jpg') #ffffff
        no-repeat;
    overflow: hidden;
}

.fonction_ecran_exitFullscreen {
    background: url('../img/site/fonction/ecran/03-ecran2-over.jpg') #ffffff
        no-repeat;
}

.fonction_ecran_exitFullscreen {
    background: url('../img/site/fonction/ecran/03-ecran2-selected.jpg')
        #ffffff no-repeat;
}

.fonction_ecran_fullscreen {
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    position: absolute;
    background: url('../img/site/fonction/ecran/03-ecran3.jpg') #ffffff
        no-repeat;
    overflow: hidden;
}

.fonction_ecran_fullscreen {
    background: url('../img/site/fonction/ecran/03-ecran3-over.jpg') #ffffff
        no-repeat;
}

.fonction_ecran_fullscreen {
    background: url('../img/site/fonction/ecran/03-ecran3-selected.jpg')
        #ffffff no-repeat;
}
/********************* OUTILS *************************/
.fonctionTools {
    float: right;
    padding: 0 2px;
}
.outils {
    width: 29px;
    height: 33px;
    display: block;
}
#outils {
    width: 63px;
}
.toast {
    color: #ffffff;
    background-image: url('../img/cart/import-spinner.gif');
    background-color: #1164a8;
    background: url('../img/cart/import-spinner.gif'), linear-gradient(#1476c7, #094071);
    font-size: initial;
    height: 25px;
    margin-top: 2px;
    padding: 3px 8px 0 8px;
    border-radius: 3px;
    box-shadow: 0 0 4px -1px black;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: center;
}
.outilsContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
    display: block;
    background: url('../img/site/fonction/02-enginelife.png') transparent
        no-repeat 0 4px;
}

.outilsContenu_hover {
    background: url('../img/site/fonction/02-enginelife-selected.png') transparent
        no-repeat 0 4px;
}

.outilsContenu_select {
    background: url('../img/site/fonction/02-enginelife-selected.png')
        transparent no-repeat 0 4px;
}
/********************* AIDE *************************/
.aide {
    width: 29px;
    height: 33px;
    overflow: hidden;
    display: block;
}

.aideContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
    display: block;
    background: url('../img/site/fonction/02-aide.jpg') transparent
        no-repeat;
}

.aideContenu_hover {
    background: url('../img/site/fonction/02-aide-over.jpg') transparent
        no-repeat;
}

.aideContenu_select {
    background: url('../img/site/fonction/02-aide-selected.jpg') transparent
        no-repeat;
}
/********************* ACCUEIL *************************/
.accueil {
    width: 29px;
    height: 33px;
    overflow: hidden;
    display: block;
}

.accueilContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
    display: block;
    background: url('../img/site/fonction/02-home.jpg') transparent
        no-repeat;
}

#logout button.accueilContenu {
    border: none;
}

.accueilContenu_hover, #logout button.accueilContenu:hover {
    background: url('../img/site/fonction/02-home-over.jpg') transparent
        no-repeat;
}

.accueilContenu_select, #logout button.accueilContenu:active {
    background: url('../img/site/fonction/02-home-selected.jpg') transparent
        no-repeat;
}

#layoutExpandBanner, #layoutExpandBannerTouch {
    position: fixed;
    top: 4px;
    left: 0;
    display: none;
}

#bannerInfo {
    display: none;
}

#bannerInfo img {
    width: 28px;
    margin-top: 2px;
    vertical-align: middle;
}

#bannerInfo span {
    vertical-align: middle;
    margin: 5px;
    color: #606060;
}

#bannerInfo .engine {
    font-family: 'Verdana', sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
}

#layoutCollapseBanner, #layoutCollapseBannerTouch {
    position: absolute;
    text-align: center;
}

#layoutCollapseBanner {
    top: 7px;
}

#layoutCollapseBannerTouch {
    top: -3px;
}
/********/
/* Menu */
/********/
#menuContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    /*display: inherit;*/
    background: url('../img/site/menu/IMG_fond.jpg') #ffffff repeat;
    z-index: 2;
}
/********************* NAVIGATION *************************/
.navigation {
    width: 42px;
    height: 34px;
    top: 0;
    left: -43px;
    position: absolute;
    overflow: hidden;
    display: block;
    background-color: transparent;
}

.menu_navigationContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/menu/01-navig.jpg') transparent no-repeat;
}

.menu_navigationContenu_hover {
    background: url('../img/site/menu/01-navig-over.jpg') transparent
        no-repeat;
}

.menu_navigationContenu_select {
    background: url('../img/site/menu/01-navig-selected.jpg') transparent
        no-repeat;
}

.navigation3D {
    width: 42px;
    height: 34px;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background-color: transparent;
    display: none;
}

.menu_navigation3DContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/menu/01-car.jpg') transparent no-repeat;
}

.menu_navigation3DContenu_hover {
    background: url('../img/site/menu/01-car-over.jpg') transparent
        no-repeat;
}

.menu_navigation3DContenu_select {
    background: url('../img/site/menu/01-car-selected.jpg') transparent
        no-repeat;
}
/********************* FILTRE *************************/
.filtre {
    width: 42px;
    height: 34px;
    top: 0;
    left: -43px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.menu_filtreContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/menu/01-filtre.jpg') #ffffff no-repeat;
}

.menu_filtreContenu_hover {
    background: url('../img/site/menu/01-filtre-over.jpg') #ffffff no-repeat;
}

.menu_filtreContenu_select {
    background: url('../img/site/menu/01-filtre-selected.jpg') #ffffff
        no-repeat;
}
/********************* PANIER *************************/
.panier {
    width: 42px;
    height: 34px;
    top: 0;
    left: -43px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.menu_panierContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/menu/01-panier.jpg') #ffffff no-repeat;
}

.menu_panierContenu_hover {
    background: url('../img/site/menu/01-panier-over.jpg') #ffffff no-repeat;
}

.menu_panierContenu_select {
    background: url('../img/site/menu/01-panier-selected.jpg') #ffffff
        no-repeat;
}
/********************* FAVORIS *************************/
.favoris {
    width: 42px;
    height: 34px;
    top: 0;
    left: -43px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.menu_favorisContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/menu/01-favor.jpg') #ffffff no-repeat;
}

.menu_favorisContenu_hover {
    background: url('../img/site/menu/01-favor-over.jpg') #ffffff no-repeat;
}

.menu_favorisContenu_select {
    background: url('../img/site/menu/01-favor-selected.jpg') #ffffff
        no-repeat;
}
/********************* NOTES *************************/
.notes {
    width: 42px;
    height: 34px;
    top: 0;
    left: -43px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.menu_notesContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/menu/01-notes.jpg') #ffffff no-repeat;
}

.menu_notesContenu_hover {
    background: url('../img/site/menu/01-notes-over.jpg') #ffffff no-repeat;
}

.menu_notesContenu_select {
    background: url('../img/site/menu/01-notes-selected.jpg') #ffffff
        no-repeat;
}
/********************* SIGNAL AMENDMENT *************************/
.sas {
    width: 42px;
    height: 34px;
    top: 0;
    left: -43px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.menu_sasContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/menu/01-signalAmendment.jpg') #ffffff no-repeat;
}

.menu_sasContenu_hover {
    background: url('../img/site/menu/01-signalAmendment-over.jpg') #ffffff no-repeat;
}

.menu_sasContenu_select {
    background: url('../img/site/menu/01-signalAmendment-selected.jpg') #ffffff
        no-repeat;
}
/********************* HISTORIQUE *************************/
.historique {
    width: 42px;
    height: 34px;
    top: 0;
    left: -43px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.menu_historiqueContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/menu/01-histo.jpg') #ffffff no-repeat;
}

.menu_historiqueContenu_hover {
    background: url('../img/site/menu/01-histo-over.jpg') #ffffff no-repeat;
}

.menu_historiqueContenu_select {
    background: url('../img/site/menu/01-histo-selected.jpg') #ffffff
        no-repeat;
}
/********************* RESULTAT RECHERCHE *************************/
.recherche_resultat {
    width: 42px;
    height: 34px;
    top: 0;
    left: -43px;
    position: absolute;
    overflow: hidden;
    display: block;
}

.menu_recherche_resultatContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/menu/01-reche.jpg') #ffffff no-repeat;
}

.menu_recherche_resultatContenu_hover {
    background: url('../img/site/menu/01-reche-over.jpg') #ffffff no-repeat;
}

.menu_recherche_resultatContenu_select {
    background: url('../img/site/menu/01-reche-selected.jpg') #ffffff
        no-repeat;
}
/**********/
/* Onglet */
/**********/
#ongletContenu {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    /*display: inherit;*/
    background: url('../img/site/menu/pixel_remplissage_menu.jpg') #ffffff
        repeat;
}
/********************* MANUELS *************************/
.ongletManuels {
    top: 0;
    left: 0;
    height: 29px;
    overflow: hidden;
    /*display: none;*/
    position: absolute;
}

.ongletManuel {
    top: 0;
    left: 0;
    width: 68px;
    height: 29px;
    position: absolute;
    overflow: hidden;
    background: url('../img/site/onglet/06-onglet.gif') #ffffff repeat;
    background: linear-gradient(#b5b5b5, #3c3c3c);
    color: #ffffff;
    font-family: 'Verdana', sans-serif;
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 0 7px -2px black;
    border-radius: 3px;
}

.ongletManuel img {
    bottom: 4px;
    position: absolute;
    right: 1px;
}

.ongletManuel_hover {
    background: url('../img/site/onglet/06-onglet-over.gif') #ffffff repeat;
    background: linear-gradient(#ffc37a, #9e631f) repeat;
}

.ongletManuel_select {
    background: url('../img/site/onglet/06-onglet-selected.gif') #ffffff
        repeat;
    background: linear-gradient(#ffc37a, #3c260c) repeat;
}
/********************* LISTE *************************/
.ongletListe {
    top: 0;
    right: 0;
    height: 29px;
    overflow: hidden;
    position: absolute;
    display: inline;
    width: 302px;
    margin: 0;
    padding: 0;
}

.ongletLinks {
    top: 4px;
    right: 135px;
    height: 29px;
    overflow: hidden;
    position: absolute;
    display: inline;
    width: 310px;
    margin: 0;
    padding: 0;
}

.ongletLink {
    width: 68px;
    height: 29px;
    padding: 2px 2px 0px 2px;
    margin: 1px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: url(../img/site/onglet/IMG_fond_SB.png) repeat;
    color: #ffffff;
    font-family: 'Verdana', sans-serif;
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 0 7px -2px black;
}

.ongletLink:hover {
    width: 68px;
    height: 29px;
    padding: 2px 2px 0px 2px;
    margin: 1px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: url(../img/site/onglet/06-onglet-selected.gif) repeat;
    color: #ffffff;
    font-family: 'Verdana', sans-serif;
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 0 7px -2px black;
    cursor: pointer;
}

.imgLinkSB {
    position: relative;
    display: inline;
}

.linkManualDisplayed {
    position: relative;
    display: inline;
    top: -5px;
}

#ongletSBLink {
    background: url('../img/site/onglet/webLink.png') #ffffff
        repeat;
}
/*********/
/* Photo */
/*********/
#photoContenu {
    width: 100%;
    height: inherit;
    top: 0;
    left: 0;
    position: absolute;
    display: inherit;
}

#photoSrc {
    width: 100%;
    top: 0;
    left: 0;
    position: relative;
    display: inherit;
    border: 0;
}

#photoSrcJpg {
    width: 100%;
    height: 18px;
    top: 0;
    left: 0;
    position: relative;
    display: none;
}

#tdItem3DView {
    text-align: center;
}

#item3DView {
    margin: auto;
}

.fonction_ecran_uni_photo {
    background: #D5DAFF no-repeat;
}

.fonction_ecran_uni_photo_hover {
    background: #D5DAFF no-repeat;
}

.fonction_ecran_uni_photo_select {
    background: #D5DAFF no-repeat;
}

#layoutExpandDoc, #layoutExpandDocTouch {
    display: none;
}

#layoutCollapseIllus, #layoutExpandDoc, #layoutCollapseIllusTouch,
    #layoutExpandDocTouch {
    position: absolute;
    right: 2px;
    z-index: 5;
    text-align: center;
}

/****************************/
/*Image de fond pour le site*/
/****************************/
.bandeau_navig_photo_contenu {
    width: 100%;
    height: 53px;
    top: 0;
    left: 0;
    position: absolute;
    background: #007EC5 no-repeat;
    overflow: hidden;
    display: block;
}

.menu_navig_photo_contenu {
    width: 339px; /*26.56%;*/ /*267px;*/ /*valider � 300*/
    height: 33px; /*29px;*/
    top: 53px;
    left: 0;
    position: absolute;
    background: #ffffff no-repeat;
    overflow: hidden;
    display: block;
}

.fonction_navig_photo_contenu {
    box-sizing: content-box;
    /*valider � partir de 300*/
    width: 100%;
    height: 32px;
    top: 53px;
    right: 0;
    position: absolute;
    background: #ffffff no-repeat;
    overflow: hidden;
    visibility: visible;
    display: block;
    border-bottom: 1px solid #585858;
}

.arbo_navig_photo_contenu {
    width: 26.56%; /*267px;*/
    top: 0;
    height: 0;
    left: 0;
    position: absolute;
    background-color: #ffffff;
    overflow: hidden;
    display: block;
    /*border-top: 1px solid #585858;*/
}

.contenuH_navig_photo_contenu {
    box-sizing: content-box;
    width: 73.43%; /*738px;*/
    height: 53px;
    top: 0;
    right: 0;
    position: absolute;
    background: #ffffff;
    overflow: hidden;
    visibility: inherit;
    display: block;
    border-left: 1px solid #585858;
    /*border-bottom: 1px solid #999999;*/
}

.contenu_navig_photo_contenu {
    box-sizing: content-box;
    width: 73.43%; /*738px;*/
    top: 0;
    height: 0;
    /*bottom: 54px;*/
    right: 0;
    position: absolute;
    background-color: #ffffff;
    overflow: hidden;
    visibility: inherit;
    display: block;
    /*border-top: 1px solid #999999;*/
    border-left: 1px solid #585858;
}

.photo_navig_photo_contenu {
    width: 26.56%;
    height: 0;
    top: 0;
    /*bottom: 25px;*/
    left: 0;
    position: absolute;
    background: #ffffff no-repeat;
    overflow: hidden;
    display: block;
}

.onglet_navig_photo_contenu {
    box-sizing: content-box;
    width: 100%;
    height: 29px;
    top: 0;
    /*bottom: 25px;*/
    right: 0;
    position: absolute;
    background: #ffffff no-repeat;
    overflow: hidden;
    display: block;
    border-top: 1px solid #585858;
    border-left: 1px solid #585858;
}

.etat_navig_photo_contenu {
    box-sizing: content-box;
    width: 100%;
    height: 25px;
    top: 0;
    /*bottom: 0;*/
    left: 0;
    position: absolute;
    overflow: hidden;
    display: block;
    border-top: 1px solid #585858;
}

.NoteClick {
    position: relative;
    display: block;
}