/* Définition du comportement général des balises */
body { 
	font-size: 0.6em; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #F3FEE2; 
}
a, a:visited { color: blue; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }
strong { color: #CC3300; }
img { border: none; }
table { width: 100%; border: none; font-size: 1em; }
acronym { cursor: help; }
em { font-weight: bold; font-style: italic; }



/* Définition du comportement des classes */
.small { font-size: 0.8em; }
.right { float: right; }
.vCenter16 { margin-bottom: -4px; padding-left: 10px; }
.vCenter { margin-bottom: -4px; }
a.noDecoration { text-decoration: none; }
.references { font-size: 0.9em; margin: 5px; padding: 0em 2em 0em 2em;  } 
.alt { background-color: #e6e6e6; } 
.big { font-size: 1.5em; }
.center { text-align:center; }
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w100 { width: 100px; }
.w130 { width: 130px; }
.w200 { width: 200px; }
.h2 { font-size: 1.5em; color: #CC3300; font-weight: bold; }
.h5 { height: 5px; }

.info { 
	border: 1px solid blue; background: lightblue url('/images/info20.png') top left no-repeat; margin: 2em; 
	padding: 0.5em; -moz-border-radius: 10px; color: blue; text-align: center; 
}

.erreur { 
	border: 1px solid red; background: pink; margin: 2em; font-weight: bold;
	padding: 0.5em; -moz-border-radius: 10px; color: red; text-align: center; 
}

.succes { 
	border: 1px solid green; background: lightgreen; margin: 2em; font-weight: normal;
	padding: 0.5em; -moz-border-radius: 10px; color: green; text-align: center; 
}
.succes strong { color: green; font-weight: bold; }

/* Les Boutons	*/
button { width: 131px; height: 27px; background: transparent url(../images/buttonGrey.png) no-repeat; border: none; cursor: pointer; }
button:link, button:hover, a.button:active {  color: red; background: transparent url(../images/buttonYellow.png) no-repeat; }
.transparent { 
	width: 180px; height: 2em; color: red; font-weight: bold; 
	background: transparent url(../images/apply.png) no-repeat; border: none; 
}
.transparent:link, .transparent:hover, .transparent:active { 
	color: green; background: transparent url(../images/applyOK.png) no-repeat; border: none; 
}

/* Les Couleurs	*/
.red { color: red; }
.green { color: green; }

/* Les Cadres ( titre  + contenu ) */
.fieldTitle, .fieldMainTitle { 
	margin: 5px 20px 0px 20px; padding: 0px; padding-left: 2em; font-size: 1.5em; color: #CC3300; 
	background-color: #FCFBD9; border: 1px solid #666666; border-bottom: 1px dotted #000; 
}
.fieldMainTitle { height: 42px; } 
.fieldMainTitle img { padding: 5px 0px 5px 0px; margin-bottom: -14px; }
.field { margin: 0px 20px 10px 20px; padding: 1em; padding-left: 3em; border: 1px solid #666666; border-top: none; }

/* Les Cadres d'erreur */
.error { color: #000; text-align: center; font-weight: bold; margin-top: 2em; padding: 100px 0px 100px 0px;}
.error img { margin-bottom: -1em; padding-right: 1em; padding-left: 1em; }
.message { border: 1px solid blue; width: 50%; margin: auto; padding: 1em; text-align: center; background-color: lightblue; color: blue; }




/* Mise en place des DIV */
#container { width: 980px; margin: auto; }

/*  TOOLBAR */
#toolbar { height: auto; width: 160px;  margin-top: 150px; margin-left: 10px; }
#toolbar { float: right; }

#toolbar > div { border: 1px solid #666666; background-color: #FFF; margin: 0px 0px 10px 0px; } 
#toolbar .boxTitle { 
	text-align: center; margin: 0em; font-size: 1.5em; color: #CC3300; background-color: 
	#FCFBD9; border: none; border-bottom: 1px dotted #000; 
}
#toolbar .boxContent { padding: 5px; margin: 0em; text-align: center; background-color: #FFF; }
#toolbar .boxContent form table { font-size: 1em; }
#toolbar button { width: 16px; height: 16px; border: none; padding: 0px; margin: 0px;}

#toolbar form { margin: 0px; }

#toolbar > div table { }

#searchBox table, #searchBoxGene table, #searchBoxExon table { width: 145px; }
#searchBox button, #searchBoxGene button, #searchBoxExon button { background: transparent url(../images/search.png) no-repeat; }
#annotationBox button { background: transparent url(../images/annotation.png) no-repeat; }
#listBox button { background: transparent url(../images/list.png) no-repeat; }

#newsBox {}
#news { height: 9.5em; overflow: hidden; }

#contactBox {}

#loginBox {}
#loginBox button{ background: transparent url(../images/lock.png) no-repeat; }
#loginBox table { width: 145px; }
#logoutBox {}
#logoutBox button { background: transparent url(../images/exit.png) no-repeat; }

/* EN TETE  */
#logo { 
	width: 800px;
	font-size: 2em; 
	color: #99CC00;  
	height: 100px;  
	border: 1px solid #666666;
	padding: 0px; 
	background-color: #FFF;  
	margin-top: 20px; 
	margin-bottom: 10px; 
	overflow: hidden;
}
#logo img { float: left; }
#logo div { color: #666666; text-align: right; padding-top: 50px; padding-right: 20px; font-style: italic; }

/* MENU */
#menu img, #menu h2 a img { margin-bottom: -3px; }

#menu ul 
{  
	height: 20px; position: relative; list-style: none; margin: 0px; margin-bottom: 20px; padding: 0px; width: 30px; float: left; 
}

#menu .subMenu { width: 200px; }
#menu .subMenu ul {width: 199px; }

#menu a, #menu h2 { 
	height: 20px; margin: 0px; padding: 5px 0px 0px 0px;	
	font-size: 1em;	font-weight: normal; display: block; border: none; 
}
#menu h2 { 
	text-align: center;  color: #CC3300; font-weight: bold;	background-color: #FFF;  
	border-top: 1px solid #666666; border-bottom: 1px solid #666666; border-right: 1px dotted #666666;  
}

#menu a { color: #444444; text-decoration: none; font-weight: bold; }
#menu a:hover, #menu ul li:hover { color: #a00; background-color: #FFF; }

#menu ul ul li { background-color: #FCFBD9; padding: 3px 0px 3px 0px; }
#menu ul ul { position: absolute; z-index: 500; margin-left: -1px; }
#menu ul li ul li { 
	border-top: 1px solid #bbb; border-right: 1px solid #666666; border-left: 1px solid #666666; border-bottom: 1px solid #666666; 
}
#menu ul ul ul { position: absolute; left: 100%; margin-left: 0px; margin-top: -30px;}
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul  { display: none; }
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul { display: block; }

#date h2 { color: #666666; width: 171px; border-right: 1px solid #666666; }

#bookmark h2 { border-left: 1px solid #666666; }
#bookmark ul { width: 150px; color: #000; }
#bookmark li ul li { padding-left: 5px; }

/* CORPS */
#content { 
	font-size: 1.1em;   min-height: 350px; background-color: white;  width: 800px; 
	border: 1px solid #666666; padding: 0px;  padding-top: 1em; padding-bottom: 1em; margin-bottom: 10px; margin-top: 45px; 
}
#content h1 { color: #CC3300; padding-left: 50px; padding-top: 20px; }
#content h2 { color: #CC3300; padding-left: 50px; padding-top: 20px; }
#content h3 { padding-left: 50px; padding-top: 10px; }
#content p, #content form { padding-left: 30px; padding-right: 30px; }
#content ul {padding-left: 50px; }

#getFirefox { border:0px; text-align: right; margin-top: 150px; }
#warning { text-align: center; margin-top: 150px; font-size: 1.2em; }

#tools {  float: right; }
#tools img { padding-right: 10px; }

#displayPart { padding: 10px; margin: 10px; font-size: 0.9em; border: 2px dotted #C3C3C3; overflow: hidden;}

#indexSearchForm { width: 60%; margin-left: 30%; margin-right: 10%; }

/*  PIED DE PAGE   */
#foot { background-color: #FCFBD9; color: #000; text-align: center;   width: 800px; 
			margin-top: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #666666; } 

/* PARTENAIRES */
#parnters { width: 800px; text-align: center; }


/* Définition du comportement des acronymes */
div#qTip {
	display: none; position: absolute; z-index: 1000;
	padding: 3px; border: 1px solid #666;
	background: #999; color: #FFF; font: bold 9px Verdana, Arial, sans-serif;
}

/* Définition de l'aspect de la pub pour EXON */
#pubExon {
	background:transparent url(/EXON/fond.png) repeat scroll 0%;
	border:1px dotted gray; -moz-border-radius: 10px;
	float: right; margin-right: 100px; padding:1em 3em;
	width: 150px;
	text-align:center;
}


#toolbar #zoneBox 
{ 
	border: none;
	background-color: transparent; 
	padding: 5px;
	width: 150px;
	overflow: hidden;
}
#toolbar #zoneBox h1
{ 
	margin: 0px; padding: 0px;
	margin-bottom: 0.5em;
	font-size: large;
}
#toolbar #zoneBox h1 img
{ 
	margin-right: 0.5em; 
	margin-bottom: -3px;
}
#toolbar #zoneBox ul 
{ 
	list-style-type: none;
	margin: 0px; padding: 0px;
	margin-left: 1em;
}
#toolbar #zoneBox ul li 
{ 
	padding-left: 20px;
	overflow: hidden;
	background: url(/themes/default_atlas.png) no-repeat;
	margin: left: 0px;
}
#toolbar #zoneBox ul li a
{
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
	font-size: 1.1em;
	height: 1em;
	display: block;
}
#toolbar #zoneBox ul li img
{
	margin-bottom: -5px;  
}
#toolbar #zoneBox ul a
{
	text-decoration: none;
}
#toolbar #zoneBox h1            { color: black; }
#toolbar #zoneBox ul a          { color: black; }
#toolbar #zoneBox ul li:hover   { background-color: white; }
#toolbar #zoneBox ul li:hover a { color: black; }

#partnersTable { width: 90%; }