body {
background-color: white;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 11px;
margin: 0 auto;
padding: 0;
color: #b634b8;
text-align: center;
background-color: white;
}

a:link, a:visited {
color: #b469b5;
text-decoration : none;
}

a:hover {
color: #b36db2;
}

#main {
position: relative;
width: 861px;
background-color: white;
margin: 0% auto;
text-align: left;
}

.center {
text-align: center;
}

.red {
color: #be571f;
}

.redblink {
color: red;
text-decoration: blink;
}

img {
border: 0;
}

.loading {
font-weight: bold;
padding: 10px;
text-align: center;
}

.border {
color: #b634b8;
border: 1px solid #ffd9ff;
}

.underline {
text-decoration: underline;
}

.borderleft {
border-left: 1px solid #bae8ba;
padding-top: 5px;
padding-bottom: 5px;
}

.bordertop {
border-top: 1px solid #bae8ba;
padding-top: 5px;
padding-bottom: 5px;
}

.noborder {
border: 0px;
padding-top: 5px;
padding-bottom: 5px;
}

#hidepage {
position : absolute;
background-color : #eee;
top : 0px;
left : 0px;
z-index : 8888;
width: 100%;
height: 300em;
}

#rideau {
position: absolute;
background-color: white;
z-index: 9999;
border: 1px solid #b469b5;
width: 400px;
text-align: left;
}

#rideau .title a {
color: white;
}

#rideau .title {
background-color: #b469b5;
color: white;
padding: 4px;
font-weight: bold;
text-align: right;
}

#rideau .content {
z-index: 9999;
color: #b469b5;
padding: 5px;
text-align: left;
}

#rideau .size14 {
font-size: 14px;
}

.floatleft
{
float: left;
}

textarea {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 11px;
}

pre {
padding: 0;
margin: 0;
}

.button_large {
font-family: Arial,Verdana,Helvetica,sans-serif;
background: url('../images/button_large.gif') no-repeat top left;
width: 150px;
height: 20px;
color: white;
font-weight: bold;
padding-top: 0px;
padding-left: 2px;
text-align: left;
font-size: 11px;
border: 0;
vertical-align: middle;
cursor: pointer;
margin-left: 5px;
margin-top: 2px;
}

.button_large a {
color: white;
font-weight: bold;
display: block;
text-decoration: none;
padding-top: 2px;
}

.button_small {
font-family: Arial,Verdana,Helvetica,sans-serif;
background: url('../images/button_small.gif') no-repeat top left;
width: 22px;
height: 20px;
color: white;
font-weight: bold;
padding-top: 0px;
padding-left: 0px;
text-align: center;
font-size: 11px;
border: 0px;
vertical-align: middle;
cursor: pointer;
margin-left: 0px;
}

.button_small a {
color: white;
font-weight: bold;
display: block;
text-decoration: none;
padding-top: 2px;
}

.page_content {
text-align: center;
padding: 2px;
}
/* ------------------------------------------
HEADER --------------------------------------
------------------------------------------ */
#header {
text-align: center;
height: 105px;
width: 820px;
vertical-align: middle;
margin: 0% auto;
background-color: white;
}

#header a {
text-decoration: none;
}

#header #title {
margin: 0;
text-align: left;
color: #b634b8;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 15px;
padding-left: 10px;
font-size: 42px;
font-weight: normal;
}

#header strong {
margin: 0;
text-align: left;
color: #b634b8;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 12px;
font-size: 16px;
font-weight: normal;
}
/* CART */
#cart {
background-image: url('../images/CartBack.gif');
background-repeat: no-repeat;
font-family: Arial,Verdana,Helvetica,sans-serif;
float: right;
margin-top: 13px;
width: 145px;
height: 80px;
padding-left: 0px;
color: white;
margin-right: 1px;
font-weight: bold;
text-align: center;
}

#cart a {
color: white;
text-decoration: none;
}

/* TOPMENU */
#top {
font-family: Arial,Verdana,Helvetica,sans-serif;
vertical-align: middle;
min-width: 820px;
width: 100%;
margin: 0% auto;
}

#top ul {
list-style-type: none;
margin: 0 auto;
padding-top: 8px;
padding-bottom: 9px;
padding-left: 0;
padding-right: 0;
background: url('../images/onglet_off.gif') repeat-x top;
}

#top ul li {
display: inline;
background: url('../images/onglet_off.gif') repeat-x top;
padding-top: 8px;
padding-bottom: 9px;
padding-left: 12px;
padding-right: 12px;
font-weight : bold;
color: white;
text-align: center;
text-decoration: none;
height: 31px;
}

#top ul li:hover {
color: red;
}

#top ul li a {
text-align: center;
color: white;
font-weight: bold;
text-decoration: none;
}

#top ul li a:hover {
color: #feefff;
}
/* ------------------------------------------
CONTENT -------------------------------------
------------------------------------------ */
.shadow {
background-position: center;
margin: 0% auto;
width: 850px;
background: url(../images/shadow.gif) 50% 0;

}

#content {
margin: 0% auto;
text-align: left;
width: 820px;
min-height: 500px;
}

hr {
  clear: both;
  visibility: hidden;
}

#content .content {
color: #b469b5;
width: 649px;
background-color: white;
padding-top: 10px;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
}

#content .content .title {
background-image: url('../images/CataTitle.gif');
background-repeat: no-repeat;
text-align: left;
padding-top: 5px;
padding-bottom: 3px;
color: #b634b8;
}

#content .content .title h1 {
margin: 0;
padding: 0;
font-size: 14px;
}

#content .content .left {
float: left;
width: 455px;
padding-top: 5px;
padding-left: 12px;
background: url('../images/other_back.gif') repeat-x top;
border-top: 1px dotted #CCCCCC;
}

#content .content .left img {
border: 0;
}

#content .content .left .foto {
margin: 0;
padding: 0;
border: 1px solid #CCCCCC;
}

#content .content .left .desc {
padding: 2px;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}

#content .content .left .desctext {
padding-left: 4px;
}

#content .content .right {
float: right;
width: 180px;
border-left: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
border-right: 1px dotted #CCCCCC;
padding-top: 10px;
padding-bottom: 15px;
font-size: 12px;
}

#content .content .right .price {
color: #9b1600;
font-size: 16px;
font-weight: bold;
}

#content .content .right .quantity {
color: #b469b5;
border: 1px solid #ffd9ff;
width: 30px;
text-align: center;
}

#content .content .right select {
border: 1px solid #ffd9ff;
}

#content .page {
text-align: left;
padding-left: 15px;
color: #b634b8;
font-size: 12px;
margin: 0;
}

#content .page .tagcloud {
text-align: center;
}

#content .page .tagcloud strong {
font-weight: normal;
}

#content .page .tagcloud a {
color: inherit;
margin: 7px;
}

#content .page .tagcloud a:hover {
background-color: #d8ffd6;
}

#content .page .tagcloud .tag1 {
font-size: 12px;
color: #99aafd;
}

#content .page .tagcloud .tag2 {
font-size: 14px;
color: #33aaff;
}

#content .page .tagcloud .tag3 {
font-size: 16px;
color: #339999;
}

#content .page .tagcloud .tag4 {
font-size: 18px;
color: #ff9933;
}

#content .page .tagcloud .tag5 {
font-size: 20px;
color: #f999a9;
}

#content .page .tagcloud .tag6 {
font-size: 22px;
color: green;
}

#content .page .tagcloud .tag7 {
font-size: 24px;
color: red;
}

#content .page .searchtable {
width: 65%;
}

#content .page .searchtd {
border: 0;
text-align: left;
color: #b469b5;
}

#content .page td {
border: 0;
text-align: center;
padding: 5px;
}

.textalignleft h2 {
margin: 0px;
padding: 0px;
margin-bottom: 4px;
color: #b634b8;
font-size: 16px;
}

.hl {
color: white;
background-color: #b469b5;
font-weight: bold;
}

#content .textalignleft {
text-align: left;
padding-left: 5px;
vertical-align: top;
}

#content .pagetitle {
padding-left: 5px;
color: #b634b8;
font-weight: bold;
font-size: 12px;
margin-bottom: 10px;
}

#content .content .pagetitle h1 {
margin: 0;
padding: 0;
}

#content fieldset {
border: 0;
border-top: 1px dotted #CCCCCC;
margin-top: 15px;
margin-bottom: 5px;
padding: 5px;
}

#content fieldset legend {
font-weight: bold;
color: #b469b5;
}

/* ACCEUIL */
#content .modeles
{
text-align: center;
}

#content .modeles img
{
border: 1px solid #bae8ba;
padding: 5px;
}

#content .modeles table
{
width: 100%;
text-align: center;
}

/* CATALOGUE */
#content .content .catalogue {
margin-bottom: 5px;
border-right: 1px solid #b469b5;
border-bottom: 1px solid #b469b5;
padding-bottom: 5px;
}

#content .content .catalogue ul {
list-style-type: none;
padding: 0;
margin: 0;
background: url('../images/small_onglet_off.gif') repeat-x top;
padding-top: 2px;
padding-bottom: 17px;
}

#content .content .catalogue ul li {
display: inline;
padding-top: 2px;
padding-bottom: 17px;
padding-left: 5px;
padding-right: 5px;
cursor: pointer;
color: white;
font-weight: normal;
}

#content .content .catalogue .active {
font-weight: bold;
}

#content table {
border-collapse: collapse;
width: 100%;
}

#content td {
text-align: center;
color: #b469b5;
padding-top: 2px;
padding-bottom: 2px;
}

#content .cycle1 {
background-color: #fde6fc;
}

#content .cycle2 {
background-color: white;
}

#content .borderbottom {
font-weight: bold;
border-bottom: 1px solid #ccc;
border-right: 1px solid #bae8ba;
border-top: 1px solid #bae8ba;
padding: 2px;
}

#content .foto {
padding: 5px;
z-index: 0;
}

#content .foto img {
border: 1px solid #e6e6e6;
}

#content .foto img:hover {
border: 1px solid white;
}

#content .name {
font-weight: bold;
}

#content .price {
color: #9b1600;
font-size: 14px;
}

#content .filter {
color: #b469b5;
clear: left;
margin-right: 2px;
margin-left: 2px;
padding-bottom: 2px;
padding-left: 3px;
}

#content select {
color: #b469b5;
border: 1px solid #ffd9ff;
}

#content .button {
width: 28px;
border: 1px solid #bae8ba;
color: #448544;
background-color: #aadeaa;
margin-left: 1px;
}

/*Cart*/
#content .cart {
border: 0;
}

#content .cart .foto {
border-right: 1px dotted #CCCCCC;
}

#content .cart table {
padding: 0;
margin : 0;
}

#content .cart table td {
border: 1px solid #CCCCCC;
}

#content .cart .bordertop {
border-top: 1px solid #CCCCCC;
padding-left: 4px;
padding-right: 4px;
}

#content .cart .borderlefttop {
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

#content .cart .borderrighttop {
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

#content .cart .borderright {
border-right: 1px solid #CCCCCC;
}

#content .cart .borderleftrightbottom {
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#content .cart .noborder {
border: 0px;
padding-top: 5px;
padding-bottom: 5px;
}

#content .cart .price {
color: #9b1600;
}

#content .cart .pricehigh {
color: #9b1600;
font-size: 14px;
font-weight: bold;
}

#content .login {
padding-top: 5px;
padding-bottom: 5px;
color: #448544;
}

#content .login p {
padding: 0px;
margin: 0px;
}

#content .login form {
padding: 0;
margin: 0;
}

#content .login input {
border: 1px solid #ffd9ff;
color: #b469b5;
margin-top: 2px;
margin-bottom: 2px;
}

#content .login .email {
width: 127px;
}

#content .login .password {
width: 95px;
}

/*RIGHT MENU*/
#right {
padding-top: 10px;
padding-left: 0px;
padding-right: 10px;
position: relative;
float: right;
right: 0;
width: 150px;
}

#right .rightmenu a {
text-decoration: none;
}

#right .rightmenutitle_compte {
background-image: url('../images/compte.gif');
background-repeat: no-repeat;
padding-bottom: 12px;
padding-top: 5px;
padding-left: 23px;
color: white;
font-weight: bold;
text-align: center;
text-align: left;
}

#right .rightmenutitle_catalogue {
background-image: url('../images/catalogue.gif');
background-repeat: no-repeat;
padding-bottom: 12px;
padding-top: 5px;
padding-left: 23px;
color: white;
font-weight: bold;
text-align: center;
text-align: left;
}

#right .rightmenutitle_tagcloud {
background-image: url('../images/tagcloud.gif');
background-repeat: no-repeat;
padding-bottom: 12px;
padding-top: 5px;
padding-left: 30px;
color: white;
font-weight: bold;
text-align: center;
text-align: left;
}

#right .tagcloud strong {
font-weight: normal;
}

#right .tagcloud {
text-align: center;
padding: 2px;
}

#right .tagcloud a {
color: inherit;
}

#right .tagcloud a:hover {
background-color: #d8ffd6;
}

#right .tagcloud .tag1 {
font-size: 9px;
color: #99aafd;
}

#right .tagcloud .tag2 {
font-size: 10px;
color: #33aaff;
}

#right .tagcloud .tag3 {
font-size: 11px;
color: #339999;
}

#right .tagcloud .tag4 {
font-size: 12px;
color: #ff9933;
}

#right .tagcloud .tag5 {
font-size: 13px;
color: #f999a9;
}

#right .tagcloud .tag6 {
font-size: 14px;
color: green;
}

#right .tagcloud .tag7 {
font-size: 15px;
color: red;
}

#right .rightmenutitle_admin {
background-image: url('../images/admin.gif');
background-repeat: no-repeat;
padding-bottom: 13px;
padding-top: 5px;
padding-left: 23px;
color: white;
font-weight: bold;
text-align: center;
text-align: left;
}

#right .rightmenu {
background-color: white;
margin-bottom: 10px;
border-left: 1px solid #ffd9ff;
border-bottom: 1px solid #ffd9ff;
border-right: 1px solid #ffd9ff;
background: url('../images/back.gif') repeat-x top;
}

#right .rightmenu img {
border: 0;
padding: 0;
margin: 0;
}

#right .rightmenu ul {
list-style-type: none;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
margin: 0;
}

#right .rightmenu li {
padding-bottom: 1px;
padding-top: 1px;
cursor: pointer;
}

#right #markpos {
padding-top: 5px;
padding-bottom: 0px;
padding-left: 2px;
padding-right: 2px;
}

#right .rightmenu .markinactive {
margin: 0px 0px 2px 0px;
background-color: #fee6fe;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 2px;
border: 1px solid #ffd9ff;
}

#right .rightmenu .markinactive:hover {
background-color: #ffd9ff;
}

#right .rightmenu .markinactive a {
display: block;
color: #b971b4;
text-decoration: none;
}

#right .rightmenu .markactive {
margin-top: 2px;
background-color: #ffd9ff;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
}

#right .rightmenu .markactive:hover {
background-color: #ffd9ff;
}

#right .rightmenu .markactive a {
color: #b971b4;
font-weight: bold;
display: block;
}

#right .rightmenu .border {
margin: 0px 0px 2px 0px;
border: 0;
background: url('../images/back.gif') repeat-x top;
}

#right .rightmenu .border ul li a {
display: block;
}

/*RIGHT MENU LOGIN */
#right .login {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
color: #b469b5;
}

#right .login p {
padding: 0px;
margin: 0px;
}

#right .login form {
padding: 0;
margin: 0;
}

#right .login input {
border: 1px solid #ffd9ff;
color: #b469b5;
margin-top: 2px;
margin-bottom: 2px;
}

#right .login .button_small {
border: 0;
color: white;
margin-bottom: 0px;
}

#right .login .email {
width: 127px;
}

#right .login .password {
width: 102px;
margin-top: 3px;
}

#right .login .logged {
text-align: center;
margin: 0 auto;
}

/* ------------------------------------------
FOOTER --------------------------------------
------------------------------------------ */
#footer {
background-color: white;
clear: both;
position: relative;
color: white;
font-weight: bold;
background-color: #2c8d2b;
width: 850px;
background: url('../images/footer.gif') no-repeat top;
height: 30px;
margin: 0% auto;
padding-top: 5px;
font-size : 10px;
}