/* oscss demo template - 'chrome', by j4k, http://www.pasfacilearetenir.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, j4k */
/* Added: Jun. 15th, 2005 */


/* IMPORTANT */

/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

/* COULEUR
	#dee7ec; /* bleu clair 
	#145d84; /* bleu foncé
	#999999; /* gris foncé
	
*/	

@import url(dropDownMenu.css);
/*-basics-----------------------------*/
.clr{clear:both;border:0px solid #000;}

body {
	margin:0px;
	background-image: url(images/bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0px;
	background: url(images/background.png) repeat-x 0 0;
}
 
small{float:right;}
p small {float:none;}

.important{font-size:12px;color:#EF5959;/* rouge */}
h1.important{font-size:14px;font-family: Arial, Helvetica, sans-serif;color:#EF5959;/* rouge */}
p, #reviews, .infoText, .orderHistory,.listingTop, dt, dd, .textMain, #checkoutSuccess {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding:0 15px 0 15px;
	color: #145d84; /* bleu foncé */
	display:inline;
}
p, .infoText{display:block;}

#productDateAdded {display:block;}

h2, h3, h4 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #145d84; /* bleu foncé */
	font-weight: bold;
	text-decoration: none;
	padding-left:5px;
	display:block;
}

table {width:570px !important;width:570px;border:1px solid #fff;margin-bottom:5px;}

dl, dt, dd {display:block;}
dt {font-weight: bold;}
dd {border-left:1px solid #fff;}

td, th {
	background:#dee7ec;/* bleu clair */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #145d84; /* bleu foncé */
	padding-left:10px;
	border-bottom:1px solid #fff;
}

th {font-family: "Times New Roman", Times, serif;font-size:16px;}

#categoriesImages {margin-left:20px;width:95%;}
#categoriesImages img{float:left;margin-right:10px;}
.categoriesThumbs {float:left;margin:5px;width:200px;}


.newProduct{margin:7px;float:left;width:200px !important;width:190px; border:1px solid #CCC; background:#FFF;}
.infobox {width:95%;text-align:center;}

#productDescription {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding:0 15px 0 15px;
	width:200px;
}
#productDescription p
{
	padding:0;
	margin:0 0 10px 0;
}

.newProducts,.productsNewContener {
	position:relative;
	margin:10px 0 0 10px !important;
	margin-left:0;
	float:left;
	border:1px solid #FFF;
	background: #ddd;
}
img {	margin:5px 0 5px 5px !important;margin:2.5px 0 2.5px 2.5px;}
.productImage {float:left;}
#productImage 
{
	width:350px;
	height:auto !important;
	min-height:200px;
	height:200px;
	float:left;
	text-align:left;
	padding:0;
}

.otTtitle {text-align:right;font-size:10px;color:#999;}

.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #504F55;
	font-weight: bold;
	text-decoration: none;
}
.productSpecialPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #EF5959;
	font-weight: bold;
	text-decoration: none;
	margin-left:10px;
}

del {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #999;*/
	color:#145D84; /* bleu texte */
	/*font-weight: bold;*/
	font-weight: normal;	
	margin-left:10px;
}
#splitPageTop a,#splitPageBottom a {margin:0 1px 0 1px;}
#splitPageTop p,#splitPageBottom p {display:block;margin:0px;text-align:right;}
.listing {border:1px solid #fff;}

fieldset {
	width:430px;
	margin: 0 auto;
	border:1px solid #FFF;
	float:left;
}

fieldset p {
	margin: 10px 50px 0 0;	
	display:block;
	clear:both;
	/*border:1px solid #000;*/
}
fieldset legend {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #145d84; /* bleu foncé */
	font-weight: bold;
	padding:0;margin:0;
}

#centre li.cartPrice {	
	margin-top:15px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}

h1, .productPrice {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #145d84; /* bleu foncé */
	font-weight: bold;
	text-decoration: none;
	padding-left:5px
}

.productPrice 
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right; color:#888;
}

.cartProduct img, #menuDroite img {
	float:right;
}

#centre ul {
	list-style:none;
}

#centre li {
	border-left: 1px solid #FFF;
	padding-left:10px;
	font-size:10px;
	color:#777;
}

.navBt {float:right;margin-right:10px;}

/*-liens-----------------------------*/

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #145d84; /* bleu foncé */
	font-weight: bold;
	text-decoration: none;
	display:inline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #145d84; /* bleu foncé */
	text-decoration: underline;
	font-variant: normal;
}

#breadCrumb a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999; /* gris foncé */
	font-weight: bold;
	text-decoration: none;
	display:inline;
}
#breadCrumb a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999; /* gris foncé */
	text-decoration: underline;
	font-variant: normal;
}

#centre a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #145d84; /* bleu foncé */
	text-decoration: none;
	display:inline;
	text-align:left;	
}
	

#centre a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #145d84; /* bleu foncé */
	text-decoration: underline;
	font-variant: normal;
}

#centre #breadCrumb a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999; /* gris foncé */
	font-weight: bold;
	text-decoration: none;
	display:inline;
}
#centre #breadCrumb a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999; /* gris foncé */
	font-weight: bold;
	text-decoration: none;
	display:inline;
}
#centre #breadCrumb a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999; /* gris foncé */
	text-decoration: underline;
	font-variant: normal;
}

.menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #145d84; /* bleu foncé */
	font-weight: bold;
	text-decoration: none;
}


.menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #145d84; /* bleu foncé */
	text-decoration: underline;
	font-variant: normal;
}

#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #145d84; /* bleu foncé */
	font-weight: bold;
	text-decoration: none;
}

#menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #145d84; /* bleu foncé */
	text-decoration: underline;
	font-variant: normal;
}

#menuGauche a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #145d84; /* bleu foncé */
	font-weight: bold;
	text-decoration: none;
	display:inline;
}


#menuGauche a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #145d84; /* bleu foncé */
	text-decoration: underline;
	font-variant: normal;
	display:inline;
}


/*-listes-----------------------------*/

ul {list-style:none;}

#menuGauche ul{
	float:left;
	text-align:left;
	margin:0 18px 0 0 !important;	
	margin:0 9px 0 0;	
	list-style: none;
	width:148px;	
	padding: 0;
	/* border: 1px solid #413F4F;*/
}

#menuGauche li{
	padding: 0 0 5px 0;
	display:block;
	font-size:16px;
	/* border: 1px solid #413F4F;*/
}

#menuDroite .boxes ul {padding-left:0px;text-align:left; margin-left:-15px;width:137px;}
#menuDroite .boxes ul li {text-align:right;margin-right:10px;width:137px;}

#menuGauche li a.under{
	padding:0 0 0 6px;
	width:127px;
	display:inline;
	color:#aaa;
}

#menuGauche li a.under:hover{
	margin-left:0px;
	padding:0 0 0 10px;
	/*background: url(images/menuGaucheBG_sousmenu_hover.gif) no-repeat top left;*/
}

#menu ul{
	/* border: 1px solid #413F4F;*/
	margin:0;padding:0;
	text-align:center;
}

#menu li{	
	margin:0;
	display:inline;
	padding: 0 1px 0 0px;
	/*border: 1px solid #413F4F;*/
}

/* ####################################### structure #########################################*/

#container {	
 position:relative;
 width:780px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; 
 border:0px solid #000;
 color:#145d84; /* bleu foncé */
}

#container a#retour_home
{
	position:absolute;
	top:0;left:10px;
	display:block;
	width:256px;height:155px;
	/*border:1px solid #000;*/
	background-image:url(images/spacer.gif);
	z-index:100;
}

#header {
	position:relative;
	height:210px;
	background-image:url(images/header.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
#chrono{position:absolute;bottom:14px;right:15px;}
#revolutionnaire{position:absolute;bottom:14px;right:260px;}

#menu{
	position:absolute;
	bottom:20px;left:10px;
	padding:0px;
	margin:0px;
	width:280px;
	/*display:none;*/
	/*border:1px solid #000;*/
}

#breadCrumb {
 	padding:0 0 0 0px;	
	/*background: url(images/inter.gif) no-repeat;*/
}

#mon_conteneur
{
	background:url(images/separateur_menu.png) repeat-y 166px 0;
	/*border:1px solid #000;*/
}

#menuGauche {
	float:left;
	text-align:left;	
	top:0px;	
	width:166px;
	height: auto !important;
	min-height:240px;
	height: 240px;
	
	/*background:url(images/separateur_menu.png) repeat-y right top ;*/
}

#index {
	height: 100%;	
}

#centre {
	margin:0;padding:0;
	padding-left:14px;
	position:relative;
	float:left;
	margin-bottom:0px;
	height: auto !important;
	min-height:240px;
	height: 240px;
	width:590px !important;
	width:590px;
	/*overflow:hidden;*/
	/*border:1px solid #000;*/
}

#menuDroite {
	text-align:left;
	width:145px;
	float:right;
}

#footer {
	clear:both;
	height:41px;
	/*line-height:41px;*/
	display:block;
	margin-top:0px;
	text-align:center;
	font-size:10px;
	padding:0 0 0 0;
	color:#145d84; /* bleu foncé */
	background:url(images/footer_background.png) no-repeat right top ;
}
#footer ul{margin:0;padding:10px 0 0 0}
#footer ul li{margin:0;padding:0;display:inline;}
#footer a {font-weight:normal;color:#145d84; /* bleu foncé */}
#footer a:hover {font-weight:normal;text-decoration:underline}
#footer span {font-size:12px;}


/* main des pages statiques */
.page_static
{
	width:470px;
}


/* ####################################### boxes #########################################*/

.boxes li hr {display:none;}

#languagesBox {position:absolute;top:67px;left:-30px;padding:5px;}
#languagesBox h4 {display:none;}
#languagesBox li {float:left;padding:0px !important;padding-top:15px;}

#categoriesBox h4 {display:none;}
#categoriesBox .boxes ul {margin-top:10px;padding-top:10px;border-top:3px double #dee7ec;/* bleu clair */}
#categoriesBox .boxes ul li{text-align:left}
#categoriesBox .boxes ul li a{font-family:"Times New Roman", Times, serif;font-size:16px;}
#categoriesBox .boxes ul li a:hover{font-family:"Times New Roman", Times, serif;font-size:16px;}
#categoriesBox .boxes ul li ul{float:none;padding:0;margin:0;border:none}
#categoriesBox .boxes ul li ul li
{
	text-align:left;
	background:url(images/puce.png) no-repeat 0px 6px;
	padding:0 0 0 20px;
	margin:0;
}
#categoriesBox .boxes ul li ul li a{font-family:"Times New Roman", Times, serif;font-size:12px;font-weight:normal;}
#categoriesBox .boxes ul li ul li a:hover{font-family:"Times New Roman", Times, serif;font-size:12px;font-weight:normal;}

#pagesBox h4 {display:none;}
#pagesBox .boxes ul{margin-top:10px;padding-top:10px;border-top:3px double #dee7ec;/* bleu clair */}
#pagesBox .boxes ul li a{font-family:"Times New Roman", Times, serif;font-size:14px;}
#pagesBox .boxes ul li a:hover{font-family:"Times New Roman", Times, serif;font-size:14px;}

#searchBox h4{font-size:16px;margin:0 0 5px 0;padding:0;}
#searchBox {margin-top:6px;margin-right:18px !important;margin-right:9px;}
#searchBox input {vertical-align:middle;background-color:#fff;float:right;margin:0;width:100px;border:1px solid #dee7ec;/* bleu clair */}
#searchBox input.image{margin-left:8px;float:right;width:22px;border:none;}

#newsletterBox h4{font-size:16px;margin:5px 0;padding:0;}
#newsletterBox {clear:both;margin-top:26px;margin-right:18px !important;margin-right:9px;border-top:3px double #dee7ec;/* bleu clair */}
#newsletterBox input {vertical-align:middle;background-color:#fff;float:right;margin:0;width:100px;border:1px solid #dee7ec;/* bleu clair */}
#newsletterBox input.image{margin-left:8px;float:right;width:22px;border:none;}

#produitMoisBox{float:right;width:185px;/*margin:0px 25px 0 0px !important;margin:0px 12.5px 0 0px;*//*border:1px solid #000;overflow:hidden*/}
#produitMoisBox h3{font-family:"Times New Roman", Times, serif;font-size:20px;margin:0 0 17px 0;padding:0;color:#145d84; /* bleu foncé */}
#produitMoisBox h4{font-size:12px;margin:0;padding:0;text-transform:uppercase}
#produitMoisBox p{padding:0;}

#cartBox {position:absolute;top:0;right:15px !important;background:url(images/caddy.png) no-repeat 0 0;width:119px;height:80px;}
#cartBox h4 {display:none;}
#cartBox li {color:#145d84; /* bleu foncé */font-size:11px;margin:0;padding:0}
#cartBox a {position:absolute;top:0;left:0;display:block;width:119px;height:80px;color:#145d84; /* bleu foncé */font-size:11px;background-image:url(images/spacer.gif)}
#cartBox a:hover {color:#145d84; /* bleu foncé */text-decoration:underline;font-size:11px;}
ul.cartContent {margin:40px 15px 0 15px !important;padding:0}

.newItemInCart {color:#145d84; /* bleu foncé */font-weight:bold;}

#informationBox a, #informationBox a:hover, #informationBox a:visited {font-weight:normal;font-size:10px;}
#informationBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_infos.jpg) repeat-y;}

#specialsBox img {margin-right:15px;}
#specialsBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_specials.jpg) repeat-y;}

#best_sellersBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_best_seller.jpg) repeat-y;}
#best_sellersBox a, #specialsBox a:hover, #specialsBox a:visited {font-weight:normal;font-size:10px;text-align:left;}

#tell_a_friendBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_tell_a_friend.jpg) repeat-y;}
#currenciesBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_currencies.jpg) repeat-y;}

#manufacturer_infoBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_manufacturer_info.jpg) repeat-y;}
#manufacturer_infoBox img {float:right;margin:0 0 0 30px;}

#manufacturersBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_manufacturer.jpg) repeat-y;}

#ReviewsBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_review.jpg) repeat-y;}

#order_historyBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_order_history.jpg) repeat-y;}
#order_historyBox img {display:none;}
#order_historyBox ol {text-align:left;}
#order_historyBox li {margin-left:15px;}
#order_historyBox a, #specialsBox a:hover, #specialsBox a:visited {font-weight:normal;font-size:10px;text-align:left;}

#currenciesBox h4 {text-align:left;margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_currencies.jpg) repeat-y;}
#currenciesBox {text-align:center;}

#whats_newBox h4 {text-align:left;margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_whatsnew.jpg) repeat-y;}
#whats_newBox {text-align:center;}

/*-Form----------------------------------------------- */

fieldset
{
	width:600px !important;
	width:570px;
	/*border:1px solid #000;*/
	padding:10px;
}
fieldset p{margin:5px 0;padding:0;display:block;clear:both}
fieldset label
{
	float: left;
	width:220px;
	text-align:left;
	/*border:1px solid #000;*/
}

input { 
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #dee7ec;/* bleu clair */
	color: #145d84; /* bleu foncé */
	background-color:#fff;
	float:left;
	margin-right:2px;
}
.gender input, .shippingSelect input {float:none;}
.cartQty input,.cartDelete input {float:left;}
input#cartQty{width:50px;}

select { 
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #dee7ec;/* bleu clair */
	color: #145d84; /* bleu foncé */
	background-color:#fff;
	margin-right:2px;
}
img {border: 0px;}

textarea { 
	border: 1px solid #dee7ec !important;/* bleu clair */
	font-family: Verdana;
	font-size: 10px;
	color: #145d84; /* bleu foncé */
	background-color:#fff;
	float:left;
}

input.submit { 
	border: 1px solid #dee7ec;/* bleu clair */
	color: #145d84; /* bleu foncé */
	background-color:#fff;
	font-family: Verdana;
	font-size: 10px;
	display:inline;
}
input.image
{
	border:none;
	width:auto;
}
input.radio
{
	float:none;
}


form#checkout_confirmation div{text-align:left;vertical-align:middle;}
/*form#checkout_confirmation img{float:left;}*/
form#checkout_confirmation input{float:none !important;}

/* ########################### ACCUEIL ######################################*/
#presentationBox
{
	width:385px !important;
	width:375px;
	text-align:left;
	margin:0;padding:0;
	/*border:1px solid #000;*/
}
#presentationBox img{margin:0;padding:0}

/* ########################### LISTING PRODUIT ##############################*/
.listingProdInfos
{
	border-top:1px solid #dee7ec;/* bleu clair */
}
.promotions .listingProdInfos
{
	background:url(images/huitre-allary-etiquette.png) no-repeat right top;
	min-height:87px;
	height:auto !important;
	height:87px;
}

.listingProdVisuel
{
	width:130px;
	float:left;
}
.listingProdTexte
{
	float:left;
	width:370px;
	margin-left:20px;
}
/* ########################### CONTACT ######################################*/
#contactUs input{width:300px;}
#contactUs input.submitBt{width:auto;}
#contactUs input.image
{
	border:none;
	width:auto;
}
#contactUs textarea
{
	width:300px;
	border: 1px solid #dee7ec !important;
}

/* ########################## GoogleMap ################### */
#infoWindowsGM{
	padding:0;
	margin:0;
	width:250px;
	height:100px;
}

#infoWindowsGM img{
	width:110px;
	float:left;
	margin-right:10px;
}

#infoWindowsGM #adr{
	width:120px;
	float:left;
	padding-left:10px;
}