/*
conception.css
Design utilisé pour la version de transition du site www.swissmonty.com
(entre tout html et tout php)
-----------
Par Jo
Fichier créé le 07.06.2007
*/

body /* Paramétres généraux de la page */
{
	width: 100%; /* Largeur de la page */
	margin: auto; /* Pour centrer notre page */
	/*margin-top: 50px; /* Pour éviter de coller avec le haut de la fenêtre du
	                     navigateur. Essayez d'enlever pour voir ! */
	/*margin-bottom: 5px; /* Idem pour le bas du navigateur */
	background-image: url("../images_communes/Smplogo jaune 45_50_fil.jpg");
}

h1, p /* Les titres et les paragraphes */
{
  font-family: Arial, "Times New Roman", Times, serif;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.petites_lettres /* Textes du genre contrat d'assurance, p.ex. conditions occasions */
{
  font-size: 0.6em;
  margin-bottom: 15px;
}

.filtre /* Filtres dans les listes (p.ex. filtrer les vélos par catégorie) */
{
  margin-bottom : 5px;
}

#en_tete /* L'en-tête */
{
	width: 1000px;
	height: 100px;
	text-align: center;
	border: 2px solid black; /* Une bordure pour bien marquer les limites du
										 corps et pour faire joli */
	/*background-image: url("images_mechanical_spirit/banniere.png");
	background-repeat: no-repeat;*/
	margin-bottom: 10px;
}

#menu /* Le menu */
{
	float: left;
	width: 150px; /* Très important : donner une taille au menu */
}

.element_menu
{
	/*background-color: #626262;
	background-image: url("images_mechanical_spirit/motif.png");
	background-repeat: repeat-x;*/
	border: 2px solid black;
	margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient
									trop collés */
}

.valider_erreur /* Les messages d'erreur lors de la validation d'un formulaire */
{
  color: red;
}

.valider_ok /* Les messages de confirmation lors de la validation d'un formulaire */
{
  color: green;
}

.petites_lettres /* Textes du genre contrat d'assurance, p.ex. conditions occasions */
{
  font-size: 0.6em;
  margin-bottom: 15px;
}

.liste_caracteristiques /* Utilisé pour les longues listes de caractéristiques (p.ex détail des modèles) */
{
  vertical-align: top;
  font-size: 0.75em;
}

#corps /* Le corps de la page */
{
	/*margin-left: 165px; /* Une marge à gauche pour pousser le corps, afin qu'il
								  ne passe plus sous le menu */
	/*margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au
									pied de page en-dessous */
	padding: 15px; /* Pour éviter que le texte à l'intérieur du corps ne colle
						  trop à la bordure */
	/*color: #B3B3B3;
	background-color: #626262; /* Une couleur de fond pour le corps */
	/*background-image: url("images_mechanical_spirit/motif.png");
	background-repeat: repeat-x; /* Une petite image de fond qui se répétera
											  horizontalement en haut */
	/*border: 2px solid black; /* Une bordure pour bien marquer les limites du
										 corps et pour faire joli */
}

#bas /* Le bas de la page */
{
	/*padding: 5px;
	text-align: center;*/
	/*color: #B3B3B3;
	background-color: #626262;
	background-image: url("images_mechanical_spirit/motif.png");
	background-repeat: repeat-x;*/
	/*border: 2px solid black;*/
}

/* Les tableaux */
table
{
  border-collapse:collapse;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 0.9em;
}
th, td /* les cellules d'entête et les normales */
{
  text-align: left;
  border:2px inset;
}

.liste_avec_miniature /* les listes avec miniatures */
{
  height: 51px; /* Hauteur des lignes */
}

.liste_sans_miniature /* les listes sans miniatures */
{
}

.liste_admin /* les listes de l'interface d'administration */
{
  font-size: 0.8em;
}

table.occasion_detail /* Mise en page du détail de l'annonce */
{
  margin: auto; /* Centre le tableau */
  width: 800px;
}

table.occasion_detail td.normal /* Cellules "normale" */
{
 text-align: left;
 vertical-align: center;
}

table.occasion_detail td.text /* Cellules contenant une zone de texte */
{
 text-align: left;
 vertical-align: top;
}

table.occasion_detail th /* Cellules d'entête */
{
 font-size: 2em;
 text-align: center;
 vertical-align: center;
}

table.occasion_detail td.pied /* Cellules du bas */
{
 font-size: 0.8em;
 text-align: center;
 vertical-align: center;
}

td img /* Les images dans les cellules */
{
  vertical-align: middle;
}

/* Les liens */
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   /*font-weight: bold;*/
}

a img /* Les images dans les liens */
{
  border-style: none;
}

a:hover img /* Quand le visiteur pointe une image dans un lien */
{
  border-style: solid;
  border-width: 1px;
}

#bouton_modifier /* Bouton modifier dans les formulaires de validation */
{
	margin-left: 10px;
}

#bouton_photo /* Bouton modifier dans les formulaires de validation */
{
	margin-left: 10px;
}

#bouton_valider /* Bouton modifier dans les formulaires de validation */
{
	margin-left: 10px;
}