.contenuRight h2 {
margin:0;
padding:5px 0;
font-size:1.3em;
text-transform:uppercase;
background:#70be47;
color:#fff;
margin:0 10px 0 -10px;
padding:4px 0 4px 5px;
}


#ongletsDroite li a {
color:#98989C;
display:block;
text-decoration:none;
font-weight:bold;
width:107px;
height:17px;
background:url(../img/ongletVert2Off.gif) 0 0 no-repeat;
}
#ongletsDroite li a.act {
background:url(../img/ongletVert2On.gif) 0 0 no-repeat;
}
#ongletsDroite li.first a {
width:109px;
background:url(../img/ongletVertOff.gif) 0 0 no-repeat;
text-align:center;
}
#ongletsDroite li.first a.act {
width:109px;
background:url(../img/ongletVertOn.gif) 0 0 no-repeat;
}
#ongletsDroite li.ficheSingle {
color:#98989C;
display:block;
text-decoration:none;
font-weight:bold;
width:107px;
height:17px;
background:url(../img/ongletVert2On.gif) 0 0 no-repeat;
}

#ongletsDroite li a:hover {
color:#333;
background:url(../img/ongletVert2On.gif) 0 0 no-repeat;
cursor:hand;
}

#ongletsDroite li.first a:hover {
color:#333;
background:url(../img/ongletVertOn.gif) 0 0 no-repeat;
cursor:hand;
}


#etape {
	/*height:30px;*/
	padding:10px 0 10px 0;
	margin: 0 0 0 35px;
	font-size:0.7em;
	color:#1b1b1f;
	}
#hoovoxCreate {
	clear:both;
	background:url(../img/bgCreation.png) 0 0 no-repeat;
	margin: 0 0 0 30px;
	width:777px;
	height:485px;
	padding: 50px 0 0 0;
	position:relative;

}
#hoovoxRecap {
	clear:both;
	background:url(../img/bgRecapitulatif.png) 0 0 no-repeat;
	margin: 0 0 0 30px;
	width:777px;
	height:485px;
	padding: 50px 0 0 0

}

#hoovoxPaiement {
	clear:both;
	background:url(../img/bgPaiement.png) 0 0 no-repeat;
	margin: 0 0 0 30px;
	width:777px;
	height:485px;
	padding: 50px 0 0 0

}

#hoovoxConfirmation {
	clear:both;
	background:url(../img/bgConfirmation.png) 0 0 no-repeat;
	margin: 0 0 0 30px;
	width:777px;
	height:485px;
	padding: 50px 0 0 0

}

#hoovoxCreate #content {
	/*border:1px solid black;*/
	margin: 0px 0 0 60px;
	width:475px;
	height:375px;
	font-size:0.6em;
}

#hoovoxRecap #content {
	margin: 0px 0 0 97px; /* 60+37 */
	width:475px;
	height:375px;
	overflow:auto;
	font-size:0.6em;
}

#hoovoxPaiement #content {
	margin: 0px 0 0 134px; /* 60+2*37 */
	width:475px;
	height:375px;
	overflow:auto;
	font-size:0.6em;
}

#hoovoxConfirmation #content {
	margin: 0px 0 0 171px; /* 60+3*37 */
	width:475px;
	height:375px;
	overflow:auto;
	font-size:0.6em;
}

#titreEtape {
	padding: 6px 10px 6px 10px;
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	font-size:1em;
	vertical-align:middle;
	background-color:#70be47;
	width:475;
	height:14px;
	
}
.required {
	color:#e9503e;
}

.sized200 {
	width:200px;
	clear:left;
}


/*****************************
Creation Hoovox
*****************************/
#vues {
	float:left;
	width:250px;
}
.vue {
	float:left;
	width:71px;
	margin:15px 2px 0 2px;
}
.vue img {
border:1px solid #bbb;
}
.vue span {
	width:71px;
	font-size:0.9em;
	align:center;
}
#img_mainpreview {
	margin-top:15px;
}
#colorSelect {
	/*width:228px;*/
	width:204px;
	margin:15px 0 0 0;
	
}
.bgColor {
	float:left;
	margin:1px;
	border:1px solid black;
	width:13px;
	height:13px;
}
.bgColor .color {
	width:13px;
	height: 13px;
}

#customs {
	float:left;
	margin:15px 0 0 0;
	max-width:225px;
}

#customs input {
	font-size:1em;
}

.custom div.submit {
	width:141px;
	margin-top:3px;
	text-align:right;
}

.imgPreview {
margin: 3px 5px 0px 5px;
}

.imgPreview img {
border:1px solid #bbb;
}

#customs form {
	float:left;
	margin:0;
}

#customs div.custom {
	min-height:50px;
	margin: 0 0 10px 0;
}

.custom {
	margin-bottom:10px;
}

.customRight {
	float:right;
	margin:0;
	padding-right:5px;
}
	
.customLeft {
float:left;
}
	
img.btnAjouter {
	float:right;
	margin:18px 5px 0 0;
	border:0px;
}

/*****************************
Panier - Récapitulatif
******************************/
#recap {
	background-color:#fff;
	border:1px solid black;
	margin:10px 0 0 0;
	height:300px;
	padding:10px;
}

#order .custom {
	float:left;
	/*width:60px;*/
	margin:0 3px 5px 3px;
	text-align:center;
}

#order p {
	margin:0px;
}

#recap .custom img {
	border:1px solid black;
	margin: 3px 5px 0px 5px;
}

.qtt {
	padding-top:12px;
	}
	
.delete {
	padding-top:25px;
}
.delete p {
	margin-left:5px;
}

.total {
	margin-top:100px;
	width:100%;
	
}
.montant {
	width:140px;
	text-align:right;
	font-weight:bold;
	
}

.bottom {
padding:60px 0 0 0;
}


#txtConfirm {
	margin:10px 0 10px 0;
	width:300px;
	}