body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(interface/fd_site.jpg);
	background-repeat: repeat;
}
.bodycom {
	background-image: url(interface/fd_site_com.jpg);
}

/* ***************************************************************************************** */
/* definition des blocs qui structurent les contenus des pages                               */
/* ***************************************************************************************** */

#centrer {
	width: 952px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#site {
	width: 952px;
	background-image:  url(interface/fd_navgenerale.gif);
	background-repeat: repeat-y;
    position: absolute;
	/*margin: 0;
	padding: 0;*/
}

/* contenu des pages en 2 colonnes : navigation generale a gauche, contenu a droite
-------------------------------------------------------------------------------------------- */
#navgenerale {
	width: 184px;
/*	margin: 0 0 0 18px;*/
	margin: 0 0 0 13px;
    position: absolute;
	float: left;
	left: 0;
	text-align: left;
}
#contenu {
	width: 750px;
	margin: 0 0 0 202px;
	background-color: #FFFFFF;
}

/* contenu a droite en 4 blocs : header, navigation client, main, footer
-------------------------------------------------------------------------------------------- */
#header {
	width: 710px;
	height: 52px;
/*	height: 86px;
	background-image:  url(interface/logo_site_ni.jpg);
	background-repeat: no-repeat;*/
}
#header_prive {
	padding: 13px 0 0 0;
	width: 710px;
	height: 87px;
}
#header_com {
	padding: 13px 0 0 0;
	width: 710px;
/*	height: 100px; */
/*	height: 46px;*/
}
#logoswf {
	width: 167px;
	height: 100px;
/*	height: 80px;*/
	background-image:  url(interface/logo_ni.gif);
}
#navclient {
	width: 100%;
	text-align: left;
	float: left;
}
html>body #main {
	height: auto;
	min-height: 600px;
}
#main {
	width: 710px;
	text-align: left;
	float: left;
	height: 600px;
}
#footer {
	width: 710px;
	height: 80px;
	text-align: left;
	clear: both;
	background-image: url(interface/fd_footer_trait.gif);
	background-repeat: repeat-x;
}
#partage_reseau {
	margin: 20px 0 0 0;
	text-align: left;
	clear: both;
	font-size: 10px;
	color: #5A5454;
}
#spacer {
/*	content: "";*/
	display: block;
	clear: both;
}

/* contenu du moteur de recherche & criteres tri
-------------------------------------------------------------------------------------------- */
#recherche {
	width: 100%;
	float: left;
	margin: 0;
	padding: 11px 0 2px 0;
/*	padding: 11px 0 11px 0;*/
	background-color: #F2ECEE;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#tri {
	width: 100%;
	float: left;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 6px;
	margin-bottom: 11px;
	background-color: #F2ECEE;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* contenu du catalogue avec rappel du lien 'voir mon panier' en bas
-------------------------------------------------------------------------------------------- */
#catalogue {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
#rappel_panier {
	width: 750px;
	float: left;
	margin: 0;
	margin-top: 48px;
	padding: 0;
}

/* contenu de la fiche detaillee d'un article
-------------------------------------------------------------------------------------------- */
.tx-nimcatalogue-pi1 {
	width: 100%;
	float: left;
}
#retour_catalogue {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.tx-nimcomcatalogue-pi1 #retour_catalogue { /* .com */
	margin-top: 10px;
}
#visuel_article {
	/*width: 370px;*/
	height: 370px;
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 11px;
	padding-bottom: 11px;
	margin-right: 5px;
	margin-left: 10px;
}
#fiche_article {
	width: 216px;
	/*height: 420px;*/
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 11px;
	margin-left: 20px;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
}
#themes_article {
	float: left;
	width: 246px;
	margin: 0;
	padding: 0;
	margin-top: 11px;
	margin-left: 20px;
}
#zoom_article_com {
	width: 216px;
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 11px;
	margin-left: 20px;
}
#vignettes_article {
	width: 52px;
	height: 370px;
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 11px;
	padding-bottom: 11px;
}

/* etape de validation du panier : adresse de livraison, date, commentaire
-------------------------------------------------------------------------------------------- */
#validation_gauche {
	width: 275px;
	/*height: 370px;*/
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 11px;
	margin-right: 24px;
}
#validation_droite {
	width: 400px;
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 11px;
	padding-bottom: 60px;
}

/* Saisie du login et password
-------------------------------------------------------------------------------------------- */
#login {
	width: 359px;
	height: 380px;
	margin-top: 20px;
	margin-left: 170px;
	padding: 0;
	background-image: url(interface/fd_login.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#login_remember {
	width: 359px;
	height: 203px;
	margin-top: 20px;
	margin-left: 170px;
	padding: 0;
	background-image: url(interface/fd_login_remember.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/* Visualisation permanente du panier
-------------------------------------------------------------------------------------------- */
#visualisation_panier {
	width: 152px;
	float: left;
	margin: 10px 0 0 4px;
	/*margin: 20px 0 0 18px;*/
	padding: 2px;
	border: 1px solid #5A5454;
	background-color: #FFFFFF;
}

/* Geolocalisation des revendeurs
-------------------------------------------------------------------------------------------- */
#geolocalisation {
	float: left;
	padding: 10px 0 40px 0;
}
#col_gauche {
	width: 200px;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 11px 0;
}
#col_droite {
	width: 500px;
	margin: 5px 0 0 0;
	float: right;
}
#msg_bas {
	clear: both;
	width: 706px;
	padding: 0 0 10px 0;
	float: left;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* ***************************************************************************************** */
/* definition des proprietes des blocs communs : nav gauche, nav client, header, footer      */
/* ***************************************************************************************** */

/* styles nav generale a gauche
------------------------------------------------------------------------------------ */
#navgenerale h1 {
	margin: 0 0 7px 0;
	padding: 0;
	line-height:10px;
    /*display: block;
	height: 22px;*/
}
#navgenerale ul {
	margin: 20px 0 0 11px;
	padding: 0;
	list-style-type: none;
} 
#navgenerale li {
	width: 138px;
	float: left;
	left: 0;
	list-style-type: none;
}
#navgenerale a {
    display: block;
	width: 138px;
	height: 18px;
	border: 0;
	text-decoration: none;
}
#navgenerale object {
	margin: 0;
	padding: 0;
}
.navg_fin_groupe {
    display: block;
	height: 28px;
	background-image: url(interface/fd_navg_groupe.gif);
	background-repeat: repeat-x;
}
.texte_framboise {
	color: #BB0F49;
}
.texte_rouge {
	color: #ED2A2E;
}
.texte_orange {
	color: #EF5C0F;
}
.texte_jaune {
	color: #F7AD0E;
}
.texte_gris {
	color: #9D9593;
}
.texte_rose {
	color: #B671B9;
}

/* styles menu de selection des langues
------------------------------------------------------------------------------------ */
#navclient .langue_NO a {
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: underline;
}
#navclient .langue_CUR a {
	font-size: 9px;
	font-weight: bold;
	color: #5A5454;
	text-decoration: none;
}
#navclient .langues_haut_com {
	text-align: left;
	clear: both;
}
#navclient .tx-srlanguagemenu-pi1 {
	text-align: left;
	clear: both;
}
.bodycom .tx-srlanguagemenu-pi1 {
	margin-bottom: 6px;
}
#footer .tx-srlanguagemenu-pi1 {
	margin-bottom: 0;
	padding-top: 56px;
	float: right;
	font-size: 9px;
	font-weight: bold;
	color: #5A5454;
}

/* styles menu de selection des langues sur le .com
------------------------------------------------------------------------------------ */
/*#footer .langues {
	font-size: 9px;
	font-weight: bold;
	color: #5A5454;
	background-color:#9966CC;
}*/
#footer .langue_NO a {
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: underline;
}
#footer .langue_CUR a {
	font-size: 9px;
	font-weight: bold;
	color: #5A5454;
	text-decoration: none;
}

/* styles nav client en haut, sous le header
------------------------------------------------------------------------------------ */
.navc_trait_horizontal {
	height: 8px;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#navclient a {
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: underline;
}
#navclient a:hover {
	text-decoration: none;
}
#navclient a.voir_panier {
	text-decoration: none;
}
#navclient p {
	margin: 0 40px 0 0;
	padding: 0 0 10px 0;
	font-size: 11px;
	font-weight: bold;
	color: #5A5454;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* styles footer
------------------------------------------------------------------------------------ */
#footer p {
	padding-top: 56px;
	font-size: 9px;
	font-weight: bold;
	color: #9D9593;
}
#footer a {
	font-size: 9px;
	font-weight: bold;
	color: #9D9593;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


/* ***************************************************************************************** */
/* definition des proprietes de chacun des blocs                                             */
/* ***************************************************************************************** */


/* styles main : commun a tous
------------------------------------------------------------------------------------ */
a.voir_panier, a.lightbox_form {
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: none;
}
table.infos_panier {
	width: 100%;
	border: 0;
	padding: 0;
	font-size: 9px;
	font-weight: bold;
	color: #676161;
}
table.infos_panier td.nbarticles {
	padding-left: 178px;
	width: 125px;
	_width: 303px;
}
table.infos_panier td.rappelnbarticles {
	padding-left: 582px;
}
table.infos_panier td.nbarticles span.pictosfrais, table.infos_panier td.rappelnbarticles span.pictosfrais {
	margin-left: 8px;
}
a img {
	border:0;
}
hr {
	margin: 0 0 8px 0;
	height: 1px;
	border: 0;
	text-align: center;
	border-bottom: 1px solid #5A5454;
}
form {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	background-color: #FFFFFF;
	border: 1px solid #B4B0AF;
	color: #000000;
	font-size: 11px;
}
input.case_cocher {
	border: 0;
	vertical-align: middle;
}
input.btn_radio {
	border: 0;
}
ins {
	text-decoration: none;
}
.imggauche {
	float: left;
	margin: 5px 8px 0 0;
}
#main h1 {
	margin-top: 0;
	padding: 0;
	height: 32px;
	font-size: 20px;
	font-weight: bold;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#main h1 {  /* tous les titres sauf commande */
	margin-bottom: 6px;
}
/*#main h2 {  /* titre commande pas d espace sous les pointilles 
	margin-bottom: 0;
}*/
#main h3, h2 {
	margin-top: 12px;
	margin-bottom: 10px;
	padding: 0;
	/*height: 32px;*/
	font-size: 16px;
	font-weight: bold;
}
#main h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#main p, table {
	margin: 0;
	padding-top: 0;
	padding-bottom: 10px;
	font-size: 10px;
	color: #5A5454;
}
.trait_separateur {
	margin: 0;
	padding-bottom: 4px;
	width: 100%;
	height: 11px;
	float: left;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: center;
}
a.ajouter_panier {
     display: block; 
     width: 32px;
     height: 18px;
	 float: right;
     background-image: url(interface/btn_ajouter_panier.gif);
     background-repeat: no-repeat;
}
a.ajouter_panier:hover { 
     background-image: url(interface/btn_ajouter_panier_r.gif);
} 
a.voir_lien {
/*#fiche_article a.voir_lien {*/
    display: block;
	height: 16px;
	padding-left: 17px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: underline;
	background-image: url(interface/btn_voir_lien.gif);
	background-repeat: no-repeat;
}
a.voir_lien:hover {
	text-decoration: none;
	background-image: url(interface/btn_voir_lien_r.gif);
	background-repeat: no-repeat;
}
tr.pair {
	background-color: #F2ECEE;
}
tr.impair {
	background-color: #FFFFFF;
}
a.msg_enveloppes {
	color: #ED2A2E;
	text-decoration: underline;
}
a.msg_enveloppes:hover {
	text-decoration: none;
}

/* styles 4 blocs accueil public
------------------------------------------------------------------------------------ */
.accueil_public_col1 {
	width: 340px;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	margin-right: 28px;
	float: left;
}
.accueil_public_col2 {
	width: 340px;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	float: left;
}
.accueil_public_identification {
	width: 340px;
	height: 210px;
	padding: 0;
	margin: 0;
	padding-top: 14px;	
	margin-bottom: 18px;
	background-image: url(interface/fd_accueil_identification.jpg);
	background-repeat: no-repeat;
}
.accueil_public_nimcom {
	width: 340px;
	height: 167px;
	padding: 0;
	margin: 0;
	background-image: url(interface/fd_accueil_nimcom.jpg);
	background-repeat: no-repeat;
}
a.lien_site_com {
	display: block;
	margin: 36px 0 0 0;
	width: 292px;
	height: 86px;
}
#main p.identification {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-right: 15px;
}
#main p.trait_identification {
	padding: 0;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 20px;
	margin-right: 15px;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: center;
}
#main p.nimcom {
	margin: 0;
	padding: 10px 16px 0 16px;
	font-size: 16px;
	font-weight: bold;
	color: #ED2A2E;
}
.titre_identification {
	font-size: 16px;
	font-weight: bold;
	color: #ED2A2E;
}
.titre_pas_client {
	font-size: 12px;
	font-weight: bold;
	color: #ED2A2E;
}
a.cliquez_ici {
	font-size: 10px;
	color: #5A5454;
	text-decoration: underline;
}
a.cliquez_ici:hover {
	font-size: 10px;
	color: #5A5454;
	text-decoration: none;
}
a.oubli {  /* oubli du mot de passe */
	font-size: 10px;
	color: #5A5454;
	text-decoration: underline;
}
a.oubli:hover {
	font-size: 10px;
	color: #5A5454;
	text-decoration: none;
}
.libelle_login a {  /* revenir a la boutique si deja authentifie */
	font-size: 10px;
	color: #5A5454;
	text-decoration: underline;
}
.libelle_login a:hover {
	font-size: 10px;
	color: #5A5454;
	text-decoration: none;
}

/* styles teaser single accueils (public et prive)
------------------------------------------------------------------------------------------------------ */
.teaser_single {
	margin-bottom: 18px;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.teaser_single .image {
	margin-bottom: 10px;
 	background-color: #F1F0EC; 
}
.teaser_single .rubrique {
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	color: #BB0F49;
	text-decoration: none;
 	background-color: #FFFFFF; 
}
.teaser_single .title {
	padding-bottom: 2px;
}
.teaser_single .title a {
	font-size: 11px;
	font-weight: bold;
	color: #5A5454;
	text-decoration: none;
	text-transform: uppercase;
}
.teaser_single a.voir_teaser {
	display: block;
	height: 16px;
	padding-left: 17px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #5A5454;
	text-align: left;
	text-decoration: none;
	background-image: url(interface/btn_plus_framboise.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.teaser_single a.voir_teaser:hover {
	background-image: url(interface/btn_plus_framboise_r.gif);
	background-repeat: no-repeat;
}
.topx {
	text-align: right;
	float: right;
}

/* styles teaser liste (presentation des nouveautes, des actualistes...)
------------------------------------------------------------------------------------------------------ */
.teaser_list {
	padding-bottom: 16px;
	margin-bottom: 18px;
	width: 100%;
	float: left;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.teaser_list .image {
	margin-right: 32px; 
	float: left;
}
.teaser_list .title a {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 13px;
	font-weight: bold;
	color: #BB0F49;
	text-decoration: none;
	text-transform: uppercase;
}
.teaser_list .date {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #5A5454;
}
.teaser_list a.voir_teaser {
	display: block;
	height: 16px;
	padding-left: 17px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #5A5454;
	text-align: left;
	text-decoration: none;
	background-image: url(interface/btn_plus_framboise.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.teaser_list a.voir_teaser:hover {
	background-image: url(interface/btn_plus_framboise_r.gif);
	background-repeat: no-repeat;
}

/* styles teaser commande (presentation des collections)
------------------------------------------------------------------------------------------------------ */
.teaser_commande, .teaser_commande_com {
	margin: 0;
	padding: 0;
	margin-right: 9px;
	margin-bottom: 9px;
	float: left;
}
.teaser_commande table, .teaser_commande_com table {
	margin: 0;
	padding: 0;
	width: 160px;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.teaser_commande_com table {
	height: 295px;
}
.teaser_commande table{
	/* a remmetre quand modif en savoir plus à supprimer */
	height: 280px;
}
.teaser_commande .visuel, .teaser_commande_com .visuel {
	height: 164px;
}
.teaser_commande .title, .teaser_commande_com .title {
	height: 36px;
	font-size: 10px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: none;
	text-transform: uppercase;
}
.teaser_commande .title a, .teaser_commande_com .title a {
	color: #ED2A2E;
	text-decoration: none;
}
.teaser_commande .title a:hover, .teaser_commande_com .title a:hover {
	text-decoration: underline;
}
.teaser_commande .description, .teaser_commande_com .description {
	font-style: italic;
	vertical-align: top;
}
.teaser_commande td.voir_teaser, .teaser_commande_com td.voir_teaser {
	height: 18px;
}
.teaser_commande td.voir_teaser a, .teaser_commande_com td.voir_teaser a {
	display: block;
/*	height: 16px;*/
	padding-left: 17px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #5A5454;
	text-align: left;
	text-decoration: none;
	background-image: url(interface/btn_plus_rouge.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.teaser_commande td.voir_teaser a:hover, .teaser_commande_com td.voir_teaser a:hover  {
	background-image: url(interface/btn_plus_rouge_r.gif);
	background-repeat: no-repeat;
}

/* styles mise en page 1 contenu (top) + 1 liste de bloc en ordre lexicographique (bottom)
------------------------------------------------------------------------------------------------------ */
#main .article_top {
}

#main .article_bottom .imgtext {
    float: left;
    width: 176px;
    margin: 0;
    padding: 0;
}

/* styles mise en page 1 image + 1 legende + 1 texte + 1 lien
------------------------------------------------------------------------------------------------------ */
#main .csc-textpicHeader h1 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: none;
}
#main p.csc-caption {
	padding-top: 6px;
	font-weight: bold;
}
.tx-nimteaser-pi1 a.internal-link {
	display: block;
	height: 16px;
	padding-left: 17px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #5A5454;
	text-align: left;
	text-decoration: none;
	background-image: url(interface/btn_plus_framboise.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.tx-nimteaser-pi1 a.internal-link:hover {
	background-image: url(interface/btn_plus_framboise_r.gif);
	background-repeat: no-repeat;
}

/* styles page login
------------------------------------------------------------------------------------ */
#main #login table.identification tr td p.message, #main #login_remember table.identification tr td p.message {
	color: #ED2A2E;
}
table.identification {
	width: 298px;
	padding-top: 36px;
	margin-left: 30px;
}
td.titre_login {
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #ED2A2E;
	vertical-align: top;
}
td.libelle_login {
	padding: 0;
	margin: 0;
	width: 100px;
}
td.saisie_login {
	text-align: right;
}
table.identification input {
	width: 140px;
}
a.valider_login {
    display: block; 
	padding: 0;
	margin: 0;
    width: 70px;
    height: 18px;
	float: right;
	padding-left: 5px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: none;
    background-image: url(interface/btn_login.gif);
    background-repeat: no-repeat;
}
a.valider_login:hover { 
 	padding-left: 6px;
	line-height: 15px;
    background-image: url(interface/btn_login_r.gif);
} 
a.valider_logout {
    display: block; 
	padding: 0;
	margin: 0;
    width: 120px;
    height: 18px;
	float: right;
	padding-left: 5px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: none;
    background-image: url(interface/btn_lancer_recherche.gif);
    background-repeat: no-repeat;
}
a.valider_logout:hover { 
 	padding-left: 6px;
	line-height: 15px;
    background-image: url(interface/btn_lancer_recherche_r.gif);
} 
a.oubli_password {
	font-size: 9px;
	color: #5A5454;
	text-decoration: underline;
}
a.oubli_password:hover {
	font-size: 9px;
	color: #5A5454;
	text-decoration: none;
}

/* styles accueil prive
------------------------------------------------------------------------------------ */
.accueil_prive_col1 {  /* teasers nouveautes et actualites */
	width: 340px;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	margin-right: 28px;
	float: left;
}
.accueil_prive_col2 {  /* teasers nouveautes et actualites */
	width: 340px;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	float: left;
}

/* presentation contenu : 1 grande image + des vignettes en-dessous
------------------------------------------------------------------------------------ */
#catalogue dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#catalogue dl {
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 266px;
}
#catalogue dl.pair {
	background-color: #F2F1EF;
}
#catalogue dl.impair {
	background-color: #FFFFFF;
}
#catalogue dt {
	float: left;
	width:146px;
	text-align: left;
	font-size: 10px;
	color: #5A5454;
	margin-left: 10px;
	margin-right: 18px;
	background : transparent;
}

/* styles moteur de recherche
------------------------------------------------------------------------------------ */
#recherche ul {
	list-style-type: none;
	padding: 0 0 0 12px;
	margin: 0;
	float: left;
}
#recherche li {
	list-style-type: none;
    display: block;
	height: 18px;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 10px;
}
#recherche li.produit, li.produit select {
	width: 168px;
}
#recherche li.collection, li.collection select {
	width: 368px;
}
#recherche li.input, li.format {
	float: left;
}
#recherche li.format select {
	width: 118px;
}
#recherche li.input input {
	width: 112px;
	margin: 0 0 0 12px;
	/*height: 15px;
	line-height: 12px;*/
}
#recherche li.submit {
	width: 90px;
}
#recherche a.valider {
    display: block;
	height: 18px;
	padding-left: 5px;
	width: 120px;
	line-height: 15px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: none;
	vertical-align: bottom;
	background-image: url(interface/btn_lancer_recherche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#recherche a.valider:hover {
	line-height: 17px;
	padding-left: 6px;
	background-image: url(interface/btn_lancer_recherche_r.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.AutoCompleteDivListeStyle {
	font-size: 10px;
	text-align: left;
	line-height: 13px;
}
.AutoCompleteDiv {
	display: block; 
	font-size: 10px;
	line-height: 13px;
	padding-left: 3; 
	padding-right: 3; 
	height: 16px; 
	text-align: left;
	background-color: white;
	
}
.AutoCompleteDivAct {
	font-size: 10px;
	height: 16px; 
	line-height: 13px;
	background-color: #3366cc; 
	color: white ! important;
	text-align: left;
	cursor: pointer;
}

/* styles criteres tri
------------------------------------------------------------------------------------ */
#tri ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}
#tri li {
	list-style-type: none;
    display: inline;
	float: right;
	height: 18px;
	margin: 0;
	padding-right: 14px;
	font-size: 11px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
}
#tri li.criteres {
	float: left;
	padding-left: 8px;
}
#tri li select {
	height: 19px;
	line-height: 17px;
}

/* contenu du catalogue : liste de vignettes et infos
------------------------------------------------------------------------------------ */
#catalogue ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#catalogue table {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
	float: left;
	text-align: left;
	font-size: 10px;
	color: #5A5454;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
#catalogue td {
	width:148px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	vertical-align:bottom;
}
#catalogue td.artbiz {
	height: 286px;
}
#catalogue td.artcom {
	height: 232px;
}
#catalogue td.espace {
	width:100%;
	height: 10px;
	padding:0;
	background-color: #FFFFFF;
}
#catalogue ul {
	padding-top: 6px;
	padding-bottom: 8px;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#catalogue li {
	padding-bottom: 2px;
	font-size: 9px;
	color: #5A5454;
	text-align: left;
}
#catalogue input {
	width: 24px;
	height: 15px;
	line-height: 13px;
}
#catalogue select {
	width: 100%;
	height: 19px;
	line-height: 17px;
}
#catalogue a {
	font-size: 9px;
	color: #5A5454;
	text-decoration: none;
}
#catalogue a:hover { 
	color: #ED2A2E;
	text-decoration: underline;
} 
.cata_num_page_select { 
	color: #ED2A2E;
} 
.cata_nav_pages {
    display: block;
	height: 9px; 
	font-weight: bold;
	text-align: right;
	float: right;
}

/* styles fiche article
-------------------------------------------------------------------------------------------- */
#retour_catalogue a.retour {
    display: block;
	height: 16px;
	width: 300px;
	padding-left: 17px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: underline;
	background-image: url(interface/btn_retour.gif);
	background-repeat: no-repeat;
}
#retour_catalogue a.retour:hover {
	text-decoration: none;
	background-image: url(interface/btn_retour_r.gif);
	background-repeat: no-repeat;
}
#retour_catalogue p {
	margin: 0;
	padding: 0;
}
#fiche_article p {
	margin-top: 4px;
}
#fiche_article p.liens {
	margin-top: 40px;
}
#fiche_article ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#fiche_article ul {
	width: 146px;
	padding-top: 6px;
	padding-bottom: 8px;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#fiche_article li {
	padding-bottom: 2px;
	font-size: 9px;
	line-height: 12px;
	color: #5A5454;
	text-align: left;
}
#fiche_article input {
	width: 24px;
	height: 15px;
	line-height: 13px;
}
#fiche_article select {
	/*width: 100%;*/
	height: 19px;
	line-height: 17px;
}
#fiche_article .ligne_pointillee, #zoom_article_com .ligne_pointillee {
	display: block;
	width: 100%;
	height: 2px;
	border: 0;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
}
#themes_article a {
    display: block;
	height: 12px;
	/*width: 260px;*/
	padding-left: 17px;
	padding-bottom: 3px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: underline;
	background-image: url(interface/btn_thematique.gif);
	background-repeat: no-repeat;
}
#themes_article a:hover {
	text-decoration: none;
	background-image: url(interface/btn_thematique_r.gif);
}
#vignettes_article table {
	margin: 0;
	padding: 0;
	/*border-collapse: collapse;*/
	width: 52px;
}
#vignettes_article td {
	height: 52px;
	text-align: center;
	vertical-align: middle;
	background-color: #F2EEED;
}
#vignettes_article td.espace {
	height: 8px;
	font-size: 8px;
	border: 0;
	background-color: #FFFFFF;
}
.vignette_select {
	border: 1px solid #FF0000;
}
/*.alpha_vignette {
	border: 1px solid #FFFFFF;
	filter: alpha(opacity=30);
	opacity:0.5;
}
.no_alpha_vignette {
	border: 1px solid #FF0000;
	filter:alpha(opacity=100);
	opacity:0.999;
}*/

/* styles panier : table avec 8 colonnes
-------------------------------------------------------------------------------------------- */
table.panier {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	float: left;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
table.panier tr {
	height: 63px;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
table.panier tr.titres_colonnes {
	height: 18px;
	text-align: left;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(interface/fd_panier_titres.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
table.panier td {
	padding-left: 5px;
}
table.panier td.col1 { /* vignette */
	width: 60px;
}
table.panier td.col2 { /* ref */
	width: 55px;
}
table.panier td.col3 { /* titre article */
	/*width: 12px;*/
}
table.panier td.col4 { /* categorie */
	width: 114px;
}
table.panier td.col5 { /* cond. */
	width: 66px;
}
table.panier td.col6 { /* prix unit. */
	width: 50px;
}
table.panier td.col7 { /* quantite */
	width: 80px;
}
table.panier td.col8 { /* prix total pour un article en commande */
	width: 86px;
	padding-right: 10px;
	text-align: right;
}
/* formulaire pour modifier la quantite d'un article ou supprimer l'article du panier */
table.panier ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
table.panier ul {
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
table.panier li {
	float: left;
	padding-right: 4px;
}
table.panier li input { /* champs de saisie quantite */
	width: 24px;
	vertical-align: middle;
}
a.modifier_panier {
     display: block;
     width: 20px;
     height: 18px;
     background-image: url(interface/btn_panier_modifier.gif);
     background-repeat: no-repeat;
}
a.modifier_panier:hover { 
     background-image: url(interface/btn_panier_modifier_r.gif);
} 
a.supprimer_panier {
     display: block; 
     width: 20px;
     height: 18px;
     background-image: url(interface/btn_panier_supprimer.gif);
     background-repeat: no-repeat;
}
a.supprimer_panier:hover { 
     background-image: url(interface/btn_panier_supprimer_r.gif);
} 
a.vider_panier {
	display: block;
	height: 16px;
	padding-left: 17px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: underline;
	background-image: url(interface/btn_panier_vider.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.vider_panier:hover {
	text-decoration: none;
	background-image: url(interface/btn_panier_vider_r.gif);
	background-repeat: no-repeat;
}
a.oui, a.non {
    display: block; 
    width: 50px;
    height: 18px;
	float: left;
	text-align: left;
	padding-left: 7px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: none;
    background-image: url(interface/btn_ouinon.gif);
    background-repeat: no-repeat;
}
a.oui:hover, a.non:hover { 
 	padding-left: 8px;
	line-height: 15px;
    background-image: url(interface/btn_ouinon_r.gif);
} 
a.oui {
	margin-left: 295px;
}

/* styles recapitulatif commande : prix total, detail des frais et btns differentes etapes
-------------------------------------------------------------------------------------------- */
#main p.resume_frais {
	float: left;
	margin: 0;
	padding: 12px 0 12px 0;
	line-height: 17px;
	width: 100%;
	border-top: 6px solid #ED2A2E;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#main p.resume_frais img {
	float: left;
}
dl.recap_commande {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	float: left;
	font-size: 10px;
	color: #5A5454;
}
dt.recap_commande_gauche {  /* lien pour vider panier, infos texte... */
	width: 340px;
	padding: 0;
	margin: 0;
	float: left;
}
dt.recap_commande_droite {  /* liste recap montant commande et btn pour les etapes de validation */
	width: 350px;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	float: right;
}
dt.recap_commande_gauche ul {
	padding: 0;
	margin: 0;
	padding-top: 8px;
}
dt.recap_commande_droite li.titre_recap {
	height: 18px;
	padding-right: 10px;
	padding-bottom: 8px;
	text-align: right;
	font-size: 9px;
	color: #FFFFFF;
	line-height: 18px;
	font-weight: bold;
	background-image: url(interface/fd_panier_titres.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.prix_recap {  /* montant frais port, gestion, total commande... justifie a droite */
	float: right;
	padding-right: 10px;
}
dt.recap_commande_droite li.prix_total {
	padding-top: 12px;
	padding-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	color: #5A5454;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
dt.recap_commande_droite li.precision {
	float: right;
	line-height: 18px;
	padding-top: 8px; 
}
dt.recap_commande_droite li.precision ul {
	margin: 0;
	padding: 0;
}
dt.recap_commande_droite li.precision li {
	float: right;
}
dt.recap_commande_droite li.valider_etape {
	float: right;
	padding-top: 8px; 
}
a.cgv_panier {
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: underline;
}
a.cgv_panier:hover {
	text-decoration: none;
}
a.valider_recap {
	float: right;
	margin-left: 24px;
	display: block;
	width: 154px;
	height: 16px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	vertical-align: bottom;
	background-image: url(interface/btn_panier_valider.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.valider_recap:hover {
	line-height: 15px;
	text-indent: 9px;
	background-image: url(interface/btn_panier_valider_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.continuer {
	float: right;
	margin-left: 24px;
	display: block;
	width: 98px;
	height: 16px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	vertical-align: bottom;
	background-image: url(interface/btn_panier_continuer.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.continuer:hover {
	line-height: 15px;
	text-indent: 9px;
	background-image: url(interface/btn_panier_continuer_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* styles adresse de livraison, date, commentaire
------------------------------------------------------------------------------------------------------ */
.adresse_connue {
	padding-top: 10px;
	padding-left: 10px;
}
a.modif_livraison {
	font-size: 10px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: underline;
}
a.modif_livraison:hover {
	text-decoration: none;
}
#validation_droite table {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 6px;
	float: left;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
#validation_droite table td.libelle {
	width: 140px;
}
#validation_droite input {
	width: 260px;
}
#validation_droite input.code_postal {
	width: 50px;
}
#validation_droite input.ville_pays {
	width: 160px;
}
#validation_droite input.jour_mois {
	width: 20px;
}
#validation_droite input.annee {
	width: 40px;
}
#validation_droite input.btn_radio {
	width: 10px;
	margin-right: 6px;
	border: 0;
}
#validation_droite ul {
	margin: 0;
	padding: 0;
}
#validation_droite li {
	float: left;
	line-height: 17px;
	padding-left: 6px;
	font-size: 10px;
	color: #5A5454;
}
#validation_droite li.validation_date {
	padding-top: 16px;
	padding-left: 6px;
	font-size: 10px;
	color: #5A5454;
}
#validation_gauche textarea { 
	width: 100%;
}
#validation_droite textarea { 
	width: 400px;
}

/* styles recapitulatif commande
------------------------------------------------------------------------------------------------------ */
table.recapitulatif_commande {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 12px;
	margin-bottom: 60px;
	margin-left: 10px;
	float: left;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
table.recapitulatif_commande td {
	padding-top: 6px;
	vertical-align: top;
}
table.recapitulatif_commande td.libelle {
	width: 180px;
	font-weight: bold;
}

/* styles confirmation annulation commande et fin commande
------------------------------------------------------------------------------------------------------ */
#main p.msg_annulation_commande {
	padding-top: 10px;
	padding-bottom: 60px;
}
#main p.msg_fin_commande {
	padding-top: 80px;
	padding-bottom: 160px;
	text-align: center;
	font-weight: bold;
}

/* styles historique des commandes
------------------------------------------------------------------------------------------------------ */
table.historique {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	float: left;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
table.historique tr.titres_colonnes {
	height: 18px;
	text-align: left;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(interface/fd_panier_titres.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
table.historique tr {
	height: 34px;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
td.lien_detail {
	width: 180px;
}
td.qte {
	text-align: center;
	width: 92px;
}
td.montant {
	width: 76px;
}
td.etat {
	width: 130px;
}
td.datehisto {
	text-align: center;
}
a.creer_export {
	font-size: 10px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: underline;
}
a.creer_export:hover {
	text-decoration: none;
}
a.voir_detail {
    display: block; 
    width: 170px;
    height: 18px;
	float: left;
	padding-left: 5px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: none;
    background-image: url(interface/btn_historique_detail.gif);
    background-repeat: no-repeat;
}
a.voir_detail:hover { 
 	padding-left: 6px;
	line-height: 15px;
    background-image: url(interface/btn_historique_detail_r.gif);
} 
a.telecharger {
	/*float: right;*/
	float: left;
	display: block;
	width: 200px;
	height: 16px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	vertical-align: bottom;
	background-image: url(interface/btn_historique_telecharger.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.telecharger:hover {
	line-height: 15px;
	text-indent: 9px;
	background-image: url(interface/btn_historique_telecharger_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.envoyer_panier {
	/*float: right;*/
	float: left;
	margin-right: 24px;
	display: block;
	width: 280px;
	height: 16px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	vertical-align: bottom;
	background-image: url(interface/btn_historique_commander.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.envoyer_panier:hover {
	line-height: 15px;
	text-indent: 9px;
	background-image: url(interface/btn_historique_commander_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.visupanier {
	color: #ED2A2E;
	text-decoration: underline;
}
a.visupanier:hover {
	text-decoration: none;
}

/* styles profil client
------------------------------------------------------------------------------------------------------ */
table.profil {
	width: 100%;
	padding: 0;
	margin-left: 30px;
	float: left;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
table.profil td {
	padding-bottom: 10px;
	vertical-align: top;
}
table.profil td.libelle {
	width: 140px;
	font-weight: bold;
}
input.profil_email {
	width: 160px;
}
input.profil_motdepasse {
	width: 60px;
}
label.motdepasse {
	display: block;
	width: 190px;
	font-size: 10px;
	color: #5A5454;
	float: left;
}
a.modifier_email {
	float: left;
	display: block;
	width: 70px;
	height: 20px;
	line-height: 18px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	vertical-align: bottom;
	background-image: url(interface/btn_profil_email.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.modifier_email:hover {
	line-height: 20px;
	text-indent: 9px;
	background-image: url(interface/btn_profil_email_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.modifier_profil {
	float: left;
	display: block;
	width: 140px;
	height: 20px;
	line-height: 18px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	vertical-align: bottom;
	background-image: url(interface/btn_profil_modifier.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.modifier_profil:hover {
	line-height: 20px;
	text-indent: 9px;
	background-image: url(interface/btn_profil_modifier_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* styles infosbulles
------------------------------------------------------------------------------------------------------ */
/*=== Style général de l'ultralien ===*/
#ultraliens{
	width:200px;
	position: absolute;
	visibility : hidden;
	border: 1px solid #C2C0C1;
	padding: 6px;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background: #F2ECEE;
    /* ne modifiez pas ces deux lignes qui permettent le non affichage de l'ultralien par défaut */
	top:0;
	left:-999em;
}
/*=== Titre de l'ultralien ===*/
#ultraliens h1{
	margin:0 8px 0 8px;
	font-size:7pt;
	color:#A29C9C;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #A29C9C;
	text-transform: uppercase;
}
/*=== Contenu de l'ultralien (balise title du <a> ===*/
#ultraliens p{
	padding:0 8px 0 8px;
	margin:3px 0 0;
	font-size:7pt;
	color:#A29C9C;
	text-align:left;
}
/*=== Décors de l'ultralien ===*/
#ultraliens div{
	position:absolute;
	top:1px;
	left:1px;
	width:16px;
	height:16px;
}

/* styles plan du site
------------------------------------------------------------------------------------------------------ */
.csc-sitemap-level1 a {
	font-size: 13px;
	font-weight: bold;
	color: #ED2A2E;
	text-decoration: none;
}
.csc-sitemap-level1 a:hover {
	text-decoration: underline;
}
.csc-sitemap-level2 a {
	padding-left: 32px;
	font-size: 11px;
	font-weight: bold;
	color: #5A5454;
	text-decoration: none;
}
.csc-sitemap-level2 a:hover {
	text-decoration: underline;
}
.csc-sitemap-level3 a {
	padding-left: 64px;
	font-size: 11px;
	color: #5A5454;
	text-decoration: none;
}
.csc-sitemap-level3 a:hover {
	text-decoration: underline;
}

/* styles formulaires
------------------------------------------------------------------------------------------------------ */
.csc-mailform {
	font-size: 10px;
	color: #5A5454;
	border: none;
}
.csc-mailform-field {
	margin: 0 0 6px 0;
}
.csc-mailform .csc-mailform-radio fieldset {
	border: none;
}
.csc-mailform, .csc-mailform .csc-mailform-radio fieldset legend {
	width: 700px;
}
.csc-mailform .csc-mailform-radio fieldset legend, .csc-mailform .csc-mailform-radio fieldset, .csc-mailform .csc-mailform-radio {
	margin: 0;
	padding: 0;
}
.csc-mailform .csc-mailform-radio {
	margin: 3px 0 0 20px;
}
.csc-mailform .csc-mailform-radio label {
	padding: 0 0 0 5px;
}
/* styles visualisation permanente du panier
-------------------------------------------------------------------------------------------- */
#visualisation_panier h5 {
	margin: 2px 0 0 0;
	padding: 0 0 4px 0;
	font-size: 13px;
	font-weight: bold;
	color: #ED2A2E;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#visualisation_panier h6 {
	margin: 0;
	padding: 0;
	font-size: 9px;
	font-weight: bold;
	line-height: 18px;
	color: #5A5454;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#visualisation_panier p {
	width: 100%;
	margin: 4px 0 0 0;
	padding: 0 0 4px 0;
	float: left;
	font-size: 9px;
	color: #5A5454;
}
#visualisation_panier p.filet {
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#visualisation_panier p.frais img {
	float: left;
}
#visualisation_panier p.frais {
	line-height: 13px;
}
#visualisation_panier .visuel {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 4px 0 0;
}
#visualisation_panier .montant {
	float: right;
}
#visualisation_panier .montant_ttc {
	margin: 18px 0 25px 0;
}

/* styles table
------------------------------------------------------------------------------------------------------ */
.contenttable {
	width: 100%;
}
.tr-0 {
	font-weight: bold;
}
table.contenttable {
	border-collapse: collapse;
	color: #000000
}
table.contenttable td {
	vertical-align: top;
	color: #000000
}
#main table.contenttable thead td, #main table.contenttable th {
	color: #000000
}


/* styles captions
------------------------------------------------------------------------------------------------------ */
.csc-textpic-caption {
	font-size: 10px;
	color: #5A5454;
}

/* styles formulaire contact .com
------------------------------------------------------------------------------------------------------ */
#main .tx-nimformpays-pi1 {
	margin: 12px 0 12px 0;
}
#main .tx-nimformpays-pi1 label {
	display: block;
	width: 200px;
	font-size: 10px;
	color: #5A5454;
	float: left;
}

/* styles geolocalisation des revendeurs
------------------------------------------------------------------------------------------------------ */
#main .fd_geoloc_biz {
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#main #col_gauche label {
	font-size: 10px;
	color: #5A5454;
}
#main #col_gauche form {
	margin: 0;
}
#map {
	margin: 0 0 8px 0;
}
#formcom {
	float: left;
	margin: 0;
	padding: 0 0 12px 0;
	width: 100%;
	background-color: #F2ECEE;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
p.marker_geoloc {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #5A5454;
}
#main #col_gauche ul li {
	margin: 0;
	padding: 0 4px 0 4px;
	font-size: 10px;
	color: #5A5454;
	line-height: 13px;
}
#main #col_gauche ul.formbiz li {
	padding-bottom: 7px;
}
#main #col_gauche ul li label {
	font-weight: bold;
}
#formcom form.trait_haut {
	margin: 0;
	padding: 12px 0 12px 0;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#main #col_gauche p.marge_haut {
	float: left;
	width: 100%;
	margin-top: 56px;
	margin-bottom: 12px;
}
#main #col_gauche a.valider {
    display: block;
	height: 18px;
	margin: 12px 0 0 0;
	padding-left: 5px;
	width: 149px;
	line-height: 15px;
	font-size: 9px;
	font-weight: bold;
	color: #BB0F49;
	text-align: left;
	text-decoration: none;
	vertical-align: bottom;
	background-image: url(interface/btn_recherche_geoloc.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main #col_gauche a.valider:hover {
	line-height: 17px;
	padding-left: 6px;
	background-image: url(interface/btn_recherche_geoloc_r.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main #geolocalisation a.tester {
	margin: 10px 6px 0 0;
	display: block;
	width: 162px;
	height: 16px;
	line-height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	vertical-align: bottom;
	background-image: url(interface/btn_geoloc_tester.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #geolocalisation a.tester:hover {
	line-height: 15px;
	text-indent: 9px;
	background-image: url(interface/btn_geoloc_tester_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #geolocalisation a.desinscrire_geoloc {
	margin: 10px 6px 0 0;
	display: block;
	width: 70px;
	height: 18px;
	line-height: 15px;
	font-size: 9px;
	font-weight: bold;
	color: #ED2A2E;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	vertical-align: bottom;
	background-image: url(interface/btn_profil_email.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #geolocalisation a.desinscrire_geoloc:hover {
	line-height: 17px;
	text-indent: 9px;
	background-image: url(interface/btn_profil_email_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* styles plugin demande email sur .biz
------------------------------------------------------------------------------------------------------ */
#main .tx-nimemail-pi1 {
	float: left;
	width: 100%;
}

/* styles specifiques .com
------------------------------------------------------------------------------------------------------ */
#zoom_article_com h2 {
	margin: 0;
	padding: 0;
	height: auto;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	color: #5A5454;
	background-image: none;
}
#zoom_article_com h3 {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	color: #5A5454;
	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#zoom_article_com h3 a {
	color: #5A5454;
	text-decoration: underline;
}
#zoom_article_com h3 a:hover {
	text-decoration: none;
}
#zoom_article_com p {
	margin: 22px 0 0 0;
	padding: 0;
}
#zoom_article_com p.infos_article {
	margin: 0;
	padding: 0;
}
#zoom_article_com p.infos_article a {
	color: #5A5454;
	text-decoration: underline;
}
#zoom_article_com p.infos_article a:hover {
	text-decoration: none;
}

/* styles nouveau moteur de recherche .com
------------------------------------------------------------------------------------ */
.tx-nimcomcatalogue-pi1 #recherche {
	padding: 2px 0 2px 0;
}
#recherchecom_header {
	margin: 0;
	padding: 0 0 6px 7px;
	/*background-color: #FFFFFF;*/
	
	background-image: url(interface/fd_bloc_haut_recherche_com.gif);
	background-repeat: repeat-y;
/*	background-image: url(interface/fd_trait_pointilles.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	float: left;
	width: 100%;
}
#recherchecom_header h3 {
	margin: 0;
	padding: 0 0 0 8px;
	font-size: 18px;
	line-height: 20px;
	color: #8E8986;
	text-transform: uppercase;
	float: left;
}
#recherchecom_header p {
	margin: 6px 6px 0 0;
	padding: 0;
/*	clear: both;
	float: right;
	text-align: left;*/
}
#recherchecom_header label {
	margin: 0 16px 0 0;
	font-weight: bold;
	color: #424242;
}
#recherchecom {
	margin: 0;
	padding: 0 0 0 4px;
	width: 100%;
	min-height: 124px;
	float: left;
	font-size: 10px;
	line-height: 12px;	
}
#recherche .fdnormal {
	background-image: url(interface/fd_blocs_recherche_com.gif);
	background-repeat: repeat-y;
}
#recherche .fdplus {
	background-image: url(interface/fd_blocs_plus_recherche_com.gif);
	background-repeat: repeat-y;
}
#recherchecom_filet_haut, #recherchecom_filet_bas {
	width: 100%;
	height: 3px;
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
#recherche .filetnormal {
	background-image: url(interface/filet_blocs_recherche_com.gif);
	background-repeat: no-repeat;
}
#recherche .filetplus {
	background-image: url(interface/filet_blocs_plus_recherche_com.gif);
	background-repeat: no-repeat;
}
#recherchecom_filet_haut {
	background-position: bottom;
}
#recherchecom_filet_bas {
	background-position: top;
}
#recherchecom .fdblc { /* bloc si clic sur plus d'options */
	margin: 0 4px 0 4px;
	padding: 10px 0 0 0;
	width: 693px;
	clear: both;
	background-color: #FFFFFF;
}
#recherchecom .margebas {
	padding-bottom: 10px;
}
#recherchecom .fdblc p {
	margin: 0;
	padding: 0;
	clear: both;
	float: right;
	text-align: left;
}
#recherchecom .fdblc p.retour_options a {
	padding: 0 0 0 12px;
	color: #ED2A2E;
	text-decoration: none;
	background-image: url(interface/btn_retour_criteres.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#recherchecom .fdblc p.retour_options a:hover {
	text-decoration: underline;
}
#recherchecom .critere { /* colonnes criteres de recherche */
	/*margin: 10px 0 0 0;*/
	padding: 0 4px 6px 4px;
	width: 133px;
	_width: 141px;
	float: left;
	font-size: 10px;
	line-height: 12px;	
}
#recherchecom label {
	font-size: 10px;
	line-height: 12px;	
	font-weight: bold;
	color: #424242;
}
#recherchecom .margehaut {
	margin: 10px 0 0 0;
}
#recherchecom .critere ul {
	margin: 10px 0 0 0;
	padding: 0;
}
#recherchecom .critere ul.listeplus {
	margin: 0;
}
#recherchecom .critere li {
	margin: 0;
	height: auto;
	line-height: 13px;
	color: #8E8986;
}
#recherchecom .critere p.pluscriteres {
	margin: 0;
	padding: 6px 0 0 0;
	width: 100%;
	float: left;
}
#recherchecom .critere p.pluscriteres a {
	font-size: 9px;
	line-height: 11px;
	color: #ED2A2E;
	text-decoration: none;
	font-style: italic;
}
#recherchecom span.saisie_auteur {
	font-size: 9px;
	line-height: 11px;
	color: #ED2A2E;
	font-style: italic;
}
#recherchecom .critere p.pluscriteres a:hover {
	text-decoration: underline;
}
#recherchecom .critere a, #recherche p.criterecom a, #recherchecom_header a {
	color: #ED2A2E;
	text-decoration: none;
}
#recherchecom .critere a:hover, #recherche p.criterecom a:hover, #recherchecom_header a:hover {
	text-decoration: underline;
}
#recherchecom .critere .critere_select, #recherchecom_header .critere_select {
	color: #8E8986;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#main p.fil_ariane {
	margin: 0;
	padding: 0;
}
#main p.fil_ariane a {
	color: #5A5454;
	text-decoration: underline;
}
#main p.fil_ariane a:hover {
	text-decoration: none;
}

/* styles flvvideogallery
------------------------------------------------------------------------------------ */
#main .tx-bddbflvvideogallery-pi1 {
	width: 708px;
	clear: both;
	float: left;
}

/* styles formulaire auteurs
------------------------------------------------------------------------------------ */
#main .tx-auteurs-pi1 h5 {
	padding-left: 6px;
	color: #FFFFFF;
	background-color: #BB0F49;
}
#main .tx-auteurs-pi1 label {
	display: block;
	width: 220px;
	font-weight: bold;
	float: left;
}
#main .tx-auteurs-pi1 p {
	line-height: 16px;
	clear: both;
}
#main .tx-auteurs-pi1 label.nationalite, #main .tx-auteurs-pi1 label.profil {
	height: 50px;
}
#main .tx-auteurs-pi1 label.themes {
	height: 130px;
}
#main .tx-auteurs-pi1 label.courants {
	height: 112px;
}
#main .tx-auteurs-pi1 input {
	margin: 0;
	padding: 0;
}
#main .tx-auteurs-pi1 span.itemcaseacocher {
	display: block;
	width: 160px;
	float: left;
}

/* styles fiches auteurs
------------------------------------------------------------------------------------ */
#main .tx-auteurs-pi2 #colcentre {
	margin-top: 10px;
	width: 460px;
	float: left;
}
#main .tx-auteurs-pi2 #coldroite {
	margin-left: 30px;
	width: 220px;
	float: left;
}
#main .tx-auteurs-pi2 #identite {
	margin-top: 18px;
	margin-bottom: 18px;
	padding: 8px 6px 0 6px;
	background-color: #F2EEED;
}
#main .tx-auteurs-pi2 a {
	color: #5A5454;
	text-decoration: underline;
}
#main .tx-auteurs-pi2 a:hover {
	text-decoration: none;
}
#main .tx-auteurs-pi2 #retour_catalogue { /* .com */
	margin-top: 10px;
}
#main .tx-auteurs-pi2 #colcentre h2, #main .tx-auteurs-pi2 #coldroite h2 { /* styles col centre */
	font-size: 12px;
	line-height: 14px;
	/*text-transform: uppercase;*/
}
#main .tx-auteurs-pi2 #colcentre h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 13px;
	color: #5A5454;
}
#main .tx-auteurs-pi2 #colcentre .intro p {
	color: #BB0F49;
}
#main .tx-auteurs-pi2 #coldroite h6 { /* styles col droite */
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	text-align: center;
}
#main .tx-auteurs-pi2 #coldroite h3 {
	font-size: 10px;
	line-height: 12px;
}
#main .tx-auteurs-pi2 #coldroite h3.texte_framboise a {
	color: #BB0F49;
	text-decoration: none;
}
#main .tx-auteurs-pi2 #coldroite h3.texte_framboise a:hover {
	text-decoration: underline;
}
#main .tx-auteurs-pi2 #coldroite p.legende {
	font-size: 9px;
	line-height: 11px;
	font-style: italic;
}
#main .tx-auteurs-pi2 .colonne_artistes {
	margin: 0 16px 0 0;
	float: left;
	width: 220px;
}
#main .tx-auteurs-pi2 .unelettre {
	margin: 0 0 12px 0;
	width: 100%;
	background-color: #F2EEED;
	border-bottom: 3px solid #BB0F49;
}
#main .tx-auteurs-pi2 .unelettre h6 {
	margin: 0 0 8px 0;
	padding: 0 4px 4px 4px;
	background-color: #FFFFFF;
}
#main .tx-auteurs-pi2 .unelettre p {
	padding: 0 4px 8px 4px;
}
#main .tx-auteurs-pi2 .unelettre a {
	text-decoration: none;
}
#main .tx-auteurs-pi2 .unelettre a:hover {
	text-decoration: underline;
}
#main p.important {
	font-weight:bold;
	color: #ED2A2E;
}