/* @override 
	http://localhost/~renaudcharpentier/eurobel/www/themes/eurobel/css/screen.css
	http://www.mydev.be/eurobel/www/themes/eurobel/css/screen.css
*/

@import "reset.css";
@import "typography.css";

.typography div.more a {
	width: 196px;
	height: 29px;
	display: block;
	text-align: center;
	color: white;
	text-decoration: none;
	background: url(../images/button_more_s1.png) no-repeat 0 -42px;
	padding-top: 13px;
}

.typography div.more a:hover {
	background-position: 0 0;
}

body {
	background: url(../images/bg.png) repeat-x;
}

/* @group Header */

#header {
	width: 938px;
	margin: auto;
	padding-top: 35px;
}

#logo a {
	width: 241px;
	height: 91px;
	display: block;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
}



/* @end */

/* @group Menu */

#menu {
	width: 938px;
	margin: auto;
	position: relative;
	height: 36px;
	z-index: 10;
}

#menu ul {
	float: left;
	position: absolute;
	right: 0;
}

#menu ul li {
	display: inline;
	float: left;
	padding-right: 10px;
	position: relative;
}

#menu ul li a {
	color: white;
	font-size: 16px;
	text-decoration: none;
	display: block;
	height: 36px;
	width: auto;
	overflow: hidden;
}

#menu ul li a.current, #menu ul li a:hover {
	color: #00BEBE;
}

#menu ul li a span.left {
	width: 4px;
	float: left;
	height: 36px;
}

#menu ul li a span.middle {
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	height: 26px;
}

#menu ul li a span.right {
	width: 4px;
	float: left;
	height: 36px;
}

#menu ul li a.current span.left, #menu ul li a:hover span.left {
	background: url(../images/menu_left.png) no-repeat;
}

#menu ul li a.current span.middle, #menu ul li a:hover span.middle {
	height: 36px;
	background: url(../images/menu_middle.png) repeat-x;
}

#menu ul li a span.middle span.arrow {
	background: url(../images/arrow_down_s1.png) no-repeat right center;
	padding-right: 10px;
}

#menu ul li a.current span.middle span.arrow, #menu ul li a:hover span.middle span.arrow {
	background-image: url(../images/arrow_dow_current.png);
}

#menu ul li a.current span.right, #menu ul li a:hover span.right {
	background: url(../images/menu_right.png) no-repeat;
}

#menu ul li ul {
	position: absolute;
	width: 170px;
	height: auto;
	border: 2px solid #CCCCCC;
	background-color: white;
	display: none;
	z-index: 10;
	left: 0;
}

#menu ul li:hover ul {
	display: block;
}

#menu ul li ul li {
	display: block;
	float: none;
	padding: 0;
	white-space: nowrap;
}

#menu ul li ul li a {
	color: gray;
	height: auto;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}




/* @end */

/* @group Content */

#content_bg {
	background: url(../images/page_shadow_s1.png) no-repeat center top;
}

#content {
	width: 899px;
	margin: auto;
	padding: 20px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	overflow: hidden;
}



/* @end */

/* @group Footer */

#footer_bg {
	background-image: url(../images/footer.png);
	height: 188px;
}

#footer {
	width: 938px;
	margin: auto;
	padding-top: 25px;
	height: 130px;
}

#footer ul li {
	float: left;
	width: 134px;
}

#footer ul li a {
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
}

#footer ul li ul {
	padding-top: 5px;
}

#footer ul li ul.col2 {
	padding-top: 23px;
}

#footer ul li ul li {
	float: none;
}

#footer ul li ul li a {
	font-weight: normal;
	font-style: normal;
}



/* @end */

/* @group Bottom */

#bottom {
	width: 938px;
	margin: auto;
	text-align: right;
	padding-top: 9px;
}

#bottom a {
	font-size: 14px;
	color: white;
	text-decoration: none;
}



/* @end */

/* @group Arrow */

#arrow {
	width: 899px;
	margin: auto;
	padding-top: 20px;
}

#arrow ul {
	overflow: hidden;
}

#arrow ul li {
	float: left;
}

#arrow ul li a {
	display: block;
	font-size: 21px;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
	background-repeat: no-repeat;
	padding-top: 9px;
	text-decoration: none;
	height: 31px;
	text-align: center;
}

#arrow ul li.mesures a {
	background-image: url(../images/breadcrumbs_blue.png);
	width: 240px;
}

#arrow ul li.fabrication a {
	background-image: url(../images/breadcrumbs_green.png);
	width: 225px;
}

#arrow ul li.placement a {
	background-image: url(../images/breadcrumbs_orange.png);
	width: 224px;
}

#arrow ul li.sav a {
	background-image: url(../images/breadcrumbs_pink.png);
	width: 210px;
}



/* @end */

/* @group Home top */

#home_top {
	overflow: hidden;
	padding-bottom: 40px;
}

/* @group Banner */

#banner {
	float: left;
	width: 587px;
	height: 230px;
}

#banner ul {
	list-style-type: none;
	height: 230px;
}

#banner ul li {
	position: absolute;
	height: 230px;
	width:587px;
}



/* @end */

/* @group Accroche */

#produits {
	width: 312px;
	float: right;
	height: 230px;
}

#produits ul {
	list-style-type: none;
	padding-left: 0;
}

#produits ul li {
	float: left;
	width: 140px;
	height: 108px;
	padding-left: 16px;
	padding-bottom: 14px;
}

#produits ul li a {
	text-decoration: none;
	width: 140px;
	height: 108px;
	display: block;
	position: relative;
}

#produits ul li a img {
	position: absolute;
	z-index: 0;
}

#produits ul li a span {
	position: absolute;
	z-index: 1;
	display: block;
	width: 135px;
	height: 19px;
	color: white;
	font-size: 12px;
	background-image: url(../images/transparent_black_s1.png);
	padding-top: 1px;
	padding-left: 5px;
	top: 88px;
}

#produits ul li a:hover span {
	font-weight: bold;
}

#produits ul li a span.color-1 {
	background-image: url(../images/transparent_blue_s1.png);
}

#produits ul li a span.color-2 {
	background-image: url(../images/transparent_green_s1.png);
}

#produits ul li a span.color-3 {
	background-image: url(../images/transparent_orange_s1.png);
}

#produits ul li a span.color-4 {
	background-image: url(../images/transparent_pink_s1.png);
}



/* @end */



/* @end */

/* @group Home left */

#home_left {
	width: 510px;
	float: left;
}



/* @end */

/* @group Home right */

#home_right {
	width: 300px;
	float: right;
}

#home_right h1 {
	color: #FF931E;
	padding-bottom: 10px;
}

#home_right h2 {
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
}

#home_right div.top {
	font-size: 1px;
	width: 300px;
	height: 5px;
	background: url(../images/block_top_s1.gif) no-repeat;
}

#home_right div.middle {
	background: url(../images/block_middle_s1.gif) repeat-y;
	min-height: 0;
	padding: 7px 15px 10px;
}

#home_right div.bottom {
	font-size: 1px;
	width: 300px;
	height: 5px;
	background: url(../images/block_bottom_s1.gif) no-repeat;
}

/* @group News */

#news, #contact {
	padding-bottom: 15px;
}

#news div.middle div.article {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 18px;
}

#news div.middle div.article div.date {
	color: #3FA9F5;
	font-size: 10px;
	line-height: 12px;
}



/* @end */



/* @end */

/* @group Produits */

#product {
	list-style-type: none;
	overflow: hidden;
	padding-left: 0;
}

#product li {
	float: left;
	width: 210px;
	height: 170px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 20px;
}

#product li a {
	display: block;
	position: relative;
	width: 210px;
	height: 170px;
	text-decoration: none;
}

#product li a span.title {
	position: absolute;
	z-index: 1;
	display: block;
	width: 205px;
	height: 21px;
	color: white;
	font-size: 14px;
	background-image: url(../images/transparent_black_s1.png);
	padding-top: 2px;
	padding-left: 5px;
	top: 147px;
}

#product li a:hover span.title {
	font-weight: bold;
}

#product li a img {
	position: absolute;
	z-index: 0;
}

/* @group Fiches */

#galeries {
	float: right;
	width: 400px;
	padding-left: 20px;
	position: relative;
	z-index: 0;
}

#photolinkleft {
	display: none;
}

#photolinkright {
	display: none;
}

#photoThumbLeft {
	background: url(../images/arrow_left.gif) no-repeat;
	width: 8px;
	height: 12px;
	margin-right: 23px;
}

#photoThumbRight {
	background: url(../images/arrow_right.gif) no-repeat;
	width: 8px;
	height: 12px;
	margin-left: 23px;
}

#galeries #photobox div.txtbox h1 {
	color: white;
	font-size: 17px;
}

#content div.top_p {
	width: 450px;
	height: 5px;
	background: url(../images/block_top.gif) no-repeat;
}

#content div.middle_p {
	background: url(../images/block_middle.gif) repeat-y;
	min-height: 0;
	padding: 5px 15px;
	width: 420px;
}

#content div.bottom_p {
	width: 450px;
	height: 5px;
	background: url(../images/block_bottom.gif) no-repeat;
}



/* @end */



/* @end */

/* @group News */

div.article {
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 18px;
	overflow: hidden;
}

div.article h1 span.date {
	font-size: 12px;
}

#home_left div.pagination {
	text-align: right;
}

#home_left div.pagination a {
	text-decoration: none;
}



/* @end */

/* @group Contact */

form div {
	padding-bottom: 10px;
}

form div label {
	float: left;
	font-size: 14px;
	color: #7a7a7a;
	font-weight: bold;
	width: 100px;
}

form div label span.required {
	color: red;
}

form div div.middleColumn {
	width: auto;
	padding-bottom: 0;
}

form div div.middleColumn input {
	width: 390px;
	border: 1px solid #B3B3B3;
	height: 20px;
	padding: 0 3px;
	line-height: 20px;
	color: #686868;
	font-size: 13px;
}

form div div.middleColumn.validationError input, form div div.middleColumn.validationError textarea {
	border-color: red;
}

form div div.middleColumn.validationError span {
	border-color: red;
	display: block;
	font-size: 0;
	width: 0;
	height: 0;
	text-indent: -9999px;
}

form div.textarea {
	clear: both;
	width: 700px;
}

form div.textarea label {
	width: 700px;
}

form div.textarea div.middleColumn textarea {
	width: 492px;
	border: 1px solid #B3B3B3;
	color: #686868;
	font-size: 13px;
	font-family: Arial;
}

form fieldset div.clear {
	display: none;
}

form div.Actions {
	overflow: hidden;
}

form div.Actions input {
	width: 94px;
	height: 33px;
	border-style: none;
	color: white;
	font-size: 14px;
	cursor: pointer;
	padding-bottom: 4px;
	float: right;
	background: transparent url(../images/submit.gif) no-repeat;
}



html body div#content_bg div#content.typography div#home_left h1{margin-top: 10px;}

/* @end */