/* ==================================================================================================== */
/* ===== Balise générales                                                                         ===== */
/* ==================================================================================================== */

HTML
{
    height:100%;
}

BODY
{
    display: block;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #E0E0E0;
    margin: 0px;
    padding: 0px;
    height: 100%;
    color: #003366;
}

FORM
{
    
}

A
{
    font-size: 10pt;
    color: #94141E;
    text-decoration: none;
}

/* ==================================================================================================== */
/* ===== Structure principale de la page                                                          ===== */
/* ==================================================================================================== */

.PageSkeleton
{
    width:1090px;
    height:100%;
}

.PageSkeletonContainer
{
    width: 1060px;
}

.PageSkeletonBorderLeft
{
    background-image: url("NK_BORDER_D.png");
    width:15px;
}

.PageSkeletonCenter
{
    
    position:relative;
    background-color:White;
    height:100%;
}

.PageSkeletonBorderRight
{
    background-image: url("NK_BORDER_E.png");
    width:15px;
}

/* ==================================================================================================== */
/* ===== Conteneur principal de la page (encapsulé dans la structure Skeleton)                    ===== */
/* ==================================================================================================== */

.PageContainer
{

    height:100%;
    width:100%;
}

.PageContainer .Header
{
    position:relative;
    display:block;
    left:0px;
    top:0px;
    height:240px;
    padding:0px;
    margin:0px;
    background-image: url("NK_FOND_A.png");
    background-repeat: no-repeat;
}

/* -------------------------- */
/* ----- Entête de page ----- */
/* -------------------------- */

.PageContainer .Header .Logo
{
    position:absolute;
    display:block;
    left:-40px;
    top:0px;
}

.PageContainer .Header .Catchwords
{
    position:absolute;
    display:block;
    left:170px;
    top:130px;
}

.PageContainer .Header .Announcement
{
    display:block;
    position:absolute;    
    float:right;
    width:100%;
    text-align:right;
}

/* Menu principal */

.PageContainer .Header .MenuTree_Container
{
    position:absolute;
    display:block;
    left:0px;
    top:173px;
    width: 1050px;
    height:32px;
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 10px;
    background-image: url("NK_MENU_FOND_A.png");
}

.PageContainer .Header .MenuTree_Container A
{
    white-space: nowrap;
}

.PageContainer .Header .MenuTree_RootItemContainer
{
    position:relative;
    display:block;
    float:left;
}

.PageContainer .Header .MenuTree_RootItem
{
    position:relative;
    display:block;   
    float:left;  
    margin:0px 0px 0px 5px; 
    padding:0px 0px 0px 0px;
    height:26px;
}

.PageContainer .Header .MenuTree_RootItemLink
{
    position:relative;
    float:left;
    top:6px;
}

.PageContainer .Header .MenuTree_RootItemEnd
{
    position:relative;
    display:block;    
    float:left;
    width:15px;
    height:100%;
    margin:0px 0px 0px 5px;   
    background-image: url("NK_MENU_FOND_B.png"); 
}

.PageContainer .Header .MenuTree_RootItemSubContainer
{
    display:none;    
}

.PageContainer .Header .MenuTree_RootItemContainer:hover .MenuTree_RootItemSubContainer
{
    position:absolute;
    display:block;  
    left:-10px;
    top:26px;      
    padding: 4px 20px 4px 0px;
    background-color: white;
    border: 1px solid #E8D2D2;
}

.PageContainer .Header .MenuTree_SubItemContainer
{
    position:relative;
    display:block;   
    padding:  4px 0px 4px 20px;
}

.PageContainer .Header .MenuTree_SubItem
{
    position:relative;
    display:block;      
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px; 
    white-space: nowrap;
}

.PageContainer .Header .MenuTree_SubItemBegin
{
    position:absolute;
    display:block;
    left:-8px;
    top:0px;
    width:15px;
    height:15px;
    background-image: url("NK_MENU_FOND_C.png"); 
}

.PageContainer .Header .MenuTree_SubItemLink
{
    position:relative;
    display:block;
    margin:0px 0px 0px 10px;
}

.PageContainer .Header .MenuTree_IsInPath
{
    font-size:8pt;
    text-transform:uppercase;
    font-weight:bold;
}

.PageContainer .Header .MenuTree_IsCurrentPage
{
    font-size:8pt;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:underline;
}

/* Chemin de page */

.PageContainer .Header .Path
{
    position:absolute;
    display:block;
    top:200px;
    left:0px;
    width: 1040px;
    padding: 5px 5px 5px 15px;
    margin:0px;
    background-image: url("NK_MENU_FOND_D.png"); 
    border-bottom: 1px solid #E8D2D2;
}

.PageContainer .Header .PathLabel
{
    color: #94141E;
    font-size:8pt;
}

.PageContainer .Header .Path_Container
{
    vertical-align:middle;
}

.PageContainer .Header .Path_ItemContainer
{
    float:left;
    vertical-align:middle;
}

.PageContainer .Header .Path_ItemSeparator
{
    float:left;
    width:15px;
    height:15px;
    text-align:center;
    vertical-align:middle;
    margin:0px 5px 0px 5px;
    background-image: url("NK_MENU_FOND_C.png"); 
}

.PageContainer .Header .Path_Link
{
}

.PageContainer .Header .Path_IsInPath
{
    font-size:8pt;
    text-transform:uppercase;
    font-weight:bold;
}

.PageContainer .Header .Path_IsCurrentPage
{
    font-size:8pt;
    text-transform:uppercase;
    font-weight:bold;    
    text-decoration:underline;
}

/* --------------------------- */
/* ----- Contenu de page ----- */
/* --------------------------- */

.PageContainer .Content 
{
    height:100%;
}

/* ------------------------ */
/* ----- Pied de page ----- */
/* ------------------------ */

.PageContainer .Footer
{
    text-align:center;
    height:48px;
    color: #94141E;
    border-top: 1px solid #E8D2D2;
    background-image:url("NK_FOND_A.png");
    background-position: left center;
    background-repeat:no-repeat;
}

/* ==================================================================================================== */
/* ===== Ci après, les trois panels du contenu (gauche, centre, droite)                           ===== */
/* ==================================================================================================== */

.PageContainer .Content .Panels
{
    height:100%;
}

.PageContainer .Content .Panels .LeftPanel
{
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    width: 20%;
    border-right: 1px solid #E8D2D2;
    background-color: #FFFBF8;
}

.PageContainer .Content .Panels .MiddlePanel
{
    font-size: 12pt;
    vertical-align: top;
    margin: 0px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.PageContainer .Content .Panels .RightPanel
{
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    width: 20%;
    border-left: 1px solid #E8D2D2;
    background-color: #FFFBF8;
}

/* ==================================================================================================== */
/* ===== Mise en page                                                                             ===== */
/* ==================================================================================================== */

/*.PageContainer .Content UL
{
    margin-top:5px;
    margin-bottom:5px;
    padding-top:0px;
    padding-bottom:0px;
}

.PageContainer .Content UL>LI
{
    list-style-image:url("PUCE.png");
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
} */

.Content A
{
    color: #94141E;
    text-decoration: none;
    text-decoration:underline;
}

.MiddlePanel A
{
    font-size: 12pt;
    color: #003366;
    text-decoration: none;
    border-bottom: solid 1px #94141E;
    border-bottom-color: #003366;
    border-bottom-style: dotted;
}

.MiddlePanel H1
{
    font-size:28pt;
    padding:5px;
    color: #94141E;
    border-bottom:solid 1px #E8D2D2;
}

.MiddlePanel H2
{
    font-size: 18pt;
    padding: 5px;
    color: #94141E;
    border-bottom: solid 1px #E8D2D2;
}

.MiddlePanel H3
{
    font-size: 14pt;
    padding: 5px;
    color: #94141E;
}





/* ==================================================================================================== */
/* ===== Boite d'encapsulation de contenu                                                         ===== */
/* ==================================================================================================== */

.Box
{
    margin:5px;
    border: 1px solid #E8D2D2;
    background-color:White;
}

.Box>.BoxHeader
{
    display:block;
    color: #94141E;
    margin:5px;
    /* padding:5px;*/
    border-bottom: 1px solid #E8D2D2;
    /* background-image:url("NK_BOX_A.png"); */
    background-position: left bottom;
    background-repeat:no-repeat;        
}

.Box>.BoxHeader>H1
{
    font-size: 10pt;
    color: #94141E;
    margin:0px;
    padding:0px;
}

.Box>.BoxContent
{
    margin:5px;
    padding:0px;
    /* background-image:url("NK_BOX_B.png"); */
    /*background-color:White;*/
}

.Box>.BoxContent P
{
    margin:0px;
    padding-top:3px;
    padding-bottom:3px;
}

.Box>.BoxFooter
{
    display:block;
    font-size: 7pt;
    color: #94141E;
    margin:0px;
    padding:5px;
    /* background-image:url("NK_BOX_B.png"); */
    /*background-color:White;*/
}

.PagesList LI
{
    list-style-image:url("NK_MENU_FOND_C.png");
}


.inputForm INPUT
{
    width: 99%;
}

.inputForm TEXTAREA
{
    width:99%;
}















.DocRemarque
{
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border-top: solid 1px #E8D2D2;
    border-bottom: solid 1px #E8D2D2;
    width: auto;
    background-color: #ECF5FF;
}

.DocListe
{
    
}

.DocListeTitre
{
    font-weight:bold;
    margin-top:5px;
    margin-right:0px;
    margin-left:0px;
    margin-bottom:0px;
}

.DocListeContenu
{
    /*border-left:solid 1px #E8D2D2;*/
    margin-left:20px;
    padding-left:15px;
}

.DocListeContenu>.DocListeItem
{
    list-style-image:url("PUCE.png");
    margin-top:2px;
    margin-bottom:2px;
}

.DocListeContenuNumérique
{
    /* border-left:solid 1px #E8D2D2;*/
    margin-left:20px;
    padding-left:15px;
}

.DocListeContenuNumérique>.DocListeItem
{
    list-style-image:url("PUCE.png");
    margin-top:2px;
    margin-bottom:2px;
}

.DocListeNuméro
{
    color: #94141E;
}

.DocEncart
{
    /* background-color: #FFFBF8; */
    background-color: #FFFFCC;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    border-top: solid 1px #E8D2D2;
    border-bottom: solid 1px #E8D2D2;
}

.DocLégende
{
    font-style:italic;
    font-size:8pt;
}

.DocGoogle
{
    margin-top: 10px;
    margin-bottom: 10px;
    border:solid 1px #E8D2D2;
    padding:5px;
    width:auto;
}

.DocInformation
{
}

.DocInformationImg
{
}

.DocAttention
{
}

.DocAttentionImg
{
}

.DocNote
{
}

.DocNoteImg
{
}

.DocSection
{
    width:100%;
    margin-bottom:20px;
}

.DocSectionTitre
{
    color: #94141E;
    font-size:14pt;
    font-weight: bold;
    border-bottom:solid 1px #E8D2D2;
}

.DocSectionTitre .DocSectionIcone
{
    clear:both;
    float:left;
    vertical-align:middle;
    margin-right:5px;
}



.DocSectionContenu
{
    padding-top:10px;
}

.DocCodeBloc
{
}

.DocCodeBlocLigneNum
{
    display: block;
    float: left;
    clear: both;
    color: Green;
    width: 35px;
    text-align: right;
    background-color: #eeeeee;
    padding-right: 5px;
    margin-right: 5px;
}

.DocCodeBlocLigne0
{
    display:block;
    background-color:#ffffff;
    padding:0px;
    margin:0px;
}

.DocCodeBlocLigne1
{
    display:block;
    background-color:#f5f5f5;
    padding:0px;
    margin:0px;
}

.DocCodeBlocTitre
{
    font-weight:bold;
}

.DocCodeBlocContenu
{
    display:block;
    font-family: 'Courier New' , Courier, monospace;
    font-size: 8pt;
    overflow:auto;
    white-space:pre;

    padding: 5px;
    background-color:#eeeeee;
}

.DocCodeBlocSubBloc
{
    display:block;
    position:relative;
    margin-top:5px;
    padding:0px;
}

.DocCodeBlocCopy
{
    position:absolute;
    display:block;
    float:right;
    cursor:pointer;
}

.DocCodeBlocCommandes
{
    float:right;
    text-align:right;
    font-size:8pt;
}

.DocColonnes
{
    width:100%;
}

.DocColonneGauche
{
    width:50%;
    border-right: solid 1px #E8D2D2;
    vertical-align:top;
}

.DocColonneGauche>DIV
{
    margin-right:5px;
}

.DocColonneDroite
{
    width:50%;
    vertical-align:top;
}

.DocColonneDroite>DIV
{
    margin-left:5px;
}

.DocImage
{
    float:right;
    clear:both;
    border:solid 1px #E8D2D2;
    margin:5px;
    padding:5px;
}

.Simple
{
    float:right;
    clear:both;
    border:none;
    margin:5px;
    padding:5px;
}