/*
  Title: irex.css
  Cntact: Haines Brown, Hartford Web Publishing
	  brownh @ hartford-hwp.com
  Created: 2 Novewmber 2007; revised 7 Nov 2007
  This is a combined stylesheet for a revised web site now at 
  	  www.USS-Irex.info.
  It seems IE 6 can't understand the width attribute for body, and so
 	I'm adding as well to body.
*/

/* This now recommended first line: */
@charset "utf-8";  

html { background-color: #000080; }
body {
        width: 48em;
	font-size: 100%; 
	font-family: Arial, Helvetica, sans-serif;
	margin-left: auto; margin-right: auto;
	text-align: center;		
}
div.inside { 
	width: 48em;
	margin-top: 3em;
	b ackground-color: #f3fdff;
        background-color: #eeeeff;
	border-width: thick;
	border-style: outset; 
	margin-left: auto; margin-right: auto;
	text-align: left;
	overflow: auto;
	padding: 1em 2em 2em 2em; 
}
div.inside a:visited { color: #551033; }

/*  ================== indices =================== */

body.indices h1 { font-family: Helvetica, sans-serif; text-align: center; }
body.indices div.inside { padding: 1em 2em 2em 2em; }

/*  ================  bouton ==================== */
div.bouton {
	margin-bottom: 1em;
	margin: 3px 0; 
	text-align: center; 
	background: #cacaca;
	font-size: smaller; 
	font-family: sans-serif;
	width: 11em; 
	margin-top: 0.7em; 
	float: left; 
	margin-right: 1em;
}
div.bouton span { border:1px solid #000; } 
div.bouton .c {padding:1px 0;}  
div.bouton span {display:block;}
div.bouton a { 
	display: block;
	width: 100%; 
	border: 1px solid #000;
	color: blue; 
	text-decoration: none;
}
div.bouton .a {border-color:#dddddd #696969 #696969 #dddddd;}
div.bouton .b {border-color:#d7d7d7 #898989 #898989 #d7d7d7;}
div.bouton .c {border-color:#d0d0d0 #aaaaaa #aaaaaa #d0d0d0;}
div.bouton a:hover { background:#bababa; color:#000;} 

div.bouton a:hover .a { 
	display:block; border-color:#696969 #dddddd #dddddd #696969; }
div.bouton a:hover .b {	
	display: block; border-color: #898989 #d6d6d6 #d7d7d7 #898989; }
div.bouton a:hover .c {
	display: block;
	border-color: #aaaaaa #d0d0d0 #d0d0d0 #aaaaaa; 
	padding:2px 0 0 0;
}
div.bouton a:visited { color: #AA2222; }
div.bouton a:visited {color: #AA2222;}
div.bouton { width: 10em; }