#page{
  position: relative;
  min-height: 100%;
}

html, body {
	margin: 2; 
	padding: 2; 
	height: 100%;
	background: #77aacc ;
	
	}

table {
  border-width:1px; 
  border-style:solid; 
  border-color:black;
  border-collapse:collapse;
  margin: auto;
  width:50%;
  font-size: 16px;
}

TD {
  border-width:1px;
  border-style:solid;
  border-color:black;
  padding:3px;
  text-align:center;
  
}

.spacer { clear: both; }


.ttableau {
  font-size:20px;
  background-color: #77aacc;
  color: firebrick;
}

.gras {
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
  color: #4682B4;
}

.grise {
border-width:1px; 
border-style:solid; 
border-color:black; 
background-color:silver;
}






H1 {
  color: #4682B4;
  font-family: Times, comic sans MS, arial;
  font-size: 30px;

}

H2 {
  color: black;
  font-family: arial;
  font-size: 20px;
}


H3  {
  color: #4682B4;
  font-family: Times, comic sans MS, arial;
  font-size: 18px;
 }

.titrerouge {
  color: firebrick;
  font-size : 20px;
}

HR {
  color: firebrick;
  height: 0.5px;
}

.textesommaire {
  color: black;
  font-size: 21px;
  text-align: justify;
  top: 8em;
  margin-right: 13em;
}

.info {
  float: right;
  background-color: #77aacc;
  width: 250px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: black;

  
}



.titre {
  position: float;
  color: firebrick;
  background-color: #77aacc;
  width: 100%;
  font-family:  comic sans MS, arial, cursive, ;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
   
  
}

.centre {
  float: left;
  margin: 1em 0;
  margin-left: 1em;
  padding: 1em;
  width: 74%;
  background-color: #ddeeff;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  min-height: 600px;
  
  
}

.gauche {
  float: left;  
  margin: 1em 0;
  background: url(../IMG/fondgauche3.png) #ddeeff;
  top: 1em;
  left: 1%;
  width: 20%;
  list-style-type:none;
  border-style: solid;
  border-width: 2px;
  border-color: black;
  font-family: Times, comic sans MS, arial, cursive;
  font-size: 17 px;
  

}


.gauche ul { margin: 0; padding: 0.2em 0; text-align: left; list-style-type: none; }
.gauche li { margin: 0; padding: 0 0.7em; }

.gaucheinfo {
  
 
  width: 17%;
  left: 1%;
  padding-left: 1em;
  text-align: center;
  font-size: 13px;
  font-family: trebuchet MS, times;
}



#piedpage1 {
  height: 40px;
  clear: both; 
}

#piedpage2 {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	height: 1.5em;
	text-align: center;
	background: #77aacc;
	font-family: arial, times;
	font-size: 12px;
}
	
#date {
  text-align: left;
  font-family: times;
  font-size: 10px;
}

#pscroller1{
float: right;
width: 200px;
height: 150px;
border: 1px solid firebrick;
padding: 5px;
background-color: white;
color: black;
font-family: arial;
font-size: 13px;
}



.someclass{
text-align: justify;
margin-right: 0;
}

a:hover {
  color : black;
  text-decoration: none;

}

a {
  color : firebrick;
  text-decoration: none;
}

.centre a {
color: black;
text-decoration: none;
}


.centre a:hover {
color: orangered;
text-decoration: underline;
}


#2C5171 (titre bleu)
#4682B4 (fond)
Orangered
#FFFFFF;
background-color: #ddeeff;