/* ---------------------------------------
	
	Printemps.com
	Skin CSS

	Changer les proprietes de ce fichier pour gerer des themes graphiques

---------------------------------------- */


/* ------------------------
	Fond de page
------------------------ */


body {
	background:url('/WPCOM/ope/201009_Mode3/background_body.jpg') no-repeat 0 0 #333;
}


/* ------------------------
	Couleurs de textes et liens
------------------------ */

h3,
#nav .block_nav .title,
#nav .block_nav .subtitle a,
#sidebar .block-generic h2,
#block_promo-birthday h2,
#block_une h2,
#block_nav-rubriques h2,
#block_nav-rubriques h2 a,
#block_nav-rubriques .show-menu a,
.list_typology h2,
.list_typology h2 a,
.block_avantages_carte li .text_promo,
.block_adhesion-carte .block .text_promo,
.list_decouvrir-carte h3 a,
.list_faq dt,
.block_avantages_carte .link_more a,
.content-article a,
.content-article2 a,
.inner_footer .column1 > ul > li > a,
.inner_footer .column2 > ul > li > a {
	color:#d10056;
}


/* ------------------------
	Bordures
------------------------ */

#nav li a:hover,
#nav li a:focus,
#nav .on a,
#sidebar .block-generic,
#block_une,
.block_carte-printemps,
.block_carte_printemps_supreme,
#block_become-fan,
#block_promo-birthday,
#block_newsletter,
.block_abonnement-mag,
#block_trouver-magasin,
.block_search-tools_top div.cmf-skinned-select {
	border-color:#D10056;
}


/* ------------------------
	Arriere-plans en couleur unie
------------------------ */

.link_button a,
.title_categories,
.list_actus h3 .title,
.list_actus h3 .description,
.block_actu h2 .title,
.block_actu h2 .description,
#block_nav-rubriques li a:hover,
#block_nav-rubriques .active a,
#block_home h2 a,
#block_home-inter h2 a,
#block_home p,
#block_home-inter p,
.list_typology .category,
.content-article .category,
.content-article2 .category,
.content-article .surligne,
.content-article2 .surligne,
#Table2 .surligne,
#tinymce .surligne,
.block_search-tools_top select,
.horaire-exception,
.content_map-popin .btn_close-popin button,
.list_brands_family .active a,
.list_brands_family a:hover,
.list_brands_sub-family .active a,
.list_brands_sub-family a:hover,
.block_services h3,
.block_top-brands h3,
.nav_results a:hover,
.nav_results .active a,
.list_brands_family a.active,
.list_brands_family a:hover,
.list_brands_sub-family a.active,
.list_brands_sub-family a:hover,
#MoteurRecherche .extrait .surligne,
.link_subscribe a {
	background:#d10056;
}

.block_view_brands li a:hover,
.block_view_brands .active a {
	background-color:#d10056;
}


/* ------------------------
	Arriere-plans comportant des images de fond
------------------------ */

ul li,
ol ul li,
.upper_footer p a,
.link_bullet,
#block_nav-rubriques li li,
.content-article .list_article-tools li,
.content-article2 .list_article-tools li,
.block_view_brands li a,
#MoteurRecherche .blocResults .cheminfer,
.block_avantages_carte .link_more span {
	background-image:url('/WPCOM/img/bg_bullet-list_default.png');
}

/* Bloc Newsletter */
#block_newsletter {
	background-image:url('/WPCOM/img/bg_block-newsletter.png');
}
.content_newsletter h2 {
	background-image:url('/WPCOM/img/logo_newsletter.png');
}

.description_arrow-bottom ,
.text_arrow-bottom,
.block_abonnement-mag .link_more a,
#block_vitrines-printemps .block_visu .text span,
.list_typology .description {
	background-image:url('/WPCOM/img/bg_arrow-d10056.png');
}

.link_more a {
	background-image:url('/WPCOM/img/bg_link-more.png');
}

.title_categories span,
.list_typology .category span,
.content-article .category span,
.content-article2 .category span {
	background-image:url('/WPCOM/img/bg_list-categories_corner.png');
}

blockquote,
.content-article blockquote ,
.content-article2 blockquote,
#Table2 blockquote,
#tinymce blockquote {
	background-image:url('/WPCOM/img/bg_quote-right.png');
}

blockquote p:first-child,
.content-article blockquote p:first-child,
.content-article2 blockquote p:first-child,
#Table2 blockquote p:first-child,
#tinymce blockquote p:first-child {
	background-image:url('/WPCOM/img/bg_quote-left.png');
}


/* ------------------------
	Overlay sur home page
------------------------ */
	
#flashover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color: #000;
}
#flashover #overlayLeft {
	float:left;
	width: 1024px;
	height: 768px;
}
#flashover #overlayRight {
	float:left;
	width: 235px;
	height: 768px;
	background-color: #000;
}
#flashover #overlayBottom {
	clear:both;
	width: 100%;
	height: 100%;
	background-color: #000;
}