/* Black Box */
.black_box  {position:absolute;background-color:#000000;opacity:0.4;left:0;top:0;z-index:100;width:100%;height:100%;display:none;}

/* Modale */
div.modale {position:absolute;width:588px;z-index:150;background-color:#ffffff;border:1px solid #f1efeb;}

div.modale .titre {float:left;width:588px;height:36px;background:url(/style1/images/contenuArticle/lb_titre.png) repeat-x;overflow:hidden;}
div.modale .titre .nom {float:left;margin-left:18px;}
div.modale .titre .close {float:right;margin:0 18px 0 0;cursor:pointer;position:relative;width:auto;}

div.modale .article {float:left;width:520px;background-color:#f9f8f7;margin:14px 34px 22px 34px;overflow:hidden;}
div.modale .article .img {float:left;margin:5px 10px 10px 25px;}
div.modale .article .txt {float:left;width:380px;text-align:left;margin:10px 0;font-size:14px;color:#1a1919;line-height:17px;}
div.modale .article .suite {float:left;margin:0 18px 0 92px;}
div.modale .article .terminer {float:left;margin-bottom:10px;}
div.modale .article .suiteSeul {float:left;margin:0 0 12px 175px;}

div.modale .conseil {width:520px;float:left;margin:0 34px 10px 34px;font-size:16px;color:#da007c;text-align:center;}
div.modale .crossSelling {width:525px;float:left;margin:0 0 24px 34px;}

div.modale .crossSelling .produit {float:left;width:170px;height:219px;margin:0 5px 0 0;background-color:#f9f8f7;}
div.modale .crossSelling .produit .nom {margin:10px 0 4px 0;padding:0 20px;font-size:13px;font-weight:bold;color:#DA007C;line-height:16px;height:32px;text-align:center;}
div.modale .crossSelling .produit .img {text-align:center;margin-bottom:6px;}

div.modale .crossSelling .produit .remise {float:left;width:40px;height:15px;line-height:15px;background:#DA007C;text-align:center;font-size:14px;color:#ffffff;}
div.modale .crossSelling .produit .prixBarre {float:left;width:70px;margin:0 5px 0 22px;font-size:14px;height:15px;line-height:15px;color:#DA007C;text-align:center;background:url(/style1/images/contenuArticle/bg_prixbarre.png) no-repeat;}
div.modale .crossSelling .produit .prix {float:left;width:170px;height:28px;text-align:center;font-size:18px;line-height:28px;color:#DA007C;font-weight:bold;}
div.modale .crossSelling .produit .ajoutPanier {float:left;width:170px;text-align:center;}


div.modale .fiche {float:left;background-color:#f9f8f7;width:520px;margin:14px 34px;overflow:hidden;}
div.modale .fiche .img {float:left;margin:10px;}
div.modale .fiche .description {float:right;margin:10px;width:290px;text-align:left;overflow:hidden;}
div.modale .fiche .description .nom {float:left;font-size:14px;line-height:16px;font-weight:bold;color:#DA007C;margin-bottom:10px;}

div.modale .fiche .description label {float:left;width:50px;text-align:left;font-size:11px;font-weight:bold;color:#DA007C;line-height:18px;margin:0 10px 10px 0;}
div.modale .fiche .description .input {float:left;font-size:11px;line-height:18px;margin:0;}
div.modale .fiche .description .input a u {color:#DA007C;}

div.modale .fiche .description .input.couleur select {width:182px;border:0;}
div.modale .fiche .description .input.couleur .dd .ddTitle {background:url(/style1/images/contenuArticle/bg_input_182.png) no-repeat;z-index:30;}

div.modale .fiche .description .input.taille select {width:122px;border:0;}
div.modale .fiche .description .input.taille .dd .ddTitle {background:url(/style1/images/contenuArticle/bg_input_122.png) no-repeat;z-index:20;}

div.modale .fiche .description .input.qte select {width:44px;border:0;}
div.modale .fiche .description .input.qte .dd .ddTitle {background:url(/style1/images/contenuArticle/bg_input_44.png) no-repeat;z-index:10;}

div.modale .fiche .description .prix {float:left;font-size:24px;line-height:26px;font-weight:bold;color:#DA007C;}
div.modale .fiche .description .ajoutPanier {float:right;}

/* Ancienne Version */
h1.modale {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #AF2165;
	margin: 0px 0px 5px 0px;
	text-align: center;
}
h2.modale {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #AF2165;
	margin: 0px 0px 3px 0px;
	text-align: center;
}
h2.modalerose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	display: block;
	color: #ffffff;
	background-color: #AF2165;
	margin: 5px 0px 5px 0px;
	padding: 3px 10px 3px 10px;
	width: 480px;
	text-align: center;
}
h2.modalegriscenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #858282;
	margin: 5px 0px 8px 0px;
	text-align: center;
}
h2.modalegris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #858282;
	margin: 3px 0px 3px 0px;
	text-align: left;
}
span.rose {
	color: #AF2165;
}
div.close {
	width:13px;
	height:13px;
	font-size: 1px;
	background: url(/VAD/res/quelle/images/quelle/close.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: absolute;
	display:block;
	margin-left: 388px;
	margin-top: 0px;
	z-index: 1;
	cursor: pointer;
	cursor: hand;
}
div.closebig {
	width:13px;
	height:13px;
	font-size: 1px;
	background: url(/VAD/res/quelle/images/quelle/close.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: absolute;
	display:block;
	margin-left: 485px;
	margin-top: 0px;
	z-index: 1;
	cursor: pointer;
	cursor: hand;
}
p.modalecenter {
	text-align: center;
}
P.modale {
	text-align: left;
	font-size: 11px;
}
img.gauche {
	float:left;
	margin:0 10px 10px 0;
}
img.droite {
	vertical-align: middle;
	margin: 0 0 0 4px;
}
img {
	border: 0;
}
a.modale {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
	color: #858282;
}
input.boutonradio, div.row span.champbig input.boutonradio {
	vertical-align: middle;
	margin: 0;
	width: 15px;
	background-color: transparent;
	border: 0px;
}
label {
	margin: 0 8px 0 4px;
}

div.modalev1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #858282;
	background-color: #ffffff;
	border: 1px solid #AF2165;
	width: 400px;
	padding: 10px;
	position:absolute;
	z-index:150;
	display:none;
}
div.modalebig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #858282;
	background-color: #ffffff;
	border: 1px solid #AF2165;
	width: 500px;
	padding: 10px;
	position:absolute;
	z-index:150;
	display:none;
}

div.cadregris {
	padding: 6px 10px;
	border: 1px solid #dddddd;
	background-color: #f3f3f3;
	clear:both;
	margin: 0 0 10px 0;
}

#groupe_boutons
{	margin-right: auto;
	margin-left: auto;
	width: 290px;
	text-align: center;
}
#groupe_boutons_info
{	margin-right: auto;
	margin-left: auto;
	width: 500px;
	text-align: center;
}
#infos1, #infos2, #infos3, #infos4 {
	display:none;
}
#captcha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #AF2165;
	background-color: #ffffff;
	border: 1px solid #AF2165;
	width: 50px;
}

.spacer
{	clear: both;
	margin-bottom:3px;
}

div.row {
                padding-top: 5px;
                clear: both;
}
* html div.row {
                padding-top: 2px;
                clear: both;
}
*+html div.row {
                padding-top: 2px;
                clear: both;
}
div.row span.ligne {
	float: left;
	width: 380px;
	text-align: left;
}
div.row span.lignedroite {
	float: left;
	width: 360px;
	text-align: right;
	margin-bottom:10px;
}
div.row span.lignebig {
	float: left;
	width: 485px;
	text-align: left;
}
div.row span.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	float:left;
	text-align: right;
	vertical-align: middle;
	width:180px;
	padding-right: 10px;
	margin-bottom: 6px;
}
div.row span.labelbig {
	float: left;
	width: 190px;
	text-align: right;
}
div.row span.labelleft {
	float: left;
	width: 190px;
	text-align: left;
}
div.row span.champ {
	float: right;
	width: 200px;
	text-align: left;
}
div.row span.champbig {
	float: right;
	width: 270px;
	text-align: left;
}
div.row span.demichamp {
	float: left;
	width: 125px;
	margin-left: 15px;
	text-align: left;
}
div.row span.champ input, div.row span.champbig input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #AF2165;
	background-color: #ffffff;
	border: 1px solid #AF2165;
	width:80%;
}
div.row span.champbig select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #AF2165;
	background-color: #ffffff;
	border: 1px solid #AF2165;
	width:auto;
}