*{ font-family:sans-serif; }

img{ border:0; }

a{ text-decoration:none; color:#3f78b3; }
a:hover{ text-decoration:underline; }

form{ display:inline; margin:0; padding:0; }

.icone18{ width:18px; height:18px; }
.level{ width:100px; border-top:#71b0f0 1px solid; border-bottom:#71b0f0 1px solid; background:#c3d9ff; font-size:0; cursor:help; }
.levelcentre{ margin-left:auto; margin-right:auto; text-align:left; }
 .level div{ height:12px; background:#2c8df0; }

.resolu{ padding-left:18px; background:url(/images/icone_16_resolu.png) 0px no-repeat; }

.smiley { position:relative; top:3px; }

.codewall{ margin-top:15px; border:black 1px dashed; background:#f9f7ed; padding:5px; }

body{ margin:0; padding:0; padding-bottom:5px; background:#f9f7ed url(/images/fond_body.png) repeat-x; color:black; }

div#overDiv{ position:absolute; visibility:hide; z-index:20; }
 div#overDivIn{ border:black 1px solid; background:#ffffdc; text-align:left; padding:5px; font-size:14px; }
  div#overDivIn td{ font-size:14px; }

div#popMessagerie{ position:absolute; z-index:10; top:-57px; right:10px; width:200px; height:65px; background-image:url(/images/fond_pop_messagerie.gif); }
 div#popMessagerie div{ padding:8px; padding-top:10px; text-align:center; font-size:14px; }

img#logo{ position:absolute; width:380px; height:80px; top:10px; left:10px; }

div.recherche{ position:absolute; height:25px; top:15px; right:10px; font-size:0; }
 div.recherche input.recherche{ width:180px; height:25px; padding-left:28px; padding-top:3px; padding-right:5px; border:0; font-size:16px; background:url(/images/fond_input_recherche.png) no-repeat; color:black; vertical-align:middle; }
 div.recherche input.recherche_ok{ margin-left:4px; width:25px; height:25px; border:0; background:url(/images/recherche_ok.jpg); cursor:pointer; vertical-align:top; }

div#barre_utilisateur{ position:absolute; height:29px; top:80px; right:0; background:url(/images/fond_barre_utilisateur.png) repeat-x; padding-right:10px; }
 div#barre_utilisateur_in{ background:url(/images/bord_gauche_barre_utilisateur.png) no-repeat; padding-left:30px; padding-top:4px; font-size:16px; }
  font#connectes{ cursor:help; }
   font#connectes img{ vertical-align:top; }
  input#ident_login{ margin-left:30px; width:120px; height:22px; border:0; background:url(/images/fond_input_ident_login.png); font-size:14px; padding-top:2px; padding-left:28px; vertical-align:top; }
  input#ident_pass{ margin-left:4px; width:120px; height:22px; border:0; background:url(/images/fond_input_ident_pass.png); font-size:14px; padding-top:2px; padding-left:20px; vertical-align:top; }
  input#ident_ok{ margin-left:4px; width:25px; height:18px; border:0; background:url(/images/ident_ok.png); cursor:pointer; margin-top:2px; vertical-align:top; }
  /*font#identifie{ margin-left:30px; }*/
   font#identifie form{ display:inline; margin:0; padding:0; vertical-align:top; }
    input#ident_deco{ margin-left:4px; width:18px; height:18px; border:0; background:url(/images/ident_deco.png); cursor:pointer; vertical-align:top; }
   font#identifie img{ vertical-align:top; }

div#menu{ position:absolute; width:218px; top:115px; left:5px; }

 div#menu .boite{ margin-bottom:5px; background:url(/images/fond_menu_centre.png) repeat-y left; }
  div#menu .boite h2{ margin:0; padding:0; padding-top:9px; padding-left:14px; color:#437dad; font-size:18px; font-style:italic; background:url(/images/fond_menu_haut.png) no-repeat left top; }
  div#menu .boite .contenu{ padding-bottom:9px; padding-left:14px; background:url(/images/fond_menu_bas.png) no-repeat left bottom; font-size:14px; }
  div#menu .boite a.fixe{ display:block; padding-top:4px; padding-left:20px; background:url(/images/puce_menu.gif) no-repeat 5px 5px; }
  div#menu .boite a.fixe:hover{ text-decoration:none; background:url(/images/puce_menu.gif) no-repeat 8px 5px; }
  div#menu .boite p{ margin:0; padding:0; padding-top:4px; padding-left:20px; background:url(/images/puce_menu.gif) no-repeat 5px 5px; color:#3f78b3; }

 div#menu .boite_v{ margin-bottom:5px; background:url(/images/fond_menu_centre_v.png) repeat-y left; }
  div#menu .boite_v h2{ margin:0; padding:0; padding-top:14px; padding-left:14px; color:#1d81e6; font-size:22px; font-style:italic; background:url(/images/fond_menu_haut_v.png) no-repeat left top; }
  div#menu .boite_v .contenu{ padding-bottom:14px; padding-left:14px; background:url(/images/fond_menu_bas_v.png) no-repeat left bottom; font-size:14px; }
  div#menu .boite_v a.fixe{ display:block; padding-top:4px; padding-left:20px; background:url(/images/puce_menu.gif) no-repeat 5px 5px; color:#1d81e6; }
  div#menu .boite_v a.fixe:hover{ text-decoration:none; background:url(/images/puce_menu.gif) no-repeat 8px 5px; }

div#conteneur{ margin-top:110px; padding-left:223px; background:#c3d9ff url(/images/fond_contenu.png) repeat-y; }
 div#contenu{ padding:5px; padding-bottom:0; }

  .infobox{ margin-bottom:5px; padding:5px; padding-left:44px; padding-right:10px; border:white 1px solid; background:#f9f7ed url(/images/icone_22_infobox.png) 10px no-repeat; font-size:15px; }
  .errorbox{ margin-bottom:5px; padding:5px; padding-left:44px; padding-right:10px; border:#cc0000 1px solid; background:#ffd7d7 url(/images/icone_22_errorbox.png) 10px no-repeat; font-size:15px; }

  h1.onglet{ margin:0; padding:0; background:white url(/images/fond_onglet.png) repeat-x; }
   h1.onglet div{ padding-left:10px; padding-top:5px; background:url(/images/fond_onglet_gauche.png) no-repeat; border-right:#a9bcdd 1px solid; font-size:18px; color:#558; font-style:italic; text-align:left; }
    h1.onglet div .flux{ float:right; font-size:0; padding-top:5px; }
     h1.onglet div .flux img{ margin-right:10px; }
  h1.ferme{ border-bottom:#a9bcdd 1px solid; }
   h1.ferme div{ padding-bottom:5px; }

  .boite_sous_onglet{ margin-bottom:5px; padding:10px; background:white url(/images/fond_boite_sous_onglet.png) no-repeat right bottom; border-right:#a9bcdd 1px solid; border-bottom:#a9bcdd 1px solid; }
   .boite_sous_onglet h2{ padding-left:10px; font-size:16px; color:#558; font-style:italic; }

  input.champ,textarea.champ{ border:#c3d9ff 1px solid; background:#f7faff; color:black; font-size:14px; }
  input.bouton{ border:#558 1px solid; background:#c3d9ff; color:black; font-size:14px; }
  input.large,textarea.large{ width:100%; }

div#mentions{ border-top:#8b939d 1px solid; border-bottom:#8b939d 1px solid; background:#eee; padding-top:3px; font-size:10px; color:#356aa0; text-align:center; padding-bottom:3px; }
 div#mentions a{ color:#356aa0; }