﻿/* 
site: Truffaut.com
CSS : Header Footer
Version: 1.0
*/


/*	##########################################################################
@group ROOT (Style general a toutes les pages)
########################################################################### */

html, body {
	width: 100%;
}
body {
	background: none no-repeat fixed center top #efebe6;
    color: #000000;
    font-family: verdana,sans-serif;
    font-size: 100%;
    margin: 0;
}
em { font-style: italic; }
p {
	margin-bottom: 10px;
	font-size: 11px;
}
p.no-margin { margin-bottom: 0; }
a:link, a:visited, a:hover, a:active {
	color: #000;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
.mainWrapper {
    min-width: 990px;
    padding: 0 8px;
}
.wrapper {
	width: 990px;
	margin: -12px auto 0 auto;
	background-color:white;
	padding-top:12px;
	position:relative;
}

.main {
	margin-bottom: 30px;
	zoom:1;
}
.main.with-brown-sidebar .sidebar,
.sidebar.universe-sidebar {position: relative;}
.main.with-brown-sidebar .sidebar .shape,
.sidebar.universe-sidebar .shape {
    height: 166px;
    width: 228px;
    position: absolute;
    top: 0;
    right: 0;
}
.main.with-brown-sidebar .sidebar a:link, .main.with-brown-sidebar .sidebar a:visited
.sidebar.universe-sidebar a:link, .sidebar.universe-sidebar a:visited {
    z-index: 100;
}
.full-width {
	padding: 0 10px;
	margin-bottom: 30px;
}
.full-width.no-margin { margin-bottom: 0; }
.full-width.no-padding {
	padding: 0;
	position: relative;
}
.content {
	float: left;
	width: 746px;
	padding: 35px 0 0 10px;
}
.main .product-sheet {

	float: left;
	width: 746px;
	padding: 12px 0 0 10px;
}
.content.no-padding {
	width: 760px;
	padding: 0;
}
.content.width-700 {
	width: 700px;
	padding: 0 0 0 10px;
}
.content.no-padding.width-720 {
	width: 720px;
	margin-left: 40px;
}
.content.width-750 {
	width: 750px;
	padding: 0 0 0 10px;
}


/*################################################################################################################# 
	@group HEADER
################################################################################################################# */
.header-wrapper {
	margin: 0 auto;
    position: relative;
    width: 990px;
	background:white url(/TruffautImages/layout/header-wp.png) left top repeat-y;
}
.header {
	position: relative;
	width: 990px;
	height: 135px;
	padding: 0;
	z-index: 1000;
}
.header-logo {
	display: block;
    height: 79px;
    position:static;
    width: 148px;
	margin:13px 0 0 93px;
	float:left;
}
.header-chd {
     background: transparent url(/TruffautImages/layout/header-chd.gif) no-repeat 0 7px;
    height: 22px;
    padding: 7px 7px 0 0;
    position: absolute;
    right: -8px;
    top: 0;
    width: 348px;
}
.header-chd li {
	list-style-type: none;
	float: right;
	color: #fff;
    font-family: verdana,sans-serif;
    font-size: 11px;
}

a.header-btn-mag:link, a.header-btn-mag:visited,
a.header-btn-mag:hover, a.header-btn-mag:active{
 padding-right:20px;
 width:165px;
}

a.header-btn-mag:link, a.header-btn-mag:visited,
a.header-btn-mag:hover, a.header-btn-mag:active,
a.header-btn-tv:link, a.header-btn-tv:visited,
a.header-btn-tv:hover, a.header-btn-tv:active {
	display: block;
	height: 22px;
	margin-left: 5px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #fff;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
    padding-left: 8px;
}
a.header-btn-tv:link, a.header-btn-tv:visited,
a.header-btn-tv:hover, a.header-btn-tv:active {
	 margin-right: 5px;
 padding: 0 30px 0 0;
 width: 110px;
 background-position: -144px bottom;
}
.header-top-nav {
	position: static;
    z-index: 2;
	float:left;
	margin:9px 0 0 74px;
}
.header-top-nav li {
	background:transparent url(/TruffautImages/layout/header-top-nav-li-bg2.png) left 3px no-repeat;
    float: left;
    font-size: 11px;
    list-style-type: none;
    padding: 0 12px;
	font-family:Arial, Helvetica, sans-serif;
}
.header-top-nav li.first {
	padding-left: 0;
	background: none;
}
.header-top-nav a:link, .header-top-nav a:visited, .header-top-nav a:hover, .header-top-nav a:active {
	color: #63594e;
    text-decoration: none;
}
.header-top-nav a:hover { text-decoration: underline; }
.header-account {
	position: absolute;
	top: 48px;
	left: 777px;
	z-index: 102;
	background-color:white;
	height:32px;
}
.header-account li {
	list-style-type: none;
	font-size: 11px;
}
.header-basket li {
	list-style-type: none;
	font-size: 9px;
}
.header-basket > li > a { font-size: 11px; font-family:Arial, Helvetica, sans-serif; letter-spacing: -0.2px; }
.header-account > li > a {
	display: block;
	position: relative;
	width: 90px;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 15px;
	z-index: 12;
	line-height: 12px;
}
.header-account > li > a span {
	display: inline-block;
	/*width: 100px;*/
}
.header-account > li > a label 
{
    display:inherit;
    font-weight:normal;
}
.header-account .header-account-tab {
	width: 223px;
	height: auto;
	padding-bottom: 10px;
	position: absolute;
	top: -3px;
	left: -7px;
	display: none;
	z-index:1;
}
.hat-body { background: transparent url(/TruffautImages/layout/header-account-popover-bd2.png) no-repeat 0 0; padding:0 15px; }
.hat-ft {
	height: 13px;
	background: transparent url(/TruffautImages/layout/header-account-popover-footer2.png) no-repeat 0 0;
}
.header-account.logged > li ul {
	padding: 50px 0 0 20px;
	padding-bottom: 5px;
	height: auto
}
.header-account.logged > li ul.logout {
	padding-top: 20px;
	text-align: right;
}
.header-account > li ul li { padding: 35px 12px 15px 16px; }
.header-account.logged > li ul li {
	padding: 3px 15px 3px 20px;
	position: relative;
}
.header-account.logged > li ul li .chev {
	position: absolute;
	left: 10px;
}
.header-account .title {
	font-size: 12px;
	margin: 20px 0 10px 0;
}
.header-account p { font-size: 10px; }
.header-account input[type="text"], .header-account input[type="email"], .header-account input[type="password"] {
	width: 100%;
	margin: 0 0 5px 0;
	border: 1px solid #B1ACA6;
	color: #63594e;
}
.header-account .button {
	width: 100%;
	padding: 0;
}
.header-account .forgotten-pass:link, .header-account .forgotten-pass:visited, .header-account .forgotten-pass:hover, .header-account .forgotten-pass:active {
	font-size: 9px;
	float: right;
	margin-bottom: 10px;
	text-decoration: underline;
	color: #63594e;
}
.header-account .forgotten-pass:hover { text-decoration: none; }
.header-account > li > a span.header-account-picto {
	display: block;
	width: 9px;
	height: 12px;
	margin: 0 5px 0 -14px;
	background: url(/TruffautImages/layout/generic-icons.png) no-repeat -55px -47px;
	float: left;
}
.hat-carte-bonus p {
	margin-top: 5px;
	padding: 0 10px;
	font-size: 9px;
	color: #63594e;
}
.hat-carte-bonus a {
	display: block;
	padding: 10px 10px 15px 50px;
	background: #E8E2DB url(/TruffautImages/layout/small-bonus-card2.png) no-repeat 10px 5px;
	text-align: right;
	line-height: 16px;
}
.hat-fav-mag {
	position: absolute;
	top: 7px;
	font-size: 10px;
	width: 235px;
	overflow:hidden;
	right:10px;
	text-align:right;
	line-height:17px;
}
.hat-fav-mag a:link, .hat-fav-mag a:visited, .hat-fav-mag a:hover, .hat-fav-mag a:active { color: #63594E; }
.hat-fav-mag .chev {
	color: #FF6600;
	display:inline-block;
	width:10px;
	height:25px;
	float:left;
}
.header-basket {
	position: relative;
	float:right;
	margin:0;
	height:30px;
	line-height:33px;
	background-color:white;
	z-index:9999;
}
.header-basket li { margin-bottom: 9px; font-size: 9px; list-style-type: none; float:right; width:100px; }
.header-basket li .chev { margin-right: 0; }
.header-account a:hover, .header-basket a:hover { text-decoration: underline; }
.header-search {
	border:1px solid #c3bbb1;
	clear:both;
	float:left;
	width:440px;
	height:37px;
	margin:25px 0 0 73px;
}
.header-search li {
	list-style-type: none;
	float: left;
	position:relative;
}
.header-search-kiosque {
	border:1px solid #c3bbb1;
	clear:both;
	float:left;
	width:483px;
	height:37px;
	margin:25px 0 0 33px;
}
.header-search-kiosque li {
	list-style-type: none;
	float: left;
	position:relative;
}
.loop-icon-search
{
    display:block;
    height:18px;
    width:18px;
    position:absolute;
    left:1px;
    background: transparent url(/TruffautImages/layout/iconSearchField.gif) no-repeat 5px 4px ;
}
.search-field {
    border:0 none;
    box-shadow: none;
    font-size: 11px;
    margin: 0;
    padding: 11px 0 12px 10px;
    height: 14px;
    line-height:14px;
    width: 387px;
}
.search-submit {
	background:#87b232 url(/TruffautImages/layout/loupe.png) center center no-repeat;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 37px;
    padding: 0;
    width: 43px;
	text-indent:-999em;
}
.search-scan {
	background:#87b232 url(http://static1.truffaut.com/TruffautImages/layout/scan-barcode.png) center center no-repeat;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 37px;
    padding: 0;
    width: 43px;
	text-indent:-999em;
}
.header-nav {
	background:transparent url(/TruffautImages/layout/navigation-wp.png) left top repeat-x;
    height: 46px;
    position: static;
    width: 990px;
    /*z-index: 1;*/
	clear:both;
}
#home .header-nav { background-position: center top; }

.header-nav a.nav-jardin:link, .header-nav a.nav-animaux:link, .header-nav a.nav-maison:link, .header-nav a.nav-magasins:link, .header-nav a.nav-conseils:link, .header-nav a.nav-marques:link, .header-nav a.nav-bonnes-affaires:link, .header-nav a.nav-eboutique:link, .header-nav a.nav-jardin:visited, .header-nav a.nav-animaux:visited, .header-nav a.nav-conseils:visited, .header-nav a.nav-marques:visited,.header-nav a.nav-bonnes-affaires:visited, .header-nav a.nav-eboutique:visited {
	background:transparent url(/TruffautImages/layout/navigation-border2.png) center 37px no-repeat;
	display: block;
	height: 33px;
	line-height:37px;
	margin-top: 5px;
	text-indent: 0;
	width: auto;
	font-size:13px;
	color:#373029;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0 5px;
	text-decoration:none;
	position:relative;
	z-index:100;
}

.header-nav a.optional-nav-item:link, .header-nav a.optional-nav-item:visited {
    float: left;
    height: 30px;
    margin: 9px 0 0 0;
    overflow: hidden;
    text-indent: 0;
    width: auto;
    z-index: 100;
	padding:0;
}
/*.header-nav a.optional-nav-item.current:link, .header-nav a.optional-nav-item.current:visited { margin-top: -21px; }*/
.header-nav a.optional-nav-item:hover img, .header-nav a.optional-nav-item:active img { margin-top: -44px; }
.header-nav a.optional-nav-item.current img, .header-nav a.optional-nav-item.current img { margin-top: -84px; }
.header-nav a.centered:link, .header-nav a.centered:visited {
	position: absolute;
	top: 0;
	left: 550px;
	margin: -9px 0 0;
}
.header-nav a.centered.tier:link, .header-nav a.centered.tier:visited,
.header-nav a.tier:link, .header-nav a.tier:visited
{
    position:relative;
    margin:-9px 28px 0 0;
    left:auto;
    top:auto;
}

.header-nav > ul > li{
	float: left;
    list-style-type: none;
    width: auto;
	height: 40px;
}

ul.header-secondary-nav > li{
	float: left;
    padding-right: 0;
}

.header-nav a.nav-jardin:link, .header-nav a.nav-jardin:visited { background-position: center 29px; }
.nav-jardin:hover, .nav-jardin:active { background-position: 0 -195px; }
.header-nav .li-jardin a.current, .header-nav .li-jardin:hover > span a, .header-nav .li-jardin:hover > a, .header-nav .li-jardin:hover > h2 a, #home .li-jardin:hover > a, #home .li-jardin:hover > h2 a, #home .li-jardin:hover > a, #home .nav-jardin:hover, #home .nav-jardin:active { background-position: center -251px; padding-top:10px; margin-top:-5px; }
.nav-jardin.current:link, .nav-jardin.current:visited, .nav-jardin.current:hover, .nav-jardin.current:active, h1 .nav-jardin:link, h1 .nav-jardin:visited, h1 .nav-jardin:hover, h1 .nav-jardin:active { background-position: 0 -245px; }
.header-nav a.nav-animaux:link, .header-nav a.nav-animaux:visited { background-position: center -11px; }
.nav-animaux:hover, .nav-animaux:active { background-position: -128px -195px; }
.header-nav .li-animaux a.current, .header-nav .li-animaux:hover > span a, .header-nav .li-animaux:hover > a, .header-nav .li-animaux:hover > h2 a, #home .li-animaux:hover > a, #home .li-animaux:hover > h2 a, #home .li-animaux:hover > a, #home .nav-animaux:hover, #home .nav-animaux:active { background-position: center -301px; padding-top:10px; margin-top:-5px; }
.nav-animaux.current:link, .nav-animaux.current:visited, .nav-animaux.current:hover, .nav-animaux.current:active, h1 .nav-animaux:link, h1 .nav-animaux:visited, h1 .nav-animaux:hover, h1 .nav-animaux:active { background-position: -128px -245px; }
.header-nav a.nav-maison:link, .header-nav a.nav-maison:visited { background-position: center -51px; }
.nav-maison:hover, .nav-maison:active { background-position: -256px -195px; }
.header-nav .li-maison a.current, .header-nav .li-maison:hover > span a, .header-nav .li-maison:hover > a, .header-nav .li-maison:hover > h2 a, #home .li-maison:hover > a, #home .li-maison:hover > h2 a, #home .li-maison:hover > a, #home .nav-maison:hover, #home .nav-maison:active { background-position: center -351px; padding-top:10px; margin-top:-5px; }
.nav-maison.current:link, .nav-maison.current:visited, .nav-maison.current:hover, .nav-maison.current:active, h1 .nav-maison:link, h1 .nav-maison:visited, h1 .nav-maison:hover, h1 .nav-maison:active { background-position: -256px -245px; }
.nav-magasins:link, .nav-magasins:visited { background-position: -855px -95px; }
.nav-magasins:hover, .nav-magasins:active { background-position: -855px -195px; }
.nav-magasins.current:link, .nav-magasins.current:visited, .nav-magasins.current:hover, .nav-magasins.current:active, h1 .nav-magasins:link, h1 .nav-magasins:visited, h1 .nav-magasins:hover, h1 .nav-magasins:active { background-position: -855px -245px; }
.waitLoadJs { display: none; }

.homePage-H1 {
    text-indent: -9000px;
	height:20px;
	position:absolute;
}

.header-nav li:hover .conteneur-subnav{
	 visibility: visible;
}

/*################################################################################################################# 
	 @group FOOTER
################################################################################################################# */
.footer {
	clear: both;
	zoom: 1;
	overflow: hidden;
	width: 990px;
	display: block;
	background: 0 none;
	margin:0 auto;
	padding-bottom:0;
}
	
.rzone {
	overflow: hidden;
    width: 990px;
	background-color:#efebe6;
	padding:49px 0 24px 0;
}
.rz-title {
	display: block;
	height: 22px;
	font-size: 20px;
	font-family: Arial, Verdana, Sans-Serif;
	padding: 12px 0 0 10px;
	letter-spacing: -0.5px;
}
.rz-support {
	position: relative;
	list-style-type: none;
	display: inline-block;
	width: 214px;
	height: 126px;
	float: left;
	margin: 0 0 0 10px;
	background: url(/TruffautImages/content/push-help.jpg) no-repeat right 0;
	border: 1px solid #E8E2DB;
}
.basket-contextual .rz-support {
	width: 214px;
	height: 128px;
	padding: 0;
	border:0
}
.rzone li a:link, .rzone li a:visited {
	border-color: #CEC8C0;
    display: block;
    height: 101px;
    text-decoration: none;
    width: 215px;
}
.rzone .rz-text, .push .rz-text {
	font-size: 11px;
	display: block;
}
.rz-support-ul { margin-top: 15px; }
.rz-support-ul li {
	font-size: 12px;
	list-style-type: none;
	margin: 0 0 10px 10px;
	color: #63594e;
}
.pushes .rz-support-ul li a:link, .pushes .rz-support-ul li a:visited {
	display: inline;
	height: auto;
	text-decoration: none;
	width: auto;
	border: 0;
}
.pushes .rz-support-ul li a:hover, .pushes .rz-support-ul li a:active { text-decoration: underline; }
.rzone .abs, .push .abs {
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin-bottom: 0;
	font-size: 11px;
}
.rzone li a:hover .underline { text-decoration: underline; }
.footer-links {
	float: left;
    margin: 3px 0 0 0px;
    padding: 15px 0 19px 10px;
    width: 487px;
}
.footer-links.social {
	width: 485px;
	padding:0;
	margin:0 0 0 16px;
	float:right;
}
.footer-links .title {
	height: auto;
    position: static;
    text-indent: 0;
    width: auto;
	text-transform:uppercase;
	font-size:17px;
	color:#63594e;
}
.footer-links ul {
	float: left;
    width: 158px;
	padding-top:10px;
}
.footer-links.social ul { width: 100%; padding-top: 22px; }
.footer-links li {
	list-style-type: none;
	font-size: 10px;
	line-height: 14px;
	padding: 4px 0;
	color: #938b82;
}
.footer-links li .chev { margin: 0; }
.footer-links li a:link, .footer-links li a:visited { color: #63594e; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; }
.footer-links li a:hover, .footer-links li a:active {
	color: #000;
	text-decoration: underline;
}
.footer-links.social li {
	padding:4px 0;
	line-height: 14px;
	position:static;
	width:auto;
	float:left;
	margin:0 7px;
}
.li-instagram, .li-facebook, .li-twitter, .li-youtube, .li-contact, .li-googleplus, .li-pinterest{
	position: static;
	display: block;
	width: 33px;
	height: 32px;
	background:transparent url(/TruffautImages/layout/generic-icons2.png) left top no-repeat;
	margin:0 auto 9px auto;
}
.li-facebook{ background-position:0 -145px; }
.li-twitter{ background-position:-70px -223px; }
.li-youtube{ background-position:-71px -181px; }
.li-instagram{ background-position:2px -265px; }
.li-contact {
	background-position: 3px -218px;
	width: 67px;
	height: 35px;
	margin-top: -3px;
}

.li-googleplus {
	background-position:-76px -145px;
}

.li-pinterest {
	background-position:0 -181px;
}

.facebook-share
{
    background: transparent url(/TruffautImages/layout/partage.gif) right -1px no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 14px;
    padding: 0 0 0 20px;
}
.catalogues .facebook-share
{
    background: transparent url(/TruffautImages/layout/sprite-magasins.png) left -20px no-repeat;
    float: left;
    margin: 2px 10px 0 0;
    font-size: 11px;
}

.fixed-footer {
	position: fixed;
	bottom: -1px;
	z-index: 1000000;
	width: 100%;
	background: url(/TruffautImages/layout/generic-fixed-footer.png) repeat-x 0 0;
}
#ff-extraspace {
    height:18px;
    line-height:18px;
    background: #E8E2DB;
}
.ff-main-bar {
	width: 993px;
	padding-left: 3px;
	margin: 14px auto 0;
	height: 34px;
	background: url(/TruffautImages/layout/generic-fixed-footer.png) repeat-x 0 -14px;
}
.fixed-footer #ff-toggle {
	display: block;
	width:  149px;
	height: 34px;
	margin-right: 45px;
	float: left;
	text-indent: -9999px;
	background: url(/TruffautImages/layout/generic-fixed-footer.png) no-repeat 0 -48px;
}
.fixed-footer #ff-toggle.close { background-position: 0 -82px; }
#ff-tabs {
	overflow:hidden;
	width: 798px;
	background: url(/TruffautImages/layout/generic-fixed-footer-separator.png) no-repeat right 0;
}
.active #ff-tabs.basket-current {
    background: #E8E2DB url(/TruffautImages/layout/generic-fixed-footer-separator.png) no-repeat right 0;
}
#ff-tabs li {
	float: left;
	list-style-type: none;
	background: url(/TruffautImages/layout/generic-fixed-footer.png) repeat-x 0 -14px;
}
#ff-tabs li a:link, #ff-tabs li a:visited {
	display: block;
	padding: 0 21px 0 17px;
	height: 34px;
	line-height: 33px;
	font-size: 10px;
	background: url(/TruffautImages/layout/generic-fixed-footer-separator.png) no-repeat;
	text-decoration: none;
	color: #000;
}
.active #ff-tabs li a:link.current, .active #ff-tabs li a:visited.current {
	background:  #E8E2DB;
	border-left: 1px solid #999590;
}
#ff-tabs li a .chev {display:inline-block; width:5px;}
.active #ff-tabs li a.current .chev {
    background: url(/TruffautImages/layout/chev-down.png) no-repeat 0 14px;
    text-indent: -9000px;
}
.active #ff-tabs li a.current .ff-link {
	border-bottom: 1px solid #000;
	display: block;
	height: 33px;
}
#ff-toggle { cursor: pointer; }
#ff-panes { display: none; background: #E8E2DB; }
#ff-panes .seen-products, #ff-panes .my-lists, #ff-panes .top-sales, #ff-panes .top-online-sales, #ff-panes .my-basket {
	display: none;
	background-color: #E8E2DB;
	padding: 20px 0;
	overflow: hidden;
	height: 102px;
	margin: 0 auto;
	width: 990px;
}
#ff-panes .floatl { width: 270px; }
#ff-panes .my-basket .floatl { width: 280px; }
#ff-panes .title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
}
#ff-panes .my-basket .title { margin-bottom: 4px; }
#ff-panes .subtitle {
	font-size: 12px;
	margin-top: -10px;
	margin-bottom: 10px;
}
#ff-panes p { color: #63594e; }
#ff-panes .my-lists .floatl { width: 320px; }
#ff-panes .my-lists .not-connected { width: auto; }
#ff-panes .not-connected .title, #ff-panes .not-connected p { margin-bottom: 15px; }
#ff-panes .jcarousel-container {
	float: right;
	margin: -10px 0;
	width: 680px;
	height: 82px;
	overflow: hidden;
	padding: 20px 10px;
}
#ff-panes .my-basket .jcarousel-container {
	width: 670px;
	height: 82px;
	padding: 20px 10px 20px 0;
}
#ff-panes .jcarousel-clip { width: 650px; }
#ff-panes .jcarousel-item-horizontal { margin: 0 12px 0 0; }
#ff-panes .my-basket .jcarousel-item-horizontal { margin: 0 10px 0 0; }
#ff-panes .jcarousel-container a:link, #ff-panes .jcarousel-container a:visited, #ff-panes .jcarousel-container a:hover, #ff-panes .jcarousel-container a:active {
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid #c3bbb1;
}
#ff-panes a.generic-button:link, #ff-panes a.generic-button:visited {
	float: none;
	display: block;
}
#ff-panes a.generic-button span { padding: 0 34px 0 30px; }
#ff-panes .my-basket a.generic-button span { padding: 0 42px 0 308x; }
.tooltip {
	display:none;
	font-size:12px;
	width:160px;
	color:#000;
  background-color: #FFFFFF;
  border: 1px solid #C3BBB1;
  box-shadow: 2px 2px 5px #444444;
  padding: 7px 10px;
	z-index: 100000;
}

.tooltipLogoLabel {
	display:none;
	font-size:12px;
	color:#000;
  background-color: #FFFFFF;
  border: 1px solid #C3BBB1;
  box-shadow: 2px 2px 5px #444444;
  padding: 7px 10px;
	z-index: 100000;
}
.smallLogoLabel
{
    width:120px;
    text-align:center;
}
.bigLogoLabel
{
    width:180px;
    text-align:center;
}

.tt-mustHave {height:140px;}
.ff-seen-products-tooltip .tooltip,
.ff-top-sales-tooltip .tooltip,
.ff-top-online-sales-tooltip .tooltip,
.ff-my-basket-tooltip .tooltip {height:120px; padding: 15px;}
.tooltip.tooltipLarge {
	height:auto;
	width:350px;
	text-indent:0;
}
.tt-triger {position:absolute; top:0; right:0; height: 18px; width: 165px;}
.compare .tooltip,
.tt-amprioritaire,
.tt-basket,
.tt-enseigne,
#tt_helpWithdraw,
#tt-compare-info-family,
#tt-compare-info-max,
#tt-compare-info-one,
#displayHowUsingPoint .tooltip {
	margin-bottom: 15px;
	text-align:left;
	line-height: 15px;
}
.tt-amprioritaire p,
.tt-basket p
.tt-enseigne p {margin:0;}

.tooltip .product-scratched-price, .tooltip .product-price, .tooltip .product-stores, .tooltip .text-asterisk {
	position: absolute;
	color: #000;
	margin: 0;
}
.tooltip .product-scratched-price {
	top: 55px;
	right: 27px;
	font-family: trebuchet, "trebuchet MS", sans-serif;
	font-size: 12px;
	color: #63594e;
	text-decoration: line-through;
}
#ff-panes .tooltip .product-scratched-price { font-size: 13px; }
.tooltip .product-price {
	top: 70px;
	right: 27px;
	font-family: trebuchet, "trebuchet MS", sans-serif;
	font-size: 30px;
}
#ff-panes .tooltip .product-price { font-size: 20px; }
.tooltip .product-price .product-price-cents {
	font-size: 15px;
	line-height: 23px;
	vertical-align: top;
}
.tooltip .product-price .asterisk { top: 5px; }
.tooltip .product-stores {
	bottom: 15px;
	right: 27px;
	width: auto;
	font-family: arial, sans-serif;
	font-size: 9px;
}
.tooltip .text-asterisk {
	top: 105px;
	right: 27px;
	width: auto;
	font-size: 10px;
	text-transform: uppercase;
}
.tooltip .asterisk { right: -9px; }
#ff-panes .tooltip .text-asterisk {
	font-size: 9px;
	color: #373029;
}
.my-lists .floatl li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
}
.my-lists .the-lists {
	margin-left: 10px;
	width: 400px;
	float: left;
}
.my-lists .the-lists li {
	position: relative;
	list-style-type: none;
	font-size: 18px;
	padding: 5px 0;
	border-bottom: 1px solid #fff;
}
.my-lists .the-lists .del-list {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 10px;
	padding: 10px 0;
	margin: 0;
}
.my-lists .all-lists { float: right; }
.my-lists .all-lists li { list-style-type: none; }
#ff-my-basket {height: 92px;}
#ff-my-basket li { position: relative; }
#ff-my-basket li p {
	position: absolute;
	bottom: -10px;
	right: -5px;
	width: 36px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	color: #f60;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CEC8C0;
	margin: 0;
}

/*	#########################################################################
@group SUBNAV
########################################################################### */
.subnav {
	/*position: relative;
	margin:0;
	height: 239px;
	border: 0 none;
	background: transparent url(/TruffautImages/layout/subnav-hover.png) left top no-repeat;
	z-index: 1040;
	width:989px;
	padding:24px 0 10px 1px;*/
	
	background: transparent url(/TruffautImages/layout/subnav-hover.png) left top no-repeat;
    border: 0 none;
    height: 239px;
    margin: 0;
    padding: 24px 0 10px 1px;
    position: relative;
    width: 989px;
    z-index: 99;
}
.conteneur-subnav.current-subnav 
{
    visibility:visible;
    z-index:20;
}
.subnav::after {
	content: '';
	width: 100%;
	height: 7px;
	background: transparent url(/TruffautImages/layout/border-bottom-horiz.png) center 0 no-repeat;
	position: absolute;
	top: 181px;
	display:none;
}
.subnav-list { position: relative; }
.subnav-list.suite {
	left: 244px;
    position: absolute;
    top: 24px;
}
.subnav li { list-style-type: none; }
.subnav-list > li {
	display: block;
    font-size: 1px;
    height: auto;
    margin: -1px 0 0;
    width: 237px;
	background-color:transparent;
}
.subnav-list.suite > li {
	display: block;
    font-size: 1px;
    height: auto;
    margin: -1px 0 0;
    width: 237px;
}
.subnav-list.suite > li.subnav-by4 { height: auto; }
.subnav-list.with-submenu > li {
	display: block;
	width: 243px;
	height: auto;
	margin: -1px 0 0 0;
}
.subnav-list.with-submenu > li .shape {
    left: -9999px;
	position: absolute;
	top: 0;
	z-index: 30;
	border:4px solid #e8e2db;
	border-bottom:0 none;
	width:262px;
	height:234px;
	background-color:White;
}
.subnav-list.with-submenu > li:hover .shape,
.subnav-list.with-submenu > li.firstItem .shape {left: 475px;}
.subnav-list > li > h2 > a:link, .subnav-list > li > h2 > a:visited, .subnav-list > li > h2 > a:hover, .subnav-list > li > h2 > a:active, .subnav-list > li > span.h2 > a:link, .subnav-list > li > span.h2 > a:visited, .subnav-list > li > span.h2 > a:hover, .subnav-list > li > span.h2 > a:active  {
	color: #63594e;
	text-decoration: none;
	font-size: 17px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	width: 218px;
	height:auto;
	padding: 29px 5px 29px 19px;
	background: #fff;
	border: 1px solid #c3bbb1;
	border-right:0 none;
}
.subnav-list > li > h2 > a:hover, .subnav-list > li:hover > h2 > a:link, .subnav-list > li:hover > h2 > a:visited, .subnav-list > li:hover > h2 > a:hover, .subnav-list > li:hover > h2 > a:active { color: #000; }
.subnav-list > li > span.h2 > a:hover, .subnav-list > li:hover > span.h2 > a:link, .subnav-list > li:hover > span.h2 > a:visited, .subnav-list > li:hover > span.h2 > a:hover, .subnav-list > li:hover > span.h2 > a:active { color: #000; }
.subnav-list > li.subnav-by4 > h2 > a:link, .subnav-list > li.subnav-by4 > h2 > a:visited, .subnav-list > li.subnav-by4 > h2 > a:hover, .subnav-list > li.subnav-by4 > h2 > a:active {
	height: 32px;
	padding-top: 12px;
}
.subnav-list > li.subnav-by4 > h2 > a.last:link, .subnav-list > li.subnav-by4 > h2 > a.last:visited, .subnav-list > li.subnav-by4 > h2 > a.last:hover, .subnav-list > li.subnav-by4 > h2 > a.last:active { height: 33px; }
.subnav-list > li.subnav-by4 > h2 > a.twoLines:link, .subnav-list > li.subnav-by4 > h2 > a.twoLines:visited, .subnav-list > li.subnav-by4 > h2 > a.twoLines:hover, .subnav-list > li.subnav-by4 > h2 > a.twoLines:active {
	height: 42px;
	padding-top:3px;
	line-height:19px
}
.subnav-list > li.subnav-by4 > span.h2 > a.twoLines:link, .subnav-list > li.subnav-by4 > span.h2 > a.twoLines:visited, .subnav-list > li.subnav-by4 > span.h2 > a.twoLines:hover, .subnav-list > li.subnav-by4 > span.h2 > a.twoLines:active {
	height: 42px;
	padding-top:3px;
	line-height:19px
}
.subnav-list > li.subnav-by4 > h2 > a.last.twoLines:link, .subnav-list > li.subnav-by4 > h2 > a.last.twoLines:visited, .subnav-list > li.subnav-by4 > h2 > a.last.twoLines:hover, .subnav-list > li.subnav-by4 > h2 > a.last.twoLines:active { height: 43px; }
.subnav-list > li.subnav-by4 > span.h2 > a.last.twoLines:link, .subnav-list > li.subnav-by4 > span.h2 > a.last.twoLines:visited, .subnav-list > li.subnav-by4 > span.h2 > a.last.twoLines:hover, .subnav-list > li.subnav-by4 > span.h2 > a.last.twoLines:active { height: 43px; }
.subnav-list.with-submenu > li.firstItem > h2 > a:hover, .subnav-list.with-submenu > li > h2 > a:hover, .subnav-list.with-submenu > li:hover > h2 > a:link, .subnav-list.with-submenu > li:hover > h2 > a:visited, .subnav-list.with-submenu > li:hover > h2 > a:hover, .subnav-list.with-submenu > li:hover > h2 > a:active, .subnav-list.with-submenu > li:hover > span.h2 > a:link, .subnav-list.with-submenu > li:hover > span.h2 > a:visited, .subnav-list.with-submenu > li:hover > span.h2 > a:hover, .subnav-list.with-submenu > li:hover > span.h2 > a:active {
	background-color: #e8e2db !important;
	width:223px;
	color: #000;
}
.subnav-list.with-submenu > li.firstItem > h2 > a:link, .subnav-list.with-submenu > li.firstItem > h2 > a:visited{ background-color:#fff; width:223px; color: #000; }
.subnav-list.suite > li > h2 > a:link, .subnav-list.suite > li > h2 > a:visited, .subnav-list.suite > li > h2 > a:active,
.subnav-list.suite > li > span.h2 > a:link, .subnav-list.suite > li > span.h2 > a:visited, .subnav-list.suite > li > span.h2 > a:active { background:transparent url(/TruffautImages/layout/wp-subnav-suite.gif) left top repeat-y; border-right:1px solid #c3bbb1; width:206px; }
.subnav-list > li > h2 > a.twoLines:link.last, .subnav-list > li > h2 > a.twoLines:visited.last, .subnav-list > li > h2 > a.twoLines:hover.last, .subnav-list > li > h2 > a.twoLines:active.last {
	height: 52px;
	padding-top: 8px;
}
.subnav-list > li > span.h2 > a.twoLines:link.last, .subnav-list > li > span.h2 > a.twoLines:visited.last, .subnav-list > li > span.h2 > a.twoLines:hover.last, .subnav-list > li > span.h2 > a.twoLines:active.last {
	height: auto;
	padding-top: auto;
}
.subnav-list > li > h2 > a.twoLines:link.twoLinesLong, .subnav-list > li > h2 > a.twoLines:visited.twoLinesLong, .subnav-list > li > h2 > a.twoLines:hover.twoLinesLong, .subnav-list > li > h2 > a.twoLines:active.twoLinesLong,
.subnav-list > li > span.h2 > a.twoLines:link.twoLinesLong, .subnav-list > li > span.h2 > a.twoLines:visited.twoLinesLong, .subnav-list > li > span.h2 > a.twoLines:hover.twoLinesLong, .subnav-list > li > span.h2 > a.twoLines:active.twoLinesLong {
	height: 52px;
	padding-top: 8px;
}

.subnav-list > li table {
	position: absolute;
	top: 0;
	padding-top: 0;
	width: 225px;
	height: 238px;
	left: -9999px;
	background: #e8e2db;
}
.subnav-list > li td {vertical-align: middle;}
.subnav-list > li table ul {
	position: static;
	top: auto;
	padding-right: 0;
	width: 232px;
	height: auto;
	left: auto;
	background: #e8e2db;
	margin-left: 0;
}
.subnav-list > li ul li {
	font-size: 11px;
	padding-right: 20px;
}
.subnav-list > li ul li a:link, .subnav-list > li ul li a:visited {
    color: #63594e;
	display: block;
	padding: 6px 0 7px 35px;
	text-indent:-10px;
}
.subnav-list > li ul li a:hover, .subnav-list > li ul li a:active {
	color: #000;
	text-decoration: none;
	background: #e9e2dc;
}
.subnav .other-links {
	position: absolute;
	top: 0;
	right: 0;
	width: 225px;
	height: 180px;
	z-index: 20;
}
.subnav .other-links .shape {
	position: absolute;
	top: 0;
	left: 0;
}

.subnav .other-links ul { margin: 15px 0 0 18px; float: left;}
.subnav .other-links li {
	font-size: 17px;
	line-height:19px;
	margin-bottom: 4px;
	color: #63594E;
}
.subnav .other-links li a:link, .subnav .other-links li a:visited, .subnav .other-links li a:hover, .subnav .other-links li a:active {
	font-family: arial, sans-serif;
	color: #63594E;
}
.subnav a.subnav-conseils:hover{
	text-decoration: none;
	color: #000;
}
.subnav .other-links .title{ 
    margin: 52px 0 0 0;
	float: left;
	font: normal 17px arial;
	color: #000000;
	border-bottom: 1px solid #6b6157;
	width: 100%;
	display:block;
	text-indent:28px;
	padding-bottom:8px;
}

.subnav a.subnav-conseils{
	background: transparent none 32px bottom no-repeat;
	width: 230px;
	height: 145px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height:19px;
	font-weight: normal;
	color: #000000;
	text-indent: 0;
	padding: 20px 0 0 32px;
	position:relative;
}

.subnav-list.suite > li > span.h2 > a:hover{
	color:#000;
}

.subnav-list.suite > li.subnav-by4 > h2 > a:link, .subnav-list.suite > li.subnav-by4 > h2 > a:visited, .subnav-list.suite > li.subnav-by4 > h2 > a:active,
.subnav-list.suite > li.subnav-by4 > span.h2 > a:link, .subnav-list.suite > li.subnav-by4 > span.h2 > a:visited, .subnav-list.suite > li.subnav-by4 > span.h2 > a:active {
	height: auto;
	display: block;
	padding: 22px 5px 20px 19px;
	line-height: 16px;
}



/*#########################################################	
@group BREADCRUMBS
##################################################### */
.breadcrumbs {
	height: 12px;
	margin: 20px 12px;
}
/* First level */
.breadcrumbs li {
	list-style-type: none;
	position: relative;
	float: left;
	font-size: 10px;
	background: transparent url(/TruffautImages/layout/generic-breadcrumbs-li.png) no-repeat 0 2px;
	padding: 0 10px;
}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active { color: #938b82; }
.breadcrumbs li:hover a { text-decoration: underline; }
/* Second Level */
.breadcrumbs li ul {
	width: 360px;
	padding: 5px 20px 30px 20px;
	position: absolute;
	left: -9999px;
	margin-left: -30px;
	z-index: 1100;
	background: transparent url(/TruffautImages/layout/generic-breadcrumbs-sub.png) no-repeat 0 bottom;
}

.breadcrumbs li li {
	cursor: pointer;
	list-style-type: none;
	background: none;
	float: none;
}
.breadcrumbs li li a:link, .breadcrumbs li li a:visited, .breadcrumbs li li a:hover, .breadcrumbs li li a:active {
	position: relative;
	display: block;
	padding: 3px 10px 3px 20px;
	text-decoration: none;
}
.breadcrumbs li li a:hover {
	background-color: #E8E2DB;
	color: #000;
}
.breadcrumbs li li a .chev {
	position: absolute;
	left: 10px;
}
.breadcrumbs li:hover ul { left:  0px; }
/* @end */


/*	####################################
@group DYNAMOS
######################################### */
.dynamo {
	position: relative;
	background-color: #E8E2DB;
	
	padding: 10px;
	color: #938b82;
}
.dynamoHome
{
    margin: 50px 0 20px 0;
}
.dynamoOther
{
    margin: 50px 5px 20px 0;
}
.dynamo h4 {
	position: absolute;
	top: -25px;
	left: 0;
	font-size: 14px;
	color: #938b82;
}
.dynamo.home { padding: 0; }
.dynamo.home h4 {
	top: -16px;
	left: 10px;
}
.dynamo.home ul {
	float: left;
	width: 23%;
	padding: 10px 0 10px 20px;
	background: url(/TruffautImages/layout/white-vert-separator.png) no-repeat right center;
	height:35px;
}
.dynamo.home ul.first { padding-left: 10px; }
.dynamo.home ul.last { background: none; }
.dynamo li, .listing-sidebar .dynamo li {
	list-style-type: none;
 font-size: 10px;
 margin: 5px 0 5px 10px;
 color: #63594e;
 text-indent:-10px;

}
.dynamo a:link, .dynamo a:visited, .dynamo a:hover, .dynamo a:active { color: #63594e; }
.listing-sidebar .dynamo li a:link, .listing-sidebar .dynamo li a:visited{ display:inline; color: #63594e;padding-left:0; }
.listing-sidebar.brand-sidebar .dynamo li{ padding-left:0; }

.listing-sidebar.eboutique .dynamo { margin-left: 10px; }
.listing-sidebar .dynamo { margin-left: 20px; }
.mag-sidebar .dynamo { margin-top: 30px; }
.subnav-list > li > h2 > a:link.twoLines, .subnav-list > li > h2 > a:visited.twoLines, .subnav-list > li > h2 > a:active.twoLines,
.subnav-list > li > span.h2 > a:link.twoLines, .subnav-list > li > span.h2 > a:visited.twoLines, .subnav-list > li > span.h2 > a:active.twoLines {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    line-height: 21px;
	padding:18px 5px 18px 19px;
}

/* Ajout pour la refonte Graphique V6 */
.temporary-high-light{ width:100%; background-color:#FFFFFF; border-bottom:1px solid #938b82; height:28px; line-height:28px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
.temporary-high-light .center{ width:990px; margin-left:auto; margin-right:auto; position:relative; z-index:99999; }
.temporary-high-light .center .fermer, .temporary-high-light .center .ouvrir{ position:absolute; right:-80px; top:0; font-size:11px; color:#938b82; cursor:pointer; }
.temporary-high-light .center .ouvrir{ top:28px; display:none; }
.temporary-high-light .center .fermer span, .temporary-high-light .center .ouvrir span{ font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border:1px solid #938b82; width:11px; height:11px; line-height:9px; display:inline-block; text-align:center; }
.header-top-nav a:link strong, .header-top-nav a:visited strong, .header-top-nav a:hover strong, .header-top-nav a:active strong { color: #000; font-weight:normal; }
.header .header-left{ float:left; width:230px; }
.header .header-right{ float:left; width:759px; }
.header-basket li.account a { background:transparent url(/TruffautImages/layout/generic-icons2.png) -69px -124px no-repeat; padding-left:13px; }
.header-basket li.basket a { background:transparent url(/TruffautImages/layout/generic-icons2.png) -69px -108px no-repeat; padding-left:13px; }
ul.header-secondary-nav{ float:right; }
.header-nav a.nav-eboutique:link, .header-nav a.nav-eboutique:visited { background-position: center -91px; }
.header-nav li:hover a.nav-eboutique, .header-nav .header-main-nav li h1 a.nav-eboutique{ background-position: center -407px; padding-top:10px; margin-top:-5px; z-index:10; }
.header-nav a.nav-conseils:link, .header-nav a.nav-conseils:visited { background-position: center -131px; width:66px; }
.header-nav li:hover a.nav-conseils, .header-nav .header-secondary-nav li h1 a.nav-conseils{ background-position: center -455px; width:90px; margin:-5px -12px 0 -12px; padding-top:10px; z-index:10; }
.header-nav a.nav-magasins:link, .header-nav a.nav-magasins:visited { background-position: center -171px; width:70px; }
.header-nav li:hover a.nav-magasins, .header-nav .header-secondary-nav li h1 a.nav-magasins, .header-nav .header-secondary-nav li a.current.nav-magasins{ background-position: center -512px; width:90px; padding-top:10px; margin:-5px -10px 0 -10px; z-index:10; }
.header-nav a.nav-marques:link, .header-nav a.nav-marques:visited { background-position: center -211px; width:66px; }
.header-nav li:hover a.nav-marques, .header-nav .header-secondary-nav li h1 a.nav-marques{ background-position: center -567px; width:90px; padding-top:10px; margin:-5px -12px 0 -12px; z-index:10; }
.header-nav a.nav-bonnes-affaires:link, .header-nav a.nav-bonnes-affaires:visited { background-position: center -673px; width:107px; color: #cf16a0;}
.header-nav li:hover a.nav-bonnes-affaires, .header-nav .header-secondary-nav li h1 a.nav-bonnes-affaires{ background-position: center -622px; width:107px; padding-top:10px; margin:-5px 0 0 -12px; z-index:10; color: #cf16a0;}
.bavardages .liens-forum{ float:right; width:330px; font-family:Arial, Helvetica, sans-serif; text-align:center; }
.bavardages .liens-forum .titre{ font-size:16px; line-height:19px; text-transform:uppercase; margin-top:30px; float:left; width:100%; }
.bavardages .liens-forum p{ line-height:14px; font-size:12px; color:#373029; clear:both; padding-top:5px; }
.bavardages .liens-forum a{ display:block; background-color:#e8e2db; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:145px; height:23px; line-height:23px; margin-right:auto; margin-left:auto; }
.rzone > li.last { margin:0; }
.footer-blanc{ background-color:#FFFFFF; margin-left:-8px; margin-right:-8px; }
.footer-links.tout-savoir { background:transparent url(/TruffautImages/layout/border-footer-links.png) right 52px no-repeat; }
.footer-links.services-truffaut{ width:474px; padding-left:18px; }
.footer-gris{ width:990px; background-color:#e8e2db; padding:14px 0 0 9px; clear:both; }
.link-booster{ color:#63594e; font-family:Arial, Helvetica, sans-serif; background:transparent url(/TruffautImages/layout/border-footer-links.png) right 25px no-repeat; width:488px; float:left; }
.link-booster .titre{ font-size:17px; line-height:21px; text-transform:uppercase; }
.link-booster ul{ display:block; padding:17px 0 0 64px; list-style:none; width:414px; background:transparent url(/TruffautImages/layout/link-booster-search.png) 13px 25px no-repeat; min-height:100px; }
.link-booster li{ float:left; display:block; height:24px; width:132px; padding-left:5px; margin:5px 0 0 0; overflow:hidden; }
.link-booster li a{ color:#63594e; font-size:11px; line-height:12px; display:block; padding-left:10px; border-left:1px solid #7ab51d; }
.subnav-list > li.firstItem table { left:243px; }
.header-nav a.nav-jardin:link, .header-nav a.nav-animaux:link, .header-nav a.nav-maison:link, .header-nav a.nav-jardin:visited, .header-nav a.nav-animaux:visited, .header-nav a.nav-maison:visited{ min-width: 95px; z-index:30; }
.subnav .shape a .personnage, .subnav-list.with-submenu > li .shape a .personnage{ position:absolute; bottom:-79px; right:-50px; }
.subnav a.subnav-conseils .vert{ color:#75a219; text-transform:uppercase; text-indent:-10px; display:block; margin:4px 0 2px 0; }
.subnav .shape a.les-marques, .subnav-list.with-submenu li .shape a.les-marques{ color:#010101; font-size:17px; font-family:Arial, Helvetica, sans-serif; line-height:19px; display:block; margin:26px 0 0 20px; text-transform:uppercase; }
.subnav .shape a.les-marques:hover, .subnav-list.with-submenu li .shape a.les-marques:hover{ text-decoration:none; cursor:pointer; }
.subnav .shape a.les-marques .chev, .subnav-list.with-submenu li .shape a.les-marques .chev{ line-height:19px; font-size:14px; }
.header-nav a.optional-nav-item img { margin-top: -4px; }
.subnav .shape{ top:23px; left:476px; position: absolute; border:4px solid #e8e2db; border-bottom:0 none; width:262px; height:234px; }
.subnav-list.suite > li.subnav-by4.firstItem > span.h2 > a{ padding-bottom:21px; }
.subnav-list.suite > li > h2 > a:link.twoLines, .subnav-list.suite > li > h2 > a:visited.twoLines, .subnav-list.suite > li > h2 > a:active.twoLines,
.subnav-list.suite > li > span.h2 > a:link.twoLines, .subnav-list.suite > li > span.h2 > a:visited.twoLines, .subnav-list.suite > li > span.h2 > a:active.twoLines { background:transparent url(/TruffautImages/layout/wp-subnav-suite.gif) left top repeat-y; }
.basket-account{ float:left; margin:25px 0 0 143px; }
.hat-carte-bonus{ margin:0 -11px 0 -10px; }
.hat-fav-mag #lblLoginTitle{ font-weight:bold; color:#000; }
/* Correction d'un bug avec les liens mal supprimés dans le BO de SharePoint */ .ms-rtestate-write{ display:block; }
.block-fond{ position:fixed; width:100%; height:100%; z-index:0; }
.block-fond .lien-fond{ position: fixed; left: 50%; top: 125px; display: block; width: 150px; height: 490px; text-indent: -999em; margin-left: -650px; }
.block-fond .mask-fond{ margin-left:auto; margin-right:auto; width:990px; height:100%; position:relative; z-index:0; }