/* --------------------------------------------------------------------
          BOUTIQUE MILANJEUNESSE - BAYARD
              Main styles definitions
            By Le Studio, Atos Worldline, 2010
-------------------------------------------------------------------- */

/* NOTES: Used in combination with "ie6hacks.css" and "ie7hacks.css"
style-sheets, called by conditional comments by each HTML file -- 
check those CSS for corrections for IE6 and IE7 browsers 

Check out the "dev.css" style-sheet also for modifications or 
add-ons done by the dev team
*/

/* MAIN COLORS REFERENCE:
  Orange:						   #FF9933; 
  Blue:     						#2989D7;
  Main color:			         #;
  dark version:					#;
  neutral color:       			#CCC;
  neutral medium:					#EBEBEB;
  light neutral:       			#FBFBFB;
  Orange:   						#FF9933; 
  text: 			   				#666;
  text over color bg:	   	#FFF;
*/

/* CSS index (!):
  DEFAULT VALUES
  PAGE BODY STRUCTURE & MAIN ELEMENTS
  NAVIGATION
  TABLE SPECIFICS
  FORMS SPECIFICS
  SEARCH
  PRODUCT DATA
  PRODUCT BLOCKS
  GENERAL BLOCKS
  SPECIFIC PAGES
  POPUPS
  EXCEPTIONS & SPECIFICS (used sitewide)
*/

/* ----------------------------- ! DEFAULT VALUES -------------------------------- */

html {overflow: -moz-scrollbars-vertical;}

body, div, dl, dt, 
  dd, ul, ol, li, 
  h1, h2, h3, h4, h5, h6, 
  pre, code, form, fieldset, 
  legend, input, textarea, 
  p, blockquote, th, td {
    padding: 0; margin: 0;
} /* reset */

body {
	width: 100%;
	height: 100%; /* for layer on IE6 */
	font: 101%/1.25 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	background: #FFF;
	margin: 0 auto;
}

img {border: 0;}
hr {display: none;}

h1 {float: left; width: 177px; height: 64px; padding: 20px 0 10px 14px; margin-top:-15px}
h2 {line-height: 100%; color: #2989D7; background: #FFF; margin-bottom: 25px; font-size:1.4em }
	h2 strong {font-weight: normal;}
h3 {}

p, dt, dd {font-size: 0.75em;}

ul {padding-left: 16px;}
li {font-size: 0.75em;}
li li {font-size: 0.95em;}

a:link {color: #666; background-color: inherit; text-decoration: underline;}
a:visited {color: #666; background-color: inherit; text-decoration: underline;}
a:hover {color: #ff9933; background-color: inherit; text-decoration: none;}
a:active {text-decoration: none; border: 0;}

table {
	clear: both;
	border-collapse: collapse;
	border-spacing: 0;
}

caption {}

th {
	font-size: 0.75em;
	text-align: left;
	padding: 5px 8px;
}
th a, th a:link, th a:visited {}
th a:hover {}

td {font-size: 0.75em; padding: 5px 8px; vertical-align: top;}

acronym, abbr {border-bottom: 1px dashed #000; cursor: help;}

/* FORM DEFAULT VALUES */

form {clear: both;}
fieldset {border: 0;}

label {
	float: left;
	width: 10em;
	font-weight: bold;
	/* text-align: right; */
	padding-right: 5px;
}

select {font-size: 100%;}

input {font-size: 100%;}
input[type=submit]  {
	font-weight: bold;
	color: #FFF;
	background: #2989D7;
	border: 0;
	cursor: pointer;
}
input[type=reset]  {
	font-weight: bold;
	color: #FFF;
	background: #2989D7;
	border: 0;
	cursor: pointer;
}
input[type=radio] {vertical-align: -2px;}

/* ----------------------------- ! PAGE BODY STRUCTURE & MAIN ELEMENTS -------------------------------- */

/* --- MAIN BLOCKS --- */

/* Main container */
#container {
	width: 990px;
	margin: 0 auto;
}

/* Extra structural box */
/* For design flexibility */
#page {
	float: left;
	width: 990px;
	color: #666;
	background: #FFF;
	/*padding: 3px 0 17px;*/
	padding:0;
}

/* Columns wrapper */
#wrapper {
	float: left;
	display: inline;
	width: 957px;
	/* min-height: 300px; */
	_height:300px;
	color: #666;
	background: #FFF;
	padding: 10px 9px 10px 24px;
}

/* Local Content wrapper */
#localCnt {
	float: left;
	width: 772px;
	color: #666;
	background: #FFF;
	padding-right: 25px;
}

/* Navigation column */
#navigationCnt {
	float: left;
	width: 166px;
}

/* Main content column */
#mainCnt {
	float: left;
	display: inline;
	width: 586px;
	margin-left: 20px;
}

/* Main content for subscription page */
/* No transversal content column */
#abonnement {
	float: left;
	display: inline;
	width: 745px;
	margin-left: 20px;
}

/* Transversal content column */
#transversalCnt {
	float: right;
	width: 158px;
}

/* --- HEADER & HEADER CONTENT --- */
#header {
	position: relative;
	float: left;
	width: 972px;
	color: #666;
	background: #FFF url(../imgs/bg_header.png) 6px 25px no-repeat;
	padding: 23px 9px 0;
}
#header h1 {
   padding: 17px 0 10px 6px;
}
/* Tools Links */
#tools {
	position: absolute;
	top: 5px;
	right: 24px;
	width: 660px;
	font-size: 90%;
	text-align: right;
}

	#tools p {float: left; width: 43em;}
		#tools form p {float: none; width: auto; margin: 0;}

/* Other shops select menu */
#frBayardShops {clear: none; float: right; width: 180px;} 
#ipOtherShops {font-size: 100%;}

#userData {
   float: right;
   width: 151px;
	color: #FFF;
   font-weight: bold;
   padding: 0;
   margin: 5px 3px 20px 0;
   background: transparent url(../imgs/bg_userData_top.gif) no-repeat top left;
	-moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 4px 5px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#userDataIdent {
   float: right;
   width: 151px;
	color: #FFF;
   font-weight: bold;
   padding: 0;
   margin: 5px 3px 5px 0;
   background: transparent url(../imgs/bg_userData_top.gif) no-repeat top left;
	-moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 4px 5px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#userData p , #userDataIdent p  {
	padding: 5px 5px 10px 10px;
	background: transparent url(../imgs/bg_pic_homme.gif) 120px 3px no-repeat;
}
#userData a:link, #userData a:visited, #userData a:active, #userDataIdent a:link, #userDataIdent a:visited, #userDataIdent a:active  {
   text-decoration: none;
   color: #FFF;
   padding: 5px 25px 10px 7px;
}
#userData a:link#accountLk, #userData a:visited#accountLk, #userData a:active#accountLk, #userDataIdent a:link#accountLk, #userDataIdent a:visited#accountLk, #userDataIdent a:active#accountLk {
   text-decoration: none;
   color: #FFF;
   background: transparent;
}
#userData a:hover#accountLk, #userDataIdent a:hover#accountLk {
   text-decoration: underline;
}
#userData a:hover, #userDataIdent a:hover {
   text-decoration: underline;
}


/* --- Basket INFO --- */
#basketData {
   position: relative;
   width: 151px;
   color: #fff;
   background: transparent url(../imgs/bg_userData_bottom.gif) no-repeat bottom left;
  /* background: #ff9933 url(../imgs/bg_basket.gif) no-repeat top center;*/
  padding: 0;
   margin-top: 0;
}
#basketData a, #basketData a:link, #basketData a:visited {
  text-decoration: none;
   color: #FFF;
	padding: 0 25px 0 7px;
	background: #FF9933;
}
#basketData a:hover {
   text-decoration: underline;
}
#basketData p {
   border-top: 1px dashed #FFFFFF;
	background: transparent url(../imgs/bg_pic_caddy.gif) 120px 3px no-repeat;
   /*padding: 0;*/
}

   p#basketResult {
      text-align: center;
      color: #FF9933;
      padding: 4px 0 1px 0;
      border: none;
		background: transparent;
   }
	
#basket {
	display: none;
	position: absolute;
	top: 2em;
	right: 0;
	width: 250px;
	color: #666;
	background: #e6e6e6;
	border: 1px solid #bfbfbf;
	padding: 8px 8px 14px 8px;
	z-index: 100;
}
	#basket p {padding: 0;}
	#basketData:hover #basket, #basketData.over #basket {display: block;}
	
	#basket table {width: 100%; color: inherit; background: #FFF; margin-top: 1px;}
	#basket tr.alternate th, #basket tr.alternate td {background: #FFF;}
	#basket th {padding: 3px 5px; border-bottom: 1px solid #e6e6e6;}
	#basket th.name {font-weight: normal;}
	#basket td {padding: 3px 5px; text-align: right; border-bottom: 1px solid #e6e6e6;}
	
	/* Total Row */
	#basket tr.total th {
		text-transform: uppercase;
		color: #FFF;
		background: #FF9933;
		vertical-align: top;
		width: 60%;
	}
	#basket tr.total td {
		font-size: 100%;
		color: #FFF;
		background: #FF9933;
		vertical-align: top;
	}
	#basket span.detail {display: block; font-size: 0.7em; font-weight: normal;}
	
	/* Validate button */
	#basketData p.buy {
		letter-spacing: 0;
		text-align: center;
		color: #666;
		background: #FFF;
		padding: 8px 0 10px 0;
		margin: 0;
	}
   #basketData p.buy span {
      background:transparent url(../imgs/bg_buyL_L.png) no-repeat left 0;
      padding: 6px 0 0 12px;
		display: inline-block;
   }
	#basketData p.buy a, #basketData p.buy a:link, #basketData p.buy a:visited {
   background:transparent url(../imgs/bg_buyR_R.png) no-repeat  right 0;
   color:#FFFFFF;
   display:inline-block;
   height:20px;
   padding:0px 12px 5px 0;
   text-decoration: none;
   }
   
   #basketData p.buy a:hover {
      background:transparent url(../imgs/bg_buyR_R.png) no-repeat  right -26px;
   }
   #basketData p.buy a:hover span {
      background:transparent url(../imgs/bg_buyL_L.png) no-repeat left -26px;
	  text-decoration: none;
   }
/* Last added product - exceptions for product block */
#lastAdded {
	float: left;
	width: 240px;
	color: #1b1b1b;
	background: #FFF;
	padding: 5px;
}
	#lastAdded dl {
		float: left;
		width: 58%;
	}
	#lastAdded dd {
		line-height: 100%;
		color: #666666;
		font-weight: normal;
	}
	#lastAdded dd.price {
		font-size: 85%;
		text-align: right;
		background: none;
		padding-top: 10px;
		font-weight: bold;
		width: 84%;
	}
	
	
/* --- FOOTER --- */
#footer {
	position: relative;
	float: left;
	width: 928px;
	color: #666;
	background: #FFF url(../imgs/bg_footer.png) 254px 6px repeat-x;
	padding: 8px 24px 30px 0px;
	margin-left: 23px;
}
	#footer p.logo {
		float: left;
		width: 154px;
	}
	#footer h3 {
		font-size: 90%;
		margin-bottom: 10px;
	}

/* Site index */
div.index {
	float: left;
	width: 883px;
	min-height: 150px;
	_height:150px;
	color: inherit;
	background: #FFF url(../imgs/bg_index.png) no-repeat bottom left;
	padding: 11px 13px;
}

	div.index ul {
		float: left;
		display: inline;
		width: 225px;
		min-height: 150px;
		_height:150px;
		list-style-type: none;
		color: #666;
		background: transparent url(../imgs/bg_vdots.gif) repeat-y;
		padding: 0 0 8px 20px;
		margin-right: 15px;
	}
		div.index ul li {padding: 3px 0;}
	div.index ul.first {width: 87px; background: transparent;margin-left: 210px;}
	div.index ul.first li { }
		div.index ul li a, div.index ul li a:link, div.index ul li a:visited {text-decoration: none;}
		div.index ul li a:hover {color: FF9933; }

p.copyRight {
	/*position: absolute;*/
	float: left;
	/*bottom: 8px;*/
	/*left: 85px;*/
	width: 100%;
	font-size: 0.65em;
	text-align: center;
	color: #666;
	background: #FFF  top right no-repeat;
	padding-top: 5px;
}


/* ----------------------------- ! NAVIGATION -------------------------------- */

/* Breadcumbs */
#bdCrumbs {font-size: 0.7em; margin-bottom: 20px;}

/* --- LEVEL 1 NAVIGATION TABS --- */
#navBox {float: left; width: 100%; margin-top: 0;}

/* Tabs list */
#mainNav {
	float: left;
	width: 98%;
	list-style-type: none;
	padding-left: 2%;
}
	#mainNav li {
		float: left;
		width: 154px;
		/*margin-right: 1px;*/
	}
	#mainNav a:link, #mainNav a:visited {
		display: block;
		font-weight: bold;
		text-decoration: none;
		color: #FFF;
		text-align: center;
		background: transparent url(../imgs/bg_tabs.png) center -32px no-repeat;
		padding: 7px 10px 8px;
		/*border-left: 2px solid #68C1C4;*/
	}
	#mainNav a:hover {
		color: #666;
		background: transparent url(../imgs/bg_tabOn.png) right 0px no-repeat;
		/*border-left: 2px solid #DADADA;*/
	}
	
/* Current tab without link */
#secOn strong {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: transparent url(../imgs/bg_tabOn.png) top right no-repeat;
	padding: 7px 10px 8px;
}

/* Current tab with link */
#secOn a:link, #secOn a:visited {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: transparent url(../imgs/bg_tabOn.png) top right no-repeat;
	padding: 7px 10px 8px;
	/*border-left: 2px solid #DADADA;*/
}

/* --- Special tabs --- */

/* Home page link */
li#home {
	background: transparent;
	width: auto;
}
#home span {display: block; padding: 8px 0 0 15px;}
#home a:link, #home a:visited {
	display: block;
	height: 28px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #FFF url(../imgs/bg_home.png) 0 no-repeat;
	padding: 0 5px 0 5px;
	border: 0;
}
#home a:hover {
	color: #666;
	background: #FFF url(../imgs/bg_home.png) 0 no-repeat;
	border: 0;
}
li#homeOn {
   width: auto;
}
#homeOn span {display: block; padding: 8px 10px 0 23px;}
#homeOn strong {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #FFF url(../imgs/bg_home.png) no-repeat top left;
	padding: 8px 10px 0 10px;
   margin: 6px 5px 0 0;
}

/* New products */
#mainNav a.new:link, #mainNav a.new:visited {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background: transparent url(../imgs/bg_tabs.png) right -64px no-repeat;
	padding: 7px 10px 8px;
	/*border-left: 2px solid #FFED00;*/
}
#mainNav a.new:hover {
	color: #666;
	background: transparent url(../imgs/bg_tabOn.png) top right no-repeat;
	/*border-left: 2px solid #DADADA;*/
}

/* Promotions */
#mainNav a.promotion:link, #mainNav a.promotion:visited {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background: transparent url(../imgs/bg_tabs.png) right -64px no-repeat;
	padding: 7px 10px 8px;
	/*border-left: 2px solid #FFED00;*/
}
#mainNav a.promotion:hover {
	color: #666;
	background: transparent url(../imgs/bg_tabOn.png) top right no-repeat;
	/*border-left: 2px solid #DADADA;*/
}

/* Subscription tab */
#mainNav a.specialTab, #mainNav a.specialTab:visited {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background: transparent url(../imgs/bg_tabs.png) right 0px no-repeat;
	padding: 7px 10px 8px;
	/*border-left: 2px solid #F02D79;*/
}
#mainNav a.specialTab:hover {
	color: #666;
	background: transparent url(../imgs/bg_tabOn.png) top right no-repeat;
	text-decoration:none;
	/*border-left: 2px solid #DADADA;*/
}


/* --- PULLDOWN INDEX FOR MAGAZINES --- */

/* Opens pulldown */
#mainNav li:hover div, #mainNav li.over div {display: block;}

#magazineIndex {
	display: none;
	position: absolute;
	width: 500px;
	color: inherit;
	background: #FFF;
	padding: 8px 10px;
	border: 1px solid #e4e4e4;
	z-index: 10;
}

	#magazineIndex ul {
		float: left;
		width: 120px;
		margin: 0 15px 0 0;
	}
		#magazineIndex ul ul {
			float: none;
			width: auto;
			margin: 0;
		}
	#magazineIndex li {
		float: none;
		width: auto;
		font-weight: bold;
		color: #666;
		padding-bottom: 3px;
		margin: 0;
		list-style-type:none;
	}
		#magazineIndex li ul {margin-top: 8px;}
		
	#magazineIndex li a:link, #magazineIndex li a:visited {
		display: inline;
		text-decoration: none;
		font-weight: bold;
		color: #666;
		background-color: transparent;
		background-image: none;
		padding: 0;
		border: 0;
	}
	#magazineIndex li ul a:link, #magazineIndex li ul a:visited {
		font-weight: normal;
		color: #666;
	}
	#magazineIndex li a:hover, #magazineIndex li ul a:hover {
		text-decoration: underline;
		color: #666;
		background-color: transparent;
		background-image: none;
	}
	
/* --- TRANSVERSAL NAVIGATION --- */

#transversalNav {
	float: left;
	width: 167px;
	color: #2989d7;
	background: #FBFBFB url(../imgs/bg_h3_trans_nav.gif) no-repeat top center;
	padding: 0 0 15px;
}
	#transversalNav h3 {
		font-size: 0.85em;
		line-height: 1em;
		color: #FFF;
		background: transparent url(../imgs/bg_h3block.png) 8px 7px no-repeat;
		padding: 9px 8px 8px 35px; 
		margin-bottom: 5px;
	}
		#transversalNav h3.searchTit {
			color: #000;
			background-color: #EEE;
			background-image: none;
			padding-left: 8px;
		}
	
	#transversalNav ul {
		font-weight: bold;
		list-style-type: none;
		padding: 0;
		margin: 8px;
	}
		#transversalNav ul ul {
			font-weight: normal;
			text-transform: none;
			margin: 0 0 0 8px;
		}
		#transversalNav ul li {font-size: 0.85em; padding: 6px 0; border-bottom: 1px #ededed solid;}
		#transversalNav a:link, #transversalNav a:visited {
			text-decoration: none;
			color: #2989D7;
			background: transparent;
		}
		#transversalNav a:hover {
			text-decoration: underline;
			color: #2989D7;
			background: transparent;
		}
		
			#transversalNav ul ul li {padding: 2px 0; border-bottom:none;}
			#transversalNav ul ul li a:link, #transversalNav ul ul li a:visited { 
				color: #666;
				background: transparent;
			}
			#transversalNav ul ul ul li {font-size: 90%; border-bottom: none;}

/* Current section */
#transversalNav ul li strong {color: #2989D7; background: transparent;}
		
/* Toggle submenus */

#transversalNav ul.secondaryProducts {margin-bottom: 8px;}
#transversalNav li.allItems strong {
	 color: #2989D7;
	background: transparent url(../imgs/bullet_plus.gif) 0 4px no-repeat;
	padding-left: 10px;
	cursor: pointer;
}
#transversalNav li.allItems strong.active {
	background: transparent url(../imgs/bullet_less.gif) 0 4px no-repeat;
}

/* Section explanation (!) */
#transversalNav li p {font-size: 0.8em;}
		
/* ----------------------------- ! TABLES SPECIFICS -------------------------------- */

/* Alternated rows */
tr.alternate th, tr.alternate td {color: inherit; background: #EEE;}

/* Cell alignments */
.monetaryData {white-space: nowrap; text-align: right;}
.shortData {text-align: center;}


/* ----------------------------- ! FORMS SPECIFICS -------------------------------- */

form h3 {font-size: 90%; margin: 8px 0 0 8px;}
form p {margin: 8px 15px;}

/* Introductory text for forms */
form p.formIntro {margin: 15px;}

/* --- FIELDSETS --- */

fieldset {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: 1px solid #DDD;
}
fieldset.simple {
	padding-top: 5px;
	border: 0;
	border-top: 1px solid #DDD;
}

	fieldset h3 {
		font-size: 90%; 
		color: #2989D7;
		background: #DDD;
		padding: 3px 15px;
		margin: 0 0 15px 0;
	}
	fieldset h4 {
		font-size: 90%; 
		padding: 8px 15px;
	}
	
	fieldset fieldset {
		padding: 10px 0;
		margin: 0 15px 0;
		border: 0;
		border-top: 1px solid #DDD;
	}
	
	fieldset fieldset p {
		margin: 8px 0;
	}
	
/* For radios */
fieldset.allRadios p {float: left; width: auto; padding-right: 15px;}	

/* --- FORM BUTTONS --- */

/* --- Form buttons container --- */
div.formButtons {
	float: right;
	width: 100%;
	/* text-align: right; */
	margin: 10px 0;
}
	fieldset div.formButtons {margin: 0;}

/* --- Form buttons / INPUT --- */

div.formButtons p {
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	margin: 0;
}
div.formButtons p span {
   float: none; 
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
	padding: 0 0 0 15px;
	font-weight:normal;
}
div.formButtons p input {
   
   color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
	padding-top: 2px; /* Sorry for IE7 */
	padding: 3px 15px 9px 1px;
	font-weight:normal;
	
}
div.formButtons p span:hover {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
}
div.formButtons p span:hover input {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
}
	
/* optional action buttons */
div.formButtons p.optional span {
	float: left; 
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
	padding: 0 0 0 15px;
	font-weight:normal;
}
div.formButtons p.optional input {
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
	padding-top: 2px; /* Sorry for IE7 */
	padding: 3px 15px 9px 1px;
	font-weight:normal;
}
div.formButtons p.optional span:hover {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
}
div.formButtons p.optional span:hover input {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
}
	
/* back button */
div.formButtons p.back {float: left;}
/* --- LINK buttons --- */

div.formButtons p a:link, div.formButtons p a:visited {
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	width: auto;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	background:transparent url(../imgs/bg_buyR_R.png) no-repeat  right 0;
   color:#FFFFFF;
   /*height:25px;*/
   padding:0px 12px 0 0;
}
div.formButtons p a:link span, div.formButtons p a:visited span {
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	color: #FFF;
	background:transparent url(../imgs/bg_buyL_L.png) no-repeat left 0;
   padding: 6px 0 6px 12px;
}
div.formButtons p a:hover {
	color: #FFF;
	background:transparent url(../imgs/bg_buyR_R.png) no-repeat  right -26px;
}
div.formButtons p a:hover span {
	color: #FFF; 
	background:transparent url(../imgs/bg_buyL_L.png) no-repeat left -26px;
}

/* Optional buttons */
div.formButtons p.optional a:link, div.formButtons p.optional a:visited {
	display: inline-block;
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
	padding-top: 2px; /* Sorry for IE7 */
	padding: 0px 0px 0px 15px;
	font-weight:normal;
	width: auto;
	float: none;
}
div.formButtons p.optional a:link span, div.formButtons p.optional a:visited span {
	float: none; 
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
	padding: 6px 15px 6px 0px;
	font-weight:normal;
}
div.formButtons p.optional a:hover {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
}
div.formButtons p.optional a:hover span {
	color: #FF9933; 
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
}

/* --- Validate Button paragraph - paragraph only --- */
p.validate span {
	float: none; 
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
	padding: 0 0 0 15px;
	font-weight:normal;
}
p.validate input {
	display: block;
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
	padding-top: 2px; /* Sorry for IE7 */
	padding: 2px 15px 9px 1px;
	font-weight:normal;
}
p.validate span:hover {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
}
p.validate span:hover input {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
}

/* --- LABELS --- */

/* Hides label */
label.optional {position: relative; top: -3000px;}
label.lbHide {display: none;}

/* Replaces main radio/check labels */
.lbLike {
	float: left;
	width: 8em;
	font-weight: bold;
	/* text-align: right; */
	padding-right: 5px;
}

/* Labels for radios and checkboxes */
label.lbRadio {
	float: none;
	font-weight: normal;
}
/* Labels in same paragraphe */
label.lbInline {float: none;}



/* --- ERRORS & MESSAGES --- */

/* Lost password link */
/* Left margin must be adjusted locally, relatively to label width */
.lostPwd {display: block; font-size: 90%; margin-left: 8em; padding-top: 5px;} 

/* Mandatory fields message */
p.mandatory {
	font-weight: bold;
	text-align: right;
	margin-bottom: 10px;
}

/* Field comments */
.comments {
	color: #2989D7;
	background: #FFF;
}

/* Contextual error messages */
input.inputError {}
.error {
	font-weight: bold;
	color: #C00;
	/*background: #FFF url(../imgs/bg_error.gif) 3px 2px no-repeat;
	padding-left: 20px;*/
}

/* Box for general error messages */
div.errorBox {
	float: left;
	width: 90%;
	font-weight: bold;
	color: #C00;
	padding: 5px 5px 5px 5px;
	margin-bottom: 15px; 
}
	div.errorBox p {margin: 0;}
	div.errorBox strong {color: #000;}
	
/* Form Message box */
form div.messageBox {
	padding: 0 0 0 10px;
}

/* --- Date picker calendar --- */
/* JQuery Calendar */
/* Datepicker
----------------------------------*/
.ui-datepicker {
	width: 10em;
	color: #666;
	background: #FFF;
	padding: 0.2em 0.2em 0;
	border: 1px solid #CCC;
	z-index: 50;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	color: #FFF;
	background: #2989D7;
	padding: 5px 0;
}
/* Prev/Next Arrows */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 23px;
	height: 23px; 
}

.ui-datepicker .ui-icon {
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	cursor: pointer;
}
.ui-icon-circle-triangle-w {
	width: 16px;
	height: 16px;
	background: transparent url(../imgs/date_prev.gif) no-repeat;
}
.ui-icon-circle-triangle-e {
	width: 16px;
	height: 16px;
	background: transparent url(../imgs/date_next.gif) no-repeat;
}

.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;  
}

/* Month/Year title */
.ui-datepicker .ui-datepicker-title {
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none; 
}
.ui-datepicker td a:hover {
	color: #FFF;
	background: #2989D7;
}


img.ui-datepicker-trigger {
	margin-left: 3px;
	vertical-align: -4px;
	cursor: pointer;
}


/* ------------------------------ ! SEARCH  ---------------------------------- */

/* --- GENERAL SEARCH FORM --- */
#frSearch {
   float: left;
   width: 100%;
   color: #FFF;
   background: #FFF url(../imgs/bg_frSearch.gif) no-repeat top center;
   padding: 5px 0 0;
}

#frSearch p {
	float: left;
	display: inline;
	width: auto;
	margin: 0 0 0 285px;
}
#frSearch label {width: auto; padding-top: 2px;}

/* Fields & exceptions */
#ipSearch {
	width: 20em;
	font-size: 1em;
	padding: 0 0 2px 1px;
	margin: 2px 8px 0 2px;
}
#frSearch p.validate {margin: 0;}
#frSearch p.validate span {
	float: none; 
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
	padding: 0 0 0 15px;
	font-weight:normal;
}
#frSearch p.validate input {
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
	padding-top: 2px; /* Sorry for IE7 */
	padding: 3px 15px 9px 1px;
	font-weight:normal;
}
#frSearch p.validate span:hover {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
}
#frSearch p.validate span:hover input {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
}

/* ----------------------------- ! PRODUCT DATA -------------------------------- */

/* Main container */
div.hproduct {color: inherit; background: transparent;}

/* Product image */
p.thumbnail {
	float: left;
	display: inline;
	width: auto;
	margin-right: 2%;
}

/* --- Product main data --- */

/* Data inner container */
div.productData {margin-bottom: 1em;}

/* Title and description */
dt.name {
	line-height: 1.33;
	color: #2989D7;
	background: transparent;
	margin-bottom: 0.7em;
}

	dt.name a:link, dt.name a:visited {
		text-decoration: none;
		color: #2989D7;
		background: transparent;
	}
	dt.name a:hover {text-decoration: underline;}

dd.baseline {margin-bottom: 0.7em;}
dd.description {margin-bottom: 0.7em;}

/* links */
ul.discover {
	list-style-type: none;
	font-weight: bold;
	padding: 0;
	margin-bottom: 0.5em;
}
	ul.discover a:link, ul.discover a:visited {
	color: #2989D7;
	background: transparent url(../imgs/bg_discover.gif) no-repeat  left;
	padding-top: 2px; /* Sorry for IE7 */
	padding: 2px 12px 2px 12px;
	font-weight:bold;
	}
   ul.discover a:hover {
      color: #2989D7;
   }

/* --- Price data --- */
div.priceBox {clear: both; text-align: right;}

/* Complementary info */
p.info {font-size: 70%; font-weight: bold; padding: 0 5px 5px 0;}

/* Discount info */
p.discount {
	float: right;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	color: #000;
	background: #FFF url(../imgs/bg_discount.gif) no-repeat;
	margin-left: 8px;
}

/* Sell price */
.price {
	font-size: 150%;
	font-weight: bold;
	color: #666;
	background: transparent url(../imgs/bg_price.gif) 0 3px no-repeat;
	padding: 0 5px 0 23px;
}

/* Old price */
.old-price {font-weight: bold;	padding: 0 5px 0 0;}

/* "add to basket" button */

p.buy, p.buyTarif {margin: 0.7em 0 0.7em 0;}
p.buy a:link, p.buy a:visited, p.buyTarif a:link, p.buyTarif a:visited {
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	width: auto;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background: transparent url(../imgs/bg_buy_R.png) right 0 no-repeat;
	padding-right: 12px;
	cursor: pointer;
}
p.buy a:hover, p.buyTarif a:hover {
	color: #FFF;
	background: transparent url(../imgs/bg_buy_R.png) right -26px no-repeat;
	text-decoration:none;
}
p.buy a:hover span, p.buyTarif a:hover span {
	color: #FFF;
	background: transparent url(../imgs/bg_buy_L.png) 0 -26px no-repeat;
	text-decoration:none;
}

p.buy span, p.buyTarif span {
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	height: 20px;
	color: #FFF;
	background: transparent url(../imgs/bg_buy_L.png) 0 0 no-repeat;
	padding: 6px 0 0 29px;
	/*margin-bottom: 10px;*/
}


/* ------------------------------------ ! PRODUCT BLOCKS ----------------------------------- */
/* Default product data values like font size or margins are rewritten by each product block */

/* --- HOME PAGES LEADS (MEA) --- */
/* Only one per page! */

#homeLeads {
	float: left;
	width: 100%;
	font-size: 110%;
	color: inherit;
	/*background: #FFF url(../imgs/bg_secondLeads.gif) 372px 0 repeat-y;*/
	background: #FFF;
	margin-bottom: 20px;
}

/* Lead subscription and exceptions */
#leadSubscription {
	float: left;
	width: 358px;
   margin: 0 0 0 4px;
	background:transparent url(../imgs/bg_leadSubscription_gradient.png) repeat-x top left;
	-moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 3px 4px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	#leadSubscription div.priceBox {margin-top: 30px;}
	#leadSubscription p.discount {display: none; margin-top: 2px;}
	#leadSubscription div.hproduct  {
	border: 1px solid #ccc;
	background: transparent ;
	padding: 12px 10px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	


/* Mail order selling and exceptions */
#leadMailOrder {
	float: right;
	width: 177px;
	color: #666;
	background: #FFF url(../imgs/bg_leadMailOrder.png) no-repeat top center;
	padding: 8px 10px;
}
	#leadMailOrder div.hproduct {background: transparent;}
	#leadMailOrder div.hproduct dt  {background-color: transparent;}
	#leadMailOrder div.hproduct a:link, 
		#leadMailOrder div.hproduct a:visited  {background-color: transparent;}
	#leadMailOrder p.thumbnail {
		float: none;
		clear: both;
		margin: 0 0 5px;
	}
	#leadMailOrder div.priceBox {
		float: none;
		width: 100%;
	}
	#leadMailOrder .price {
		background-image: url(../imgs/bg_price.gif);
	}
	#leadMailOrder p.buy a:link, #leadMailOrder p.buy a:visited {
		color: #FFF;
		background: transparent url(../imgs/bg_buy_R.png) right 0 no-repeat;
	}
	#leadMailOrder p.buy a:link span, #leadMailOrder p.buy a:visited span {
		color: #FFF;
		background: transparent url(../imgs/bg_buy_L.png) 0 0 no-repeat;
		/*padding: 6px 0 0 29px;*/
	}
	#leadMailOrder p.buy a:hover {
		color: #FFF;
		background: transparent url(../imgs/bg_buy_R.png) right -26px no-repeat;
	}
	#leadMailOrder p.buy a:hover span {
		color: #FFF;
		background: transparent url(../imgs/bg_buy_L.png) 0 -26px no-repeat;
		/*padding: 6px 0 0 29px;*/
	}


/* --- SECOND LEVEL LEADS --- */

div.secondLeads {
	float: left;
	width: 100%;
	color: inherit;
	background: #FFF;
	margin-bottom: 20px;
}
div.secondLeads h3 {
	font-size: 1em;
	color: #2989D7;
	background: #F2F2F2;
	padding: 1px 8px 4px;
	border-bottom: 10px solid #FFF;
}

div.secondLeads div.hproduct {
	float: left;
	display: inline;
	width: 274px;
	margin-right: 7px;
	background: #fbfbfb;
	border: 1px solid #efece2;
	padding: 15px 5px 30px 5px;
}

	div.secondLeads div.priceBox {clear: none;}

div.secondLeads div.last {margin: 0 0 0 6px;}

/* --- CATALOG DISPLAY --- */

div.catalog {
	float: left;
	width: 582px;
	padding: 2px 2px;
	margin-bottom: 20px;
	background: #FFF;
}
div.catalog div.hproduct {
	float: left;
	display: inline;
	width: 121px;
	min-height: 265px;
	_height:265px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #EBEBEB;
	padding: 10px;
	margin: 1px;
}

/* Data Exceptions */
div.catalog p.thumbnail {float: none; margin: 0 0 5px 0;}
div.catalog div.priceBox {width: 100%;}

#complementary {
	/* border: 1px solid #ebebeb;*/
	padding: 0;
}

#specifications ul.tabs-nav {
	background: #FFF;
}
/* --- BEST SELLER --- */

#bestSeller {
	float: left;
	width: 150px;
	color: inherit;
	background: #FFF url(../imgs/bg_bestseller_gradient.png) left bottom repeat-x;
	margin-bottom: 20px;
	-moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 3px 4px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	#bestSeller h3 {
		font-size: 90%;
		text-align: center;
      color: #FFF;
      background: url(../imgs/bg_h3client.png) no-repeat top center;
      padding: 4px 15px 1px 15px;
	}
	
	#bestSeller div.hproduct { 
   border-left: 1px #FF9933 solid; 
   border-right: 1px #FF9933 solid; 
   border-bottom: 1px #FF9933 solid; 
   padding: 8px 3px 8px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	/*border-radius: 5px;*/
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
   }
	#bestSeller p.thumbnail {padding: 5px;}
	#bestSeller div.productData {padding: 5px 5px 5px 7px; margin: 0;}
	#bestSeller div.priceBox {
		float: none;
		width: 100%;
		text-align: center;
	}
	#bestSeller p.buy {
		text-align: left;
		color: #000;
		background: #transparent url(../imgs/bg_bestSell.gif) left bottom no-repeat;
		padding: 0 0 8px;
		margin: 0;
		float: none;
	}
		#bestSeller p.buy a:link, #bestSeller p.buy a:visited {background-color: transparent}
		#bestSeller p.priceData {margin: 0 0 8px;}
		

/* --- MAIN PRODUCT BLOCK --- */
#mainProductBlock {
	float: left;
	width: 552px;
	margin: 0 0 30px;
	padding: 15px;
	border: 1px solid #ebebeb;
}
	/* Exceptions for product display */
	#mainProductBlock dt.name {font-size: 150%;}
	#mainProductBlock dd.baseline {font-size: 100%; line-height: 1;}
	#mainProductBlock dd.description {font-size: 0.8em;}
	#mainProductBlock ul.discover li {font-size: 0.8em;}
	#mainProductBlock div.priceBox {float: right; clear: none; width: 320px;}
	#mainProductBlock div.priceBox p.info {font-size: 0.8em;}
	#mainProductBlock div.priceBox p.priceData {font-size: 100%;}
		
		
/* --- PRODUCT SHEET --- */

#productSheet {
	float: left;
	width: 100%;
	color: inherit;
/*	background: #FFF url(../imgs/bg_dots.gif) bottom repeat-x; */
	padding-bottom: 11px;
	margin-bottom: 10px;
}
	#productSheet h2 {margin-bottom: 20px;}

/* Exceptions for hproduct */
#productSheet p.thumbnail {
	float: left;
	display: inline;
	width: 210px;
	margin-right: 10px;
}
#productSheet div.productData {
	float: right;
	width: 350px;
	margin-bottom: 8px;
}

#productPurchase {float: right; width: 210px;}

#productSheet dt.name {font-size: 120%;}
#productSheet dd.baseline {font-size: 90%; color: #2989D7;}
#productSheet dd.description {font-size: 0.8em;}

/* Product image and tools */
div.productImage {
	float: left;
	width: 230px;
}
	div.productImage li {
		float: left;
		width: 45%;
		list-style-type: none;
	}
	div.productImage li.zoom {
		float: right;
		width: 46px;
		height: 40px;
		margin: -10px 35px 0 0;
	}

/* --- Gift /Promo Box - ONLY ONE GIFT DISPLAY --- */

#oneGift {}
#oneGift div.giftBox {
	float: left;
	width: 130px;
   text-align: center;
	background: #FFF url(../imgs/bg_client_gradient.gif) bottom left repeat-x;
	margin: 10px 0;
	border: 1px solid #ebebeb;
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
   -moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 3px 4px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
}
	#oneGift div.giftBox dt {
		font-size: 90%;
		font-weight: bold;
		text-align: center; 
		padding: 5px 2px 4px 2px;
		margin: 0;
      color: #2989D7;
	}
	#oneGift dd {margin: 8px;}
	#oneGift dd.thumbnail {
		float: none;
		width: 106px;
		background: #FFF;
		padding: 3px;
		border: 1px solid #CCC; 
	}
	#oneGift dd.info {font-weight: bold;color:#2989D7;float:left;font-size:9px}
	#oneGift dd.validity {padding: 3px; border: 1px solid #FF9933;}

/* Exceptions for price display */
#oneGift div.productPurchase {float: right; width: 210px;}
#oneGift ul.price-list {
	float: right;
	width: 150px;
	text-align: right;
	margin: 5px 0 0 0;
}
#oneGift  p.availability {
	float: right;
	width: auto;
	font-size: 0.8em;
	text-align: right;
	padding: 3px 5px;
	border: 2px solid #FF9933;
}

#oneGift div.priceBox {clear: none; float: right; width: 100%; margin-top: 28px;}
#oneGift .price {font-size: 170%;}
#oneGift p.discount {margin-top: 3px;}
#oneGift p.info {font-size: 0.8em; font-weight: normal; text-align: right; padding: 20px 0 15px 0;}
#oneGift p.info strong {display: block;}


/* --- Gift /Promo Box - SEVERAL GIFTS DISPLAY --- */

#severalGifts {}
#severalGifts div.giftBox {
	float: left;
	width: 350px;
	background: #FFF url(../imgs/bg_client_gradient.gif) bottom left repeat-x;
	margin: 10px 0;
	border: 1px solid #ebebeb;
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
   -moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 3px 4px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
}
	#severalGifts div.giftBox h3 {
		font-size: 90%;
		font-weight: bold;
		text-align: left; 
		padding: 3px 2px 4px 28px;
		margin: 0;
      color: #2989D7;
	}
	#severalGifts div.giftBox ul {
		float: left;
		width: 100%;
		list-style-type: none;
		padding: 0 0 7px 0;
	}
	#severalGifts div.giftBox li {
		float: left;
		display: inline;
		width: 99px;
		text-align: center;
		margin: 5px 7px;
	}
	
#severalGifts div.giftBox2 {
	float: left;
	width: 247px;
	background: #FFFFFF url(../imgs/bg_client_gradient.gif) repeat-x scroll left bottom;
	margin: 10px 0;
	border: 1px solid #EBEBEB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 3px 4px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
}
	#severalGifts div.giftBox2 h3 {
		color:#2989D7;
		font-size:90%;
		font-weight:bold;
		margin:0;
		padding:3px 2px 4px;
		text-align:center;
	}
	#severalGifts div.giftBox2 ul {
		float: left;
		width: 100%;
		list-style-type: none;
		padding: 0 0 7px 0;
	}
	#severalGifts div.giftBox2 li {
		float: left;
		display: inline;
		width: 99px;
		text-align: center;
		margin: 5px 7px;
	}
	
  #severalGifts p.info {font-size: 0.8em; font-weight: normal; text-align: right; padding: 20px 0 15px 0;}
  #severalGifts p.info strong {display: block;}

		/* #severalGifts div.giftBox a:link, #severalGifts div.giftBox a:visited {
			float: left;
			width: auto;
			font-weight: bold;
			text-decoration: none;
			color: #009DE0;
			background: transparent;
		}
		#severalGifts dd.thumbnail a:hover img{
			background: #FFED00;
			border: 2px solid #FFED00;
		}
		#severalGifts div.giftBox li img {
			padding: 5px;
			border: 1px solid #CCC;
		} */
	#severalGifts div.giftBox a:hover {
		color: #FF9933; 
		background-color: inherit; 
		text-decoration: none;}
	}
	
	#severalGifts div.giftBox p.legend {
		text-align: center;
		margin: 5px 9px 10px;
	}

	#severalGifts div.giftBox p.validity {
		clear: both;
		text-align: center;
		padding: 3px 5px;
		margin: 0 9px 10px;
		border: 1px solid #CCC;
	}
	
	#severalGifts div.giftBox dd.viewerPrime {
		clear: both;
		text-align: center;
		padding: 3px 5px;
		margin: 0 9px 10px;
		border: 1px solid #CCC;
	}
	#severalGifts dd {margin: 8px;}
	#severalGifts dd.thumbnail {
		float: none;
		width: 99px;
		background: #FFF;
		padding: 3px;
		border: 1px solid #CCC; 
	}
  .encadre {
  		float: none;
  		width: 99px;
  		background: #FFF;
  		padding: 3px;
  		border: 3px solid #FF9933; 
  }
	#severalGifts dd.info {
		font-size:1em;
		color:#2989D7;
		float:left;
		font-weight:bold;
		/*width:105px;*/
		width:auto;
	}
	/* Exceptions for price info */
	#severalGifts p.info {margin: 15px 0 8px;}
	#severalGifts div.priceBox {
		clear: none;
		float: right;
		width: 100%;
		padding: 0;
		margin: 20px 0 0 0;
	}
	
	#severalGifts p.availability {
		float: left;
		width: auto;
		font-size: 0.8em;
		text-align: right;
		padding: 3px 5px;
		border: 2px solid #FF9933;
	}
	#severalGifts ul.price-list {
		float: right;
		width: 9em;
		text-align: right;
	}

/* --- PRODUCT OFFERS --- */
#offers.catalog {
	width: 586px;
	color: #666;
	background: #FFF;
	padding: 0 0 10px 0;
	
}
#offers.catalog div.hproduct {
	position: relative;
	width: 168px;
	height: 310px;
	color: inherit;
	background: #FFF;
	margin: 0 -1px 0 0;
	border: 1px solid #ebebeb;
}
	#offers.catalog div.first {margin-left: 2px;}
	#offers.catalog div.middle {margin: 0 0px 0 0px;}
	#offers.catalog div.last {}
	#offers.catalog h3 {
		font-size: 1.1em;
		color: #FFF;
		background: transparent url(../imgs/bg_h3catalog.png) 2px bottom  no-repeat;
		padding: 5px 8px 2px 15px;
	}
	#offers.catalog div.priceBox ul {
		width: 90%;
		text-align: left;
      padding: 0;
	}
	
	#offers.catalog p.priceData {
		position: absolute;
		right: 10px;
		bottom: 65px;
		width: 150px;
	}
	#offers.catalog p.buy {
		position: absolute;
		right: 5px;
		bottom: 10px;
		/* width: 150px;*/
	}
		#offers.catalog div.priceBox li {
   padding: 2px 0;
   list-style-type: none;
}
      #offers.catalog div.priceBox li a, #offers.catalog div.priceBox li a:link, #offers.catalog div.priceBox li a:visited {
         color: #2989D7;
      }
      #offers.catalog div.priceBox li a:hover {
         text-decoration: none;
      }
	#offers.catalog p.priceData {font-size: 70%;}
	
	#offers.catalog p.info {text-align: left;}
	
	#offers.catalog div.priceBox ul.tarifshm {
		position: absolute;
		/* right: 5px; */
		bottom: 0;
		width: 150px;
		left: 10px;
	}
	
/* --- COMPLEMENTARY PRODUCTS --- */
#complementary.catalog div.hproduct {
	position: relative;
	width: 172px;
	height: 310px;
	margin: -1px -1px 0 0;
}
	#complementary.catalog div.priceBox ul {
		width: 90%;
		text-align: left;
	}
                
	#complementary.catalog p.priceData {
		position: absolute;
		right: 10px;
		bottom: 65px;
		width: 170px;
	}
	#complementary.catalog p.buy {
		position: absolute;
		right: 5px;
		bottom: 20px;
		/*width: 150px;*/
	}
	#complementary.catalog div.priceBox li {padding: 2px 0;}
	#complementary.catalog p.info {text-align: left;}
	
	#complementary.catalog div.priceBox ul.tarifshm {
		position: absolute;
		/* right: 5px; */
		bottom: 10px;
		/* width: 150px; */
		left: 10px;
	}


/* --- PRODUCT SPECS --- */

#specifications {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#specifications div.tabCnt {
	border:1px solid #EBEBEB;
	float:left;
	padding:15px 20px;
	width:544px;
}

/* --- Send 2 friend tab --- */
#send2Friend {
background: #FFF;
}
#send2Friend div.hproduct {margin-bottom: 20px; background: #FFF;}
#frToFriend {border-top: 1px solid #666; background: #FFF;}
#frToFriend label {width: 12.5em;}
#frToFriend p.mandatory {margin-bottom: 25px;}

/* Fields */
#tofriend_emailto, #tofriend_emailfrom {width: 20em;}
#tofriend_namefrom {width: 15em;}
#tofriend_message {width: 18em;}

/* --- Presentation --- */
#presentation h3 {
	font-size: 0.85em;
	margin-bottom: 20px; 
}
#presentation p.intro {
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 20px; 
   color: #66ac69;
}
#presentation p {margin: 8px 0;}
#presentation li {padding: 5px 0;}

div.presBox {
	float: left;
	width: 100%;
   -moz-box-shadow: -1px 3px 6px #d9d9d9;
	-webkit-box-shadow: -1px 3px 6px #d9d9d9;
	box-shadow: -1px 3px 6px #d9d9d9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.presBox strong {
   color: #66ac69;
}

/* --- CROSS SELLING CATALOG --- */

#crossSelling {
	float: left;
	width: 100%;
	color: inherit;
	background: #FFF url(../imgs/bg_crossSell.gif) repeat-y;
	padding: 0;
}

	#crossSelling h3 {
		font-style: italic;
		background: #FFF url(../imgs/kid_love.png) no-repeat;
		padding: 25px 0 30px 98px;
	}

#crossSelling.catalog div.hproduct {
	display: inline;
	width: 120px;
	padding: 0 10px 0 15px;
	margin: 0 1px 0 0;
}

#crossSelling.catalog div.first {
	background-image: none;
}

/* --- LOGIN POPUP --- */
#frLoginPP {
	color: #666;
	background: #FFF url(../imgs/bg_vdots.gif) top right repeat-y;
	padding-right: 4%;
}
	#frLoginPP h3 {
		color: #2989D7;
		background: #FFF;
		margin: 0 0 10px 0;
	}
	#frLoginPP p {margin: 4px 0;}
	#frLoginPP p.note {
		float: left;
		width: 100%;
		font-size: 65%;
		padding-top: 8px;
		margin: 8px 0;
		border-top: 1px solid #CCC;
	}
	#frLoginPP label {width: 8em;}
	#frLoginPP ul.lostPwd {
		list-style-type: none;
		padding: 0 0 15px 0;
		margin-left: 6.3em;
	}

#newAccountInfo, #newAccountInfoLog {padding-left: 3%;}
	#newAccountInfo h3, #newAccountInfoLog h3 {
		font-size: 95%;
		color: #FF9933;
		background: #FFF;
		margin-bottom: 10px;
	}
	#newAccountInfo ul, #newAccountInfoLog ul {margin: 10px 0 15px 10px;}
	
#firstVisitInfo {padding-right: 4%;}	
	#firstVisitInfo ul {margin: 15px 0;}
	
/* --- Add To Basket Popup --- */
#add2Basket h3 {
	font-size: 90%;
	color: #FFF;
	background: #2989D7;
	padding: 3px 8px 4px;
	margin-bottom: 10px;
}
#add2Basket dl {font-size: 110%; padding-top: 10px;}
#add2Basket div.priceBox {clear: none; font-size: 120%; text-align: left;}


#add2Basket div.formButtons {
	padding-top: 10px;
	margin-bottom: 0;
	border-top: 1px solid #CCC;
	text-align:center;
}


/* ----------------------------- ! GENERAL BLOCKS -------------------------------- */

/* --- ANIMATON --- */
/*Container for external site animation */
#animation {
	float: left;
	width: 100%;
	background: #FFF;
	padding-bottom: 10px; 
	margin-bottom: 10px;
}

/* --- SKYSCRAPER PUB --- */
p.skyscraper {text-align: center; margin-bottom: 20px;}

/* --- LIST OF LINKS --- */
ul.linksList li {
	list-style-image: url(../imgs/bullet.gif);
}
	ul.linksList a:link, ul.linksList a:visited {
		text-decoration: none;
	}
	ul.linksList a:hover {
		text-decoration: underline;
	}

/* --- SUBSCRIPTION --- */
#subscription {
	float: left;
	width: 166px;
	color: #FFF;
	background: transparent;
	/*padding: 10px 12px 10px;*/
   padding: 0;
	margin-bottom: 0;
}
#subscription h3 {
	font-size: 85%;
	line-height: 0.9;
	color: #FFF;
	background: #FF9933 url(../imgs/bg_subscript_tit.gif) no-repeat;
	padding-left: 20px;
	margin: 0;
}
#subscription p {line-height: 50%; margin: 0;}
#subscription form#frSubscription {
   padding: 10px 9px 14px;
   width: auto;
   background: transparent url(../imgs/bg_subscript_top.gif) no-repeat top left;
}


/*  promo  */
#promo form#frCode {
   padding: 0 9px 7px 9px;
   margin: 0 0 10px 0;
   border-top: #FFF dashed 1px;
   background: #FF9933 url(../imgs/bg_subscript_bottom.gif) no-repeat bottom left;
   width: auto;
   /* display:inline-block; */
} 
#promo form#frCode p {
   margin: 0;
}

#promo #frCode label {
   display: block;
   width: 120px; /* fixes IE6 & 7 */
   font-size: 120%;
   line-height: 0.9;
   color: #FFF;
   float: left;
   background: #FF9933 url(../imgs/bg_subscript_tit.gif) no-repeat;
   padding: 0 7px 5px 20px;
   margin: 8px 0 8px 0;
}

#promo form#frCode a:link,#promo form#frCode a:visited {
   color: #666; 
   background: #FF9933; 
   float: left; 
   padding: 0; 
   margin-top: -25px; 
   display: inline-block;
   margin-left: 98px;
   }
   

/* Field */
#ipMagazine {width: 143px;}

/* --- PROMO FORM --- */
#frCode {
	color: #FFF;
	background: transparent;
	padding: 8px 0 0 0;
	margin-top: 12px;
}
	#frCode label {
   display: block;
   width: 127px; /* fixes IE6 & 7 */
   padding-bottom: 5px;
   font-size: 120%;
   line-height: 0.9;
   color: #FFF;
   background: #FF9933 url(../imgs/bg_subscript_tit.gif) no-repeat;
   padding: 0 0 0 20px;
   margin: 0 0 8px 0;
}
	#frCode a:link, #frCode a:visited {
   color: #666; 
   background: #FF9933; 
   float: right; 
   padding: 0 0 0 5px; 
   margin-top: -13px; 
   display: block;
   }
#subscription form#frCode {
   padding: 10px 9px 7px 9px;
   margin: 0 0 10px 0;
   border-top: #FFF dashed 1px;
   background: transparent url(../imgs/bg_subscript_bottom.gif) no-repeat bottom left;
    width: auto;
}
/* Field & exceptions for form button */
#ipCode {float: left; width: 112px; margin-right: 1px;}

#frCode p.validate span {
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	color: #666;
	background: transparent;
   padding: 1px 1px 0 3px;
   width: 21px;
	height: 21px;
   
}
#frCode p.validate input {
	color: #666;
	background: transparent url(../imgs/bg_validate_frCode.png) center center no-repeat;
   padding: 2px 0 5px 0;
   font-weight: bold;
   font-size: 75%;
   text-align: center;
   width: 21px;
   height: 21px;
}
#frCode p.validate span:hover {
	color: #FF9933;
	background: transparent;
}
#frCode p.validate span:hover input {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frCode.png) center center no-repeat;
}

/* --- PRODUCT CHOICE BANNER --- */
div.banner {
	float: left;
	width: 100%;
	min-height: 79px;
	_height:79px;
	color: #2989D7;
	background: #FFF url(../imgs/kid_help.png) no-repeat;
	margin-bottom: 10px;
}
	div.banner p {
		line-height: 1.2;
		color: #2989D7;
		background: transparent;
		padding: 10px 0 17px 70px;
	}
	div.banner a:link, div.banner a:visited {
		font-size: 110%;
		font-weight: bold;
		text-decoration: none;
		color: #2989D7;
		background: #FFF;
		padding-bottom: 8px;
	}

/* --- GENERAL TRANSVERSAL CONTENT BLOCK --- */
div.generalBox {
	margin-bottom: 20px;
   width: 150px;
   background:transparent url(../imgs/bg_client.gif) no-repeat scroll center bottom;
}
div.generalBox h3 {
	font-size: 75%;
	line-height: 1em;
	color: #FFF;
	padding: 6px 8px 7px 12px;
	margin-bottom: 0;
   background: transparent url(../imgs/bg_h3client.png) no-repeat top center;
}
div.generalBox p {
   padding: 8px 4px 10px;
   width: auto;
   border-left: 1px #DFDFDF solid;
   border-right: 1px #DFDFDF solid;
   }
div.generalBox ul {
   /*margin-bottom: 7px; */
   padding: 8px 3px 10px 20px;
   border-left: 1px #DFDFDF solid;
   border-right: 1px #DFDFDF solid;
   }

/* --- CLIENT ACCOUNT BLOCK --- */

#clientLinks {
	margin-bottom: 20px;
    width: 150px;
    background: transparent url(../imgs/bg_h3client.png) no-repeat top center;
	-moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 4px 5px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
	moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	/*border-radius: 5px;*/
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#clientLinks div {
   /*padding: 7px 1px 10px 1px;*/
  
   
}
	
	#clientLinks h3 {
   font-size: 75%;
   color: #FFF;
   background: transparent url(../imgs/bg_subscript_tit.gif) no-repeat 8px 5px;
   /*background: #FFF url(../imgs/bg_h3client.png) no-repeat top center;*/
   padding: 6px 8px 5px 30px;
}
   #clientLinks h3 img {
      margin-left: 5px;
   }
	#clientLinks p {
   line-height: 1; 
   padding: 7px 3px 7px 7px;
   border-left: 1px #DFDFDF solid;
   border-right: 1px #DFDFDF solid;
   }
	#clientLinks ul {
   /*margin-bottom: 7px; */
   padding-left: 23px;
   border-left: 1px #DFDFDF solid;
   border-right: 1px #DFDFDF solid;
   }
	#clientLinks li {padding: 3px 3px 3px 0;}
	#clientLinks ul.discover {
		padding: 0;
		padding: 7px 0 8px 0;
      background: url(../imgs/bg_client_gradient.gif) repeat-x bottom left;
      border-bottom: 1px #DFDFDF solid;
      -moz-border-radius-bottomleft: 6px;
	  -webkit-border-bottom-left-radius: 6px;
	  /*border-radius: 5px;*/
	  -moz-border-radius-bottomright: 6px;
	  -webkit-border-bottom-right-radius: 6px;
	}
   #clientLinks ul.discover li {
   display: inline-block;
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left top no-repeat;
	padding: 0px 0 7px 12px;
	font-weight:normal;
	font-size: 0.69em;
   }
	#clientLinks ul.discover li a, #clientLinks ul.discover li a:link, #clientLinks ul.discover li a:visited {
	display: inline-block;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
	color: #666;
	font-weight: normal;
	padding: 4px 12px 7px 0;
	text-decoration : none;
	}
	#clientLinks ul.discover li a:hover {
	display: inline-block;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right top no-repeat;
	color: #FF9933;
	}
	#clientLinks a:link, #clientLinks a:visited {text-decoration: none;}
	#clientLinks a:hover {text-decoration: underline;}

/* --- CLIENT ACCOUNT BLOCK --- */

#newsSubscription {
	width: 150px;
	color: #666;
	background: #FFF;
	padding: 5px 0;
	margin-bottom: 20px;
   background: url(../imgs/bg_h3_mail.png) no-repeat top center;
}
	
	#newsSubscription h3 {
		font-size: 90%;
      color: #FF9933;
      padding: 3px 5px 0 14px;
      width: auto;
	}
	#newsSubscription p {
		line-height: 1;
		padding: 7px 5px 7px 14px;;
      margin: 0;
      border-left: 1px #dbdbdb solid;
      border-right: 1px #dbdbdb solid;
      width: auto;
	}
	#newsSubscription label {width: auto; color: #FF9933;}
	#newsSubscription p.validate {text-align: center; padding: 10px 0;}

#frNewsSubscription input#ipMail {
   width: 110px;
}
/* Field & exceptions for form button */
#newsletter_email {width: 110px;}
#newsSubscription p.validate {
   background: url(../imgs/bg_mail.png) no-repeat bottom center;
   
}
#newsSubscription p.validate span {
   float: none;
   display: table-cell; /* corrects FF2 */
   display: inline-block;
   color: #FFF;
   background: transparent url(../imgs/bg_validate_frSearch_L.png) no-repeat left;
   padding: 0px 0px 0px 13px;
   
}

#newsSubscription p.validate input {
	color: #666;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right no-repeat;
   padding: 3px 13px 2px 3px;
   font-weight: normal;
}
#newsSubscription p.validate span:hover {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_L.png) left no-repeat;
}
#newsSubscription p.validate span:hover input {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frSearch_R.png) right no-repeat;
}

/* --- SERVICES --- */

#services {
	color: #000;
	background: #FFF url(../imgs/bg_services.png) 1.8em 1.8em no-repeat;
	margin-bottom: 20px;
	width: 150px;
	-moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 3px 4px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	#services div { 
	/*border-left: 1px #dfdfdf solid;*/
	 /*padding: 8px 7px 8px;*/
   /* border-bottom: 1px #dfdfdf solid;*/
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}
	#services h3 {
		font-size: 75%;
		color: #FFF;
		text-align: center;
		/*margin-bottom: 85px;*/
		background: transparent url(../imgs/bg_h3service.png) no-repeat top left;
		padding: 6px 8px 4px 8px;
		/*border-right: 1px solid #dfdfdf;*/
		/*border-left: 1px solid #dfdfdf;*/
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		/*border-radius: 5px;*/
	}
	#services ul {
	position: relative;
	margin: 0px 0 0 0; 
	background: transparent url(../imgs/bg_client_gradient.gif) repeat-x bottom left;
	padding: 88px 0px 17px 20px;
	border-right: 1px solid #dfdfdf;
   border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	}
	#services li {padding: 3px 3px 3px 0;}
	#services p {
		line-height: 1;
		margin: 7px 3px;
	}
	
/* --- ENGAGEMENTS --- */

#engagements {
	color: #000;
	margin-bottom: 20px;
	width: 150px;
	-moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 3px 4px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	#engagements div { 
	/*border-left: 1px #dfdfdf solid;*/
	 /*padding: 8px 7px 8px;*/
   /* border-bottom: 1px #dfdfdf solid;*/
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}
	#engagements h3 {
		font-size: 75%;
		color: #FFF;
		text-align: center;
		/*margin-bottom: 85px;*/
		background: transparent url(../imgs/bg_h3service.png) no-repeat top left;
		padding: 6px 8px 4px 8px;
		/*border-right: 1px solid #dfdfdf;*/
		/*border-left: 1px solid #dfdfdf;*/
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		/*border-radius: 5px;*/
	}
	#engagements ul {
	position: relative;
	margin: 0px 0 0 0; 
	background: transparent url(../imgs/bg_client_gradient.gif) repeat-x bottom left;
	padding: 0px 0px 17px 20px;
	border-right: 1px solid #dfdfdf;
   border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	}
	#engagements li {padding: 3px 3px 3px 0;}
	#engagements p {
		line-height: 1;
		margin: 7px 3px;
	}

/* Call green number */
p.callInfo {
	padding-top: 8px;
	color: #666;
	background: #FFF url(../imgs/bg_dots.gif) repeat-x;
}
.callNum {
	display: block;
	font-size: 100%;
	font-weight: bold;
	color: #666;
	background: #FFF url(../imgs/pic_phone.gif) no-repeat;
	padding: 1px 0 5px 20px;
}

/* --- INNER TABS --- */

div.tabsBox {float: left; width: 100%; margin-bottom: 20px;}

/* Tabs */
ul.tabs {float: left; width: 100%; list-style-type: none; padding: 0; background:url(../imgs/bg_ulTabs-nav.png) repeat-x bottom left;}
ul.tabs li {
	float: left;
	display: inline;
	/*width: 99px;*/
	font-size: 0.7em;
	font-weight: bold;
	margin-right: 1px;
}
ul.tabs a:link, ul.tabs a:visited {
	display: block;
	text-decoration: none;
	text-align:center;
	color: #FFF;
	background: transparent url(../imgs/bg_Tabs-nav_L.png) top left no-repeat;
	padding: 0 0 0 7px;
}
ul.tabs a:link span, ul.tabs a:visited span {
	display: block;
	text-decoration: none;
	text-align:center;
	color: #FFF;
	background: transparent url(../imgs/bg_Tabs-nav_R.png) top right no-repeat;
	padding: 5px 7px 5px 0;
	font-size:0.92em;
}
ul.tabs a:hover {
	color: #666;
	background: transparent url(../imgs/bg_Tabs-nav_L.png) 0 -84px  no-repeat;
	padding: 0 0 0 7px;
}
ul.tabs a:hover span {
	color: #666;
	background: transparent url(../imgs/bg_Tabs-nav_R.png) right -84px  no-repeat;
}
/* Selected tab */
ul.tabs li.tabs-selected a:link, ul.tabs li.tabs-selected a:visited {
	color: #666;
	background: transparent url(../imgs/bg_Tabs-nav_L.png) 0 -84px  no-repeat;
	padding: 0 0 0 7px;
}
ul.tabs li.tabs-selected a:link span, ul.tabs li.tabs-selected a:visited span {
	display: block;
	text-decoration: none;
	text-align:center;
	color: #666;
	background: transparent url(../imgs/bg_Tabs-nav_R.png) right -84px  no-repeat;
	padding: 5px 7px 5px 0;
}
/*ul.tabs li.tabs-selected a:hover {
	color: #666;
	background: transparent url(../imgs/bg_Tabs-nav_L.png) 0 -84px  no-repeat;
	padding: 0 0 0 7px;
}
ul.tabs li.tabs-selected a:hover span {
	color: #666;
	background: transparent url(../imgs/bg_Tabs-nav_R.png) right -84px  no-repeat;
	padding: 5px 7px 5px 0;
}*/
/*  JQUERY TABS CONTROL */
.tabs-hide {position: absolute; margin-top: -5000px;}

/* --- PRODUCT CAROUSEL --- */

div.carousel {
	float: left;
	display: inline;
	width: 586px;
	margin: 0 10px;
}

div.carousel li {
	width: 102px;
	height: 240px; /* width & height needed for script */
	font-size: 90%;
	background: #FFF;
	padding: 8px;
	margin: 6px;
	border: 1px #ebebeb solid;
}

p.prev {float: left; width: 17px; margin-top: 135px; display: block;}
p.next {float: right; width: 17px; margin-top: 135px; display: block;}

p.prev a:link, p.prev a:visited {
background:url("../imgs/pic_prev.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:17px;
width:17px;
}
p.prev a:hover{
   background:url("../imgs/pic_prev_on.png") no-repeat scroll 0 0 transparent;
}

p.next a:link, p.next a:visited {
background:url("../imgs/pic_next.png") no-repeat scroll 0 0 transparent;
display:inline-block;
height:17px;
width:17px;
}
p.next a:hover {background:url("../imgs/pic_next_on.png") no-repeat scroll 0 0 transparent;}



	
/* --- PRODUCTS PER AGE / CAROUSEL --- */

#productPerAge {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
	#productPerAge h2 {
		position: absolute;
		margin-top: -2000px;
	}

#productPerAge div.carouselBox {
	float: left;
	width: 582px;
	color: inherit;
	background: #FFF;
	border: 1px #ccc solid;
	padding: 5px 1px 20px 1px;
}

/* Exceptions */
#productPerAge div.hproduct {height: 285px;}
#productPerAge p.thumbnail {height: 140px; margin-bottom: 5px; width:102px;}
#productPerAge div.priceBox {width: 100%;}
#productPerAge div.priceBox strong.price {background: transparent url(../imgs/bg_price.gif) 0 0 no-repeat;}

/* --- CATALOG PER AGE --- */

#catalogPerAge {
	float: left;
	width: 100%;
}
	#catalogPerAge h2 {
		position: absolute;
		margin-top: -2000px;
	}

#catalogPerAge div.carouselBox {
	float: left;
	width: 566px;
	color: inherit;
	background: #FF9933;
	padding: 10px;
}

#catalogPerAge div.catalog {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	width: 580px;
}

/* Exceptions */
/* #catalogPerAge div.hproduct {width: 123px; height: 260px;} */
#catalogPerAge p.thumbnail {
	float:left; 
	width:123px; 
	height: 130px; 
	margin-bottom: 5px;
}
#catalogPerAge div.priceBox {width: 100%;}
#catalogPerAge div.priceBox p.priceData {font-size:0.7em;}

/* Hidden products */
#allLink {
	float: left;
	width: 522px;
	font-size: 0.75em;
	text-decoration: underline;
	color: #FFF;
	background: #2989D7 url(../imgs/bullet_plus_big.gif) 14px 7px no-repeat;
	padding: 5px 14px 5px 32px;
	margin: 2px 1px 1px;
	/*border-top: 2px solid #FF9933;*/
	cursor: pointer;
}
#allLink.active {
	color: #666;
	background: #ebebeb url(../imgs/bullet_less_big.gif) 14px 7px no-repeat;
}

#allProducts {
	padding: 0;
	margin-bottom: 0;
}

/* --- BEST SELLERS CAROUSEL --- */

#allBestSellers {
	position: relative;
	float: left;
	width: 100%;
	border: 1px #ebebeb solid;
	padding-top: 70px;
	margin-top: 15px;
}

	#allBestSellers h2 {
		position: absolute;
		left: 0;
		top: -23px;
		font-size: 1.1em;
		color: #2989D7;
		background: transparent url(../imgs/kid_sell.png) 20px 0 no-repeat;
		padding: 35px 0 25px 168px;
		margin-bottom: 5px;
	}

#allBestSellers div.hproduct {
	float: left;
	width: 100px;
	height: 210px;
	color: #666;
	background: #FFF url(../imgs/bg_hproducts.gif) top left no-repeat;
	padding: 0 20px 0 20px;
}
	#allBestSellers div.first {
		background-image: none;
	}


#allBestSellers div.hproduct ul {float: left; padding: 0; margin-bottom: 10px;}
#allBestSellers div.hproduct li.zoom {list-style-type: none;}
#allBestSellers div.hproduct p.thumbnail {margin: 0;}
#allBestSellers div.hproduct dl {clear: both;}
#allBestSellers div.hproduct dt.name {
	margin-bottom: 0.1em;
	font-size: 0.83em;
}

/* --- SIMPLE TEXT BLOCK --- */
div.textBlock {
	max-width: 600px;
	margin: 20px 5px 20px;
}
div.textBlock p {font-size: 0.8em; margin: 10px 0;}
div.textBlock li {font-size: 0.8em;}

/* --- PAGINATION / search results --- */
div.pagination {
   float: left;
   width: 570px;
   color: #000;
   background: none repeat scroll 0 0 #EEEEEE;
   padding: 2px 8px 0;
   margin: 5px 0;
}
div.pagination p {line-height: 30px; margin: 0;}
div.pagination p.resNum label {color: #666;}
div.pagination select {font-size: 90%;}
div.pagination label {float: none; width: auto; font-size: 100%; margin-right: 0;}
p.total {
	float: left;
	width: 8em;
	color: #2989D7;
	background: #transparent;
}
p.resNum {float: left; width: 16em;}
p.pagNums {
	float: right;
	width: 17em;
	text-align: right;
	color: #999;
	background: #EEE;
}
	p.pagNums span {color: #000; background: #EEE;}
	
/* --- RESULTS LIST --- */
/* Exceptions for hproduct */

#results div.hproduct {
	float: left;
	width: 100%;
	margin: 15px 0 8px;
}

#results dt {font-size: 0.85em;}
#results dd, #results li {font-size: 0.8em;}
#results div.priceBox {clear: none;}
#results div.priceBox p {font-size: 0.8em;}

/* --- USER SELECTIONS / Facettes (??) --- */
/* Use #transversalNav as a way to force new definitions */

ul#userSelection {
	color: #FFF; 
	background: #5CA3DD;
	padding: 0 8px 10px;
	margin: -9px 0 0;
}
ul#userSelection li {
	font-size: 0.75em;
	border-bottom: 1px solid #FFF;
}

#userSelection span {
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	width: 125px;
}
#userSelection img {vertical-align: -4px;}
	
/* ----------------------------------- ! SPECIFIC PAGES ---------------------------------- */

/* --- BASKET PAGE / GENERAL --- */

/* Basket Data table */
div.purchaseData table {width: 100%;}
div.purchaseData th {
	font-size: 90%;
	color: #6fa504;
	background: #FBFAF6;
	border-left: 1px solid #FFF;
	white-space: nowrap;
}
div.purchaseData tr td {
	font-size: 80%;
	color: #666;
	background: #FFF url(../imgs/bg_dots.gif) bottom left repeat-x;
	border-left: 1px solid #dbdbdb;
}
div.purchaseData tr td.monetaryData {
	font-size: 80%;
	font-weight: bold;
}
div.purchaseData tr td:first-child {border-left:0 none;}
	div.purchaseData tr td.deleteData {text-align: center;}

div.purchaseData td dt {font-size: 90%; padding-top: 8px;}
div.purchaseData td p, #inBasket td dd {font-size: 90%;}
div.purchaseData td dd.gift {padding-top: 8px;}

div.purchaseData ul.discover {font-size: 90%; margin-top: 10px;}

/* Quantity cell */
div.purchaseData td.qtty {text-align: center; font-size: 100%; white-space: nowrap;}
div.purchaseData td.qtty a {width: 22px; height: 21px;}

/* total price cell */
div.purchaseData td.total {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

/* Extra info row */
div.purchaseData tr.extra td {
	font-size: 80%;
	text-align: right;
	color: #666;
	background: #F2F2F2;
	border-bottom: 1px solid #FFF;
}
div.purchaseData tr.extra label {float: none; width: auto;}

/* TOTAL cells */
div.purchaseData tr.totalRow td {background-image: none;}
div.purchaseData td.totalTit {
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	color: #FFF;
	background: #FF9933;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 100%
}
div.purchaseData td.fullTotal {
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	color: #FFF;
	background: #FF9933;
	border-left: 0;
	vertical-align: middle;
	white-space: nowrap;
}

div.purchaseData h4 {	
	clear: both;
	margin-bottom: 20px;
}

/* Code prom data */
#codeData {
	float: left;
	width: 24em;
	color: #FFF;
	background: #FF9933;
	padding: 8px 0 3px 8px;
	margin: 8px 0;
}
#codeData p {margin: 0;}
#codeData label {width: auto;}
#codeData p.validate {float: right; padding: 0 2px 0 3px;}
#codeData p.validate span {
	display: table-cell; /* corrects FF2 */
	display: inline-block;
	color: #666;
	background: transparent;
   padding: 1px 1px 0 0;
	width: 21px;
	height: 21px;
}
#codeData p.validate input {
	color: #666;
	background: transparent url(../imgs/bg_validate_frCode.png) right top no-repeat;
   padding: 2px 0 5px 0;
   font-weight: bold;
   font-size: 75%;
	width: 21px;
	height: 21px;
}
#codeData p.validate span:hover {
	color: #FF9933;
	background: transparent;
   padding: 1px 1px 0 0;
}
#codeData p.validate span:hover input {
	color: #FF9933;
	background: transparent url(../imgs/bg_validate_frCode.png) right top no-repeat;
   padding: 2px 0 5px 0;
}


/* --- BASKET PAGE / IN BASKET BLOCK --- */

/* Form */
#frInBasket input.qttyInput {width: 1.5em; font-size: 75%; font-weight: bold; vertical-align: top;}
#frInBasket p.thumbnail {margin-left: 0;}

/* Blocks */

div.purchaseData {
  /*clear: both;*/
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

/* Block title */
div.purchaseData h2 {
	font-size: 1.1em;
	color: #FFF;
	background: #2989D7 url(../imgs/pic_unfold.png) 730px no-repeat;
	padding: 5px 8px;
	margin-bottom: 5px;
	cursor: pointer;
}
div.purchaseData h2.active {
	color: #FFF;
	background: #CCC url(../imgs/pic_fold.png) 730px no-repeat;
}


/* Basket Cross-selling */
#inBasket div.secondLeads {
	width: 771px;
	background: #FFFFFF;
	border: 1px solid #fbfbfb;
}
	#inBasket div.secondLeads div.hproduct {width: 345px; margin-left: 20px;}
	
	#inBasket div.secondLeads h3 {font-size: 110%}

/* User options */

div.userOptions {
	padding: 5px 8px;
	margin: 15px 0;
	border: 1px solid #CCC;
}

/* --- BASKET PAGE / USER DATA/DELIVERY FORM --- */

/* --- Conditional content links --- */
#newAccount, #notOL, #alreadyOL {
	float: left;
	width: 90%;
	padding-left: 15px;
}
#newAccount.lNoChecked, #notOL.lNoChecked, #alreadyOL.lNoChecked {
	/*color: inherit;*/
	background: #FFF url(../imgs/bg_radio.gif) 0 1px no-repeat;
}
#newAccount.lChecked, #notOL.lChecked, #alreadyOL.lChecked {
	/*color: inherit;*/
	background: #FFF url(../imgs/bg_radio_on.gif) 0 1px no-repeat;
}

#notOL {margin-top: 5px;}

/* --- Client identification --- */
#idOptions {
	float: left;
	width: 100%;
	padding-bottom: 21px;
	margin: 10px 0 0 0;
}
#idOptions h3 {
	font-size: 90%;
	color: #2989D7;
	background: #FFF;
	margin-bottom: 12px;
}

/* Already client */
#client {
	float: right;
	width: 385px;
	color: inherit;
	background: #FFF url(../imgs/bg_vdots.gif) repeat-y;
	padding-left: 21px;
}

/* LOGIN FORM */
#frLogin {
	float: left;
	width: 366px;
	padding: 8px 8px;
	margin: 15px 0;
	border: 1px solid #CCC;
}
	#frLogin p {float: left; width: auto; display: inline; margin: 0 5px 0 0;}
	#frLogin span {float: right;}
		#frLogin .lostPwd {list-style-type: none; margin-left: 11em;}
		
	#frLogin p.validate {margin: 10px 0 0 0;}
	#frLogin label, #frLogin .lbLike {float: none; display: block; text-align: left;}
	
#ipLogEmail {width: 13em;}
#ipPwd {width: 8em;}

/* New client */
#newClient {
	float: left;
	width: 306px;
	padding: 0 20px 0 8px;
}


/* --- User data/Delivery form fieldsets --- */

#frTradeData label {width: 10em;}

/* Gift data options */
#fsGift {
	float: left;
	width: 700px;
	padding: 8px 0;
	margin: 15px 0;
	border: 1px solid #FF9933;
}
	#fsGift h4 {font-size: 0.85em; margin: 0 0 10px 15px;}
	#fsGift p {margin: 0 0 10px 15px;}
	#fsGift label {width: auto;}


/* Fields */
#ipNom, #ipPNom, #ipDelNom, #ipDelPNom {width: 15em;}
#ipAddress, #ipDelAddress {width: 35em;}
#ipZipCode, #ipDelZipCode {width: 4em;}
#ipTown, #ipDelTown {width: 15em;}
#ipBirth, #ipDelBirth {width: 6em;}
#ipDelEmail {width: 15em;}

/* --- BASKET PAGE / PAYMENT FORM --- */

#frPayment fieldset.allRadios label span {display: block; padding-left: 18px;}

#fsCardPay {margin-top: 15px;}

/* Fields */
#ipCardNum {width: 13em;}
#ipSafeCode {width: 2em;}

/* --- BASKET PAGE / CONFIRMATION --- */

/* Promo code recall */
div.codeRec {
	width: 19em;
	color: #FFF;
	background: #FF9933;
	padding: 8px;
}
div.codeRec span {color: #000; background: #FFF; padding: 0 3px;}

/* Confirmation message */
div.confirmData {padding: 10px 0 20px 8px;}
div.confirmData h3 {
	margin-bottom: 10px;
	font-size: 110%;
}
div.confirmData ul {margin: 10px;}

/* General data */
div.recall {
	float: left;
	width: 773px;
	margin-top: 20px;
}
div.recall h4 {
	color: #000;
	background: #EEE;
	padding: 3px 8px 4px;
}

div.recall p {
	font-size: 0.8em;
	margin: 10px 8px;
}

div.recall dl.vcard {
	float: left;
	width: 20em;
	font-size: 110%; 
	padding: 10px 15px;
}
	div.recall dl.vcard dt {padding-bottom: 8px; color: #2989D7;}

div.recall ul {font-size: 110%; margin: 0 0 0 23px;}	
div.recall ul dl.vcard {float: none; font-size: 130%; padding-left: 0;}
div.recall ul dl.vcard dt {padding-bottom: 0;}

/* --- CREATE ACCOUNT --- */

/* List of products */
div.magsList div.hproduct {
	float: left;
	display: inline;
	width: 50%;
	/* background: #FFF url(../imgs/bg_dots.gif) left bottom repeat-x; */
	padding-bottom: 11px;
	margin: 0 0 10px 0;
}
	div.magsList div.hproduct p.thumbnail {margin: 0 10px 0 0;}
	div.magsList div.hproduct dl {padding: 8px 0 20px;}
	
/* Accordion container */
div.myDataBox {
	clear: both;
	margin-bottom: 20px;
}

/* Block title */
div.myDataBox h2 {
	font-size: 1.1em;
	color: #FFF;
	background: #2989D7 url(../imgs/pic_unfold.png) 742px no-repeat;
	padding: 5px 8px;
	margin-bottom: 5px;
	cursor: pointer;
}
div.myDataBox h2.active {
	color: #FFFFFF;
	background: #CCCCCC url(../imgs/pic_fold.png) 742px no-repeat;
}

/* Help box */
#helpBox {
	color: #666;
	background: #FFF url(../imgs/kid_help.png) 2px 45px no-repeat;
   -moz-box-shadow: 3px 3px 4px #d9d9d9;
	-webkit-box-shadow: 3px 4px 5px #d9d9d9;
	box-shadow: 3px 3px 4px #d9d9d9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
   width: 150px;
}
	#helpBox h3 {
		color: #FFF;
		text-align: center;
		/*margin-bottom: 85px;*/
		font-size: 75%;
		background: transparent url(../imgs/bg_h3service.png) no-repeat top left;
		padding: 6px 4px 7px 8px;
		margin: 0;
		width: auto;
		/*border-right: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;*/
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		/*border-radius: 5px;*/
	}
   #helpBox p {
      padding: 40px 0 0px 65px;
      margin: 0;
      border-right: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
		width: auto;
		
   }
   #helpBox p.phone {
      color: #2989D7;
      font-size: 85%;
      font-weight: bold;
      padding: 30px 5px;
      background: transparent url(../imgs/bg_client.gif) no-repeat bottom center;
	/*padding: 88px 0px 10px 23px;*/
	/*border-right: 1px solid #dfdfdf;*/
	/*border-left: 1px solid #dfdfdf;*/
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
   }

/* My Info block */
#frMyInfo label {width: 12em;}

/* fields */
#ipMyNom, #ipMyPNom {width: 15em;}
#ipMyZipCode {width: 4em;}
#ipMyEmail {width: 15em;}

/* My data & subscriptions */
#frAccountData label {width: 16em;}
#fsSubscriptions div.magsList div.hproduct {
	width: 500px;
	margin-left: 20px;
}
	
/* Confirmation */
#myAccountLinks {
	background: #FFF url(../imgs/bg_dots.gif) left top repeat-x;
	padding-top: 20px;
	margin-top: 20px;
}

#myAccountLinks ul {
	/*background: #FFF url(../imgs/bg_account.gif) left top no-repeat; */
	padding-left: 150px;
	margin-top: 20px;
}
	#myAccountLinks li {padding: 3px 0;}


/* --- MY ACCOUNT --- */

/* Accordion container */
div.accountBox {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

/* Block title */
div.accountBox h2 {
	font-size: 1.1em;
	color: #FFF;
	background: #2989D7 url(../imgs/pic_unfold.png) 545px no-repeat;
	padding: 5px 8px;
	margin-bottom: 5px;
	cursor: pointer;
}
div.accountBox h2.active {
	color: #FFFFFF;
	background: #CCCCCC url(../imgs/pic_fold.png) 545px no-repeat;
}

div.accountBox ul.discover {clear: both;}
div.accountBox div.hproduct ul.discover {clear: none;}
div.accountBox div.hproduct ul.discover li {line-height: 1.4;}

/* --- Subscriptions --- */
	
/* --- Invoices --- */
table.invoices {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
}

/* --- Invoice address --- */
#myInvoiceAdd dl {
	font-size: 110%;
	margin: 10px 0 15px 8px;
}

/* --- CHANGE PASSWORD PAGE --- */
#idRecall {
	float: left;
	width: 554px;
	padding: 10px 15px;
	margin: 20px 0;
}
	#idRecall p {
		padding: 5px 0 7px;
		border-bottom: 1px solid #CCC;
	}
	#idRecall div.formButtons p {
		padding: 0;
		border-bottom: 0;
	}

/* Change form */
#frIdentification {width: 100%;}
#frIdentification label {width: 21em;}

/* Hides modify link (for js unavailable) */
#modify {visibility: hidden;}

/* --- CHANGE USER DATA --- */
#coordsRecall dt {padding-bottom: 8px;}
#coordsRecall dd.tel {padding-bottom: 8px;}

/* Form */
#frUserData label {width: 9em;}

/* --- SUBSCRIPTIONS PAGE --- */

/* Message */
#messageSubs {
	float: right;
	width: 250px;
	margin: -50px 0 10px 0;
}

div.subscriptionBox {
	float: left;
	width: 100%;
	padding: 15px 0;
	margin: 10px 0;
}
div.subscription {
	float: left;
	width: 380px;
}

div.subscriptionBox div.data {
	float: right;
	width: 300px;
	color: #666;
	background: #FFF url(../imgs/bg_vdots.gif) top left repeat-y;
}
div.data dl {
	float: left;
	width: 44%;
	padding-left: 15px;
}
div.data dt.type {
color: #2989D7;
}

div.data ul.discover {
	float: left;
	display: inline;
	width: 100%;
	margin: 15px 0 10px 15px;
}
div.data ul.discover li {padding-top: 6px;}
dl.payMode dt {
color: #2989D7;

}
div.subscriptionBox div.messageBox {
	float: left;
	width: 735px;
	margin-top: 20px;
}

/* Subscription renewal form */
#renewal {float: left; width: 100%; margin-top: 15px;}
#renewal div.userOptions {margin: 0; border: 0;}
#renewal div.userOptions p {
	float: left;
	width: 40%;
	line-height: 1.5em;
	padding: 5px;
	border: 1px solid #CCC;
}
#renewal p.validate {padding: 10px 10px 15px 0;}

#renewal div.userOptions .price {
	font-size: 110%;
	font-weight: normal;
	background-position: 20px 2px;
	padding-left: 45px;
}

/* Exceptions for hproduct */
#renewal div.hproduct {float: left;	width: 100%; margin-top: 10px;}
#renewal div.hproduct p.thumbnail {margin: 0 10px 0 15px;}
#renewal div.hproduct ul.discover {margin: 8px 0;}

#renewal div.hproduct div.userOptions p {width: 33%;}

/* Pushed Offers */
#pushOffers {width: 713px;}

/* Fields */
#ipDateFrom, #ipDateTo {width: 6em;}

/* New address Form */
#frUserData div.messageBox {float: left; width: 100%; padding: 0;}
#frUserData div.messageBox p {padding-left: 10px;}

/* --- INVOICES --- */

#view {
	float: left;
	width: 554px; 
	padding: 10px 15px;
	margin-top: 10px;
	border: 1px solid #CCC;
}

/* --- "CALCULETTE" PAGE --- */

#frCalculette div.catalog {
	float: left;
	width: 628px;
	margin-bottom: 0;
	background: #FF9933 none repeat scroll 0 0;
}
#frCalculette div.catalog h2 {
	font-size: 1em;
	color: #FFF;
	background: #FF9933;
	text-align: center;
	padding: 4px 8px 5px;
	margin-bottom: 2px;
}

#selection {
	float: right;
	width: 320px;
}
#selection caption {
	font-size: 0.85em;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background: #2989D7;
	padding: 3px 8px 4px;
}

#selection th {
  border-bottom: 1px solid #2989D7;
  width: 65%;  
}

#selection td {
  border-bottom: 1px solid #2989D7;
  width: 65%;
  text-align: right;
}

#selection tr.total th {
	color: #000;
	background: #EEE;
	text-transform: uppercase;
	vertical-align: top;
}
#selection tr.total td {
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
	color: #000;
	background: #EEE;
	vertical-align: top;
}
#selection span.detail {
	display: block;
	font-size: 0.7em;
	font-weight: normal;
}

/* Exceptions for hproduct */
#frCalculette div.hproduct {
	width: 133px;
	min-height:355px
/*	height: 260px; */
}
#frCalculette div.hproduct dt {margin: 0;}
#frCalculette div.hproduct dd.age {padding: 0 0 8px 19px;}
#frCalculette div.hproduct p.priceData {font-size: 70%; margin: 0;}

/* ------------------------------------ ! POPUPS ----------------------------------------- */

/* --- FAKE POPUPS / MODAL --- */
div.ppLayer {}
div.ppWindow {
	width: 700px;
	color: inherit;
	background: transparent url(../imgs/bg_popup.png) repeat;
	padding: 50px;
	margin: 0 auto;
	border: 2px solid #2989D7;
}
	div.ppWindow p.close {float: right;}
	
div.ppWindowFeuille{
	width: 600px;
	color: inherit;
	background: transparent url(../imgs/bg_popup.png) repeat;
	padding: 50px;
	margin: 0 auto;
	border: 2px solid #2989D7;
}
	div.ppWindowFeuille p.close {float: right;}

div.ppContent {
	overflow: auto;
	width: 94%;
	color: inherit;
	background: #FFF;
	padding: 2% 3%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

/* --- JQuery Dialog elements --- */

.ui-dialog .ui-dialog-titlebar {position: relative;}
.ui-dialog .ui-dialog-title {display: none;} 
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 55px;
	top: 23px;
	width: 90px;
	height: 24px;
	background: transparent url(../imgs/pic_close.gif) no-repeat right top;
}
.ui-dialog .ui-dialog-titlebar-close span {display: none;}

/* --- Jquery TOOLTIPS --- */
.JTShow {
	position: absolute;
	background: #FFF;
	border: 2px solid #CCC;
	z-index: 100;
}
	
#JT_arrow_left {
	position: absolute;
    top: -3px;
	left: -12px;
	height: 23px;
	width: 10px;
	background: url(../imgs/arrow_left.gif) left top no-repeat;
	z-index: 101;
}

#JT_arrow_right {
	position: absolute;
    top: -2px;
	height: 23px;
	width: 11px;
	background: url(../imgs/arrow_right.gif) left top no-repeat;
	z-index: 101;
}

/* Content div */
#JT_copy {}
#JT_copy p {margin: 5px 10px;}
p.JTCopy {
	margin: 5px 10px;
	color: #2989D7;
}

.JT_loader {
	width: 100%;
	height: 12px;
	background: url(../images/loader.gif) center center no-repeat;
}

#JT_close_left, #JT_close_right {display: none;}

/* --- Tooltip content --- */
div.toolTip {text-align: left;}

div.toolTip div.head {
	float: left;
	width: 100%;
	color: #000;
	background: #CCC;
}
div.toolTip h1 {
	width: auto;
	height: auto;
	font-size: 0.8em;
	padding: 3px 8px;
}

/* ----------------------------- ! EXCEPTIONS & SPECIFICS -------------------------------- */

/* Skip menu */
p.skip {position: absolute; top: -2000px;}

/* External Links - URLs */
a.url:link, a.url:visited {
	color: inherit;
	background: transparent url(../imgs/bg_url.gif) right no-repeat;
	padding-right: 15px;
}

/* --- CONTENT BLOCKS IN TWO COLUMNS --- */
/* For design purposes only, sorry for that */
.lftBox {
  float: left;
  width: 45%;
}
.rgtBox {
  float: right;
  width: 45%;
}

/* For paragraphs with images only */
.lftImg {float: left; width: auto; padding: 0 15px 15px 0;}
.rgtImg {float: right; width: auto; padding: 0 0 15px 15px;}

/* Hides elements */
.hidden {display: none;}

/* Division HR */
hr.division {
	display: block;
	clear: both;
	height: 1px;
	background: transparent url(../imgs/bg_dots.gif) top left repeat-x;
	border: 0;
}

/* Message box */
div.messageBox {
	float: right;
	display: inline;
	width: 174px;
	color: #000;
	background: #EEE url(../imgs/bg_message.gif) 5px 7px no-repeat;
	padding: 5px 8px 10px 25px;
	margin: 0 15px 10px 0;
}

/* Message text */
p.message {
	color: #666;
	background: #dbdbdb url(../imgs/bg_message.gif) 5px 5px no-repeat;
	padding: 5px 10px 6px 25px;
	margin: 15px 15px 10px;
	float: left;
}

/* Back to top of the page */
p.pageTop {
	clear: both;
	font-size: 0.65em;
	text-align: right;
	letter-spacing: 0.3em;
	color: #666;
   font-weight: bold;
	padding: 4px 5px 5px;
}
	p.pageTop a:link, p.pageTop a:visited {
		display: block;
		text-decoration: none;
		color: #666;
		background: transparent url(../imgs/pic_top.gif) right top no-repeat;
      padding: 6px 30px 6px 5px;
	}
	p.pageTop a:hover {color: #FF9933;}