body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url("/images/fd-body.gif");
	background-repeat: repeat-x;
}
body.popup {
	margin: 14px 12px 14px 12px;
	background-image: url("/images/fd-popup.gif");
	background-repeat: repeat;
}
body.mail {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:none;
}
input.disabled { background: #e0e0e0; color: #000000;}

a.hautpopup, a.hautpopup:link, a.hautpopup:visited, a.hautpopup:active {
	display:block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: right;
	background-color: #444444;
	margin: 1px 0px 0px 80%;
	padding: 4px 10px 2px 10px;
	text-decoration: none;
}
a.hautpopup:hover { color: #F3A105; }

.pourcentrouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px; 
	font-weight: bold; 
	color: #CA2B2B;}
	
.texterougebold {  
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: bold; 
	color: #ca2b2b;}
	
.texteblanc {  
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #ffffff;}

/* bloc entete : logo + login + menu */
div.bandeau{
	display: block;
	height: 123px;
	width: 780px;
}

div.bandeauadmin{
	display: block;
	height: 115px;
	width: 780px;
}

/* entete logo*/
div.entete {
	float: left;
	display: inline;
	background-image:url("/images/fd-entete.gif");
	background-position: 0% 0%;
	background-repeat: repeat-y;
	padding: 16px 0px 0px 32px;
	margin: 0px -3px 0px 0px;
	height: 81px;
	width: 538px;
}
/* entete bloc login*/
div.log {
	float: left;
	background-image: url("/images/fd-log.gif");
	background-position: 0% 0%;
	background-repeat: repeat-y;
	width: 198px;
	height: 92px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
}
div.log p {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#F3A105;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin: 0px 0px 5px 0px;
}
div.log .petit {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#F3A105;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin: 0px 7px 0px 18px;
}
div.log input.un {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 14px;
	width: 128px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 1px 0px 2px;
}
div.log input.deux {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 14px;
	width: 80px;
	border: 0px;
	margin: 2px 0px 0px 0px;
	padding: 0px 1px 0px 2px;
	vertical-align: top;
}
div.log input.bt {
	width: 37px;
	height: 14px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.log a, div.log a:link, div.log a:visited, div.log a:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D9C69D;
	font-variant:normal;
	letter-spacing: 1px;
	text-align: right;
	margin: 0px 0px 0px 0px;
	text-decoration: underline;
}
div.log a:hover { color: #F3A105; text-decoration: none; }

/* code promo*/

div.promo input.promo {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 14px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* menu horizontal*/
div.menuB {
	float: left;
	display: block;
	width: 700px;
	height: 20px;
	margin: 3px 0px 0px 0px;
}
div.menuB p {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#F8ECD2;
	margin: 4px 0px 0px 15px;
}
div.menuB a, div.menuB a:link, div.menuB a:visited, div.menuB a:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #D9C69D;
	font-variant:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
div.menuB a:hover { color: #F3A105; text-decoration: underline; }
/* version UK */
div.versionuk {
	float: right;
	height: 27px;
}
div.versionuk a, div.versionuk a:link, div.versionuk a:visited, div.versionuk a:active {
	display: block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #D9C69D;
	font-variant:normal;
	margin: 4px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: right;
}
div.versionuk a:hover { color: #F3A105; text-decoration: underline; }


div.total {
	display: block;
	width: 780px;
	}

/* version FR */
div.versionfr {
	float: right;
	width:150px;
	height: 27px;
}
div.versionfr a, div.versionfr a:link, div.versionfr a:visited, div.versionfr a:active {
	display: block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #D9C69D;
	font-variant:normal;
	margin: 4px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: right;
}
div.versionfr a:hover { color: #F3A105; text-decoration: underline; }


div.total {
	display: block;
	width: 780px;
	}


/* colonne gauche*/
div.gauche {
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}


/* menu logos*/
div.logos {
	width: 293px;
	margin: 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}



/* menu catalogue*/
div.catalogue {
	background-color: #FFFFFF;
	width: 288px;
	margin: 6px 0px 10px 5px;
	padding : 0px 0px 0px 0px;
}
div.catalogue h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #E23030;
	font-variant: small-caps;
	margin: 6px 0px 4px 0px;
	padding: 0px 0px 0px 10px;
}
div.catalogue a, div.catalogue a:link, div.catalogue a:visited, div.catalogue a:active {
	display: block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #444444;
	font-variant:normal;
	background-image: url("/images/catalogue-fleche.gif");
	background-position: 0% 50%;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 23px;
	text-decoration: none;
}
div.catalogue a:hover { 
	background-color: #E23030;
	color: #FFFFFF;
	width: 265px;
	background-image: url("/images/catalogue-fleche-on.gif");
	background-position: 0% 50%;
	background-repeat: no-repeat;
	text-decoration: none;
}
div.catalogue li ul a, div.catalogue li ul a:link, div.catalogue li ul a:visited, div.catalogue li ul a:active {
	display:block;	
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	color: #5A615E;
	padding-bottom: 2px;
	border-bottom: 1px #FFFFFF solid;
	background-image: url("/images/catalogue-fleche-sousrub.gif");
	background-position: 0% 0%;
	text-decoration: none;
	background-color: #FFFFFF;
    width:265px;
    width/**/:265px;
}

div.catalogue li ul a:hover { 
	background-color: #E23030;
	color: #FFFFFF;
	width: 265px;
	background-image: url("/images/catalogue-fleche-sousrub-on.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	text-decoration: none;
}


div.catalogue .selected { 
	display: block;
	width: 265px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	font-variant:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 23px;
	background-color: #E23030;
	background-image: url("/images/catalogue-fleche-on.gif");
	background-position: 0% 50%;
	background-repeat: no-repeat;
	text-decoration: none;
}

#selected { 
	display: block;
	width: 265px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	font-variant:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 23px;
	background-color: #E23030;
	background-image: url("/images/catalogue-fleche-on.gif");
	background-position: 0% 50%;
	background-repeat: no-repeat;
	text-decoration: none;
}

/* affichage des sous-rubriques */
div.sousrub {
	position: absolute;
	left: 294px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 10px 0px;
	border: 1px solid #E23030;
	width: 170px;
	top: 255px;
	visibility: hidden;
}
div.sousrub a, div.sousrub a:link, div.sousrub a:visited, div.sousrub a:active {
	display: block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #444444;
	font-variant:normal;
	background-image: url("/images/catalogue-fleche-sousrub.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	text-decoration: none;
}
div.sousrub a:hover { 
	background-color: #E23030;
	color: #FFFFFF;
	width: 152px;
	background-image: url("/images/catalogue-fleche-sousrub-on.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	text-decoration: none;
}

/*  bloc recherche */
div.recherche {
	background-image:url("/images/fd-recherche.gif");
	background-repeat: repeat-x;
	width: 279px;
	height: 68px;
	margin: 5px 0px 0px 0px;
	padding : 3px 0px 0px 15px;
}
div.recherche input {
	display: inline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E23030;
	border: 1px solid #444444;
	width: 200px;
	height: 20px;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}
div.recherche input.bt {
	display: inline;
	width: 47px;
	height: 22px;
	border: 0px;
	margin: 1px 0px 0px -3px;
	padding: 0px 0px 0px 0px;
}
div.recherche p{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 0px 0px;
}
div.recherche a, div.recherche a:link, div.recherche a:visited, div.recherche a:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #444444;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
div.recherche a:hover { color: #E23030; }



/*  bloc focus */
div.focus {
	background-color: #FFFFFF;
	width: 277px;
	margin: 6px 0px 0px 0px;
	padding : 0px 0px 15px 15px;
	border-bottom: 1px solid #D9C69D;
}
div.focus h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #444444;
	margin: 2px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
}
div.focus p{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
}
div.focus .prix{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DD322F;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.focus a, div.focus a:link, div.focus a:visited, div.focus a:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #444444;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
div.focus a:hover { color: #E23030; }



/*  bloc newsletter */
div.newsletter {
	background-color: #FFFFFF;
	width: 278px;
	margin: 0px 0px 0px 0px;
	padding : 10px 0px 15px 15px;
}
div.newsletter h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #444444;
	letter-spacing: 0.1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.newsletter input {
	display: inline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	border: 1px solid #444444;
	width: 200px;
	height: 20px;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}
div.newsletter input.bt {
	display: inline;
	width: 47px;
	height: 22px;
	border: 0px;
	margin: 1px 0px 0px -3px;
	padding: 0px 0px 0px 0px;
}



/*  bloc partenaires */
div.partenaires {
	width: 293px;
	background-image:url("/images/fd-logo.gif");
	margin: 6px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}
div.partenaires p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7D7C7C;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}




/* footer */
div.footer {
	display: block;
	clear: both;
	background-color: #E5E2DA;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	height: 80px;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding:  10px 20px 0px 20px;
	z-index: -1;
}
div.footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #72716D;
}
div.footer a.footer, div.footer a.footer:link, div.footer a.footer:visited, div.footer a.footer:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #72716D;
	text-decoration: underline;
}
div.footer a.footer:hover { color: #C92B2B; text-decoration: none; }

div.footer a.haut, div.footer a.haut:link, div.footer a.haut:visited, div.footer a.haut:active {
	display:block;
	position: absolute;
	left: 640px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #72716D;
	letter-spacing: 1px;
	text-align: right;
	border-bottom: 2px solid #72716D;
	margin: 10px 0px 0px 0px;
	padding: 4px 0px 2px 20px;
	text-decoration: none;
}
div.footer a.haut:hover {
	margin: 8px 0px 0px 0px;
	padding: 4px 0px 4px 20px;
}

/* footer */
div.oldlink {
	background-color: #E5E2DA;
	margin: 0px 0px 0px 0px;
}
div.oldlink p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #72716D;
}
div.oldlink a.oldlink, div.oldlink a.oldlink:link, div.oldlink a.oldlink:visited, div.oldlink a.oldlink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #72716D;
	text-decoration: underline;
}
div.oldlink a.oldlink:hover { color: #C92B2B; text-decoration: none; }

/* footer admin */
div.footeradmin {
	display: block;
	clear: both;
	background-color: #E5E2DA;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	height: 50px;
	width: 1052px;
	margin: 6px 0px 0px 0px;
	padding:  10px 20px 0px 20px;
	z-index: -1;
}
div.footeradmin p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #72716D;
}
div.footeradmin a.footer, div.footeradmin a.footer:link, div.footeradmin a.footer:visited, div.footeradmin a.footer:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #72716D;
	text-decoration: underline;
}
div.footeradmin a.footer:hover { color: #C92B2B; text-decoration: none; }

div.footeradmin a.haut, div.footeradmin a.haut:link, div.footeradmin a.haut:visited, div.footeradmin a.haut:active {
	display:block;
	position: absolute;
	left: 950px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #72716D;
	letter-spacing: 1px;
	text-align: right;
	border-bottom: 2px solid #72716D;
	margin: 10px 0px 0px 0px;
	padding: 4px 0px 2px 20px;
	text-decoration: none;
}
div.footeradmin a.haut:hover {
	margin: 8px 0px 0px 0px;
	padding: 4px 0px 4px 20px;
}


/* colonne de droite */
div.droite {
	float: left;
	margin: 0px 0px 0px 7px;
	padding : 0px 0px 0px 0px;
	background-image: url("/images/fd-col-droite.gif");
	background-repeat: repeat-x;
	width: 474px;
	z-index: 100;
}


/* menu panier */
div.panier {
	display: block;
	background-image: url("/images/fd-panier.gif");
	background-repeat: repeat-x;
	width: 469px;
	height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 5px;
	text-align: right;
}

div.panier a.panier, div.panier a.panier:link, div.panier a.panier:visited, div.panier a.panier:active {
	display: inline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF7E7;
	font-variant: small-caps;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

div.panier2 {
	display: block;
	background-image: url("/images/fd-panier.gif");
	background-repeat: repeat-x;
	width: 469px;
	height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 5px;
	text-align: right;
}
div.panier2 a.panier, div.panier2 a.panier:link, div.panier2 a.panier:visited, div.panier2 a.panier:active {
	display: inline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-variant: small-caps;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

div.panier a.panier:hover {color: #D9C69D; text-decoration: none;}

div.panier p {
	display: inline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444444;
	font-variant: small-caps;
	font-weight: bold;
	vertical-align: middle;
}
div.panier2 p {
	display: inline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444444;
	font-variant: small-caps;
	font-weight: bold;
	vertical-align: middle;
}
/* colonne nouveauté 1ibrairie sonore */
div.nouvols{
	display: inline;
	clear: left;
	float: left;
	width: 236px;
	vertical-align: top;
	background-image: url("/images/fd-nouveautes.gif");
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* colonne nouveauté catalogue musical */
div.nouvocm{
	float: right;
	clear: right;
	width: 237px;
	background-image: url("/images/fd-nouveautes2.gif");
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #FFFFFF;
}


/* blocs articles*/
div.librairieun {
	display: block;
	padding: 4px 8px 4px 16px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	width: 212px;
	clear: both;
	float:inherit;
}

div.librairiedeux {
	display: block;
	background-image:url("/images/fd-librairiedeux.gif");
	padding: 4px 8px 4px 16px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	width: 212px;
	clear: both;
	float:inherit;
}



div.librairietrois {
	display: block;
	background-image:url("/images/fd-librairietrois.gif");
	padding: 4px 8px 4px 16px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	width: 213px;
	clear: both;
	float:inherit;
}

div.librairiefocus {
	display: block;
	background-image:url("/images/fd-librairiefocus.gif");
	padding: 4px 8px 4px 16px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	width: 212px;
	clear: both;
	float:inherit;
}

/* styles des textes et vignettes*/
div.droite .vignette {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 6px 0px;
}
div.droite h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #444444;
	font-variant: small-caps;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration:inherit;
}
div.droite h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #444444;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration:inherit;
}
div.droite a, div.droite a:link, div.droite a:visited, div.droite a:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #C92B2B;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

div.droite a:hover { color: #444444; text-decoration: underline; }
div.nouvols a.lien, div.nouvols a.lien:link, div.nouvols a.lien:visited, div.nouvols a.lien:active 
{text-decoration: none;}

div.droite a.lien:hover { text-decoration: underline; }



/* cadre meilleures ventes */
div.topventes {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	float: left;
	background-color: #EAE8DF;
	border: 1px solid #FFFFFF;
	width: 442px;
	margin: 0px 0px 0px 0px;
	padding: 18px 15px 18px 15px;
	z-index: 200;
}
div.topventes ol {
	list-style-position:inside;
}

div.topventes ol li {
	list-style-image:none;
	list-style-type:decimal;
}
div.listetopventes {
	background-color: #F7F4EB;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}
div.listetopventes a, div.listetopventes a:link, div.listetopventes a:visited, div.listetopventes a:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: underline;
}
div.listetopventes a:hover { color: #C92B2B; text-decoration: none; }



/* pages de rubriques */
	
div.contenu {
	width: 454px;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding:  15px 12px 10px 6px;
	background-image: url("/images/fd-col-droite.gif");
	background-repeat: repeat-y;
	background-position: 0% 0%;
}

div.contenu h1{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	color: #444444;
	margin: 0px 0px 10px 0px;
	padding:  0px 0px 0px 0px;
}
div.contenu h2{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #CA2B2B;
	margin: 0px 0px 25px 0px;
	padding:  0px 0px 0px 0px;
}
div.contenu .photofiche{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 6px 0px;
	border: 2px solid #E23030;
}

div.contenu h3{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #444444;
	margin: 0px 0px 20px 0px;
	padding:  0px 0px 0px 0px;
}
div.contenu p{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464645;
	margin: 0px 0px 10px 0px;
	padding:  0px 0px 0px 0px;
}
div.contenu td{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464645;
	margin: 0px 0px 10px 0px;
	padding:  0px 0px 0px 0px;
}
div.contenu a, div.contenu a:link, div.contenu a:visited, div.contenu a:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #C92B2B;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	text-decoration: none;
}
div.contenu a:hover { color: #444444; }

div.contenu a.lien, div.contenu a.lien:link, div.contenu a.lien:visited, div.contenu a.lien:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #444444;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	text-decoration: none;
}
div.contenu a.lien:hover { color: #C92B2B; }


div.contenu a.comp, div.contenu a.comp:link, div.contenu a.comp:visited, div.contenu a.comp:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #C92B2B;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	text-decoration: underline;
}
div.contenu a.comp:hover { color: #444444; }


div.contenu .nb{
	display: block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
div.contenu .prixeuros{
	float:right;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #D02D2D;
	padding: 0px 0px 0px 0px;
	margin: -27px 0px 0px 0px;
}
div.contenu .prixfrancs{
	display: block;
	float: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 20px 0px;
}
div.contenu .bold {
	font-weight: bold;
}
div.contenu input.btajout {
	display: block;
	float: left;
	border: none;
	width: 212px;
	height: 18px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

/* toujours dans le div contenu : éléments de formulaire pour la page panier */
div.contenu input.btprint {
	display: block;
	float: left;
	border: none;
	width: 90px;
	height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.contenu input.btprintuk {
	display: block;
	float: left;
	border: none;
	width: 70px;
	height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.contenu input.btconfirm {
	display: block;
	float: right;
	border: none;
	text-align: right;
	width: 195px;
	height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.contenu input.btconfirmuk {
	display: block;
	float: right;
	border: none;
	text-align: right;
	width: 167px;
	height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.contenu input.btnewsearch {
	display: block;
	float: right;
	border: none;
	text-align: right;
	width: 189px;
	height: 18px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div.contenu input.btnewsearchuk {
	display: block;
	float: right;
	border: none;
	text-align: right;
	width: 131px;
	height: 18px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div.contenu input.qte {
	display: inline;
	vertical-align: middle;
	font-size: 12px;
	color: #E23030;
	font-weight: bold;
	width: 20px;
	height: 14px;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 2px;
}
div.contenu input.btsupp {
	display: inline;
	vertical-align: middle;
	border: none;
	width: 20px;
	height: 15px;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* éléments de formulaire pour la page d'inscription */
div.contenu input {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	width: 70%;
	border-top: 1px solid #746C5B;
	border-right: 2px solid #746C5B;
	border-bottom: 2px solid #746C5B;
	border-left: 1px solid #746C5B;
	margin: 0px 15px 0px 0px;
	padding: 0px 1px 0px 2px;
	vertical-align: bottom;
}
div.contenu input#image {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width: auto; 
	height: auto;
	border: none;
	margin: 0px 15px 0px 0px;
	padding: 0px 1px 0px 2px;
	vertical-align: bottom;
}
div.contenu textarea {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 11px;
	height: 45px;
	width: 70%;
	border-top: 1px solid #746C5B;
	border-right: 2px solid #746C5B;
	border-bottom: 2px solid #746C5B;
	border-left: 1px solid #746C5B;
	margin: 0px 15px 0px 0px;
	padding: 0px 1px 0px 2px;
	vertical-align: bottom;
}

div.contenu select {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	height: 20px;
	border-top: 1px solid #746C5B;
	border-right: 2px solid #746C5B;
	border-bottom: 2px solid #746C5B;
	border-left: 1px solid #746C5B;
	margin: 0px 15px 0px 0px;
	padding: 0px 1px 0px 2px;
	vertical-align: bottom;
}

div.contenu input.case {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 14px;
	width: 14px;
	border: none;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.contenu input.btvalid {
	border: none;
	width: 83px;
	height: 18px;
	margin: 10px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.contenu input.btvaliduk {
	display: block;
	float: right;
	border: none;
	width: 68px;
	height: 18px;
	margin: 10px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* toujours dans le div contenu : éléments pour la page panier */
div.contenu table.panier {
	border: 1px solid #FFFFFF;
	background-color: #E1D1B0;
}
div.contenu table.panier td {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
}
div.contenu tr.colordeux { background-color: #F0E8D8; }
div.contenu td.entete {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #444444;
}
div.contenu #derentete { 
	border-bottom: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;

}
div.contenu {
	border-right: 1px solid #FFFFFF;
}
td.liste {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
div.contenu a.titre, div.contenu a.titre:link, div.contenu a.titre:visited, div.contenu a.titre:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #444444;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}
div.contenu a.titre:hover { text-decoration: underline;}
/* pour les items voir plus bas "popup composition du CD" */


table.montantotal {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-top: 4px solid #444444;
	border-bottom: 2px solid #444444;
}
.free {
	display: block;
	text-align: left;
	vertical-align: middle;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bold;
	color: #444444;
	padding: 0px 0px 0px 10px;
	margin: 15px 0px 5px 0px;
}
.euros {
	display: block;
	text-align: right;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #D02D2D;
	padding: 8px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.eurospanier {
	text-align: right;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #D02D2D;
	padding: 8px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.francs {
	display: block;
	text-align: right;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 5px 0px;
}
div.contenu .petit {
	font-size: 9px;
	color: #706B5F;
}


/* liste de produits */
div.articleun {
	display: block;
	vertical-align: top;
	height:90px;
	background-color:#E1D1B1;
	padding: 2px 8px 14px 120px;
	margin: 10px 0px 10px 0px;
}
div.articledeux {
	display: block;
	vertical-align: top;
	height:90px;
	padding: 8px 8px 8px 8px;
	margin: 10px 0px 10px 0px;
}
div.contenu .photoliste{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 6px 0px;
	border: 2px solid #EEE6D4;
}
div.contenu .titre{
	display: block;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #444444;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
}
div.contenu .description{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #444444;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.contenu a, div.contenu a:link, div.contenu a:visited, div.contenu a:active {text-decoration: none;}
div.contenu a:hover { text-decoration: underline;}

div.contenu a.prix, div.contenu a.prix:link, div.contenu a.prix:visited, div.contenu a.prix:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #D02D2D;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
}
div.contenu a.prix:hover { color: #444444; text-decoration: none; }




/* page de rubrique dépendant aussi de div contenu */
div.contenu .important {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CE2D2D;
	font-weight: bold;
}
div.contenu a.text, div.contenu a.text:link, div.contenu a.text:visited, div.contenu a.text:active {
	display: inline;
	color: #444444;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}
div.contenu a.text:hover { text-decoration: none; }

div.contenu a.visible, div.contenu a.visible:link, div.contenu a.visible:visited, div.contenu a.visible:active {
	display: inline;
	font-size: 16px;
	color: #CE2D2D;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 4px 0px;
}
div.contenu a.visible:hover { text-decoration: none; }

div.contenu li {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #444444;
	list-style-image: url("/images/rub-fleche.gif");
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}


/* Fiche produit : bloc les internautes ont aussi acheté */

div.acheteaussi {
	display: block;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding:  12px 12px 12px 12px;
	border: 1px solid #FFFFFF;
	background-color: #D9C69D;
}
div.acheteaussi h1{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #CE2D2D;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}
div.acheteaussi a, div.acheteaussi a:link, div.acheteaussi a:visited, div.acheteaussi a:active {
	display: inline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #444444;
	text-decoration: none;
	background-image: url("/images/rub-fleche.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}
div.acheteaussi a:hover { color: #CE2D2D; }



/* popup composition du CD */
table.liste {
	border: 1px solid #444444;
	background-color: #E7DCC4;
}
tr.colordeux { background-color: #F3EDDF; }
td.entete {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #E59905;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 2px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #444444;
	margin: 0px 0px 0px 0px;
	padding: 12px 14px 4px 12px;
}
#derentete { 
	border-bottom: 2px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
}
td.titre {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444444;
	font-weight: bold;
	font-variant: small-caps;
	border-right: 1px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 4px 14px 1px 12px;
}
/* aussi utiliser dans le tableau du panier pour les réf., et le prix */
td.items {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	font-variant: normal;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 4px 6px 1px 6px;
}
#dertd {
border: none;
border-bottom: 1px solid #FFFFFF;
}

.champsobligatoire {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #A69F9D;
	padding: 5px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

div.totaladmin {
	display: block;
	width: 1100px;
	}
/* colonne du contenu admin */
div.admin {
	float: left;
	margin: 6px 0px 10px 2px;
	padding : 0px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 800px;
	z-index: -1;
}
div.admin h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #E23030;
	font-variant: small-caps;
	margin: 6px 0px 4px 0px;
	padding: 0px 0px 0px 10px;
}

div.admin h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #E23030;
	font-variant: small-caps;
	margin: 6px 0px 4px 0px;
	padding: 0px 0px 0px 10px;
}
div.admin h3{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #444444;
	margin: 0px 0px 20px 0px;
	padding:  0px 0px 0px 0px;
}
div.admin #image {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.admin table.list {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}

div.admin table.list td {
	border-bottom: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
}

div.admin a, div.admin a:link, div.admin a:visited, div.admin a:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 14px;
	font-weight: bold;
	color: #444444;
	font-variant:normal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 23px;
	text-decoration: none;
}

div.admin a:hover { 
	color: #E5E2DA;
}

div.admin input.bouton {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	background-color:#E23030;
	border:0px solid #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 180px;
	height: 18px;
}
div.admin td.tab{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464645;
	margin: 0px 0px 10px 0px;
	padding:  0px 0px 0px 0px;
}

div.admin input {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	border-style:solid; 
	border-width:1px; 
	background-color:#FFFFFF; 
	vertical-align: center;
}
div.admin input.btn {
	height: auto;
	border:none;
	background:none;
	
}
div.admin input.image {
	height: auto;
	border:none;
	background:none;
	
}

input#image {
	height: 100;
	border:none;
	background:none;
	
}
div.contenu input.image {
	height: auto;
	border:none;
	background:none;
	
}
input#image_atos {
	width:55px;
	height:35px;
	border:none;
	background:none;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

div.acceuil {
	width: 469px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 5px;
	vertical-align: top;
	background-image: url("/images/fd-col-droite.gif");
	background-repeat: repeat-y;
	background-position: 0% 0%;
}
div.acceuil h1{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
}
div.acceuil a.lienacc, div.acceuil a.lienacc:link, div.acceuil a.lienacc:visited, div.acceuil a.lienacc:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size: 6px;
	line-height: 14px;
	font-weight: bold;
	color: #444444;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	text-decoration: none;
}
div.acceuil a.lienacc:hover { 
 color: #444444;
	text-decoration: underline; }

div.contenu404 {
	width: 750px;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding:  15px 12px 10px 26px;
	background-image: url("/images/fd-col-404.gif");
	background-repeat: repeat-y;
	background-position: 0% 0%;
}

div.contenu404 h1{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	color: #444444;
	margin: 0px 0px 10px 0px;
	padding:  0px 0px 0px 0px;
}
div.contenu404 h2{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #CA2B2B;
	margin: 0px 0px 5px 0px;
	padding:  0px 0px 0px 0px;
}
div.contenu404 p{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464645;
	margin: 0px 0px 10px 0px;
	padding:  0px 0px 0px 0px;
}
div.contenu404 td{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464645;
	margin: 0px 0px 10px 0px;
	padding:  0px 0px 0px 0px;
}

/*
  Pour les tableaux des list des donnees
  tr.gris	= 	Signale les contacts non lus
  				Signale les actus périmées (date de fin d'affichage dpassée)
*/
.list { border: none; background-color: #777777; width:	100%; }
.list tr.normal { background-color: #ffffff; font-family: verdana; font-size: 11px; height: 17px; }
.list tr.normal_over { background-color: #ffffcc; height: 17px; }
.list tr.title { background-color: #f4be80; color: #ffffff; font-size: 12px; font-weight: bold; height: 25px;	vertical-align: middle;	 margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.list tr.gris { background-color: #dddddd; font-family: verdana; font-size: 11px; height: 17px; }
.list tr.gris_over { background-color: #ffffcc;  height: 17px; }
.list td { vertical-align: middle; font-family: verdana; font-size: 11px; padding-left: 3px;}