/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display:none!important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display:none!important;
    }
}

/* Skin */
	.homePage #container-4 { margin-top:20px; }
	#container-4 {clear:both; float:left; width:614px; margin:10px 0; } /* Hauteur supprimée pour que ça bug pas */
    body.category #container-4 { height:auto; }
	
	#container-4 ul { float:left; width:100%; }
	#container-4 ul li { float:left; display:inline; margin-left:1px; font-size:12px; font-weight:bold; line-height:22px; background:url(../images/bg-ui-tab.gif) left center no-repeat; padding-left:15px; position:relative; z-index:2; }
    #container-4 ul li a { color:#504e4a; text-decoration:none; }
    #container-4 ul li.onglet-magasin { margin-right:10px; background:none; padding-left:0; margin-top:-6px; }
    #container-4 ul li.ui-tabs-mag { background:url(../images/bg-onglets-magasins.gif) 0 0 no-repeat; padding-left:0; height:22px; line-height:22px; overflow:hidden; padding-left:10px; color:#fff; }
    #container-4 ul li.ui-tabs-mag span { display:block; height:22px; background:url(../images/bg-onglets-magasins.gif) top right no-repeat; padding-right:10px; }
    #container-4 ul li.ui-tabs-mag a { color:#fff; }
    #container-4 ul li.ui-tab1 {  }
    #container-4 ul li.ui-tabs-selected { background-position:0 -22px; }
    #container-4 ul li.ui-tabs-selected a { color:#b6377c; }
    #container-4 ul li.ui-tabs-selected span { background-position:right bottom; }
	
	#container-4 .ui-cat li { margin:0; margin-right:3px; background:none; padding:0; }
    #container-4 .ui-cat li a { color:#fff; background:#c6bfb9; text-decoration:none; padding:0 5px; line-height:28px; display:block; }
    #container-4 .ui-cat li.ui-tabs-selected a { color:#fff; }
    #container-4 .ui-tabs-panel { background-image:none; }
    #container-4 .fragment-cat li { clear:both; float:none; display:block; padding:0; margin-left:15px; background:none; line-height:21px; font-weight:normal; }
    #container-4 .fragment-cat a { padding:0; margin:0; font-size:12px; text-decoration:none; font-weight:bold; }
    #container-4 .fragment-cat a:hover { text-decoration:underline; }
    
	/* the "fragments" which are the single tab areas. each tab is defined by a fragment. 
	you can add as many as you want following the scheme "#fragment-x" */
	#fragment-1, #fragment-4, #fragment-5, #fragment-6, #fragment-7, #fragment-8, #fragment-9 {
		height:147px;
		padding:5px;
		border:5px solid #b2c159;
	}	
	#fragment-2, #fragment-3 {
		height:147px;
		padding:5px;
		border:5px solid #6D604D;
		
	}

	#actuMagasin {  }
	#actuMagasin .date { font-size:1.1em; font-weight:bold; padding-top:15px; }

    .content-infos-magasins { clear:both; float:left; width:100%; }
    .actumagasins h3 { font-size:11px; color:#504e4a; padding-top:12px; }
	.actumagasins h3 a { color:#504e4a; }
	.actumagasins p {padding-bottom:5px;}
	.actumagasins div.excerpt-ui-tabs { padding-bottom:5px; height:90px; overflow:hidden; }
	.actumagasins .lien { text-align:right; margin-right:10px; font-weight:bold; color:#6d604d;  }
	.actumagasins .lien a { color:#6d604d; text-decoration:underline; margin-left:5px; }
	.actumagasins .lien-actu-all { clear:both; float:left; display:inline; margin-left:363px; font-weight:bold; color:#B1C258; padding-top:5px; }
	.actumagasins .lien-actu-all a { display:block; color:#fff; text-decoration:none; width:240px; height:21px; line-height:21px;  background:url(../images/bg-voir-plus-actualites.gif) 0 0 no-repeat; font-weight:normal; font-size:12px; letter-spacing:-0.01em;  padding-left:25px}
	
	.article-magasin-0 { float:left; display:inline; margin:8px 26px 0 14px; width:336px; }
    .article-magasin-0 a.vignette { float:left; display:block; margin-right:26px; }
    .article-magasin-0 a.vignette img { border:4px solid #e8e2e5!important; width:132px; height:132px; }
    .article-magasin-0 .text-magasin-0 { padding-top:10px; font-size:11px; color:#504e4a; }
    .article-magasin-1 { float:left; display:inline; width:230px; margin-top:12px; }
    .article-magasin-1 a.vignette, .article-magasin-2 a.vignette { float:left; display:block; margin-right:10px; }
    .article-magasin-1 a.vignette img, .article-magasin-2 a.vignette img { border:4px solid #e8e2e5!important; width:55px; height:55px; }
    .article-magasin-2 { float:left; display:inline; width:230px; margin-top:10px; }

	
	.ui-tabs-panel { clear:both; float:left; width:611px; border:1px solid #b6377c; margin-top:-1px; position:relative; z-index:1;}
	.ui-tabs-panel ul {}
	.ui-tabs-panel ul li {}
	.ui-tabs-panel ul li a {font-size:1.3em; font-weight:bold; color:#6D604D}
	
	
/* tabs par cat�gorie */	
	/* default color:#b2c159 */
	.cat-default {}
	
	/* cuisine color:#f5a338 */
	.cat-5 {}
	.cat-5 #container-4 ul.ui-tabs-nav li a:hover, .cat-5 #container-4 ul.ui-tabs-nav li.ui-tabs-selected a {background:#f5a338;}
	.cat-5 #fragment-1, .cat-5 #fragment-2, .cat-5 #fragment-3, .cat-5 #fragment-4, .cat-5 #fragment-5, .cat-5 #fragment-6, .cat-5 #fragment-7, .cat-5 #fragment-8, .cat-5 #fragment-9 {
		border:5px solid #f5a338;
	}
	.cat-5 #container-4 .ui-tabs-panel ul li a {color:#f5a338}
	
	/* decoration table color:#774570 */
	.cat-14 {}
	.cat-14 #container-4 ul.ui-tabs-nav li a:hover, .cat-14 #container-4 ul.ui-tabs-nav li.ui-tabs-selected a {background:#774570;}
	.cat-14 #fragment-1, .cat-14 #fragment-2, .cat-14 #fragment-3, .cat-14 #fragment-4, .cat-14 #fragment-5, .cat-14 #fragment-6, .cat-14 #fragment-7, .cat-14 #fragment-8, .cat-14 #fragment-9 {
		border:5px solid #774570;
	}
	.cat-14 #container-4 .ui-tabs-panel ul li a {color:#774570}
	
	/* decoration creative color:#ca428c */
	.cat-15 {}
	.cat-15 #container-4 ul.ui-tabs-nav li a:hover, .cat-15 #container-4 ul.ui-tabs-nav li.ui-tabs-selected a {background:#ca428c;}
	.cat-15 #fragment-1, .cat-15 #fragment-2, .cat-15 #fragment-3, .cat-15 #fragment-4, .cat-15 #fragment-5, .cat-15 #fragment-6, .cat-15 #fragment-7, .cat-15 #fragment-8, .cat-15 #fragment-9 {
		border:5px solid #ca428c;
	}
	.cat-15 #container-4 .ui-tabs-panel ul li a {color:#ca428c}
	
	/* conseil-astuces color:#6d5f4d */
	.cat-21 {}
	.cat-21 #container-4 ul.ui-tabs-nav li a:hover, .cat-21 #container-4 ul.ui-tabs-nav li.ui-tabs-selected a {background:#6d5f4d;}
	.cat-21 #fragment-1, .cat-21 #fragment-2, .cat-21 #fragment-3, .cat-21 #fragment-4, .cat-21 #fragment-5, .cat-21 #fragment-6, .cat-21 #fragment-7, .cat-21 #fragment-8, .cat-21 #fragment-9 {
		border:5px solid #6d5f4d;
	}
	.cat-21 #container-4 .ui-tabs-panel ul li a {color:#6d5f4d}
	
	/* video color:#9a836b */
	.cat-17 {}
	.cat-17 #container-4 ul.ui-tabs-nav li a:hover, .cat-17 #container-4 ul.ui-tabs-nav li.ui-tabs-selected a {background:#9a836b;}
	.cat-17 #fragment-1, .cat-17 #fragment-2, .cat-17 #fragment-3, .cat-17 #fragment-4, .cat-17 #fragment-5, .cat-17 #fragment-6, .cat-17 #fragment-7, .cat-17 #fragment-8, .cat-17 #fragment-9 {
		border:5px solid #9a836b;
	}
	.cat-17 #container-4 .ui-tabs-panel ul li a {color:#9a836b}
	
	/* confort color:#9f7e58 */
	.cat-185 {}
	.cat-185 #container-4 ul.ui-tabs-nav li a:hover, .cat-185 #container-4 ul.ui-tabs-nav li.ui-tabs-selected a {background:#9f7e58;}
	.cat-185 #fragment-1, .cat-185 #fragment-2, .cat-185 #fragment-3, .cat-185 #fragment-4, .cat-185 #fragment-5, .cat-185 #fragment-6, .cat-185 #fragment-7, .cat-185 #fragment-8, .cat-185 #fragment-9 {
		border:5px solid #9f7e58;
	}
	.cat-185 #container-4 .ui-tabs-panel ul li a {color:#9f7e58}
	
	/* range color:#91be40 */
	.cat-195 {}
	.cat-195 #container-4 ul.ui-tabs-nav li a:hover, .cat-195 #container-4 ul.ui-tabs-nav li.ui-tabs-selected a {background:#91be40;}
	.cat-195 #fragment-1, .cat-195 #fragment-2, .cat-195 #fragment-3, .cat-195 #fragment-4, .cat-195 #fragment-5, .cat-195 #fragment-6, .cat-195 #fragment-7, .cat-195 #fragment-8, .cat-195 #fragment-9 {
		border:5px solid #91be40;
	}
	.cat-195 #container-4 .ui-tabs-panel ul li a {color:#91be40}
	
	/* enfants color:#47c3cb */
	.cat-190 {}
	.cat-190 #container-4 ul.ui-tabs-nav li a:hover, .cat-190 #container-4 ul.ui-tabs-nav li.ui-tabs-selected a {background:#47c3cb;}
	.cat-190 #fragment-1, .cat-190 #fragment-2, .cat-190 #fragment-3, .cat-190 #fragment-4, .cat-190 #fragment-5, .cat-190 #fragment-6, .cat-190 #fragment-7, .cat-190 #fragment-8, .cat-190 #fragment-9 {
		border:5px solid #47c3cb;
	}
	.cat-190 #container-4 .ui-tabs-panel ul li a {color:#47c3cb}