/* CSS issu des tutoriels www.alsacreations.com/articles */


body
{
COLOR: #333333; 
FONT-FAMILY: Verdana, Arial, helvetica;
font-size: 11px;
}
.main
{
margin:0 auto;
padding:0px;
width:900px;
height:auto;
text-align:center;
}
.main a
{
color:#333333;
/*text-decoration:none;*/
padding:0px;
}
li
{
display: list-item;
list-style-image:url(images/bulleto.gif);
color : #333333;
font-family : Tahoma,Verdana,Arial;
line-height:5px;
}
.linklist a
{
color:#CC0099;
text-decoration:underline;
}

.separator
{
background-color:#CCCCCC;
font-size:2px;
width:510px;
height:2px;
margin-top:10px;
margin-bottom:5px;

}
.mainnarrow
{
margin:0 auto;
padding:0px;
width:720px;
height:auto;
text-align:center;
}
.mainnarrow a
{
color:#333333;
text-decoration:none;
padding:0px;
}
.leftandcentre
{
float:left;
with:705px;

}
H1
{
left:0px;
height:20px;
text-align:left;
font-size:12px;
padding-top:0px;
margin-top:0px;
padding-bottom:10px;
margin-bottom:10px;
}
.head1
{
display:block;
height:auto;
width:900px;
margin:0 auto;
text-align:left;
margin-top:0px;
}
.head1narrow
{
display:block;
height:auto;
width:720px;
margin:0 auto;
text-align:left;
margin-top:0px;
}
.head2
{
position:relative;
background-image: url('images/bar_top.gif');
background-repeat:no-repeat;
height: 20px;
width:900px;
margin:0 auto;
text-align:center;
}
.head2narrow
{
position:relative;
background-image: url('images/bar_top_narrow.gif');
background-repeat:no-repeat;
height: 20px;
width:720px;
margin:0 auto;
text-align:center;
}
.head2checkout
{
position:absolute;
right:20px;
vertical-align:middle;
width: 160px;
height: 19px;
background-image: url('images/bar_bg_b.gif');
}
.logo
{
margin-right: 10px;
margin-top: 3px;
border: 0;
}

.left
{
float:left;
width:171px;
}
.left1
{
background-image:url(images/fon_left02.gif);
background-repeat:repeat-y;
}
.left1top
{
height: 26px;
background-image:url(images/left02b.gif);
background-repeat:no-repeat;
}
.left1top a
{
position:relative;
right:25px;
top:5px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
padding-left:40px;
font-size:11px;
}
.left1topgrey
{
height: 26px;
background-image:url(images/left01c.gif);
background-repeat:no-repeat
}
.left1topgrey a
{
position:relative;
right:25px;
top:5px;
font-weight:bold;
color:#777777;
text-align:left;
padding-left:40px;
font-size:11px;
}
.left1bottom
{
height: 26px;
background-image:url(images/left_bot02b.gif);
background-repeat:no-repeat
}
.leftmenurowselected
{
margin-left:15px;
padding-left:10px;
background-image:url(images/e02css.gif);
background-repeat:no-repeat;
background-position:left, bottom;
height:20px;
width:auto;
text-align:left;
color:#777777;`
text-decoration:none;
}
.leftmenurowselected a
{
color:#FF6600;
}
.leftmenurow
{
margin-left:15px;
padding-left:10px;
height:20px;
text-align:left;
color:#777777;
}
.leftmenurow a
{
color:#777777;
text-decoration:none;
}
.centre
{
float:right;
left:170px;
width:508px;
text-align:justify;
}
.centreextratext
{
font-weight:normal;
}
.centreskybar
{
position:relative;
left:0px;
width:512px;
background-image:url(images/header_sky.jpg);
height:50px;
background-repeat:no-repeat;
}
.images
{
float: left;
margin-left:0px;
margin-bottom:30px;
margin-right:20px;
text-align:center;
}
.compatiblewith
{
float:left;
margin-right:8px;
}
.quantitybox
{
float:left;
margin-left:10px;
width:50px;
}
.orangebutton
{
float:left;
}
.orangebuttonleft
{
float:left;
height:18px;
width:20px;
background-image:url(images/aa2Left.gif);
background-repeat:no-repeat;
}
.orangebuttoncentre
{
float:left;
height:18px;
background-image:url(images/aa2Middle.gif);
color:#FFFFFF;
font-weight:bold;
}
.orangebuttoncentre a
{
position:relative;
top:2px;
color:#FFFFFF;
}
.orangebuttonright
{
float:left;
height:18px;
width:20px;
background-image:url(images/aa2Right.gif);
background-repeat:no-repeat;
}
.greenbutton
{
}
.greenbuttonleft
{
float:left;
height:18px;
width:8px;
background-image:url(images/aaLeft.gif);
background-repeat:no-repeat;
}
.greenbuttoncentre
{
float:left;
height:18px;
background-image:url(images/aaMiddle.gif);
color:#FFFFFF;
font-weight:bold;
}
.greenbuttoncentre a
{
position:relative;
top:2px;
color:#FFFFFF;
}
.greenbuttonright
{
float:left;
height:18px;
width:20px;
background-image:url(images/aaRight.gif);
background-repeat:no-repeat;
}
.right
{
float:right;
width:165px;
height:0 auto;
margin-top:100px;
margin-left:10px;
}
.right a
{
font-weight:normal;
}
.right1top
{
height:10px;
background-image:url('images/left_clear.gif');
background-repeat:no-repeat;
font-size:2px;
}
.right1
{
background-image:url(images/fon_left02.gif);
background-repeat:repeat-y;
text-align:left;
padding-left:20px;
}
.right1 a
{
text-decoration:none;
}
.right1bottom
{
height: 26px;
background-image:url(images/left_bot02b.gif);
background-repeat:no-repeat;
}
.footer
{
clear:both;
width:900px;
margin:0 auto;
text-align:center;
}
.footernarrow
{
clear:both;
width:720px;
margin:0 auto;
text-align:center;
}
.menu 
{
margin-top: 30px;
width: 160px;
border: 1px solid #060C6F;
background-color: #B7D3F0;
font-family: verdana, arial;
font-size: 11px;
text-align: left;
padding-left:30px;
}

.menu a {
text-decoration:none;
}

h1
{
font-size: 140%;
text-align: right;
}
h2
{
font-size: 100%;
text-align: right;
}
.menutop
{
font-size: 12px;
font-weight: bold;
color: #888888;
vertical-align:middle;
height:10px;
margin-top:1px;
}
.menutop a {
text-decoration: none;
color: #888888;
margin-left: 10px;
margin-right: 10px;
vertical-align:middle;
}
.menutopname
{
font-size: 11px;
font-weight: bold;
color: #555555;
height:20px;
width:250px;
float:left;
text-align:left;
margin-top:10px;
}
.menutopfreeshipping
{
font-size: 12px;
font-weight: bold;
color: #CC0099;
height:20px;
width:250px;
float:right;
text-align:right;
margin-top:10px;
}
.menutopcheckout
{
font-size: 11px;
}
.menutopcheckout a {
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
ul,li 
{
list-style-type: none;
margin: 0;
padding:0;
line-height: 30px;
}
.thumb
{
float: left;
margin-left:30px;
margin-bottom:30px;
}
.redhot
{
background-image:url(images/catback2.gif);
}
.buttonheight
{
height:18px;
}
.greebuttonleft
{
background-image:url(images/aaLeft.gif);
margin: 0;
padding:0;
background-repeat:repeat-x;
float:right;
}
.greenbuttonmiddle
{
background-image:url(images/aaMiddle.gif);
margin: 0;
padding:0;
background-repeat:repeat-x;
}
.greebuttonright
{
background-image:url(images/aaRight.gif);
margin: 0;
padding:0;
background-repeat:repeat-x;
}
.buttontable
{
margin:0;
padding:0;
}