html, body {
		margin: 0;
		padding: 0;
		height: 100%;
	}

    body {
    	font: 12px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    	background: url(images/background-img.jpg) -100px 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #f6ce01;
    }
	#container {
    	width: 100%;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background: transparent;
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
		min-height: 100%;
		height: auto !important;
		height: 100%;
		position: relative;
}
	#header {
    	background: url(images/header.jpg) no-repeat -100px 0;
		height: 190px;
		display: block;
		margin-top: 0; 
    	padding: 0;
    }
	#header a {
		background:  #ccc;
		width: 200px;
		height: 100px;
		display: block;
		position: absolute;
		top: 0;
		left: 0
	}
	#header h1 span {
		display: none;
	}
	#menu-top {
		background: url(images/menu-top2.jpg) no-repeat -100px 0;
		height: 58px;
		display: block;
		width: 100%;
		margin: 0;
	}
	#content {
    	background: url(images/main-top2.jpg) no-repeat -100px 0;
		float: left;
		width: 100%;
		padding: 0; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
    }
	 #footer {
    	padding: 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
    	background: url(images/footer3.jpg) no-repeat;
		height: 122px;
		clear: both;
		width: 100%;
    }
	
	#footer p {
		text-align: center;
		padding-top: 50px;
		/*position: absolute;
		left: 50%;
		bottom:0;*/		
	} 
	
	ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	ul#menu {
		float: left;
		text-align: right;
		width: 180px;
		margin: 50px 20px 0 0;
		background: url(images/menu-bg.gif) no-repeat 0 50px;
		display: block;
	}
	#remplissage {
		padding: 30px 20px 0 200px !important;
		padding: 30px 20px 0 0px;
		text-align: left;
		float: none !important;
		float:left;
	}
	ul#menu h1 {
		margin-top: 40px;
	}
	ul#menu li {
		font-size: 13px;
		margin-bottom:5px;
	}
	#dernier-element {
		margin-bottom:0;
	}
/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #CCCCCC;
}

h1, h2, h3{
	font-family: "Trebuchet MS", sans-serif;
}

h1{
	font-size: 22px;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 18px;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 14px;
	margin: 0;
	padding: 0;
}

a {
	color: #EC8000;
	text-decoration: none;
}

a:visited {
	color: #EC8000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #EC8000;
}

img {
	border: 0
}

/* Page
-------------------------------------------------------- */


.sousTitrePage {
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage {
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {
	height: 1px;
	width: 775px;
	background-color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	zoom:1;
}




/* Entête
-------------------------------------------------------- */

#entete {
	float: left;
	background-color: #12335b;
	width: 990px;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	color: #FFFFFF;
}

.logo {
	float: left;
	width: 260px;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}


.formMonCompte {
	float: left;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}
.titreMonCompte {
	padding:0;
	width: 150px;
	height: 14px;
	display: inline;
	float: left;	
}
.blocMonCompte {
	float: left;
	padding:0;
	margin: 0;
}

.champFormMonCompte {
	font-size: 10px;
	padding: 0;
	margin: 0;
	color: #12335B;
	background-color: #e9f4fb;
	border: 1px solid #12335B;
	overflow: hidden;
	zoom: 1;
}

.menuMonCompte {
	color: #a9c9e9;
	clear: both;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}
#global-monCompte {
	float: left;
	position: relative;
	left: 20px;
	top: 15px;
}
#maRecherche {
	float: left;
	margin: 0;
	position: relative;
	top:-14px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#monCompte {
	float: left;
	margin: 0;
	position: relative;
	top:-14px;
	left: 50px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#monPanier {
	float: left;
	margin: 0 0 0 30px ;
	padding: 0 10px;
	position: relative; 
	top:-14px;
	left: 50px;
}
#newsletter {
	float: left;
	margin: 0 0 0 20px;
	padding: 0 10px;
	position: relative;
	top:-14px;
	left: 50px;
}
#maRecherche h3, #newsletter h3 {
	margin: 0;
}
.boutonMonCompteEntete {	
	float: left;
	margin: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a.LIEN_entete:link {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:visited {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:hover {
	color: #fff;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}


/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	width:970px;
	color: #a9c9e9;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #0066CC;
	margin: 0;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

a.LIEN_chemin:link {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #a9c9e9;
	text-decoration: underline;
}

/* Produit petit & grand
-------------------------------------------------------- */
.ficheProduit {
	float:left;
	width: 350px;
	margin-left: 20px;
}
.titrePage {
	color: #f6ce01;
	text-align: left;
	font-weight: bold;
	width: 750px;
	margin: 0 0 20px 0;
	padding-bottom: 5px;
}
.titrePage h2 {
	width: 200px;
}

.ListeProduitsPetits {
	float: left;
	width: 100%;
	margin: 25px 0 0 15px;
	padding: 0;
}
.produitContour {
	background: url(images/contour.png) no-repeat top right;
	display: block;
	width: 148px;
	height: 197px;
	
}
.produitPetit {
	float: left;
	width: 150px;
	height: 290px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 5px 0 0 0;
	border: 1px solid #f6ce01;
	background: url(images/bg-produit.jpg) repeat-y center center;
	text-align: center;
	position: relative;
}

#nouveautes-index {
	float: right;
	width: 130px;
	text-align: center;
}
#contenu-index {
	margin-right: 200px;
}
.nouveaute {
	float: left;
	clear: both;
	width: 100px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 5px 0 0 0;
	border: 1px solid #f6ce01;
	background: url(images/bg-produit.jpg) repeat-y center center;
	text-align: center;
	position: relative;
}

.contourImage {
	border: 1px solid #f6ce01;
	margin-bottom: 5px;
	float: left;
}
.contourImageRubrique {
	border: 1px solid #f6ce01;
	margin: 0px 5px 0px 10px;
	text-align: center;
}
.contourNouveaute {
	border: 1px solid #f6ce01;
	clear: both;	
}
.titreProduit {
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
}

.chapoProduit {
	text-align: right;
	margin-right: 10px;
	clear:both;
}

.descriptionProduit {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
}

.prixProduit {
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	font-size: 18px;
}
.prixProduitArticle {
	text-align: left;
	font-weight: bold;
	position: absolute;
	bottom: 45px;
	text-align: center;
	right: 10px;;
	font-size: 18px;
}
a.LIEN_savoir {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	position: absolute;
	bottom: 25px;
	text-align: center;
	right: 10px;;
}

a.LIEN_commander {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	text-align: center;
	right: 10px;;
}

a.LIEN_commander:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
a.LIEN_savoir:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

a.LIEN_commanderProduit span {
	display: none;
}
a.LIEN_commanderProduit {
	margin-top: 30px;
	width: 180px;
	height: 40px;
	display: block;
	background:url(images/bouton-panier.png) no-repeat top left !important;
	background:url(images/bouton-panier.gif) no-repeat top left;
}

a.LIEN_commanderProduit:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commanderProduit:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commanderProduit:hover {
	background:url(images/bouton-panier.png) no-repeat bottom left !important;
	background:url(images/bouton-panier.gif) no-repeat bottom left;
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
.titreProduit h4 {
	margin: 0;
	font-size: 12px;
}
/* Nombre de pages
-------------------------------------------------------- */
#pager {
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #f6ce01;
	clear:both;
}
#pages, #pagesTop {
	float: left;
	width: 775px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #f6ce01;
	clear:both;
}

a.LIEN_pages:link {
	color: #f6ce01;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #f6ce01;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #f6ce01;
	text-decoration: underline;
	font-weight: bold;
}


/* Pied de page
-------------------------------------------------------- */

a.LIEN_footer:link {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:visited {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:hover {
	color: #0066CC;
	text-decoration: underline;
	font-weight: bold;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EC8000;
	font-size: 0.9em;
}

.footerTableau {
	color: #fff;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EC8000;
}
.boutonMonCompteContenu {
	margin-left: 200px;
}
.boutonMonCompteContenu2 {
	margin-top: 20px;
	margin-left: 50px;
}

.boutonMonCompteContenu a {
	font-weight: bold;
	background: url(images/bouton-envoyer.jpg) no-repeat top left;
	height: 34px;
	width: 133px;
	display: block;
}
.boutonMonCompteContenu a:hover {
	background: url(images/bouton-envoyer.jpg) no-repeat bottom left;
}
.boutonMonCompteContenu span {
	display: none;
}
.zoneDeSaisie {
	color: #12335B;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}


/* Menu général
-------------------------------------------------------- */

#menuGeneral {
	float: left;
	width:175px;
	padding: 0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;

}


dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

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


dl#menu {
	width: 175px;
}


dl#menu dt {
	cursor: pointer;
}

dl#menu dt a {
	font-size: 1.2em;
	color: #ec8000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu dt a:hover, dl#menu dt .selected {
	color: #FFFFFF;
	background-color: #EC8000;
}

dl#menu dd {
}

dl#menu li {
}

dl#menu li a {
	font-size: 1em;
	color: #EC8000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin:0;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu li a:hover, dl#menu li .selected {
	color: #FFFFFF;
	background-color: #EC8000;
}

.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
}

/* Signature
-------------------------------------------------------- */

#signature {
	padding: 0;
	width: 980px;
	color: #808185;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}

a.LIEN_signature:link {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:visited {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:hover {
	color: #808185;
	text-decoration: underline;
	font-weight: bold;
}
/*----- Ajout 08/08/07 -----*/
.rubrique {
	font-weight: bold;
	text-transform: uppercase;
}
.rubrique ul {
	text-transform:none;
}
/* Ajout 17/08 */
.rubrique-evenement {
    	background: url(images/titre-evenement.png) no-repeat !important;
    	background: url(images/titre-evenement.gif) no-repeat;
		width: 180px;
		height: 20px;
		display: block;
		margin-top: 8px;
}
.rubrique-accueil a {
    	background: url(images/titre-accueil.png) no-repeat !important;
    	background: url(images/titre-accueil.gif) no-repeat;
		width: 180px;
		height: 12px;
		display: block;
		padding-top: 8px;
}
.rubrique-accueil a:hover {
    	background: url(images/titre-accueil.png) no-repeat bottom left !important;
    	background: url(images/titre-accueil.gif) no-repeat bottom left;
}
.rubrique-forum a {
    	background: url(images/titre-forum.png) no-repeat !important;
    	background: url(images/titre-forum.gif) no-repeat;
		width: 180px;
		height: 12px;
		display: block;
		padding-top: 8px;
}
.rubrique-forum a:hover {
    	background: url(images/titre-forum.png) no-repeat bottom left !important;
    	background: url(images/titre-forum.gif) no-repeat bottom left;
}

.rubrique-archive a {
    	background: url(images/titre-archive.png) no-repeat !important;
    	background: url(images/titre-archive.gif) no-repeat;
		width: 180px;
		height: 12px;
		display: block;
		padding-top: 8px;
}
.rubrique-archive a:hover {
    	background: url(images/titre-archive.png) no-repeat bottom left !important;
    	background: url(images/titre-archive.gif) no-repeat bottom left;
}

.rubrique-Contact {
    	background: url(images/titre-contact.png) no-repeat !important;
    	background: url(images/titre-contact.gif) no-repeat;
		width: 180px;
		height: 12px;
		display: block;
		padding-top: 8px;
}
.rubrique-cielrouge {
    	background: url(images/titre-ciel.png) no-repeat !important;
    	background: url(images/titre-ciel.gif) no-repeat;
		height: 12px;
		display: block;
		padding-top: 8px;
}
.rubrique-Liens {
    	background: url(images/titre-liens.png) no-repeat !important;
    	background: url(images/titre-liens.gif) no-repeat;
		width: 180px;
		height: 12px;
		display: block;
		padding-top: 8px;
}
.rubrique-Livres a, .rubrique-Livres {
    	background: url(images/titre-livres.png) no-repeat !important;
    	background: url(images/titre-livres.gif) no-repeat;
		width: 180px;
		height: 20px;
		display: block;
}
.rubrique-Livres a:hover {
    	background: url(images/titre-livres.png) no-repeat bottom left !important;
    	background: url(images/titre-livres.gif) no-repeat bottom left ;
}
.rubrique-Disques a, .rubrique-Disques {
    	background: url(images/titre-disques.png) no-repeat top left !important;
    	background: url(images/titre-disques.gif) no-repeat top left;
		width: 180px;
		height: 20px;
		display: block;
}
.rubrique-Disques a:hover {
    	background: url(images/titre-disques.png) no-repeat bottom left !important;
    	background: url(images/titre-disques.gif) no-repeat bottom left;
}
.rubrique-vetements a, .rubrique-vetements {
    	background: url(images/titre-vetements.png) no-repeat top left !important;
    	background: url(images/titre-vetements.gif) no-repeat top left;
		width: 180px;
		height: 40px;
		display: block;
}
.rubrique-vetements a:hover {
    	background: url(images/titre-vetements.png) no-repeat bottom left !important;
    	background: url(images/titre-vetements.gif) no-repeat bottom left;
} 
.rubrique-deco a, .rubrique-deco {
    	background: url(images/titre-deco.png) no-repeat top left !important;
    	background: url(images/titre-deco.gif) no-repeat top left;
		width: 180px;
		height: 40px;
		display: block;
}
.rubrique-deco a:hover {
    	background: url(images/titre-deco.png) no-repeat bottom left !important;
    	background: url(images/titre-deco.gif) no-repeat bottom left;
}
.catalogue {
    	background: url(images/titre-catalogue.png) no-repeat !important;
    	background: url(images/titre-catalogue.gif) no-repeat;
		width: 180px;
		height: 12px;
		display: block;
		padding-top: 8px;
}
.spacer {
		height: 13px;
		clear:both;
}
.rubrique-evenement span, .rubrique-Contact span, .rubrique-cielrouge span, .rubrique-Liens span, .catalogue span, .rubrique-Livres span, .rubrique-Disques span, .rubrique-deco span, .rubrique-accueil span, .rubrique-vetements span, .rubrique-archive span, .rubrique-forum span {
	display: none;
}
.rubrique-chapo {
	margin-top: 10px;
	margin-left: 110px;
}
.search {
	position: relative;
	top: -10px;
}
.separation {
	border-top: 1px solid #f6ce01;
	height: 10px;
	background: transparent;
	width: 100%;
}
table#rubrique td {
	border: 1px dotted #f6ce01;
	border-top: none;
	border-left: none;
	padding: 5px;
}
a.lienimg:hover {
	text-decoration:none;
} 
.Occasion {
	
}
.Neuf {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13pt;
}