body {margin:0px;padding-top:15px; padding-bottom:10px; background-color:#e7e9ec; font-family:arial;}
form {margin:0px !important;padding:0px !important}
.rechrap {font-size:10px;width:170px;font-family:arial; margin:0px; padding:0px 3px;}


a {color:#000000}

.menunavtitre {font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	font-size:12px; 
	color:#CE0503;
	white-space:wrap;
	text-align:center;
	width:75px;
	}

#topctt {position:relative;top:0px; left:0px; width:785px;z-index:70;}	
#nav, #nav ul { /* toutes les listes */
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index:990;
	display:block;
}

#nav a {
	display: block;
	width: 85px;
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:26px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;
	z-index:999;
}
#nav a:hover { color:#ce0503}
#nav li { /* tous les items de liste */
	float: left;
	width: 85px; /* largeur obligatoire, sinon opera devient fou */
	z-index:999;
}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background:#ececec;
	width: 120px;
	 /*left: -999em; on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	 display:none;
	 margin-left:-10px;
	 padding:0px 3px 3px 3px;
	 border:1px solid #999999;
	 border-left:3px solid #ce0503;
	 z-index:999;
}
#nav li ul li {width: 120px; border-top:1px solid #FFFFFF;z-index:999;}
#nav li ul a {line-height:17px;
	text-align:left;
	width: 120px;
	white-space:normal}

#nav li ul a:hover {padding-left:3px;}

#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -10px 0 0 70px;
	width:180px;
}
#nav li ul ul a,#nav li ul ul li {width:180px}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	display:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	display:block;
}
table.tablenavleft {margin-bottom:14px}
.tablenavleft {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#E7E7E7;
	border:1px solid #999999;
	border-left:1px solid #ce0503;
}
.tablenavleft .titre {background:url(menuhfd.gif) repeat-x center;line-height:16px; text-align:left;color:#ce0503; font-style:italic; text-align:center; letter-spacing:1px; font-size:14px;
	width:196px}
.tablenavleft ul { /* toutes les listes */
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.tablenavleft ul a {text-decoration:none;}
.tablenavleft ul  a:hover { color:#ce0503}
.tablenavleft li { background:url(tablenavleftafd.gif) 3px 5px no-repeat;border-bottom:1px solid #FFFFFF; line-height:19px; text-align:left; padding-left:16px;}

.p_titre h2 {color:#ce0503;
	border:1px solid #999999;
	padding:3px;
	letter-spacing:1px; font-size:18px;
	font-weight:bold; margin:0px; line-height:normal}

.p_txt { font-size:12px}
.p_rechcrttitre {font-weight:bold; font-size:13px; text-align:center; background:#CCCCCC; border-top:1px solid #CE0503}
a.p_rech  {text-decoration:none}
.p_rech img {border:0px; margin:0px 5px}
.p_rech .crt2 {font-weight:bold}
.p_rech .crtnum {display:none}
.p_rech .lienArticleForm {white-space:nowrap; color:#CE0503}
.p_rech .lienArticleForm:hover {white-space:nowrap; color:#000000}
.rechtxtart {}
div.p_rech {width:100%; float:right}

table.navrech {margin-bottom:10px}
.l_rech {font-weight:bold; text-decoration:none;}
.l_rech:hover {text-decoration:underline;}



h1.p_art_titre {padding:0px 0px 2px 10px; margin:0px 0px -15px 0px; font-size:14pt; font-weight:normal; border-bottom:1px solid #ce0603; width:328px;}
div.p_art{padding-top:18px}
.p_art .crtnum{text-align : right;font-size:0.8em;}
.p_art .crtdate{color:#666666;font-style:italic}
.p_art p {padding:0px; margin-top:10px;margin-bottom:0px;}
.p_art a {text-decoration:none; font-weight:bold;}
.p_art a:hover {text-decoration:underline}
.p_art ul.art_choix {margin-top:0px;margin-bottom:10px !important;}
.p_art li {margin:0px;margin-left:22px; padding-left:0px}
ul.art_choix { clear:none !important; float:none !important}
.art_choix li{padding-left:20px; padding-top:1px; list-style:none; background-image:url(ico_ajouterpanier.gif); background-repeat:no-repeat; font-weight:bold; list-style-image:none;width:120px !important; }
.p_art div#divhtmloption {float:left; clear:both !important}
.p_art #descaff {margin-top:12px}


.promo { font-size:80%; font-family:Arial, Helvetica, sans-serif}
.promo img {border:none}
#promotitre { text-align:left; font-size:11pt; font-family:verdana; padding:2px;padding-bottom:5px; padding-left:14px; font-weight:bold; color:#ce0503;margin:0px 1px 2px 1px; letter-spacing:3px; border-bottom:1px solid #000000;}

.promo td {vertical-align:middle}
.promo a {text-decoration:none; line-height:normal; color:#000000; font-weight:normal}
.promo a:hover {text-decoration:none}
.promo td .crt1 {}
.promo td .crt4 {font-size:110%; font-weight:bold; float:right; margin-top:3px; 
	padding-right:6px;
	padding-left:3px;
	padding-bottom:5px;
	border-left:1px dashed #000000; 
	background-repeat:no-repeat;}
.promo div {height:140px; overflow:hidden; vertical-align:bottom; margin:0px}
.promo img {border:none; margin-top:2px}

#promolien { margin-top:5px;
text-align:right;
padding-bottom:5px;
background-image:url(promotitrefdbas.gif); background-repeat:repeat-x; background-position:bottom;
}
#promolien a { text-decoration:none;
	color:#000000;
	padding:1px 2px 2px 2px;
	background-image:url(prechcrt1fd.gif); 
	background-repeat:no-repeat;
	border:1px solid #000000;
	}
#promolien a:hover { border:1px solid #ce0503; color:#ce0503}

.headertable {font-size:10px;}
.headertable a {font-size:15px; line-height:44px; font-weight:bold; color:#CE0503; text-decoration:none;}
.headertable a:hover {text-decoration:underline}

.tablenavleft .ccoeur div {float:left;margin:3px 3px 0px 3px; text-align:center; height:75px; overflow:hidden; width:93px !important }
.tablenavleft .ccoeur div a img {border:none;}
.tablenavleft .ccoeur div a {font-weight:normal; text-decoration:none}



div#tablevotrerechsscat , div#tablevotrerechnav{text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div#tablevotrerechsscat {margin-bottom:10px; border-top:1px dashed #666666; padding:2px 0px 5px 0px; border-bottom:2px solid #E7E7E7;margin-top:-10px; font-size:10px;}
div#tablevotrerechnav {padding-left:10px;  border-top:2px solid #E7E7E7;margin-top:0px; margin-bottom:10px; font-size:11px; padding-top:2px;}
#tablevotrerechsscat a {color:#000000;white-space:nowrap;}
#tablevotrerechnav a {color:#000000;white-space:nowrap; text-decoration:none}
#tablevotrerechnav a:hover { text-decoration:underline}
#tablevotrerechsscat a:hover {background-color:#999999}
#tablevotrerechsscat .div1 {margin-top:3px; font-style:italic; font-size:11px; margin-left:10px; height:22px; margin-bottom:-22px; width:115px}
#tablevotrerechsscat .div1 a {font-style:normal; font-weight:bold; text-decoration:none; margin-left:4px;}
#tablevotrerechsscat .div2 {height:75px;border-left:1px solid #333333; margin-left:135px; margin-right:5px; padding:0px;line-height:14px}
#tablevotrerechsscat .t1 {margin-left:3px;font-size:11px; clear:both; margin-left:5px;line-height:14px; float:left; clear:both; text-decoration:none}
#tablevotrerechsscat .t1:hover {text-decoration:underline}
#tablevotrerechsscat .t2 {margin-left:23px;font-size:11px;line-height:14px; text-decoration:none; float:left; margin-bottom:-4px;padding:2px 0px; float:left; clear:both}
#tablevotrerechsscat .t2:hover {text-decoration:underline}
#tablevotrerechsscat .t3 {margin-left:25px; font-size:10px;line-height:12px; text-decoration:none;padding-top:3px; padding-left:10px; border-left:1px solid #AAAAAA; float:left; clear:both}
#tablevotrerechsscat .t4 {margin-left:35px; font-size:10px;line-height:11px; text-decoration:none;padding-top:3px; padding-left:10px; border-left:1px solid #AAAAAA; float:left; clear:both}

.sscattitre {color:#DDDDDD;text-align:center; font-size:120%; font-weight:bold;border-bottom:1px solid #DDDDDD}
.sscatliste {font-size:11px;}
.sscatliste a {color:#000000; text-decoration:none; display:block}
.sscatliste a:hover { text-decoration:underline }
.sscatliste td {padding:5px 3px 5px 4px;}
.sscatliste .n0 {padding-left:3px; font-weight:bold; border-bottom:1px solid #333333}
.sscatliste .n1 {margin-left:3px; padding-left:1px; margin-top:3px}
.sscatliste .n2 {margin-left:5px;padding-left:7px; font-size:10px; border-left:1px solid #CCCCCC; line-height:13px;}
.sscatliste .n3 {margin-left:10px;padding-left:7px; font-size:9px; border-left:1px solid #CCCCCC}

div#divplaylist {width:300px}
#divplaylist { position:relative; font-family:arial; display:compact; color :#ce0503; margin-top:14px}
#divplaylist ul {border-left:1px solid #ce0503;list-style:none; padding:0px; margin:0px; color : #000000;}
#divplaylist li {background:url(playlistplaysongoff.gif) no-repeat left top;font-family:arial; padding:0px; margin:0px 0px 0px 5px;  list-style-position:outside; font-size:10px; padding-left:14px;width:300px}
#divplaylist a {margin-left:-14px;font-family:arial;font-size:10px;color:#000000; padding-left:14px; background:url(playlistplaysong.gif) no-repeat left top; font-weight:normal; display:block;}
#divplaylist a:hover {background-color:#FFFFFF}
#divplaylist #lecteurplaylist {position:absolute;top:-6px; left:33px;}

.panierstyle table {padding:5px}
.panierstyle td {font-size:11px}
.panierstyle select {height:14px; font-size:11px}
.panierstyle .p_rech a {color:#000000}
.panierstyle .p_rech .crt1 {color:#000000}
.panierstyle .p_rech .crt4 {background:none; float:none; border:none; display:none}
.panierstyle .trpan1 td { border-bottom:1px dashed #000000; padding-top:2px }
.panierstyle .trpan1 td a {text-decoration:none; color:#ce0503;}
.panierstyle .trpan1 td a:hover {text-decoration:underline; }
.panierstyle .trpan1 .tdimg { background-repeat:no-repeat; background-position:top left; margin-bottom:20px; padding:0px; border-left:1px solid #999999}
.panierstyle #zonelivraison { width:415px}

.basdepage { font-size:12px}
.basdepage p{margin:0px 0px 3px 0px; padding:0px; }
.basdepage a { font-weight:bold}

#htmlzonechoix {float:left;text-align:left; position:absolute; top:22px; right:250px; height:130px; width:211px; 
border:1px dashed #000000; z-index:98; overflow:hidden}
#htmlzonechoixlegende {text-align:center; position:absolute; bottom:-1px; width:211px; z-index:99; float:left;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ce0603; font-weight:bold;}
#htmlzonechoixlegende span {}


#filtrectt {border:none;margin:0px; padding:0px; font-size:12px; line-height:16px; float:left; clear:both; width:550px; background-color:#e8e6e3; padding-bottom:3px;}
#filtrecrtss5 {margin-top:5px; border-top:1px dashed #CE0503;}
#filtrecrtss6 {border-top:1px dashed #CE0503; }
#filtrecrtss6,#filtrecrtss5, #filtrecrtssact { padding-left:100px; float:left; clear:both; width:449px}
#filtrectt div div { float:left; margin-right:3px; background-color: #CE0503; padding:0px 4px; margin-left:-100px;}
#filtrectt div div b {font-weight:normal; color:#FFFFFF}
#filtrectt img {border:none}
#filtrectt a {padding:0px 3px; text-decoration:underline; display:block; white-space:nowrap; width:182px; float:left}
#filtrectt a:hover {text-decoration:none;}
#lienannulefiltre {display:inline !important; float:none !important; font-weight:bold}

#filtrectt a {padding:0px 3px; text-decoration:underline; display:inline; white-space:nowrap}
#filtrecrtssact b { display:block;font-weight:normal; color:#FFFFFF;background-color: #999999; padding:0px 4px; float:left; margin-right:3px; }

.guidetailles { margin-top:7px}
.guidetailles a { text-decoration:underline; font-size:12px}
.guidetailles a:hover { text-decoration:none}


.tablepaverech {font-size:10px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC}
.tablepaverech strong {font-size:12px;}

.tablecat table{ font-size:12px; padding:0px !important; border:0px !important}
.tablecat table td img { display:none}
td.tablecat .p_txt { padding:0px !important; }
table#accresume { width:100%; background:url(fd_tablecat.jpg) left top repeat-y #FFFFFF;}
#accresume tr { vertical-align: top;}
#accresume td { padding: 0 0 15px 40px; line-height: 15px;}
#accresume h2 {margin:0px; padding:0px 0px 5px 0px }
#accresume h2 a { color: #CE0503; font-size: 13px; text-decoration:none; line-height:normal; }
#accresume h2 a:hover { text-decoration:underline}
#accresume a { font-size: 11px; text-decoration:none;color: #000; font-weight: lighter;}
#accresume li a:hover { color: #666;}
#accresume ul { list-style: none; margin:0px; padding:0px}
#accresume li { list-style: none;}

.desctop { position:absolute; top:0px; display:block; width:100%}
 h2 { font-size:12px; margin:0px 0px 5px; padding:0px; line-height:normal}