body
      {
         margin: 10px 0 ;
         padding: 0 ;
         text-align: center ;
         font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
         background: #2F2523 ;
      }
      
a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }

.spip_code { }

p.spip_note { }
hr.spip { }
b.spip { }
i.spip { }      
      
   div#conteneur
      {
         width: 800px ;         
         margin: 0 auto ;
         text-align: left ;
         border: 2px solid #ab4 ;
         background: #fff      }
      
      h1#header
      {
         height: 158px ;
         margin: 0 ;
         background: url(../rep_pics/ssi/logossi.jpg) no-repeat left top ;
                        z-index : 1;
      }
      
      h1#header a
      {
         width: 400px ;
         height: 120px ;
         display: block ;
         background: url(../rep_pics/ssi/titressi.png) no-repeat ;
         position: relative ;
         left: 340px ;
         top: 20px ;
                        z-index : 1;
      }
   

      h1#header a span
      {
         display: none ;
      }
      
      ul#menu
      {
         height: 25px ;
         margin: 0 ;
         padding: 0 ;
         background: url(../rep_pics/ssi/bg_menu.gif) repeat-x 0 -25px ;
         list-style-type: none ;
      }
            
      ul#menu li
      {
         float: left ;
         text-align: center ;
      }
      

      
      ul#menu li a
      {
         width: 150px ;
         line-height: 25px ;
         font-size: 1.2em ;
         font-weight: bold ;
         letter-spacing: 2px ;
         color: #fff ;
         display: block ;
         text-decoration: none ;
         border-right: 2px solid #fff ;
      }
      
      ul#menu li a:hover
      {
         background: url(../rep_pics/ssi/bg_menu.gif) repeat-x 0 0 ;
      }

      ul#menu li.current
      {
         background: url(../rep_pics/ssi/bg_menu.gif) repeat-x 0 0 ;
      }



p.ps
{
padding: 5px;
background : #ccc;
border : 2px solid #000;
   border-radius: 0.5em;
   /* Arrondi des coins pour Mozilla */
   -moz-border-radius: 0.5em;
}

ul.box_derniersarticles
{
padding-left: 40px;
list-style-type: none ;
background: #fff ;
border: 2px solid #034695 ;
   border-radius: 0.5em;
   /* Arrondi des coins pour Mozilla */
   -moz-border-radius: 0.5em;
}

p.erreur_404
{background: #ff0 ;
border: 5px solid #f00 ;
text-align:center;
text-decoration:blink;
font-family : Arial, sans-serif ;
font-size: 1.2em;
font-weight: bold;
color: #f00 ;
}

li.plan-article
{display: list-item ;
list-style-image: url("../rep_pics/stock_new-16.png");}

li.plan-rubrique
{display: list-item ;
list-style-image: url("../rep_pics/sc_dbqueryopen.png");}

li.plan-breve
{display: list-item ;
list-style-image: url("../rep_pics/stock_paste-16.png");}

li.plan-site
{display: list-item ;
list-style-image: url("../rep_pics/stock_insert_url-16.png");}
      

      
      
      div#contenu
      {
         padding: 0 15px 0 100px ;
         background: url(../rep_pics/ssi/bandeau_gauche_ssi.png) no-repeat 15px 15px ;
      }
      
      
      div#moz_add {
   float: right;
   /*width: 14em;*/
   width: 160px;
   margin-left: 4%;
   /*margin-left: 2em;*/
   margin-top: 0em;
   margin-bottom: 0em;
   margin-right: 0px;
}
      
                  
      
      div#contenu h2
      {
         padding-left: 25px ;
         line-height: 25px ;
         font-size: 1.4em ;
         background: url(../rep_pics/ssi/petitlogo.jpg) no-repeat left bottom ;
         color: #034695 ;
         border-bottom: 1px solid #034695 ;
      }
      
      div#contenu h3
      {
         margin-left: 15px ;
         padding-left: 5px ;
         border-bottom: 1px solid #034695 ;
         border-left: 3px solid #034695 ;
         color: #034695 ;
      }

h3.spip {
}

.spip_puce {
   list-style-position: inside;
   border-width: 0px;
}

                div#contenu h4
      {
         margin-left: 20px ;
         padding-left: 2px ;
         border-bottom: 1px solid #034695 ;
         border-left: 2px solid #034695 ;
         color: #034695 ;
      }
      
      
      div#contenu p
      {
         text-align: justify ;
         /*text-indent: 2em ;*/
         line-height: 1.7em ;
      }
      
      div#contenu a, a
      {
         color: #034695 ;
      }
      
      div#contenu a:hover, a:hover
      {
         color: #034695 ;
      }
      
      p#footer
      {
         margin: 0 ;
         padding-right: 10px ;
         line-height: 30px ;
         text-align: right ;
         color: #034695 ;
      }
      
      pre
      {
         overflow: auto ;
         background: #dea ;
         border: 2px solid #034695 ;
         padding: 5px 0 0 5px ;
         font-size: 1.2em ;
      }
      
      * html pre
      {
         width: 636px ;
      }
      
      pre span
      {
         color: #560 ;
      }
      
      pre span.comment
      {
         color: #b30000 ;
      }
      
      
      /* Forums */

h2.forum
      {
         padding-left: 48px ;
         line-height: 48px ;
         font-size: 1.4em ;
         background: url(../rep_pics/discussion.png) no-repeat left bottom ;
         color: #9b2 ;
      }


div.forum {
   border: solid 1px #fff;
   margin: 0.5em;
   padding: 0.5em;
   background-color: #fff;

}

div.forum ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

div.forum li {
   margin: 0.2em 0 0.2em 1em;
   padding: 0;
}

div.message {
   margin: 0;
   padding: 0.2em;
   border: 1px solid #ccc;
   background: #ddd;

}

li li div.message {
   border: 1px solid #bbb;
   background: #ccc;
}

div.forum li p.author {
   color: #069;
   font-size: 0.9em;
   padding: 0.1em;
   margin: 0;
}

div.forum li h4 {
   color: #069;
   padding: 0.1em;
   margin: 0;
}

div.forum li div.texte {
   padding: 0.2em;
   margin: 0;
}

p.reply {
   text-align: right;
}

p.gravatar {
   float: right;
}

p.gravatar, p.gravatar img {
   border: 0;
   padding: 0;
   margin: 0;
}


/* Recherche GOOGLE */

.google_box {
        top : 6px;
   padding-left: 6px;
   width: 150px;
   border: 1px solid #c4c4ff;
   font-family: verdana,helvetica,sans-serif;
   -moz-border-radius: 6px;
   font-size: 11px;
}

.google_form {
   margin-top: 0px;
   text-align: left;
}

a.partie_privee 
{
float : left;
top : 1px ;
left : 1px;
font-style : italic ;
font-size : small ;
text-decoration : none ;
}

a.partie_privee:hover
{
text-decoration : underline ;
}


table.spip {
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #999999;
   border-collapse:collapse;
}

table.spip caption{
   caption-side: top; /* bottom pas pris en compte par IE */
   text-align: center;
   margin-left: auto;                                                       
   margin-right: auto;
   padding: 3px;
   font-weight: bold;
   font-family: Verdana,Arial,Sans,sans-serif;
   font-size : 70%;
}

table.spip tr.row_first {
   background-color: #FCF4D0;
}

table.spip tr.row_odd {
   background-color: #d0d0d0;
}

table.spip tr.row_even {
   background-color: #F0F0F0;
}

table.spip td {
   padding: 3px;
   text-align: left;
   vertical-align: middle;
}

blockquote.spip
{
   margin-left : 40px;
   margin-top : 10px;
   margin-bottom : 10px;
   margin-right: 0px;
   padding-left: 10px;
   padding-right: 10px;
background-color : #dea;
border : solid 2px #034695;
   border-radius: 0.5em;
   /* Arrondi des coins pour Mozilla */
   -moz-border-radius: 0.5em;

}


.en2col{
   float: left;
   width: 47.5%;
}

.inside3col {
   padding: 13px 13px;
   margin: 0px;
}

#box_pagination {
   padding: 3px;
}

#box_pagination {
   background: #F6FAFA url("../rep_pics/biospip/bgtitre.gif") scroll repeat-y top right;
   position:relative;
   border:1px solid #99CCCC;
}


.clear{
   clear: both;
}

html>body .mozclear/* could use :root instead of html>body to target mozilla specifically, but that invalidates the stylesheet */
{
   border-bottom: 1px solid transparent;   /* help mozilla recognize empty clearing element */
   margin-bottom: -1px;   /* compensate for 1px space used by border */
}

/* \*/
* html .hollyfix {
   overflow: hidden;
   o\verflow: visible;
   width: 100%;
   w\idth: auto;
}

/* */

/* \*/
i {content: "\"/*" }
* html .hollyfix {
   height : 1%;
} 
/* */


.spip_documents{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 70%;
}

.spip_documents_center{
   margin: auto; 
   text-align: center;
   width: 80%;
}

.spip_documents_left{
   float: left;
   margin-right: 15px; 
   text-align: center;
}

.spip_documents_right{
   float: right;
   margin-left: 15px; 
   text-align: center;
}

/*
 * Barre de raccourcis
 */

a.spip_barre img {
   border-left: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-right: 1px solid #aa9966;
   border-bottom: 1px solid #aa9966;
   padding: 3px;
   background-color: #FFDDAA;
}
a.spip_barre:hover img {
   border: 1px solid #808080;
   padding: 3px;
   background-color: #f8f8f4;
}


.forml { width: 100% ; background-color: #FFDDAA;}

.spip_encadrer {
   font-family: helvetica, arial, sans-serif;
   width : 95%;
   background-color: #FFFFFF;
   padding: 5px;
   border: 1px #666666 solid;
}

.spip_cadre {
   width : 95%;
   background-color: #FFFFFF;
   padding: 5px;
   margin-top: 10px;
}

div.spip_poesie {
   margin-bottom: 5px;
   margin-left: 10px;
   padding-left: 10px;
   border-left: 1px solid #999999;
}
div.spip_poesie div {
   text-indent: -60px;
   margin-left: 60px;
}

.spip_bouton { background-color: #FFCC00;}

form.formrecherche { 
   margin-top: 5px;
   margin-bottom: 5px;
}
input.formrecherche {
   width: 95%;
   background-color: #FFDDAA;
}

.reponse_formulaire {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-weight: bold;
   font-size: 110%;
   color: red;
}

.spip_surligne { background-color: #FFFF66; }

/*
 *  Images typographiques (via image_typo)
 */
.image_typo {
   behavior: url("win_png.htc");
}