body
{
    margin: 0;
    padding: 0;
    font-family: Arial;
    text-align: center;
    background: url(../images/page_fond.jpg) #CCCCCC;
}

.div, .padding, .fond, .ombre,
#gauche,
#gauche .menu h2,
#gauche .menu,
#gauche .menu ul,
#gauche .menu .plus,
#haut,
#haut ul,
#haut ul li,
#milieu,
#milieu .cadre,
#milieu .cadre h2,
#milieu .cadre .contenu,
#bas,
#liste_membre
{
    position: relative;
    float: left;
}

.padding
{
    margin: 10px;
}

#conteneur
{
    margin: 0 auto 0 auto;
    text-align: left;
    width: 1010px;
}

.ombre
{
    width: 1010px;
    background: url(../images/ombre_fond.png) repeat-y;
    border-bottom: 4px solid #ffcc00;
}

.fond
{
    margin: 0 10px 0 10px;
    background: white;
}











#haut
{
    width: 740px;
}

#gauche
{
    width: 250px;
}

#milieu
{
    width: 740px;
}

#bas
{
    width: 990px;
}













#haut ul
{
    margin: 0;
    padding: 0;
    width: 720px;
    list-style-type: square;
    background: url(../images/haut_menu_fond.jpg) repeat-y #097778;
}

#haut ul li
{
    min-width: 80px;
    margin: 5px 20px 5px 20px;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

#haut ul li a
{
    color: #ffcc00;
    text-decoration: none;
}

#haut ul li:hover a
{
    color: #6aa9ae;
}

#haut ul li:hover
{
    color: #ffcc00;
}

#haut ul #empty
{
    list-style-type: none;
}







#gauche #logo
{
    width: 240px;
}

#gauche #logo img
{
    border: 0;
}



#gauche .menu
{
    width: 230px;
    margin: 10px 0 10px 0;
    border: solid 1px #ffcc00;
}

#gauche .menu h2
{
    width: 220px;
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 16px;
}

#gauche .menu ul
{
    width: 230px;
}

#gauche .menu ul li
{
    width: 185px;
    font-size: 13px;
}

#gauche .menu ul li a
{
    font-size: 13px;
    color: #6aa9ae;
    text-decoration: none;
}

#gauche .menu ul li:hover a
{
    color: #097778;
}

#gauche .menu ul li:hover
{
    background: #EEEEEE;
    list-style-type: square;
    color: #ffcc00;
}

#gauche .menu .plus
{
    width: 220px;
    margin: 0 5px 5px 5px;
    text-align: right;
    font-size: 12px;
    color: #ffcc00;
    text-decoration: none;
    font-weight: bold;
    background: url(../images/haut_menu_fond.jpg) repeat-y #097778;
}

#gauche .menu .plus p
{
    margin: 2px;
}

#gauche .menu .plus:hover
{
    background: url(../images/gauche_plus_fond_hover.jpg) repeat-y #ffcc00;
    color: #097778;
}




#liste_membre
{
    width: 700px;
    margin: 0;
    padding: 0;
}

/*#liste_membre tr td img
{
    width: 100px;
    height: 150px;
    margin: 0 20px 20px 0;
}*/

#liste_membre tr td img
{
    border: 0;
}

#liste_membre tr td.txt
{
    width: 162px;
    vertical-align: top;
    border: dashed 1px #6aa9ae;
}

#liste_membre tr td.txt a
{
    font-size: 13px;
    color: #ffcc00;
    font-weight: bold;
}









#milieu .fil_ariane
{
    margin: 10px 0 10px 0;
}

#milieu .fil_ariane, #milieu .fil_ariane a
{
    font-size: 12px;
    color: #6aa9ae;
}

#milieu .fil_ariane a:hover
{
    color: #ffcc00;
}



#milieu .cadre
{
    width: 720px;
    margin: 0 0 20px 0;
    padding: 0;
}

#milieu .cadre h2
{
    width: 720px;
    margin: 0;
    font-size: 18px;
}

#milieu .cadre .contenu
{
    width: 720px;
    border: 0;
    border-top: solid 3px #ffcc00;
    background: #EEEEEE;
    text-align: justify;
    font-size: 14px;
}

#milieu .cadre .contenu table tr td
{
    text-align: justify;
    font-size: 14px;
}






a
{
    font-size: 14px;
    color: #097778;
}

a:hover
{
    color: #6aa9ae;
    text-decoration: none;
}









h1
{
    font-size: 22px;
    font-weight: bold;
    margin: 10px 0 10px 0;
    color: #097778; 
}


h3, h3 a
{
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    color: #097778;
}

h3 a:hover
{
    color: #ffcc00;
    text-decoration: none;
}

h4, h4 a
{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    color: #6aa9ae;
}

h4 a:hover
{
    color: #097778;
    text-decoration: none;
}

h5
{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

h6
{
    font-size: 14px;
    color: #097778;
    margin: 0;
    font-weight: normal;
}

h7
{
    font-size: 14px;
    color: #6aa9ae;
    margin: 0;
}





.numeros_parus
{
    margin: 0 0 10px 0;
    border-bottom: dashed 1px ffcc00;
}