/*------------------------------------*/
/*------- Feuille de style -----------*/
/*-------- du front office -----------*/
/*------------------------------------*/

/*---------------*/
/*document global*/
/*---------------*/

/*tous les éléments*/
* {margin:0; padding:0} 

/*le corps du document*/
body {font:12px verdana,arial,sans-serif;
      color:#000000;
      background-color:#ffffff;}

/*liens hypertexte*/
a {color:black; text-decoration:none;}
a:hover {text-decoration:underline; font-weight:bold;}
a img {border:0;}

/*Champs de formulaire*/
input,select {text-decoration: none;
			  background-color:#ccccff; 
			  border:solid 1px; 
			  font-size:12px; }
input.button:hover {background-color:#eeeeff; cursor:pointer;}

/*classes générales*/
.gauche {text-align:left;}
.droite {text-align:right;}
.souligne {text-decoration:underline;}
.titre1 {font-size:16px; font-variant:small-caps; font-weight:bold;}
.titre2 {font-size:14px; font-weight:bold;}
.titre3 {font-size:12px; font-weight:bold;}

.pagination {font-size:12px; font-weight:normal; text-decoration:none;}
.pagination:hover {font-size:12px; color:red; font-weight:normal; text-decoration:none;}


/*--------------------*/
/*Styles personnalisés*/
/*--------------------*/

/*cadre de l'interface*/
table#cadre {width:950px; vertical-align:top; }

table#navigation {width:820px; text-align:center; height:22px;}
#navigation {color:white;font-size:16px;}
#navigation a {color:white;font-size:16px;}
#navigation a:hover {text-decoration:none;}

#menuGauche {height:400px;vertical-align:top; text-align:center}
#menuGauche .section {border-top : 2px solid white;
					  width:120px;
					  padding:3px 5px;}
#menuGauche .section .titre3 {text-align:center; color:white;}
.recherche input,select {width:100px; height:18px;}

.content {vertical-align:top;}


/*Pied de page*/
td#foot {font-size:10px;
		 background-repeat: repeat-y;
		 height:20px;
		 color:white;
		 }
#foot a {color:white;}
td#foot ul {margin:5px 0 5px 5px;}
td#foot li {display:inline;}