/*******************************************************/
/* Auteur   : Julien Mariller						   */
/* But      : Règles CSS pour l'impression des         */
/*            différentes pages du site                */
/* Remarque : Ici on masque un maximum d'éléments pour */
/*            épurer l'impression                      */
/*******************************************************/
body {
	background-color:#FFFFEC;
	font-size:0.7em;
	margin:0;
	padding:0;
	width:100%;
}

/*********************************************/
/* !! Règles communes à TOUS les éléments !! */
/*********************************************/
* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*********************************************/
/* Classes de règles communes à tout le site */
/*********************************************/

/* La règle "spacer" revient à faire un "retour à la ligne" au niveau de l'affichage,
   en particulier lorsqu'on utilise des éléments flottants */
.spacer {
	clear:both;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
}

.texte-en-gras {
	font-weight:bold;
}

.texte-aligne-a-gauche {
	text-align:left;
}

.texte-aligne-au-centre {
	text-align:center;
}

.texte-aligne-a-droite {
	text-align:right;
}

.texte-justifie {
	text-align:justify;
}

.message-retour-action {
	color:#356799;
	font-style:italic;
	font-weight:bold;
}

/*********************************************/
/* Règles globales concernant les hyperliens */
/*********************************************/

/* L'ordre suivant doit être respecté : link, visited, hover, active (astuce : LoVe and HAte) */
a {
	color:#356799;
}

a:link {
	text-decoration:underline;
}

a:visited {
}

a:hover {
	text-decoration:none;
}

a:active {
}

/******************************************************/
/* Règles globales concernant les balises prédéfinies */
/******************************************************/
img {
	border:0;
}

form {
	margin:0;
	padding:0;
}

form fieldset {
	margin:0.5em;
	padding:1em;
}

h4 {
	font-size:1.2em;
}

hr {
	border:0;
	background-color:#969696;
	color:#969696;
	height:1px;
}

input, select, textarea {
	font-size:1em;
}

label {
}

strong {
	color:#356799;
}

/*************************************************/
/* Règles concernant le conteneur global du site */
/*************************************************/
#page {
	background-color:#FFFFCD;
	width:100%;
}

/*************************************************/
/* Règles concernant la page d'accueil du site   */
/*************************************************/
#liste-des-prestations {
	list-style-position:outside;
	list-style-type:circle;
	margin:0;
	padding:0 0 10px 15px;
}

/*************************************************/
/* Règles concernant la bannière et ses éléments */
/*************************************************/
#banniere, #accessibilite {
	display:none;
}

/*******************************************/
/* Règles concernant l'affichage du chemin */
/*******************************************/
#affichage-chemin {
	display:none;
}

#contenu-general {
	position:relative;
}

/************************************************************************/
/* Règles concernant la partie centrale du site et la liste des marques */
/************************************************************************/
table fieldset {
	border:0;
	margin:0;
	padding:0;
}

#detail-contenu-general {
	background-color:#FEFEE3;
	border:1px dashed #999999;
	margin-left:10px;
	padding:5px 10px;
	text-align:center;
	width:560px;
}

/* Pour le compte utilisateur */
#formulaire-compte-utilisateur {
	text-align:left;
}

/* Pour les menus principaux */
#menu-des-categories, #menu-des-marques,
#menu-utilisateur, #admin-menu-des-commandes {
	display:none;
}

#menu-des-marques {
	position:relative;
}

#menu-des-marques span {
	display:none;
}

h3#nom-de-la-marque {
	position:absolute;
	text-indent:-5000px;
}
/*
#detail-contenu-general table {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}
*/

#detail-contenu-general caption {
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	padding:0.5em 0;
}

#contenu-general .statut {
	font-style:italic;
}

#contenu-general .texte-aligne-au-centre {
	text-align:center;
}

#contenu-general table td {
	text-align:left;
}

#contenu-general table td.image {
	text-align:center;
}

#contenu-general table .prix {
	text-align:right;
}

#detail-contenu-general th, #detail-contenu-general td {
	border:1px solid #E3CC85;
}

#detail-contenu-general th {
	background-color:#FFEBB0;
}

#detail-contenu-general tbody th {
	text-align:left;
}

#formulaire-ajout-panier {
	margin-left:auto;
	margin-right:auto;
	margin-top:1.5em;
	text-align:left;
	width:21em;
}

#formulaire-ajout-panier fieldset {
	border:1px solid #CCCCCC;
	padding:10px;
}

/*******************************************************/
/* Règles concernant l'affichage de listes de produits */
/*******************************************************/
#liste-des-produits {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:520px;
}

.un-produit {
	float:left;
/*	height:110px;*/
	width:70px;
}

.un-produit img {
	border:1px dashed #ccc;
}

.un-produit p.image {
	margin:0;
	padding:0;
}

.un-produit p.reference {
	margin:0;
	padding:0;
}

.separateur {
	float:left;
	width:35px;
}

#liste-des-produits .spacer {
	height:15px;
}


/*******************************************/
/* Règles concernant la page d'inscription */
/*******************************************/
.formulaire-utilisateur .ligne {
	display:block;
	margin:0.3em 0;
}

.formulaire-utilisateur .ligne label {
	display:block;
	float:left;
	margin-right:0.5em;
	text-align:right;
}

#formulaire-inscription .ligne label, #formulaire-compte-utilisateur .ligne label {
	width:12em;
}

#formulaire-connexion .ligne label {
	width:20em;
}

#formulaire-connexion .ligne label.sans-largeur-fixe {
	display:inline;
	float:none;
}

.erreur-formulaire {
	color:#FF0000;
	font-weight:bold;
}

/******************************************/
/* Règles concernant le contenu du panier */
/******************************************/
#contenu-du-panier {
	border-collapse:separate;
	border-spacing:5px;
}

#contenu-du-panier th {
	background-color:#FFEBB0;
	border:1px solid #E3CC85;
}

/***********************************************/
/* Règles concernant le passage d'une commande */
/***********************************************/
#formulaire-passer-commande fieldset {
	float:left;
}

#formulaire-passer-commande fieldset p {
	margin:0;
	padding:0;
}

#detail-d-une-commande {
	overflow:auto;
	width:100%;
}

#detail-d-une-commande form * {
	float:left;
}

#detail-d-une-commande option {
	border:1px solid #E3CC85;
}

#detail-d-une-commande select {
	margin-left:5px;
	width:120px;
}

#detail-d-une-commande input[type="image"] {
	display:none;
}

/**********************************************/
/* Règles concernant la partie Administration */
/**********************************************/
.element-formulaire-administration, .element-formulaire-administration fieldset {
	border:0 none;
	display:inline;
	margin:0;
	padding:0;
}

.pseudo-entete-formulaire {
	margin:6px 0;
}

.pseudo-entete-formulaire .pseudo-titre-champ-formulaire {
	border:1px solid #E3CC85;
}

.pseudo-titre-champ-formulaire {
	background-color:#FFEBB0;
	border:1px solid #E3CC85;
	font-weight:bold;
	padding:1px 0;
}

.pseudo-champ-formulaire {
	border:1px solid #FFFFCD;
	float:left;
}

/* Echelles */
.nom-echelle {width:55px;}
.repaires-echelle {width:110px;}
.rapport-echelle {width:110px;}
.reduit-echelle {width:110px;}
.modifier {width:25px;}
.supprimer {width:25px;}

/* Options */
#exportation-cresus {width:250px;}
.nom-option {width:100px;}
.valeur-option {width:200px;}

/* Compagnies */
.nom-compagnie {width:200px;}

/* Catégories */
#admin-liste-des-categories select {width:190px;}
.nom-categorie {width:200px;}
.parent-categorie {width:195px;}
.description-categorie {width:190px;}

/* Marques */
.supprimer-image-marque {width:25px;}
.image-marque {width:195px;}
.image-marque span {display:none;}
.image-marque:hover span {display:inline;}
.nom-marque {width:140px;}
.description-marque {width:200px;}
.nb-produits-marque {width:50px;}

/* Utilisateurs */
#liste-des-utilisateurs, #meilleurs-clients {
	border-collapse:separate;
	border-spacing:5px;
	width:100%;
}

#liste-des-utilisateurs th, #meilleurs-clients th {
	background-color:#FFEBB0;
	border:1px solid #E3CC85;
}

#liste-des-utilisateurs td, #meilleurs-clients td {
	border-bottom:1px solid #E3CC85; /* FAECC1 */
}

/* Statistiques MODIF !! */
#meilleurs-clients .pays {
	text-align:center;
	width:90px;
}

#meilleurs-clients .compte {
	text-align:center;
	width:30px;
}