body {
	background-color: #ffffcc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	margin: 0; /* pour ?viter les marges */
	text-align: center;
	padding-top: 8px;
}
h1{
	font-size:22px;
	color:#7EA480;
	margin-top: -4px;
}

h2{
	font-size:20px;
	color:#94CA17;
	margin-top: -4px;
}

#bande {
	background-color: #E7F68D;
	height: 20px;
	padding-top:4px;
	padding-right:30px;
	width: 820px;
	text-align:right;
	font-weight:700;
}

#bande a{
	color:#FF9966;
}



#promo {
	width: 560px;
	float: right;
	position: relative;
	margin-right: 24px;
	margin-bottom: 8px;
	font-style: italic;
	font-size: 12px;
	margin-top: 4px;
}
.titre-promo {

}
.produit {
	width: 560px;
	text-align: left;
	position: relative;
	float: right;
	border: 1px solid #777777;
	margin-bottom: 12px;
	padding: 12px;
	margin-right: 24px;
}
.gauche {
	position: relative;
	width: 380px;
	float: left;
}
.droite {
	width: 150px;
	float: right;
	height: 210px;
}
.variante {
	width: 380px;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
}
.voir-panier {
	clear: both;
	margin-bottom: 10px;
	font-weight: bold;
}
.quantite-panier {
font-weight:100
}


#etape {
	float: left;
	margin-top: 20px;
	margin-right: 80px;
	margin-left: 20px;
	height:420px;
}

#etape img {
border:0px;
display:block;
margin-bottom:16px;
}

.confirmPanier{
	width:640px;
	float: left;
		
}

.titre-variante {
	font-weight: bold;
	margin-bottom: 6px;
}
.boite-variante {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 900;
	text-align: center;
	background-color: #649242;
}
.prix-variante {
	color: #FFFFFF;
	font-weight: 900;
	text-align: center;
	background-color: #CC0000;
	font-size: 14px;
}
.titre-panier{
	color: #7EA480;
	font-weight: 900;
	font-size: 22px;
}
.description {
	width: 350px;
	margin-top: 6px;
}

.qualite {
	width: 558px;
	clear: both;
	height: 120px;
}
.titre-qualite {
	font-weight: bold;
	margin-bottom: 10px;
	width: 300px;
}
.titre-commande {
	font-weight: bold;
	font-size: 12px;
}

.complementaire{
	width: 560px;
	margin-top: 20px;
	text-align: left;
}

.complementaire ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.complementaire ul li { font-weight:bold; display: inline; padding-right:120px;}

.titre-complementaire {
	font-weight: bold;
	margin-bottom: 10px;
	width: 300px;
}

.retrait-texte {
	text-indent: 4px;
}
.table-gauche {
	width: 260px;
	float: left;
}
.table-droite {
	width: 260px;
	float: right;
}
.pied {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	background-color: #9aba4e;
	clear: both;
	padding-top: 8px;
	height: 20px;
	width: 850px;
	margin-bottom: 4px;
}
.conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	background: #FFFFFF;
}
.sommaire{
	background: #E7F68D;
	width: 192px;
	position: relative;
	font-weight: bold;
	margin-left: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	padding-bottom: 10px;
	padding-right: 6px;
	padding-left: 6px;
}

.sommaire p{
	padding-bottom: 10px;
}


.coordonnees	{
	padding-top:20px;
	padding-bottom:20px;
	clear: both;
	text-align: left;
}
.coordonnees table	{
	text-align: left;
}

#renseignements	{
	text-align: left;
}	

.prix-total {
	height: 18px;
	width: 230px;
	margin-top: 8px;
	margin-bottom: 6px;
	float: left;
	font-weight: bold;
	margin-left: 200px;
	text-align:right;

}
.total {
	height: 18px;
	width: 200px;
	margin-top: 6px;
	margin-bottom: 6px;
	float: right;
	border: 1px solid #777777;
	font-weight: bold;
	text-indent: 5px;
	
}

#prix-total {
	height: 18px;
	width: 180px;
	margin-top: 8px;
	margin-bottom: 6px;
	float: left;
	font-weight: bold;
	margin-left: 375px;
	margin-right: 20px;
	text-align:right;

}
#total {
	height: 18px;
	width: 200px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 20px;
	float: left;
	border: 1px solid #777777;
	font-weight: bold;
	text-indent: 5px;
	
}

/*---------- liens -----------*/

a:link {
	color: #313F73;
	text-decoration: none;
}
a:visited {
	color: #3C5585;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/*---------- infobulle -----------*/
a.tt{
	position:relative;
	z-index:24;
	color:#3CA3FF;
	text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie eviter le hack dans IE */
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	top:0px;
	left:0;
	padding: 15px 0 0 0;
	width:200px;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	color: #222222;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* allongeable en fonction du texte */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}


/*modif aur‰‡*/
.btnValider{
	border:0px;
	background-color:#ffffff;
	width:82px;
	height:22px;
	background-image:url('../images/valider.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}

.btnModifier{
	border:0px;
	background-color:#ffffff;
	width:82px;
	height:22px;
	background-image:url('../images/modifier.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}

.btnRecalculez{
	border:0px;
	background-color:#ffffff;
	width:114px;
	height:22px;
	background-image:url('../images/recalculez.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}


.btnRegler{
	border:0px;
	background-color:#ffffff;
	width:178px;
	height:22px;
	background-image:url('../images/regler-achat.gif');
	background-repeat:no-repeat;
	margin-left:20px;
	margin-right:10px;
	cursor:pointer;
}



.infoClient{
	color:#DF4A00;
	font-size:14px;
	font-weight:bold;
	display:block;
}

.error{
	color:#DF4A00;
	font-size:12px;
	font-weight:bold;
	display:block;
}

/**/

/*tarif gazon*/

table.tableTarif{

}

table.tableTarif tr {
	height:20px;
}

table.tableTarif tr th{
	background-color:#E7D4A2;
	color:#CC6633;
	font-weight:bold;
}

table.tableTarif tr td.odd{
	background-color:#F4F48B;
	font-weight:bold;
}

table.tableTarif tr td.even{
	background-color:#FBD666;
	font-weight:bold;
}