body {
	width: 979px;
	position: relative;
	font-family: arial, hevletica ;
	margin-left: auto; 
	padding:0px;
	margin-top: 0px;
	margin-right: auto; 
	position: relative;
	background:url(../../img/design/fond-page.jpg) no-repeat 50% 0%;
	background-color: #58A700;
}

form {
	padding:0px;
	margin: 0px;
}

a { 
	color: #0BBE00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img {
	border:none;
}
img:hover {
	border:none;
}

input {
	background:#ffffff;
	border: #000000 solid 1px;
	padding: 1px 2px 1px 2px;
	
	color: #000000;
}

textarea
{
	border: #000000 solid 1px;
	padding: 5px 5px 5px 5px;
	color: #333333;
	font-family: Arial;
	font-size: 12px;
}

.error {color:#ff0000;}
input.error {background-color :#FFeeee;}



h1, h2, h3 {
	color: #00D0D3;
	position: relative;
	padding:0px 0px 0px 11px;
	margin:8px 0px 15px 25px;
	font-size: 20px;
	border-bottom: #0BBE00 1px solid;
}

h2 {
	font-size: 16px;
	padding:3px 0px 0px 11px;
}

h3 {
	font-size: 14px;
}

h4 {
	color: #00D0D3;
	font-size : 14px;
	padding:0px;
	margin:4px 0px;
	border-bottom: #0BBE00 1px solid;
}

h5 {
	color:#000000;
	font-size: 14px;
	padding:0px;
	margin:4px 0px;
	font-weight: bold;
}

h1 .leafs, h2 .leafs, .block-modeles .leafs {
	position: absolute;
	top:-4px;
	left:-37px;
	height:38px;
	width: 46px;
	background:url(../../img/design/title-leafs.png) no-repeat 0% 0%;
}

.faq { 
/* couleur verte */
    color: #0BBE00;
/* couleur bleue */
    /*color: #00D0D3;*/
    font-size:12px;
    font-weight:bold;
}

.faqrep { 
/*padding-left:10px;*/
}


.small {
	font-size:10px;
}

.cursor {
	cursor: pointer;
}

.button, .button-left {
	background: url(../../img/bt/big-fleche.jpg) no-repeat bottom right;
	padding-right: 42px;
	height:25px;
	font-weight: bold;
	display:compact;
	text-align: right;
	border:none;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	padding-top: 2px;
	
}
.button:hover, .button-left:hover {
	text-decoration: underline;
}
.button-left {
	padding-left: 42px;
	padding-right: 0px;
	text-align: left;
	background: url(../../img/bt/big-fleche-left.jpg) no-repeat bottom left;
}

input.button {
	color:#0BBE00;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
}

.generique li {
	margin-left: 20px;
	list-style-type: square;
}

#global {
}

#header
{
	position:relative;
	z-index: 2;
	height: 159px;
	padding: 0px;
	background: url(../../img/design/banner.jpg) no-repeat 0 0;
}

#siteLogo{
	position: absolute;
	top:20px;
	left:10px;
}

#siteTitre{
	position: absolute;
	width:auto;
/*	left: 150px;
	top:50px;
	padding: 10px 15px 10px 15px;
	background:#555555;
	font-size:50px;
	font-weight: bold;
	font-style: italic;
	color: #666666;
	text-shadow:black 0px 0px 5px;
*/
}

#link {
	position: absolute;
	right:5px;
	top: 10px;
}
#link a {
}
#link a:hover {
}

#basket {
	margin: 5px 0 12px 0px;
/*	width:150px;
	position: absolute;
	right:5px;
	top:45px;
	background:#555555;
	font-size:12px;
	color: #999999;*/
}

#basket div.bloc-top {
	background:url(../../img/design/bloc-panier-bg.jpg) no-repeat;
	padding: 24px 0px 0px 58px;
	height: 32px;
	font-size:16px;
	font-weight: bold;
	color: #171802;
	margin:0px;
}
#basket div.bloc-content {
	background-color: #FFF99B;
	margin:0px;
	font-size:20px;
	font-weight: bold;
	border: #0BBE00 solid;
	padding:2px 1px 6px 1px;
	border-width: 0px 1px 1px 1px;
	text-align: center;
}
#basket a {
	padding: 2px 5px 2px 5px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}

#bloc_account {
	margin: 5px 0px 12px 0px;
}
#bloc_account div.bloc-top, #bloc_account div.bloc-top-connected {
	background:url(../../img/design/bloc-mon-compte-bg-disconnect.jpg) no-repeat;
	padding: 16px 0px 0px 58px;
	height: 30px;
	font-size:16px;
	font-weight: bold;
	color: #171802;
	margin:0px;
}
#bloc_account div.bloc-top-connected {
	background:url(../../img/design/bloc-mon-compte-bg-connect.jpg) no-repeat;
}
#bloc_account div.bloc-content {
	background-color: #FFF99B;
	font-size:12px;
	border: #0BBE00 solid;
	padding:2px 6px 6px 6px;
	border-width: 0px 1px 1px 1px;
}
#bloc_account input {
	margin-left:10px;
	margin-bottom: 4px;
}
#bloc_account #email-cpt-tbx {	width: 115px; }
#bloc_account #mdp-cpt-tbx { width: 72px;}
#bloc_account .small {	color:#A7A782;}

#bloc_info div.bloc-top, #bloc_info_green div.bloc-top {
	background:url(../../img/design/bloc-info-bg.jpg) no-repeat;
	padding: 33px 0px 0px 54px;
	height: 28px;
	font-size:14px;
	font-weight: bold;
	color: #171802;
	margin:0px;
}
#bloc_info_green div.bloc-top {
	background:url(../../img/design/bloc-info-green-bg.gif) no-repeat;
	padding:4px 0px 0px 0px;
	text-align: center;
	margin-top: 20px;
}

#bloc_info div.bloc-content, #bloc_info_green div.bloc-content{
	background-color: #B2FEFF;
	margin:0px;
	font-size:12px;
	font-weight: bold;
	border: #0BBE00 solid;
	padding:2px 6px 6px 6px;
	border-width: 0px 1px 1px 1px;
}

#bloc_info_green div.bloc-content{
	background-color: #DEFFB9;
}


#bloc_info div.bloc-content a, #bloc_info_green div.bloc-content a {
	display: block;
	padding-left:20px;
	background:url(../../img/bt/picto-fleche-small.png) no-repeat 3% 40%;
	color: #171802;
	margin-bottom: 4px;
}
#bloc_info div.bloc-content a:hover, #bloc_info_green div.bloc-content a:hover {
	color:#0BBE00;
}

#search {
	height:31px;
	width:350px;
	position: absolute;
	right: -3px;
	bottom: -31px;
	background:url(../../img/design/recherche-bg.gif) repeat-x;
	font-size:16px;
	color: #ffffff;
	font-weight: bold;
	z-index:10;
}

#search label {
	float:left;
	padding:3px 12px 3px 18px;
}

#search input[type="text"] {
	width:180px;
	border:#000 1px solid;
	height: 18px;
	float: left;
	font-weight: 13px;
	color:#000;
	font-weight: normal;
	margin:4px 0px 0px 0px;
}

#search input[type="submit"] {
	background: none;
	color:#fff;
	font-size:16px;
	border:none;
	font-weight: bold;
	margin:4px 0px;
	padding:0px 0px 0px 0px;
}

/* menu H */
#menu_h {
	position:absolute;
	text-align: center;
	bottom :-31px;
	left:0px;
	height: 31px;
	background: url(../../img/design/menu-bg.gif) no-repeat 0 0;
	padding-left: 345px; 
	width: 632px; 
	z-index: 2;
}

#menu_h .niveau1 {
	padding: 0; 
	width: 100%; 
	margin: 0; 
	z-index: 2;
}

div#menu_h a {
	color: #091D03;
}
div#menu_h li.tech {
	width:157px;
	z-index: 2;
}

div#menu_h li.marque {
	width:121px;
	z-index: 2;
}

div#menu_h li.sousmenu a {
	color: #000000; 
	font-size: 16px;
	font-weight: bold;
	
}
div#menu_h li.sousmenu li a {
	color: #082905; 
	display:block;
	font-weight: bold;
	font-size:14px;
	background: url(../../img/bt/picto-fleche.png) no-repeat 0 35%;
	padding:2px 0px 2px 20px;
	margin:0px 0px 0px 15px;
	z-index: 4;
}
div#menu_h ul {
	padding: 0; 
	width: 100%; 
	margin: 0; 
}
div#menu_h ul.niveau2 {
	border: solid 1px #088700; 
	width: auto;
	padding: 5px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	z-index: 5;
}

div#menu_h .marque ul.niveau2 {
	min-width: 220px;
	margin-left:5px;
	background-color: #7CFDFF;
}
div#menu_h .tech ul.niveau2 {
	min-width: 163px;
	background-color: #FFF55E;
}

div#menu_h li:hover {
}
div#menu_h ul li {
	position:relative; 
	list-style: none; 
	text-align: left; 
}
div#menu_h ul ul {
	position: absolute; 
	top: 30px; 
	left: 0px; 
	display: none; 
}
div#menu_h li a {
	text-decoration: none; 
	padding: 5px 15px 5px 15px; 
	height: auto;
	display: block; 
	width: auto;
}
div#menu_h li.sousmenu {
	margin:0px 0 0 0px;
	float:left; 
	text-align:center;
}
div#menu_h ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu_h ul.niveau2 li.sousmenu:hover ul.niveau3 {
	display:block;
}
div#menu_h ul.niveau1 li.sousmenu ul.niveau2 a:hover, div#menu_h ul.niveau2 li.sousmenu:hover ul.niveau3 a:hover {
	display: block;
	color: #088700;
}


/* Menu V */

#menu_gauche{
	width: 182px;
	margin:40px 10px 0 6px ; 
	float: left;
}

#menu_droite{
	width: 182px;
	margin:40px 6px 0 10px ; 
	float: left;
}

div#nav {
	margin:0 5px 5px 5px; 
}
div#nav ul{ 
	list-style:none; 
	margin:0; 
	padding:0; 
}
div#nav ul.menuV_sousMenu{ 
	margin:0; 
	padding:0 0 0 5px; 
}
div#nav li{
	color:#fff; 
	background:#88AA00; 
	text-align:left;
	margin:0 0 5px 0 ; 
}


div#nav li:hover{ 
	background:#2c7898; 
}
div#nav li a{ 
	border:none; 
	padding:5px; 
	display:block;
	color: #fff;
}

div#nav ul ul li {
	padding-left:15px;
}


.clear {
	clear:both;
}

.left{
	display:block;
	float:left;
}

.right{
	display:block;
	float:right;
}
.center{
	display:block;
	margin:auto;
	text-align: center;
}

.corps {
	clear: both;
	background-color: #ffffff;
}

/* Content */
#content, #content-large{
	margin:45px 0px 5px 0px;
	padding:5px;
	float:left;
	width: 566px;
	font-size: 12px;
	background: #ffffff ;
	z-index: 0;
	height:auto;
	min-height : 470px;
}
#content-large {
	width: 745px;
}

/* Page liste des marques */
.marques-list {
}

.marques-list ul{
	margin:0px;
	padding: 0px;
	list-style: none;
}

.marques-list li{
	margin:0px;
	float:left;
	padding: 2px 2px;
	list-style: none;
}

.bloc-techno {
	border:1px solid #0BBE00;
	padding:5px 5px 6px 5px;
	width:162px;
	height: 400px;
	float:left;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-right: 12px;
	overflow: scroll;
}



.bloc-techno div.titre {
	border-bottom : 1px solid #0BBE00;
	color:#00D0D3;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
}

.bloc-techno a, .liste-modeles a, .block-modeles .modeles a{
	display: block;
	padding-left: 20px;
	font-size:14px;
	min-height: 15px;
	height: auto;
	color: #171802;
	font-weight: bold;
	margin-bottom: 10px;
	background:url(../../img/bt/picto-fleche-small.png) no-repeat 4% 50%;
}

.liste-modeles a, .block-modeles .modeles a {
	padding-left: 16px;
	margin-right: 5px;
	background-position: 0% 50%;
}
.block-modeles .modeles a {
	float: left;
	width:250px;
}

.bloc-techno a:hover, .liste-modeles a:hover, , .block-modeles .modeles a:hover {
	color: #0BBE00;
}

.b3rd{
	margin-right: 0px;
}

/* Ariane */
ul.ariane {
	border:#0BBE00 1px solid;
	position: relative;
	padding: 0px 0px 0px 5px;
	margin: 17px 0 5px 0;
	height:20px;
}
ul.ariane li {
	z-index: 0;
	display:inline;
	height: 14px;
	padding: 0px 0px 2px 8px;
	margin:0px 2px;
	list-style : none;
	color: #0BBE00;
	font-size: 11px;
	background: url(../../img/bt/picto-ariane-fleche.gif) no-repeat 0% 40%;
}
ul.ariane a {
	color: #18C20E;
	font-size: 11px;
	z-index: 0;
}
	ul.ariane a:hover {
		text-decoration: underline;
	}

.menu-plus{
	padding:5px;
	background: #D5D5D5 ;
}

.menu-plus dd{
	border-left: #88AA00 solid 5px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 0;
	background: #F5F5F5;
}

.divers, .compte, .basket_zone, .fullwidth, .product_details{
	font-size:12px;
}

.basket table {
	border: 1px solid #0BBE00;
    border-spacing: 0px;
    border-collapse: collapse; 
    margin-bottom: 20px;
}
.basket th {
	font-weight: bold;
	font-size:12px;
	background-color: #EEFFDA;
	text-align: center;
	padding:5px 0px;
	border-bottom:solid #0BBE00 1px;
}

.basket td {
	font-weight: normal;
	font-size:12px;
	padding:2px;
	border-bottom:solid #0BBE00 1px;
}
.basket tr.jaune {
	background-color: #FFFECE;
}
.basket .ref {
	color: #000000;
	font-weight: bold;
}

.basket td.price {
	font-weight: bold;
	text-align: right;
	color:#FF006C;
}
.basket span.promo {
	color:#FF006C;
}

.basket .add {
	width: 60px;
	margin-left:auto;
	margin-right:auto;
}
.basket .add input {
	width:25px;
	margin : 3px 3px 0px 3px;
	float:left;
	margin-top: 3px;
	height:17px;
}

.basket .qty {
	margin-top: 3px;
	padding: 0px;
	float:left;
}

.basket .total td {
	background-color: #EEFFDA;
	border:none;
	padding:4px 2px;
	font-weight: bold;
	text-align: right;
}
.basket .big td {
	padding:6px 2px;
	font-size: 16px;
	background-color: #0BBE00;
	color:#fff;
}


.product_details {
	position: relative;
}

.numero_page{
	text-align: left;
	float:left;
	font-size:13px;
}

.nb_by_page {
	text-align: right;
	float:right;
	font-size:13px;
}

.liste_tri {
	margin-left:30px;
	text-align: right;
	float:right;
	font-size:12px;
}

.liste_tri select {
	font-size:12px;
	border:solid #000;
	border-width: 1px 0px 1px 1px;
}

.numero_page a, .nb_by_page a {
	display:block;
	padding:2px;
	margin-left : 4px;
	border:#4A0 1px solid;
	width:auto;
	min-width:20px;
	float:left;
	text-align: center;
}
.numero_page a:hover, .nb_by_page a:hover, .numero_page .on , .nb_by_page .on {
	border:#F00 1px solid;
}


.tri_bar {
	height:30px;
	clear: both;
	padding-top:10px;
}

table.listprod {
	border:solid #0BBE00 1px;
}
table.listprod th {
	font-weight: bold;
	font-size:12px;
	background-color: #EEFFDA;
	text-align: center;
	padding:5px 0px;
}

table.listprod td {
	font-weight: normal;
	font-size:12px;
	text-align: center;
	border-top:solid #0BBE00 1px;
}
table.listprod tr.jaune {
	background-color: #FFFECE;
}
table.listprod td.ref {
	color: #000000;
	font-weight: bold;
}

table.listprod td.price {
	font-weight: bold;
}
table.listprod span.promo {
	color:#FF006C;
}

table.listprod .add input {
	width:25px;
	float:left;
	margin-top: 3px;
	height:17px;
}

table.listprod .qty {
	margin-top: 3px;
	padding: 0px;
	float:left;
}

.fullwidth p, .product_desc{
	font-size: 12px;
}

.commande {
	float:left;
	padding-top:8px;
	width:130px;
	text-align: center;
}

.product_desc {
	float:left;
	width: 405px;
}
.product_features {
	float:left;
	width: 250px;
	padding-left:25px;
	padding-top:8px;
}

.product_features dl {
	font-size: 12px;
	font-weight: bold;
}

.product_features dl dt {
	width: 80px;
	padding:4px 0px;
	float:left;
	color:#0BBE00;
}
.product_features dl dd {
	width:165px;
	padding:4px 2px;
	color:#171802;
}


div.product_list_item{
	position: relative;
	border: #88AA00 solid 1px;
	border-top: #88AA00 solid 10px;
	padding: 5px 5px 5px 5px;
	margin: 10px 7px 5px 7px;
	background: #F5F5F5;
	width: 210px;
	height: 210px;
	float: left;
}
	div.product_list_item:hover{
		background: #E5E5E5;
		border: #2c7898 solid 1px;
		border-top: #2c7898 solid 10px;
	}
table.product_list {
	width:100%;
    border-spacing: 0px;
    border-collapse: collapse; 
	border: #000 solid;
	border-width: 1px 1px 0px 1px;
	background-color: #D5D5D5;
}
table.product_list td {
	border-bottom: #000 solid 1px;
	font-size:12px;
	text-align: center;
}
table.product_list th {
	border-bottom: #000 solid 1px;
	font-size:13px;
	font-weight: bold;
	text-align: center;
}
.add_product{
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size:12px;
}

.product_price{
	position: absolute;
	bottom: 5px;
	left: 5px;
	line-height: 12px;
}

.product_picture{
	width: 100%;
	height: 100px;
	text-align: center;
	background: #ffffff;
}

.visuel{
	float:left;
	width: auto;
	margin: 0 20px 20px 0px;
	padding:0px;
	text-align: center;
	width:120px;
}

div.price{
	font-size: 14px;
	color: #171802;
	min-width: 80px;
	font-weight: bold;
	padding:4px 8px;
}
div.price span.price {
	color: #FF006C;
}

div.price span.publicprice {
	font-size: 12px;
	color: #171802;
}

div.commande form a {
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}
div.commande form a:hover{
	text-decoration: none;
}

div.commande .add label {
	float:left;
	margin-top: 8px;
	margin-right: 4px;
	font-weight: bold;
}
div.commande .add input {
	width:25px;
	float:left;
	margin:6px 8px;
	height:17px;
}

div.commande .qty {
	margin-top: 6px;
	float:left;
}


.visuel div.gallerie {
	padding:0px;
	text-align: center;
}

.degr_price table {
	border:solid #555;
	border-width: 1px 1px 0px 1px;
	margin-bottom:10px;
}

.degr_price td {
	border-bottom:solid #555 1px;
	font-size:12px;
	width:80px;
}

.degr_price td.nb {
	text-align: right;
}
.degr_price .price {
	font-size:12px;
}

.product_divleft{
	padding: 0 0 0 20px;
	float: left;
	width: 550px;
	font-size: 12px;
	color: #666666;
}

.block-modeles {
	position: relative;
}
.block-modeles h2 {
	color: #00D0D3;
	padding-left:11px;
	padding-bottom: 3px;
	margin:4px 0px 0px 0px;
	border: none;
}

.block-modeles .modeles {
	border: 1px solid #0BBE00;
	background-color: #f0f0f0;
	padding:10px;
}

.product_divright{
	float: right;
	width: 300px;
	font-size: 12px;
	color: #666666;
	padding: 5px;
	margin: 0 20px 0 0;
	border: #888888 solid 1px;
}

.send_to_friend{
	text-align: right;
}

.adr_fact{
	float: left;
	width: 45%;
}
.adr_fact li{
	list-style: none;
}

.adr_livr{
	float: left;
	width: 45%;
}
.adr_livr li{
	list-style: none;
}

.close_pp { text-decoration: underline; float: right; cursor: pointer; }
.close_pp:hover { text-decoration: none; }



/* Steps */
ul#steps{
	margin: 18px 0 25px 0;
}

#steps li {
	list-style: none; 
	text-align: left; 
	padding: 4px 8px 4px 4px;
	margin:0;
	display:inline;
}
#steps li span {
	padding: 1px 7px;
	margin: 2px 8px 2px 0px;
	background-color: #B2FEFF;
	color:#0BBE00;
	font-weight: bold;
}

.todo{
	background-color:#f0f0f0;
	border: #0BBE00 solid 1px;
	color: #0BBE00;
	font-size: 11px;
}

.current{
	background-color:#e0ffe0;
	border: #0BBE00 solid 2px;
	color: #0BBE00;
	font-weight: bold;
	font-size: 12px;
}
#steps .todo span {
	background-color: #e0e0e0;
}

.done{
	background-color:#ddddff;
	border: #0BBE00 solid 1px;
	color: #0BBE00;

	font-size: 11px;
}



.box{
	border: 1px solid #88AA00;
}

#box1{
	clear:both;
	padding: 0px;
	margin: 5px 0 0 0;
}
#box2{
	clear:both;
	padding:0px;
	margin: 5px 0 0 0;
}
#box3{
	clear:both;
	padding:5px;
	margin: 5px 0 0 0;
}
#box4{
	padding:5px;
	margin: 5px 0 0 0;
	background: #D5D5D5 ;
}
#box5{
	padding:5px;
	margin: 5px 0 0 0;
	background: #D5D5D5 ;
}
#box6{
	padding:5px;
	margin: 5px 0 0 0;
	background: #D5D5D5 ;
}

#box1 .boxclear {
}

div#box1 h2, div#box2 h2, div#box3 h2 {
	background: #D5D5D5 ;
	padding:8px;
	margin: 0px 0px 0px 0px;
}

#footer{
	clear: both;
	padding: 5px 0 5px 0;
	border-top:#0BBE00 1px solid;
}

.saisie-coord {
	font-size: 12px;
}
.contact_form {
	width : 350px;
}

.saisie-coord label, .contact_form label{
	float: left;
	font-size: 12px;
	padding-top: 2px;
	margin-top:5px;
	width:120px;
}

.devenirRevendeur_form {
	width : 400px;
}

.devenirRevendeur_form label{
	float: left;
	font-size: 12px;
	padding-top: 2px;
	margin-top:5px;
	width:250px;
}

.devenirRevendeur_form input[type="text"] {
	width:120px;
	margin-top:5px;
}

.saisie-coord input[type="text"], .saisie-coord input[type="password"], .saisie-coord select, .contact_form input[type="text"] {
	width:120px;
	margin-top:5px;
}

.login_form {
	width: 350px;
	float: left;
	margin-right: 20px;
	padding-bottom: 20px;
}
.login_form .button, .forget_form .button {
	margin-left: 176px;
}

.forget_form {
	width: 350px;
	float: left;
	font-size: 12px;
	padding-bottom: 20px;
}

.newaccount_form {
	width: 350px;
	float: left;
	font-size: 12px;
	padding-bottom: 15px;
}

.newaccount_form .labelG {
	width:190px;
}

.adr_fact {
	float:left;
	width: 45%;
}

.adr_livr {
	float:right;
	width: 45%;
}
.adr_fact .civ,.adr_livr .civ {
	padding-right: 10px;
	width:auto;
}
.saisie-coord input[type='radio']{
	float:left;
	margin-top:7px;
}
.saisie-coord input[type='checkbox']{
	float:left;
	margin-top:7px;
}
.saisie-coord label.check {
	width:300px;
}

.promo-green, .promo-blue {
	background-color: #D8FF00;
	border:#0BBE00 1px solid;
	padding:2px 2px 2px 35px;
	margin: 17px 12px 15px 35px;
	position: relative;
	float:left;
	width: 203px;
	height: 45px;
}

.promo-blue {
	background-color: #C7FFF7;
	margin-right: 0px;
}

.promo-green .pc, .promo-blue .pc {
	position: absolute;
	top:-28px;
	left:-39px;
	height:93px;
	width: 72px;
}

.promo-green .info, .promo-blue .info {
	position: absolute;
	left:36px;
	top:-1px;
	font-size:18px;
	font-weight: bold;
	width: 200px;
	height:45px;
}
.promo-green .info {
	background: url(../../img/design/eco2plus-green-bg.gif) no-repeat 140px 4px;
}

.bloc-edito {
	float: left;
	width: 50%;
	margin-right: 10px;
}

.bloc-promo {
	float: right;
	width: 46%;
	margin-top: 15px;
	border:#0BBE00 1px solid;
	padding:4px;
}

.bloc-promo ul, .bloc-promo li {
	margin:0px;
	padding: 0px;
	list-style: none;
}

.bloc-promo li .img {
	position: relative;
	text-align: center;
	float:left;
	width: 90px;
}

.bloc-promo li h4 a {
	color: #00D0D3;
}

.bloc-promo .price, .bloc-promo .promo {
	color: #FF006C;
	font-size: 14px;
	font-weight: bold;
}

.bloc-promo .promo {
	text-decoration: line-through;
	font-size: 12px;
}

.picto-prod {
	position:absolute;
	z-index: 3;
	top:-5px;
	right:3px;
}
.pospicto1 {}
.pospicto2 {right:-20px;}
.pospicto3 {right:-40px;}

.notifications {
	border:1px solid #f00;
	padding:15px 25px;
	background-color: #ffe0e0;
	font-size: 12px;
}
.notifications ul {margin:0px; padding:0px}
.notifications li.error {
	list-style: none;
	padding: 1px 0px;
	margin:0px;
}

div.link a {
	display: inline;
	padding: 2px 5px 2px 5px;
	margin: 0 0 0 5px;
	width:150px;
	text-align: center;
	color: #0BBE00;
	font-size: 12px;
	text-decoration: none;
}
	div.link a:hover {
		text-decoration: underline;
	}
	
.foottext{
	padding: 5px 0 0 0;
	color: #999999;
	font-size: 12px;
}

br.small {
	line-height: 5px;
}
.norm {
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
}

.espaces {
	margin-top : 17px;
	margin-bottom: 2px;
}

.cycle {
	position:relative;
	width:566px;
	height:331px;
}

.cycle ul {
	position:absolute;
	list-style: none;
	margin:0px;
	padding:0px;
	z-index:1;
	cursor: pointer;
	display: block;
	background-image: url(../../img/design/pix.gif);
}

.cycle ul li {
	position:absolute;
	list-style: none;
	margin:0px;
	padding:0px;
	z-index:2;
	text-align: left;
	padding:10px;
	font-size:16px;
}


.cycle ul.caddy {
	width:140px;
	height:150px;
	top:0px;
	left:50px;
}

.cycle ul.caddy li {
	display:none;
	background-color:#fff;
	width:180px;
	height:80px;
	top:20px;
	left:120px;
	border:#0BBE00 1px solid;
}

.cycle ul.printer {
	width:170px;
	height:120px;
	top:0px;
	left:250px;
}

.cycle ul.printer li {
	display:none;
	background-color:#fff;
	width:180px;
	height:80px;
	top:120px;
	left:-40px;
	border:#0BBE00 1px solid;
}

.cycle ul.camion {
	width:170px;
	height:120px;
	top:130px;
	left:360px;
}

.cycle ul.camion li {
	display:none;
	background-color:#fff;
	width:180px;
	height:60px;
	top:-10px;
	left:-155px;
	border:#0BBE00 1px solid;
}

.cycle ul.recycle {
	width:135px;
	height:110px;
	top:220px;
	left:220px;
}

.cycle ul.recycle li {
	display:none;
	background-color:#fff;
	width:170px;
	height:110px;
	top:-100px;
	left:-20px;
	border:#0BBE00 1px solid;
}

.cycle ul.testing {
	width:100px;
	height:110px;
	top:195px;
	left:50px;
}

.cycle ul.testing li {
	display:none;
	background-color:#fff;
	width:180px;
	height:70px;
	top:-50px;
	left:100px;
	border:#0BBE00 1px solid;
}



.cycle ul:hover li, .cycle ul li:hover {
	display:block;
}

#send_to_friend {
	position:absolute;
	display:none;
	width:500px;
	height:320px;
	top:45px;
	left:20px;
	border:#0BBE00 1px solid;
	padding:10px;
	background-color: #fff;
	z-index: 5;
}
#send_to_friend label {
	float: left;
	font-size: 12px;
	padding-top: 2px;
	margin-top: 5px;
	width: 160px;
}
#send_to_friend input {
	margin-top: 5px;
	width: 230px;
}