/* Defaults shade */
.shade {
	position:relative;
	z-index: 0;
}

.shade .L,
.shade .C,
.shade .R,

.shade .TL,
.shade .TC,
.shade .TR,
.shade .ML,
.shade .MR,
.shade .BL,
.shade .BC,
.shade .BR {
	position:absolute;
	z-index: -1;
}

.shade .L {
  background-repeat: no-repeat;
  background-position: center left;
}

.shade .C {
  background-repeat: repeat-x;
  background-position: center center;
}

.shade .R {
  background-repeat: no-repeat;
  background-position: center right;
}

.shade .TL {
  background-repeat: no-repeat;
  background-position: top left;
}

.shade .TC {
  background-repeat: repeat-x;
  background-position: top center;
}

.shade .TR {
  background-repeat: no-repeat;
  background-position: top right;
}

.shade .ML {
  background-repeat: repeat-y;
  background-position: center left;
}

.shade .MR {
  background-repeat: repeat-y;
  background-position: center right;
}

.shade .BL {
  background-repeat: no-repeat;
  background-position: bottom left;
}

.shade .BC {
  background-repeat: repeat-x;
  background-position: bottom center;
}

.shade .BR {
  background-repeat: no-repeat;
  background-position: bottom right;
}


/* Light shade */

.shade.s10 > .TL,
.shade.s10 > .TC,
.shade.s10 > .TR,
.shade.s10 > .ML,
.shade.s10 > .MR,
.shade.s10 > .BL,
.shade.s10 > .BC,
.shade.s10 > .BR {
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
}

.shade.s10 > .TL {
  background-image: url(s/s10/tl.png);
}

.shade.s10 > .TR {
  background-image: url(s/s10/tr.png);
}

.shade.s10 > .BL {
  background-image: url(s/s10/bl.png);
}

.shade.s10 > .BR {
  background-image: url(s/s10/br.png);
}

.shade.s10 > .TC {
  left:10px;
  right:10px;
  background-image: url(s/s10/tc.png);
}

.shade.s10 > .BC {
  left:10px;
  right:10px;
  background-image: url(s/s10/bc.png);
}

.shade.s10 > .ML {
  top:10px;
  bottom:10px;
  background-image: url(s/s10/ml.png);
}

.shade.s10 > .MR {
  top:10px;
  bottom:10px;
  background-image: url(s/s10/mr.png);
}

/* Strong shade */

.shade.s20 > .TL,
.shade.s20 > .TC,
.shade.s20 > .TR,
.shade.s20 > .ML,
.shade.s20 > .MR,
.shade.s20 > .BL,
.shade.s20 > .BC,
.shade.s20 > .BR {
	top:-20px;
	left:-20px;
	right:-20px;
	bottom:-20px;
}

.shade.s20 > .TL {
  background-image: url(s/s20/tl.png);
}

.shade.s20 > .TR {
  background-image: url(s/s20/tr.png);
}

.shade.s20 > .BL {
  background-image: url(s/s20/bl.png);
}

.shade.s20 > .BR {
  background-image: url(s/s20/br.png);
}

.shade.s20 > .TC {
  left:20px;
  right:20px;
  background-image: url(s/s20/tc.png);
}

.shade.s20 > .BC {
  left:20px;
  right:20px;
  background-image: url(s/s20/bc.png);
}

.shade.s20 > .ML {
  top:20px;
  bottom:20px;
  background-image: url(s/s20/ml.png);
}

.shade.s20 > .MR {
  top:20px;
  bottom:20px;
  background-image: url(s/s20/mr.png);
}

/* Bar shade */

.shade.bar > .L,
.shade.bar > .C,
.shade.bar > .R {
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
}

.shade.bar > .L {
  background-image: url(s/bar/l.png);
}

.shade.bar > .C {
  background-image: url(s/bar/c.png);
  left:8px;
  right:8px;
}

.shade.bar > .R {
  background-image: url(s/bar/r.png);
}

/* tab shade */

.shade.t10 > .ML,
.shade.t10 > .MR,
.shade.t10 > .BL,
.shade.t10 > .BC,
.shade.t10 > .BR {
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
}

.shade.t10 > .ML {
  top:0;
  bottom:10px;
  background-image: url(s/s10/ml.png);
}

.shade.t10 > .MR {
  top:0;
  bottom:10px;
  background-image: url(s/s10/mr.png);
}

.shade.t10 > .BL {
  background-image: url(s/s10/bl.png);
}

.shade.t10 > .BC {
  left:10px;
  right:10px;
  background-image: url(s/s10/bc.png);
}

.shade.t10 > .BR {
  background-image: url(s/s10/br.png);
}


/* Custom settings */
#shaded_box1,#shaded_box2,#shaded_box3 {
 position:absolute;
 z-index:1;
}


/* Accueil... */
#shaded_box_caro {
 position:absolute;
 width:60.3em;height:12.3em;
 top:42em;left:20em;
 z-index:1;
}

#shaded_box_slogan {
 position:absolute;
 width:37.6em;height:5.4em;
 top:13.3em;left:14.3em;
 z-index:1;
}
/* Accueil... */

/* Produits Boites aux Lettres ... */
#shaded_box_prod_bol {
 position:absolute;
 width:33.5em;height:33em;
 top:34em;left:18.2em;
 z-index:1;
}

#placeholder_prod_bol{
 width:33.5em;height:33em;
 z-index:1
}

div.caption_prod_bol{
 position:relative;
 left:0;
 top:-1.3em;
 width:33.5em;
 text-align:center;
 background:black;
 color:white;
 font-family:sans-serif;
 border-radius:0.5em;
 display:none;
 z-index:2;
}
/* ... Produits Boites aux Lettres */

/* Produits Portes ... */
#shaded_box_prod_portes {
  position:absolute;
	top:41em;left:38.2em;
  width:46em;height:27em;
	z-index:1
}

#placeholder_prod_portes {
  width:46em;height:27em;
	z-index:1
}

/* ... Produits Tuyauterie */

/* Produits Tuyauterie ... */
#shaded_box_prod_tuyau {
  position:absolute;
/*	top:54em;left:19.6em; */
	top:57.5em;left:27em;
  width:15em;height:15em;
	z-index:1
}

#placeholder_prod_tuyau {
  width:15em;height:15em;
	z-index:1
}

div.caption_prod_portes{
 position:relative;
 left:0;
 top:-1.4em;
 width:46em;
 text-align:center;
 background:black;
 color:white;
 font-family:sans-serif;
 border-radius:0.5em;
 display:none;
 z-index:2;
}
/* ... Produits Portes */