body {
margin: 0px;
padding: 0px;
background-image:url(/site/css/rayonscss/themes/images/fondtotal.jpg);
}
a {
color: #59025B;
font:9px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
a:hover {
color: #990000;
font:9px Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

												/*bandeauhaut*/
.remise{
border: solid 1px #999999;
position: absolute;
right:313px;
_margin-top:-65px;
/margin-top:-34px;
margin-top:-34px;
z-index: 100;
}

#head {
width:100%;
background: url(/site/css/rayonscss/themes/images/fond.jpg) repeat-x;
}
#head1 {
width:100%;
background: url(/site/css/rayonscss/themes/images/fond1.jpg) repeat-x;
}
#head2 {
width:100%;
background: url(/site/css/rayonscss/themes/images/fond2.jpg) repeat-x;
}
#head3 {
width:100%;
background: url(/site/css/rayonscss/themes/images/fond3.jpg) repeat-x;
}
#head4 {
width:100%;
background: url(/site/css/rayonscss/themes/images/fond4.jpg) repeat-x;
}
#head5 {
width:100%;
background: url(/site/css/rayonscss/themes/images/fond5.jpg) repeat-x;
}
#head6 {
width:100%;
background: url(/site/css/rayonscss/themes/images/fond6.jpg) repeat-x;
}

#logo{
background: url(/site/css/rayonscss/themes/images/logo.jpg) no-repeat;
}
#logo1 {
background: url(/site/css/rayonscss/themes/images/logo1.jpg) no-repeat;
}
#logo2 {
background: url(/site/css/rayonscss/themes/images/logo2.jpg) no-repeat;
}
#logo3 {
background: url(/site/css/rayonscss/themes/images/logo3.jpg) no-repeat;
}
#logo4 {
background: url(/site/css/rayonscss/themes/images/logo4.jpg) no-repeat;
}
#logo5 {
background:url(/site/css/rayonscss/themes/images/logo5.jpg) no-repeat;
}
#logo6 {
background:url(/site/css/rayonscss/themes/images/logo6.jpg) no-repeat;
}
#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/logo6.jpg) no-repeat;
}
#callcenter {
text-align:right;
padding-top: 8px;
height:69px;
width:100%;
z-index:2;
}
#ombreg {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg.gif);
height: 37px;
width: 38px;
float: left;
}
#ombred {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred.gif);
height: 37px;
width: 38px;
float: left;
}
#ombreg1 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg.gif);
height: 37px;
width: 38px;
float: left;
}
#ombred1 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred.gif);
height: 37px;
width: 38px;
float: left;
}#ombreg2 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg.gif);
height: 37px;
width: 38px;
float: left;
}
#ombred2 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred.gif);
height: 37px;
width: 38px;
float: left;
}#ombreg3 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg.gif);
height: 37px;
width: 38px;
float: left;
}
#ombred3 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred.gif);
height: 37px;
width: 38px;
float: left;
}#ombreg4 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg.gif);
height: 37px;
width: 38px;
float: left;
}
#ombred4 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred.gif);
height: 37px;
width: 38px;
float: left;
}#ombreg5 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg.gif);
height: 37px;
width: 38px;
float: left;
}
#ombred5 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred.gif);
height: 37px;
width: 38px;
float: left;
}#ombreg6 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg.gif);
height: 37px;
width: 38px;
float: left;
}
#ombred6 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred.gif);
height: 37px;
width: 38px;
float: left;
}
#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;
}
#ongletaccueildessu {
margin-top:0px;
padding: 7px 0 0 5px;
background:url(/site/css/rayonscss/onglets/onglets301.gif) no-repeat;
color:#FFF;
width:67px;
height:36px;
line-height:12px;
font:bold 12px Arial, Helvetica, sans-serif;
float:left;
}
#onglet {
margin-right:auto;
margin-left:auto;
width:690px;
}
#onglet a {
margin-top:5px;
padding: 7px 0 0 5px;
background: url(/site/css/rayonscss/onglets/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/rayonscss/onglets/onglets203.gif) no-repeat;
margin-top:2px;
height:34px;
}
#onglet a.accueil {
background: url(/site/css/rayonscss/onglets/onglets203.gif) no-repeat;
width:77px;
}
#onglet a.accueil:hover {
background: url(/site/css/rayonscss/onglets/onglets203.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;
}
.retour {
clear:both;
}
#ligneverte {
height:8px; width:100%;
background-color:#980065;
}
												/*recherche*/
#recherche2 {
margin-left:164px;
margin-right:173px;
float:none;
background-color:#980065;
margin-bottom:8px;
}
#recherchefiche {
background-color:#980065;
margin-bottom:8px;
margin-left:-4px;
margin-right:180px;
marg
}
#rechercheg {
background:url(/site/medias/encards/bandorecherche/images/coteg.jpg) right no-repeat;
background-color:#980065;
height:37px;
width:12px;
float:left;
}
#recherchecentre {
text-align:center;
background-color: #980065;
height:37px;
}
#recherched {
background:url(/site/medias/encards/bandorecherche/images/coted.jpg) no-repeat; 
background-color:#980065;
height:37px;
width:12px;
float: right;
}
														/**/
#cadrecatalogue {
width:100%;
text-align:center;
}
#catalogue {
margin-right:177px;
margin-left:165px;
text-align:left;
}
#mentionslegal {
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;
}
.arialmini {
font-family:8px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
.retour {
clear:both;
}
                                                  /*menugauche*/
#menugauche2 {
position:relative;
font:11px Geneva, Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
width:160px;
float:left;
left:0px;
top: 8px;
z-index:100;
}
#menugauche2 h1 {
margin:0;
font:bold 12px Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
background:url(/site/medias/visuelsproduits/magasins/fondentete.gif) no-repeat;
}
#menugauche2 ul {
background-color:#FFFFFF;
margin:0;
font: 11px;
color:#FFFFFF;
padding-left:5px;
}
#menugauche2 li {
background: url(/site/medias/theme/ongletsgammes/perceuses_r2_c1.gif) repeat-y right #FFFFFF;
list-style:none;
color:#000000;
}
.dessoumenu {
background: url(/site/medias/theme/ongletsgammes/perceuses_r4_c1.gif) top right no-repeat;
width: 160px;
height: 15px;
}
                                                  /*Menu droit */
#menudroit {
position:absolute;
margin-top:8px;
right:0px;
width:172px;
}
.moduledroit {
margin-top:6px;
}
#degrade {
background:url(/site/medias/visuelsproduits/magasins/degrade.jpg) no-repeat left bottom;
font:11px Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
padding-top:5px;
}
.login2{
padding:4px;
text-align:left;
background: url(/site/medias/theme/fondselection.jpg) left repeat-y;
width:176px;
margin-left:2px;
}
.login p{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:1px;
text-align: center;
}
.inscription{
background-color:#bbe8a5;
margin:0 0 0 2px;
}
#condition {
padding-top:5px;
padding-left:5px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#basdroit {
background-image: url(/site/medias/visuelsproduits/magasins/dejaclient2_r2_c1.jpg);
height: 8px;
}
#titreclindoeil {
background:url(/site/medias/theme/enteteclindoeil.jpg) no-repeat left bottom;
height: 27px;
}
#fondclindoeil {
background:url(/site/medias/theme/fondclindoeil.jpg) repeat-y left top;
text-align:center;
font:10px Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
padding-left:5px;
}
#basclindoeil a{
display:block;
background:url(/site/medias/theme/clindoeil_r3_c1.jpg) no-repeat left top;
height: 40px;
}
#basclindoeil a:hover {
background:url(/site/medias/theme/clindoeil_r3_c1_f2.jpg) no-repeat left top;
height: 40px;
width:185px;
display:block;
}
#marge {
height:6px;
}
#titremenudroit {
font:bold 12px Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
background-image: url(/site/medias/visuelsproduits/magasins/fondentetedroit.gif);
width: 172px;
text-indent: 5px;
}
#degrade {
font:11px Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
padding-top:5px;
background: url(/site/medias/visuelsproduits/magasins/dejaclient2_r1_c1.jpg) no-repeat left bottom;
}
.login p{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:1px;
text-align: center;
}
.encardinscription{
border-left:solid 1px #666666;
margin-left:1px;
background-color:#C0C2D1;
}
#condition {
padding-top:5px;
padding-left:5px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
background: url(/site/medias/visuelsproduits/magasins/dejaclient2_r1_c1.jpg) no-repeat left bottom;
}

#basdroit {
background-image: url(/site/medias/visuelsproduits/magasins/dejaclient2_r2_c1.jpg);
height: 8px;
}
#titreclindoeil {
background:url(/site/medias/theme/enteteclindoeil.jpg) no-repeat left bottom;
height: 27px;
}
#fondclindoeil {
background:url(/site/medias/theme/fondclindoeil.jpg) repeat-y left top;
text-align:center;
font:10px Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
padding-left:5px;
}
#basclindoeil a{
display:block;
background:url(/site/medias/theme/clindoeil_r3_c1.jpg) no-repeat left top;
height: 40px;
}
#basclindoeil a:hover {
background:url(/site/medias/theme/clindoeil_r3_c1_f2.jpg) no-repeat left top;
height: 40px;
width:185px;
display:block;
}
													/*pub flash*/
#pub {
margin-left:164px;
margin-right:188px;
float:none;
text-align:left;
}
#pubaccueil {
margin-left:193px;
margin-right:193px;
}
#promo{
position:relative;
z-index:1;
margin:8px 4px 0px 4px;
}
#moitiegauche{
width:45%;
height:370px;
float:left;
}
#moitiegauchesimple{
width:49%;
padding-right:1%;
height:370px;
float:left;
}
#cadredessoupubdroit{
width:100%;
height:179px;
background-color:#EFEFEF;
border:1px solid #717f6e;
}
#cadredessoupubdroitsimple{
width:100%;
background-color:#EFEFEF;
border:1px solid #717f6e;
}
.titremarquevl{
margin:-1px -6px 0 0;
text-align:right;
background:url(/site/medias/theme/themeficheproduits/vlamfond.jpg) repeat-x
}

#moitiedroite{
height:370px;
width:45%;
float:left;
}
#moitiedroitesimple{
width:50%;
height:380px;
float:left;
}
#moitiedroitesimple2{
width:45%;
height:380px;
float:right;
}
#promo h1,#promo h2{
margin:0;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
#promo p {
margin:0;
}
.prixpromo {
text-align:right;
font:bold 13px Arial, Helvetica, sans-serif;
color:#FF0000;
}
.promoone {
text-align:center;
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
}
#pubgauche {
width:100%;
text-align:right;
font:bold 10px Arial, Helvetica, sans-serif;
float:left;
}
#pubgaucheancienne {
width:100%;
text-align:right;
font:bold 10px Arial, Helvetica, sans-serif;
float:left;
}
#pubgauche2 {
width:10%;
text-align:center;
float:left;
}
.descriptifpub{
text-align:right;
font:bold 10px Arial, Helvetica, sans-serif;
}
.flashbasdroit{
height:179px;
width:49%;
float:left;
}
#textepub{
margin:0;
padding:0;
font:10px Geneva, Arial, Helvetica, sans-serif;
height:179px;
width:100%;
float:left;
}
#textepub h1{
font:bold 10px Geneva, Arial, Helvetica, sans-serif;
height:179px;
width:100%;
float:left;
}
#textepub h2{
margin:0;
padding:0;
font:bold 10px Geneva, Arial, Helvetica, sans-serif;
height:179px;
width:100%;
float:left;
}
.marges{
margin:4px;
height:100px;
}
.flashbasdroit h1,.flashbasdroit h2,.flashbasdroit p{
margin:5px;
font:10px Arial, Helvetica, sans-serif;
}
#pubdroit {
text-align:right;
font:bold 10px Arial, Helvetica, sans-serif;
float:right;
width:45%;
background:url(/site/medias/visuelsproduits/magasins/mobilierjardin/fondplaged.jpg);
}
#pubdh {
width:100%;
}
#pubdhg{
background:url(/site/medias/visuelsproduits/magasins/mobilierjardin/fondplage.jpg) right no-repeat;
height:161px;
width:68px;
float:left;
}
													/*infobulle*/
.info{
position:relative; 
z-index:10;
color:#000;
text-decoration:none;
}

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

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

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

a.info2 span{
display: none;
z-index:10;
}
a.info2:hover {
background: none;
z-index: 500;
}
a.info2:hover span{ 
display:block;
position:absolute;
top:-51px;
left:95px;
text-align: center;
z-index:10;
}
.info3 {
	border:none;
	text-decoration:none;
	top: 639px;
	right:0px;
	position:absolute; 
	display:block; 
	width:172px; 
	z-index:30; 
	height: 413px;
}
a.info3 span{
border:none;
display: none;
z-index:10;
}
a.info3:hover {
text-decoration:none;
border:none;
background: none;
z-index: 500;
}
a.info3:hover span{ 
border:none;
display:block;
position:absolute;
top:140px;
left:-360px;
text-align: center;
z-index:10;
}
#sky a{
border:none;
}
														/*autre*/
#pub2 {
z-index:1;
margin-right:177px;
margin-left:165px;
float:none;
text-align:left;
}
#loginpanier {
	display:block;
padding:10px;
font: 11px Arial, Helvetica, sans-serif;
text-align:center;
border:solid 1px #666666;
background:url(/site/medias/theme/fondpanier.jpg);
margin-bottom:10px;
margin-right:177px;
margin-left:165px;
float:none;
text-align:left;
}
#devpanier {
padding:10px;
border:solid 1px #666666;
background:url(/site/medias/theme/fondpanier.jpg);
margin-bottom:10px;
margin-right:177px;
margin-left:165px;
float:none;
text-align:left;
}
#pub3 {
margin-right:177px;
margin-left:165px;
float:none;
text-align:left;
}
img.retourchariot {
float:left;
left:-1px;
}
#footer{
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;
}

#pubmilieu {
height:374px;
width:10%;
text-align:center;
float:left;
}
.resume{
position:relative;
left:7px;
margin-right:409px;
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:313px;
margin-top:-65px;
z-index:12;
}
.description{
background:#FFFFFF;
border-left:solid 1px #cccccc;
border-right:solid 1px #666666;
border-bottom:solid 1px #666666;
width:363px;
padding-right:130px;
padding-left:5px;
padding-bottom:5px;
z-index:1;
float:left;
text-align:left;
position:relative;
display:block;
top:-40px;
left:-4px;
}
.dejavu{
font:10px Arial, Helvetica, sans-serif;
color:#333333;
}
.dejavu a{
font:10px Arial, Helvetica, sans-serif;
color:#333333;
}

.dejavu a:hover{
font:10px Arial, Helvetica, sans-serif;
color: #660033;
}
.stock{
z-index:12;
	position:absolute;
	right: 400px;
	margin-top:8px;
}
/*div soldes*/
.p5{
position:absolute;
background:url(/site/soldes/divpetit/5.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;
/*border:solid 1px #D7D7D7;
border-bottom:solid 1px #AEAEAE;
border-top:solid 1px #F0F0F0;*/
z-index:60;
}

.p10{
position:absolute;
background:url(/site/soldes/divpetit/10.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;

z-index:60;
}

.p15{
position:absolute;
background:url(/site/soldes/divpetit/15.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;

z-index:60;
}

.p20{
position:absolute;
background:url(/site/soldes/divpetit/20.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;

z-index:60;
}

.p25{
position:absolute;
background:url(/site/soldes/divpetit/25.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;

z-index:60;
}

.p30{
position:absolute;
background:url(/site/soldes/divpetit/30.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;

z-index:60;
}

.p35{
position:absolute;
background:url(/site/soldes/divpetit/35.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;

z-index:60;}

.p40{
position:absolute;
background:url(/site/soldes/divpetit/40.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;

z-index:60;
}

.p45{
position:absolute;
background:url(/site/soldes/divpetit/45.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;

z-index:60;}

.p50{
position:absolute;
background:url(/site/soldes/divpetit/50.jpg) no-repeat;
height:36px;
width:73px;
right: 243px;
-right:246px;
margin-top:-28px;
/margin-top:-40px;

z-index:60;
}
.avisclientsliste{
	position: absolute;
	z-index: 2000;
	right: 415px;
	margin-top: 45px;
	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;
}