/* 
    Document   : page-accueil
    Created on : 31 oct. 2012, 10:25:35
    Description:
        Feuille de style propre à la page d'accueil
*/

#content_body{
    padding-top: 0;
}

/* Conteneur de la page */
#page-accueil{
    position: relative;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
    width: 980px;
    background: transparent url("../../images/content/PageAccueil/Fond.png") no-repeat 570px -60px;
}

/* Titre de la page */
#page-accueil .page-titre{
    font-size: 24px;
    color: #323234;
    font-weight: 600;
    padding-left: 40px;
    padding-right: 40px;
}

/* Contenus en accroche */
#page-accueil #page-accroche{
}

#page-accueil #page-accroche div.content{
    padding-left: 40px;
    padding-right: 40px;
}

/* Séparateur de l'espace des contenus en accroche */
#page-accueil #page-accroche div.footer{
    display:block;
    height: 14px;
    background: #ffffff url("../../images/content/PageAccueil/Separateur.png") no-repeat center bottom;
}

#page-accueil #page-accroche div.contenu {
    width: 400px;
}

/* Titre des contenus en accroche */
#page-accueil #page-accroche div.contenu .titre_article, 
#page-accueil #page-accroche div.contenu .titre{
    font-size: 50px;
    line-height: 52px;
    color: #848587;
}

/* Texte des contenus en accroche */
#page-accueil #page-accroche div.contenu {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

/* Contenus normaux */
#page-accueil #page-contenus{
    background: #ffffff;
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
}

/* Titre des contenus normaux */
#page-accueil #page-contenus div.contenu .titre_article, 
#page-accueil #page-contenus div.contenu .titre{
    font-size: 24px;
    color: #1a171b;
    font-weight: 600;
}

/* Contenus en pied de page */
#page-accueil #page-piedpage{
    background: #ffffff;
    padding-left: 40px;
    padding-right: 40px;
}

/* Titre des images */
#page-accueil div.contenu div.images div.image a .image-titre, 
#page-accueil div.images div.image .image-titre {
    text-transform: uppercase;
    font-weight: normal;
    color: #1a171b;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 13px;
}    

/* Légende des images des contenus */
#page-accueil div.contenu div.images div.image a .legende, div.images div.image .legende {
    display: block;
    font-size: 12px;
    font-weight: normal;
}

/**** Blocs Inscription / Connexion ****/

#page-accueil div.espace-client-block{
    position: absolute;
    right: 40px;
    background: #ffffff;
    border: 1px solid #000000;
    width: 260px;
}

/* Bloc Inscription */
#espace-client-block-inscription{
    padding-top: 5px;
    height: 70px;
    top: 20px;
    text-align: center;
}

/* Titre du bloc */
#espace-client-block-inscription .titre{
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 1em;
    display: block;
    margin-bottom: 10px;
}

#espace-client-block-inscription a{
    display: inline-block;
    background: #f08816;
    color: #000000;
    font-size: 16px;
    padding: 5px 20px;
    border: 1px solid #000000;
    font-weight: 500;
}

#espace-client-block-inscription a:hover{
    background: #00a3c6;
}

/* Bloc connexion */
#espace-client-block-connexion{
    top: 105px;
    overflow: hidden;
    height: 181px;
}