/* CSS issu des tutoriels css.alsacreations.com */
/* utilise pour pages Veterinary, Biotechnology, Medical */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin:5px;
padding: 0;
}
#conteneur {
margin:0;
background-color:#FFFFFF;
}

/*titre + logos*/
#header {
height: 170px;
background-color: #FFFFFF;
text-align: center;
padding-left: 10px; padding-right: 10px; padding-bottom: 10px;padding-top: 0;
margin:0;
}
.up {
float: right;
}
.logoLeft {
float: left;
padding: 0;
margin:0;
}
.logoRight {
float: right;
padding: 0;
margin:0;
}
.clearboth {
	clear: both;
}

#header h1  {
font-size: 30px;
font-family: "Trebuchet MS", Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
padding-top: 30px;
margin-left: 160px; margin-right: 215px;
/*line-height: 40px;*/
}
#header h4  {
font-size: 15px;
font-family: "Trebuchet MS", Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*padding-bottom: 40px;*/
margin-left: 160px; margin-right: 215px;
/*line-height: 40px;*/
}
#header h4.analysistool  {
font-size: 15px;
font-family: "Trebuchet MS", Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*padding-bottom: 40px;*/
margin-left: 0; margin-right: 215px;
/*line-height: 40px;*/
}

#header h2  { /* sans logo a gauche */
font-size: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 40px;
margin-left: 0; margin-right: 215px;
line-height: 40px;
}

/* blocs de texte*/
#data {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:#FFFFFF;
margin-left: 190px; margin-right: 190px; margin-bottom: 20px; margin-top: 20px;
text-align: justify;
height: 100%;
}
#nomenu { /* sans menus gauche et droite */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:#FFFFFF;
margin-bottom: 20px;margin-left: 5px; margin-right: 5px;
text-align: justify;
}
#veterinary ul li, #medical ul li, #biotechnology ul li {
list-style-type: circle;
}
#veterinary ul li ul li, #medical ul li ul li, #biotechnology ul li ul li {
list-style-type: disc;
}
#veterinary ol li, #medical ol li, #biotechnology ol li  {
list-style-type: decimal;
}
#veterinary ol li ul li, #medical ol li ul li, #biotechnology ol li ul li {
list-style-type: circle;
}
#veterinary ol li ul li ul li, #medical ol li ul li ul li, #biotechnology ol li ul li ul li {
list-style-type: disc;
}
h4 {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
small {
font-size: 10px;
font-weight: normal;
}
p {
text-align: justify;
}

/*menu horizontal*/
#haut {
margin: 0 2px;;
background-color:#CCCCCC;
text-align: center;
height: 100%;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
text-align: center;
}
.menuhaut li {
margin: 0 5px;
display: inline;
}
.menuhaut a:link, .menuhaut a:visited {
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover, .menuhaut a:active {
color: #FFFFFF;
text-decoration: none;
}

/* menus gauche et droite */
#gauche {
float: left;
width: 150px;
margin-bottom: 20px;
}
#droite {
float: right;
width: 150px;
margin-bottom: 20px;
}
#droite p.other {
color: #000000;
background-color: #FFFFFF;
font-weight: bold;
margin-top: 15px; margin-left: 2px; margin-right: 2px; margin-bottom: 3px;
padding-left: 3px;
border: solid 1px #EEEEEE;
}
#droite p.web {
color: #FFFFFF;
background-color: #000099;
font-weight: bold;
margin-top: 15px; margin-left: 2px; margin-right: 2px; margin-bottom: 0;
padding-left: 3px;
text-align: left;
}
#gauche p.sequence {
color: #DD0000;
background-color: #CCCCCC;
font-weight: bold;
margin-top: 15px; margin-left: 2px; margin-right: 2px; margin-bottom: 3px;
padding-left: 3px;
text-align: left;
}
#gauche p.gene {
color: #008000;
background-color: #CCCCCC;
font-weight: bold;
margin-top: 15px; margin-left: 2px; margin-right: 2px; margin-bottom: 3px;
padding-left: 3px;
text-align: left;
}
#gauche p.structure {
color: #DD8000;
background-color: #CCCCCC;
font-weight: bold;
margin-top: 15px; margin-left: 2px; margin-right: 2px; margin-bottom: 3px;
padding-left: 3px;
text-align: left;
}
.menugauche, .menuother {
list-style-type: none;
margin: 0 2px;
padding:0;
background-color: #FFFFFF;
}
.menugauche li, .menuother li {
margin-bottom: 3px;
background-color: #FFFFFF;
border: solid 1px #EEEEEE;
}
.menudroit {
list-style-type: none;
margin: 0 2px;
padding:0;
background-color: #EEEEEE;
}
.menudroit li {
margin:0;
border: solid 1px #EEEEEE;
}
.sousmenu {
list-style-type: square;
margin: 0;
padding-left: 10px;
margin-left: 10px;
border-left: solid 1px #000000;
}
.menugauche a, .menuother a {
display: block;
color: #000000;
text-decoration: none;
}
.menudroit a {
display: block;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover, .menuother a:hover {
text-decoration: none;
background: #EEEEEE;
}
.menudroit a:hover {
text-decoration: none;
background: #CCCCCC;
}
.menugauche a.sequence {
color: #FF0000;
}
.menugauche a.gene {
color: #008000;
}
.menugauche a.structure {
color: #FF8000;
}

/*mise en forme sp�cifique � IMGT Veterinary page*/
#veterinary {
margin:0;
}
p.veterinary { /*titres vert/blanc menu gauche*/
color: #FFFFFF;
background-color: #336633;
font-weight: bold;
margin-top: 15px; margin-left: 2px; margin-right: 2px; margin-bottom: 0;
padding-left: 3px;
text-align: left;
}
#veterinary a:link {
color: #336633;
text-decoration: underline;
}
#veterinary a:active, #veterinary a:hover {
color: #336633;
text-decoration: none;
}
#veterinary a:visited {
color: #009933;
}
#veterinary h1 {
color: #000000;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 20px; margin-bottom: 40px;padding: 0;
}
#veterinary h2 {
color: #FFFFFF;
background-color: #336633;
font-weight: normal;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 25px;
padding-left: 3px;
}
#veterinary h3 {
color: #0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.veterinary  {
color: #336633;
}
.veterinary a:link {
color: #336633;
text-decoration: underline;
}
.veterinary a:active, .veterinary a:hover {
color: #336633;
text-decoration: none;
}
.veterinary a:visited {
color: #009933;
}

/*mise en forme sp�cifique � IMGT Biotechnology page*/
#biotechnology {
margin:0;
}
p.biotechnology {
color: #FFFFFF;
background-color: #FF6600;
font-weight: bold;
margin-top: 15px; margin-left: 2px; margin-right: 2px; margin-bottom: 0;
padding-left: 3px;
text-align: left;
}
#biotechnology a:link {
color: #000000;
text-decoration: underline;
}
#biotechnology a:active, #biotechnology a:hover {
color: #000000;
text-decoration: none;
}
#biotechnology a:visited {
color: #7F7F7F;
}
#biotechnology h1 {
color: #000000;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 20px; margin-bottom: 40px;padding: 0;
}
#biotechnology h2 {
color: #FFFFFF;
background-color: #FF6600;
font-weight: normal;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 25px;
padding-left: 3px;
}
#biotechnology h3 {
color: #FF6600;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.biotechnology  {
color: #FF6600;
}
.biotechnology a:link {
color: #000000;
text-decoration: underline;
}
.biotechnology a:active, .biotechnology a:hover {
color: #000000;
text-decoration: none;
}
.biotechnology a:visited {
color: #7F7F7F;
}

/*mise en forme sp�cifique � IMGT Medical page*/
#medical {
margin:0;
}
p.medical {
color: #FFFFFF;
background-color: #336699;
font-weight: bold;
margin-top: 15px; margin-left: 2px; margin-right: 2px; margin-bottom: 0;
padding-left: 3px;
text-align: left;
}
#gauche b.medical {
padding-left: 3px;
color: #336699;
display: block;
}
#medical a:link {
color: #003366;
text-decoration: underline;
}
#medical a:active, #medical a:hover {
color: #CC9900;
text-decoration: none;
}
#medical a:visited {
color: #006699;
}
#medical h1 {
color: #000000;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 20px; margin-bottom: 40px;padding: 0;
}
#medical h2 {
color: #FFFFFF;
background-color: #336699;
font-weight: normal;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 25px;
padding-left: 3px;
}
#medical h3 {
color: #336699;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#medical h2 a:link, #medical h2 a:visited{
text-decoration: none;
}
.medical  {
color: #003366;
}
.medical a:link {
color: #000000;
text-decoration: underline;
}
.medical a:active, .medical a:hover {
color: #000000;
text-decoration: none;
}
.medical a:visited {
color: #006699;
}
table { /* pour sequence_analysis.html */
border: solid 1px #003366;
border-collapse: collapse ;
margin-top: 15px; margin-bottom: 30px;
}
table em {
font-weight: normal ;
}
table th {
border: solid 1px #003366;
text-align: left;
border-collapse: collapse ;
padding: 5px;
width: 50%;
}
table td {
border: solid 1px #003366;
text-align: center;
border-collapse: collapse ;
padding: 5px;
}
.left {
text-align: left;
}
.col1 {
width: 90px;
}
#ReverseComplement h4 {
background-color: #B0C4DE;
font-family: default;
font-size: 11px;
color: #000000;
text-align: left;
}
#ReverseComplement h4 a:link, #ReverseComplement h4 a:visited, #ReverseComplement h4 a:hover, #ReverseComplement h4 a:active {
color: #000000;
text-decoration: none;
font-weight: normal;
}

@media print {
	#conteneur, #data, #nomenu { margin:0px; }
	#header { height: 100px;}
	#header h1 { font-size: 18px; line-height: 18px; }
	#header img { height: 80px;}
	#nomenu img {	width: 600px;	}
	#haut, #gauche, #droite, .top { display: none; }
}