@charset "iso-8859-1";

/* =================== Base =================== */
html { 
   margin:0px; padding:0px;   
}

body { 
   margin:0px; padding:0px;
   text-align:center;

   background-color:#ececec;
}

body, table, select, input, textarea, samp { color:#000000; font-family:Arial; font-size:12px }

select      { border:1px solid }
form        { margin:0px; padding:0px }
hr          { height:1px; padding:0; background-color:#000000; border:0px }
dfn         { font-style:normal }
p, li       { font-size:12px }
img         { border:0px }

a       { color:#CC0033; text-decoration:underline }
a:hover { color:#CC0033; text-decoration:underline }

a.noborder, a.noborder:hover { text-decoration:none } /* Pour les icones W3C */
img.icone     { border:0px }

/* ================= Structure =============== */ 
div#document  { width:889px; margin-left:auto; margin-right:auto; text-align:left } 

div#coin_haut_gauche   { height:33px; background-image:url(images/coin_haut_gauche.png); background-repeat:no-repeat }
div#coin_haut          { width:856px; background-position:left; background-image:url(images/coin_centre_haut.png); background-repeat:repeat-x }
div#coin_haut_droite   { padding-right:33px; background-image:url(images/coin_haut_droite.png); background-repeat:no-repeat; background-position:right }

div#coin_milieu        { padding-left:33px; display:table; width:823px; background-position:left; background-image:url(images/coin_centre_gauche.png); background-repeat:repeat-y; background-color:#ffffff }
div#coin_milieu_droite { padding-right:33px; background-image:url(images/coin_centre_droite.png); background-repeat:repeat-y; background-position:right }

div#coin_bas_gauche   { text-align:center; padding-top:17px; height:16px; background-image:url(images/coin_bas_gauche.png); background-repeat:no-repeat }
div#coin_bas          { width:856px; background-position:left; background-image:url(images/coin_centre_bas.png); background-repeat:repeat-x }
div#coin_bas_droite   { padding-right:33px; background-image:url(images/coin_bas_droite.png); background-repeat:no-repeat; background-position:right; margin-bottom:25px }

img#bandeau { border:0px; padding-bottom:1px; background-image:url(images/pointilles.gif); background-repeat:repeat-x; background-position:bottom }

span#copyright { color:#999999; font-size:10px }
span#copyright a { color:#999999; font-size:10px; text-decoration:none }
span#copyright a:hover { text-decoration:underline }

div#corps      { width:823px }
div#corps_menu { float:left; width:160px; min-height:600px }
div#corps_contenu { float:right; width:520px; padding-top:5px; padding-bottom:10px; padding-left:8px; padding-right:10px; background-image:url(images/ombre_menu.gif); background-repeat:no-repeat }

h1#titre { font-size:24px; margin:0px; margin-bottom:10px  }
div#menu_chemin { position:absolute; margin-left:210px; margin-top:185px; color:#666666; font-size:10px; padding-bottom:20px }
div#menu_chemin a { font-size:10px; color:#666666; text-decoration:none }
div#menu_chemin a:hover { text-decoration:underline }

form { width:350px; margin-left:auto; margin-right:auto; display:block }
input    { border:1px #CCC solid; background-image:url(../images/button_fond.gif); height:15px; width:100%; font-size:11px; background-position:bottom; background-repeat:repeat-x }
textarea { border:1px #CCC solid; background-image:url(../images/button_fond.gif); width:100%; font-size:11px; background-position:bottom; background-repeat:repeat-x }
div#envoyer { padding-top:15px; text-align:center }
div#envoyer input { border:1px #CCC solid; background-image:url(../images/button_fond.gif); height:18px; width:200px; font-size:11px; background-position:bottom }

div#icone_bas     { width:110px; margin-top:10px; margin-left:auto; margin-right:auto }
div#icone_bas img { border:0px }
div#icone_bas ol  { margin:0px; padding:0px; list-style:none }
div#icone_bas li  { display:inline }

div.clear { display:table; clear:both }

/* ======================== Accueil ============================ */
samp#contenu { display:block; padding-top:5px }
samp#contenu img { margin-left:5px; max-width:200px; float:right }
samp#contenu a   { color:#666666; text-decoration:none }
samp#contenu a:hover { text-decoration:underline }

div#accueil_articles { float:left }
div#accueil_rss      { float:right }

div.accueil_colonne { display:table-cell; width:250px; margin-top:5px }
div.accueil_colonne h3 { width:100%; line-height:18px; background-color:#e86d00; color:#FFFFFF; text-indent:8px; margin:0px; margin-bottom:5px }
div.accueil_colonne h5 { clear:both; margin:0px; padding-top:4px; margin-bottom:5px; background-position:bottom; background-repeat:repeat-x; background-image:url(../images/fond_accueil_colonne.gif) }
div.accueil_colonne a {  text-transform:uppercase; color:#CC0033; font-size:13px; font-weight:bold; text-decoration:none }
div.accueil_colonne a:hover { text-decoration:none; color:#e86d00  }
div.accueil_colonne samp { color:#666666; display:block; margin-bottom:5px }
span.accueil_origine { font-size:9px; color:#999999 }

dl.rss { margin:0px; padding-top:4px  }
dt.rss_title { margin-bottom:5px; padding:0px; background-position:bottom; background-repeat:repeat-x; background-image:url(../images/fond_accueil_colonne.gif) }
dt.rss_title a { text-transform:uppercase; color:#CC0033; font-size:13px; font-weight:bold }
dt.rss_title a:hover { text-decoration:none; color:#e86d00 }
div.rss_date  { font-size:9px; color:#999999; display:none }
dd.rss_text  { display:block; color:#666666; margin:0px 0px 9px 0px; padding:0px }

/* ======================== Page générique ===================== */
h2#piece_jointe_titre   { margin:0px; background-color:#C6CDD7; color:#616E7F; font-size:11px; height:18px; line-height:18px; font-weight:bold; text-indent:10px; padding:1px; margin-top:20px; margin-right:5px }
ul#piece_jointe         { margin:0px; padding:0px; list-style:none; margin-right:5px }
ul#piece_jointe li      { background-color:#F4F5F9; text-indent:10px; padding-top:3px; padding-bottom:3px; margin-top:1px }
ul#piece_jointe a       { font-size:11px; color:#8C9BAE; text-decoration:none }
ul#piece_jointe a:hover { text-decoration:underline }

#verifHuman { display:none }

/* ================= Menu =============== */ 
ul#menu, ul.ssmenu { margin:0px; padding:0px; list-style:none }
ul#menu a          { color:#6f7e93;  font-family:arial; font-size:11px; font-weight:normal }
ul.ssmenu          { background-color:#ffffff; width:160px; padding-bottom:1px  }

li.menu_rubrique { width:160px; line-height:20px;  margin-bottom:5px; background-color:#f5f5f5; background-image:url(images/fleche_off.gif); background-repeat:no-repeat; background-position:6px 4px; color:#8D9DAD; font-weight:bold }
li.menu_rubrique a, li.menu_rubrique a:hover { text-decoration:none }

li.menu_rubrique_select    { width:160px; line-height:20px; margin-bottom:5px; background-color:#f5f5f5; background-image:url(images/fleche_on.gif); background-repeat:no-repeat; background-position:6px 4px; color:#8D9DAD; font-weight:bold }
li.menu_rubrique_select a, li.menu_rubrique_select a:hover { text-decoration:none }

li.menu_page { line-height:15px }
li.menu_page a { text-decoration:none }
li.menu_page a:hover { text-decoration:underline }

li.menu_page_select { line-height:15px }
li.menu_page_select a { text-decoration:none }
li.menu_page_select a:hover { text-decoration:underline }

/* ================ Plan du site ============= */
ul.plan_du_site          { margin:0px; padding:0px; list-style:none }
ul.plan_du_site a        { text-decoration:none }
ul.plan_du_site a:hover  { text-decoration:underline }

li.plan_du_site_dossier  { padding:0px; font-size:13px; font-weight:bold; color:#990000; line-height:20px }
li.plan_du_site_document { padding:0px; font-size:13px; font-weight:normal; line-height:20px }

/* ======== Webservices tiers ======== */
div#pub_vertical { float:right; width:120px }
div#pub_menu { width:120px; margin-top:5px }
div#pub_titre { text-align:center }
div#jamendo { text-align:center; margin-top:10px }