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

												/*bandeauhaut*/
#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;
}

#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/ombreg1.jpg);
height: 37px;
width: 38px;
float: left;
}
#ombred1 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred1.jpg);
height: 37px;
width: 38px;
float: left;
}#ombreg2 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg2.jpg);
height: 37px;
width: 38px;
float: left;
}
#ombred2 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred2.jpg);
height: 37px;
width: 38px;
float: left;
}#ombreg3 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg3.jpg);
height: 37px;
width: 38px;
float: left;
}
#ombred3 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred3.jpg);
height: 37px;
width: 38px;
float: left;
}#ombreg4 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg4.jpg);
height: 37px;
width: 38px;
float: left;
}
#ombred4 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred4.jpg);
height: 37px;
width: 38px;
float: left;
}#ombreg5 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg5.jpg);
height: 37px;
width: 38px;
float: left;
}
#ombred5 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred5.jpg);
height: 37px;
width: 38px;
float: left;
}#ombreg6 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombreg6.jpg);
height: 37px;
width: 38px;
float: left;
}
#ombred6 {
margin-top: 5px;
background-image: url(/site/css/rayonscss/themes/images/ombred6.jpg);
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;
}
#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;
}
#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;
}
.retour {
clear:both;
}
#ligneverte {
height:8px; width:100%;
background-color:#980065;
}
												/*recherche*/
#recherche {
background-color:#980065;
}
#recherche2 {
background-color:#980065;
margin-bottom:8px;
margin-left:-4px;
margin-right:-4px;
}
#recherchefiche {
background-color:#980065;
margin-bottom:8px;
margin-left:-4px;
margin-right:180px;
marg
}
#rechercheaccueil {
background-color:#980065;
margin-left:188px;
margin-right:188px;
}
#principal {
background-color:#FFFFE6;
width:100%;
}
#rechercheg {
background:url(/site/medias/encards/bandorecherche/images/coteg.jpg) right no-repeat;
background-color:#980065;
height:37px;
width:12px;
float:left;
}
#recherchecentre {
margin-left:12px;
margin-right:12px;
text-align:center;
background-color: #980065;
height:37px;
float:none;
}
#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:auto;
margin-left:auto;
width:920px;
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*/
#menugauche {
position:relative;
z-index:2;
margin-top:6px;
font:11px Geneva, Arial, Helvetica, sans-serif;
text-align:left;
width:160px;
float:left;
z-index:10;
}
#menugaucheaccueil {
padding-top:0;
font:11px Geneva, Arial, Helvetica, sans-serif;
text-align:left;
width:192px;
float:left;
}
#menugauche a {
height:10px;
color:#003300;
text-decoration:none;
}
#menugauche a:hover {
color:#990000;
text-decoration:underline;

}

													/*titre*/
#menugauche 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;
}
#menugauche ul {
background-color:#FFFFFF;
margin:0;
font: 11px;
color:#FFFFFF;
padding-left:5px;
}
#menugauche li {
background: url(/site/medias/theme/ongletsgammes/perceuses_r2_c1.gif) repeat-y right #FFFFFF;
list-style:none;
}
.dessoumenu {
background: url(/site/medias/theme/ongletsgammes/perceuses_r4_c1.gif) top right no-repeat;
width: 160px;
height: 15px;
}
                                                  /*Menu droit */
#droite{
margin-top:8px;
float:right;
width:185px;
}
#marge {
height:6px;
}
.marge {
height:4px;
}
#titremenudroit {
font:bold 12px Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
background-image: url(/site/medias/visuelsproduits/magasins/fondentetedroit.gif);
width: 185px;
text-indent: 5px;
}
#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;
}
.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;
}
#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;
}
#menudroit {
margin-top:6px;
width:185px;
float:right;
}
#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: 185px;
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;
}
.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;
}
.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;
}
#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;
}

#centre{
	margin-left:192px;
	margin-right:192px;
	float:none;
	text-align:left;
	left: -41px;
	top: 129px;
}
.accueiltop10{
background-image: url(/site/css/rayonscss/themes/fondtop10.jpg);
background-position: right;
text-align: left;
height: 25px;
}

.accueiltop{
background-position: right;
text-align: left;
}
.accueiltop h1{
margin:0;
font:bold 11px Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#990066;
border: solid 1px #ffffff;
display:block;
padding:5px;
}
.casseliens{
font:bold 11px Arial, Helvetica, sans-serif;
color:#990066;
border: solid 1px #990066;
border-top:none;
display:block;
padding:5px;
}
.casseliens a{
font:bold 11px Arial, Helvetica, sans-serif;
color:#990066;
}

#listetop10{
padding-bottom:4px;
background-color:#FFFFFF;
float:left;
width:60%;
border: solid 1px #999999;
border-top:none;
}
#top10{
text-align:center;
padding:5px;
background-color:#FFFFFF;
float:right;
width:37%;
border: solid 1px #999999;
border-top:none;
}
#topdesventes{
padding-left:20px;
background:url(/site/medias/visuelsproduits/magasins/accueil/1.gif) left no-repeat;
margin:5px;
}
#topdesventes h1{
font:bold 12px Arial, Helvetica, sans-serif;
color:#003300;
margin:0;
padding:0;
}
#topdesventes h2{
font:bold 12px Arial, Helvetica, sans-serif;
color:#003300;
margin:0;
padding:0;
}
#topdesventes h5{
}
#topdesventes p{
font:11px Arial, Helvetica, sans-serif;
color:#000000;
margin:0;
padding:0;
}
.denomination{
height:15px;
width:100%;
border-bottom:solid #999999 1px;
border-top:solid #999999 1px;
margin-top:8px;
}
.denomination2{
height:15px;
width:100%;
border-bottom:solid #999999 1px;
margin-top:8px;
}
.numero{
text-align:center;
font:12px Geneva, Arial, Helvetica, sans-serif;
float:left;
width:20px;
height:15px;
}
.produit{
text-align:center;
font:12px Geneva, Arial, Helvetica, sans-serif;
float:left;
width:84px;
height:15px;
}
.descriptif{
text-align:center;
font:12px Geneva, Arial, Helvetica, sans-serif;
float:right;
width:70%;
height:15px;
}
.prixpromo {
text-align:right;
font:bold 13px Arial, Helvetica, sans-serif;
color:#FF0000;
}

													/*pub flash*/
#pubdessou{
text-align:center;
padding:5px;
float:right;
width:37%;
margin-top:20px;
border:solid 1px #666666;
}
#pubdessou2{
text-align:center;
padding:5px;
float:right;
width:37%;
margin-top:45px;
border:solid 1px #666666;
}
#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;
}
#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;
}
													/*vignette*/
.colonnegauche{
background:url(/site/css/rayonscss/themes/fondgauche.jpg) top repeat-x #ffea05;
width:33%;
float:left;
border-bottom:4px solid #ffffff;
}
.colonneone{
background: url(/site/medias/visuelsproduits/ryobi/fond.jpg)  top repeat-x #ffea05;
width:50%;
float:left;
border-bottom:4px solid #ffffff;
}
.titreone{
display:block;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:solid 4px #FFFFFF;
border-bottom:none;
background: #FF0000;
padding-left:10px;
}
.titreone2{
display:block;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:solid 4px #FFFFFF;
background: #FF0000;
padding-left:10px;
}
.margevertical{
width:1%;
float:left;
}
.colonnecentre{
width:32%;
float:left;
}
.colonnedroite{
background:url(/site/css/rayonscss/themes/fonddroit.jpg) top repeat-x #ffb30f;
width:33%;
float:left;
border-bottom:4px solid #ffffff;
}
#colonnedeuxtier{
margin-top:-4px;
width:67%;
float:left;
}
.vigniettepromo{
margin:4px;
height:80px;
background: url(/site/medias/visuelsproduits/magasins/bendosoldes/fondsolde.jpg) no-repeat right;
background-color: #FFCaa6;
}
.image{
margin-right:4px;
float:left;
margin-top:-4px;
}
.vignette{
border:solid 4px #FFFFFF;
border-bottom:none;
}
.vignette2{
height:120px;
border:solid 4px #FFFFFF;
border-bottom:none;
}
.vignette3{
background-color:#FFFF00;
height:120px;
border:solid 4px #FFFFFF;
border-bottom:none;
}
.vignettefin{
height:80px;
border:solid 4px #FFFFFF;
}
.vignette h1,.vignette h2,.vignette2 h1,.vignette2 h2{
margin:0;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.vignette3 h1,.vignette3 h2{
margin:0;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.vignette p,.vignette2 p{
margin:0;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.vignette3 p{
margin:0;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.blocprix{
text-align:right;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #990099;
background-color:#D1CFD4;
}
.pourcent{
text-align:left;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #4D0053;
}
.ancienprix{
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: line-through;
}
											        /*et Aussi*/
#etaussilogo{
background:url(/site/css/rayonscss/themes/images/etaussi2.jpg) repeat-x;
height:60px;
width:100%;
float:left;
}
#etaussilogo2{
background:url(/site/css/rayonscss/themes/images/titreetaussi.jpg) no-repeat;
height:60px;
width:277px;
float:left;
margin-left:-1px;
}
#etaussilogo3{
background:url(/site/css/rayonscss/themes/images/etaussi3.jpg) no-repeat;
height:60px;
width:8px;
float:right;
margin-right:-1px;
}
table.multigamme{
margin:auto;
width:98%;
text-align:center;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#003300;
float:left;
}
.multigamme h1{
margin:0 5px 0 5px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#005500;
}
.prixpromo2 {
padding-top:-10px;
text-align:center;
font:bold 11px Arial, Helvetica, sans-serif;
color: #990066;
}
#etaussi{
margin:0 2px 0 6px;
width:65%;
text-align:center;
height:330px;
background:url(/site/css/rayonscss/themes/fondetaussi.jpg) top repeat-x #ffffff;
border:solid 1px #B5B5B5;
border-top:none;
float:right;
}
.Style16{
line-height:16px;
font:bold 11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
											       /*nouveauté*/
.nouveaute{
margin-top:30px;
text-align:center;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#003300;
background:#FFFFFF;
border:solid 1px #B5B5B5;
border-top:none;
}
.nouveaute2{
margin-top:4px;
text-align:center;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#003300;
background:#FFFFFF;
border:solid 1px #B5B5B5;
border-top:none;
}
.nouveaute h1,.nouveaute h2,.nouveaute p{
text-align:left;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#003300;
margin:3px;
}
.nouveaute2 h1,.nouveaute2 h2,.nouveaute2 p{
text-align:left;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#003300;
margin:3px;
}
.entetenouveaute{
background:url(/site/css/rayonscss/themes/images/nouveaute2.jpg) repeat-x;
height:22px;
}
.incontournable{
margin-left:-1px;
height:22px;
width:182px;
background:url(/site/css/rayonscss/themes/images/incontournable.jpg);
float:left;
}
.logonouveaute{
margin-left:-1px;
height:22px;
width:87px;
background:url(/site/css/rayonscss/themes/images/nouveaute.jpg);
float:left;
}
.logonouveaute2{
margin-right:-1px;
height:22px;
width:4px;
background:url(/site/css/rayonscss/themes/images/nouveaute3.jpg);
float:right;
}
.prixnouveaute {
text-align:right;
background-color:#CCCCCC;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FF0000;
display:block;
}
												   /*top*/
.top{
padding-top:4px;
width:100%;
background:url(/site/css/rayonscss/themes/images/top4.jpg) bottom repeat-x #ffffe6;
height:21px;
}
.top1{
width:100%;
background:url(/site/css/rayonscss/themes/images/top1.jpg);
height:21px;
width:5px;
float:left;
}
.top2{
line-height:18px;
font:bold 11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background:url(/site/css/rayonscss/themes/images/top2.jpg) repeat-x;
height:21px;
float:left;
}
.top3{
background:url(/site/css/rayonscss/themes/images/top3.jpg) repeat-x;
height:21px;
width:5px;
float:left;
}
												/*vignettegamme*/
#cadregamme{
margin:0 4px 0 4px;
}
.vignettegamme{
width:25%;
float:left;
text-align:center;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
.vignettegamme h1{
margin:0;
padding:0;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#990033;
}
.vignettegamme h1,.vignettegamme p{
margin:0 0 5px 0;
}
.imageextensible{
margin:0 3px 0 3px;
}
#cadreflash{
margin:5px;
border:solid 1px #999999;
}
.cadreflashmargebas{
margin-bottom:10px;
}
.cadreflashmargebas2{
margin-bottom:10px;
}
.cadreflashmargebas3{
background-color:#FFFFFF;
margin-bottom:10px;
border:1px solid #666666;
}
.titreoffre{
float:right;
height:20px;
line-height:20px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#990000;
text-align:right;
}
.enstock{
background-image:url(/site/css/rayonscss/themes/enstock.jpg);
margin-left:-1px;
height:22px;
width:87px;
float:left;
}
.logodeco{
height:35px;
background-color:#980065;
}
													/*Accueil*/
.titretop10{
float:left;
margin-top:5px;
padding:0;
width:100%;
height:25px;
background:url(/site/medias/visuelsproduits/magasins/accueil/top10_r1_c2.gif) bottom repeat-x;
}
.textetop10{
float:left;
height:25px;
width:214px;
background:url(/site/medias/visuelsproduits/magasins/accueil/top10_r1_c3.gif) left bottom no-repeat;
}
.fintitretop10{
width:1px;
height:12px;
margin-top:13px;
float:right;
background-color: #999999;
}
.top10{
float:left;
width:60%;
border-right:solid #999999 1px;
border-bottom:solid #999999 1px;
}
.descriptiftopvente{
padding-left:20px;
background:url(/site/medias/visuelsproduits/magasins/accueil/1.gif) left no-repeat;
background-color:#FFFFFF;
}
.topvente{
background-color:#FFFFFF;
border-left:solid #999999 1px;
padding:5px;
}
.topvente h2{
margin:0;
padding:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color:#003300;
}
.topvente h1{
margin:0;
padding:0;
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color: #003300;
}
.topvente p{
margin:0;
padding:0;
font:11px Geneva, Arial, Helvetica, sans-serif;
color:#000000;
}
.numero1{
background:url(/site/medias/visuelsproduits/magasins/accueil/fondtop1noir.jpg) top repeat-x;
text-align:center;
margin:0;
padding:4px;
float:right;
width:38%;
background-color:#FFFFFF;
border:solid #999999 1px;
border-top:none;
}
.numero1dessou{
margin-top:30px;
font:bold 12px  Verdana, Arial, Helvetica, sans-serif;
color:#006600;
text-align:center;
float:right;
width:40%;
}
.denomination{
height:15px;
width:100%;
border-bottom:solid #999999 1px;
border-top:solid #999999 1px;
margin-top:8px;
}
.denomination2{
height:15px;
width:100%;
border-bottom:solid #999999 1px;
margin-top:8px;
}
.numero{
text-align:center;
font:12px Geneva, Arial, Helvetica, sans-serif;
float:left;
width:20px;
height:15px;
}
.produit{
text-align:center;
font:12px Geneva, Arial, Helvetica, sans-serif;
float:left;
width:84px;
height:15px;
}
.descriptif{
text-align:center;
font:12px Geneva, Arial, Helvetica, sans-serif;
float:right;
width:70%;
height:15px;
}
.listetop10{
background:url(/site/css/rayonscss/themes/vigniettefondaccueil.jpg) top left repeat-y;

}
.inscrivezvous{
text-align:center;
height:20px;
background:url(/site/medias/theme/themerayons/affiliation_r3_c1.jpg) bottom left;
}
.inscrivezvous a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.inscrivezvous a:hover{
font:bold 12px  Arial, Helvetica, sans-serif;
color:#990000;
}
.petitvert{
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
color: #990066;
}
.selecteurderoulant{
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
} 
													/*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:1;
    color:#000;
    text-decoration:none}

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

a.info2 span{
display: none
}
a.info2:hover {
background: none;
z-index: 500;
}
a.info2:hover span{ 
display:block;
position:absolute;
top:-51px;
left:95px;
text-align: center
}
														/*autre*/

.hautjeu{
background: url(/site/medias/visuelsproduits/magasins/jeux/amuse/marge_r1_c2.jpg) repeat-x;
width:100%;
font:10px bold Geneva, Arial, Helvetica, sans-serif;
text-align: left;
}
.hautjeum{
background: url(/site/css/rayonscss/themes/fondnouveaute2007.jpg) repeat-x;
width:100%;
font:10px bold Geneva, Arial, Helvetica, sans-serif;
text-align: left;
}
.flashmoitie{
width:50%;
height:130px;
float:left;
position:relative;
font:10px bold Geneva, Arial, Helvetica, sans-serif;
text-align: left;
background:#FFFFFF;
}
.flashmoitie2{
width:48%;
float:right;
position:relative;
font:10px bold Geneva, Arial, Helvetica, sans-serif;
text-align: left;
background:#FFFFFF;
margin-right:5px;
}
#tipe{
font:bold 11px Geneva, Arial, Helvetica, sans-serif;
}

													/*jeud'exterieur*/
#amusezles{
text-align:left;
background:url(/site/medias/visuelsproduits/magasins/jeux/amuse/marge_r1_c2.jpg);
}
#nouveaute2007{
text-align:left;
background: url(/site/css/rayonscss/themes/fondnouveaute2007.jpg);
}
#dessoujeu{
font:10px bold Geneva, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#FFFFFF;
border:solid 1px #666666;
border-top:none;
}
#dessoujeu a{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
background-color:#FFFFFF;
}
.flashimalaya{
float:left;
}
.flashbasdroit2 h1,.flashbasdroit2 h2,.flashbasdroit2 p{
margin:5px;
font:10px Arial, Helvetica, sans-serif;
}
.flashbasdroit2 {
}
.cadredessoupubdroit2{
width:100%;
border:solid #999999 1px;
border-top:none;
background-color:#FFFFFF;
padding-bottom:5px;
}
#pub2 {
margin-left:168px;
margin-right:192px;
float:none;
text-align:left;
}
#pubfiche {
margin-left:168px;
float:none;
text-align:left;
}
#pubgauche1 {
height:370px;
width:45%;
text-align:right;
font:bold 10px Arial, Helvetica, sans-serif;
float:left;
}
#pubgauchem {
height:370px;
width:10%;
text-align:center;
float:left;
}
.pubdroit1 {
height:130px;
text-align:right;
font:bold 10px Arial, Helvetica, sans-serif;
float:right;
margin-bottom:8px;
width:45%;
}
.pubdroit2 {
height:232px;
text-align:right;
font:bold 10px Arial, Helvetica, sans-serif;
float:right;
width:45%;
}

#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;
}

.vignetteabonne{
float:left;
height:84px;
width:25%;
}
.vignetteabonne h1,h2,p{
margin:0;
padding:0;
font: 9px Verdana, Arial, Helvetica, sans-serif;
}
.imageabonne{
float:left;
background:#FFFFFF;
margin: 2px;
margin: 2px;
width:80px;
}
.offreabonne{
background:url(/site/css/rayonscss/themes/fondoffresabonnee.jpg);
}
#pubmilieu {
height:374px;
width:10%;
text-align:center;
float:left;
}
.resume{
z-index: 2;
margin-right: 212px;
margin-left:5px;
padding-left: 5px;
border-right: solid 1px #666666;
border-left: solid 1px #cccccc;
border-bottom:solid 1px #666666;
background-color: #FFFFFF;
height: 57px;
}
.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;
}
.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;
}
.numero1{
float:left;
}
.numero{
	width:25px;
}