@import "init.css";

ul li { padding-left: 20px; }
#debug          { font: 9pt/1.4em Arial, Verdana, Serif; }
#debug          { width: 100%; background: #ddd; color: #999; font-weight: bold; display: none; }
body            { font: 10pt/1.4em Verdana, Times, Serif; color: #000; background: gray; }
a               { font: 10pt/1.4em Verdana, Times, Serif; color: #0072cb; font-weight: bold; }
h1              { font: 20pt/1.4em Verdana, Times, Serif; color: #a39797; font-weight: bold; }
h2              { font: 16pt/1.4em Verdana, Times, Serif; color: #965656; font-weight: normal; }
h3              { font: 12pt/1.4em Verdana, Times, Serif; color: #663300; font-weight: bold; padding: 0px; }
h4              { font: 10pt/1.4em Verdana, Times, Serif; color: #663300; font-weight: bold; padding: 0px; }
p               { font: 10pt/1.4em Verdana, Times, Serif; text-align: left; color: #5C554E; padding-left: 20px; }
span            { font: 10pt/1.4em Verdana, Times, Serif; text-align: left; color: #5C554E; padding-left: 20px; }
#site           { width: 1000px; margin: 0 auto; background: white; }
#top            { width: 100%; height: 100px; background: #C6BEBB;  }
#logo           { width: 580px; float:left; height: 100px;  }
#menutop        { width: 410px; height: 20px; text-align: right; padding-right: 10px;  }
#menutop a, 
#menutop        { font: 9pt/1.4em Verdana, Times, Serif; color: #666; font-weight: bold;text-decoration: none;  }
#sousmenutop    { float:right; margin-top: 20px; height: 20px; text-align: right; padding-right: 0px;  }
#lang           { float:right; width: 410px; margin-top: 20px; height: 20px; padding-right: 10px; text-align:right;  }
#lang a,
#lang           { font: 8pt/1.4em Arial, Times, Serif; color: #777; font-weight: bold;   }
.w420           { width: 420px; }
#menu           { width: 100%; height: 45px; font: 1pt/0em Arial; background: #ebe4de; }
#tree           { font: 10pt/1.4em Verdana, Times, Serif; color: #666; padding: 4px 0 0 0; }
#tree a         { font: 12pt/1.4em Verdana, Times, Serif; font-weight: bold; color: #666; text-decoration : none; }
#tree a:hover   { text-decoration : underline; }
#tree a.s       { font: 10pt/1.4em Verdana, Times, Serif; font-weight: bold; color: #555; }
#tree a.t       { font: 10pt/1.4em Verdana, Times, Serif; color: #444; }
#quickmap a     { font: 10pt/1.4em Verdana, Times, Serif; color: #333;  text-decoration : none; }
#quickmap ul    { font: 1px/0em Arial; margin:0; padding: 0 0 0 30px; }
#quickmap li    { list-style-type: circle;  font: 12pt/1.4em Verdana, Times, Serif; color: #333;  padding: 0 0 0 5px; }
#main           { width: 100%; }
#foot           { width: 100%; }
#foot ul        { width: 665px;  margin: 0 auto; }
#foot ul li     { float: left; padding: 0px; } 
#foot ul li a   { font: 8pt/1.4em Verdana, Times, Serif; font-weight: bold; padding: 0px 10px 10px 10px; color: white; }
#menu ul        { position: relative; padding: 0px; }
#menu ul li     { float: left; font: 1px/0em Arial; padding: 0px; }
#menu ul ul     { position: absolute; margin: -999em;  }
#menu ul ul li  { float: left; height: 28px;  }
#menu ul li:hover ul, 
#menu ul li.over ul { margin:0; position: absolute; left: 0; top: 45px; }

#menu ul li:hover ul.parquet, 
#menu ul li.over ul.parquet { left: 100px; }

#menu ul li ul.parquet li a { height: 20px; font-size: 11px; padding: 6px 6px 3px 6px; }
#menu ul li ul.parquet ul li a { height: 16px; }

#menu ul li:hover ul.parquet li:hover ul, 
#menu ul li.over ul.parquet li.over  ul { left: 100px; }

#menu ul li ul.parquet_ru li a { height: 20px; font-size: 11px; padding: 6px 6px 3px 6px; }
#menu ul li ul.parquet_ru ul li a { height: 16px; }
#menu ul li:hover ul.parquet_ru li:hover ul, 
#menu ul li.over ul.parquet_ru li.over  ul { left: 125px; }

#menu ul li:hover ul.dallage, 
#menu ul li.over ul.dallage { left: 250px; }

#menu ul li:hover ul.brique, 
#menu ul li.over ul.brique { left: 250px; }

#menu ul li:hover ul.salle-de-bain, 
#menu ul li.over ul.salle-de-bain { left: 530px; }

#menu ul li:hover ul.collection, 
#menu ul li.over ul.collection { left: 740px; }

#menu ul li:hover ul.collection li:hover ul, 
#menu ul li.over ul.collection li.over  ul { left: -450px; width: 950px; }

#menu ul li:hover ul.cheminee, 
#menu ul li.over ul.cheminee { left: 480px; }

#menu ul li:hover ul.canape, 
#menu ul li.over ul.canape { left: 400px; }

#menu ul li:hover ul.jardin, 
#menu ul li.over ul.jardin { left: 150px; }

#menu ul li:hover ul li, 
#menu ul li.over ul li {  float: left; height: 22px;  }
#menu ul li:hover ul ul, 
#menu ul li.over ul ul { margin: -999em; }
#menu ul li:hover ul li:hover ul, 
#menu ul li.over ul li.over ul { margin:0; position: absolute; left: 0; top:28px; }                     
#menu ul ul li a   {  font: 11px Verdana, Times, Serif; text-decoration: none; color: white; display: block;
                        padding: 5px 10px 4px 10px; background: transparent; border: 0px; border-left: 1px solid white;font-weight: bold;  }
#menu ul ul li a:hover    {  background: #666; color: white; }
#menu ul ul li a.first   {  border: 0px;  }
#menu ul ul li:hover li,
#menu ul ul li.over li   {  font: 8pt/1em Verdana, Times, Serif;padding: 0px;  }
#menu ul ul li:hover li a,
#menu ul ul li.over li a   {  font: 8pt/1.5em Verdana, Times, Serif; text-decoration: none; color: white; display: block; 
                        padding: 3px 5px 3px 5px; background: transparent; border: 0px; border-left: 1px solid white;font-weight: bold;  }
#menu ul ul li:hover li a:hover,
#menu ul ul li.over li a:hover   {  background: #666;  }
#menu ul ul li a.first, #menu ul ul li:hover li a.first,
#menu ul ul li.over li a.first  {  border: 0px;  }
#menu-mid               { background: #999;  width: 100%; height: 28px; }
#menu-bot               { background: #888;  width: 100%; height: 22px; }
.content        { font: 8pt/1.4em Verdana, Times, Serif; color: #000; }
.float          { float: left; }
.pad            { padding: 20px; }
.fleft          { float: left; }
.fright         { float: right; }
.clear          { clear: both;  }


#site           { }
.content        { width: 920px; padding: 0 20px 0 60px; }
.content_home   { width: 920px; padding: 0 20px 0 20px; }
.content-left   { float: left; width: 300px;  }
.content-right  { float: right; width: 610px; padding-top: 10px; }
.liste          { width: 870px; background: #fff repeat-y; border: 1px solid #ccc;  }
.liste          { position:relative; padding: 0px; left: 0px; }
.liste b        { font-weight: bold; color:#965656; }
.liste h1       { font: 12pt/1.4em Verdana, Times, Serif; color: #666; font-weight: bold; }
.liste h2       { font: 9pt/1.4em Verdana, Times, Serif; color: #965656; font-weight: normal; }
.liste p        { font: 8pt/1.2em Verdana, Times, Serif; padding: 0px; }
.liste p.left   { float: left; padding: 6px; width: 300px; border-right:1px solid #ccc; }
.liste p.right  { float: left; padding: 6px; width: 332px; }
.liste div.left   { float: left; width: 660px; padding: 4px 10px; }
.liste div.right  { float: right; background: transparent; width:130px; padding: 8px;}

.full           { width: 100%; /*font: 10pt/1.4em Verdana, Times, Serif;*/ color: #666; padding: 0px; }
.info		{ padding: 0 0 0 10px; width: 100%; border: 0px; height: 20px; background: #B0ADAD;}

.liste div.left2   { float: left; width: 490px; padding: 4px 10px; }
.liste div.right2  { float: right; background: transparent; width:130px; padding: 8px;}
.liste p.left2   { float: left; padding: 6px; width: 500px;  }

.liste div.left3   { float: left; width: 340px; padding: 4px 10px; }
.liste p.left3   { float: left; padding: 6px; width: 370px;  }

.liste div.boxes  { background: #fff repeat-y; border: 1px solid #ccc; float: left; width:259px; height: 270px;  padding: 11px; }
.liste div.boxes div.text { height: 120px; }
.liste div.boxes div.imag  { clear: both; background: transparent; width:130px; padding: 8px; margin: 0 auto; }
.liste div.boxes p.left   { padding: 6px; width: 200px; border: 0px; height: 80px; }

.noborder        { border: 0px; }
.marged-right    { margin-right: 10px; }

.sous-liste     { float: right; padding: 0px; background: #ffcc00; width:150px; }
a.normal        { font: 10pt/1.4em Verdana, Times, Serif; color: #000; }

#lang a.normal_lang {
	color: #666;
}


.space                      { clear: both; height: 4px; font: 1pt/0em Arial;  }
.space-vert                 { float: left; width: 10px; font: 1pt/0em Arial;  }

#image-large { width: 602px; }
.img-photo { position: absolute; border: 1px solid #aaa; background: #ccc; }
.img-close { position: absolute; top:1px; text-align: right; width: 100%; }

a:hover, a.normal:hover, #menutop a:hover, #lang a:hover, 
#foot a:hover { color: #CC0000; }

.parution {
  font-size: 12px;
  font-family: Verdana, Times, Serif;
  margin-right: 30px;
  margin-top: 20px;
}

.img_parution {
  float: left;
  width: 120px;
  border: 1px solid #C6BEBB
}

.titre_parution {
  float: right;
  width: 270px;
  height: 18px;
  font-weight: bold;
  text-align: center;
  background-color: #C6BEBB;
  color: #ffffff;
}

.date_parution {
  float: right;
  font-size: 11px;
  padding-top: 0px;
  color: #999999;
}

.texte_parution {
  float: right;
  width: 268px;
  height: 90px;
  padding-top: 14px;
}

.telecharger_parution {
  float: right;
}

.telecharger_parution a {
	text-decoration: none;
}

.telecharger_parution a:hover {
	color: #CC0000;
	text-decoration: none;
}

.nav {
	margin-left: 20px;
	width: 830px;
	margin-top: 10px;
}
.nav a {
	color: #0072cb; /*#a39797*/
	font-weight: normal;
	text-decoration: none;
}
.nav a:hover {
	color: #CC0000;
	text-decoration: none;
}
.nav .left {
	float: left;
	width: 390px;
	text-align: right;
}
.nav .center {
	float: left;
	width: 50px;
	text-align: center;
}
.nav .right {
	float: left;
	width: 390px;
}