bebeboutik/themes/site/css/less/main.less

div, p, blockquote, q, pre, address, code, samp, dl, ol, ul, li, dt, dd, form, table, fieldset, menu, article, aside, details, figcaption, figure, footer, header, hgroup, section, dialog, sub, sup, label, td, th {
	font-size: 12px;
	line-height: 1.5em;
	color: @color_text;
}

body, span, a, abbr {
	font-size: 12px;
}

ul {
	.list-style;
}

sup {
	color: @color_sup;
}

span sup {
	margin-right: 5px;
}

body {
	.background_base;

	#page {
		position: relative;
	}

	&#address form.std {
		background: #e2e2e1;
		padding: 20px 20px 0px;
	}

	&#index #columns,
	&#authentication #columns,
	&#validation #columns {
		position: relative;
	}

	&#index.logged #columns {
		position: auto;
	}

	&.doubleCol {
		#columns > .content {
			overflow: auto;
			padding-top: 35px;
			padding-bottom: 45px;

			#left_column {
				width: @columns_left_width;
				float: left;
				margin-bottom: 40px;
			}

			#center_column {
				width: 980px - @columns_left_width - 20px;
				float: right;
			}
		}
	}

	&#category.doubleCol #columns > .content #center_column {
		width: 980px - @columns_left_width;
		position: ~`@{header_fixed} == "no"? "inherit": "relative"`;
	}

	&#product.singleCol #columns > .content #center_column {
		position: ~`@{header_fixed} == "no"? "inherit": "relative"`;
	}

	&#index #center_column, &#authentication #center_column, &#validation #center_column {
		overflow: auto;
	}
	
	&#index.logged #center_column {
		overflow: inherit;
	}

	#columns {
		@border_top: ~`@{header_sub_loggedonly} == "no"? parseInt("@{header_sub_border_top}".replace(/\[/, "").replace(/px,(.*)/, "")): 0`;
		@border_bottom: ~`@{header_sub_loggedonly} == "no"? parseInt("@{header_sub_border_bottom}".replace(/\[/, "").replace(/px,(.*)/, "")): 0`;
		@subheader: ~`@{header_sub_loggedonly} == "no"? "@{header_sub_height}": parseInt("@{header_sub_loggedonly_border}".replace(/\[/, "").replace(/px,(.*)/, ""))`;

		background-repeat: repeat-x;
		background-position: left (@header_height + @header_border + @subheader + @border_top + @border_bottom);
		.background_base;

		min-height: 715px;
		padding-top: @header_height + @header_border + @header_sub_height + @border_top + @border_bottom;

		> .content {
			width: 980px;
			margin: 0px auto;
		}
	}

	&#category #columns, &#product #columns {
		@border_top: ~`@{header_sub_loggedonly} == "no"? parseInt("@{header_sub_border_top}".replace(/\[/, "").replace(/px,(.*)/, "")): 0`;
		@border_bottom: ~`@{header_sub_loggedonly} == "no"? parseInt("@{header_sub_border_bottom}".replace(/\[/, "").replace(/px,(.*)/, "")): 0`;
		@subheader: ~`@{header_sub_loggedonly} == "no"? "@{header_sub_height}": parseInt("@{header_sub_loggedonly_border}".replace(/\[/, "").replace(/px,(.*)/, ""))`;

		background-repeat: no-repeat;
		background-position: center @header_height + @header_border + @header_sub_height + @border_top + @border_bottom;
	}
}

h1, h2, h3, h4, h5, h6 {
	.title;
}

h1 {
	.title_h1;
}

h2 {
	.title_h2;
}

h3 {
	.title_h3;
}

h4 {
	.title_h4;
}
h5 {
	.title_h5;
}
h6 {
	.title_h6;
}

#left_column {
	.columns_left;
}

body#category #center_column h1 {
	.title_category;
}

#order #center_column h1 {
	.title_order;
}

#page-404 #center_column h1 {
	padding-top: 20px;
	padding-bottom: 20px;
	.title_password;
}

#product .title_block {
	.title_h1_product;
}

#password #center_column h1 {
	.title_password;
}

#validation #center_column h1 {
	.title_password;
}
.title_wrapper{
    background:#fff;
    margin:0px;
    margin-bottom:20px;
    padding:10px;
    box-shadow: 2px 2px 5px rgb(204, 204, 204);
}
.title_wrapper h1{
    border:1px solid #e9e7e8;
    height:47px;
    line-height:47px;
    padding:0px 15px !important;
    margin:0px !important;
    box-shadow:none;
    background:none;
}