body{background:url(images/bg.gif) left top repeat-x #edf2f5; margin:3px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

form, ul, h1, h2, h3{margin:0px; padding:0px}
img{border:none}
input, select{padding:2px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3b3b3b}
.textbox, input.smalltextbox{border:1px solid #c1c7c9}
input.smalltextbox{width:135px;float:left;margin:0px 4px 0px 0px;}
input.gobtn{background:url(images/go-btn.gif) center center no-repeat; border:none; width:41px; cursor: pointer; height:20px;}
input.ajouter{background:url(images/ajouter-btn.gif) center center no-repeat; border:none; width:184px; height:30px; cursor: pointer;}
.clear{clear:both; height:5px}
.blue{color:#0a8fcd}
.price{font-size:14px}

#wrapper{width:1000px; margin:0px auto}

#top{color:#fff; font-size:9px; padding:0px 7px; display:inline-block; width:986px}
#top span{float:left; width:auto; line-height:25px;}
#top span:hover{text-decoration:underline}
#flag{width:auto; float:right}

#header{background:url(images/header.gif) center center no-repeat; margin-top:5px; height:230px; width:100%; clear:both;}
#flash-logo{padding-top:4px; margin-left:5px;}
#titleunderlogo{font-size: 16px; padding-top: 210px; padding-left: 15px; color:#999999; text-align:center; }

#top-menu{background:url(images/menu-bg.gif) left 102px no-repeat; height:180px; text-align:center; margin-top:15px; padding:0px 20px;}
#top-menu div.menu-item{width:160px; float:left; display:block}
#top-menu span{padding-top:118px; display:block}
#top-menu a{color:#3b3b3b; text-decoration:underline}
#top-menu a:hover span, #top-menu .button a:hover{text-decoration:underline}
#top-menu .button{background:url(images/top-menu-blue.gif) top center no-repeat; margin-top:5px; padding:9px 0px 18px 0px; width:158px}
#top-menu .button a{color:#fff; text-decoration:none}

#content{background:url(images/content-bg.gif) bottom repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3b3b3b}
#cbottom{background:url(images/content-btm.gif) bottom center no-repeat;}
#ctop{background:url(images/content-top.gif) top center no-repeat; padding:10px 8px;}

#content #breadcrumb{margin-bottom:5px;}
#content a{color:#41a3d1}

#content #leftbar{float:left; width:200px}
#content #rightbar{float:right; width:192px}
#content #middlebar{float:left; width:570px; margin:0px 11px; color:#666; line-height:15px;}

#content #leftbar .blueside{background:url(images/blue-side.gif) bottom repeat-y}
#content #leftbar .blueside .sidebottom{background:url(images/blue-side-btm.gif) bottom center no-repeat}
#content #leftbar .blueside .sidetop{background:url(images/blue-side-top.gif) top center no-repeat; padding:3px 8px 10px 8px}
#content #leftbar .blueside .sideheader{background:url(images/blue-side-dotted.gif) bottom left repeat-x; padding-bottom:3px; margin-bottom:7px}

#content #leftbar .whiteside{background:url(images/white-side.gif) bottom repeat-y; margin-top:10px;}
#content #leftbar .whiteside .sidebottom{background:url(images/white-side-btm.gif) bottom center no-repeat; padding:3px 8px 10px 8px}

#content .whiteside li{list-style:none; background:url(images/white-side-dotted.gif) bottom left repeat-x; padding:5px 0px}
#content .whiteside li a{background:url(images/bullet.gif) left center no-repeat; padding-left:15px; color:#3b3b3b; text-decoration:none}
#content .whiteside li a:hover{text-decoration:underline; color:#0b8bc8; color:#0b8bc8;}
#content .whiteside li a:active, #content .whiteside li a.active, #content .whiteside li.active a{color:#0b8bc8; font-weight:bold}

#content #rightbar .blueside{background:url(images/blue-rside.gif) bottom repeat-y}
#content #rightbar .blueside .sidebottom{background:url(images/blue-rside-btm.gif) bottom center no-repeat}
#content #rightbar .blueside .sidetop{background:url(images/blue-rside-top.gif) top center no-repeat; padding:3px 8px 10px 8px}
#content #rightbar .blueside .sideheader{background:url(images/blue-side-dotted.gif) bottom left repeat-x; padding-bottom:3px; margin-bottom:7px}

#content #rightbar .whiteside{background:url(images/white-rside.gif) bottom repeat-y; margin-top:10px;}
#content #rightbar .whiteside .sidebottom{background:url(images/white-rside-btm.gif) bottom center no-repeat}
#content #rightbar .whiteside .sidetop{background:url(images/white-rside-top.gif) top center no-repeat; padding:3px 8px 10px 8px}
#content #rightbar .whiteside .sideheader{background:url(images/white-side-dotted.gif) bottom left repeat-x; padding-bottom:3px; margin-bottom:7px}

#content #rightbar .whiteside li{padding:5px 8px}

#content .side-label{padding:0px 8px; margin-top:10px}
#content .side-label a{color:#3b3b3b; text-decoration:none}
#content .side-label a:hover{text-decoration:underline}
.chrono-post{background:url(images/chronopost-bg.gif) center no-repeat; height:102px}
.un-service{background:url(images/un-service-label.gif) center no-repeat; height:102px}
.communiques{background:url(images/communiques-label.gif) center no-repeat; height:102px}


#content #middlebar{}
#product-details{background:url(images/product-bg.gif) top center no-repeat; padding:0px 10px; height:327px;}
#content #middlebar #product-details h1{color:#fff; font-size:12px; margin-bottom:15px; line-height:30px}
#content #middlebar #product-details img.product-image{border:2px solid #edf2ee}
#content #middlebar #product-details h2{color:#0a8fcd; font-size:12px;}
#content #middlebar .prodcut-extra{padding:8px 3px}

#content #middlebar .fiche{background:url(images/white-side-dotted.gif) bottom left repeat-x; padding:15px 0px; display:block; clear:both; position:relative; display:inline-block; width:100%;text-align:justify;}
#content #middlebar .fiche img{margin-right:5px}

#content #middlebar .related-product{background:url(images/r-product-bg.gif) center top no-repeat; text-align:center; width:270px; height:480px; padding:5px}
#content #middlebar .related-product img.product-image{border:2px solid #edf2ee}

#content #middlebar .related-product h2{color:#0a8fcd; font-size:12px;}
#content #middlebar .related-product a{color:#0a8fcd; text-decoration:none}
#content #middlebar .related-product a:hover{text-decoration:underline}

#content .description{margin-bottom:10px; color:#3b3b3b;}

#content .pagination{}
#content .pagination a{color:#666666; text-decoration:none;}
#content .pagination a:hover{text-decoration:underline}

#content .orderby{float:right; width:auto}

#content #steps{text-align:center}
#content #steps span{background:url(images/cart-steps-white.jpg) center top no-repeat; width:95px; color:#a9a9aa; display:block; padding:0px 7px; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif}
#content #steps span.active{background:url(images/cart-steps-blue.jpg) center top no-repeat; color:#0b98d4; font-family:Verdana, Arial, Helvetica, sans-serif}
#content #steps .num{display:block; padding:25px 0px; margin-bottom:5px; font-size:30px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}

#content #items{font-size:12px; font-family:Arial, Helvetica, sans-serif}
#content #items a{color:#3b3b3b}

#content #item-header{background:url(images/item-header.gif) repeat-x center; margin-top:10px; height:16px; padding:5px 0px; color:#0b98d4; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

#content .items{padding:5px 0px; border-bottom:1px dotted #bfcacf}

#footer-wrapper{background:url(images/footer.gif) left 45px repeat-x; height:380px}
#footer{background:url(images/footer-sep.gif) center 45px no-repeat; width:940px; margin:0px auto; padding:0px 30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3b3b3b}
#footer a{color:#444444; text-decoration:none}
#footer a:hover{text-decoration:underline}

.professionnels{padding:15px 0px; color:#666666; font-size:11px}
.professionnels a{color:#666666}
#footer-botttom{color:#444444; padding:25px 0px}

.bottom-zone{float:left; width:auto; padding-top:10px; height:222px; line-height:16px}
.sep{background:url(images/btm-sep.gif) right top no-repeat}
.bottom-zone h3{margin-bottom:10px; font-size:10px; color:#999999; text-transform:uppercase;}
.bottom-zone li{list-style:none; padding-left:5px;}

/**/
#content .ariane {color:#000000;text-decoration:none;font-weight:bold;}
#content .ariane:link {color:#000000;text-decoration:none;font-weight:bold;}
#content .ariane:visited {color:#000000;text-decoration:none;font-weight:bold;}
#content .ariane:hover {color:#000000;text-decoration:none;font-weight:bold;}

table.catalogue {
	border-collapse:collapse;
	width:100%;
}

table.catalogue td{
	padding:0px 0px 0px 0px;
}

/**/
#pscroller1{
	width:120px;
	height: 150px;
	padding:0px 0px 0px 0px;
	margin:5px 5px 5px 5px;
	/*border: 1px solid black;
	background-color: lightyellow;*/
	text-align:center;
	font-weight:bold;
}

.deroulant {text-decoration:none;}

.bleu {color:#0a8fcd;}
.bold {font-weight:bold;}
.paiementCB { 
background: url("images/paiementCB.jpg");
  border: none;
  width: 257px; /* largeur à spécifier */
  height: 100px; /* longueur à spécifier */
  cursor: pointer;}
.paiementCB2 { 
background: url("images/paiementCB2.jpg");
  border: none;
  width: 257px; /* largeur à spécifier */
  height: 100px; /* longueur à spécifier */
  cursor: pointer;}
.paiementCB3 { 
background: url("images/paiementCB3.jpg");
  border: none;
  width: 257px; /* largeur à spécifier */
  height: 100px; /* longueur à spécifier */
  cursor: pointer;}