@import url(reset.css);

@font-face {
    font-family: 'quicksandbold';
    src: url('quicksandbold.eot');
    src: url('quicksandbold.ttf') format('truetype');
}

body {
	margin:0 5px;
	text-align:center;
	font-size:12px;
	line-height:15px;
	background:url(../images/bg.jpg) top center no-repeat #d2e2eb;
	/*	background-color:#e4e6e8; */
	font-family:Arial, Helvetica, sans-serif;
	color:#363636;
}

h1, .title { letter-spacing:-1px; font-family: 'quicksandbold', Arial; font-size: 26px; padding-bottom:12px; line-height:30px; color:#000; }
h1 span { letter-spacing:0; font-family:Arial; font-size:12px; color:#666; font-weight:normal; }
h2 { color:#999; font-size:21px; line-height:22px; margin-bottom:6px; }
h3, h4 { font-size:14px; font-weight:normal; padding-bottom:.3em; line-height:20px; }
h6 { padding-bottom:10px; font-size:11px; font-weight:normal; color:#999; line-height:18px; }
p {  padding-bottom:8px; font-size:12px; line-height:22px; }

a:link, a:visited, a:active { color:#e1007a; text-decoration:none; }
a:hover { text-decoration:underline; }

div { text-align:left; }
table { width:100%; border:none; margin:0; }
th { margin:0; padding:0; }
td { padding:3px; vertical-align:top; font-size:12px; } 
tr { vertical-align:top; }
form { }
textarea, input {  }
input:focus { }
img { border:none; }
ol { }
ul { list-style:none; }
li { }

.flashMessages { font-weight:bold; font-size:15px; color:#298700; padding:3px 7px; line-height:20px; background:#d9eed0; margin-bottom:15px; display:inline-block; }
/* .flashMessages li:before { content:'— '; } */

.cocoon { width:770px; padding-left:85px; }
.cocoon p { text-align:justify; }
.cocoon ul { padding-bottom:10px;  line-height:22px; }
.cocoon h2, .cocoon h3, .cocoon h4 { clear:both; }
.cocoonMenu { font-size:15px; line-height:22px; clear:both; }

.errors { color:red; margin:5px 0 10px; text-align:left; }

.mini { padding-bottom:10px; font-size:12px; font-weight:normal; color:#666; line-height:18px; }

/* Breadcrumb */
.breadcrumb { font-size:11px; list-style:none; background-color:#f5f5f5; padding:8px 12px; }
.breadcrumb a { }
.breadcrumb .separator { background:no-repeat; background-position: 50% 5px; background-image: url('../images/arrowRight.png'); padding:0 9px; }
.breadcrumb .home { text-indent:-100px; display:inline-block; vertical-align:bottom; background:url(../images/home.png) no-repeat top; width:11px; height:15px; overflow:hidden; }


#breadcrumb { padding:6px 10px; margin:10px 10px 0; background-color:#F5F5F5; font-size:11px; }
   
.hide { display:none; }
.clear { clear:both; }
.column { float:left; }
.form_w { width:380px; padding:5px; margin-bottom:10px; }
label { width:180px; font-weight:bold; text-align:left; margin:5px 0; font-size:13px; float:left; }

.whiteBox, .offerContainer { margin:4px; background:#FFF; border-bottom:1px solid #b2b2b2; border-left:1px solid #e4e4e4; border-right:1px solid #d2d2d2; border-top:1px solid #e4e4e4; }

.blogPreview { clear:both; overflow:hidden; background-color:#f4f4f4; padding:10px; margin-bottom:10px; }
.blogPreview li { margin-right:2%; padding-top:4px; font-size:12px; width:48%; height:90px; float:left; }
.blogPreview ul { padding:5px 12px; margin:0; overflow:hidden; }
.blogPreview img { float:left; margin-right:15px; padding:5px; border:1px solid #EFEFEF; }

.blogPreview .details { overflow:hidden; }
.blogPreview .articleCategory { font-size:11px; text-align:right; }
.blogPreview .articleTitle { padding-bottom:6px; font-size:15px; line-height:18px; font-family: 'quicksandbold', Arial; }
.blogPreview .articleDescription { font-size:11px; line-height:18px; }

.article .articleDescription { overflow:hidden; }

.article .picture { border:1px solid #F4F4F4; padding:10px; }

.edito { margin:10px; background-image:url(../images/edito.jpg); background-position:right top; padding:10px; overflow:hidden; }
.edito .linkButt { }
.edito .editoContent { float:left; width:460px; margin-left:194px; overflow:hidden; }
.edito p { line-height:20px; }
.facebookLikeBox { overflow:hidden; width:200px; float:right; height:62px; background-color:#FFF; padding:2px; }
.facebookLike { overflow:hidden; width:92px; padding:2px 5px 3px; float:right; }

.title { float:left; margin-right:4px; font-weight:normal; }

/* Offer Page */
.offerPageContainer .image { float:left; width:300px; }
.offerPageContainer .details { float:left; width:400px; margin-left:40px; }
.offerPageContainer .price { font-size:22px; margin-bottom:15px; font-family: 'quicksandbold', serif; }
.offerPageContainer .tags a { margin:3px; background-color:#E8E8E8; color:#666; padding:2px 6px 3px; display:inline-block; }
.offerPageContainer .tags a:hover { background-color:#e1007a; color:#fff; text-decoration:none; }

#main { width:990px; margin:6px auto 0; }
.wrapper { background-color:#FFF; overflow:hidden; }
.content { margin:20px; overflow:hidden; }
.content h2, .contentRight h2, .contentCenter h2 { font-family: 'quicksandbold', Arial; color:#666; font-weight:bold; padding-bottom:8px; }
.contentRight  { float:left; width:770px; margin:10px; overflow:hidden; }
.mainContent { margin:20px; }
.contentCenter { margin:0 180px; overflow:hidden; padding:20px; }

/* Header */

#header { overflow:hidden; }
#header { text-align:center; }
#header #logo { float:left; width:160px; margin-bottom:5px; }

#search { float:right; color:#FFF; margin:10px 0; width:400px; }
#searchText { font-size:14px; width:180px; background-color:#FFF; padding:4px; height:15px; border-right:none; outline:none; }
#searchText:focus { border-right:none; }
#searchForm { font-size:14px; float:right; }
.searchButt { vertical-align:bottom; }
.okButt { vertical-align:bottom; }

/* Menu */

.attributes ul > li > ul { margin-bottom:8px; }

.attribute { background-color:#f6f6f6; padding:2px 8px 3px; margin:3px 0 4px; font-size:14px; font-family:'quicksandbold', Arial; font-weight:700; color:#515151; }
.attributeActive { background-color:#f2f2f2; }
.attributeValue {  font-size:11px; line-height:18px; }

.sidebarLeft { width:180px; float:left; margin:10px; overflow:hidden; line-height:20px; }
.sidebarLeft ul ul { padding:0 8px; }
.sidebarLeft li { padding:1px 0; }

.sidebarLeft .box { background-color:#F5F5F5; margin-bottom:20px; padding:10px; }

.sidebarLeft .filters { padding:10px; margin-bottom:15px; background:#f6f6f6; }
.sidebarLeft .filters ul li { padding-left:20px; background:url(../images/cancel.png) no-repeat 0 4px; }

.sidebarLeft h2, .sidebarRight h2 { 
	color:#555;
	font-weight:normal;
	margin-bottom:4px;
	font-size:17px;
	font-family: 'quicksandbold', Arial;
}

.sidebarLeft h3 { 
	color:#666666;
	font-weight:bold;
	font-size:13px;
}

.sidebarRight { background-color:#f5f5f5; width:260px; float:right; padding:20px; margin:20px; overflow:hidden; line-height:20px; }
.sidebarRight ul { margin-bottom:15px; }
.sidebarRight li { margin-bottom:8px; line-height:14px; }


#priceRangeMin, #priceRangeMax { font-size:12px; font-weight:bold; text-align:center; padding:2px 3px; width:30px; }
#sliderRange { margin:10px auto; width:150px; text-align:center; }
.priceRange { padding:0 8px 8px; text-align:center; }

.color { width:9px; height:9px; overflow:hidden; display:inline-block; margin-right:4px; }
.color.noire { background-color:#000; }
.color.bleue { background-color:#36F; }
.color.marron { background-color:#5F4738; }
.color.or { background-color:#FFD324; }
.color.verte { background-color:#0C0; }
.color.beige { background-color:#FBEEC8; }
.color.orange { background-color:#FF872F; }
.color.rose { background-color:#FFB7C6; }
.color.imprimee { background-image:url(../images/motifs.jpg); background-position:center; }
.color.violette { background-color:#C3C; }
.color.rouge { background-color:#F33; }
.color.grise { background-color:#CCC; }
.color.blanche { background-color:#F5F5F5; }
.color.jaune { background-color:#FF3; }

/* Footer */

#footer {
	background:#262626;
	overflow:hidden;
	font-size:11px;
	clear:both;
	color:#fff;
	margin-bottom:7px;
	padding:6px 12px 10px;
}
#footer a { color:#6d6d6d; }
#footer .level0 { text-align:left; font-weight:bold; padding-top:5px; }
#footer ul { display:inline-block; }
#footer ul ul { display:inline-block; }
#footer .level1 { font-weight:normal; padding-left:5px; display:inline-block; }

.hotArticle { float:right; text-align:right; width:250px; padding-top:5px; }
.hotArticle h4 { font-family:'quicksandbold', Arial; padding:0; font-size:15px; font-weight:normal; }
.hotArticle p {  font-size:12px; text-align:right; }


/* Pages... */
.butt, a.butt { font-size:14px; color:#FFFFFF; background-color:#e1007a; border:none; padding:4px 12px; }

.product_picture { border:1px solid #EFEFEF; float:left; margin-right:20px; }


/* Offer container */

.small_container { overflow:hidden; height:44px; padding:6px 10px; border-bottom:1px solid #f4f4f4; }
.small_container .price { font-size:12px; color:#000; display:inline-block; }
.small_container h2 { font-size:11px; margin:0; padding:0; color:#FFF; }


.items { clear:both; background-color:#f4f4f4; padding:5px 5px 6px; margin-bottom:15px; overflow:hidden; }


.rank { position:absolute; top:-8px; left:-8px; font-size:12px; font-weight:bold; text-align:center; display:block; color:#960; background-image:url(../images/star.png); width:34px; height:25px; padding-top:9px; }

.offerContainer { text-align:center; float:left; width:142px; height:300px; position:relative; }
.offerContainer:hover { background-color:#F7F7F7; }
.offerContainer .thumb { margin:5px; text-align:center; overflow:hidden; width:132px; text-align:center; height:200px; position:relative; }
.offerContainer img { position:absolute; left:-34px; width:200px; height:200px; }
.offerContainer.local img { position:absolute; left:-9px; width:150px; height:200px; }
.offerContainer .details { margin:6px; }
.offerContainer .price { text-align:center; font-weight:bold; font-size:15px; font-family:'quicksandbold', Arial; }
.offerContainer .name { text-align:center; font-weight:normal; overflow:hidden; height:18px; font-size:11px; }
.offerContainer .merchant { overflow:hidden; font-size:11px; height:16px; color:#999; text-align:center; padding:0 10px; font-weight:bold; }

.offerContainer.contest { height:252px; }
.offerContainer.contest .checkIt { padding:5px 0; text-align:center; }

/* Pagination */
.pages { padding:10px 0; text-align:center; clear:both; font-size:11px; }
.pages a { padding:4px 5px; }
.pages a:hover { padding:4px 5px; background-color:#efefee; border-bottom:none; }
.pages .now { padding:4px 5px; color:#FFFFFF; background-color:#e1007a; }
.top { text-align:right; width:300px; float:right; }
.bottom { clear:both; text-align:center; padding-top:20px; }


.dealClick { background-image:url(../images/dealClick.png); height:20px; width:90px; display:inline-block; margin-bottom:4px; }
.dealClick:hover { background-position:bottom; }

/* Magazine */

.magContent { width:620px; float:left; margin:20px; } 
.magBar { width:160px; float:left; margin:20px; } 

.articles { width:600px; float:left; margin:20px; }
.articles strong { }

.article { color:#000; }
.article p { text-align:justify; line-height:24px; }
.articlePreview { padding:10px 0; overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:10px; }
.articlePreview p { text-align:justify; line-height:24px; font-size:15px; }

.articlePicture, .pictureLeft { float:left; margin:0 10px 10px 0; padding:5px; border:1px solid #EFEFEF; }
.pictureLeft { float:left; }

.floatRight { float:right; }


.shareWidgets { text-align:right; overflow:hidden; padding:10px; vertical-align:middle; clear:both; width:100%; background:#EFEFEF; }
.shareWidget {
	float:right;
	text-align:center;
	display:inline-block;
	width:20%;
}
.shareText { float:left; }

.articlesRelated { clear:both; overflow:hidden; margin:15px 0; padding:15px 0; border-top:1px dotted #ccc; }
.articleRelated { width:48%; }
.articleRelated img { padding:5px; border:1px solid #EFEFEF; }
.articleRelated.next { float:right; text-align:right; margin-left:2%; }
.articleRelated.next img { float:right; margin-left:10px; }
.articleRelated.next p { text-align:right; }
.articleRelated.prev p { text-align:left; }
.articleRelated.prev { float:left; text-align:left; margin-right:2%; }
.articleRelated.prev img { float:left; margin-right:10px; }
.articleRelated p { font-size:16px; line-height:18px; font-family: 'quicksandbold', Arial; }



/* Menu */
.nav { background-color:#000; background-image:url(../images/menu_bg.jpg); font-size:15px; height:34px; clear:both; width:100%; }
.nav { float:left; clear:both; position:relative; list-style-type:none; z-index:100; text-align:left; line-height:18px; border-right:1px solid #333; }
.nav li { font-family:'quicksandbold', Arial; font-size:15px; border-right:1px solid #333; position:relative; height:22px; float:left; padding:7px 17px 5px; color:#FFF; white-space:normal; text-align:left; }
.nav li.last { border-right:none; }
.nav li:hover { background-image:url(../images/menuBgHover.jpg); }
.nav li:hover a { text-decoration:none; }
.nav li a { color:#fff; }


/* Filters */
.shadow, .breadcrumb
{
box-shadow:0 1px 4px #dbdcdc;
-moz-box-shadow:0 1px 4px #dbdcdc;
-webkit-box-shadow:0 1px 4px #dbdcdc;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#dbdcdc', Direction=135, Strength=3); 
zoom:1;
}

.round, .roundTop, .roundLeft, .roundTopLeft {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px; 
	border-top-left-radius:5px;
}

.round, .roundTop, .roundRight, .roundTopRight {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px; 
	border-top-right-radius:5px;
}

.round, .roundBottom, .roundLeft, .roundBottomLeft {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px; 
	border-bottom-left-radius:5px;
}

.round, .roundBottom, .roundRight, .roundBottomRight {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px; 
	border-bottom-right-radius:5px;
}

.bevel { border:1px solid; border-color:#E5E5E5 #C5C5C5 #C5C5C5 #E5E5E5; }
.bevel:focus { border:1px solid; border-color:#e73294 #8e004d #400023; }

/* Contest */
.contestHeader { overflow:hidden; height:170px; margin-bottom:20px; background:url(../images/contestHeader.jpg) no-repeat; }

.step { text-align:center; padding-bottom:25px; }
.step [disabled] { background:#d6d6d6; color:#666; }
.step h2 { padding-left:70px; text-align:center; margin-left:auto; margin-right:auto; width:570px; background:url(../images/arrowLeft.png) no-repeat 0 7px; }
.step h2 a { text-decoration:underline; }
.step h2 a:hover { text-decoration:none; }

.checkboxSelected { border:1px solid; border-color:#e73294 #8e004d #400023; }

#contestRulesContainer { overflow-y:scroll; height:250px; padding:0 25px 15px 0; }
#contestRules { color:#999; }