/**************************************/
/*      0 - STRUCTURE                 */
/**************************************/
#cadre-principal{
    max-width: 950px;
    margin: 0 auto;
    overflow: hidden;
    background-color: white;
}
#colonne-gauche{
    float: left;
    width: 20%;
}
#colonne-centre{
    float: left;
    width: 100%;
}
#colonne-droite{
    float: left;
    width: 20%;
}
#colonne-gauche + #colonne-centre{
    width: 60%;
}

/* corps */
#colonne-gauche .corps,
#colonne-centre .corps,
#colonne-droite .corps{
    margin  :   10px;
}
#colonne-gauche .corps ul,
#colonne-droite .corps ul{
    margin  :   0;
    padding :   0;
    list-style-type :   none;
}

/**************************************/
/*      I - CADRE PRINCIPAL           */
/**************************************/

/* -- Module 404 -- */
#mod-404 .bloc-404{
    border                  :   1px dashed #111111;
    text-align              :   center;
    color                   :   #000000;
    padding                 :   5px;
    margin                  :   10px;
}

/*------------------------------------*/
/*     1- COLONNE GAUCHE              */
/*------------------------------------*/
/* Logo */
#colonne-gauche .logo img{
    width           :   100%;
}

/* Menu */
#colonne-gauche ul.menu{
    margin          :   10px 0;
    border-radius   :   10px;
    background      :   #999;
    overflow        :   hidden;
}
#colonne-gauche .menu, #colonne-gauche .menu a{
    color           :   #fff;
}
/* -- niv 1 */
#colonne-gauche .menu > li{
    margin          :   10px;
    padding-top     :   10px;
    border-top      :   1px solid #fff;
}
#colonne-gauche .menu > li:first-child{
    padding-top     :   0;
    border-top      :   0;
}
#colonne-gauche .menu div{
    position        :   relative;
    padding-left    :   13px;
    font-size       :   13px;
    font-weight     :   bold;
}
#colonne-gauche .menu div img{
    position        :   absolute;
    top             :   2px;
    left            :   -5px;
}
/* -- niv 2 */
#colonne-gauche .sous-menu > li{
    margin          :   2px 0;
    margin-left     :   20px;
}

/* D�connexion */
#colonne-gauche .deconnexion{
    display         :   inline-block;
    margin-left     :   25px;
    background      :   url(/img/picto/deconnexion.png) no-repeat left top;
    text-indent     :   20px;
}

/* Wiki */
#colonne-gauche .wiki{
    display         :   inline-block;
    margin-left     :   25px;
    background      :   url(/img/picto/aide.gif) no-repeat left top;
    text-indent     :   20px;
}

/*------------------------------------*/
/*     2 - COLONNE CENTRE             */
/*------------------------------------*/

/* Fil d'ariane */
#colonne-centre .fil-ariane{
    margin-top      :   10px;
    margin-bottom   :   20px;
    font-size       :   14px;
}

/*------------------------------------*/
/*     3 - COLONNE DROITE             */
/*------------------------------------*/
#colonne-droite .corps{
    border          :   1px solid #999999;
    padding         :   10px;
}

/* Infos famille */
#colonne-droite .infos-famille{
    color           :   #000;
    margin-bottom   :   20px;
}

/* Infos famille enfants */
#colonne-droite .infos-famille-enfants li{
    margin          :   10px 10px;
    overflow        :   hidden;
}
#colonne-droite .infos-famille-enfants .photo{
    margin-right    :   5px;
    float           :   left;
}

/* Infos famille */
#colonne-droite .infos-facture{
    padding         :   10px 0;
    /* text-align      :   right; */
    color           :   #000;
}

.header {
    text-align: center;
    background-color: #999;
    padding: 10px;
    /* height: 125px; */
}

.header > h1 {
    color: white;
    font-size: 36px;
}

.header > h2 {
    color: white;
    font-size: 26px;
}