/***************************/
/* CSS siteweb public CAZY */
/***************************/


/*-----------------------*/
/* definitions generales */
/*-----------------------*/
html { 
   padding: 0; margin: 0;
}
body {
   color: #6B6B6B; font-size: 11px;
   font-family: verdana, arial, sans-serif;
   padding: 0; margin: 0;
}
a:link,a:visited,a:active {
   color: #0099CC; font-size: 11px; font-weight: normal; text-decoration: underline;
}
a:hover {
   color: orange; font-size: 11px; font-weight: normal; text-decoration: underline;
} 
body.bkg{ 
   background: #FFFFFF url(../images/bkg.png) no-repeat top left;
}
.logo_link {
   /*border: 1px solid red;*/ 
   width:280px; height:70px; position:absolute; top:0px; left:0px;
}   
/*--------------------------*/
/* cadres du menu principal */
/*--------------------------*/
.cadre_haut {
   height: 50px;
   margin: 0px 0px 0px 250px; 
}
.cadre_menu { 
   height: 15px;
   padding: 0px 0px 0px 60px;
   margin: 17px 0px 0px 0px; 
}
.cadre_sousmenu {
   line-height: 14px;
   height: 15px;
   margin: 3px 0px 0px 46px;
}
#confort {
   padding-left: 300px;
}

/*-----------------------------------*/
/* Apparence des menus et sous menus */
/*-----------------------------------*/
/*________PART MENU________*/
.Menu{
   font-size: 10px;
   text-transform: uppercase;
}
.Menu span {
   font-weight: bold;
   line-height: 14px; text-align: center;
   font-family: arial, verdana, sans-serif;      
}
#inactif {
   color: #FFFFFF;
   background: url(../images/btn-inactif.png) no-repeat left top;
   padding: 4px 0px 4px 28px;
}
#inactif b {
   background: url(../images/btn-inactif.png) no-repeat right top;
   padding: 4px 14px 4px 0px;
}
#encours {
   color: #FFFFFF;  
   background: url(../images/btn-encours.png) no-repeat left top;
   padding: 4px 0px 4px 28px;
}
#encours b {
   background: url(../images/btn-encours.png) no-repeat right top;
   padding: 4px 14px 4px 0px;
}
#inactif:hover, #inactif.designMenuHover {
   color: #E0EEEE;
   background: url(../images/btn-survol.png) no-repeat left top;
   padding: 4px 0px 4px 28px;
}
#inactif:hover b, #inactif.designMenuHover b {
   color: #FFFFFF;
   background: url(../images/btn-survol.png) no-repeat right top;
   padding: 4px 14px 4px 0px;
}
b .linkmenu { 
   font-size: 10px; font-weight: bold;
   line-height: 14px; text-align: center; text-transform: uppercase;  
   font-family: arial,verdana,sans-serif;  
}
b a:link.linkmenu,a:visited.linkmenu,a:active.linkmenu {
   color: #FFFFFF; text-decoration: none;
}
b a:hover.linkmenu {
   color: #E0EEEE; text-decoration: none;
}
/*________PART SOUS-MENU________*/
.SousMenuLine { 
   font-size: 11px;
   display: none; 
   padding: 2px 0px 0px 0px;
   margin: 0px 0px 0px 14px;
}
.SousMenuLineEncours { 
   font-size: 11px;
   display: none; 
   padding: 2px 0px 0px 0px;
   margin: 0px 0px 0px 14px;
}
.SousMenuLineSurvol { 
   font-size: 11px;
   display: none; 
   padding: 2px 0px 0px 0px;
   margin: 0px 0px 0px 14px;
}
.SousMenuEncours {
   color: #5CA2A8;font-size: 11px; text-decoration: none;
   padding : 0px 3px 0px 3px;
}
.SousMenuSurvol { 
   color: #5496B4; font-size: 11px; text-decoration: none;
   padding : 0px 3px 0px 3px;
}
#actif {
   font-weight: bold; text-decoration: none;
   padding : 1px 3px 2px 3px; 
   border: 0px;
}
.SousMenuEncours:link,.SousMenuEncours:visited, .SousMenuEncours:active {
   text-decoration: none;
}
.SousMenuEncours:hover {
   color: #0099CC; text-decoration: none;
   padding : 0px 2px 2px 2px;
   border :1px dotted #FFFFFF;
}
.SousMenuSurvol:link,.SousMenuSurvol:visited, .SousMenuSurvol:active {
   text-decoration: none;
}
.SousMenuSurvol:hover {
   color: #0099CC; text-decoration: none;
   padding : 1px 3px 2px 3px;   
   border-bottom :1px dotted #FFFFFF;
}
#ezcl {padding-left:75px;}
#amod {padding-left:214px;}
#gnom {padding-left:187px;}

/*-----------------------------*/
/* Apparence des tableaux spip */
/*-----------------------------*/
table.spip {
   padding: 0px;
   margin: 0px 0px 0px 20px;
}

table.spip tr.row_even {
}
table.spip tr.row_odd {   
}
table.spip td {
   padding: 10px 10px 10px 10px;
   border : 1px solid #CDCDCD;
}
table.spip td strong {
   color: #262626;
}
table.search {
   padding: 0px;
   margin: 0px 0px 0px 20px;
}
table.search td {
   padding: 5px 5px 5px 5px;
   border : 1px solid #CDCDCD;
}

/*------------------------------------------*/
/* Apparence des titres et paragraphes spip */
/*------------------------------------------*/
h1 { /* titre d'article */
   color: #3C8AAC; /*color: #108070; VERT */
}
h3.spip { /* {{{ intertitre }}} */
   color: #108070;     
   margin: 5px 0px 5px 0px;
   padding: 2px 0px 2px 10px;
   border-bottom: 1px dotted #108070;
}
h2 {
   color: #108070;
   font-size: 14px;
   padding: 2px 0px 2px 10px;
   border-bottom: 1px dotted #108070;
}
.notes, small, .ps {
   background-color: #F0F0F0;
   border: 1px dotted #D9D9D9; -moz-border-radius: 8px;
   margin: 40px 0px 40px 0px;
}
.paragraphe {   
   border: 1px dotted #108070; 
   margin: 30px 0px 10px 0px;
   padding: 0px 10px 10px 10px; 
}
.thsearch {
   color: #262626;
   padding: 3px 5px 3px 5px;
   background-color: #C6E2FF;
   border: 1px solid #3B6AA0;
}
.color {
   color: red;
}
.color1{
   color: #108070;
}
.color2{
   color: #108070;
   font-size: 11px;
}
.cadre_bas {
   margin: 20px 0px 0px 0px;
   padding: 10px 50px 10px 0px; 
   text-align: right;
   background-color: #F0F0F0; 
   color: #108070;
}
.bas_de_page {
   height:50px;
}

/*-------------------*/
/* FORMULAIRE DESIGN */
/*-------------------*/
#q {	
   background: #FFFFFF url("../images/search.png") no-repeat 0px center;
   width: 89px; height: 14px;
   padding-left: 18px;   
   border-top: 1px solid #00688B; border-left: 1px solid #00688B;
   border-bottom: 1px solid #00688B; border-right: 1px solid #00688B;
}
#q:focus {
   background: #FFFFFF url("../images/search.png") no-repeat 0px center;
}
.bouton {
   color:white; font-size: 11px; font-weight: bold;
   font-variant: small-caps; 
   font-family: arial;  
   background: #298080;
   border: solid 1px #00688B;
}
.bouton:hover {
   text-decoration: underline;
}
.btn_deroul{
   color:#FFFFFF; font-size:11px; font-weight: bold;
   font-family: arial;    
   background-color: #298080;
   width: 30px;   
   border: solid 1px #00688B;   
}
input {
   color: #298080; font-size: 11px;
   font-family: arial;   
   background-color: #FFFFFF;
}
select {
   color: #298080; font-size: 11px;
   font-family: arial;  
   background-color: #FFFFFF; 
   border: 1px solid #00688B; 
}

/*---------------------*/
/* PETITE MISE EN PAGE */
/*---------------------*/
.decale_g10 {
   padding-left:10px;
}

/*------------*/
/* NAVIGATION */
/*------------*/
/*__________________________________________________________*/
/* Listing des noms d'organismes */
/* Utilisation principale genome.html*/
/*__________________________________________________________*/
a:link.nav,a:visited.nav {
   color:#00688B; font-size: 8pt; font-weight: normal; text-decoration: none;
}
a:active.nav,a:hover.nav {
   color: #FFFFFF; font-size: 8pt; font-weight: bold; text-decoration: underline; 
}
td.navigationtab:hover a {
   color: #FFFFFF; font-size: 8pt; font-weight: bold; text-decoration: none; 
   font-style: italic;  
   padding: 0px 0px 0px 10px;
}
#allonge_cell_nav {
   padding: 2px 0px 2px 0px;
   width: 600px;
}
/*__________________________________________________________*/
/* pour le repertoire/pagination des genomes */
/* Utilisation principale genome.html (menu alphabetique)*/
/*__________________________________________________________*/
a:link.nav1,a:visited.nav1 {
   color:#00688B; font-size: 8pt; font-weight: normal; text-decoration: none;
   padding: 0px 12px 0px 12px;
}
a:active.nav1,a:hover.nav1,td#navigationtab1:hover a {
   color: #FFFFFF; font-size: 8pt; font-weight: normal; text-decoration: none;
   padding: 0px 12px 0px 12px;
}
/*__________________________________________________________*/
/* pour le tableau cazome */
/* Utilisation principale cazome.html*/
/*__________________________________________________________*/
a:link.nav2,a:visited.nav2 {
   color: #3B85A8; font-size: 8pt; font-weight: normal; text-decoration: none;
}
a:active.nav2,a:hover.nav2 {
   color: #FFFFFF; font-size: 8pt; font-weight: bold; text-decoration: none; 
}
td#navigationtab2 div {
   font-size: 8pt;    
}
td#navigationtab2:hover div {
   color: #FFFFFF; font-weight: bold; text-decoration: none; 
   background-color: #5F9F9F;
} 
td#navigationtab2:hover a div {
   color: #FFFFFF; font-weight: bold; text-decoration: none;
   background-color: #3B85A8;
}

/*__________________________________________________________*/
/* pour le  formulaire fonction */
/*__________________________________________________________*/

div_img {
    display: none;
    font-size: 8pt;
   /* border:1px solid #000;*/
    height:70px;
    width:500px;
    margin: 20px 0px 20px 0px;
}

a:hover + div_img {
    display: block;
}

table.function {
   padding: 10px;
   margin: 0px 0px 0px 20px;
}

table.function tr {
	height:50px;
}
table.function td {
   padding: 10px 10px 10px 10px;
   border : 1px solid #CDCDCD;
}
table.function td strong {
   color: #262626;
}


img.resize {
  max-width:3%;
  max-height:3%;
}