body{
background-image:url(/site/css/rayonscss/themes/images/fondtotal.jpg);
background-repeat:repeat;
margin:0px;
padding:0px;
}
#bandeauHaut{
height:120px;
width:100%;
background-image: url(/site/css/rayonscss/themes/images/fond.jpg);
background-repeat:repeat-x;
}
#callcenterJ{
position:absolute;
background-image: url(/site/medias/theme/callcenter2.jpg);
float:right;
height:61px;
margin-top:10px;
width:250px;
right:0px;
}
#stcatherineaccueil{
	display:none;
	position:absolute;
	background:url(/site/visuels/stcatherine/back.jpg) repeat-x;
	height:250px;
	z-index:2500;
	left:190px;
	right:170px;
	top: 177px;
}
#stcatherinemagasin{
	/*display:none;*/
	left:0px;
	top:0px;
	position:relative;
	z-index:100;
	height:378px;
}
#stecatherineliste{
	display:none;
	height:120px;
	width:125px;
	position:absolute;
	left:15px;
	top:0px;
	z-index:2500;
}
.retour {
	clear:both;
	color: #FBDFF8;
}
/*entete*/
#head1 {
width:100%;
background: url(/site/css/rayonscss/themes/images/fond.jpg) repeat-x;
height:120px;
}
#logo0{
background: url(/site/css/rayonscss/themes/images/logoaccueil.jpg) no-repeat;
float:left;
height:120px;
width:508px;
}
#logo{
background:url(/site/css/rayonscss/themes/images/logo.jpg) no-repeat;
float:left;
height:120px;
width:540px;
}
#logo1 {
background: url(/site/css/rayonscss/themes/images/logo1.jpg) no-repeat;
float:left;
height:120px;
width:540px;
}
#logo2 {
background:url(/site/css/rayonscss/themes/images/logo2.jpg) no-repeat;
float:left;
height:120px;
width:540px;
}
#logo3 {
background:url(/site/css/rayonscss/themes/images/logo3.jpg) no-repeat;
float:left;
height:120px;
width:540px;
}
#logo4 {
background:url(/site/css/rayonscss/themes/images/logo4.jpg) no-repeat;
float:left;
height:120px;
width:540px;
}
#logo5 {
background:url(/site/css/rayonscss/themes/images/logo5.jpg) no-repeat;
float:left;
height:120px;
width:540px;
}
#logo6 {
background:url(/site/css/rayonscss/themes/images/logo7.jpg) no-repeat;
float:left;
height:120px;
width:540px;
}

#logoliste{
background:url(/site/css/rayonscss/themes/images/logo.jpg) no-repeat;
}
#logo1liste {
background: url(/site/css/rayonscss/themes/images/logo1.jpg) no-repeat;
}
#logo2liste {
background:url(/site/css/rayonscss/themes/images/logo2.jpg) no-repeat;
}
#logo3liste {
background:url(/site/css/rayonscss/themes/images/logo3.jpg) no-repeat;
}
#logo4liste {
background:url(/site/css/rayonscss/themes/images/logo4.jpg) no-repeat;
}
#logo5liste {
background:url(/site/css/rayonscss/themes/images/logo5.jpg) no-repeat;
}
#logo6liste {
background:url(/site/css/rayonscss/themes/images/logo7.jpg) no-repeat;
}
#callcenter{
background-image: url(/site/medias/theme/callcenter2.jpg);
float:right;
height:71px;
margin-top:5px;
margin-right:-2px;
width:291px;
}
#callcenterliste {
text-align:right;
padding-top: 8px;
height:69px;
width:100%;
z-index:2;
}
#onglet{
position:absolute;
left:50%;
margin-left:-346px;
top: 77px;
width: 690px;
z-index:3000;
}
#onglet a {
margin-top:5px;
padding: 7px 0 0 5px;
background: url(/site/css/images/onglets_03.gif) no-repeat;
color:#003300;
width:77px;
height:31px;
line-height:12px;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
float:left;
}
#onglet a:hover {
background: url(/site/css/images/onglets203.gif) no-repeat;
margin-top:2px;
height:34px;
}
#onglet a.accueil {
background: url(/site/css/images/onglets_01.gif) no-repeat;
width:67px;
}
#onglet a.accueil:hover {
background: url(/site/css/images/onglets_02.gif) no-repeat;
margin-top:2px;
height:34px;
}

#ongletliste {
margin-right:auto;
margin-left:auto;
width:690px;
}
#ongletliste a {
margin-top:5px;
padding: 7px 0 0 5px;
background: url(/site/css/images/onglets_03.gif) no-repeat;
color:#003300;
width:77px;
height:31px;
line-height:12px;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
float:left;
}
#ongletliste a:hover {
background: url(/site/css/images/onglets203.gif) no-repeat;
margin-top:2px;
height:34px;
}
#ongletliste a.accueil {
background: url(/site/css/images/onglets_01.gif) no-repeat;
width:67px;
}
#ongletliste a.accueil:hover {
background: url(/site/css/images/onglets_02.gif) no-repeat;
margin-top:2px;
height:34px;
}

#onglet2 a {
margin-top:5px;
padding: 21px 0 0 24px;
background: url(/site/css/rayonscss/onglets/ongletsj203.gif) no-repeat;
color:#FFFFFF;
width:58px;
height:17px;
line-height:12px;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
float:left;
}
#onglet2 a:hover {
background: url(/site/css/rayonscss/onglets/ongletsj203.gif) no-repeat;
margin-top:2px;
height:20px;
}
#ongletdessu {
margin-top:0px;
padding: 7px 0 0 5px;
background:url(/site/css/rayonscss/onglets/onglets303.gif) no-repeat;
color:#FFF;
width:77px;
height:36px;
line-height:12px;
font:bold 12px Arial, Helvetica, sans-serif;
float:left;
}
.ombreg {
margin-top:6px;
height:37px;
width:37px;
float:left;
}
.ombred {
margin-top:6px;
height:37px;
width:37px;
float:left;
}
#bande{
background: url(/site/css/images/recherche_02.gif) bottom repeat-x;
height:13px;
width:100%;
}
#ligneverte {
_padding:0px;
_margin-top:-6px;
_margin-bottom:0px;
height:13px;
width:100%;
background: url(/site/css/images/recherche_02.gif) bottom repeat-x;
}
#lignevertefiche {
_padding:0px;
_margin-top:0px;
_margin-bottom:0px;
height:13px;
width:100%;
background: url(/site/css/images/recherche_02.gif) bottom repeat-x;
}
#menudroit2{
	position:relative;
	float:right;
	width:155px;
	margin-bottom:10px;
	margin-top:3px;
}
#menudroit2 h4 {
background:url(/site/css/images/menu.gif) left top;
height:16px;
padding:0;
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}
#ligneras {
_padding:0px;
_margin-top:-36px;
_margin-bottom:0px;
height:13px;
width:100%;
background: url(/site/css/images/recherche_02.gif) bottom repeat-x;
}
#contenu{
background-image:url(/site/css/2009/fondproduits.gif);
background-repeat:repeat-x;
background-position:top;
position:relative; 
margin-left:165px; 
margin-right:165px; 
margin-top:40px; 
margin-bottom:10px;
}
#contenuras{
position:relative;
margin-left:8px;
margin-right:8px;
margin-top:4px;
background-image:url(/site/css/2009/fondproduits.gif);
_background-image:none;
background-repeat:repeat-x;
z-index:0;
}
#contenu2{
padding:3px;
margin-left:165px;
margin-right:165px;
_float:left;
_margin-left:0px;
_margin-right:277px;
margin-top:38px;
}
#produits{
position:relative;
margin-top:10px;
z-index:2;
}
.colonne{
_background-image: url(/site/css/2009/fondproduits2.jpg);
_background-repeat:repeat-x;
width:33%;
_width:32%;
float:left;
}
#topventerayon{
background: url(/site/css/2009/vigniettefond.jpg) repeat-y left top;
float:left;
margin-right:10px;
_margin-right:0px;
border-bottom: solid 1px #999999;
}
.vignette{
border-bottom: solid 2px #ffffff;
border-top: solid 2px #ffffff;
border-left:solid 1px #a6b8a8;
border-right:solid 1px #a6b8a8;
padding:0px;
}
.titre1{
background: url(/site/css/2009/menu2.jpg) right bottom no-repeat;
text-align:left;
width:160px;
height:16px;
padding-left:5px;
padding-top:3px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#rechercheaccueil{
	position:absolute;
	right:163px;
	left:180px;
	height:51px;
	float:none;
	top: 120px;
	z-index:600;
}
#rechercheaccueilras{
	width:100%;
	position:relative;
	margin-top:-13px;
	z-index:600;
}
#rechercheg{
background: url(/site/css/images/recherche_04.gif) right no-repeat;
_background-color:#8B005A;
_margin-right:-5px;
float:left;
width:15px;
height:51px;
}
#recherchegliste{
background: url(/site/css/images/recherche_04.gif) right no-repeat;
_margin-right:-5px;
margin-top:0px;
/margin-top:0px;
_margin-top:0px;
float:left;
width:15px;
height:51px;
}
#recherchegfiche{
background: url(/site/css/images/recherche_04.gif) right no-repeat;
_margin-right:-5px;
margin-top:0px;
/margin-top:0px;
_margin-top:0px;
-margin-top:0px;
float:left;
width:15px;
height:51px;
}
#recherchecentre{
background: url(/site/css/images/recherche_06.gif) repeat-x;
text-align:center;
margin-left:12px;
margin-right:12px;
float:none;
height:51px;
text-align:center;
}
#recherchecentreras{
background: url(/site/css/images/recherche_06.gif) repeat-x;
text-align:center;
margin-left:12px;
margin-right:12px;
float:none;
height:51px;
}
#recherche{
	position:absolute;
	right:155px;
	left:155px;
	height:51px;
	float:none;
	top: 120px;
	z-index:600;
}
#recherched{
background: url(/site/css/images/recherche_08.gif) no-repeat; 
_background-color:#8B005A;
_margin-left:-10px;
-margin-right:1px;
float:right;
width:15px;
height:51px;
}
#recherchedliste{
background: url(/site/css/images/recherche_08.gif) no-repeat; 
_margin-left:-10px;
-margin-right:1px;
margin-top:0px;
/margin-top:0px;
_margin-top:0px;
float:right;
width:15px;
height:51px;
}

#recherche2 {
position:relative;
height:51px;
z-index:600;
margin-left:155px;
margin-right:155px;
float:none;
margin-bottom:8px;
margin-top:-13px;
}
#recherche3 {
	position:absolute;
	left:155px;
	_left:155px;
	right:155px;
	_right:-155px;
	height:51px;
	z-index:1;
	float:none;
	margin-bottom:8px;
	top: 120px;
}
#recherche3ras {
position:relative;
height:51px;
z-index:600;
float:none;
margin-top:-13px;
_margin-top:-13px;
}
#rechercheficheras {
	position:absolute;
	height:51px;
	z-index:2;
	float:none;
	top:120px;
	left:155px;
	right:155px;
	_right:0px;
}
#recherche4 {
position:relative;
height:51px;
z-index:600;
margin-bottom:8px;
margin-top:-13px;
}
#recherchefiche {
	position:relative;
top:-13px;
margin-bottom:8px;
margin-left:-5px;
margin-right:155px;
}
#pub2 {
_position:relative;
_top:30px;
_float:left;
z-index:1;
margin-right:165px;
margin-left:165px;
float:none;
text-align:left;
}
#pub2fiche {
	margin-top:-20px;
z-index:1;
margin-right:0px;
margin-left:165px;
float:none;
text-align:left;
}
/*menugauche*/
#menugauchetype{
position:relative;
font:10px Arial, Helvetica, sans-serif;
color:#000000;
margin-top:-45px;
/margin-top:2px;
_margin-top:2px;
width:155px;
float:left;
z-index:610;
}
#menugauchetype a {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
height:10px;
color:#003300;
text-decoration:none;
}
#menugauchetype a:hover {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#990000;
font-weight:lighter;
text-decoration:underline;
}
#menugauchetype h1 {
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:url(/site/css/images/menu2.gif) right top;
height:15px;
padding-left:5px;
}
#menugauchetype ul {
line-height:14px;
background-color:#FFFFFF;
margin:0;
font: 11px;
color:#FFFFFF;
padding-left:5px;
}
#menugauchetype li {
font:10px Arial, Helvetica, sans-serif;
color:#000000;
background: url(/site/medias/theme/ongletsgammes/perceuses_r2_c1.gif) repeat-y right #FFFFFF;
list-style:none;
}
#menudinamique {
background-repeat:
position:relative;
margin-top:8px;
font:11px Geneva, Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
width:155px;
float:left;
left:0px;
z-index:15;
}
.menudinamique a{
font:10px Arial, Helvetica, sans-serif;
color: #333333;
text-decoration:none;
}
.menudinamique a:hover{
font:10px Arial, Helvetica, sans-serif;
color:#006600;
text-decoration:underline;
}
#menudinamique h1 {
margin:0;
font:bold 12px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
background:url(/site/css/images/menu2.gif) right top;
}
#menudinamique ul {
background-color:#FFFFFF;
margin:0;
font: 11px;
color:#FFFFFF;
padding-left:5px;
_border-right:solid 1px #333;
}
#menudinamique li {
background: url(/site/medias/theme/ongletsgammes/perceuses_r2_c1.gif) repeat-y right #FFFFFF;
_background: #FFFFFF;
list-style:none;
color:#000000;
}
#menugaucheaccueil{
position:absolute;
font:bold 11px Arial, Helvetica, sans-serif;
color: #666666;
margin-top:2px;
width:155px;
float:left;
z-index:1210;
}
#menugaucheaccueilras{
position:relative;
margin-top:2px;
width:185px;
z-index:1210;
}
#menugaucheaccueil a {
font: bold 11px  Arial, Helvetica, sans-serif;
color: #333333;
text-decoration:none;
}
#menugaucheaccueil a:hover {
font: bold 11px  Arial, Helvetica, sans-serif;
color: #990000;
text-decoration:none;
}
#menugaucheaccueil h1 {
font: bold 11px  Arial, Helvetica, sans-serif;
color: #990000;
}
#menugaucheaccueil ul {
line-height:14px;
background-color:#FFFFFF;
margin:0;
font: 11px;
color:#FFFFFF;
padding-left:5px;
z-index:1210;
}
#menugaucheaccueil li {
font:10px Arial, Helvetica, sans-serif;
color:#000000;
background: url(/site/medias/theme/ongletsgammes/perceuses_r2_c1.gif) repeat-y right #FFFFFF;
list-style:none;
z-index:1210;
}
#menugaucheaccueil h5 {
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:url(/site/css/images/menu2.gif) right top;
height:15px;
padding-left:5px;
z-index:1210;
}
#menugauche{
position:absolute;
font:10px Arial, Helvetica, sans-serif;
color:#000000;
margin-top:2px;
width:155px;
float:left;
z-index:1210;
}
#menugauche a {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
height:10px;
color:#003300;
text-decoration:none;
z-index:1210;
}
#menugauche a:hover {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#990000;
font-weight:lighter;
text-decoration:underline;
z-index:1210;
}
#menugauche h1 {
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:url(/site/css/images/menu2.gif) right top;
height:15px;
padding-left:5px;
z-index:1210;
}
#menugauche h2 {
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
height:16px;
background: url(/site/medias/visuelsproduits/fondmenupagesautre.jpg) right top;
}
#menugauche ul {
line-height:14px;
background-color:#FFFFFF;
margin:0;
font: 11px;
color:#FFFFFF;
padding-left:5px;
z-index:1210;
}
#menugauche li {
font:10px Arial, Helvetica, sans-serif;
color:#000000;
background: url(/site/medias/theme/ongletsgammes/perceuses_r2_c1.gif) repeat-y right #FFFFFF;
list-style:none;
z-index:1210;
}
#menugaucheras{
position:relative;
font:10px Arial, Helvetica, sans-serif;
color:#000000;
margin-top:2px;
width:155px;
float:left;
z-index:1210;
}
#menugaucheras a {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
height:10px;
color:#003300;
text-decoration:none;
z-index:1210;
}
#menugaucheras a:hover {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#990000;
font-weight:lighter;
text-decoration:underline;
z-index:1210;
}
#menugaucheras h1 {
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:url(/site/css/images/menu2.gif) right top;
height:15px;
padding-left:5px;
z-index:1210;
}
#menugaucheras h2 {
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
height:16px;
background: url(/site/medias/visuelsproduits/fondmenupagesautre.jpg) right top;
}
#menugaucheras ul {
line-height:14px;
background-color:#FFFFFF;
margin:0;
font: 11px;
color:#FFFFFF;
padding-left:5px;
z-index:1210;
_border-right:solid 1px #333;
}
#menugaucheras li {
font:10px Arial, Helvetica, sans-serif;
color:#000000;
background: url(/site/medias/theme/ongletsgammes/perceuses_r2_c1.gif) repeat-y right #FFFFFF;
_background:#FFFFFF;
list-style:none;
z-index:1210;
}
#menugauche2{
position:relative;
font:10px Arial, Helvetica, sans-serif;
color:#000000;
margin-top:2px;
width:155px;
float:left;
z-index:10;
}
#menugauche2 a {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
height:10px;
color:#003300;
text-decoration:none;
z-index:1210;
}
#menugauche2 a:hover {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#990000;
font-weight:lighter;
text-decoration:underline;
z-index:1210;
}
#menugauche2 h1 {
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:url(/site/css/images/menu2.gif) right top;
height:15px;
padding-left:5px;
z-index:1210;
}
#menugauche2 ul {
line-height:14px;
background-color:#FFFFFF;
margin:0;
font: 11px;
color:#FFFFFF;
padding-left:5px;
z-index:1210;
_border-right:solid 1px #333;
}
#menugauche2 li {
font:10px Arial, Helvetica, sans-serif;
color:#000000;
background: url(/site/medias/theme/ongletsgammes/perceuses_r2_c1.gif) repeat-y right #FFFFFF;
_background: #FFFFFF;
list-style:none;
z-index:1210;
}
.dessoumenu {
background: url(/site/css/images/dessougauche.gif) top right no-repeat;
width: 155px;
height: 15px;
}
.info{
position:relative; 
z-index:610;
color:#000;
text-decoration:none}

a.info:hover{
z-index:610;
}

a.info span{
display: none;
z-index:610;
}
a.info:hover {
background: none;
z-index: 610;
}
a.info:hover span{ 
border:solid 1px #CCC;
display:block;
position:absolute;
top:-35px;
left:154px;
text-align: center;
z-index: 610;
}
.info2{
z-index:610;
color:#000;
text-decoration:none}

a.info2:hover{
z-index:610;
}

a.info2 span{
display: none;
z-index:610;
}
a.info2:hover {
background: none;
z-index: 610;
}
a.info2:hover span{ 
display:block;
position:absolute;
top:-35px;
left:154px;
text-align: center;
z-index: 610;
}
/*menudroit*/
#menudroit{
float:right;
margin-top:-30px;
/margin-top:2px;
_margin-top:2px;
width:165px;
}
#menudroitras{
width:165px;
}
#menudroitliste {
position:relative;
float:right;
margin-top:2px;
right:0px;
width:155px;
}
#menudroitdessu {
position:absolute;
float:right;
margin-top:2px;
right:0px;
width:155px;
}
#menudroitliste2 {
position:relative;
float:right;
margin-top:2px;
right:0px;
width:155px;
}
#menudroitliste h4 {
background:url(/site/css/images/menu.gif) left top;
height:16px;
padding:0;
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}
#menudroitliste2 h4 {
background:url(/site/css/images/menu.gif) left top;
height:16px;
padding:0;
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}
#menudroit h4 {
background:url(/site/css/images/menu.gif) left top;
height:16px;
padding:0;
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}
#menudroitras h4 {
background:url(/site/css/images/menu.gif) left top;
height:16px;
padding:0;
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}
#menudroitdessu h4 {
background:url(/site/css/images/menu.gif) left top;
height:16px;
padding:0;
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}
#menudroitrayon{
float:right;
margin-top:2px;
width:155px;
}
#menudroitrayon h4 {
background:url(/site/css/images/menu.gif) left top;
height:16px;
padding:0;
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}
#menudroitrayonras{
float:right;
margin-top:2px;
width:155px;
}
#menudroitrayonras h4 {
background:url(/site/css/images/menu.gif) left top;
height:16px;
padding:0;
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}
#menudroitrecherche{
float:right;
margin-top:-45px;
/margin-top:2px;
_margin-top:2px;
width:165px;
}
#menudroitrecherche h4 {
background:url(/site/css/images/menu.gif) left top;
height:16px;
padding:0;
margin:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}
.login2{
text-align:left;
padding-left:8px;
padding-bottom:2px;
padding-right:8px;
padding-top:2px;
background: url(/site/medias/theme/fondselection.jpg) left repeat-y;
width:148px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#990000;
border-bottom:solid 1px #666666;
border-left:solid 1px #666666;
}
.login2 a{
font:normal 10px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
.login2 a:hover{
font:normal 10px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}
.login2rayon{
background: url(/site/medias/theme/fondselection.jpg) left repeat-y;
padding:3px;
text-align:center;
width:149px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#990000;
border-bottom:solid 1px #666666;
}
.login2rayon a{
font:normal Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
.login2rayon a:hover{
font:normal Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}
#contenufiche{
padding:3px;
margin-left:165px;
margin-right:0px;
_float:left;
_margin-left:0px;
_margin-right:0px;
margin-top:38px;
}
.login{
padding:3px;
text-align:center;
background: url(/site/css/images/fondlog.jpg) left repeat-y;
width:158px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#990000;
border-bottom:solid 1px #666666;
border-left:solid 1px #666666;
}
.login a{
font:normal 10px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
.login a:hover{
font:normal 10px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}
.loginrayon{
padding:3px;
text-align:center;
background: url(/site/css/images/fondlog.jpg) left repeat-y;
width:148px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#990000;
border-bottom:solid 1px #666666;
border-left:solid 1px #666666;
}
.loginrayon a{
font:bold 10px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
.loginrayon a:hover{
font:bold 10px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:underline;
}
.inscription{
background-color:#DAACD1;
margin:5px 0 0 2px;
}
.inscriptionrayon{
background-color:#DAACD1;
margin:5px 0 0 2px;
}
.marge{
height:5px;
width:155px;
}
#promohaut{
position:relative;
padding:5px;
}
.promovigniette{
font:bold 11px Arial, Helvetica, sans-serif;
color: #FF6600;
}
#cadretype{
margin-left:155px;
margin-right:165px;
_float:left;
_margin-left:0px;
_margin-right:277px;
margin-top:33px;
z-index:1;
}
#cadretyperayon{
margin-left:155px;
margin-right:155px;
_float:left;
_margin-left:0px;
_margin-right:277px;
margin-top:33px;
z-index:1;
}
#cadretype2{
background:url(/site/css/rayonscss/themes/fondtitre.gif) top repeat-x;
margin-left:155px;
margin-right:165px;
_float:left;
_margin-left:78px;
_margin-right:80px;
margin-top:33px;
z-index:1;
}
#cadretypeaccueil{
background:url(/site/css/rayonscss/themes/fondtitre.gif) top repeat-x;
margin-left:185px;
margin-right:165px;
_float:left;
_margin-left:78px;
_margin-right:80px;
margin-top:33px;
z-index:1;
}
#cadretypeaccueilras{
background:url(/site/css/rayonscss/themes/fondtitre.gif) top repeat-x;
z-index:1;
}
#promohautaccueil{
position:relative;
padding:6px;
padding-bottom:none;
height:250px;
}
#pubcentreaccueil{
margin-top:-125px;
float:right;
width:40%;
}
#gauche{
font: bold 10px Arial, Helvetica, sans-serif;
background:#CCCCCC;
margin-right:1%;
float:left;
height:350px;
width:46%;
}
#gauche a{
color:#990000;
text-decoration:none;
}
#gauche a:hover{
text-decoration: underline;
}
#centre{
background:#CCCCCC;
float:left;
height:350px;
width:6%;
}
#droite{
float:right;
height:350px;
width:46%;
}
#pubhdroite{
border-top:solid 1px #CCCCCC;
font: bold 10px Arial, Helvetica, sans-serif;
background:#CCCCCC;
height:173px;
width:100%;
}
#pubhdroite a{
color:#990000;
text-decoration:none;
}
#pubhdroite a:hover{
text-decoration: underline;
}
#pubhmarge{
height:5px;
width:100%;
}
#produitbas{
padding:5px;
}
.titreaccueil{
background: url(/site/css/images/top10.jpg) left top no-repeat;
text-align:left;
width:99%;
height:120px;
padding-left:5px;
padding-top:5px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#topventeaccueil{
background:url(/site/css/rayonscss/themes/vigniettefondaccueil.jpg) repeat-y left top;
float:left;
width:59%;
margin-top:-70px;
}
.numero1{
float:left;
height:90px;
width:35px;
}
.texten1{
font:10px Arial, Helvetica, sans-serif;
color:#333333;
background:url(/site/css/images/dessousn1.jpg) repeat-x;
text-align:left;
padding:5px;
}
.texten1 a{
font:bold 12px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration:none;
}
.texten1 h1, h2, p{
margin:0px;
padding:0px;
}
.produittopintrouvableaccueil{
text-align:center;
font: 11px Arial, Helvetica, sans-serif;
color:#333333;
background-image: url(/site/css/images/numero/1.jpg);
background-position:top right;
background-repeat: repeat-x;
border-bottom: solid 1px #999999;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
border-top: solid 1px #ffffe6;
text-align:center;
}
.produittopintrouvableaccueil a{
font: bold 12px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration:none;
margin:0px;
padding:0px;
}
.produittopintrouvableaccueil h1, .produittopintrouvableaccueil p{
text-align:left;
margin:0px;
padding:0px;
}
#topvente{
background:url(/site/css/rayonscss/themes/vigniettefond.jpg) repeat-y left top;
float:left;
width:38%;
margin-right:1%;
}
#pubcentre{
border-right:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
float:left;
width:31%;
}
#pubcentre2{
margin-top:-21px;
border-right:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
float:right;
width:60%;
}
#topprix{
background:url(/site/css/rayonscss/themes/fonddroit2.gif) no-repeat left top;
float:right;
width:33%;
margin-left:1%;
}
.vignette{
border-bottom: solid 2px #ffffff;
border-top: solid 2px #ffffff;
border-left:solid 1px #a6b8a8;
padding:0px;
}
.vignette h1,.vignette h2{
margin:0;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#600;
}
.vignette a{
text-decoration:none;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#600;
}
.vignette a:hover{
text-decoration:underline;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #900;
}
.vignette p{
margin:0;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.vignette3{
padding:0px;
}
.vignette3 h1,.vignette3 h2{
margin:0;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.vignette3 a{
text-decoration:none;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.vignette3 a:hover{
text-decoration: underline;
font: bold 12px Arial, Helvetica, sans-serif;
color: #990000;
}
.vignette3 p{
margin:0;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.numero{
float:left;
height:90px;
width:25px;
vertical-align:middle;
}
.bloctextevignietteaccueil{
height:71px;
margin-left:115px;
padding:3px;
padding-bottom:none;
text-align: left;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
}
#pubdessou{
background-color:#FFFFFF;
text-align:center;
padding:5px;
float:right;
width:95%;
margin-top:20px;
border:solid 1px #666666;
}
#pubdessou2{
background-color:#FFFFFF;
text-align:center;
padding:5px;
float:right;
width:95%;
margin-top:45px;
border:solid 1px #666666;
}
.image{
float:left;
}
.bloctextevigniette{
margin-left:90px;
padding:3px;
padding-bottom:0px;
text-align: left;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
height:74px;
}
.image3{
margin:3px;
float:left;
}
#mailing{
width:34%;
float:left;
padding-bottom:10px;
_margin-left:10px;
_background-image: url(/site/css/2009/fondproduits2.jpg);
_background-repeat:repeat-x;
}
#moinscher{
background-image:url(/site/css/2009/fondmoischer.gif);
background-repeat:repeat-x;
background-position:top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
padding:5px;
}
#moinscher p{
	font-size:11px;
	padding:0px;
	margin:0px;
	font-weight:lighter;
}
#moinscher h2, h1, a{
font-size:11px;
color:#990000;
padding:0px;
margin:0px;
text-decoration:none;
}
.titre2{
background: url(/site/css/2009/menu2.jpg) right bottom no-repeat;
text-align:left;
width:160px;
height:16px;
padding-left:5px;
padding-top:3px;
margin-left:10px;
_margin-left:10px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.blocprixcasse{
vertical-align: baseline;
background-color:#DBDAC8;
text-align:right;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
margin-left:90px;
padding-right:3px;
}
#egalementrayon{
background-image:url(/site/css/2009/fondaussi.gif);
background-repeat:repeat-x;
background-position:top;
width:67%; 
float:right; 
border-bottom:solid 1px #999999;
text-align:center;
padding-bottom:10px;
border-right:solid 1px #999;
border-left:solid 1px #999;
margin-left:-1px;
margin-right:-1px;
}
#topventecasse{
background:url(/site/css/2009/vigniettefondcasse.jpg) repeat-y left top;
float:left;
margin-left:10px;
_margin-left:5px;
border-bottom: solid 1px #999999;
}
#introuvable{
margin-bottom:10px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(/site/css/2009/fondintrouvable.gif);
background-repeat:repeat-x;
background-position:top;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
}
#introuvable h2, h1, a{
font-size:11px;
color:#990000;
padding:0px;
margin:0px;
text-decoration:none;
}
#introuvable p{
	font-size:11px;
	padding:0px;
	margin:0px;
	font-weight:lighter;
}
.prixmilieu{
text-align:right;
display:block;
font-weight:400;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#009900;
border-top: solid 1px #666666;
padding-top:2px;
}
.prixconstaterayon{
text-align:right;
font-weight:500;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
float:right;
padding-right:5px;
line-height:10px;
}
.blocprixrayon{
background-color:#CEC4CC;
text-align:right;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
margin-left:90px;
padding-right:3px;
}
.blocprix{
	background-color:#CEC7CE;
	text-align:right;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #936;
	padding-right:5px;
	margin-left:115px;
}
.infoaccueilimg{
border:none;
}
.blocprix2{
text-align:center;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
}

.bloctextevigniette3{
margin-left:155px;
padding-left:3px;
padding-bottom:none;
text-align: left;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.titre{
background: url(/site/css/rayonscss/themes/menu2.jpg) right bottom no-repeat;
text-align:left;
width:160px;
height:16px;
padding-left:5px;
padding-top:5px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.titreliens{
background: url(/site/css/rayonscss/themes/menu2.jpg) right bottom no-repeat;
text-align:left;
padding-left:5px;
padding-top:5px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.ancienprix{
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: line-through;
}
#egalement{
text-align:center;
padding-bottom:10px;
background: url(/site/css/rayonscss/themes/fondetaussi2.jpg) top right no-repeat;
padding-top:45px;
width:100%;
float:right;
border-bottom:solid 1px #999999;
}
.produittopmoincher{
font: 11px Arial, Helvetica, sans-serif;
color:#333333;
background: url(/site/css/rayonscss/themes/fondproduitmoischer.jpg) top right no-repeat;
border-bottom: solid 1px #999999;
text-align:center;
padding-top:45px;
margin-bottom:5px;
}
.produittopmoincher a{
font: bold 12px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration:none;
margin:0px;
padding:0px;
}
.produittopmoincher h1, .produittopmoincher p{
text-align:left;
margin:0px;
padding:0px;
}
.produittopintrouvable{
font: 11px Arial, Helvetica, sans-serif;
color:#333333;
background: url(/site/css/rayonscss/themes/fondproduitintrouvable.jpg) top right no-repeat;
border-bottom: solid 1px #999999;
text-align:center;
padding-top:45px;
margin-bottom:5px;
}
.produittopintrouvable a{
font: bold 12px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration:none;
margin:0px;
padding:0px;
}
.produittopintrouvable h1, .produittopintrouvable p{
text-align:left;
margin:0px;
padding:0px;
}
.produittop{
font: 11px Arial, Helvetica, sans-serif;
color:#333333;
background: url(/site/css/rayonscss/themes/fondproduit.jpg) top repeat-x;
border-bottom: solid 1px #999999;
text-align:center;
padding:5px;
margin-bottom:5px;
}
.produittop a{
font: 11px Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
margin:0px;
padding:0px;
}
.produittop h1, .produittop p{
text-align:left;
margin:0px;
padding:0px;
}
.titreproduittop{
padding-left:5px;
font:20px impact;
color:#CC0000;
padding-left:5px;
}
.prixnouveaute {
text-align:right;
background-color:#CCCCCC;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FF0000;
display:block;
}
.prixmoinscher{
font: 27px Arial, Helvetica, sans-serif;
color:#009900;
float:right;
}
.prixconstate{
line-height:10px;
text-align:right;
padding:7px;
font: bold 9px Arial, Helvetica, sans-serif;
color:#000000;
float:right;
}

.blockprixconstat{
width:100%;
position:relative;
bottom:0px;
border-top:solid 1px #999999;
float:left;
display:block;
}
.prixprixconstate{
font: bold 11px Arial, Helvetica, sans-serif;
}
.titreproduittop2{
font:22px impact;
color:#CC0000;
padding-left:5px;
background:url(/site/css/rayonscss/themes/fondcentre.jpg) top repeat-x;
padding-top:2px;
}
#titreetaussi{
text-align:left;
background:url(/site/css/rayonscss/themes/etaussifond2.jpg) repeat-x;
}
.case{
padding-left:3px;
float:left;
width:24%;
margin-top:6px;
text-align:center;
font: bold 10px Arial, Helvetica, sans-serif;
color:#333333;
}
.case a{
text-decoration:none;
font:bold 10px Arial, Helvetica, sans-serif;
display:block;
color:#333333;
}
.case a :hover{
text-decoration: underline;
font:10px Arial, Helvetica, sans-serif;
color:#333333;
}
/*mentionlegal*/
#mentionslegal {
	position: relative;
	margin-top:20px;
	width:100%;
	background-color:#333333;
	text-align:center;
	vertical-align:bottom;
	color:#FFFFFF;
	font:9px Arial, Helvetica, sans-serif;
}
#mentionslegal a {
font:9px Arial, Helvetica, sans-serif;
color:#CCCCCC;
}
#mentionslegalmagasins {
	position: absolute;
	left:0px;
	top:1452px;
	margin-top:20px;
	width:100%;
	background-color:#333333;
	text-align:center;
	vertical-align:bottom;
	color:#FFFFFF;
	font:9px Arial, Helvetica, sans-serif;
}
#mentionslegalmagasins a {
font:9px Arial, Helvetica, sans-serif;
color:#CCCCCC;
}
#mentionslegal2{
margin-top:10px;
position:relative;
width:100%;
background-color:#ffffff;
font:9px Arial, Helvetica, sans-serif;
text-align:center;
}
.arialmini {
font-family:8px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
.petitrouge{
font:10px Arial, Helvetica, sans-serif;
color:#FF0000;
}
#footermagasins{
	position: absolute;
	left:0px;
	top:1510px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#666666;
	padding:10px;
	text-align:center;
}
#footermagasins a{
font: 9px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}
#footer{
	position: relative;
	margin-left:0px;
	bottom:0px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#666666;
	padding:10px;
	text-align:center;
}
#footer a{
font: 9px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}
#principal{
position:relative;
width:100%;
}
.imagelien{
border:none;
}
.resume{
position:relative;
left:7px;
margin-right:239px;
height:90px;
margin-bottom: -58px;
padding-left: 5px;
padding-right: 5px;
}
.detail{
text-align:center;
font:bold 14px Arial, Helvetica, sans-serif;
color:#990099;
background-color:#FFFFFF;
position:absolute;
height:90px;
width:90px;
border-right: solid 1px #666666;
border-left: solid 1px #cccccc;
border-bottom:solid 1px #666666;
border-top: solid 1px #cccccc;
right:301px;
margin-top:-66px;
z-index:12;
}
.TableauChampsLibresFicheProduit{
position:relative;
margin-top:155px;
margin-left:0px;
padding-bottom:10px;
padding-left:5px;
}
.CaptionChampsLibresFicheProduit{
padding-top:5px;
padding-left:5px;
padding-bottom:-200px;
}
.description{
background: #FFFFFF;
border-left: solid 1px #cccccc;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
width: 493px;
padding-right: 5px;
padding-left: 0px;
padding-bottom: 2px;
padding-top:20px;
z-index: 1;
float: left;
text-align: left;
position:relative;
/*position: absolute;*/
/*display: block;
top:230px;
left:163px;
_left:165px;*/
top:-43px;
/top:-41px;
_top:-33px;
left: -16px;
/left:0px;
}
.description h2 {
font: bold 12px Arial, Helvetica, sans-serif;
color:#990066;
padding-top:18px;
}
.caracteristique{
position:relative;
font:11px Arial, Helvetica, sans-serif;
color:#000;
background: #FFFFFF;
border-left: solid 1px #cccccc;
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
border-top: solid 1px #cccccc;
width: 488px;
padding:5px;
float: left;
text-align: left;
position: relative;
display: block;
margin-top:10px;
top:-50px;
left: -16px;
/top:-45px;
_top:-35px;
/left: 0px;
}
.caracteristique h2 {
font: bold 12px Arial, Helvetica, sans-serif;
color:#990066;
padding:0px;
margin:0px;
}
.imagefiche {
margin:1px;
height:90px;
width:90px;
}
.imagefiche a {
margin:0;
padding:0;
}
.cadresimagegarantie{
text-align:center;
height:70px;
width:170px;
border:solid 1px #999999;
background:#FFFFFF;
}
.cadresimagegarantie h4{
margin-top:5px;
margin-bottom:0px;
font: normal 28px arial, Helvetica, sans-serif;
color:#666666;
}
.cadresimagegarantie h5{
margin-top:-7px;
font: 27px arial,Helvetica, sans-serif;
color: #660066;
}
.cadresimage{
margin-top:5px;
}
.bloquedroit{
position:absolute;
width:172px;
left:667px;
top:189px;
float:left;
}
/*#epuise{
background: url(/site/medias/theme/epuise3.jpg) no-repeat;
position:absolute;
float:left;
display:block;
z-index:3;
width:220px;
top:360px;
/top:360px;
-top:360px;
left:860px;
-left:860px;
height:55px;
/height:55px;
-height:50px;
}*/
.beneficeproduit{
background:url(/site/medias/theme/benefice.jpg) bottom repeat-x;
padding-bottom:10px;
padding-left:10px;
}
.zoom{
	position:absolute;
	top: 538px;
	left: 11px;
}
.stock{
	position:absolute;
	margin-top:5px;
	right: 407px;
	border:solid 1px #999999;
}
#pubfiche {
margin-left:160px;
float:none;
text-align:left;
}
#lien_envoi_mail_titre span{
	display:none;
	}
#encart_recherche_style{
	position:absolute;
	width:250px;
	left:50%;
	margin-left:-125px;
	margin-top:-15px;
}

.avisclientsliste{
	position: absolute;
	z-index: 2000;
	right: 405px;
	margin-top: 40px;
	font-family: Arial,Helvetica,sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: normal; 
	font-size-adjust: none; 
	font-stretch: normal;
	border:none;
}
.avisclientsliste a{
	color: #666;
	text-decoration:none;
}


.avisclientsfiche{
	position: absolute; 
	z-index: 4000; 
	left: 560px; 
	margin-top: 75px;
	font-family: Arial,Helvetica,sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: normal; 
	font-size-adjust: none; 
	font-stretch: normal;
}
.avisclientsfiche a{
	color: #666;
	text-decoration:none;
}