/* CSS Document */

body {
	margin: 0;
	padding: 0;
	
	background-color: ;
	
	font-family: ;
	font-size: 11px;
	text-align: center; /* pour correction de centrage de la <div> principale sous IE */
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 10px auto; /* harmonisation des marges haut et bas sous IE */
}

h1 {
	width: /* paramétrable */;
	height: /* paramétrable */;
}
	h1 a {
		height: 100px;
		
		display: block;
		
		text-indent: -999em;
	}
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

.kill { display: none; }
.invisible { visibility: hidden; }
.top { vertical-align: top; } /* alignement en haut (valable uniquement pour les tableaux */
.middle { vertical-align: middle; } /* alignement au milieu (valable uniquement pour les tableaux */
.left { text-align: left; } /* alignement à gauche du contenu */
.center { text-align: center; } /* centrage du contenu */
.justify { text-align: justify; } /* justification du contenu (valable uniquement pour les textes) */
.right { text-align: right; } /* alignement à droite du contenu */
.bottom { vertical-align: bottom; } /* alignement en bas (valable uniquement pour les tableaux */

.full {	width: 100%; } /* largeur maximale */
.shifttop { margin-top: /* paramétrable */; } /* retrait au-dessus */
.shiftleft { margin-left: /* paramétrable */; } /* retrait à gauche */
.shiftright { margin-right: /* paramétrable */; } /* retrait à droite */
.shiftbottom { margin-bottom: /* paramétrable */; } /* retrait en-dessous */

.strike { text-decoration: line-through; } /* texte barré */

.divleft {
	margin-right: /* paramétrable */; /* conteneur "flotte" à gauche */
	float: left;
}
.divcenter {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.divright {
	margin-left: /* paramétrable */;/* conteneur "flotte" à droite */
	float: right;
}
.clear {
	float: none;
	clear: both;
}

.borderless { border: none;	} /* supprime les bordures */
.bordered { border: 1px solid black; } /* ajoute une bordure */
.stuck { margin: 0; } /* les balises affectées par cette classe se touchent */
.stuck-top { margin-top: 0; } /* les balises affectées par cette classe n'ont aucune marge au-dessus */
.stuck-bottom { margin-bottom: 0; } /* les balises affectées par cette classe n'ont aucune marge en dessous */
.stuck-left { margin-left: 0; } /* les balises affectées par cette classe n'ont aucune marge à gauche */
.stuck-right { margin-right: 0; } /* les balises affectées par cette classe n'ont aucune marge à droite */
.stuck-in { padding: 0; } /* les balises affectées par cette classe n'ont aucune marge interne */
.table { display: table; } /* les balises affectées par cette classe réagissent comme des tableaux */
.table-cell { display: table-cell; } /* NON COMPATBLE IE - les balises affectées par cette classe réagissent comme des cellules de tableaux */
.block { display: block; } /* correction bug IE d'espaces indésirables autour des images */
.inline { display: inline; } /* les balises affectées par cette classe tiennent, dans la mesure du possible, sur la même ligne */
.scroll { overflow: scroll; } /* génère des ascenceurs dans un élément conteneur dans le cas où son contenu est plus vaste que lui */
.scroll-x { /* n'affiche qu'un ascenceur vetical dans un élément conteneur dans le cas où son contenu est plus vaste que lui */
	display: block;
	overflow: hidden;
	overflow-x: auto; /* IE */
	overflow-y: hidden; /* IE */
	overflow : -moz-scrollbars-horizontal; /* Firefox */
}
.scroll-y { /* n'affiche qu'un ascenceur horizontal dans un élément conteneur dans le cas où son contenu est plus vaste que lui */
	display: block;
	overflow: hidden;
	overflow-x: hidden; /* IE */
	overflow-y: auto; /* IE */
	overflow : -moz-scrollbars-vertical; /* Firefox */
}
.hidden {overflow: hidden; } /* masque les éléments qui 'sortent' d'un conteneur affecté par cette classe (les dimensions doivent être précisées) */

a img { /* supprime les bordures autour des images affectées par un lien sous IE */
	padding: 0;

	border: none;
}

a:link,
a:visited {
	color: ;
	text-decoration: underline;
}
a:active,
a:hover{
	color: ;
	text-decoration: none;
}

.framed { /* crée un encadré et eventuellement un fond sur un bloc */
	width: /* paramétrable */; 
	
	margin-left: /* paramétrable */; 
	margin-right: /* paramétrable */; 
	padding: 10px;
	
	border: 1px solid #ccc;
	
	background-color: #eee;
}
	.framed h2,
	.framed h3,
	.framed h4 {
		margin-top: 0;
	}
	
table {
	border: none;
	/*border-collapse: collapse;*/
}
	td {
		border: none;
		/*border-collapse: collapse;*/
	}
	th {
		background-color: black;
		
		font-weight: bold;
		color: white;
		text-align: center;
	}
	
ol li ol li { list-style: lower-latin; } /* les puces utilisée pour les sous-listes numérotées sont des caractères latin (a,b,c...) */
ul li { }
	ul li ul li { }

hr {
	/* Corrige le bug des marges de HR sous IE */
	display: block;
	height: 1px;
	padding: 0;
	color: #999; /* Couleur sous IE */
	background-color: #999; /* Couleur sous Firefox */
	border: 0;
}

.classic { background-color: #ccc; } /* alternative couleur utilisée pour distinguer les lignes de tableaux */
.altern { background-color: white; } /* alternative couleur utilisée pour distinguer les lignes de tableaux */

/* ******************************************** */
/* Gestion des formulaires */

form {
	margin: 0;
	padding: 0;
}
	form ul {
		margin: 0;
		padding: 0;
		
		list-style: none;
	}

fieldset {
	padding: 10px;
	
	border: 1px solid #ddd;
}
	legend { }
	label {
		font-weight: bold;
	}
		.lbleft { /* s'applique usuellement à une balise <label> afin de l'aligner à gauche du champ de formulaire qu'elle précède */
			width: 135px; /* 150 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
		}
		.lbleft-short {
			width: 90px; /* 105 */ /* paramétrable */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
		}
		.lbleft-long {
			width: 90px; /* 105 */ /* paramétrable */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
		}
		input,
		select,
		textarea {
		    font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: ;
		}
			input.text,
			select.text,
			textarea.text {
				padding: 0 5px;
			}
	
	.denied { /* messages d'erreurs lors du remplissage des formulaires */
		width: 70%;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		padding: 15px 15px 15px 75px;
		
		border: 1px solid #ddd;
		
		background-color: #eee;
		background-image: ;
		background-position: 15px;
		background-repeat: no-repeat;

		color: #000;
	}
		.denied ul li {	list-style-image: ;	}
		
/* ******************************************** */

/* ******************************************** */
/* Découpage */
.cols2 {
	width: 50%;
	
	float: left;
}
.cols3 {
	width: 33%;
	
	float: left;
}
/* ******************************************** */

/* ******************************************** */
/* Classes singulières */
.comment { /* bloc de commentaire utilisé par exemple dans l'interface administrateur */
	width: 70%;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
	padding: 10px;
	
	border: 1px solid #ccc;
	
	background-color: #eee;
}

.searching { text-align: center; } /* bloc de recherche */

.path {  } /* chemin de la catégorie ou du produit actuel (ex.: catalogue / admin) */

.navigation { text-align: center; } /* navigation entre les pages (ex.: catalogue produits sur plusieurs pages) */
/* ******************************************** */

/* ******************************************** */
/* Infobulle */
.infobulle{
	position: absolute;	

	visibility : hidden;

	padding: 5px;
	
	border: 1px solid #000;
	
	background-color: #ffc;
}
/* ******************************************** */

/* ******************************************** */
/* Curseurs */

.cursor-hand { /* Pointeur de base */
	cursor: default;
}
.cursor-hand { /* Main (lien hypertexte) */
	cursor: pointer;
}
.cursor-cross { /* Croix */
	cursor: crosshair;
}
.cursor-wait { /* Sablier */
	cursor: wait;
}
.cursor-help { /* Point d'interogation */
	cursor: help;
}
.cursor-move { /* 2 double-flèches haut/bas gauche/droite */
	cursor: move;
}
.cursor-erisize { /* Double-flèche gauche/droite */
	cursor: e-resize;
}
.cursor-nresize { /* Double-flèche haut/bas */
	cursor: n-resize;
}
.cursor-neresize { /* Double-flèche bas-gauche/haut-droite */
	cursor: ne-resize;
}
.cursor-nwresize { /* Double-flèche haut-gauche/bas-droite */
	cursor: nw-resize;
}
.cursor-text { /* Texte */
	cursor: text;
}
/* ******************************************** */

/* ******************************************** */
/* Arrondi des angles sous Firefox */
.bevelled {
	-moz-border-radius: 12px; /* Arrondi des angles */
	border-radius: 12px; /* Arrondi des angles */
}
	
/* ******************************************** */

/* ******************************************** */
/* Surlignement du texte sous Firefox */

::-moz-selection{
	background-color: #5295c0;
	
	color: white;
}
::selection {
	background-color: #5295c0;
	
	color: white;
} 

.center .btn-catalog { display:inline-block; padding: 0; text-decoration:none; margin: 5px 0 0 38px; }

/* ******************************************** */

 /* ************************************************************************************************
GESTION  DES BLOCS
************************************************************************************************* */

/* ***********************************************
BLOCS PRINCIPAUX
*********************************************** */

#main {
	text-align: left; /* rétablit l'alignement à gauche (voir body{} ) */
}

#vente .lbleft { width:270px; }
#vente select { width:270px !important; }
#vente input.text { width:256px; }