/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #475a78;
    background          : #1F2A3E;
    text-decoration     : none;
    margin              : 0px;
    padding             : 0px;
}

a, a:visited, a:link {
  color               : #17273C;
  background-color    : inherit;
  text-decoration     : none;
}
a:hover, a:active {
  text-decoration     : underline;
}

a img {
    border              : 0px;
}

p {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    margin-top          : 5px;
    margin-bottom       : 5px;
    background          : transparent;
}

h1 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 18px;
    font-weight         : bold;
    color               : #1F2A3E;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
h2 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #475a78;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
h3 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #475a78;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

hr {
    background-color    : #D1D6DD;
    color               : #D1D6DD;
    height              : 1px;
    border              : 0;
}

td {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
ol {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    list-style			: disc;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/

div#conteneur {
    margin-top          : 34px;
    width               : 1000px;
    height              : 768px;
    margin-left         : auto;
    margin-right        : auto;
}

div#header {
    position            : relative;
    clear               : both;
    width               : 998px;
    height              : 169px;
    border              : 1px solid #8F959F;
    background          : #FFFFFF url(images/fond_header.gif) top left no-repeat;
}

a#logo {
    position            : absolute;
    width               : 315px;
    height              : 100px;
    top                 : 0px;
    left                : 27px;
}

div#changement_langue {
    position            : absolute;
    background          : transparent url(images/fond_choix_langue.gif) top right no-repeat;
    width               : 476px;
    padding-right       : 180px;
    top                 : 0px;
    right               : 0px;
    text-align          : right;
    font-size           : 10px;
}

div#changement_langue a, div#changement_langue a:link, div#changement_langue a:visited {
    color               : #3D4E6A;
    font-weight         : normal;
    text-decoration     : none;
}

div#changement_langue a:hover, div#changement_langue a:active {
    color               : #FFFFFF;
}


div#menu_outils {
    position            : absolute;
    top                 : 53px;
    right               : 0px;
    width               : 620px;
}

div#menu_outils table {
    width               : 100%;
}

div#menu_outils table td {
    text-align          : center;
    color               : #17273C;
    text-decoration     : none;
    text-transform      : uppercase;
    font-weight         : bold;
    font-size           : 10px;
}

div#menu_outils table td a, div#menu_outils table td a:link, div#menu_outils table td a:visited {
    display             : block;
    background          : transparent url(images/puce_menu_outils_off.gif) bottom center no-repeat;
    text-decoration     : none;
    text-transform      : uppercase;
    color               : #FFFFFF;
    font-weight         : bold;
    height              : 27px;
}
div#menu_outils table td a.on, div#menu_outils table td a.on:link, div#menu_outils table td a.on:visited,
div#menu_outils table td a:active, div#menu_outils table td a:hover {
    display             : block;
    background          : transparent url(images/puce_menu_outils.gif) bottom center no-repeat;
    text-decoration     : underline;
    text-transform      : uppercase;
    color               : #FFDD00;
    height              : 27px;
}

div#menu {
    position            : absolute;
    width               : 765px;
    height              : 31px;
    top                 : 105px;
    left                : 16px;
}

div#contenu {
    clear               : both;
    width               : 998px;
    height              : 459px;
    overflow            : auto;
    background          : #FFFFFF;
    border-left         : 1px solid #8F959F;
    border-right        : 1px solid #8F959F;
    position            : relative;
}

div#contenu_large {
    width               : 900px;
    padding             : 50px 40px;
}

div#contenu_ac_diapo {
    width               : 600px;
    padding             : 50px 0px 50px 50px;
    float               : left;
}

div#diaporama {
    width               : 230px;
    padding             : 50px 10px;
    float               : right;
}

div.conteneur_image  {
    position            : relative;
    padding             : 10px 0px;
    background          : transparent url(images/coin_droit_bas.gif) right bottom no-repeat;
}

div.conteneur_image a  {
    display             : block;
    position            : relative;
    padding             : 15px;
    text-align          : center;
}

div.coin_gauche_haut {
    position            : absolute;
    width               : 70px;
    height              : 35px;
    top                 : 0px;
    left                : 0px;
    background          : transparent url(images/coin_gauche_haut.gif) left top no-repeat;
}

div#footer {
    clear               : both;
    width               : 998px;
    height              : 135px;
    border-top          : 5px solid #575F6E;
    border-left         : 1px solid #575F6E;
    border-right        : 1px solid #575F6E;
    border-bottom       : 1px solid #575F6E;
}

div#footer_contenu {
    width               : 998px;
    height              : 135px;
    background          : transparent url(images/fond_footer_contenu.png) bottom right no-repeat;
}

div#footer_texte {
    float               : left;
    padding             : 115px 0px 0px 20px;
    width               : 760px;
    text-transform      : uppercase;
    color               : #FFFFFF;
    font-size           : 10px;
}

div#footer_img {
    float               : right;
    padding             : 72px 5px 0px 0px;
    width               : 200px;
}

/* Menu */
div.menu {
    color               : inherit;
    background          : transparent url(images/menu_off.gif) bottom left repeat-x;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    padding             : 7px 23px;
    height              : 17px;
    color               : #FFDE00;
    background          : #425A79 url(images/menu_off.gif) bottom left repeat-x;
    text-decoration     : none;
    text-transform      : uppercase;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    display             : block;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #FFFFFF;
    text-decoration     : none;
    text-transform      : uppercase;
    background          : #425A79 url(images/menu_on.gif) bottom left repeat-x;
}

div.menu table td.separateur_menu {
    width               : 15px;
    /*height              : 31px;*/
    background          : #425A79 url(images/separateur_menu.gif) bottom left no-repeat;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 27px;
    color               : inherit;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
    float               : left;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    font-weight         : normal;
    padding             : 2px 10px;
    color               : #FFDE00;
    text-decoration     : none;
    text-transform      : uppercase;
}
div.ssmenu a.on, div.ssmenu a.on:visited, div.ssmenu a.on:link, div.ssmenu a.on:active, div.ssmenu a.on:hover
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
    float               : left;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    font-weight         : normal;
    color               : #FFFFFF;
    text-decoration     : none;
    text-transform      : uppercase;
}

/*    HOME    */
div#contenu_accueil {
    clear               : both;
    width               : 998px;
    height              : 372px;
    overflow            : auto;
    background          : #17273C url(images/fond_contenu_accueil.gif) top left no-repeat;
    border-left         : 1px solid #8F959F;
    border-right        : 1px solid #8F959F;
}

div#footer_accueil {
    width               : 998px;
    height              : 225px;
    border-left         : 1px solid #8F959F;
    border-right        : 1px solid #8F959F;
    border-bottom       : 1px solid #8F959F;
    background          : #17273C url(images/fond_footer_accueil.gif) bottom left no-repeat;
}

div#menu_accueil {
    clear               : both;
    width               : 898px;
    height              : 195px;
    text-align          : center;
    padding             : 10px 50px 0px 50px;
}

div#menu_accueil table#menu_accueil_haut, div#menu_accueil table#menu_accueil_bas {
    width               : 898px;
    /*border-bottom       : 1px solid #DBC10A;*/
    border-collapse     : collapse;
    border-bottom       : 0px;
}

div#menu_accueil table, div#menu_accueil table tr, div#menu_accueil table td {
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
}

div#menu_accueil table a, div#menu_accueil table a:visited, div#menu_accueil table a:link, div#menu_accueil table a:hover, div#menu_accueil table a:active {
    background          : transparent url(images/fond_menu_accueil_haut.gif) bottom center no-repeat;
    height              : 56px;
    padding-top         : 24px;
    display             : block;
    text-align          : center;
    text-transform      : uppercase;
    color               : #465876;
    font-size           : 11px;
    font-weight         : bold;
    text-decoration     : none;
    margin-left         : auto;
    margin-right        : auto;
    width               : 200px;
}

div#menu_accueil table#menu_accueil_haut a:hover, div#menu_accueil table#menu_accueil_haut a:active {
    background          : transparent url(images/fond_menu_accueil_haut_on.gif) bottom center no-repeat;
    color               : #D0B709;
}

div#menu_accueil table#menu_accueil_bas a, div#menu_accueil table#menu_accueil_bas a:visited, div#menu_accueil table#menu_accueil_bas a:link {
    background          : transparent url(images/fond_menu_accueil_bas.gif) top center no-repeat;
    height              : 40px;
    padding-top         : 40px;
}

div#menu_accueil table#menu_accueil_bas a:hover, div#menu_accueil table#menu_accueil_bas a:active {
    background          : transparent url(images/fond_menu_accueil_bas_on.gif) top center no-repeat;
    color               : #D0B709;
}

div#footer_accueil div#footer_texte {
    clear               : both;
    padding             : 0px 0px 0px 20px;
}