/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #a2bd30;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}
h1 {
    color                : #ffffff !important;
}
#container {
    width              : 1158px;
    margin             : 0;
    height             : 788px;
    padding            : 0px;
}
div#left_side_home {
    float              : left;
    width              : 430px;
}
/* --- HEADER --- */
#header {
    height             : 110px;
    margin-bottom      : 5px;
}
#header_background {
    text-align         : left;
    margin             : 10px 0 0 49px;
    margin-right        : 50px \9;
    _margin            : 10px 50px 0 24px;
    width              : 258px;
    float              : left;
    margin-bottom      : 0;
}

div#title {
    float              : left;
    width              : 450px;
    margin             : 25px 0 0 45px;

}
#page_title {
    color              : #336699;
}

/* ***************************************** MENU GAUCHE ******************************************* */
/* ********niveau 1 ************ */
#menu_gauche {
    float              : left;
    height             : 500px;
    width              : 180px;
    background         : none;
    margin             : 0;
}
#menu_gauche ul {
    margin             : 0;
    background         : none;
}
#menu_gauche ul.niveau_1 li.niveau_1 {
    list-style         : none;
    background         : none;
    color              : #336699;
    border             : none;
    margin             : 0;
    font-weight        : bold;
}
#menu_gauche ul.niveau_1 li.niveau_1 a, #menu_gauche ul.niveau_1 li.niveau_1 a:link, #menu_gauche ul.niveau_1 li.niveau_1 a:visited {
    text-decoration    : none;
    color              : #336699;
    display            : block;
    padding            : 5px 0 0 15px;
}
#menu_gauche ul.niveau_1 li.on a, #menu_gauche ul.niveau_1 li.on a:link, #menu_gauche ul.niveau_1 li.on a:visited {
    color              : #336699;
}
#menu_gauche ul.niveau_1 li.niveau_1 a:hover {
    text-decoration    : underline;
}
#menu_gauche ul.niveau_1 li.niveau_1 a.on {
    background         : url(../images/on_sous_menu_interieur.jpg) no-repeat 0 5px;
}
#menu_gauche ul.niveau_1 li.open, #menu_gauche ul.niveau_1 li.open_click {
    background         : url(../images/on_sous_menu_interieur.jpg) no-repeat 0 5px;
}
/************** niveau 2 ********** */
#menu_gauche ul.niveau_2 li.niveau_2 {
    list-style         : none;
    background         : none;
    color              : #666666;
    border             : none;
    margin             : 0;
    font-weight        : bold;
}
#menu_gauche ul.niveau_2 li.niveau_2 a, #menu_gauche ul.niveau_2 li.niveau_2 a:link, #menu_gauche ul.niveau_2 li.niveau_2 a:visited {
    margin-left        : 20px;
    text-decoration    : none;
    color              : #666666;
    display            : block;
    padding            :  0 0 0 8px;
    /*background         : url(../images/fleche_gris_fonce.gif) no-repeat 0px;*/
}
#menu_gauche ul.niveau_2 li.on a, #menu_gauche ul.niveau_2 li.on a:link, #menu_gauche ul.niveau_2 li.on a:visited {
    color              : #666666;
}
#menu_gauche ul.niveau_2 li.niveau_2 a:hover {
    text-decoration    : underline;
}
/******************* niveau 3 ***********************/
#menu_gauche ul.niveau_3 li.niveau_3 {
    list-style         : none;
    background         : none;
    color              : #999999;
    border             : none;
    margin             : 0;
}
#menu_gauche ul.niveau_3 li.niveau_3 a, #menu_gauche ul.niveau_3 li.niveau_3 a:link, #menu_gauche ul.niveau_3 li.niveau_3 a:visited {
    margin-left        : 24px;
    text-decoration    : none;
    color              : #999999;
    display            : block;
    font-weight        : normal !important;
    padding            : 0 0 0 14px;
  /*  background         : url(../images/fleche_gris_clair.gif) no-repeat 0px;*/
}
#menu_gauche ul.niveau_3 li.on a, #menu_gauche ul.niveau_3 li.on a:link, #menu_gauche ul.niveau_3 li.on a:visited {
    color              : #999999;
}
#menu_gauche ul.niveau_3 li.niveau_3 a:hover {
    text-decoration    : underline;
}
/************************************************************** */
/* --- CONTENT --- */
div#contenu {
    width              : 520px;
    height             : 330px;
    overflow           : auto;
    float              : left;
    margin-top         : 150px;
    text-align          : justify;
}
#content {
    margin             : 0 0 0 180px;
    padding            : 0px 5px 5px 10px;

}
div#hack_logo_page {
    background         :  url(../images/hack_logo_page.gif) top center no-repeat;
    position           : absolute;
    z-index            : 30;
    width              : 517px;
    height             : 130px;
    margin             : 0px;
    padding            : 0;
    top                : 109px;
    left               : 189px;
}
div#bandeau_page {
    width              : 517px;
    height             : 130px;
    position           : absolute;
    z-index            : 29;
    margin             : 0;
    left               : 189px;
    top                : 109px;
}
div#actu {
    margin-top         : 30px;
    margin-left        : 15px;
}
div#page_impression {
    margin-top         : 5px;
    margin-left        : 15px;
}
div#projet {
    margin-top         : 5px;
    margin-left        : 15px;
}
div#projet a, div#projet a:link, div#projet a:visited, div#actu a, div#actu a:visited, div#actu a:link,
div#page_impression a, div#page_impression a:link, div#page_impression a:visited {
    color              : #336699;
    border             : none;
    text-decoration    : none;
    font-weight        : bold;
}
div#projet a:hover, div#actu a:hover, div#page_impression a:hover {
    text-decoration    : underline;
}
/* ****************************** gabarit home  ********************* */
div#content_home {
    width              : 450px;
    float              : left;
    position           : relative;
    z-index            : 50;
}
div#hack_diaporama {
    background         :  url(../images/hack_diaporama.gif) top center no-repeat;
    position           : absolute;
    z-index            : 30;
    width              : 483px;
    height             : 295px;
    margin-top         : 0px;
    top                : 116px;
    left               : 0;
}

div#diaporama {
    position           : relative;
    z-index            : 10;
    width              : 430px;
    heigth             : 295px;
    margin-top         : 2px;
    _margin-top        : 0;
    padding            : 0;
    float              : left;
}
div#diaporama img {
    margin-top         : -2px;
}
div#actu_home {
    width              : 180px;
    margin             : 305px 0 0 37px;
    _margin-top        : 10px;
}
div.les_actus_home {
    margin-bottom      : 10px;
}
div.titre_actu_home a, div.titre_actu_home a:link, div.titre_actu_home a:visited {
    color              : #006699;
    font-size          : 22px;
    text-decoration    : none;
}
div.titre_actu_home a:hover {
    text-decoration    : underline;
}
div.description_actu_home {
    color              : #6B6B6B;
}
a.suite_actu_home, a.suite_actu_home:visited, a.suite_actu_home:link {
    color              : #336699;
    text-decoration    : none;
}
a.suite_actu_home:hover {
    text-decoration    : underline;
}
div#affiche_projet {
    width              : 180px;
    margin             : 0 0 10px 37px;
}
div#titre_projet {
    color              : #336699;
    font-size          : 22px;
    margin-bottom      : 0;
}
div#titre_projet a, div#titre_projet a:link, div#titre_projet a:visited {
    color              : #336699;
    font-size          : 22px;
    text-decoration    : none;
}
div#titre_projet a:hover {
    text-decoration    : underline;
}
/* --- FOOTER --- */
div#bas_page {
    color              : #666633;
    font-size          : 10px;
    margin             : 10px 0 0 37px;
    width              : 700px;
    text-align         : center;
}

div#bas_page a, div#bas_page a:link, div#bas_page a:visited {
    text-decoration    : none;
    color              : #666633;
}
div#bas_page a:hover {
    text-decoration    : underline;
}
#footer {
    margin-left        : 471px;
    padding-top        : 10px;
}

#footer ul {
    margin             : 0;
    background         : none;
}
#footer ul li {
    display            : inline;
    list-style         : none;
    margin             : 0 !important;
    background         : none;
    padding            : 0;
    font-size          : 12px;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
    text-decoration    : none;
    color              : #006699;
    background         : none;
    border             : none;
    width              : auto;
    margin             : 0 !important;
    padding            : 1px;
    font-size          : 12px;
}
#footer ul li a:hover {
    text-decoration    : underline;
}
/* --- COPYRIGHT --- */
#copyright {
    padding            : 5px 0px;
    text-align         : center;
    color              : #000;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}
.label_form, .input_form, .button_form_register {
    margin-top            : 5px;
}