@charset "utf-8";
/* CSS Document */

.complements{
	background: rgba(235,210,183,0.2);
}

.lien{ margin: 0 10px;}
.lien img{
	display:block;
	height: 70px;
	float:left;
	margin: 10px;
	cursor:pointer;
}

.lien:hover .descr{
	display:block;
}

.descr{
	z-index: 65;
	display:none;
	position:absolute;
	left: 50%;
	margin-left: -150px;
	margin-top: -145px;
	width: 400px;
	padding: 10px 10px 15px 10px;
	background: #6c461c url(../interface/background/orange-background.png) repeat-y 100%;
	background: #6c461c -moz-linear-gradient(100% 100% 90deg, rgba(214,111,0,.70), rgba(255,180,59,.70));/*Firefox*/
	background-image:-o-linear-gradient(90deg, rgba(214,111,0,.70), rgba(255,180,59,.70));/*opera 11*/
	background: #6c461c -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,180,59,.70)), to(rgba(214,111,0,.70)), color-stop(0.0, rgba(255,180,59,.70)), color-stop(1.0, rgba(214,111,0,.70))); /*Safari*/
	border: 1px solid #000;
	/*border-radius:1em; /*pour IE :) */
	/*-moz-border-radius:1em; /*pour Firefox :) */
	/*-webkit-border-radius:1em; /* pour safari*/; 
   /* behavior: url(border-radius.htc);*/
}
.descr img{
	display:block;
	float:left;
	margin: 10px 10px 10px 0px;
	height: 100px;
}
.descr p{
	font-size: 0.8em;
	display:block;
	font-weight: normal;
	margin: 0 10px 10px 0;
	text-align:left;
	color: #000;
}
.descr h5{
	font-size: 1em;
	display: block;
	font-weight: bold;
	color: #000;
	text-transform: capitalize;
	margin: 0px 0px 5px 0px;
}

#plus{
	display: block;
	width: 450px;
	float: left;
	margin: 1em auto 1em 1.5em;
}
#plus ul{
	padding: 0;
	display: block;
	width: 445px;
	float: left;
}
#plus li{
	display: block;
	background: url(../interface/background_block.png) left top repeat;
	border: solid 1px #000;
	border-radius:1em; /*pour IE :) */
	-moz-border-radius:1em; /*pour Firefox :) */
	float: left;
	list-style: none;
	width: 135px;
	height: 55px;
	margin: 5px;
}
#plus li object{
	display: block;
	float: left;
	margin: 5px;
}
#plus li img{
	display: block;
	float: left;
	margin: 5px;
}
#plus li p{
	display: block;
	float: left;
	margin: 5px auto 0 auto;
	padding: 0;
}
#spec{
	display: block;
	width: 505px;
	float: left;
	margin: 1em auto 1em 1.5em;
}
#spec ul{
	padding: 0;
	display: block;
	float: left;
}
#spec li{
	display: block;
	background: url(../interface/background_block.png) left top repeat;
	border: solid 1px #000;
	border-radius:1em; /*pour IE :) */
	-moz-border-radius:1em; /*pour Firefox :) */
	float: left;
	list-style: none;
	width: 240px;
	height: 80px;
	margin: 5px;
}
#spec li object{
	display: block;
	float: left;
	margin: 5px;
}
#spec li img{
	display: block;
	float: left;
	margin: 5px;
}
#spec li p{
	display: block;
	float: left;
	margin: 5px;
	padding: 0;
}
#spec li h4{
	display: block;
	float: left;
	width: 230px;
	margin: 5px auto 0 5px;
	padding: 0;
	font-variant: small-caps;
}