/*removes all defaults*/
/* * {
   padding:0;
   margin:0;
}*/
/*adresses couleur texte, pas de souligneemnt sauf hover*/
a:link {
    color: #000066;
    background-color:inherit;
    text-decoration: none;
       }

a:visited {
           color: #000066;
           background-color:inherit;
           text-decoration: none;
          }

a:active {
          color: #000066;
          background-color:inherit;
          text-decoration: none;
         }

a:hover {
         color: #000066;
         background-color:inherit;
         text-decoration: underline;
        }
/*police de départ arrière-plan bleu*/
body {
	width: 980px;
	margin: auto;
	}
body, table{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      background-color: #B9DBF4;
	  background-color: white !important;
      color: #000000;
     }
/*éléments formulaires*/
textarea {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 1.1em;
          color: #000000;
          border-width: 1px;
          border-style: solid;
          border-color: #000000;
          background-color: #eeeeee;
         }

select {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.1em;
        color: #000000;
        border-width: 1px;
        border-style: solid;
        border-color: #000000;
        background-color: #eeeeee;
       }

input {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 1.1em;
       color: #000000;
       border-width: 1px;
       border-style: solid;
       border-color: #000000;
       background-color: #eeeeee;
      }
/*classes de tableau*/
.tableau, .enveloppe{
  border-collapse: collapse;
  border: 2px solid #FBFFA8;
  }
.tableau{
  margin-left: auto;
  margin-right: auto;
  }
/*police et taille cellules*/
td {
    font-size: 1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;}
/*ajout bordure tableaux*/
.tableau td, .enveloppe td,.tres td {
  border: 2px outset #FBFFA8;
  }
/*child selectors pas ie*/
.enveloppe > thead > tr{
  color:inherit;
  background-color:#eeeeee;
  font-size:1.2em;
  font-weight:bold;
  text-align:center;
  }
.tableau > thead > tr{
  color:inherit;
  font-size:1em;
  font-weight:bold;
  background-color:#b5bcd5;
  text-align:center;
  }
/*rangées tableaux*/
.tableau tr,.tres tr{
  color:inherit;
  background-color:#eeeeee;
  }
tr.subhead{
  color:inherit;
  background-color:#b5bcd5;
  font-size:1em;
  font-weight:bold;
  text-align:center;
  }
/*styles boutons*/
button {
	text-align: right;
	vertical-align: bottom;
	font-size: 1.2em;
	background-image: url(./images/bouton.gif);
	background-repeat: repeat-x;
	background-color: #9b0704;
	color: white;
	font-weight: bold;
 	border: 1px solid #9b0704;
	border: 0;
	height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 20px;
	margin-top: 2px;
	cursor: pointer;
	padding: 25px auto;
  }
/* buttonover hover decoration*/
.buttonover {
	border: solid black thin;
	color: #FFFF66;
	background-color: #9b0704;
	cursor: pointer
  }
/*style titre*/
div.titlediv{
  text-align: center;
  font-size:1.5em;
  font-weight:bold;
  margin-top:1em;
  margin-bottom:1em;
  }
/* button style for links*/
.testaddress {
	background-color: #c6cce4;
	padding: 5px 10px 5px 10px;
	text-align: center;
	margin: 0 0 6px;
 	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	cursor: pointer;
  }
a.testaddress:link {
	color: #333333;
	background-color: #c6cce4;
  }
a.testaddress:visited {
	color: #333333;
	background-color: #c6cce4;
  }
a.testaddress:active {
	color: #333333;
	background-color: #c6cce4;
  }
a.testaddress:hover {
	color: #333333;
	background-color: #c6cce4;
  }

/*logo haut droite*/
div.logotop {
  float:right;
  width:50%;
  }
div.logotop img {
	float: right;
	margin: 0.8em;
	}
  /* haut gauche*/
div.home {
  float:left;
  width:45%;
  }
img.boutonmenu {
  width: auto;
  border-style:none;
  }
/*messages*/
div.message{
  font-size: 1.6em;
  color:blue;
  background-color:inherit;
  }
p.message{
  font-size: 1.4em;
  color:blue;
  background-color:inherit;
  }
/*clear floats*/
.retour{
  clear: both;
  }
/*connecté comme*/
.connection{
  text-align: center;
  line-height:150%;
  color:navy;
  background-color:inherit;
  margin-bottom : 1em;
  }
.connectionhaut{
  line-height:200%;
  color:navy;
  background-color:inherit;
  margin : 1em 2em;
  position:relative;
  }
.centre{
 text-align: center;
  }
/*messages d'aide*/
.instructions{
  font-style:italic;
  color: green;
  background-color:inherit;
    margin-bottom: .2em;
  padding-bottom: .2em;
  }
/*taille de tableaux*/
.table80 {
  margin:auto;
  width:80%;
  }
.table70 {
  margin:auto;
  width:70%;
  }
.cent{
  width:98%;
  margin:auto;
  }
div.margegauche{
  margin-left:15%
  }
/* etiquettes et éléments formulaires*/
label.test{
  width:50%;
  display:block;
  float:left;
  margin-bottom:1em;
  text-align:right;
  font-weight:bold;
  }
input.test{
  display:block;
  float:left;
  margin-left:2em;
  padding:0;
  margin-bottom:1em;
  }
select.test{
  display:block;
  float:left;
  margin-left:2em;
  padding:0;
  margin-bottom:1em;
  }
label.gauche{
  width:100%;
  display:block;
  float:left;
  text-align:left;
  }
div.formbutton{
  width:48%;
  float:right;
  margin-bottom: 2em;
  padding-top:1em;
  margin-top: 1em;
  padding-bottom: .5em;
  }
label.test2{
  width:38%;
  display:block;
  float:left;
  margin-top:1em;
  text-align:right;
  font-weight:bold;
  margin-left: 1px;
  padding:0;
  }
label.eleve{
  width:50%;
  display:block;
  float:left;
  margin-top:1em;
  text-align:right;
  font-weight:bold;
  margin-left: 1px;
  padding:0;
  }
input.test2,textarea.test2{
  display:block;
  float:left;
  margin-left:1em;
  font-size:1em;
  padding:0;
  margin-top:1em;
  }
select.test2,div.test2{
  display:block;
  float:left;
  margin-left:1em;
  padding:0;
  margin-top:1em;
  }
div.formbutton2{
  width:60%;
  float:right;
  margin-bottom: 2em;
  margin-left:1em;
  }
.forminstructions{
  margin-top:0em;
  margin-bottom:0.8em;
  font-style:italic;
  color: green;
  background-color:inherit;
  text-align:left;
  text-indent: 1em;
  }
/*espace avant après*/
.enlarge{
  padding-top:.5em;
  margin-top: .5em;
  margin-bottom: .5em;
  padding-bottom: .5em;
  }
  /*espace avant après*/
.large{
font-size: 12px;
line-height:200%;
  padding-top:1em;
  margin-top: 1em;
  margin-bottom:1em;
  padding-bottom: 1em;
  }
.labelbutton{
  width:50%;
  float:left;
  padding:0;
  margin-top:1em;
  text-align:right;
  }
.rightbutton{
  width:50%;
  float:left;
  margin-left:1em;
  padding:0;
  margin-top:1em;
  }
.biggerbold{
  font-size: 120%;
  font-weight: bold;
  }
td.caption{
  width: 15%;
  font-weight: bold;
  }
/*legende tableau haut centré*/
/*ajout classe pour ie*/
caption.stlcaption{
  font-size:1.5em;
  font-weight:bold;
  margin:inherit;
  }
div.menubouton{
  width:20%;
  }
div.menubar{
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 2em;
  margin-left: 2em;
  }
/*tableau résultats*/
.tres{
  width:90%;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right:auto;
  margin-left:auto;
  }
.floatmenu {
  width:20%;
  float: left;
  text-align:center;
  margin-top: 1em;
  margin-bottom:1em;
  }
.el20 {
  width:20%;
  }
.el25 {
  width:24%;
  }
.el33 {
  width:33%;
  }
.el50 {
  width:49%;
  }
div.container{
  clear:both
  }