@import url(css/featured.css);

/*'------._ basics _.------'*/
* {margin:0;padding:0;}
body {padding:0;margin-top:20px;font-family:Arial,sans-serif;font-size:10px;color:#333333;background: #28303f url(img/fond_site.gif);}

h1,h2,h3,.h3,h4,h5 {font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif; margin-bottom: 5px}
h1 {font-size:189%;}
h2,dt a,.productPrice, fieldset legend {font-size:131%;font-weight:bold;color:#e8b600; margin-bottom: 5px}
h3 {font-size:129%;}
h4 {font-size:116%;}
h5 {font-size:108%;}
img {border:0; margin: 0; padding: 0}
p {margin-bottom: 5px}

a {color:#225892;text-decoration:none;}
a:link, a:visited {color:#225892;text-decoration:none;}
a:hover {color:#00a7ca;text-decoration:underline;}
.highter {font-size:120%}

ul{list-style:none;}
#content li{padding:1em 0;}

.spacer {clear: both;}

/*'------._ forms _.------'*/
input {text-align:center;cursor:pointer;}
input,textarea {background:#fff;border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #e8b600;}
input.submitBt {font-size:1em;color:#225892;border: 1px solid #225892; background-color: #e8b600}
input.submitOK {margin: 0px; width: 23px; height: 21px; background: transparent url(img/button_ok.gif) no-repeat top; cursor: pointer}
input.submitValider {margin: 0px; width: 74px; height: 19px; background: transparent url(img/button_valider.gif) no-repeat top; cursor: pointer}
input.submitContinuer {margin: 0px; width: 89px; height: 19px; background: transparent url(img/button_continuer.gif) no-repeat top; cursor: pointer}
input.submitEnvoyer {margin: 0px; width: 80px; height: 19px; background: transparent url(img/button_envoyer.gif) no-repeat top; cursor: pointer}
input.submitConfirmerCommande {margin: 10px 0; width: 170px; height: 19px; background: transparent url(img/button_confirmercde.gif) no-repeat top; cursor: pointer}
input.submitMaJ {margin: 0px; width: 132px; height: 19px; background: transparent url(img/button_majpanier.gif) no-repeat top; cursor: pointer}
div.pageprecedente {margin-top: 15px; width: 132px; height: 19px; background:transparent url(img/arrow.gif) no-repeat top; cursor:pointer;}
div.navBt {font-size:12px;font-family: Verdana; color:#225892;border:0;background:#FFF;;cursor:pointer;text-align:right; margin-top: 10px}
input.ajoutPanier {margin-top: 15px;margin-left: 15px; width: 132px; height: 19px; background: transparent url(img/button_panier.gif) no-repeat top; cursor: pointer}
#productInfoBack {float: right; margin-top: 10px; margin-bottom: 20px}
input#cartQty {width:2em;}

label {float:left; border: 0}
fieldset {border-top:1px solid #ccc; border-left: 0; border-right: 0; border-bottom: 0;padding-bottom:2em;}
fieldset p {margin:0.5em 2em 0.5em 2em;text-align:right;padding:1em;background:#eee url(img/bg_content.gif) repeat-y;}
fieldset span.notice{float:right;}
.cartDelete label {display:inline;}
.warning,.messageStackError {border:1px solid red; padding:1em;margin:2em; background-color: #ffb530}
.messageStackWarning,.markProductOutOfStock {color:red; padding:1em;}
b.red {color:red; font-size:120%}

th,dt {border-bottom:3px solid #ccc;background:#eee;}
th,td{border-left:1px solid #ccc;padding:0.5em;}
dt{padding:1em;}
dd {padding:0.5em;}
#fancy_title th,#fancy_title td,#fancy_title table {border:0px;padding:0;}
table {width:100%;border:1px solid #ccc;}

/*'------._ structure _.------'*/

#bgtop {width:1005px;height:10px;margin:0 auto;padding:0; background:transparent url(img/bg_top.png) no-repeat top;}
#container {width:1005px;margin:0 auto;padding:0;background:#343f51;}
#bgbottom {width:1005px;height:10px;margin:0 auto;padding:0; background:transparent url(img/bg_bottom.png) no-repeat top;}


#generalcontent {width:550px; margin: 0 227px 0 228px; background:transparent; text-align: center}
#topcontent {width:550px; height: 12px; margin : 0px; background:#343f51 url(img/top_content.png) no-repeat top;}
#content {width:550px; margin: 0 auto; padding:2em;text-align:justify; background-color: white; clear: none}
#content_IE {width:550px; margin: 0 auto; padding:2em;text-align:justify; background-color: white; overflow: auto; clear: none}
#bascontent {width:550px; height: 12px; margin : 0px; background:#343f51 url(img/bas_content.png) no-repeat top;}

/*'------._ bandeau gauche _.------'*/

#left {width:227px;float:left; height: 1%;}
#left img {margin: 0; padding: 0}
#left a {color:#FFF;text-decoration: none;}
#left h1 {margin:0;color:#fff;font-size:18px;}
#left h1 span {display:none;}

#logo {text-align: center; }
#fraisdeport {margin-top: 15px; text-align: center;}

#categoriesBox {margin: 10px auto 0; width:181px; padding-bottom: 10px; background: transparent url(img/fd_categories.gif) bottom center no-repeat; zoom: 1}
#categoriesBox h4 {margin:0 auto; padding-top:0px; width:181px; height:72px; text-indent:-9999px; background: transparent url(img/titre_categories.gif) top center no-repeat; zoom: 1}
#categoriesBox strong {color:#00a7ca }
#categoriesBox ul{margin-top: 0px;margin-left:25px; margin-bottom: 8px; padding:0; zoom: 1}

#categoriesBox li {background: transparent url("img/puce-menu.png") no-repeat top left;padding-left: 15px; zoom: 1 }
#categoriesBox li a{margin:0; padding:0; font-size:12px; line-height: 18px; font-family:Tahoma; display:block; zoom: 1}
#categoriesBox li a:link, #categoriesBox li a:visited {color:#ccd2db;text-decoration:none; zoom: 1}
#categoriesBox li a:hover {color:#00a7ca;text-decoration:underline; zoom: 1}

#categoriesBox li ul{display:block; margin-bottom: 10px; padding:0; zoom: 1}
#categoriesBox li ul li{margin-left: -23px; background: transparent url("img/puce-menu2.png") no-repeat top left; zoom: 1}
#categoriesBox li ul li a{padding:0 15px 0px 3px; font-size:11px; line-height: 13px; display:block;border: none; zoom: 1}
#categoriesBox li ul li a:hover {color:#00a7ca;text-decoration:underline; zoom: 1}

#searchBox {margin: 5px auto 35px; width:181px; padding-bottom: 15px; background: transparent url(img/fd_recherche.gif) bottom center no-repeat;}
#searchBox h4 {margin:0 auto; padding-bottom:8px; width:181px; height:36px; text-indent:-9999px; background: transparent url(img/titre_recherche.gif) top center no-repeat;}
#searchBox p{text-align:center;margin-bottom: 4px}

#manufacturerBox {margin: 15px auto 10px; width:181px;}
#info {margin: 10px auto 10px; width:181px;}
#livraison {margin: 10px auto 10px; width:181px;}


/*'------._ bandeau droit _.------'*/

#right {width:227px;float:right;}
#paiementsecu {margin: 9px auto 0; width:181px;}
#cartBox {margin: 11px auto 0; padding-bottom: 10px; width:181px; color:#fff; background: transparent url(img/fd_recherche.gif) bottom left no-repeat;}
#cartBox h4 {margin:0 auto; padding-top:13px; width:181px; height:28px; text-indent:35px; background: transparent url(img/titre_panier.gif) top left no-repeat;}
#cartBox ul{margin-top: -10px;margin-left:10px; margin-bottom: 8px; padding:0; font-size:11px; line-height: 20px; font-family:Tahoma; display:block;}
#cartBox li {margin:0; padding-left: 25px }
#cartBox li a{margin:0; padding:0;}
#cartBoxli a:link, #cartBox li a:visited {color:#ccd2db;text-decoration:none;}
#cartBox li a:hover {color:#00a7ca;text-decoration:underline;}


/*'------._ Module Promo _.------'*/
#BoxnewPromo {margin: 20px auto 0px; width:181px; padding-bottom: 15px; background: transparent url(img/box_Promo2.gif) bottom center no-repeat;}
#BoxnewPromo h4 {margin:0 auto; padding-bottom:8px; height:27px; text-indent:-9999px; background: transparent url(img/box_TitrePromo2.gif) top center no-repeat;}
.newPromo {margin: 5px 18px 5px 16px; font-size: 12px; border: #bd2620 1px solid; background-color: white; padding: 4px; text-align: center}
.newPromoName {margin-top: 5px; margin-bottom: 5px; font-variant: small-caps; font-size: 10px; color: #bd2620}
.newPromoPrice {margin: 8px 0 5px; font-size: 12px; line-height: 14px; color: #ff8f00; }
#BoxnewPromo a {color:#bd2620;text-decoration:none;}
#BoxnewPromo a:link, #BoxnewPromo a:visited {color:#bd2620;text-decoration:none;}
#BoxnewPromo a:hover {color:#00a7ca;text-decoration:underline;}
#voir {margin-left: 15px; margin-top: 10px; font-weight: bold; color: #bd2620}
#voir a {color:#bd2620;text-decoration:none}
#voir a:link, #voir a:visited {color:#bd2620;text-decoration:none;}
#voir a:hover {color:#bd2620;text-decoration:none; border-bottom: #bd2620 1px dotted}

/*'------._ Box What s New _.------'*/
#whatsNewBox {margin: 11px auto 0px; width:181px; padding-bottom: 15px; background: transparent url(img/box_New.gif) bottom center no-repeat;}
#whatsNewBox h4 {margin:0 auto; padding-bottom:8px; height:27px; text-indent:-9999px; background: transparent url(img/box_TitreNew.gif) top center no-repeat;}
.new_Boxes {margin: 5px 18px 5px 16px; font-size: 12px; border: #1b4b7e 1px solid; background-color: white; padding: 2px; text-align: center}
.new_BoxesName {margin-top: 0.5em; margin-bottom: 0.25em; font-variant: small-caps; font-size: 10px; color: #1b4b7e}
.new_BoxesPrice {margin: 12px 0; font-size: 10px; line-height: 14px; color: #ff8f00; }
#whatsNewBox a {color:#1b4b7e;text-decoration:none;}
#whatsNewBox a:link, a:visited {color:#225892;text-decoration:none;}
#whatsNewBox a:hover {color:#00a7ca;text-decoration:underline;}
#voir2 {margin-left: 15px; margin-top: 10px; font-weight: bold; color: #1b4b7e}
#voir2 a {color:#1b4b7e;text-decoration:none}
#voir2 a:link, #voir a:visited {color:#1b4b7e;text-decoration:none;}
#voir2 a:hover {color:#1b4b7e;text-decoration:none; border-bottom: #1b4b7e 1px dotted}

#destockage {margin: 11px auto 0px; width:181px;}



#anim {margin: 0; width: 550px; height: 150px; text-align: left}

/*'------._ menu header _.------'*/
#menuhaut {margin: 10px 0 5px;padding-top: 12px; width:550px; height:45px; background:transparent url(img/barre_menu.png) no-repeat top;}
#menuhaut ul {margin-left:24px;font-family:Tahoma;font-size:13px;display:block;}
#menuhaut li {list-style:none;float:left;padding:0 20px 5px; border-right: #00a7ca 1px solid}
#menuhaut li.last {list-style:none;float:left;padding:0 20px 5px; border-right: none}
#menuhaut li a:link, #menuhaut li a:visited {color:#ccd2db;text-decoration:none;}
#menuhaut li a:hover {color:#00a7ca;text-decoration:none;}
#Page_index #menuHome{background: transparent url(img/arrow-top.gif)no-repeat bottom center;}
#Page_products_new #menuNews{background: transparent url(img/arrow-top.gif)no-repeat bottom center;}
#Page_login #menuAccount,#Page_account #menuAccount{background: transparent url(img/arrow-top.gif)no-repeat bottom center;}
#Page_shopping_cart #menuShoppingCart{background: transparent url(img/arrow-top.gif)no-repeat bottom center;}
#Page_contact_us #menuContact {background: transparent url(img/arrow-top.gif)no-repeat bottom center;}


#breadCrumb{margin-top:-15px; margin-bottom:25px;padding:0; }
#breadCrumb a{font-family:Tahoma;font-size:12px;color:#000;padding-bottom: 5px}

#content {width:510px; margin: 0 auto; padding:2em;text-align:justify; background-color: white; clear: none}

#footer{clear:both;margin:0;text-align:center;padding:1em;color:#ccc;}
#blocbas{width:1005px;margin:0 auto 20px;padding:0;}
#copyright p {text-align: center; color:#343f51; font-size:10px; font-family:Arial}
#mentions {float: left; text-align: left; color:#4d5d78; font-size:10px; font-family:Arial; margin-top: 10px; margin-left: 5px}
#mentions a {color:#4d5d78;}




/*'------._ menu bas _.------'*/
#menubas {float: right;margin-right:15px; margin-bottom: 10px; padding: 0;}
#menubas p {font-family:Tahoma;font-size:11px;text-align: right; color:#225892; text-decoration: none;}
#menubas ul {margin:12px 0 10px 0;font-family:Tahoma;font-size:11px;display:block;}
#menubas li {list-style:none;float:left;padding:0 10px 5px; border-right: #225892 1px solid}
#menubas li.last {list-style:none;float:left;padding:0 10px 5px; border-right: none}
#menubas li a:link, #menubas li a:visited {color:#00a7ca;text-decoration:none;}
#menubas li a:hover {color:#ccd2db;text-decoration:none;}


/*'------._ oscss _.------'*/
#headingCatImg,.productImage,dd.image,.productPrice,.formBt{text-align:right;margin-right:2em;}
#headingCatImg {background:#fff url(img/film.jpg) no-repeat top left;}
dd.productImage,dd.image{border-bottom:1px solid #e8b600;}
dd.listingBuy{text-align:right;padding-bottom:1em;}
#splitPageTop {margin:10px 0 15px}


/*'------._ heading categories _.------'*/
h1#titreCategories {color:#343f51;border-bottom: 2px solid #fabb00; margin-bottom: 10px}
.categoriesImages {display:none;}
.categoriesThumbs {float:left;padding:1em;text-align: center}
.categoriesThumbs a {text-decoration: none}
.infobox h4{padding-top:5em;clear:both;}

/*'------._ Module Featured Products _.------'*/
#BoxfeaturedProducts {text-align: center}
#BoxfeaturedProducts h4 {text-align: left; font:normal 16px Georgia,"Times New Roman",Times, serif; color: #6a9100; border-bottom: 1px dotted #6a9100; border-left: 1px dotted #6a9100; padding-left : 5px; margin: 20px 15px 10px 0}
.featuredProduct {float:left; margin:5px 7px 5px 0px; padding-top:5px; width: 118px;  height: 128px; background:#fff url(img/fd_featured.png)}
.featuredProductContent {margin:2px 10px 2px 2px;}
.featuredProductName {margin: 2px 5px; font-variant: small-caps; font-size: 10px; height: 42px}
.featuredProductImage {height:55px; background-color: white; line-height: 80px; vertical-align: middle; display: inline-block;}
.featuredProducttPrice {font-size: 12px; color: #b70018; font-weight: bold }

/*'------._ products listing _.------'*/
.listing {float: left; width: 150px; height: 250px; padding:10px 2px; text-align: center; margin: 5px 10px 5px 0; border-bottom: #ccc 1px dotted}
.listingImage {height: 75px; line-height: 80px; margin: 2px auto; vertical-align: bottom; display: inline-block;}
.listingName {margin-top: 10px; font-variant: small-caps; font-size: 11px; height: 35px}
.listingManufacturer {margin-top: 5px; font-size: 11px;}
.listingPrice {margin: 12px 0; font-size: 18px; line-height: 14px;  height: 30px; font-weight: bold }
span.orange {color: #ff8f00;}
span.promorouge {color: #c50017;}
span.promo {color: #000000;font-size: 10px;font-weight: normal}
span.promoorange {color: #ff8f00;font-size: 12px;font-weight: normal}
#splitPageTop, #splitPageBottom {width:100%; height: 16px; text-align: center}
.imgleft {float: left; display: inline}
.imgright {float: right;display: inline}
span.jump { font-weight:bold; color: #ff8f00; font-size: 125%}

/*'------._ products info _.------'*/
#productInfo h1 {margin-bottom:15px}
#productDescription {margin-bottom: 15px; text-align:justify;background:#fff url(img/bg_content.gif) repeat-y;border-top:1px solid #e8b600;border-bottom:1px solid #e8b600;overflow: auto}
#productContent {margin : 10px}
#productImage {float:left; margin: 0px 20px 0px 0px; text-align: center}
.productModel {margin-bottom: 10px}
.productPrice {margin: 12px 0;font-size: 20px;line-height: 20px;color: #ff8f00}
.productSpecialPrice {font-size:20px;color: #c50017}
#productOptions {margin-top: 10px; width: 510px}
input#attrcomb {margin-right: 5px;}

#caract {width:510px; display: block}

#caracTech {width: 275px; margin: -8px 20px 20px 0px; text-align: left; background:#ffd68a url(img/fd_caractech.gif) top center no-repeat;}
#caracTech h4 {margin-top:18px; margin-bottom:5px; padding: 12px 5px 5px 5px}
#caracTech p {margin: 5px; padding-bottom: 5px}
#productInfoSpec {float: right; text-align: right}

#productOptions h4 {margin-bottom:5px}

/*'------._ Shopping Cart _.------'*/

#shoppingCart p {margin: 20px 0;font-size:11px;}
#shoppingCart strong {font-size:11px; color: #00a7ca; font-weight: normal;}
div.cartProduct {width: 100%; padding: 5px;text-align: left; border-bottom: 1px solid #ccc}
div.cartDescription1 {width: 300px;text-align: left}
div.cartDescription2 {float: right; text-align: center}

.cartPrice {margin: 0;font-size: 15px;color: #ff8f00;}
div.cartName {font-size: 12px;color: #00a7ca;}
span.cartAttributes {font-size: 10px;color: #000000;}
div.cartImage {margin-right:10px}
div.cartDelete {margin-right:10px}
div.cartQty {margin: 10px 0}


#viewedProducts {width:570px;float:right;}

/*'------._ boxes _.------'*/
.boxes h4 {margin: 15px 0 0 15px; color:#FFFFFF; font-weight:bold; font-size:12px; font-family:Arial}
.boxes p{text-align:center;padding:0.3em;}
.boxes ul{padding:0;}
.boxes li a{font-size:11px; display:block; line-height: 16px; padding:0 1em 5px 1em;}
.boxes li a:link {color:#ffffff;text-decoration:none;}
.boxes li a:hover {color:#f1eb00;text-decoration:underline;}
.boxes li ul{display:block;padding-left:2em;}
.boxes img {padding:2em;background:#fff;border:1px solid #ccc;}
	


/*'------._ step menu _.------'*/
#progression {margin:10px 0}
#progression ul.checkoutBar li {margin-bottom: 10px; display: block}
#progression li {list-style:none;float:left;padding:0 10px 5px; border-left: #00a7ca 1px solid;}
#progression li.currentCheckoutBar {font-weight: bold; color: #ff8f00;}
/*'------br------'*/
.bottom {clear:both;margin: 0; padding:0}


span.orange {color: #ff8f00;}
span.promorouge {color: #c50017;}
span.promo {color: #000000;font-size: 10px;font-weight: normal}
span.promoorange {color: #ff8f00;font-size: 12px;font-weight: normal}
span.boxpromorouge {font-weight: bold; color: #c50017;}
span.Livraison {color: #00a7ca;font-weight: bold; font-size: 120%;}





/*'------._ Account _.------'*/
.commande {float: left; margin: 5px 10px 5px 0; background-color: #fff; padding: 9px 9px 0px 9px; width: 205px; border: 1px solid #d3d3d3}
.commande img {margin-top: 5px}
#infocompte {width: 458px; padding-top: 20px; text-align: left;}
.overview, .myAccount, .myOrders, .myEmail, .primaryAddress, .addressBookEntry {margin: 10px 0 5px 0; background-color: #eee; padding: 10px; border: 1px solid #d3d3d3}

.paymentMethod {margin: 10px 0 5px 0;}
.methodSelect {margin: 10px 0 5px 0; background-color: #eee; padding: 10px; border: 1px solid #d3d3d3}
.orderHistory {margin-bottom: 10px; border: 1px solid #d3d3d3; padding: 10px;}

th,dt {border-bottom:3px solid #ccc;background:#eee;}
th,td{border-left:1px solid #ccc;padding:0.5em;}
dt{padding:1em;}
dd {padding:0.5em;}

.m_banner_hide{display:none;}
.m_banner_show{display:block;}