/* CSS Document */

body {
  /*background-image:url("../images/fond_site_gris.jpg");
  background-repeat:no-repeat;
  background-repeat:repeat-x;*/
  /*background-repeat:x-repeat;*/
}

#banniere {
  background-image:url("../images/banniere.jpg");
  background-position:center left;
  background-repeat:no-repeat;
  width:780px;
  height:110px;
}

#banniereFond {
  background-image:url("../images/banniereFond.jpg");
  left:0px;
  right:0px;
  height:110px;
}

#banniereTexte {
  display:inline;
  float:right;
  top:0px;
  right:0px;
  width:100px;
  height:70px;
  color:#663333;
  font-weight:bold;
  padding:20px;
  padding-right:40px;
}

#titreGeneral_tests {
  text-align:center;
  width:768px;
  height:100px;
  background-image:url("../images/Fond_titreGeneral_tests.jpg");
  line-height:90px;
  font-weight:bold;
  color:white;
}

#titres_tests {
  text-align:center;
  width:500px;
  height:100px;
  background-image:url("../images/Fond_titre_tests.jpg");
  line-height:90px;
  font-weight:bold;
  color:white;
}

#cadrepage {
  position:absolute;
  background-color:white;
  width:780px;
  font-family : "Verdana", Arial, Helvetica, sans-serif;
  font-size:0.8em;
  left:50%;
  margin-left:-390px;
  
  background-color:white;
  background: -moz-linear-gradient(center bottom, #eeeeee 35%,#ffffff 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.35, #eeeeee),color-stop(1, #ffffff));
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  
  -moz-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  box-shadow: 0px 0px 5px #000000;
}

#masqueAJAX {
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  display:none;
}

.cadre_normal {
  margin:5px;
  padding:10px;
  text-align:justify;
                        
  background-color:#fff9e0;
  background: -moz-linear-gradient(center bottom, #fff9e0 35%,#fffdf5 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.35, #fff9e0),color-stop(1, #fffdf5));
}


#barreMenu {
  height:24px;
  left:0px;
  right:0px;
  background-image:url("../images/barre_fond_orange_degrade.gif");
  /*border-top:1px solid black;
  border-bottom:1px solid black;*/
}

#tabMenu {
  border-collapse:collapse;
  left:0px;
  right:0px;
  width:100%;
}

#tabMenu td {
  height:24px;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}


.titreListeMetier {
  height:24px;
  background-image:url("../images/TitreListeMetier.jpg");
  border-bottom:1px solid black;
  text-align:center;
  color:white;
}


#tabMetiers {
  border-collapse:collapse;
}

#tabMetiers th {
  text-align:center;
}

#tabMetiers td, th {
  width:150px;
  border:1px solid black;
}


#tabEtoiles {
  border-collapse:collapse;
}

.listeMembres td:hover {
  background-color:#fff488;
}

.listeMembres td {
  border:1px solid black;
  padding-left:4px;
  padding-right:4px;
  cursor:pointer;
}

.grise {
  background-color:#eee;
}

.jaune {
  color:#ffdd00;
}

#titreH3 {
  /*width:596px;
  background-color:black;
  background-image:url("../images/fond_titre.jpg");
  left:50%;
  /*margin-left:-298px;*/
}

.bordure {
  border:1px solid black;
  padding-left:5px;
  padding-right:5px;
}

h3 {
  color:#77b0bE;
  text-transform:uppercase;
}

h1 {
  color:#636262;
  text-transform:uppercase;
}

fieldset {
  background-color:#fff9e0;
}

a {
  color:#663333;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}