/*

###############################################
#													#
# CSS de Lipsy par Arnaud Le Quesne # www.norkip.com # arnaud@norkip.com	#
#													#
###############################################

*/

@import url(dropDownMenu.css);

/*-basics-----------------------------*/

body {
margin:0px;
width:100%;
background-image: url(images/bg.gif);
min-height: 100%; 
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
}

/*-structure-----------------------------*/

#container {	
width:80%;
margin:5px 10%;
padding:0;
background:#fff;
position:absolute;
border: 1px solid #413F4F;
text-align:justify;
/*!important;
border:0; */
}

#header {
width:100%;
height:84px;
margin:0;
padding:0;
background: #fff url(images/header.jpg) top right no-repeat;
}

#menu{
padding:0px;
margin:0px;
width:100%;
height:43px;
background:url(images/menuBg.gif) repeat;
border-bottom:2px solid #413F4F;
}

#breadCrumb {
padding:0 0 0 3%;
margin:0;
margin-top:-16px;
width:97%;
height:22px;
background:#fff;
border-bottom:2px groove #ddd;
}

#menuGauche {
float:left;
text-align:left;	
top:0px;	
width:145px;
height: 100%;
background:#fff;
}
#menuDroite {
text-align:left;
width:145px;
float:right;
background:#fff;
}

#index {
height: 100%;	
}

#centre {
margin-left: 145px;
margin-right: 145px;
padding:0;
position:relative;
margin-bottom:150px;
height: 100%;
}

#centre_logo {
position:absolute;
bottom:-150px;
width:600px;
height:150px;
background: url(images/oscss.gif) no-repeat right bottom;
z-index: 99;
}

#footer {
margin:0;
width:100%;
height:19px;
background: #706F7E url(images/footer.gif) center no-repeat;	
padding:0;
color:#FFF;
clear:both;
text-align:center;
}

#footer a {
color:#FFF;
}

/******************************************************************************************************************************/ 

small {
float:right;
}
p small {
float:none;
}

/***** # HEADER ET AFFILIES ********/
#header a, h1 {
font:bold 2.4em Georgia,times,serif;
margin:0 0 0 1em;
padding:0.2em 0 0;
color:#000;
}

/************************************/
/* - #CENTRE ET AFFILIES - */
#centre ul {
	list-style:none;
}

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

#centre a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #111;
	text-decoration: none;
	display:inline;
	text-align:left;
	border-bottom:1px solid #CCC;		
}

#centre a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #222;
	text-decoration: none;
	display:inline;
	text-align:right;
	border-bottom:1px solid #000;
}	

#centre a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #212121;
	background:#EEE;
	text-decoration: none;
	font-variant: normal;
}

#centre h1 {
margin:20px 1em;
font: bold 2.4em Georgia,times,serif; 
line-height: 0.8em; 
border-bottom: 2px solid #b22222; 
font-size:20px;
text-align:right;
}
/* -------------------------------------------------------------- */

#productDateAdded {
display:block;
}

#reviews, .infoText, .orderHistory,.listingTop, .textMain, #checkoutSuccess {
width:90%;
margin:3em auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
padding:0.2em 15px;
color: #666;
border:3px double #b22222;
}

.listingTop {
border:0;
}

h3 {
font-size:1.3em;
width:90%;
border-bottom:1px solid #B22222;
margin:0.2em 0 0.2em 2em;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #504F55;
font-weight: bold;
text-decoration: none;
padding-left:5px;
display:block;
}


#categoriesImages {
margin-left:20px;
width:95%;
}
#categoriesImages img{
float:left;
margin-right:10px;
}
.categoriesThumbs {
float:left;
margin:5px;
width:200px;
height:175px;
}
.categoriesThumbs img{border:1px solid #000;}

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

/* Information globales pour tout ce qui traine au centre */

#centre:child {
width:95%;
margin:10px auto;
overflow:auto !important;
overflow:visible;
background:orange;
}

#index, #productInfo, #login, #account, #accountEdit, #accountHistoryInfo, #accountNewsLetters, #accountHistory, #accountPassword, #addressBook, #adressBookProcess, #advancedSearch, #advancedSearchResult, #checkoutShipping, #checkoutPayment,
 #checkoutConfirmation, #checkoutShippingAddress, #checkoutPaymentAddress, #c_conditions, #contactUs, #createAccount, #createAccountSuccess, #c_logoff, #passwordForgotten, #privacy, #productsNew, #c_shoppingCart, #tellAfriend {
width:95%;
margin:10px auto;
overflow:auto !important;
overflow:visible;
}

/****************** REVIEW ****************************/
#reviews {
display:block;
}
.review {
display:block;
}
blockquote.review {
border:1px solid #000;
background:#eee;
padding:0.5em;
}
cite {
font-weight:bold;
}
.reviewDate {
font-weight:normal;
}

/**********************************************************/
/************************ACCOUNT ************************/
#account li {
list-style-image:url(images/arrow.gif);
}
#cBoverview li {
list-style-image:none;
}
#account_edit, #account_newsletter, #account_password, #addressbook, #advanced_search, #cartContent legend {
font:12px bold;
color:#0046d5;
}
#accountEditFirstname, #accountEditLastname, #accountEditDob, #accountEditEmail, #accountEditPhone, #accountEditFax {
margin:-14px 0px;
padding:auto 0.2em;
}
/**********************************************************/
/************************ADDRESS ************************/
#addyFirstname, #addyLastname, #addyCompany, #addyStreet, #addySuburb, #addyPostcode, #addyCity, #state {
margin:-14px 0px;
padding:auto 0.2em;
}
/**********************************************************/
/************************* SEARCH ************************/
#keywords, #categorie_id, #inc_subcat, #manufacturer_id, #pfrom, #pto, #dfrom, #dto {
margin:-14px 0px;
padding:auto 0.2em;
}
.navBtProcess {
float:none;
margin:0.1em 0 0.1em 6em;
}
/**********************************************************/
/*********************** CHECKOUT ***********************/
.checkoutComment {
margin:1em 5%;
text-align:left;
padding:0;
}
.cgv legend {font:12px bold;color:#0046d5;}
#conditions {
background:transparent;
border:0;
width:15px;
}
.choixaddress {width:50%;background:#b22222;color:#b22222;text-align:center;}
/* Menu bas checkout */
.checkoutBar li {
display:inline;
float:left;
}
.currentCheckoutBar {text-decoration:underline overline;}
/**********************************************************/
/************************* PRODUCT ***********************/

#productDescription {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
padding:0.5em 15px;
margin-top:40px;
}
.newProducts,.productsNewContener {
width:95%;
margin:auto;
padding:auto;
border:1px solid #b22222;
background: #ddd;
overflow:auto;
}
#special dl {border-bottom:3px double #b22222;width:95%;margin:0.5em auto;overflow:auto;padding:0.3em;}
.productSpecialPrice {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: red;
font-weight: bold;
text-decoration: none;
margin-left:10px;
}
#special dd.productPrice {text-align:left;}
.productImage {
float:right;
}
#productImage img, .productImage img {
float:right;
border:1px solid #000;
}
.productPrice {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #504F55;
font-weight: bold;
text-decoration: none;
padding-left:5px;
}
.productModel{text-align:right;}
.productPrice {text-align:right;}
#classement input{float:none;}
/**********************************************************/
/******************* SHOPPING CART **********************/

#cartContent input {float:none;}
#cartContent ul {width:40%;margin-left:120px;}
.tn {float:left;}
.cartProduct {margin-top:10px;overflow:auto;width:95%;padding-top:1em;}
#cartContent li.cartPrice {margin-top:15px;font-size:14px;color:#444;font-weight:bold;}
/**********************************************************/

img {	
margin:5px 0 5px 5px;
}
.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;
}


del {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: bold;	
	margin-left:10px;
	text-decoration: ;
}
#splitPageBottom, #splitPageTop {margin:0.5em 1em;}
#splitPageTop a,#splitPageBottom a {
margin:0 1px;
}
#splitPageTop p,#splitPageBottom p {
display:block;
margin:0px;
text-align:right;
}
.listing {
border:1px solid #fff;
}
#menuDroite img {
float:right;
}

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

/* -------------------------- PAGE ACCUEIL ET COLLOQUES ------------------------------------*/
.image {margin:0 auto;width:98%;text-align:center;}
.image img {
height:80px;
}

#histo p {
width:96%;
margin:1em auto;
text-align:justify;
}

#actualite p, #colloque p {
width:92%;
margin:0 auto;
overflow:auto;
}
#actualite h2, #colloque h2 {
font-style:oblique;
font-weight:bolder;
font-size:16px;
margin:1em 2.5% 0.2em 5%;
padding:0;
border-top:1px solid #b22222;
text-align:right;
}
#actualite span.date {
font-style:normal;
font-size:11px;
width:auto;
float:left;
margin:0.1em 0px;
text-align:right;
border-bottom:1px solid #b22222;
}
#actualite h4, #colloque h4 {
color:#000;
font-weight:bold;
margin:0 2.5% 0 4.5%;
text-align:right;
}

.flash_news {text-align:center;border-bottom:3px double #b22222;margin:1em auto;}
#menuDroite .flash_news img {
float:none;
width:80px;
margin:auto;
border:1px solid #000;
}
.flash_news p {
text-align:center;
}
.flash_news a:link{
font-size:10px;
text-decoration:underline;
color:#333;
}
.flash_news a:hover{
color:#000;
text-decoration:none;
}


/****************************************************************************/

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


a:link, #breadCrumb a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	display:inline;
}

a:visited, #breadCrumb a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #AAA;
	text-decoration: none;
	display:inline;
}

a:hover,#breadCrumb a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #212121;
	text-decoration: none;
	font-variant: normal;
}



.menu a:link, #breadCrumb a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #504F55;
	font-weight: bold;
	text-decoration: none;
}

.menu a:visited, #breadCrumb a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #504F55;
	text-decoration: none;
}

.menu a:hover,#breadCrumb a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #212121;
	text-decoration: none;
	font-variant: normal;
}

#menu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration:underline;
	font-variant: normal;
}

#menuGauche a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #504F55;
	font-weight: bold;
	text-decoration: none;
	display:inline;
}

#menuGauche a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #504F55;
	text-decoration: none;
	display:inline;
}

#menuGauche a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #212121;
	text-decoration: none;
	font-variant: normal;
	display:inline;
}


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

ul {list-style:none;}

#menuGauche ul{
	text-align:left;
	margin:0px;
	margin-left:5px;
	list-style: none;
	width:137px;	
	padding: 0 0 0 5px;
	border-left: 1px solid #413F4F;
}

#menuGauche li{
	/*background: url(images/menuGaucheObjet1.gif) no-repeat top left;*/
	width:137px;
	padding: 0 0 0 0;
	display:block;
	/* 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{
	margin-top:0px;
	height:auto;	
	padding-top:7px;
	/* border: 1px solid #413F4F; */
}

#menu li{	
	position:relative;
	float:right;
	margin:0 5px 0 0;
	height:auto;
	/* background:url(images/menuSeparateur.gif) no-repeat; */
	padding: 0 0 0 10px;
	display:block;
	/* border: 1px solid #413F4F;*/
}



/*-boxes-----------------------------*/

#chemin {width:70%;float:left;}

/* SEARCH BOXE */
#searchBox {
margin:0;
width:30%;
text-align:right;
}
#quick_find {height:auto;margin:1% 1% 1%;}
#searchBox h4 {
width:140px;
margin-bottom:0;
padding:12px 0 13px 3px;
background: url(images/search_head.gif) no-repeat;
text-align:left;
}
#quick_find input {
float:none;
margin:0.5em 0.5em;
display:block;
}
/****************/

/* ADVANCED SEARCH BOX */
#adSearchBox {padding:0px;}
#adSearchBox h4 {
width:140px;
margin-bottom:0;
padding:12px 0 13px 3px;
background: url(images/a_search_head.gif) no-repeat;
text-align:left;
}
#adSearchBox p {margin-left:0.2em;}
/****************/


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

/* BOX DES MENUS DE DROITE ET DE GAUCHE */
#categoriesBox h4 {
margin-bottom:0;
padding:10px 0 13px 3px;
background: url(images/categorie_head.gif) repeat-y;
text-align:left;
}

/* -- */
#cartBox {padding:0.2em 0;}
#cartBox h4 {margin-bottom:-10px;padding:10px 0 13px 3px; background: url(images/cartbox_head.gif) repeat-y;}
#cartBox li {color:#FFF;font-size:11px;margin:0 11px 0 11px;}
#cartBox a {color:#CCC;font-size:11px;}
#cartBox a:hover {color:#FFF;font-size:11px;}
ul.cartContent {margin:15px 0 0 ;width:140px;background:url(images/menuBG_cartContent.gif) repeat-y top left;padding:1em 0;}
.newItemInCart {color:#FFF;}

/* -- */
 #loginBox {
text-align:left;
width:145px;
height:auto;
}
#loginBox h4 {text-align:left;margin-bottom:0;padding:10px 0 13px 3px;background: url(images/info_head.gif) repeat-y;}
#loginBox p {margin:0; padding:0;}
#loginBox label {margin:0; padding:0;float:left;}

/* -- */
#informationBox a:link, #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/info_head.gif) repeat-y;text-align:left;}

/* -- */
#specialsBox img {float:none; margin-right:15px;width:100px;padding:3px;border:1px solid #000;background:#b22222;}
#specialsBox h4 {text-align:left;margin-bottom:0;padding:11px 0 13px 3px;background: url(images/specials_head.gif) repeat-y;}
#specialsBox {text-align:center;}

/* -- */
#best_sellersBox h4 {margin-bottom:0;padding:11px 0 13px 3px;background: url(images/best_seller_head2.gif) repeat-y;}
#best_sellersBox a:link, #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:12px 0 13px 3px;background: url(images/manufacturer_head.gif) repeat-y;text-align:left;}

/* -- */
#ReviewsBox h4 {margin-bottom:0;padding:12px 0 13px 3px;background: url(images/review_head.gif) repeat-y;text-align:left;}

/* -- */
#order_historyBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/order_history_head.gif) repeat-y;}
#order_historyBox img {display:none;}
#order_historyBox ol {text-align:left;}
#order_historyBox li {margin-left:15px;}
#order_historyBox a:link, #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/currencies_head.gif) repeat-y;}
#currenciesBox {text-align:center;}

/* -- */
#whats_newBox h4 {text-align:left;margin-bottom:0;padding:12px 0 13px 3px;background: url(images/whatsnew_head.gif) repeat-y;}
#whats_newBox {text-align:center;}
#whats_newBox img {border:1px solid #000;}

#pre h4 {margin-bottom:10px;padding:12px 0 13px 3px; background: url(images/colloques_pre.gif) no-repeat;text-align:left;}
#post h4 {margin-bottom:10px;padding:12px 0 13px 3px; background: url(images/colloques_post.gif) no-repeat;text-align:left;}

/*-Form----------------------------------------------- */
fieldset {
width:70%;
margin:1em 0 1em 3%;
float:none;
border:4px double #b22222;
padding:1em;
}
input { 
font-family: Verdana;
font-size: 10px;
border: 1px solid #B22222;
color: #FFF;
background-color:#AAA;
float:right;
margin:0;
margin-right:2px;
margin-top:-14px;
}
.gender input, .shippingSelect input {float:none;}
.cartQty input,.cartDelete input {float:left;}

select { 
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #B22222;
	color: #FFF;
	background-color:#AAA;
	margin-right:2px;
}

textarea { 
	width:90%;
	margin:auto;
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #B22222;
	color: #FFF;
	background-color:#AAA;
}

input.submit { 
	border: 1px solid #B22222;
	color: #99C;
	background-color:#444;
	font-family: Verdana;
	font-size: 10px;
	display:inline;
}
p.formBt {float:none;}
.submitBt {
float:none;
margin:15px auto 0;
}

/*****************************************/

img {
border: 0px;
}

/*****************************************/
/* PARAMETRES DES TABLEAUX */
table {
width:95%;
border:1px solid #fff;
margin:0 auto;
margin-bottom:5px;
}
td, th {
background:#eee;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #504F55;	
padding-left:10px;
border-bottom:1px solid #fff;
}
td {
color:#666;
}
/******************************/

/* PARAMETRE DES LISTES DE DEFINITION */
dl.listing_rub {
overflow:auto;
padding:0.2em;
}
dl, dt, dd {
display:block;
}
dt {
font-weight: bold;
text-transform: lowercase;
}
dd {
border-left:1px solid #fff;
}

/****************************************/
.notice, .inputRequirement {
color:red;
}
.image img {border:1px solid #000;}
.tn img {border:1px solid #000;}

span.methodTitle, span.methodPrice {display:block;}
span.methodPrice {font-weight:bold;}
.methodIcon img {float:left;margin-right:0.5em;}

p.shippingSelect {border-bottom:1px solid #000;margin:0.5em;height:60px;}
.shippingSelect input {float:right;}

span.error_shipping {color:#f00;}

#checkout_confirmation DIV {width:80%;margin:auto;}
#checkout_confirmation INPUT {border:2px solid #fff;width:48px;height:28px;float:none;margin:0.5em;}