/* utils */
.clear {clear:both; font-size:1px; line-height:0px;}
.center {text-align:center;	display:table;	margin-left:auto;	margin-right:auto;}
.max-height {height: 100%;}
.left {float:left;}
.right {float:right;}
.txt-l {text-align: left;}
.txt-r {text-align: right;}
.txt-c {text-align: center;}
.txt-j {text-align: justify;}

/* default width an heights */
.w-xxs {width: 10px;}
.w-xs {width: 30px;}
.w-s {width: 80px;}
.w-m {width: 150px;}
.w-l {width: 350px;}
.w-xl {width: 500px;}
.w-xxl {width: 650px;}
.w-all {width: 100%}
.h-xxs {height: 12px;}
.h-xs {height: 30px;}
.h-s {height: 70px;}
.h-m {height: 150px;}
.h-l {height: 300px;}
.h-l {height: 450px;}
.h-xl {height: 600;}
.h-all {height: 100%}

.hidden {display: none;}


/* base */
* {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:12px;
	color: #6B6B6B;
}


body {
	margin : 0;
	padding : 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:12px;
	color:#000;
	background-color:#fff;
}

img {
  border:none;
}

form, fieldset, legend {
  margin:0;
  padding:0;
  border: none;
}

#bgpage {
  background-color: #fff;
  }

#page {
  margin-left:auto;
  margin-right:auto;
  width:932px;
}
#header {
  position: relative;
  width:932px;
  height:77px;
  background: #000 url(../images/header.jpg) no-repeat;
}

#header form {
  position:relative;
  left:465px;
  padding-top:28px;
  padding-left:117px;
  width:333px;
  height:38px;
  background: url(../images/formLogin.gif) no-repeat;
}

#header form label {
  padding-right:5px;
  font-size:11px;
  color:#CDCDCD;
}

#header form input.formLogin_input {
  margin-right:7px;
  width:75px;
  background-color:#fff;
  border:solid 1px #009ACE;
}

#header form input#formLogin_ok {
  position:relative;
  top:5px;
}

#header #basket-checkout {
  position: absolute;
  z-index: 10;
  left: 300px;
  top: 35px;
  width: 160px;
  text-align: right;
}

#menu {
  padding-top:20px;
  width:932px;
  min-height:133px;
  background: url(../images/menu.jpg) no-repeat;
}

#menu a#mondomaine {
  position:relative;
  left:47px;
  display:block;
  height:76px;
  width:393px;
}

#menu a#support {
  display:block;
  position:absolute;
  margin-left:625px;
  margin-top:3px;
  width:79px;
  height:45px;
  text-align:center;
  z-index:10;
}

#menu ul {
  margin:0;
  padding-top:25px;
  padding-left:16px;
  width:917px;
  min-height:32px;
  *height:32px;
  list-style: none;
  background: url(../images/menu_ul.jpg) no-repeat bottom left;
}

#menu ul li {
  padding-left:1px;
  float:left;
}

#menu ul li a.item {
  display:block;
  height:20px;
  padding-top:3px;
  color:#fff;
  text-align:center;
  background-color:#000;
  text-decoration:none;
}

#menu ul li a#item_1 {
  width:67px;
}
#menu ul li a#item_2 {
  width:113px;
}
#menu ul li a#item_3 {
  width:85px;
}
#menu ul li a#item_4 {
  width:102px;
}
#menu ul li a#item_5 {
  width:62px;
}


#menu ul li a:hover,
#menu ul li.selected a {
  background-color:#009ACE;
}

#menu ul li table {border-collapse:collapse; margin:0; padding:0;}

#menu ul li dl {
  visibility:hidden;
  position:absolute;
  display:block; 
  width:898px;
  margin:0;
  padding:0;
  padding-top:5px;
  padding-bottom:9px;
  text-align:left;
  color:#fff;
  background:#009ACE url(../images/menu_dl.jpg) repeat-x bottom left;
}

/*
#menu ul li.selected dl {
  visibility: visible;
}
*/

#menu ul li dl.item2 {
  margin-left:-68px;
}
#menu ul li dl.item3 {
  margin-left:-182px;
}
#menu ul li dl.item4 {
  margin-left:-268px;
}
#menu ul li dl.item5 {
  margin-left:-371px;
}


#menu ul li dl a {
  padding-left:8px;
  padding-right:8px;
  color:#fff;
  text-decoration:none;
}

#menu ul li dl a:hover {
  text-decoration:underline;
}

#menu ul li:hover a,
#menu ul li a:hover {color:#fff; background:#009ACE;}

#menu ul li:hover dl,
#menu ul li a:hover dl {visibility:visible;}


#content {
  padding-top:36px;
  float:left;
  width:932px;
  background: url(../images/content.jpg) repeat-y;
}

#content-min-height {
  width: 0px;
  height: 400px;
  float: right;
}

#contentside {
  padding: 0px 27px 0px 27px;
}

#contentside h1 {
  margin:0;
  padding:0;
  font-size:16px;
  height:28px;
  color:#009ACE;
  background: url(../images/contentside_h1.jpg) repeat-x left bottom;
}


#contentside h2 {
  margin:0;
  padding-top:20px;
  padding-left:20px;
  font-size:12px;
  color:#858585;
  background: url(../images/contentside_h2.gif) no-repeat 0px 22px;
}


#footer {
  clear: both;
  width: 932px;
  
}

#footer-content {
  background-color:#000;
  margin: 0px 15px;
  height: 80px;
}

#footer ul {
  margin:0;
  padding:0;
  margin-left:auto;
  margin-right:auto;
  width:100%;
  height:39px;
  list-style: none;
  background: url(../images/footer.gif) no-repeat;
}

#footer ul li {
  float:right;
  padding-top:10px;
  padding-right:10px;
  color:#fff;
  font-size:11px;
}

#footer ul li a {
  padding-right:10px;
  color:#fff;
}