/* ----------------------------- */
/*  =    Modern UI styles      = */
/* ----------------------------- */

table.modern-ui-title-area {

}

td.modern-ui-page-title {
    font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
    font-size: 26px;
    color: #555555;
    line-height: 48px;
}

div.modern-ui-back {
    background-image: url(../images/IconsAction/ico_back_48x48.gif);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    cursor: pointer;
    width: 58px;
}

div.modern-ui-page span.title {
    display: block;
    font-weight: bold;	
    font-family: Arial;
    color: #5c7f92;
    font-size: 17px;
    line-height: 20px;
    letter-spacing:0px;
    padding: 10px 10px 5px 15px;
}


div.modern-ui-page span.subtitle {
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    color: #5c7f92;
    padding: 0px 10px 0px 15px;
    max-width: 200px;
    line-height: 14px;	
}


/* ---------------------------------------- */
/*  =    styles Navigation de droit      = */
/* -------------------------------------- */


#tile-navigation-right-grid
{
    width: 96%;
    height: 100%;    
    }


td.line, td.noline
{
    width: 100%;
    color: White;
    font-weight: bold;	
    font-family: Arial;
    font-size: 16px;
    height: 20%;
    padding-left: 15px;
    }
    
#tile-navigation-right-grid a, 
#tile-navigation-right-grid a:hover,
#tile-navigation-right-grid a:visited
{   
    color: #ffffff !important;   
    text-decoration: none;
}
    
#tile-navigation-right-grid td.line
{
    background-image: url('../Images/IconSideNavigation/70x1_blanc.png');
    background-position: 15px bottom;
    background-repeat: no-repeat;
    }    
    
#tile-navigation-right .ico_simul
{
    background-image: url('../Images/IconSideNavigation/ico_simul_blanc_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
    
#tile-navigation-right .ico_besoin
{
    background-image: url('../Images/IconSideNavigation/ico_besoin_blanc_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
    
    
#tile-navigation-right .ico_publi
{
    background-image: url('../Images/IconSideNavigation/ico_publi_blanc_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
    
#tile-navigation-right .ico_FoNe
{
    background-image: url('../Images/IconSideNavigation/ico_FoNe_blanc_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
    
#tile-navigation-right .ico_sugge
{
    background-image: url('../Images/IconSideNavigation/ico_sugge_blanc_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
    
    
/* ----------------------------------------- */
/*  =    styles tuile Aides entreprise    = */
/*  = et styles tuiles Aides particulier = */
/* -------------------------------------- */


#tile-aides-entre span,
#tile-aides-part-sp1 span,
#tile-aides-part-sp2 span,
#tile-aides-part-sp3 span,
#tile-aides-part-sp4 span
{
    line-height: 20px;
    margin-bottom: 10px;
    }

#tile-aides-entre a,
#tile-aides-part-sp1 a,
#tile-aides-part-sp2 a,
#tile-aides-part-sp3 a,
#tile-aides-part-sp4 a
{
    color: #5c7f92 !important;
    text-decoration: none;
    }

    
/* ---------------------------------------- */
/*  =    styles tuile carousel           = */
/* -------------------------------------- */   
    .title-carousel
 {   

    font-weight: bold;	
    font-family: Arial;
    color: #5c7f92;
    font-size: 17px;
    line-height: 18px;
    padding-left: 15px;
     }
     

    
/* ---------------------------------------- */
/*  =    styles tuile chiffre mois       = */
/* -------------------------------------- */      
  
#figure
 {
     padding: 3px 0px 0px 10px;
    font-family: Arial;
    color: #5c7f92;
    font-size: 40px;
    text-decoration: none;  
}
   
 #figure a
 {
    text-decoration: none;  
}
   
  #teaser
 {
        padding: 0px 10px 0px 15px;
    font-family: Arial;
    color: #5c7f92;
    text-decoration: none; 
    font-size: 12px;
    line-height: 14px;
}    
     
 
 
     
/* -------------------------------------------------------- */
/*  =    styles Navigation de droit pour sous-pages      = */
/* ------------------------------------------------------ */

table.grid a 
{
    text-decoration: none;
    color: #5c7f92 !important;    
}

#tile-navigation-right-sp1 table.grid,
#tile-navigation-right-sp2 table.grid,
#tile-navigation-right-sp3 table.grid,
#tile-navigation-right-sp4 table.grid
{
    width: 96%;
    height: 100%;    
    }

#tile-navigation-right-sp1 td.line, 
#tile-navigation-right-sp1 td.noline,

#tile-navigation-right-sp2 td.line, 
#tile-navigation-right-sp2 td.noline,

#tile-navigation-right-sp3 td.line, 
#tile-navigation-right-sp3 td.noline,

#tile-navigation-right-sp4 td.line, 
#tile-navigation-right-sp4 td.noline
{
    width: 75%;
    color: #5c7f92;
    font-weight: bold;	
    font-family: Arial;
    font-size: 17px;
    height: 20%;
    padding-left: 15px;
    }
    
    
#tile-navigation-right-sp1 td.line,
#tile-navigation-right-sp2 td.line,
#tile-navigation-right-sp3 td.line,
#tile-navigation-right-sp4 td.line
{
    background-image: url('../Images/IconSideNavigation/70x1_bleu.png');
    background-position: 15px bottom;
    background-repeat: no-repeat;
    }    
    
    
    
#tile-navigation-right-sp1 .ico_simul,
#tile-navigation-right-sp2 .ico_simul,
#tile-navigation-right-sp3 .ico_simul,
#tile-navigation-right-sp4 .ico_simul
{
    background-image: url('../Images/IconSideNavigation/ico_simul_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
    
    
#tile-navigation-right-sp1 .ico_besoin,
#tile-navigation-right-sp2 .ico_besoin,
#tile-navigation-right-sp3 .ico_besoin,
#tile-navigation-right-sp4 .ico_besoin
{
    background-image: url('../Images/IconSideNavigation/ico_besoin_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
    
    
#tile-navigation-right-sp1 .ico_publi,
#tile-navigation-right-sp2 .ico_publi,
#tile-navigation-right-sp3 .ico_publi,
#tile-navigation-right-sp4 .ico_publi
{
    background-image: url('../Images/IconSideNavigation/ico_publi_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
    
#tile-navigation-right-sp1 .ico_FoNe,
#tile-navigation-right-sp2 .ico_FoNe,
#tile-navigation-right-sp3 .ico_FoNe,
#tile-navigation-right-sp4 .ico_FoNe
{
    background-image: url('../Images/IconSideNavigation/ico_FoNe_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
    
#tile-navigation-right-sp1 .ico_sugge,
#tile-navigation-right-sp2 .ico_sugge,
#tile-navigation-right-sp3 .ico_sugge,
#tile-navigation-right-sp4 .ico_sugge
{
    background-image: url('../Images/IconSideNavigation/ico_sugge_52x52.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    }
    
.ico_simul a,
.ico_besoin a,
.ico_publi a,
.ico_FoNe a,
.ico_sugge a 
{
   width: 54px;
   height: 48px;
   display: block; 
}    
    
/* ----------------------------------- */
/*  =    styles tuile recherche      = */
/* ----------------------------------- */    

table.search-grid 
{
    width: 204px;
    margin: 15px 10px 10px 10px;
    background-color: #ffffff;
    height: 28px;
    }
    
table.search-grid td 
{
    vertical-align: middle;
    }    
    
table.search-grid img
{
    vertical-align: middle;
    }    
    
table.search-grid input 
{
    border: 0px;
    width: 170px;
    }