﻿/* ---- FOND d'écran pour POP-UP GENERAL  ---- */
.modalBackground {
	background-color:White;
	filter:alpha(opacity=50);
	opacity:0.7;
}

/* ---- Format POP-UP GENERAL  ---- */
.popUpChoixFormat {
	width: 500px;
    height: 324px;
	background-color: #9b9797;
	position: relative;
	top: 3px;
	left: 3px;
	right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 14px;
	padding:0px;
	margin:0px;
	border-style:solid;
	border-color:Black;
	border-top:3px;
	border-left:3px;
	border-bottom:3px;
	border-right:3px;
}

.popUpChoixFormat a {
	color: #D2D2D2;
	font-weight: bold;
	text-decoration: underline;
}
.popUpChoixFormat a:link {
	text-decoration: underline;
    color:#f6c101;
}
.popUpChoixFormat a:visited {
	text-decoration: underline;
}
.popUpChoixFormat a:hover {
	color: White;
	text-decoration: underline;
}
/* ---- Format EN-TETE POP-UP  ---- */
.popUpChoixFormat .Entete {
	height: 45px;
	width: 485px;
	background-image: url('Images/Assets/BandeauPopUphaut.png');
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin:0px;

}
.popUpChoixFormat .Entete .Titre{
	font-size: 18px;
	font-weight: bold;
	float: left;
	margin-left: 15px;
color:#f6c101;
}
.popUpChoixFormat .Entete .Boutons{
	width: 36px;
	height: 28px;
	float:right;
	text-align:right;
}



/* ---- Format CORPS POP-UP  ---- */
.popUpChoixFormat .Corps {
	width: 480px;
	height: 185px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}
.popUpChoixFormat .Corps div {
	/*min-height: 185px;*/
}
.popUpChoixFormat .Corps .Couv {
	background-color:White;
	min-width: 70px;
	min-height: 125px;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:12px;
	padding-right:15px;

	float: left;
	border : solid 2px #525252;
}
.popUpChoixFormat .Corps .Formats{
	float: left;
	margin-left:10px;
	width: 335px;

}
.popUpChoixFormat .Corps .Formats .ItemFormats{
	float: left;
	min-height: 22px;
	width: 325px;

}
.popUpChoixFormat .Corps .Formats .ItemFormats .OffreFormat span{
	min-height: 22px;
	display:inline-block;

}

.popUpChoixFormat .Corps .Formats .ItemFormats .OffreFormat span.libFormat{
	width: 125px;
	font-size:14px;
	font-weight:bold;
	text-align:right;

}
.popUpChoixFormat .Corps .Formats .ItemFormats .OffreFormat span.prixFormat{
	width: 55px;
	font-size:10px;
	min-height: 19px;
	padding-top:5px;

}
.popUpChoixFormat .Corps .Formats .ItemFormats .OffreFormat
{
    float:left;
    height: 20px;    
    width:192px;
}

.popUpChoixFormat .Corps .Formats .ItemFormats .LinkAddCart
{
    background-image:url('Images/Assets/ChoixFormatPopUp.png');
    background-repeat:no-repeat ;
    width:132px;
    height:20px;
	display:inline-block;
	text-decoration:none;
	color:White;
	font-size:9pt;
	padding-top:2px;
}

.popUpChoixFormat .Corps .Formats .ItemFormats .LinkAddCart A:link
{
    text-decoration:none;
    color:#f6c101;
}

.popUpChoixFormat .Corps .Formats .ItemFormats .LinkAddCart A:hover
{
    text-decoration:none;
    color:White;
}

.popUpChoixFormat .Corps .Formats .ItemFormats .LinkAddCart A:visited
{
    text-decoration:none;
    color:White;
}
.popUpChoixFormat .Corps .Formats .ItemFormats .LinkAddCart A:active
{
    text-decoration:none;
    color:White;
}

/* ---------------- Poursuivre sa commande ou pas  ---------------------------- */

.popUpChoixFormat .Corps .Formats .LinkPoursuivreAchat{

	display:inline-block;
	font-size:9pt;
	color:white;
	margin-top:0px;
	float:left;
	 background-image:url('Images/Assets/ChoixFormatPopUp.png');
	background-repeat:no-repeat;
	  width:132px;
	height:20px;
	padding-top:2px;
	text-align:center;
	margin-top:25%;
	margin-left:10px;
	}
	
	
.popUpChoixFormat .Corps .Formats .LinkPoursuivreAchat A:link
{
    text-decoration:none;
    color:white;
}

.popUpChoixFormat .Corps .Formats .LinkPoursuivreAchat A:hover
{
    text-decoration:none;
    color:white;
}

.popUpChoixFormat .Corps .Formats .LinkPoursuivreAchat A:visited
{
    text-decoration:none;
    color:white;
}
.popUpChoixFormat .Corps .Formats .LinkPoursuivreAchat A:active
{
    text-decoration:none;
    color:white;
}



/* ---- Format PIED POP-UP  ---- */
.popUpChoixFormat .Pied {
	background-image: url('Images/Assets/BandeauPopUpBas.png');
	background-repeat: no-repeat;
	height: 20px;
	width: 470px;
	padding-top: 30px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	margin:0px;

}
.popUpChoixFormat .Pied .Plus {
	font-weight: bold;
	text-align: right;
}

