/* NOTE : BOOTSTRAP MANAGED DEVICE SIZES */
/*480px / 768px / 992px / 1200px*/
/* ****** */
/* LAYOUT */
/* ****** */
body
{    
    overflow:hidden !important;
    overflow-y:auto !important;
    width:100%;   
    min-width:500px; 
    height:100%;
    min-height:100vh;
    margin:0;
    padding:0;
    font-family:'Lato', Arial, sans-serif;
}

#MainLayout
{
    display:block !important;
    margin:0;
    padding:0;
    padding-left:20px;
    padding-right:20px;
}

#MainLayoutHeader
{
}

#MainLayoutContent
{
    overflow:hidden !important;    
    display:block !important;
    position:relative !important;      
    top:1000px; /* For JS animation on load => See Global.js */
    height:auto;
    width:100%;
    min-height:660px;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    
    box-shadow:5px 5px 35px 15px rgba(0, 0, 0, .2);
    -moz-box-shadow:5px 5px 35px 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow:5px 5px 35px 15px rgba(0, 0, 0, .2);
    -o-box-shadow:5px 5px 35px 15px rgba(0, 0, 0, .2); 
       
    filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, .2), Direction=134, Strength=35);
}

#MainLayoutContent .PtsPage
{
    overflow:hidden !important;
}

#MainLayoutFooter
{         
    display:flex !important;
    justify-content: center;
    width:100%;
    padding: 2em 1em 1em;
    color:#FFF;
}

#MainLayoutFooter a
{         
    text-decoration:none; 
    color:#FFF;          
    margin: 0 2em;
    padding: 0.5em 0;
    font-size:0.8em;
}

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

#MainLayoutFooter h4.MctLink
{
    display:inline-block; float:left; width:auto;
}

/* ******************** */
/* MAIN LAYOUT - HEADER */
/* ******************** */
#MainLayoutHeader .navbar-default
{
    z-index:9990 !important;
    display:block !important;
    height:65px;
    width:100%;
    margin:0;
    padding:0;
    background-color:transparent;
    border-color:transparent;
    padding-top:15px;
    padding-bottom:0; 
}

#MainLayoutHeader .navbar-default:hover
{
    cursor:pointer; 
}

#MainLayoutHeader .navbar-right
{
    margin:0; 
}

#MainLayoutHeader .HeaderButtonRendezVous
{
    display:block !important;
    float:right;
    width:auto; height:auto;
    margin-top:-140px; /* For JS animation on load => See Global.js */
}

#MainLayoutHeader .HeaderButtonRendezVous a
{
    display:block !important;
    z-index:4 !important;

    background-color:transparent;
    border:2px solid #FFF;
    padding:5px 20px;  
    color:#FFF;
    white-space:nowrap;

    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;  
}

#MainLayoutHeader .HeaderButtonRendezVous a:hover
{
    text-decoration:none;
}

#MainLayoutHeader #ButtonMonControleTechnique
{   
    z-index:4 !important;    

    float:left;
    width:auto;
    height:auto;       
    padding:0;
    margin:0;
    margin-right:20px;
    margin-top:30px;
}

#MainLayoutHeader #ButtonMonControleTechnique img
{
    width:250px;
    height:auto;
    margin:0; padding:0;
}

#MainLayoutHeader #ButtonBannerCustomerDefault
{   
    z-index:4 !important;    

    float:left;
    width:auto;
    height:auto;       
    padding:0;
    margin:0;
    margin-right:20px;
    margin-top:0;
}

#MainLayoutHeader #ButtonBannerCustomerDefault img
{
    width:auto;
    height:80px;
    margin:0; padding:0;
}

/* Center Logo */
#MainLayout .MainLayoutLogo
{
    overflow:hidden !important;
    position:fixed !important;
    display:block !important;
    z-index:9990 !important;

    top:10px;
    left:155px;        
    width:130px;
    height:130px;
    margin:0 auto; padding:0;
    margin-top:-140px; /* For JS animation on load => See Global.js */
    border:1px solid;

    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;   
}

#MainLayout .MainLayoutLogo img
{   
    z-index:9999 !important; 
    width:130px;
    height:130px;    
}

#MainLayout .JsEffect
{
    display:block !important;
    position:relative !important;
}

/* ************************************ */
/* MAIN LAYOUT - HEADER - VERTICAL MENU */
/* ************************************ */
#MainLayoutVerticalMenu .VerticalMenu
{    
    display:block !important;
    position:relative !important;
    top:15px;
    width:199px;
    height:100%;
    margin:0; padding:0; padding-bottom:15px;    
    border:0;
    list-style:none;
    background-color:transparent;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;    
}

#MainLayoutVerticalMenu .VerticalMenu li
{
    display:block !important; 
    margin:0; padding:0;
}

#MainLayoutVerticalMenu .VerticalMenu li a,
#MainLayoutVerticalMenu .VerticalMenu li.Label
{
    display:block !important;  
    white-space:normal;
    word-wrap:break-word;    
    padding:15px 20px;
}

#MainLayoutVerticalMenu .VerticalMenu li.Label
{  
    cursor:default;
}

#MainLayoutVerticalMenu .VerticalMenu li.Separator
{
    margin-left:20px;
    margin-right:20px;   
}

#MainLayoutVerticalMenu .VerticalMenu li.HomeIcon a,
#MainLayoutVerticalMenu .VerticalMenu li.CtonlineLink a,
#MainLayoutVerticalMenu #VerticalMenuOrganization .VerticalMenu li.Centers a.Title
{
    font-weight:bold;
}

#MainLayoutVerticalMenu #VerticalMenuOrganization .VerticalMenu li.CtonlineLink a
{
    font-weight:bold;
}

#MainLayoutVerticalMenu .VerticalMenu li a:hover{
    text-decoration: underline;
}
#MainLayoutVerticalMenu .VerticalMenu li a:active,
#MainLayoutVerticalMenu .VerticalMenu li a.visited
{
    text-decoration:none;
}

#VerticalMenuOrganization .VerticalMenu li.Centers a.Title:hover
{
    cursor:pointer;
}

/* MAIN LAYOUT - VERTICAL MENU - CENTERS SUB MENU (ORGANIZATION MODE ONLY) */
#MainLayoutVerticalMenu .VerticalMenu .VerticalMenuCenters,
#MainLayoutHeader .VerticalMenu .VerticalMenuCenters
{
    overflow:auto !important;

    top:-200px;
    border:0;
    margin:0;
    padding:15px;
    padding-top:30px;
    padding-bottom:15px;
    opacity:0.90;
    width:100%;
    max-width:55vh;
    height:auto;
    max-height:55vh;

    border-top-right-radius:7px;
    border-bottom-right-radius:7px;
    -moz-border-top-right-radius:7px;
    -moz-border-bottom-right-radius:7px;
    -webkit-border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;

    box-shadow:1px -1px 1px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow:1px -1px 1px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow:-1px -1px 1px rgba(0, 0, 0, 0.5) inset;
    -o-box-shadow:1px -1px 1px rgba(0, 0, 0, 0.5) inset;    
}

#MainLayoutVerticalMenu .VerticalMenu .VerticalMenuCenters li,
#MainLayoutHeader .VerticalMenu .VerticalMenuCenters li
{
    width:auto;
    margin:0; padding:0;
}

#MainLayoutVerticalMenu .VerticalMenu .VerticalMenuCenters li a,
#MainLayoutHeader .VerticalMenu .VerticalMenuCenters li a
{
    white-space:initial;
    margin:0;
    padding:0;
    padding-bottom:15px;
}

/* SOCIAL LINKS */
.SocialLinks
{
    margin:0; padding:0;
}

.SocialLinks li,
.SocialLinks li a
{
    float:left;
    margin:0; padding:0;
    width:auto;
}

/* ********************* */
/* MAIN LAYOUT - CONTENT */
/* ********************* */
#MainLayoutContent .MainLayoutContentCol1
{    
    overflow:hidden !important;
    display:block !important;
    float:left;
    width:200px;
    height:100%;
    content:' ';
    background-color:transparent;
}

#MainLayoutContent .MainLayoutContentCol2
{
    overflow-x:auto !important;
    display:block !important;
    float:right;
    width:100%;
    max-width:calc(100% - 200px);
    height:100%;    
    background-color:#FFF;
}

/* ******************** */
/* MAIN LAYOUT - FOOTER */
/* ******************** */
#MainLayoutFooter h4
{
    display:block !important;

    width:auto;
    height:auto;
    color:#FFF;
}

/* **************** */
/* SCREEN <= 766px */
/* **************** */
@media screen and (max-width:766px)
{
    #MainLayoutHeader #ButtonMonControleTechnique
    {       
        margin-top:20px;
    }
}

/* **************** */
/* SCREEN <= 679px */
/* **************** */
@media screen and (max-width:679px)
{
    #MainLayoutHeader #ButtonBannerCustomerDefault img
    {       
        /*float:right;*/
        /*margin-bottom:150px;*/
        display:none;
    }
}

/* **************** */
/* SCREEN <= 479px */
/* **************** */
@media screen and (max-width:479px)
{
    #MainLayoutHeader .HeaderButtonRendezVous
    {
        float:left;     
    }

    #MainLayoutHeader .HeaderButtonRendezVous a
    {
        padding:3px 6px;  
    }
}