/* --------------------------------------------- */
    /* --- POSITIONNEMENTS et COULEURS des BLOCS --- */
    /* ------------ RÉSOLUTION CLASSIQUE ----------- */
    /* --------------------------------------------- */





body {
    background:url(../img/104.jpg);
    background-attachment: fixed;

}


    /* Menu */


#inv {
    display:none;
}



    /* Contenu principal */

#principal {
    background:#fff;
    float:right;
    min-height:500px;
    overflow:auto;
    width:69%;
    padding:1%;
    padding-right:2%;
    clear:none;
    border-radius:20px;
    border:10px;
}

#principal  img{
    float:right;
    margin-right:5px;
    margin-bottom:5px;
    
}


    /* Contenu secondaire */

#secondaire {
    background:#fff;
    float:left;
    min-height:500px;
    overflow:auto;
    width:29%;
    padding:1%;
    padding-right:2%;
    clear:none;
    border-radius:20px;
    border:10px;
}

#secondaire  img{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    
}




/* Sous contenu 1 */

#sous-contenu_1{
    width:66%;
    margin:2%;
    float:left;
}


/* Sous contenu 2 */

#sous-contenu_2{
    width:26%;
    margin:2%;
    float:left;
}


/* Sous contenu 3 */

#sous-contenu_3{
    width:98%;
    margin:2%;
    float:left;
}

    /* Pied de page */

#pied,#tete {
    width: 98%;
    float:left;
    margin:1%;
    border-radius:10px;
    background-color:#fff;
    text-align:center;
}


    /* Liste */

#sous-contenu_1 li{
    margin-top:2px;
    margin-bottom:2px;
    margin-left: 15px;
    line-height : 15px;
}

#sous-contenu_2 li, #sous-contenu_3 li{
    margin-top:2px;
    margin-bottom:2px;
    margin-left: 10px;
    line-height : 15px;
}
#sous-contenu_2 li{
    list-style-type:none;
}

#sous-contenu_3 ul{
    margin:0px;
}

#sous-contenu_3 ul li{
    margin-left: -20px;
    line-height : 15px;
    list-style-type:circle;
}


    /* menu déroulant */
#menu ul{
    display:none;
}


#menu li a:hover ul.niveau2 {display:block;}