@charset "UTF-8";

html body {
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    font-size: 11px;
    line-height: initial;
    color: #333;
    background: white;
}

body > div#cluetip { padding: 0px;} /* suppression du padding au dessus pour les cluetip*/

/* cluetip for Loyalty Card on Checkout page */
body.checkout-cart-index div#cluetip h3,
body.checkout-twopage-index div#cluetip h3{
    height: 0px;
    overflow: hidden;
    width: 1px;
    float: left;
    line-height: 0px;
}

/* navigation principale */

/* navigation statique */
/*  -- à gauche de la nav principale --  */
#nav-gauche {
	float:left;
	list-style:none;
	height: 64px;
	margin-left: 28px;
	text-align: left;
	display:inline;
}
#nav-gauche li {
    float: left;
    padding: 0px 5px 0px 3px;
    margin-top: 13px;
}
#nav-gauche li.nav-home {
	padding: 0px 5px 0px 7px;
}

#nav-gauche li a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    padding: 12px 10px 13px 10px;
}
#nav-gauche li.nav-home a {
    float: left;
    height: 18px;
    margin-left: 7px;
    padding: 11px 15px;
}
#nav-gauche li.nav-home a:hover {
}

/*  -- à droite de la nav principale --  */
#nav-droite {
	float:left;
	background: transparent url(../images/nav-bloc-fin.gif) right top no-repeat;
	height:48px;
	padding-right:4px;
	margin:8px 0 0 10px;
}
#nav-droite li {
	float: left;
	padding-left:2px;
}
#nav-droite li.nav-first {
	background:transparent url(../images/nav-bloc-debut.gif) left top no-repeat;
}
#nav-droite li a {
    display: block;
    background:url(../images/nav_prochainement.gif) repeat-x;
    font-size: 12px;
    font-weight: bold;
	text-align: center;
    color: #333;
    padding: 17px 13px;
}
#nav-droite li.nav-two-line-item a { /* Surcharge du padding pour les liens sur deux lignes */
    padding: 11px 10px;
	line-height: 13px;
}
#nav-droite li a:hover, #nav-droite li.active a {
	text-decoration:underline;
}

/* Logo */
h4#logo {
    float: left;
    padding-top: 25px;
    text-transform: uppercase;
}

/* roll couleur à faire en dynamique */
#nav .nav-femme a:hover, #nav .nav-femme a.on, .couleur-femme  { color: #AC3582 }
#nav .nav-lingerie-femme a:hover, #nav .nav-lingerie-femme a.on, .couleur-lingerie-femme, .couleur-lingerie { color: #4D307D }
#nav .nav-homme a:hover, #nav .nav-homme a.on, .couleur-homme { color: #3E5D13 }
#nav li.nav-enfant a:hover, #nav .nav-enfant a.on, .couleur-enfant { color: #718A2A }
#nav .nav-grande-taille-femme a:hover, #nav .nav-grande-taille-femme a.on, .couleur-grande-taille-femme { color: #174075 }
#nav .nav-maternite a:hover, #nav .nav-maternite a.on, .couleur-maternite { color: #7d7d7d }
#nav .nav-accessoires a:hover, #nav .nav-accessoires a.on, .couleur-accessoires { color: #E23500 }

#guide-tabs .ui-helper-hidden { display: none; }
#guide-tabs .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }

#guide-tabs .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
#guide-tabs .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#guide-tabs .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html #guide-tabs .ui-helper-clearfix { height:1%; }
#guide-tabs .ui-helper-clearfix { display:block; }
/* end clearfix */
#guide-tabs .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
#guide-tabs.ui-widget-content {
	background:url("../images/static/ui-bg_flat_75_ffffff_40x100.png") repeat-x 50% 50% #FFFFFF;
	color:#222222;
}
#guide-tabs .ui-widget-header {
	color:#222222;
	font-weight:bold;
}

#guide-tabs .ui-state-default, #guide-tabs.ui-widget-content .ui-state-default { background:url("../images/static/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x 50% 50% #E6E6E6; border:1px solid #D3D3D3; color:#555555; font-weight:normal; outline:medium none; }

#guide-tabs .ui-state-hover, #guide-tabs.ui-widget-content .ui-state-hover, #guide-tabs.ui-widget-content .ui-state-focus, #guide-tabs.ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/static/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }

#guide-tabs .ui-state-active, #guide-tabs.ui-widget-content .ui-state-active { background:url("../images/static/ui-bg_glass_65_ffffff_1x400.png") repeat-x 50% 50% #FFFFFF; border:1px solid #AAAAAA; color:#212121; 	font-weight:normal; outline:medium none; }

#guide-tabs .ui-state-active a, #guide-tabs .ui-state-active a:link, #guide-tabs .ui-state-active a:visited { outline:medium none; }
#guide-tabs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }

#guide-tabs.ui-tabs { padding:0.2em; zoom: 1; }
#guide-tabs.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; /*height:29px;*/ }
#guide-tabs.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 0 -1px 0.5em; padding: 0; }
#guide-tabs.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
#guide-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
#guide-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #guide-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #guide-tabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#guide-tabs.ui-tabs .ui-tabs-nav li a, #guide-tabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#guide-tabs.ui-tabs .ui-tabs-panel { padding: 1em; display: block; background: none repeat scroll 0 0 transparent; border: 1px solid #CCCCCC; border-radius : 4px 4px 4px 4px;}
#guide-tabs.ui-tabs .ui-tabs-hide  { display: none !important; }

#cluetip-inner #guide-tabs.ui-tabs .ui-tabs-nav { /*height:auto;*/ }


/*Bouton collecte nationale*/
a#nav-collecte{
	float:right;
	background:transparent url(../images/nav-collecte.gif) left top
	no-repeat;
	width:130px;
	height:48px;
	text-indent:-9999px;
	margin:9px 12px 0 0;
	_margin-right:6px;
	display:block;
	outline:none;
}
a#nav-collecte:hover{
	background:transparent url(../images/nav-collecte.gif) left bottom
	no-repeat;
}

a#nav-blog {
	float: right;
	background: transparent url(../images/btn_blog.gif) left bottom no-repeat;
	width: 112px;
	height: 48px;
	text-indent: -9999px;
	margin: 9px 12px 0 0;
	_margin-right: 6px;
	display: block;
	outline: none;
}
.header-nav a#nav-grande-collecte {
	display: none !important;
}
a#nav-blog:hover {
	background: transparent url(../images/btn_blog.gif) left top no-repeat;
}

/*********** Page form collectivite ****************/



#titre-collectivite { margin-bottom:30px; }

#phone-container { float:left; width:374px; }

#label-ce {	margin-left:25px;}

#collectivite-small-li {	margin-bottom:0;}

form.form-panier li .small-input-box
{
	float:left ;
	width:187px ;
}

form.form-panier li .small-input-box input {
    width: 140px;
    padding-right: 20px;
}

form.form-panier li .big-input-box
{
	float:left ;
	width: 275px ;
}

form.form-panier li .big-input-box input {
    width: 319px;
    padding-right: 20px;
}

/**/

form.form-panier li .big-input-box-street { width: 375px ; }
form.form-panier li .big-input-box-street input {
    width: 331px ;
    padding-right: 20px;
}



form.form-panier li .input-box-town
{
	float:left ;
	width: 380px ;
}

form.form-panier li .input-box-town input { width: 375px;}




div.pointille
{
	border-bottom:dashed 1px silver;
	margin-top: 24px;
	width:543px;
}

label.collectivite-label
{
	margin-right: 18px;
}

ul.collectivite-list li
{
	margin-bottom:20px;
}

.grayed
{
	color: #7c7c7c;
}

.collectivite-petit
{
	font-size:10px;
}

label.salaries {
    float: left;
    text-align: center;
    padding: 0 22px 0 0 ;
}

label.salaries input
{
	margin-top: 10px;
}


/************* End page form collectivite ******************/


/* Popin-after-cart */


#quicklook-response-message-success.infobulle-556 {
    left: 0px;
    position: relative;
}

.fp-message-erreur {
    font-size: 1rem;
    color: #000000;
    margin: 20px 0;
    text-align: center;
    width: 350px;
}

/* override jScrollPane CSS */
a.jScrollArrowUp, a.jScrollArrowDown {
    display: block;
    height: 9px;
}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover {
    background-position: 0 -9px;
}
a.jScrollArrowUp {
    background: url("../images/basic_arrow_up.gif") repeat-x scroll 0 0 transparent;
}
a.jScrollArrowDown {
    background: url("../images/basic_arrow_down.gif") repeat-x scroll 0 0 transparent;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    background-position: 0 -18px;
}

/** HOME REMONTÉE BLOG **/
.blog_entry {
    width: 320px;
    float: left;
    margin-right: 14px;
    height: 374px;
    border: 1px solid #DFDFDF;
}

.blog_entry > img{
    width: 320px;
    height: 247px;
}

.blog_entry .entry-date {
    margin-left: 0.4375rem;
    margin-top: 0.6875rem;
    font-size: 0.625rem;
    height: 0.75rem;
}

.blog_entry .entry-title {
    margin-left: 0.4375rem;
    margin-top: 0.3125rem;
    text-transform: uppercase;
    max-height: 3.188rem;
    overflow: hidden;
    width: 302px;
    font-size: 1.125rem;
    line-height: 1.375rem;
}

.blog_entry .short-desc {
    margin-left: 0.4375rem;
    margin-top: 0.375rem;
    font-size: 0.9375rem;
    letter-spacing: 1px;
    height: 40px;
    width: 302px;
    overflow: hidden;
    line-height: 1.125rem;
}

/** Blocs statiques menu top **/

.submenu-right{
    position: relative;
    top: 12px;
    right: 14px;
}

.submenu-right .submenu-right-1{
    margin-bottom: 10px;
    float: right;
}

.submenu-right .submenu-right-2{
    clear: both;
    float: right;
}
.submenu-right .submenu-right-1 img, .submenu-right .submenu-right-2 img {
    max-width: 185px;
}

/** Box layout **/

.box-layout .legend{
    font-size: 13px;
    text-transform: uppercase;
    line-height: 15px;
    margin-top: 5px;
    display: inline-block;
}

.box-layout .legend::after { content: '>'; margin-left: 0.5em; }

.box-layout .image_rollover{
    display: none;
}

.box-layout li.has_image_rollover:hover img{
    display: none;
}

.box-layout li.has_image_rollover:hover img.image_rollover{
    display: block;
}

.one-image,
.two-images,
.three-images,
.four-images{
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.one-image li,
.two-images li,
.three-images li,
.four-images li{
    float: left;
}

.one-image li img,
.two-images li img,
.three-images li img,
.four-images li img{
    width: 100%;
}

.one-image li a,
.two-images li a,
.three-images li a,
.four-images li a{
    width: 100%;
    display: inline-block;
}

.one-image li{
    width: 100%;
    display: inline-block;
}

.two-images li{
    width: 49.5%;
    display: inline-block;
}

.two-images li.last{
    margin-left: 1%;
}

.three-images li{
    width: 32.5%;
    display: inline-block;
    margin-left: 1.25%;
}

.three-images li.first{
    margin-left: 0;
}

.four-images li{
    width: 24%;
    display: inline-block;
    margin-left: 1.333333333333%;
}

.four-images li.first{
    margin-left: 0;
}

/* Crosselling Homepage */
#home-push {
    width: 992px;
    position: relative;
    margin-top: 20px;
}

#home-push .title {
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

#home-push .title h4 {
    font-size: 16px;
    display: inline;
    background: white;
    padding: 0 10px;
    position: relative;
    font-weight: bold;
    color: black;
}

#home-push .title hr {
    position: absolute;
    width: 100%;
    top: 9px;
    background: black;
    border: 0;
    height: 2px;
}

#home-push ol.liste-produit {
    float:left;
    padding: 0px 0 20px 0;
    margin: 0;
}

#home-push ol.liste-produit li:first-child {
    margin: 0;
}

#home-push ol.liste-produit li {
    float: left;
    margin: 0 0 0 15px;
    width: 186px;
}

#home-push ol.liste-produit .imgProduit{
    height: auto;
}

#home-push ol.liste-produit h5 {
    text-align:left;
    margin: 7px 0 0;
    width: 100%;
    clear: both;
    padding: 0;
    text-align: right;
}

#home-push ol.liste-produit h5 a {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

#home-push ol.liste-produit .product-price .price-link{
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
}

#home-push ol.liste-produit .product-price .price-item--default{
    margin-top: 0px;
}

#home-push ol.liste-produit h5 sup {
    font-size: 13px;
}

#home-push ol.liste-produit h4 {
    margin-top: 5px;
    width: 100%;
    height: 24px;
}

#home-push ol.liste-produit h4 a {
    font-size: 13px;
    color: #000;
}

ol.liste-produit .brand_modele {
    margin-top: 5px;
    height: auto;
    float: left;
}

#home-push ol.liste-produit .brand_modele {
    float: none;
}

/*************** Pour les goodies ************/
#goodies-list {
    border: 1px #DDDCDA solid;
    margin-bottom: 10px;
}

#goodies-list ul {
    clear: both;
}

#goodies-list ul li {
    display: inline-block;
    margin:0 10px 10px 10px;
}
#goodies-list .loading {
   text-align:center;
}
#goodies-list span {
    float: right;
    padding: 7px 10px 10px 0;
    font-weight: bold;
    color: #D4003C;
    font-size: 14px;
}

#goodies-list span a {
    padding-left: 300px;
    color: #D4003C;
    font-size: 14px;
}

#goodies-list ul li a p {
    font-weight: bold;
    text-align: center;
}


.goodies-list li {
    margin: 0px 0 10px 17px;
    color : black;
    font-weight: bold;
}
.goodies-list li a {
    color : #D4003C;
    font-weight: bold;
    text-decoration: underline;
}
.goodies-list .goodies-rule,.goodies-list .goodies-rule-link {
    font-weight: bold;
    font-size: 14px;
    color: #D4003C;
    display: inline-block;
    vertical-align: middle;
}
.goodies-list .goodies-rule {
    width: 590px;
}
.goodies-list li div.goodies-rule img {
    vertical-align: middle;
    height: 50px;
}