@charset "utf-8";

/**
 * BODY
 ***********************************************************
 ***********************************************************
 */
html {
 background:#303030
}
body {
	background:#ffffff url('../images/bck_body-big.gif') no-repeat;
	background-position:49% 100%;
	color:#2b2b2b;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	margin:0 auto 2px auto;
	padding:0 5px;
	position:relative;
	width:850px;
}
body.home {
	background:#ffffff url('../images/bck_body-small.gif') no-repeat;
	background-position:49% 172px;
}
body.site {
	background:#ffffff;
}
body.detente {
	background:#ffffff;
}
body.contact {
	background:#fffff;
	width:414px;
}
body.cgv {
	background-position:49% 127px;
}
body.list {
	background:#ffffff;
}
a {
	color:#e12f35;
	text-decoration:none;
}
a:hover {

}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	margin:0.1em 0;

}
h1 {
	font-size:145%;
}
p {
	margin:0.1em 0 0 0;
}
p strong {
	font-weight:bold;
}
.alert, .mentions_obligatoires {
	color:#e12f35;
}
hr {
	border:1px solid #DDDDDD;
	clear:both;
	display:block;
	height:1px;
	margin-top:15px;
	visibility:visible;
}
form, form fieldset {
	margin:0px;
	padding:0px;
}
form fieldset legend {
	display:none;
	visibility:hidden;
}
form fieldset label {
	display:block;
	cursor:pointer;
}
form fieldset select.selectBox {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#333333;
	font-size:12px;
	margin:2px 0 5px;
	padding:1px;
	width:95%
}
form fieldset input.inputBox {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#333333;
	font-size:12px;
	margin:2px 0 5px;
	padding:2px;
	width:90%
}
form fieldset input.inputBox2 {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#333333;
	font-size:12px;
	margin:2px 0 5px;
	padding:2px;
	width:35%
}
form fieldset input.button {
	background:#333333 url('../images/but_bg.gif') repeat-x scroll left center;
	border:1px solid #333333;
	color:#FFFFFF;
	font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding:1px 8px;

}
input, select, textarea, .inputBox, .inputBox2 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
}
form fieldset textarea.inputBox {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#333333;
	font-size:12px;
	margin:2px 0 5px;
	padding:2px;
	width:95%
}

/**
 * BOX1
 ***********************************************************
 ***********************************************************
 */
div.box1 {
	background:transparent url('../images/bck_box1-top.png') no-repeat top center;
	margin:0;
	padding:40px 0 0 0;
	position:relative;
	width:630px;
}
* html div.box1 {
	background:transparent url('../images/bck_box1-top.gif') no-repeat top center;
	padding:38px 0 0 0;
}
div.box1 div {
	background:transparent url('../images/bck_box1-bottom.png') no-repeat bottom center;
	margin:0 0 0 0;
	padding:0 0 40px 0;
	position:relative;
}
* html div.box1 div {
	background:transparent url('../images/bck_box1-bottom.gif') no-repeat bottom center;
}
div.box1 div div {
	background:transparent url('../images/bck_box1-center.png') repeat-y center;
	margin:0;
	padding:0 30px;
	position:relative;
}
* html div.box1 div div {
	background:transparent url('../images/bck_box1-center.gif') repeat-y center;
}


/**
 * HEADER
 ***********************************************************
 ***********************************************************
 */
div#header {
	background:transparent url('../images/bck_header.gif') no-repeat top center;
	height:300px;
	margin:0;
	padding:0;
	position:relative;
}
div#header a.logo {
	background:transparent url('../images/logo_okdesign.gif') no-repeat top left;
	display:block;
	float:left;
	height:94px;
	margin:0;
	padding:0;
	position:relative;
	width:222px;
}
div#header a.getFlashPlayerLink {
	display:block;
	height:33px;
	margin:0px auto 0px auto;
	padding:0px;
	position:relative;
	top:100px;
	width:112px;
}
#language {
	display:none; visibility:hidden;
}

/**
 * HOMEMADES
 ***********************************************************
 ***********************************************************
 */
#flashhomemades {
	margin:0;
	padding:0;
	position:absolute;
	right:25px;
	top:165px;
	z-index:3;
}

/**
 * ASIDELEFT
 ***********************************************************
 ***********************************************************
 */
#sidenav {
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
	min-height:350px;
	padding:52px 0px 0px 0px;
	position:relative;
	width:185px;
}
body.home #sidenav {
	display:none;
	visibility:hidden;
}
* html #sidenav {
	height:350px;
	margin:0px 0px 0px 0px;
	overflow:visible;
}
#sidenav h2.objets {
	background:transparent url('../images/bck_objets.png') no-repeat top left;
	height:28px;
	margin:5px 0px;
	width:86px;
}
* html #sidenav h2.objets {
	background:transparent url('../images/bck_objets.gif') no-repeat top left;
}
#sidenav h2.viewcart {
	background:transparent url('../images/bck_viewcart.png') no-repeat top left;
	height:28px;
	margin:5px 0px;
	width:93px;
}
* html #sidenav h2.viewcart {
	background:transparent url('../images/bck_viewcart.gif') no-repeat top left;
}
#sidenav h2.objets span, #sidenav h2.viewcart span {
	display:none;
	visibility:hidden;
}
#sidenav p {
	font-weight:normal;
	margin-left:15px;
}
#sidenav p b {
	font-weight:bold;
}
#sidenav a {
	color:#2b2b2b;
}

#categoriesList a {
	display:block;
	font-size:0.90em;
	height:28px;
	line-height:28px;
	margin:0 0 0 5px;
	overflow:hidden;
	padding:0 0 0 37px;
}
#categoriesList a#a_YC1 {
	background:transparent url('../images2/a_YC1.gif') no-repeat top left;
}
#categoriesList a#a_YC2 {
	background:transparent url('../images2/a_YC2.gif') no-repeat top left;
}
#categoriesList a#a_YC3 {
	background:transparent url('../images2/a_YC3.gif') no-repeat top left;
}
#categoriesList a#a_YC7 {
	background:transparent url('../images2/a_YC7.gif') no-repeat top left;
}
#categoriesList a#a_YC8 {
	background:transparent url('../images2/a_YC8.gif') no-repeat top left;
}
#categoriesList a#a_YC10 {
	background:transparent url('../images2/a_YC10.gif') no-repeat top left;
}
#categoriesList a#a_YC24 {
	background:transparent url('../images2/a_YC24.gif') no-repeat top left;
}
#categoriesList a#a_YC25 {
	background:transparent url('../images2/a_YC25.gif') no-repeat top left;
}
l#categoriesList a#a_YC28 {
	background:transparent url('../images2/a_YC28.gif') no-repeat top left;
}
#categoriesList a#a_YC31 {
	background:transparent url('../images2/a_YC31.gif') no-repeat top left;
}
#categoriesList a#a_YC36 {
	background:transparent url('../images2/a_YC36.gif') no-repeat top left;
}
#categoriesList a#a_YC37 {
	background:transparent url('../images2/a_YC37.gif') no-repeat top left;
}
#categoriesList a#a_YC39 {
	background:transparent url('../images2/a_YC39.gif') no-repeat top left;
}
#categoriesList a#a_YC2263 {
	background:transparent url('../images2/a_YC2263.gif') no-repeat top left;
}
#categoriesList a#a_YC3135 {
	background:transparent url('../images2/a_YC3135.gif') no-repeat top left;
}

/**
 * SECTION
 ***********************************************************
 ***********************************************************
 */
div#section {
	margin:0 0 0 0;
	min-height:720px;
	overflow:hidden;
	padding:0;
	position:relative;
}
body.home div#section {
	min-height:500px;
}
body.list div#section {
	min-height:820px;
}
body.detente div#section {
	top:-75px;
}
* html div#section {
	height:700px;
	overflow:visible;
}
* html body.home div#section {
	height:500px;
	overflow:visible;
}
* html body.list div#section {
	height:820px;
	overflow:visible;
}

#flashlink {
	margin:115px 0 0 250px;
	position:absolute;
}
body.detente #flashlink {
	margin:190px 0 0 250px;
	position:absolute;
}

div#section h1{
	font-size:1.6em;
	font-weight:bold;
	height:52px;
	line-height:52px;
	margin:0 0 5px 0;
	text-transform:uppercase;
}
div#section.sheet h1 {
	margin-left:20px;
}
div#section h1 span {
	display:none;
	visibility:hidden;
}
div#section h1.c36 {
	background:transparent url('../images/bck_h1-c36.gif') no-repeat top left;
}
div#section h1.c1 {
	background:transparent url('../images/bck_h1-c1.gif') no-repeat top left;
}
div#section h1.c24 {
	background:transparent url('../images/bck_h1-c24.gif') no-repeat top left;
}
div#section h1.c25 {
	background:transparent url('../images/bck_h1-c25.gif') no-repeat top left;
}
div#section h1.c2 {
	background:transparent url('../images/bck_h1-c2.gif') no-repeat top left;
}
div#section h1.c3 {
	background:transparent url('../images/bck_h1-c3.gif') no-repeat top left;
}
div#section h1.c3135 {
	background:transparent url('../images/bck_h1-c3135.gif') no-repeat top left;
}
div#section h1.c2263 {
	background:transparent url('../images/bck_h1-c2263.gif') no-repeat top left;
}
div#section h1.c39 {
	background:transparent url('../images/bck_h1-c39.gif') no-repeat top left;
}
div#section h1.c28 {
	background:transparent url('../images/bck_h1-c28.gif') no-repeat top left;
}
div#section h1.c31 {
	background:transparent url('../images/bck_h1-c31.gif') no-repeat top left;
}
div#section h1.c8 {
	background:transparent url('../images/bck_h1-c8.gif') no-repeat top left;
}
div#section h1.c37 {
	background:transparent url('../images/bck_h1-c37.gif') no-repeat top left;
}
div#section h1.c7 {
	background:transparent url('../images/bck_h1-c7.gif') no-repeat top left;
}
div#section h1.c10 {
	background:transparent url('../images/bck_h1-c10.gif') no-repeat top left;
}
div#section h1.devis {
	background:transparent url('../images/bck_h1-devis.gif') no-repeat top left;
}

body.list div#section h1.c36 {
	background:transparent url('../images/bck_h1-c36-list.gif') no-repeat top left;
}
body.list div#section h1.c1 {
	background:transparent url('../images/bck_h1-c1-list.gif') no-repeat top left;
}
body.list div#section h1.c24 {
	background:transparent url('../images/bck_h1-c24-list.gif') no-repeat top left;
}
body.list div#section h1.c25 {
	background:transparent url('../images/bck_h1-c25-list.gif') no-repeat top left;
}
body.list div#section h1.c2 {
	background:transparent url('../images/bck_h1-c2-list.gif') no-repeat top left;
}
body.list div#section h1.c3 {
	background:transparent url('../images/bck_h1-c3-list.gif') no-repeat top left;
}
body.list div#section h1.c3135 {
	background:transparent url('../images/bck_h1-c3135-list.gif') no-repeat top left;
}
body.list div#section h1.c2263 {
	background:transparent url('../images/bck_h1-c2263-list.gif') no-repeat top left;
}
body.list div#section h1.c39 {
	background:transparent url('../images/bck_h1-c39-list.gif') no-repeat top left;
}
body.list div#section h1.c28 {
	background:transparent url('../images/bck_h1-c28-list.gif') no-repeat top left;
}
body.list div#section h1.c31 {
	background:transparent url('../images/bck_h1-c31-list.gif') no-repeat top left;
}
body.list div#section h1.c8 {
	background:transparent url('../images/bck_h1-c8-list.gif') no-repeat top left;
}
body.list div#section h1.c37 {
	background:transparent url('../images/bck_h1-c37-list.gif') no-repeat top left;
}
body.list div#section h1.c7 {
	background:transparent url('../images/bck_h1-c7-list.gif') no-repeat top left;
}
body.list div#section h1.c10 {
	background:transparent url('../images/bck_h1-c10-list.gif') no-repeat top left;
}
body.list div#section h1.devis {
	background:transparent url('../images/bck_h1-devis-list.gif') no-repeat top left;
}

/**
 * FOOTER
 ***********************************************************
 ***********************************************************
 */
#footer {
	clear:both;
	color:#808285;
	margin:0;
	padding:0;
	position:relative;
}
body.detente #footer {
	top:-75px;
}
#footer p {
	background:transparent url(../images/logo_thag-small.gif) no-repeat;
	background-position:90px 0px;
	height:45px;
	line-height:45px;
	text-align:center;
	text-indent:75px;
}
#footer strong {
	text-transform:uppercase;
}
#footer a {
	color:#808285;
}
#SelLanguage {
	display:none; visibility:hidden;
}

