/* --- CONTAINER --- */

@import url("content.css");

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #a3daf4 url(../images/common/fd.gif) repeat-x;
}
.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 0px;
    line-height        : 0px;
}
#container {
	width              : 1000px;
	margin             : 0 auto;
}
#main {
    width              : 1000px;
    background         : #a3daf4 url(../images/common/fd_main.gif) repeat-x;
}

/* --- HEADER --- */
#header {
    position           : relative;
}
#header_background {
	text-align         : center;
}
#header_menu {
    position           : absolute;
    top                : 288px;
    left               : 600px;
}
#header_menu ul {
    list-style         : none;
}
#header_menu li {
    float              : left;
    color              : #1bbbe9;
    font-weight        : bold;
    padding-right      : 5px;
    font-size          : 12px;
}
#header_menu li a, #header_menu li a:link, #header_menu li a:visited, #header_menu li a:hover {
    color              : #1bbbe9;
    text-decoration    : none;
    text-transform     : uppercase;
    font-weight        : bold;
    font-size          : 12px;
}

/* --- CONTENT --- */
#content {
	width              : 883px;
    margin             : 0 0 0 59px;
	background         : #FFF;
	padding            : 0 0 20px 0;
}

/* SIDEBAR-LEFT */
#sidebar_left {
    float              : left;
    width              : 171px;
    background         : #FFF;
    padding            : 0 0 0 9px;
}

/* MENU */
.elem_menu {
    width              : 160px;
    padding            : 4px 0 0 0;
    margin             : 0 0 0 0;
    background         : transparent url(../images/common/fd_menu.gif) no-repeat;
    display            : block;
    margin-bottom      : 3px;
}
div.on {
    background         : transparent url(../images/common/fd_menu_on.gif) no-repeat;
}
.elem_menu a, .elem_menu a:link, .elem_menu a:visited {
    padding            : 0 0 0 9px;
    display            : block;
    text-decoration    : none;
    text-transform     : uppercase;
    height             : 19px;
    color              : #005091;
    font-weight        : bold;
}
.elem_menu a:hover {
    display            : block;
}
div.on a, div.on a:link, div.on a:visited {
    padding            : 0 0 0 9px;
    display            : block;
    text-decoration    : none;
    text-transform     : uppercase;
    height             : 19px;
    color              : #FFF;
    font-weight        : bold;
}
.elem_menu a:hover {
    display            : block;
}
.elem_menu ul.ssmenu_niv1 {
    list-style-type    : none;
    margin             : 0 0 0 0;
}
.elem_menu ul.ssmenu_niv1 li {
    background         : #66b9e3;
}
.elem_menu ul.ssmenu_niv1 li.on {
    background         : #b0e0f6 url(../images/common/fleche_niv1.gif) 5px 7px no-repeat;
}
.elem_menu ul.ssmenu_niv1 li a, .elem_menu ul.ssmenu_niv1 li a:link, .elem_menu ul.ssmenu_niv1 li a:visited {
    padding            : 0 0 0 9px;
    display            : block;
    text-decoration    : none;
    color              : #FFF;
    padding            : 5px 0 0 20px;
    margin-bottom      : 1px;
    text-transform     : none !important;
}
.elem_menu ul.ssmenu_niv1 li a:hover {
    display            : block;
}
.elem_menu ul.ssmenu_niv1 li.on a, .elem_menu ul.ssmenu_niv1 li.on a:link, .elem_menu ul.ssmenu_niv1 li.on a:visited {
    padding            : 0 0 0 9px;
    display            : block;
    text-decoration    : none;
    color              : #004f92;
    padding            : 5px 0 0 20px;
    margin-bottom      : 1px;
    text-transform     : none !important;
}
.elem_menu ul.ssmenu_niv1 li.on a:hover {
    display            : block;
}
.elem_menu ul.ssmenu_niv2 {
    list-style-type    : none;
    margin             : 0 0 0 0;
}
.elem_menu ul.ssmenu_niv2 li {
    background         : #b0e0f6;
}
.elem_menu ul.ssmenu_niv2 li.on {
    background         : #b0e0f6 url(../images/common/fleche_niv2.gif) 12px 8px no-repeat;
}
.elem_menu ul.ssmenu_niv2 li a, .elem_menu ul.ssmenu_niv2 li a:link, .elem_menu ul.ssmenu_niv2 li a:visited {
    padding            : 0 0 0 9px;
    display            : block;
    text-decoration    : none;
    color              : #008ecd !important;
    text-transform     : none !important;
    padding            : 5px 0 0 25px !important;
}
.elem_menu ul.ssmenu_niv2 li a:hover {
    display            : block;
}
.elem_menu ul.ssmenu_niv2 li.on a, .elem_menu ul.ssmenu_niv2 li.on a:link, .elem_menu ul.ssmenu_niv2 li.on a:visited {
    padding            : 0 0 0 9px;
    display            : block;
    text-decoration    : none;
    color              : #004f92 !important;
    text-transform     : none !important;
    padding            : 5px 0 0 25px !important;
}
.elem_menu ul.ssmenu_niv2 li.on a:hover {
    display            : block;
}

/* CONTENU */
#contenu {
    float              : left;
    width              : 494px;
    padding            : 0 0 0 9px;
}
#bandeau_content {
    width              : 489px;
    background         : transparent url(../images/common/fd_bandeau_content.gif) no-repeat;
    height             : 18px;
    color              : #FFF;
    padding            : 5px 0 0 5px;
    text-align         : center;
    font-weight        : bold;
}

/* SIDEBAR-RIGHT */
#sidebar_right {
    float              : left;
    width              : 79px;
    padding            : 0 0 0 20px;
}
#conteneur_sponsor {
    width              : 155px;
    background         : transparent url(../images/common/fd_sb_right.gif) repeat-y;
    padding-left       : 5px;
}
#conteneur_vignette {
    width              : 155px;
    background         : transparent url(../images/common/fd_vignette_droite.gif) repeat-y;
    padding-left       : 5px;
}

/* --- FOOTER --- */
#footer {
    position           : relative;
    width              : 883px;
    padding            : 0 0 0 0;
    margin             : 0 0 0 59px;
}

#footer_menu {
    padding-left       : 30em;
}
#footer_menu ul {
    list-style         : none;
}
#footer_menu li {
    float              : left;
    color              : #FFF;
    font-weight        : bold;
    padding-right      : 5px;
    font-size          : 12px;
}
#footer_menu li a, #footer_menu li a:link, #footer_menu li a:visited, #footer_menu li a:hover {
    color              : #FFF;
    text-decoration    : none;
    font-weight        : bold;
    font-size          : 12px;
}
div.erreur {
    border              : 1px solid #970000;
    background          : #dbd2d2;
    padding             : 5px;
    margin              : 5px;
    color               : #610000;
    font-weight         : bold;
    text-align          : center;
    width               : 300px;
}

input.champ {
    border              : 1px solid #333333;
    width               : 76px;
    font-size           : 10px;
    margin-bottom       : 3px;
}
input.submit {
    border              : 1px solid #333333;
    font-size           : 10px;
}
div.member_section {
    font-weight         : bold;
    padding-top         : 6px;
    font-variant        : small-caps;
    font-size           : 14px;
}