/*****************************************************/
/* Auteur : Julien Mariller							 */
/* But    : Règles CSS pour l'affichage à l'écran	 */
/*          des différentes pages du site            */
/*****************************************************/
body {
	background-color:#ffffcc;
	font-size:0.7em;
	margin:0;
	padding:0;
}

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

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

.affiche {
	display:block;
}

.cache {
	display:none;
}

/* 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;
}

.en-construction {
	color:#999999;
	cursor:help;
}

.bouton-ajouter-au-panier {
	/*width:120px;*/
}

.news, .update {
	/**/font-size:0.9em;
	font-variant:small-caps;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
	/*text-decoration:underline;*/
}
.news {color:#356799;}
a.news {color:#339966;}
.update {
	color:#CC6600;
	
}

/*********************************************/
/* 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 */
/******************************************************/
acronym, abbr {
	border-bottom:1px dotted #000000;
	cursor:help;
}

blockquote {
	font-style:italic;
	quotes:"\201C" "\201D";
}

blockquote p {
	display:inline;
}

blockquote:before {content:open-quote;}
blockquote:after {content: close-quote;}

img {
	border:0;
}

form {
	margin:0;
	padding:0;
}

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

h3 {
	/*color:#356799;*/
	font-size:1.35em;
}

h4 {
	/*color:#356799;*/
	font-size:1.25em;
}

h5 {
	/*color:#356799;*/
	font-size:1.15em;
}

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

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

kbd {
	color:#666666;
	font-family:"Courier New", Courier, mono;
}

label {
}

strong {
	/*color:#356799;*/
}

/**************/
/* TEMPORAIRE */
/**************/
#lien-retour-vers-l-ancien-site {
	margin:40px 0;
}

#popup-avertissement {
	background-color:#fefec1;
	left:50%;
	margin-left:-200px;
	padding:5px 10px;
	position:absolute;
	width:400px;
}

#popup-avertissement h4 {
	font-size:1.15em;
	margin:5px 0;
	padding:0;
}

.popup {
	border-top:1px solid #eeda96;
	border-bottom:2px solid #dac373;
	border-left:1px solid #eeda96;
	border-right:2px solid #dac373;
}

/**************/
/* TEMPORAIRE */
/**************/


/*************************************************/
/* Règles concernant le conteneur global du site */
/*************************************************/
#page {
	background-color:#FFFFCD;
/*	border:1px solid #000;*/
	left:50%;
	margin-left:-400px;
	padding:7px;
	position:absolute;
	width:800px;
}

#logo-principal {
	display:block;
	font-size:2em;
	font-weight:normal;
	left:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:30px;
}

/*************************************************/
/* 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;
}*/

#texte-de-l-accueil {
	float:left;
	width:450px;
}

#offre-du-moment {
	border:1px dashed #CCCCCC;
	float:right;
	margin-top:-30px;
	padding:10px;
	text-align:center;
	width:280px;
}

#offre-du-moment p {
	margin:5px 0;
	padding:0;
}

#slogan-principal {
	color:#339966;
	text-align:center;
}

#message-de-bienvenue, #derniere-mise-a-jour {
	bottom:-40px;
	font-size:0.8em;
	position:absolute;
}

#message-de-bienvenue {left:0;}
#derniere-mise-a-jour {right:0;}

/*************************************************/
/* Règles concernant la bannière et ses éléments */
/*************************************************/
#banniere {
	position:relative;
	width:800px;
}

#accessibilite, #accessibilite * {
	color:#ffffcc;
}

#accessibilite {
	font-size:9px;
	margin-left:auto;
	margin-right:auto;
	padding:2px 0;
	width:750px;
}

#accessibilite a:hover {
	color:#000000;
}

#banniere h1, #banniere h2 {
	line-height:1px;
	position:absolute;
	margin:0;
	padding:0;
	text-indent:-5000px;
}

#formulaire-recherche-rapide fieldset {
	border:0;
	margin:0;
	padding:0;
}

#raccourcis-administration {
	left:205px;
	position:absolute;
	/*top:-15px;*/
	top:5px;
	width:290px;
}

#raccourcis-administration fieldset {
	padding:0 1.2em 0.6em 1.2em;
}

#informations-utilisateur {
	position:absolute;
	right:0;
	top:0;
}

#resume-panier {
	position:absolute;
	right:0;
	text-align:center;
	width:22em;
}

#resume-panier img {
	float:right;
	margin:0.5em 0 0 1em;
}

#menu-principal {
	list-style-type:none;
	margin:0.5em 0 0.5em -7px;	/* Pour compenser le décalage au début, à gauche */
	padding:0;
}

#menu-principal li {
	display:block;
	float:left;
	margin:0 0.5em;
}

#recherche-rapide {
	margin:0.8em 0;
}

#recherche-rapide p {
	margin:0;
	padding:0;
}

#choix-de-la-monnaie {
	position:absolute;
	right:0;
	top:122px;
}

/*******************************************/
/* Règles concernant l'affichage du chemin */
/*******************************************/
#affichage-chemin {
	margin:0.8em 0;
}

#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;
	float:left;
	/*height:730px;*/
	margin-left:10px;
	overflow:auto;
	padding:5px 10px;
	text-align:center;
	width:640px;
}

/* 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 {
	border:1px solid #CCCCCC;
	float:left;
	/*overflow:auto;*/
}

#menu-des-categories ul, #menu-des-marques ul,
#menu-utilisateur ul, #admin-menu-des-commandes ul {
	list-style-position:outside;
	list-style-type:circle;
	margin:0;
	padding:0 0 10px 15px;
	width:110px;
}

#menu-des-categories h4, #menu-des-marques h4,
#menu-utilisateur h4, #admin-menu-des-commandes h4 {
	font-size:1em;
	margin:5px 2px;
	padding:0;
}

/* Pour l'affichage du logo de la marque au survol de la souris */
#menu-des-marques {
	position:relative;
}

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

#menu-des-marques a:hover {	/* correction d'un bug IE */
	background:none;
}

#menu-des-marques a:hover span {
	border:1px dashed #CCCCCC;
	display:inline;
	left:70px;
	position:absolute;
	top:20px;
}

h3#nom-de-la-marque {
	position:absolute;
	text-indent:-5000px;
}

h3#nom-de-la-categorie {
	/*color:#356799;*/
	font-size:1.3em;
}

#contenu-general table {
	border-collapse:collapse;
	/*
	margin-left:auto;
	margin-right:auto;
	*/
}

#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 .texte-aligne-a-droite {text-align:right;}

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

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

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

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

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

#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;
}
*/
#formulaire-ajout-panier, #formulaire-ajout-panier fieldset {
	border:0;
	margin:0;
	padding:0;
}

/*******************************************************/
/* Règles concernant l'affichage de listes de produits */
/*******************************************************/
#liste-des-marques .update, #liste-des-echelles .update,
#liste-des-categories .update, #liste-des-compagnies .update {
	text-decoration:none;
}

#liste-des-echelles, #liste-des-categories, #liste-des-compagnies {
	clear:both;
}

#liste-des-echelles li, #liste-des-categories li, #liste-des-compagnies li {
	float:left;
	height:35px;
	margin:3px 0;
}

#liste-des-echelles li {width:100px;}
#liste-des-categories li {width:250px;}
#liste-des-compagnies li {width:120px;}

#liste-des-marques {
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

.une-marque {
	float:left;
	width:100px;
}

.une-marque p {
	margin:0;
	padding:0;
}

.une-marque .logo-de-la-marque {
	height:60px;
	position:relative;
}

.une-marque .update {
	text-align:center;
}

.une-marque p img {
	/*border:1px dashed #ccc;*/
	bottom:0;
	position:absolute;
}

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

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

#explications-des-symboles span {
	float:left;
	width:260px;
}

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

.un-resultat, .un-produit {
	float:left;
	width:100px;
}

.un-resultat img, .un-produit img {
	/*border:1px dashed #ccc;*/
	bottom:5px;
	left:0;
	margin-left:auto;
	margin-right:auto;
	position:absolute;/**/
}

.un-resultat p.image, .un-produit p.image {
	height:120px;/**/
	margin:0;
	padding:0;
	position:relative;
}

.un-resultat .reference, .un-produit .reference {
	line-height:10px;
	margin:0;
	padding:0;
}

.un-produit a span.apercu-image {
	display:none;
	left:20px;
	position:absolute;
	/*top:-180px;*/
	z-index:9999;
}

.un-produit a span.apercu-image img {
	border-left:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
	border-right:3px solid #c0c0c0;
	border-bottom:3px solid #c0c0c0;
}

.un-produit a:hover span.apercu-image {
	display:block;
}

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

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

.declinaison-d-un-produit {
	float:left;
	margin:0 80px 40px 0;
}

#liste-des-pieces-detachees, #liste-des-occasions {
	width:100%;
}

.piece-detachee-selectionnee {
	background-color:#fc3;
}

/**********************************************/
/* Règles concernant l'affichage d'un produit */
/**********************************************/
#image-du-modele {
	float:left;
}

#image-du-modele-admin {
	float:right;
}

#informations-du-modele {
	float:right;
	text-align:center;
}

#informations-du-modele h4 {
	width:380px;
}

#details-du-modele {
	width:100%;
}

#details-du-modele th {
	text-align:left;
}

#conteneur-de-l-image-du-produit {
	background-color:#fefec1;
	display:none;
	/*height:300px;*/
	left:50%;
	margin-left:-250px;
	padding:10px;
	position:absolute;
	text-align:center;
	top:280px;
	width:500px;
}

#conteneur-de-l-image-du-produit img {
	border:2px solid #eeda96;
}


/**********************************/
/* Règles concernant la recherche */
/**********************************/
.liste-des-resultats {
	margin-left:20px;
	text-align:center;
}

.section-resultats-recherche {
	/*color:#356799;*/
	font-style:italic;
}

/*******************************************/
/* 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 la page de Service   */
/******************************************/
#forfait-montage-decodeur {
	border:1px solid #E3CC85;
	border-collapse:separate;
	border-spacing:0;
}

#forfait-montage-decodeur th {
	background-color:#FFEBB0;
	border:1px solid #E3CC85;
}

#forfait-montage-decodeur td {
	border:1px solid #E3CC85;
}

/******************************************/
/* 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;*/
	width:auto;
}

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

/**********************************************/
/* Règles concernant l'affichage des liens    */
/**********************************************/
#liens-externes table, #liens-externes td {
	border:0 none;
}

#liens-externes tr {
	height:80px;
}

.categorie-de-liens caption {
	border-bottom:1px dashed #356799;
	/*color:#356799;*/
	font-size:1.2em;
	font-weight:bold;
	margin:15px 0;
	padding:2px 0;
	text-align:left;
	width:98%;
}

.categorie-de-liens thead {display:none;}
.categorie-de-liens .image {width:150px;}
.categorie-de-liens img {border:1px dashed #ccc;}
.categorie-de-liens .lien {width:200px;}

/**********************************************/
/* 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;}
.nb-produits-categorie {width:50px;}

/* 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;}

/* Liens */
#admin-liste-des-liens hr {
	margin:15px auto 25px auto;
	width:90%;
}
.nom-categorie-lien {width:140px;}
.supprimer-image-lien {width:25px;}
.image-lien {width:190px;}
.image-lien input {width:190px;}
.image-lien span {display:none;}
.image-lien:hover span {display:inline;}
.nom-lien {width:135px;}
.url-lien {width:135px;}
.description-lien {width:185px;}
.nb-liens-categorie {width:50px;}

/* Commandes */
#formulaire-modifier-commentaire-commande fieldset {
	float:left;
	text-align:left;
}

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

/* 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 !! */
.statistiques {
	border-collapse:separate;
	border-spacing:5px;
/*	margin:auto;*/
}

.statistiques th {
	background-color:#FFEBB0;
	border:1px solid #E3CC85;
}

#meilleurs-clients .pays {
	text-align:center;
	width:90px;
}

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

table#dernieres-mises-a-jour {
	width:100%;
}

table#dernieres-mises-a-jour th {
	text-align:left;
}

table#dernieres-mises-a-jour .date {
	width:150px;
}

.nom-type-de-courant {
	text-align:left;
	width:250px;
}

.image-type-de-courant {
	text-align:left;
	width:300px;
}

table#imports-en-attente td {
	padding:0px 5px;
}

table#imports-en-attente em.aucune-correspondance {
	color:#f00;
}

table#imports-en-attente em.correspondance-exacte {
	color:#00B050;
}