/********************************
*         HARAU Clement         *
********************************/

/* general */

body { 
/*  background-image:url(http://www.e-cartable.fr/cartable/wp-content/uploads/telechargements/outils/prepa-mat/modelecrit_txt_2l.jpg);
  background-size: 40% 40%; */
 font:normal 10pt "Comic sans ms"; """Liberation Serif", FreeSerif, serif;
}


h1 { 
  font-weight:normal;
  text-align:center;
  color:black;
  font-size:250%;
}

h2 { 
  font-weight:bold;
  padding:1ex;
  margin-left: 5ex;
  text-decoration:underline;
}

/* les liens */

a { 
  color:blue;
}


/* les tableaux */


table {
  margin:0px;
  border:1px solid gray; 
  border-collapse:collapse;
}

tr { 
}

#couleur0 { 
  background-color:#f3f3f3;
}

#couleur1 { 
  background-color:#dddddd;
}


td { 
  padding:4px;
  text-align: left; 
  margin:0px;
  border-right:1px solid gray;
}

.cachediv {
  visibility: hidden;
  overflow: hidden;
  width:0px;
}

.cacheDiv th{ 
  border-bottom:0px;
}

.cacheDiv td{ 
  border:0px;
}

th { 
  background-color:white;
  padding:3px;
  text-align: center; 
  border-bottom:1px solid gray;
  margin:0px;
}


/* les formulaires */

form { 
font-color: #C0C0C0;
 font:normal 10pt "Comic sans ms"; """Liberation Serif", FreeSerif, serif;
 }

select {
  background-color:white;
}

option {
  border: 1px dotted #e0e0e0;
  color : gray;
}

textarea { 
  background-color : #e0e0e0;
  color : blue;
}

input {
  background-color : #e0e0e0;
}



/* divers environnement */


body #centre  {
}


#gauche { 
  padding: 1ex;
  float:left;
  margin-right:1ex;
}

#droite { 
  float:right;
  padding: 1ex;
  margin-left:2ex;
}

#information{ 
  border: 1px solid gray;
  margin: 2ex;
  padding: 0ex;
}


#haut_page { 
  border-bottom:1px solid gray;
  width:100%;
  float:left;
  clear:both;
 }

#pied_page { 
  border-top:1px solid gray;
  clear:both;
 }

/* définition propre aux environement */

#information h2 { 
  margin:0ex 0ex 2ex 0ex;
  display:block;
  background-color:#e0e0e0;
  font-style:italic;
  text-align:left;
  padding:5px 5px 5px 30px;
}

#information table{
  margin-left:2ex;
  border:0px; 
}

#information td{
  padding:1ex 2ex 1ex 2ex;
  margin-left:2ex;
  border:0px; 
}

#haut_page a { 
  color:black;
}


#haut_page #gauche , #haut_page #droite { 
  background-color: 	#A0C040;
  border-right:1px solid gray;
  border-left:1px solid gray;
  border-top:1px solid gray;
  height:15px;
}


#haut_page #gauche option
{ 
  height:10px;
  padding:0  2px 0 0;
  margin:0px;
 }

#haut_page #gauche form
{ 
  top:-4px;
  position:relative;
  height:15px;
  padding:0px ;
  margin:0px;
 }




#haut_page #droite:hover, #haut_page a:hover { 
  background-color:white;
  text-decoration:underline;
  cursor:pointer;
}
 
#element1, #element2, #element3 { 
float:left;
}

#pied_page a { 
  color:black;
}

a:hover { 
  text-decoration:underline;
} 

a {
text-decoration:none;  
}

#pied_page #gauche { 
  margin-right:2ex;
  border-right:1px solid gray;
  border-left:1px solid gray;
  border-bottom:1px solid gray;
}



