/*
Theme Name: BaByliss
Version: 1.2
*/

@font-face {
  font-family: 'BellCentennial';
  src: url('font/BellCentennialStd-SubCapt.eot');
  src: local('☺'), url('font/BellCentennialStd-SubCapt.woff') format('woff'), url('font/BellCentennialStd-SubCapt.ttf') format('truetype'), url('font/BellCentennialStd-SubCapt.svg#webfontvwH0SGPz') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
blockquote {
  quotes: none;
}
blockquote:before, blockquote:after {
  content: '';
  content: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a img {
  border: none;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
  font-family: Arial, Verdana, sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Structure
-------------------------------------------------------------- */

#wrapper {background: #fff;}

/* Structure the footer area */
#site-info {
  float: left;
  font-size: 14px;
  font-weight: bold;
  width: 700px;
}
#site-generator {
  float: right;
  width: 220px;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {}
body,
input,
textarea {
  color: #666;
  font-size: 12px;
  line-height: 18px;
}
hr {
  background-color: #e7e7e7;
  border: 0;
  clear: both;
  height: 1px;
  margin-bottom: 18px;
}

/* Text elements */
p {
}
ul {
  list-style: square;
  margin: 0 0 18px 1.5em;
}
ol {
  list-style: decimal;
  margin: 0 0 18px 1.5em;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
}
dl {
  margin: 0 0 24px 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 18px;
}
strong {
  font-weight: bold;
}
cite,
em,
i {
  font-style: italic;
}
big {
  font-size: 131.25%;
}
ins {
  background: #ffc;
  text-decoration: none;
}
blockquote {
  font-style: italic;
  padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
  font-style: normal;
}
pre {
  background: #f7f7f7;
  color: #222;
  line-height: 18px;
  margin-bottom: 18px;
  padding: 1.5em;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
sup,
sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
input[type="text"],
input[type="password"],
textarea {
  background: #f9f9f9;
  border: 1px solid #ccc;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  padding: 2px;
}
a:link {
  color: #0066cc;
}
a:visited {
  color: #743399;
}
a:active,
a:hover {
  color: #ff4b33;
}

/* Text meant only for screen readers */
.screen-reader-text {
  position: absolute;
  left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header {
  padding: 0;
  background-color: #000;
  height: 130px;
  position: relative;
  z-index: 3000;
}
#masthead {
  width: 980px;
  margin: 0 auto;
}
#site-title {
  float: left;
  font-size: 30px;
  line-height: 36px;
  margin: 0 0 18px 0;
  width: 700px;
}
#site-title a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
#site-description {
  clear: right;
  float: right;
  font-style: italic;
  margin: 14px 0 18px 0;
  width: 220px;
}

/* This is the custom header image */
#branding img {margin: 20px 0 0 20px;}

#navhaut {float: right; text-align: right; font: 11px "Arial"; color: white; margin: 10px 10px 0 0; width: 300px}

	#navhaut ul {
		margin: 0;
  }
  
		#navhaut li {float: left; margin: 0 0 0 10px; list-style: none;}
		
			#navhaut a {color: white; text-decoration: none;}
		
			#navhaut a:focus, #navhaut a:hover {text-decoration: underline;}

    #toprightmenu {
      float: right;
    }

    #toprightmenu, #toprightmenu a {
      font: 19px "BellCentennial";
      color: #c2eeff;
    }

    #toprightmenu li.menu-item { margin-left: 30px;}

		#memberbox {
			clear: both;
		}

			#memberbox p {
				font-weight: bold;
				color: #FFE9BB;
				padding: 3px 0;
			}

      #memberbox a.logout {
        float: right;
      }
			
			.logged-in #memberbox li {
				margin: 0;
			}

      .menu-user-container {
        float: right;
        margin-right: 10px;
      }
	  
		.menu-login-container {
			float: right;
		}

/* =Menu
-------------------------------------------------------------- */

#access {
  background: #000;
  display: block;
  float: left;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  width: 980px;
}

#access ul li:hover > ul {
  display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
  color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
  color: #fff;
}

.mainnavbar{list-style: none; margin-bottom: 0;}
.mainnavbar li.main-item { 
  padding: 5px 10px; 
  border-bottom: 3px solid #000;
  float: left; 
  margin-right: 10px;
}
.mainnavbar li.products:hover {border-bottom: 3px solid #fff;}
.mainnavbar a,
.mainnavbar a:visited {
  color: #AAAAAA;
  font: 19px/29px "BellCentennial";
  text-transform: capitalize;
  text-decoration: none;
}
.mainnavbar li.current-item span a {font-size: 34px;}
html[lang=fr-FR] .mainnavbar li.current-item span a {font-size: 24px;}

html[lang=fr-FR] .mainnavbar a,
html[lang=fr-FR] .mainnavbar a:visited {
  font: 19px/29px "BellCentennial";  
}

.menu_pcat {
  background-color: #fff;
  overflow:hidden;
  _overflow:visible;
  zoom:1;
  box-shadow: 5px 4px 5px rgba(255,255,255,0.8);
  -moz-box-shadow: 5px 4px 5px rgba(255,255,255,0.8);
  -webkit-box-shadow: 5px 4px 5px rgba(255,255,255,0.8);
  position: absolute;
  float: left;
  z-index: 99999;
  display: none;
  padding: 10px;
  margin-top: 8px;
  margin-left: -10px;
}

.forwho {float: left;}
.forwho p.for_title a, .forwho p.for_title a:visited {font: bold 15px "Arial"; color:#637b90;}
.forwho ul {float: left; list-style: none; margin:0 10px 0 0}
.forwho li {margin: 2px 0; list-style: none;}
.forher {background: url(images/filet_menuderoulant.png) center right no-repeat ; margin-right: 10px}
.menu_pcat .categorie {}
.menu_pcat .souscat {}
.mainnavbar li:hover div.menu_pcat {
  display: block;
}
.menu_pcat a:hover {
  text-decoration: underline;
}
.menu_pcat li.categorie a,
.menu_pcat li.categorie a:visited { 
  color: #3a3a3a;
  font: bold 12px/16px "Arial";
}
.menu_pcat li.souscat a,
.menu_pcat li.souscat a:visited {
  color: #637b90;
  font: 12px/14px "Arial";
}

#menu-mainbar {
  list-style: none;
  margin: 0;
}
  #menu-mainbar li.menu-item {
    float: left;
    padding: 5px 10px;
    border-bottom: 3px solid #000;
    margin-right: 10px;
  }
  
  html[lang=fr-FR] #menu-mainbar li.menu-item {
    margin-right: 0;  
  }
    #menu-mainbar li.menu-item.current-menu-item a,
    #menu-mainbar li.menu-item.current-page-ancestor a,
    #menu-mainbar li.menu-item.current-post-ancestor a {
      font-size: 29px;
      color: #FFF;
    }  
    
    html[lang=fr-FR] #menu-mainbar li.menu-item.current-menu-item a,
    html[lang=fr-FR] #menu-mainbar li.menu-item.current-page-ancestor a,
    html[lang=fr-FR] #menu-mainbar li.menu-item.current-post-ancestor a {
      font-size: 22px;
    }

  #menu-mainbar a,
  #menu-mainbar a:visited {
    color: #AAAAAA;
    font: 19px/29px "BellCentennial";
    text-transform: capitalize;
    text-decoration: none;
  }
  
  html[lang=fr-FR] #menu-mainbar a,
  html[lang=fr-FR] #menu-mainbar a:visited {
    font: 19px/29px "BellCentennial";
  }

.search-container {float: right; position: absolute; bottom: 0; right: 0}
#s {background: #fff none; border: none; height: 20px; padding: 0 3px; margin: 0; vertical-align: bottom; text-align: right}
#searchsubmit { vertical-align: bottom; text-indent: -10000px; background: transparent url(images/loupe_off.png) no-repeat center center; border: none; width: 23px; height: 20px}

/* =Content
-------------------------------------------------------------- */

#main {
  clear: both;
  overflow: hidden;
  padding: 0;
}

.container-header { background-color: #000;}
.container-pushs {background: transparent url(images/fond-push.png) repeat-x top left; }
.container-inner {width: 980px; margin: 0 auto;}
.container-middle {width: 980px; margin: 0 auto;}

#content {
  /*margin-bottom: 36px;*/
  /* FLOAT FIX */
  overflow:hidden; _overflow:visible; zoom:1;
}
#content,
#content input,
#content textarea {
  color: #333;
  font-size: 16px;
  line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
  /*margin-bottom: 24px;*/
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
  margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
  font-size: 15px;
  line-height: 21px;
}
#content code {
  font-size: 13px;
}
#content dt,
#content th {
  color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  color: #000;
  line-height: 1.5em;
  /*margin: 0 0 20px 0;*/
}
#content table {
  border: 1px solid #e7e7e7;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
}
#content tr th,
#content thead th {
  color: #888;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding: 9px 24px;
}
#content tr td {
  border-top: 1px solid #e7e7e7;
  padding: 6px 24px;
}
#content tr.odd td {
  background: #f2f7fc;
}

#content h2 {
  font: 22pt "BellCentennial"
}

/* Classes génériques
------------------------------------------------------------- */
.border-tl {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;}
.border-tr {-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;}
.border-br {-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;}
.border-bl {-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;}
.border-tl-br {
  -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;
  -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
}
.border-all {
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.show_print_only {display: none}
.clearfix {overflow:hidden; _overflow:visible; zoom:1;}

/* Fil d'ariane */
.breadcrumb {
  padding: 5px;
  background-color: #c4c4c4;
  font: bold 12px/10px "Arial";
  color: #323f4b;
  text-transform: capitalize;
  width: 970px;
  margin: 0 auto;
}
.breadcrumb a, .breadcrumb a:visited { font: bold 12px/10px "Arial"; color: #323f4b; text-decoration: none; text-transform: capitalize}
.breadcrumb a:hover { text-decoration: underline;}
.breadcrumb-bottom {clear: both; background: none; padding-top: 20px;}

#pushs-container {
  width: 980px;
  max-width: 980px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
}

#pushs-container div {
  width: 980px;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.pushs {margin: 0}

.push {}
.push:nth-child(1) {display: block}
div.push-thumb {display: none;}

#pushs-thumbs {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 320px;
  margin: 0;
  background-color: rgba(120,120,120,0.3);
}
#pushs-thumbs li {
  list-style: none;
  width: 88px;
  visibility: hidden;
}

#pushs-thumbs:hover {
  width: 88px;
  background-color: rgb(120,120,120,0.7);
}
#pushs-thumbs:hover li {
  visibility: visible;
}

#bandeau {width: 980px; margin: 0 auto 10px; position: relative;}
.titre_bandeau { font: 36pt "BellCentennial"; color: #fff;}

#bandeau table {width: 100%; position: absolute; bottom: 0; text-align: center; margin-bottom: 10px;}

.bandeau-generique {
  background: #000 no-repeat top left;
  height: 110px;
  position: relative;
}

	.bandeau-generique p {
		position: absolute;
		bottom: 25px;
		width: 100%;
		text-align: center;
	}

/* Boutons de formulaire */
.blue {
	background: url("images/fond_bouton.png") repeat-x 0 50%;
	border: none;
	color: white;
	height: 31px;
	padding: 0 10px 0 13px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	font: 18px/31px "BellCentennial";
}

	.blue span {
		background-position: right center;
		background-repeat: no-repeat;
		background-image: url("images/fleche_bouton_off.png");
		padding-right: 20px;
	}
	
	.blue.right span {
		background-image: url("images/fleche_bouton_off-g.png");
	}

		:hover.blue span, button:focus.blue span {
			background-image: url("images/fleche_bouton_on.png");
		}
		
		.blue:hover.right span, .blue:focus.blue.right span {
			background-image: url("images/fleche_bouton_on-g.png");
		}

.skinned-select {
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 14px !important;
	padding: 0;
}

div.cmf-skinned-select {
	cursor: pointer;
	background: url(images/select-bg.png) no-repeat top right !important;
	height: 31px !important;
	line-height: 31px !important;
}

	div:hover.cmf-skinned-select {
		background-position: bottom right !important;
	}

div.cmf-skinned-text {
	padding-left: 10px; 
}

/* Radios stylés */
.greycircle.ui-button {
  margin: 5px 0 5px 25px;
  display: block;
  height: 30px;
  padding-left: 35px;
  background: url("images/bouton_radio_off.png") no-repeat scroll 0 50% transparent;
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.greycircle.ui-button.ui-state-active {background-image: url("images/bouton_radio_on.png")}
.ui-helper-hidden-accessible {position: absolute; left: -10000000px;}
.ui-state-active {outline: 0}
	
		
/* Divers */
.pink-bg {
	padding: 15px !important;
	background-color: #f2f2f2;
}

.blue-bg {
	text-decoration: none;
	color: white !important;
	background-color: #8cacc8;
	font-size: 12px;
	padding: 5px 8px;
}

.silver-bg, a.silver-bg {
		background: url(images/fond_gris_degrade.png) bottom left repeat-x;
		border: 1px solid #c6c4c4;
		display: block;
		color: #555;
		text-decoration: none;
		padding: 0 8px;
		cursor:pointer;
}

span.silver-bg {
  display: inline;
  padding: 3px 15px;
}

/* pushs blocks */
.block_type_product,
.block_type_tip,
.block_type_text,
.block_type_video {
  position: relative;
  margin-top: 10px;
}

.block_type_text {
  padding: 0 0 25px;
  background-color: #EDEDED;
}

.block_type_product h3,
.block_type_text h3,
.block_type_tip h3,
.block_type_video h3 {
  padding: 0 5px 0 10px;
  margin: 0;
  font: 22px/24px 'BellCentennial';
  line-height: 30px;
}

.block_type_text h3 {
  margin-top: 0;
  color: #fff;
}

.block_type_text h4 {
  /*margin-top: 0;*/
  margin-bottom: 10px;
  color: #323f4b;
  font: bold 18px "Arial";
}

.push-text {
  padding: 10px 10px 10px 20px;
  color: #323f4b;
  font: 12px "Arial";
}
/* Push produit */
.push-product {
  width: 100%;
  position: relative;
  padding: 5px 0 25px;
  border-bottom:1px solid #ccc;
}
  .push-product img {
    float: left;
    padding: 5px;
  }
  .push-product p {
    font: 16px/14px "BellCentennial";
    color: #555555;
    padding: 10px 0 10px 135px;
    vertical-align: middle;
  }
    .push-product p.nameref {
      font: 24px/18px "BellCentennial";
      color: #555555;
    }

.push-tip {
  background: url("images/bloc_conseil_rose_big.png") no-repeat scroll left top transparent;
  padding:0 10px 0 0;
  margin:2px 14px;
  min-height:116px;
  width: 430px;
}

.push-tip img.tips-illustration {
  float:left;
  margin:5px;
}

.push-tip .titre-tips{font: 22px/18px "BellCentennial"; color:#b70c75;padding:5px 0 5px;margin:0;}
.push-tip .corps-tips {font-size:12px; color:#323f4b;padding:0 5px 10px 0;margin:0 0 0 135px;}
.push-tip a {
  color: #B70C75;
  text-decoration: none;
}
.push-tip a.knowmore {
  color:#b70c75;
  font-size:11px;
  text-decoration:none;
  margin: 0 0 0 135px;
  display: block;
}
.push-tip a:hover{text-decoration:underline;}

/* Home page
-------------------------------------------------------------- */
.home_who {float: left;}
.home_for_her, .home_for_him {width: 488px; height: 248px; margin-top: 10px; float: left; position: relative;}
.home_for_her { margin-right: 4px; background: #fff url(images/push_bbliss.jpg) bottom left no-repeat; }
.home_for_him {background: #fff url(images/push_bblissformen.jpg) bottom left no-repeat; text-align: right}
.home_who ul {list-style: none; padding:0;}
.home_for_her ul {margin: 20px 0 0 130px}
.home_for_him ul {margin: 20px 0 0 0}
.home_who li {width: 110px; float: left; font: 18px "BellCentennial"; text-align: center;}
.home_who li.odd {margin-top: 40px;}
.home_who li span {margin-top: -10px;}
.home_who li a {text-decoration: none; color: #3a3a3a}

/* Two columns (for her/for him for example)
-------------------------------------------------------------- */

.column-50 {
  width: 50%; float: left; position: relative; height: 100%;
}
.one-column, .two-columns {position: relative; padding: 0; margin: 0; width: 100%;}
.left-col, .right-col {width: 488px; max-width: 488px; height: 100%; margin-top: 10px; float: left; position: relative; background-color: #ededed}
.one-column .left-col, .one-column .right-col {width: 980px; max-width: 980px}
.two-columns .left-col {margin-right: 4px}
.title_him {text-align: right}
.title_her span {padding-left: 10px}
.title_him span {padding-right: 10px}
.title_her a, .title_him a {   
  background: none repeat scroll 0 0 #FFFFFF;
  bottom: 0;
  color: #A3A3A3;
  display: block;
  font: 24px/30px "BellCentennial";
  height: 30px;
  position: relative;
  text-decoration: none;
}

.title_her .sgauche { 
  padding: 0 18px 0 0;
  background: url(images/push_bbliss_sgauche.png) no-repeat right bottom; 
  float: left; 
  height: 30px;
  position: relative;
  top: -8px;
  vertical-align: bottom;
}

.title_him .sdroite {
  padding: 0 0 0 18px;
/*  float: right; */
  background: url("images/push_bblissformen_sdroite.png") no-repeat scroll left bottom transparent;
  float: right;
  height: 30px;
  position: relative;
  top: -8px;
  vertical-align: bottom;
}

.title_her a:visited, .title_him a:visited {color: #a3a3a3;}

#content img.title_img {}
/*.title_her {background: #fff url(images/push_bbliss_sgauche.png) top right no-repeat; padding-right: 18px;}
.title_him {background: #fff url(images/push_bbliss_sdroite.png) top left no-repeat; padding-left: 18px;}*/

.for_her, .for_him {padding: 5px 9px 18px;}
.for_him ul {list-style: none; padding:0; margin:0 130px 0 0}
.baseline_her, .baseline_him {position: absolute; bottom: 0; right: 0; margin-right: 10px;}
.baseline_him {left: 0; margin-left: 10px; text-align: left}
.baseline_her a, .baseline_him a {font: bold 12px/20px "Arial"; color:#fff; text-decoration: none}

/* Carrousel de comparaison de produits
-------------------------------------------------------------- */
#other-products-in-same-category {
    padding: 0 30px;
    background: #fff url(images/carrou_fond.png) repeat-x top left;
    border-bottom: 1px solid #b1b1b1;
    border-top: 1px solid #b1b1b1;
}
.carrousel-compare {
    position: relative;
    clear: both;
    padding: 5px 0 0;
    margin: 0 auto;
    overflow: hidden;
    _overflow: hidden;
    zoom: 1;
    width: 920px;
    height: 264px;
}
.carrousel-compare div.jcarousel-clip {
  width: 920px;
}
.carrousel-compare .carrousel_produits {
    position: relative;
    float: left;
    width: 920px
}
.carrousel-compare ul.items {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 20000em;
}
.carrousel-compare li {list-style: none; float: left; width: 174px; height: 210px; text-align: center; position: relative; margin: 5px; padding: 0 0 20px}
.carrousel-compare li a { font: bold 12px/14px "Arial"; color: #8d9eae; text-decoration: none; display: block}
.carrousel-compare li a:hover { color: #555555;}
.carrousel-compare li:hover { -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333; box-shadow: 0px 0px 5px #333; }
.carrousel-compare li input[type=checkbox] {position: absolute; margin: 0 0 0 -7px; bottom: 5px; left: 50%;}
.carrousel-compare .compare {
    clear: both;
    text-align: center;
    padding: 3px 0;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.carrousel-compare .compare button { background: none; border: none; font: bold 12px/14px "Arial"; color: #555;}
.carrousel-compare .compare button:hover { color: #8d9eae;}
.carrousel-compare > a.prev, .carrousel-compare > a.next {position: absolute; top: 0; display: block; height: 264px; background: url(images/carrou_flechegauche_off.png) no-repeat center center; text-indent: -10000px; width: 30px; float: left; cursor: pointer}
.carrousel-compare > a.next {right: 0; background-image: url(images/carrou_flechedroite_off.png) }
.carrousel-compare > a.prev {left: 0}
.carrousel-compare > a.next:hover {background-image: url(images/carrou_flechedroite_on.png) }
.carrousel-compare > a.prev:hover {background-image: url(images/carrou_flechegauche_on.png) }

/* Carrousel de produits de niveau 1
-------------------------------------------------------------- */
.carrousel-niv1 {
  position: relative;
  width: auto;
  height: 175px;
  clear: both;
  padding: 0 30px;
  margin-bottom: 18px;
  background-color: #606c78;
  float: left;
  max-width: 900px;
}
.carrousel-niv1 div.jcarousel-clip {
  width: 900px
}
.carrousel-niv1 ul.items { display: block; position: relative; top: 0; left: 0; margin: 0; background: #fff url(images/carrou_fond.png) repeat-x top left; float: left}
.carrousel-niv1 li {list-style: none; float: left; width: 149px; height: 175px; border-right: 1px solid; text-align: center; position: relative; margin: 0}
.carrousel-niv1 li a { font: bold 12px/14px "Arial"; color: #8d9eae; text-decoration: none; display: block}
.carrousel-niv1 li a:hover { color: #555555;}
/*.carrousel-niv1 li:hover { -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333; box-shadow: 0px 0px 5px #333; }*/
.carrousel-niv1 a.prev, .carrousel-niv1 a.next {position: absolute;  top: 0; display: block; height: 175px; background: transparent url(images/carrou_flechegauche_off.png) no-repeat center center; text-indent: -10000px; width: 30px; float: left; cursor: pointer}
.carrousel-niv1 a.next {right: 0; background-image: url(images/carrou_flechedroite_off.png)}
.carrousel-niv1 a.prev {left: 0;}
.carrousel-niv1 a.next:hover {background-image: url(images/carrou_flechedroite_on.png)}
.carrousel-niv1 a.prev:hover {background-image: url(images/carrou_flechegauche_on.png)}
.carrousel-niv1-container {padding: 0 10px 20px; background-color: #ededed}
.carrousel-niv1-container h2 {font: 20px/22px "BellCentennial"; margin: 10px 0 5px 20px; text-transform: capitalize}
.carrousel-niv1-container h2 a, .carrousel-niv1-container h2 a:visited {text-decoration: none; color: #59a5d9}
.carrousel-niv1 a.plink {margin: 10px 0 0}

/* cas du carrousel niv1 sur template 2 colonnes */
.two-columns .carrousel-niv1-container {
  padding: 0;
}
.two-columns .carrousel-niv1 {
  max-width: 429px;
  padding: 0 20px;
  height: 165px;
}
  .two-columns .carrousel-niv1 div.jcarousel-clip {
    width: 429px;
    max-width: 429px;
  }
  .two-columns .carrousel-niv1 li {
    width: 142px;
    height: 165px;
  }
  .two-columns .carrousel-niv1 a.prev, .two-columns .carrousel-niv1 a.next {
    width: 20px;
  }
  .two-columns .carrousel-niv1-container h2.titre-cat {
    text-indent: -10000px;
  }

.one-column .for_her, .one-column .for_him {padding: 5px 0 20px;}

/* Carrousel de produits de niveau 2
-------------------------------------------------------------- */
.carrousel-niv2 {position: relative; width: auto; clear: both; padding: 0 20px; margin-bottom: 18px; background-color: #606c78; float: left }
.one-column .carrousel-niv2 {max-width: 900px; padding: 0 30px;}
.one-column .carrousel-niv2 div.jcarousel-clip {
  max-width: 900px;
  width: 900px;
}
.two-columns .carrousel-niv2 {
  max-width: 429px;
}
.two-columns .carrousel-niv2 div.jcarousel-clip {max-width: 429px; width: 429px;}
.carrousel-niv2 ul.items {position: relative; top: 0; left: 0; margin: 0; background: #fff url(images/carrou_fond.png) repeat-x top left}
.carrousel-niv2 li {list-style: none; float: left; width: 142px; height: 165px; border-right: 1px solid; text-align: center; position: relative; margin: 0; overflow: hidden}
.carrousel-niv2 li a { font: bold 12px/14px "Arial"; color: #8d9eae; text-decoration: none; display: block}
.carrousel-niv2 li a:hover { color: #555555;}
.carrousel-niv2 li.item .carrousel_subcat { width: 149px; height: 20px; display: block;}
.carrousel-niv2 li.item .carrousel_subcat a { font: bold 12px/20px "Arial"; text-transform: capitalize;}

/*.carrousel-niv2 li:hover { -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333; box-shadow: 0px 0px 5px #333; }*/
.carrousel-niv2 a.prev, .carrousel-niv2 a.next {position: absolute; top: 0; display: block; height: 165px; background: transparent url(images/carrou_flechegauche_off.png) no-repeat center center; text-indent: -10000px; width: 20px; float: left; cursor: pointer}
.carrousel-niv2 a.next {right: 0; background: transparent url(images/carrou_flechedroite_off.png) no-repeat center center; }
.carrousel-niv2 a.prev { left: 0}
.carrousel-niv2 a.next:hover {background-image: url(images/carrou_flechedroite_on.png) }
.carrousel-niv2 a.prev:hover {background-image: url(images/carrou_flechegauche_on.png) }

.one-column .carrousel-niv2-sub div.jcarousel-clip {
  max-width: 149px;
  width: 149px;
}
.two-columns .carrousel-niv2-sub div.jcarousel-clip {
  max-width: 143px;
  width: 143px;
}
.one-column .carrousel-niv2 a.prev,
.one-column .carrousel-niv2 a.next {
  width: 30px;
}
.one-column .carrousel-niv2 li {
  width: 149px;
}

.carrousel-niv2 ul.sub-items {/*position: relative; top: 0; left: 0;*/ margin: 0}
.carrousel-niv2 li.sub-item {height: 145px;border: 0}
.carrousel-niv2 li.sub-item p {position: absolute; left: 0; bottom: 5px; width: 143px}
.carrousel-niv2-sub a.prev,
.carrousel-niv2-sub a.next {
  display: block;
  width: 20px;
  position: absolute;
  top: auto;
  float: none;
  height: auto;
  background: none;
  text-indent: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer
}
.carrousel-niv2-sub a.next {right: 0;}
.carrousel-niv2-sub a.prev {left: 0;}
.carrousel-niv2-sub a.next:hover { background: none; }
.carrousel-niv2-sub a.prev:hover { background: none; }

.carrousel-niv2-container {padding: 0; background-color: #ededed}
.carrousel-niv2-container h2 {font: 20px/22px "BellCentennial"; margin: 10px 0 5px 20px; text-transform: capitalize}
.carrousel-niv2-container h2 a, .carrousel-niv2-container h2 a:visited {text-decoration: none; color: #59a5d9}

.carrousel-compare a.jcarousel-prev-disabled,
.carrousel-compare a.jcarousel-next-disabled,
.carrousel-niv1 a.jcarousel-prev-disabled,
.carrousel-niv1 a.jcarousel-next-disabled,
.carrousel-niv2 a.jcarousel-prev-disabled,
.carrousel-niv2 a.jcarousel-next-disabled {
  background-position: -10000px;
  text-indent: -10000px;
}

/* Page sous-catégorie
-------------------------------------------------------------- */
#content-subcategory .titre-cat {background-color: #ededed; color:#a3a3a3; font: 24px/24px "BellCentennial"; margin: 10px 0 0;}
.titre-cat span {background-color: #fff; vertical-align: top; padding: 0 0 0 10px; position: relative; top: -4px}
.carrousel-compare-container {padding-bottom: 20px; background-color: #ededed}

/* Page produit
-------------------------------------------------------------- */
#content {font: 14px/16px "Arial";}
.single-product .produit {padding: 0 18px 0 20px;}
.pdt-tabs-holder {list-style: none; margin: 0}
.pdt-left-col {width: 488px; margin:0 16px 25px 19px; float: left;}
.pdt-tabs-toggle button {border: none; background: none; font: 22px/25px "BellCentennial"; color: #fff; height: 30px}
.pdt-tabs-toggle {background-color: #637b90; float: left; padding: 0 10px;}
.pdt-det, .pdt-desc, .pdt-techsheet {clear: both; background-color: #ebebeb; padding: 10px 10px 10px 20px; display: none;}

.single-product .pictos {
  list-style: none;
  width: 458px;
  margin: 10px 0 0;
}
  .single-product .picto {
    width: 229px;
    display: block;
    float: left;
  }
    .single-product #content .picto td.picto_img {
      width: 70px;
      padding: 0;
    }
    .single-product #content .picto td.picto_desc {
      padding: 3px 10px;
      vertical-align: middle;
      font-size: 11px;
      color: #7199bc;
    }

.pdt-actions {background-color: #637b90;}

.pdt-right-col {width:438px; float: left; margin: 0 0 20px 0}
.pdt-attach-holder {list-style: none; margin: 0}
.pdt-attach-toggle button {border: none; background: none; font: bold 12px/25px "Arial"; color: #fff; text-transform: uppercase; height: 30px}
.pdt-attach-toggle {background-color: #637b90; float: left; padding: 0 10px; margin-right: 5px}
#espace-files { padding: 30px 15px; }
.espace-attach {clear: both; margin-bottom: 18px}
.espace-carrousel {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 438px;
    height: 100%;
}
.espace-attach-vignettes { background-color: #ebebeb; margin: 0}
.espace-attach-vignettes li {display: block; float: left; width: 146px; text-align: center; list-style: none;}

.espace-attach .prne {
    position: absolute; 
    z-index: 99999;
    height: 100%;
    top:0;
    left:0;
    border: none;
    background: none;
    height: 100%;
    visibility: hidden;
    /*background-color: rgba(255,255,255,0.5)*/
    background-color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.espace-attach:hover .prne {
    visibility: visible
}

.espace-attach .next {left: auto; right:0;}

.espace-attach .jcarousel-item-horizontal {
  width: 438px;
}

.espace-carrousel div.jcarousel-clip {
  width: 438px;
}
.jcarousel {
    list-style: none;
    margin:0;
    min-height: 182px
}

.jcarousel ul {
    list-style: none;
    margin:0;
    padding: 0;
    left: 0;
    position: absolute;
    width: 20000em;
}

.jcarousel ul li {
    float: left;
}

.espace-attach .jcarousel ul li {
    width: 438px;
}

.two-columns p.categorie {text-align: center; clear: both}
.one-column p.categorie {margin: 10px 0 5px 20px; clear: both}
p.categorie a {text-decoration: none}


#sendtofriend {
  position: fixed;
  background-color: #fff;
  display: none;
  width: 400px;
  height: 300px;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -200px;
  z-index: 99999;
  padding: 20px;
}

#overlay {
  position: fixed;
  display: none;
  z-index: 99998;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.7);
}

/* Page points de vente (stores location)
-------------------------------------------------------------- */
#stores-all-display-container{padding:0 30px; position: relative;}
.stores-left-col {float:left;margin:10px 0 0 0; width: 472px;}
.stores-right-col {float:right;margin:47px 0 0 0;}
.stores-left-col-header{
  background: url("images/fond_gris_degrade.png") repeat scroll 0 0 transparent;
  border: 1px solid #C6C4C4;
  border-bottom: 0;
  color: #000;
  font-size: 18px;
  height: 25px;
  width: 420px;
  padding:10px 0 0 0;
  margin: 0 auto;
  text-align: center;
}
#stores-all-display-container ul.stores-tabs-holder {margin: 0;}
.stores-tabs-holder, .stores-search{background: url("images/fond_gris_degrade.png") repeat scroll 0 0 transparent;border: 1px solid #C6C4C4;margin:-1px 0 0 0;list-style: none outside none;width: 470px;height:50px;display:inline-block;color: #555555;font-size: 14px;}
.stores-tabs-holder li{float:left;}
.stores-tabs-sep {width: 1px; height: 50px; border-right: 1px solid #C6C4C4;}
.stores-tabs-holder button{background: transparent;border: 0; height: 50px;margin: 0;padding: 10px; width: 234px; font-size:18px;color:#555;}
.stores-search label{margin:0 0 0 25px;}
.stores-search input{margin:15px 0 0 15px;}
#stores-all-display-container ul.stores-results {margin: 0; padding: 15px; width: 440px; border: 1px solid #C6C4C4; border-top: 0}
.stores-results li{ list-style: none; line-height: 60px; height: 60px; padding: 0; color:#AAC0c7; font-size:18px; font-weight:bold;}
.stores-results li img, .stores-results li span {vertical-align: middle; margin-right: 10px; color:#AAC0c7; }
#produit-stores{margin:-4px 0 0 0;}

#produit-stores .blue {
    margin: 0;
}

#gmap { width: 424px; height: 350px; float:right; behavior: none;}
.container-stores {}
.bandeau-stores {
  background: #000 no-repeat bottom center;
  height: 110px;
  position: relative
}
.bandeau-stores table {width: 100%; position: absolute; bottom: 0; text-align: center; margin-bottom: 10px;}

.online-stores-list td {vertical-align: top}
.online-stores-list a { color: #6C9FB7; }

/* Page d'affichage des magasins sous forme de liste 
-----------------------------------------------------------------------------*/
.stores-list .stores-tabs-holder { width: 918px;}
#content .stores-list-table {font-size:11px;margin:0; border: 0; border-collapse: collapse}
#content .stores-list-table tr td { 
  margin: 0;
  border: 1px solid #C6C4C4;
  padding: 10px;
}
td.store p.store-country{color: #6C9FB7;display: block;text-decoration: none;text-transform:uppercase;}
td.store a{color: #6C9FB7;text-decoration:none;}
td.store a:hover{text-decoration:underline;}

/* Current items
-------------------------------------------------------------- */
li.pdt-current-tab button {color: #323f4b}
.pdt-current-tab {background-color: #ebebeb; display: block; position: relative}
.pdt-current-tab .espace-carrousel {
  display: block;
}

/* Page comparatif produits
-------------------------------------------------------------- */
.bandeau-compare {
  background: #000 no-repeat top left;
  height: 180px;
  position: relative
}
.bandeau-compare .blue {float:right;}
#compare-sheet {clear:right;}
#compare-sheet .hentry:first-child {border-left: 1px solid #E7E7E7;} 
#compare-sheet .hentry {border-right: 1px solid #E7E7E7;float: left;margin: -80px 0 0;padding: 0 14px 14px;position: relative;width: 215px;}
#compare-sheet .remove {background: url(images/close-pic.png) top left no-repeat; width: 26px; height: 26px; display: block; text-indent: -999px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 15px; right: 10px; opacity: 0.7; filter: alpha(opacity=70);z-index:1000;}
#compare-sheet .remove:hover, #compare-sheet .remove:focus {opacity: 1; filter: alpha(opacity=100);}
#compare-sheet .csp-header,.csp-header a {font: 22px/15px "BellCentennial";color:#323f4b;text-decoration:none;}
#compare-sheet .csp-header h2 {padding-top: 8px;}
#compare-sheet .csp-header a:hover{text-decoration:underline;} 
#compare-sheet .csp-img {text-align: center; display: block; width: 160px; height: 160px}
#compare-sheet .techsheet{margin:10px 0 0 0;line-height:18px;color:#323f4b;}
#compare-sheet .techsheet ul {list-style:square inside url("images/comparateur_puce.png");padding-left: 0;margin:0;}
#compare-sheet .pictos{padding: 10px;}
#compare-sheet .blue {
  font-size:12px;
  width: 215px;
  text-align: center;
  display: block;
  color:#fff;
  font-size:12px;
  text-align:center;
  background: url("images/fond_bouton.png") repeat-x scroll 0 50% transparent;
  border: none;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  padding: 0;
}

#compare-sheet .pictos {
  list-style: none;
  background-color:#f3f3f3;
  margin:10px 0 0 0;
}
  #compare-sheet .picto {
    
  }
    #compare-sheet .picto td.picto_img {
      width: 70px;
      padding: 0;
    }
    #compare-sheet .picto td.picto_desc {
      padding: 3px 10px;
      vertical-align: middle;
      font-size: 11px;
      color: #7199bc;
    }

/* Page résultats de recherche (search results)
-------------------------------------------------------------- */
.bandeau-search {
  background: #000 no-repeat top left;
  height: 110px;
  position: relative;
}
.bandeau-search p {position:absolute;bottom:25px;width:100%;text-align:center;}
#search-all-display-container {font:Arial, Helvetica, sans-serif;margin:0 0 0 30px;}
#search-all-display-container a:hover {text-decoration:underline;}
#search-all-display-container a {color:#637b90;text-decoration:none;}

#search-all-display-container p {font-size:14px;color:black;line-height:1.5em;}

#search-all-display-container .search-left-col {float:left;margin:10px 0;width:570px;padding:0 0 15px;}
#search-all-display-container .search-left-col h1{margin:0px 0 15px 0;font-size:20px;color:#000;}
#search-all-display-container .search-results {border-bottom:1px solid #b1b1b1;padding-bottom:18px}
#search-all-display-container .search-left-col h2.entry-title{background:url("images/fleche_resultats.png") no-repeat scroll 0 50% transparent;padding:0 0 0 15px;margin:22px 0 0 0;}
#search-all-display-container .search-left-col h2.entry-title a {font-weight:bold;font-size:14px;}

#search-all-display-container .search-right-col {float:left;margin:10px 0 10px 40px;width:310px;padding:0;}
#search-all-display-container .search-right-col ul.search-options-holder{border: 1px solid #C6C4C4;margin:-1px 0 0 0;list-style: none outside none;width: 310px;color: #000;font-size: 20px;}
#search-all-display-container .search-right-col ul.search-options-holder li{height:40px; background: url("images/fond_gris_degrade.png") repeat scroll 0 0 transparent;}
#search-all-display-container .search-right-col ul.search-options-holder li.search-option-title{text-align:center;background:none;padding:15px 0 5px 0;height:auto;}
#search-all-display-container .search-right-col ul.search-options-holder li.search-option-textfield{text-align:center;padding:5px;height:30px;}
#search-all-display-container .search-right-col ul.search-options-holder li.search-option {border-top:1px solid #b1b1b1;}
#search-all-display-container .search-right-col ul.search-options-holder li.search-option button{text-align:left;background: url("images/bouton_radio_on.png") no-repeat scroll 75% 50% transparent;border: medium none;height: 50px;width:100%;margin: 0;padding: 0 0 0 30px;font-size:20px;color:#000;}

#search-all-display-container .product-breadcrumb, #search-all-display-container .product-breadcrumb a, #search-all-display-container .meta-sep {color:black;font-size:14px;} 

/* Pagination résultats de recherche (search results pager)
-------------------------------------------------------------- */
ul.page-numbers {
	float: right;
	margin-top: 18px;
	color: black;
}
	ul.page-numbers li {
		clear: right;
		list-style: none;
		float: left;
		margin-left: 8px;
	}
			ul.page-numbers li a {
				color: black !important;
			}
			ul.page-numbers .current {
				color: #08f;
				font-weight: bold;
			}
				
/* Page conseils (tips)
-------------------------------------------------------------- */
#tips-all-display-container{padding:0;}
.tips-left-col {float:left;margin:10px 20px 0 0;width:472px;}
.tips-right-col {float:left;margin:10px 0 0 0;width:468px;}
#tips-products-search-header, #tips-header {text-align: center; padding: 10px 0; overflow: hidden}
.tips-left-col-header,.tips-right-col-header{background: url("images/fond_gris_degrade.png") repeat-x scroll 0 0 transparent;border: 1px solid #C6C4C4; border-bottom: 0; color: #000;font-size: 18px;line-height: 25px;padding:10px 10px 15px;text-align: center;}
.tips-critere{background: url("images/fond_gris_degrade.png") repeat scroll 0 0 transparent;border: 1px solid #C6C4C4;margin:-1px 0 0 0;list-style: none outside none;width: 470px;height:50px;display:inline-block;color: #555555;font-size: 14px;}
.tips-tabs-holder li{float:left;}
.tips-critere button{background: none;border: medium none;height: 33px;margin: 5px 0 0 10px;padding: 0;font-size:18px;color:#000;}
.tips-search label{margin:0 0 0 25px;}
.tips-search input{margin:15px 0 0 15px;}
.tips-choix {margin: 0; padding: 5px 0; border: 1px solid #C6C4C4; border-top: 0;overflow:auto;width:470px;}
#tips-all-display-container .tips-choix ul{float: right;width: 450px;margin: 0;padding: 0;list-style:none inside none;}
.tips-choix ul li{ float: left;width: 220px;margin: 0;padding: 0;}
.tips-choix ul li input {}
.tips-choix ul li img, .tips-choix li span {vertical-align: middle; margin-right: 10px;}
/*
.tips-col button.recherche{color:#fff;font-size:16px;text-align:left;background: url("images/fond_bouton.png") repeat-x scroll 0 50% transparent;border: none;height: 31px;padding: 0 0 0 15px;}
.tips-col button.recherche .arrow {background: url("images/fleche_bouton_off.png") no-repeat scroll center center transparent; padding: 0 15px;}
.tips-col button.recherche:hover .arrow {background-image: url("images/fleche_bouton_on.png")}
*/
.tips-tips {padding:0;}
.tips-tips ul.tips{list-style:none inside none;margin:0;padding:0;}
.pdt-right-col .tips-tips ul.tips li.push-tip {margin: 0 0 10px 0;}
.tips-tips button.blue {margin-left: 14px;}
.tips-right-col button.recherche{margin:0 0 0 14px;}
.bandeau-tips {
  background: #000 no-repeat top left;
  height: 110px;
  position: relative
}
.bandeau-tips table {width: 100%; position: absolute; bottom: 0; text-align: center; margin-bottom: 10px;}
.bandeau-tips td {width: 50%;}


div.tips-results {
  border: 1px solid #C6C4C4;
  border-bottom: none;
  font-size: 14px;
  /*margin:-1px 0 15px 0;*/
  margin: 0;
  width: 470px;
}

  ul.tips-results {
    list-style:none inside none;
    margin:0;
  }

      li.tips-result p.no-results {
        margin: 20px 0;
        text-align: center;
      }

        a.knowmore-blue {
          display: block;
          color:#fff;
          font-size:12px;
          text-align:left;
          background: url("images/fond_bouton.png") repeat-x scroll 0 50% transparent;
          border: none;
          height: 25px;
          line-height: 25px;
          text-decoration: none;
          padding: 0 10px;
          position: absolute;
          bottom: 0;
          right: 0;
        }

/* Page conseil (single tip)
-------------------------------------------------------------- */
.bandeau-single-tip {
  background: #000 no-repeat top left;
  height: 110px;
  position: relative;
}
.main-single-tip {margin:-100px auto 0;position:relative;}
.single-tip-left-col {width:518px;margin:0 50px 0 0;clear: both; float:left;}
.single-tip-header {padding:0; min-height: 90px;}
.single-tip-header img {border:0 none;margin:0}
.single-tip-header table { width: 100%}
.single-tip-header td { text-align: center;}
.single-tip-header td.col1 {width: 510px; padding: 0 50px 0 30px;}
.single-tip-tip{margin:25px 0 15px 30px;color:#323f4b;}
.single-tip-titre{background-color:#f8c2dd;font: 22px/18px "BellCentennial";padding:5px 10px;}
.single-tip-intro{background-color:#f2f1f1;padding:10px;line-height:18px;font-size:12px;}
p.single-tip-sous-titre{font-size:16px;font-weight:bold;}
p.single-tip-description{}
div.single-tip-corps{background-color:#f2f1f1;padding:10px 15px;}
ul.single-tip-corps{list-style:none inside none;margin:0;}
ul.single-tip-corps li.tip-tip{margin:0 0 15px;font-size:16px;font-weight:bold;}
ul.single-tip-corps li.tip-tip ul{list-style:square inside url("images/comparateur_puce.png");margin:0;}
ul.single-tip-corps li.tip-tip ul li{font-weight:normal;font-size:12px;}
.single-tip-actions { background-color:#f8c2dd; }
button.single-tip-foot-btn {
  color:#323f4b;
  font: 16px/45px "BellCentennial";
  text-align:left;
  text-transform:capitalize;
  padding: 0 15px;
  margin:0;
}
.single-tip-right-col{width:385px;float:left;}
.single-tip-products{margin:30px 0 0 0;}
.single-tip-products p.titre{font: 20px/18px "BellCentennial";color:#637b90;text-align: center;}
ul.single-tip-products-list {list-style:none inside none;margin:10px 0 0 0;padding:0;}
ul.single-tip-products-list li.tips-result {min-height:115px; width: 385px; border-bottom:1px solid #ccc;}
ul.single-tip-products-list li.tips-result p {}

#single-tip-all-display-container {padding-bottom: 15px;}

/* Actions Bar (tip and product page)
-------------------------------------------------------------- */
#actions-bar {
   float: left;
   width: 468px;
   padding: 0 0 0 20px;
}
  #actions-bar ul {
    margin: 0;
    float: left;
    text-align: left;
    width: 100%;
  }  
    #actions-bar li {
      list-style: none;
      float: left;
      margin: 0;
      line-height: 45px;
      padding: 0 20px 0 0;
      text-align: center;
    }
    #actions-bar button, #actions-bar a, #actions-bar iframe {
      vertical-align: top;
    }
    #actions-bar a {
      font: 12px/45px "Arial";
      color: #FFF; /*#323F4B;*/
      text-decoration: none;
    }
    #actions-bar button {
      border: none;
      padding: 0;
      background: none;
      margin: 0;
    }
    #actions-bar iframe {
      margin: 1px;
    }
    
    #actions-bar .print {
      border: 0;
      cursor: pointer;
      text-indent: -10000em;
      width: 30px;
      height: 36px;
      background: url(images/print_pt.png) no-repeat 50% 50% scroll transparent;
      float: left;
    }
    
    #actions-bar .email {
      text-indent: -10000em;
      width: 30px;
      height: 36px;
      display: block;
      background: url(images/send_pt.png) no-repeat 50% 50% scroll transparent;
      float: left;
    }

  #actions-bar .share-links {
    float: none;
    padding: 3px 5px;
  }
    #actions-bar .share-links a, .print-send-box a {
      padding: 0 2px;
      margin: 0;
      line-height: 1;
    }
    #actions-bar .share-links button, .print-send-box button {
      padding: 0;
      margin: 0 2px;
    }

    #actions-bar .share-links .fb-like {
        vertical-align: top;
        display: inline;
    }

    #actions-bar .share-links .fb_edge_widget_with_comment {
        position: absolute;
    }
/*  #actions-bar .share-links, .print-send-box {
    float: right;
    padding: 10px 0 3px;
  }*/

/* Page actualités/idées cadeaux
-------------------------------------------------------------- */
.page-template-news-gift-ideas-2col-php .column-50 .column-inside {
  padding: 20px;
}

/* Page 404
-------------------------------------------------------------- */
.bandeau-error404 {
  background: #000 no-repeat top left;
  height: 110px;
  position: relative;
}

	.bandeau-error404 p {
		position: absolute;
		bottom: 25px;
		left: 355px;
	} 
	
.container-middle.error404 {
	width: 650px;
	margin: 40px auto;	
}

		.container-middle.error404 p {
			font-size: 18px;
			color: #6c9fb7;
			line-height: 1.5em;
			margin: .5em 0; 
		}


/* =Footer
-------------------------------------------------------------- */
#footer {
  clear: both;
  padding: 5px;
  text-align: left;
  width: 970px;
  margin: 10px auto 20px;
  height: 20px;
  background-color: #e7e7e7;
  line-height: 20px;
}

#footer span, #footer a { font: bold 10px/14px "Arial"; text-decoration: none; color: #555; vertical-align: text-top }
#footer a:hover {text-decoration: underline}

	#menu-footer {
			margin: 0 0 0 5px;
		}

		#menu-footer li {
			list-style: none;
			float: left;
			margin-right: 10px;
		}

/*-------------------------------------*/
.js .hide-if-js,
.no-js .hide-if-no-js {
  display: none
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
  -webkit-text-size-adjust: 140%;
}
code {
  -webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
  -webkit-text-size-adjust: 120%;
}
#site-description {
  -webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
  body {
    background: none !important;
  }
  #wrapper {
    clear: both !important;
    display: block !important;
    float: none !important;
    position: relative !important;
  }
  #header {
    border-bottom: 2pt solid #000;
    padding-bottom: 18pt;
  }
  #colophon {
    border-top: 2pt solid #000;
  }
  #site-title,
  #site-description {
    float: none;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
  }
  #site-title {
    font-size: 13pt;
  }
  .entry-content {
    font-size: 14pt;
    line-height: 1.6em;
  }
  .entry-title {
    font-size: 21pt;
  }
  #access,
  #respond,
  .comment-edit-link,
  .edit-link,
  .navigation,
  .page-link,
  .widget-area {
    display: none !important;
  }
  #container,
  #header,
  #footer {
    margin: 0;
    width: 100%;
  }
  #content,
  .one-column #content {
    margin: 24pt 0 0;
    /*width: 100%;*/
  }
  .wp-caption p {
    font-size: 11pt;
  }
  #site-info,
  #site-generator {
    float: none;
    width: auto;
  }
  #colophon {
    width: auto;
  }
  img#wpstats {
    display: none;
  }
  #site-generator a {
    margin: 0;
    padding: 0;
  }
  #entry-author-info {
    border: 1px solid #e7e7e7;
  }
  #main {
    display: inline;
  }
  .home .sticky {
    border: none;
  }

  .pdt-tabs-holder {display: none;}
  .pdt-tabs {display: block}
  .show_print_only {display: block}
  .hide_for_print {display: none}
}

#btn_acheter_maintenant {
  display: block;
  background: transparent url("http://www.babyliss.fr/wp-content/uploads/bt_acheter_maintenant.jpg") no-repeat 0 0;
  width: 126px;
  height: 88px;
  text-indent: -5000em;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}