/*********************************DetailPaiement***************************************************/
#Validation .ongletValidation{
	width:753px;
	height:33px;
	background-image:url('Images/Entetes/ongletValidationdeCommande.png');
	background-repeat:no-repeat;
	border-bottom:1px #fdc613 solid;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
	background-repeat:no-repeat;


}




#Validation .ombreLongueValidation{
	/*width:753px;
	margin-left:2px;
	height:6px;
	background-image:url('Images/Entetes/ombreGrise.png');
	background-repeat:repeat-x;
	display:none;*/
	


}

.TableauDetailGridView{
padding-left:-20px;



}



#Validation .blocblancValidation{
	background-color: #FFF;
	width: 753px;
	height: auto;

	margin-right: 0px;
	margin-bottom: -1px;/* raccord coin bas */
	margin-left: 2px;
	padding-bottom: 10px;
}
	
	
#Validation .bandeauBlancMoyenValidation{
	width:753px;
	height:33px;
	background-color:#fdc613;
	margin-left:2px;
}

#Validation .bandeauGrisValidation{
background-color:black;
height:20px;
color:#fdc613;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
}



#Validation .CouvLivreDetail{
/*width:69px;
height:109px;*/
float:left;
margin-left:8px;
margin-right:5px;
display:block;
float:left;
margin-bottom:10px;

	
}

#Validation .titrelivreDetail{
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:12px;
	text-align: left;
	font-weight:bold;
	/*width:200px;*/
	margin-right:85px;
	display:block;	
	text-transform:uppercase;

}

#Validation .auteurLargeDetail
{
	float:left;

	width :270px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:11px;
	text-align: left;
	display:block;
	overflow:hidden;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:5px;
	display:block;	
}
#Validation .auteurLargeDetail a{
text-decoration:none;
color:black;
}

#Validation .titreEditeurDetail{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	display:block;
	height:20px;
	margin-right:185px;
	text-align:left;
font-weight:bold;
}




#Validation .PrixUnitaireValidation{
width:100px;
height:131px;
background-color:#fdc613;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:10px;
text-align:center;
font-weight:bold;
vertical-align:text-top;
border-bottom:#f3ebf0 solid 1px;
}

#Validation .FormatValidation{
width:100px;
background-color:#fdc613;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:10px;
text-align:center;
font-weight:bold;
vertical-align:text-top;
border-bottom:#f3ebf0 solid 1px;
	
}

#Validation .QuantiteValidation{
width:76px;
background-color:#fdc613;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:10px;
text-align:center;
font-weight:bold;
vertical-align:text-top;
border-bottom:#f3ebf0 solid 1px;
	
}

#Validation .PrixValidation{
width:100px;
background-color:#fdc613;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:10px;
text-align:center;
font-weight:bold;
vertical-align:text-top;
border-bottom:white solid 1px;
	
}

#Validation .PoubelleValidation{
width:44px;
background-color:#ffffff;
padding-top:10px;
vertical-align:text-top;
padding-left:3px;

text-align:center;
	
}

#Validation .PoubelleValidation a img{
text-decoration:none;
border:0px;
margin-left:10px;
}

#Validation .QuantiteBoxValidation
{
    width:18px;
}

#Validation .cg
{ 
    padding-left:60px;
}
#Validation .ErreurValidation
{
    font-weight:700;
    padding-left:80px;
    font-size:12px;
    color:Blue;
    font-family:Arial, Helvetica, sans-serif; 
    display:block ;
}

#Validation .ListeDesLivresValidation
{
padding-top:3px;
text-align:center;

width: 400px;
}
#Validation .SeparateurTableau{
display:none;}

#Validation .blocblancValidation div .ListeDesLivresValidation .SeparateurTableau{
	 height:0px;
}

#Validation .Conditionsvalidation{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	
	color:Black;
    padding-top:7px;
    padding-bottom:1px;
}


#Validation .Conditionsvalidation a{
text-decoration:none;
color:#5d5d5d;}


#Validation .TotalValidation{
	height:35px;
	background-color:#fdc613;

}

#Validation .TotalDesCommandesValidations
{
	padding-left:5px;
	padding-top:9px;
	width:445px;
	height:26px;
	float:left;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;

}

#Validation .PrixDesCommandesValidations{
padding-right:5px;
padding-top:9px;
	width:297px;
	height:26px;
	text-align:right;
	margin-left:451px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#Validation .BoutonValidation{
	height:35px;
	margin-bottom:60px;
	margin-top:5px;

	}
	

#Validation .BoutonAide{
	padding-left:5px;
	padding-top:9px;
	width:372px;
	height:26px;
	float:left;
}

#Validation .BoutonValidationDeLaCommande{
padding-right:5px;
padding-top:9px;
	width:370px;
	height:26px;
	margin-left:378px;
	text-align:right;
}


#Validation .BoutonValidationTexte {
padding-top:2px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left:20px;
	color:white;
	background-image:url('Images/Boutons/ValidationDeLaCommande.png');
background-repeat:no-repeat;
text-align:left;
text-decoration:none;
width:203px;
height:27px;
display:block;
margin-left:150px;
}

#Validation .BoutonValidationTexte3 {
padding-top:2px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
padding-left:25px;
color:white;
background-image:url('Images/Boutons/Aide.png');
background-repeat:no-repeat;
text-align:left;
text-decoration:none;
width:98px;
height:50px;
display:block;
margin-left:250px;
}

#Validation .BoutonValidationTexte2 {
padding-top:2px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left:45px;
	color:white;
	background-image:url('Images/Boutons/Aide.png');
background-repeat:no-repeat;
text-align:left;
text-decoration:none;
width:78px;
height:27px;
display:block;
margin-left:0px;

}


/*********************************ChoixPaiement***************************************************/
#Validation .ListeDesLivresPaiement{
width: 379px;
padding-top:10px;
text-align:center;
vertical-align:text-top;
border-bottom:#cecece solid 1px;
}

#Validation .blocblancValidation div .ListeDesLivresPaiement .SeparateurTableau
{
    height:0px;

}
#Validation .ongletPaiementCommande{
	/*width:744px;*/
	height:30px;
	background-image:url('Images/Entetes/PaiementdeCommande.png');

	/*padding-top:6px;*/
	color:white;
	border-bottom:solid 1px #fdc613;

		background-repeat:no-repeat;
}


#Validation th{
	border:1px black solid;}

#Validation .BoutonPaiment{
	padding-top:50px;
	padding-bottom:20px;
}

#Validation .CartesDePaiement{
margin-top:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#5d5d5d;

}
#Validation .Cartes{
padding-left:220px;

}

#Validation .Visa{

padding: 10px;
margin-top: 10px;
float: left;	
width:55px;
height:35px;
}
	
#Validation .Americanexpress{

padding: 10px;
margin-top: 10px;
width: 55px;
margin-left: 10px;
float: left; 
}
	
#Validation .Mastercard{

padding: 10px;
margin-top: 10px;
float: left;
margin-left: 10px;
margin-bottom: 10px; 
width:55px;
height:35px;
}


#Validation .BoutonBlocpaiement{
	height:35px;
	margin-bottom:60px;
	margin-top:5px;
	clear:both;

	}
#Validation .NumeroCommandePaiement{
	padding-left:10px;
	padding-top:9px;
	width:362px;
	height:26px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:16px;
}
#Validation .BoutonPaiementCommande {
    padding-top:2px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left:40px;
	color:white;
	background-image:url('Images/Boutons/ValidationDeLaCommande.png');
    background-repeat:no-repeat;
    text-align:left;
    text-decoration:none;
    width:182px;
    height:24px;
    display:block;
    margin-left:80px;
    margin-top:10px;
}

/*******************************************************Confirmation**************************************/

#Confirmation .contenuhautConfirmation{

	width: 755px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#Confirmation .OngletConfirmation{
	width:744px;
	height:30px;
	background-image:url('Images/Entetes/Validation.png');
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left:10px;
	padding-top:6px;
	color:white;
	margin-left:2px;/*--correction marge--*/
		background-repeat:no-repeat;
}


#Confirmation .blocblancConfirmation{
background-color: #FFF;
	width: 733px;
	height:auto;
	margin-top: -4px;/* raccord coin haut */
	margin-right: 0px;
	margin-bottom: -1px;/* raccord coin bas */
	margin-left: 2px;
	padding: 10px;	
	}

#Confirmation .TexteEnregistrementConfirmation{
	width:710px;
	height:auto;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #e9e8e8;
	border: 1px solid #5d5d5d;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	margin-top:1px;
}

#Confirmation .CommandeEtSAV{
	width:730px;
	height:30px;
	margin-bottom:20px;
}

.NumeroDuSAV a{
color:black;
}

#Confirmation .NumeroDeCommande{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:black;
width:365px;
height:30px;
float:left;
	
}


#Confirmation .SAV{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:black;
width:365px;
height:30px;
margin-left:365px;
text-align:right;
	
}
#Confirmation .DetailGris{
width:720px;
height:20px;
background-color:black;
text-align:left;
}


#Confirmation .Detail{
	width:400px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fdc613; 
	font-weight:bold; 
	margin-left:12px;
	display:block;
	padding-top:2px;

}

#Confirmation .BlocCommandeConfirmation{
width:365px;
height:auto;
display:block;
float:left;
	
}

#Confirmation .BlocCommandeTelechargement{
width:300px;
height:150px;
padding-top:15px;
padding-bottom:15px;
background-color:#c7c6c6;
margin-left:370px;
display:block;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#5d5d5d;
	
}


#Confirmation .OngletetirableFiche ul {
	height: 21px;
	width: 400px;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -1px;
	margin-left:0px;
	padding: 0;
    }
    
#Confirmation .OngletetirableFiche li {
	float:left;
	background-image: url('Images/Assets/ArrondiDroitGris.png');
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
    }
    
#Confirmation .OngletetirableFiche .TexteEtirableFiche {
	display:block;
	padding:5px 10px;
	background-image: url('Images/Assets/ArrondiGaucheGris.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	color:black;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    }




#Confirmation .Approche{
letter-spacing:1px;
}


#Confirmation .CouvLivreDetail
{
/*width:69px;
height:109px;*/
float:left;
margin-top:2px;


	
}


#Confirmation .ListeDesLivres
{
    height:80px;
    background-color:white;
}

#Confirmation .EnteteDetail {
	width:710px;
	height:20px;
	vertical-align:top;
}


#Confirmation .titreEditeurDetail{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	display:block;
	width:100px;
	height:20px;
	margin-left:85px;
font-weight:bold;


}
#Confirmation .auteurLargeDetail{
	width:380px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:11px;
	text-align: left;
	display:block;
	overflow:hidden;
	margin-left:85px;
	margin-top:20px;
}


#Confirmation .ListeLienDetail

{
    width:710px;
    
}
#Confirmation .BoutonTelechargerConfirmation {
Display:block;
position:relative;
top:-40px;
text-decoration:none;
color:black;
width:121px;
height:38px;
background-image:url('Images/Boutons/Telecharger.png');
background-repeat:no-repeat;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-left:610px;
vertical-align:text-top;

}
#Confirmation .BoutonTelechargerConfirmation a{
text-decoration:none;
color:black;
top:10px;
display:block;
position:relative;
}

#Confirmation .SeparateurTableau{
}


#Confirmation .BandeauBlancConfirmation{
/*width:753px;
height:33px;
background-color:#f6c101;
float:left;
margin-left:2px;	*/
}

#Confirmation .CoinBandeauDetail{
background-image:url('Images/Entetes/coin.png');
width:33px;
height:33px;
margin-left:722px;}
	

#Confirmation .titrelivreDetail{
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:11px;
	text-align: left;
	margin-top:10px;
	margin-left:85px;
	font-weight:bold;
	width:460px;
	display:block;
text-transform:uppercase;	
}


/*************************************************Historique*********************************************/


#Historique .ongletHistorique{
	width:744px;
	height:30px;
	background-image:url('Images/Entetes/OngletHistoriquedesCommandes.png');
		background-repeat:no-repeat;
}


#Historique .EnteteHistorique{
margin-top:30px;
}


#Historique .ombreLongueHistorique{
	/*width:753px;
	margin-left:2px;
	height:6px;
	background-image:url('Images/Entetes/ombreBlanche.png');
	background-repeat:repeat-x;*/


}

#Historique .blocblancHistorique{
	background-color: #FFF;
	width: 753px;
	height: auto;
	margin-top: -4px;/* raccord coin haut */
	margin-right: 0px;
	margin-bottom: -1px;/* raccord coin bas */
	margin-left: 2px;
	padding-bottom: 10px;
}

#Historique .bandeauBlancMoyenHistorique{
	width:753px;
	height:33px;
	float:left;
	background-color:#fdc613;
	margin-left:2px;
}

#Historique .HistoriqueBlocGauche{
width:325px;
height:171px;
float:left;
margin-left:10px;
	
}
#Historique .HistoriqueBlocDroit{
width:360px;
height:171px;
margin-left:380px;

}



#Historique .LogicielNecessaire{
	width:720px;
	padding-left:20px;
	margin-top:20px;
}

#Historique .EnteteDetail {
	width:755px;
	height:30px;
	vertical-align:top;

}
#Historique .ListeLienDetail

{
    width:710px;
    margin-left:20px;
    
}

#Historique .DetailGris{
width:702px;
height:20px;
background-color:black;
text-align:left;

	
}

#Historique .Detail{
	width:500px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f6c101; 
	font-weight:bold; 
	margin-left:12px;
	display:block;
	padding-top:2px;

}



#Historique .OngletetirableFiche ul {
	height: 21px;
	width: 320px;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -1px;
	margin-left:0px;
	padding: 0;
    }
    
#Historique .OngletetirableFiche li {
	float:left;
	background-image: url('Images/Assets/ArrondiDroitGris.png');
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
    }
    
#Historique .OngletetirableFiche .TexteEtirableFiche {
	display:block;
	padding:5px 10px;
	background-image: url('Images/Assets/ArrondiGaucheGris.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	color:black;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    }



#Historique .TexteLogicielNecessaire{
	width:690px;
	height:auto;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #e9e8e8;
	border: 1px solid #5d5d5d;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}




#Historique .BlocCommandeConfirmation{
width:365px;
height:auto;
display:block;
float:left;
	
}

#Historique .BlocCommandeTelechargementHistorique{
width:320px;
height:65px;
padding-top:15px;
background-color:#c7c6c6;
margin-left:370px;
display:block;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:black;
	
}


#Historique .TexteHistorique{
	/*width:320px;*/
	height:auto;

	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #e9e8e8;
	border: 1px solid #5d5d5d;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	margin-top:5px;

}
#Historique .LienFacture
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:black;
	font-weight:normal;

	
}
#Historique .LienFacture:hover
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:underline;
}

#Historique .TexteCommande{
	width:328px;
	height:115px;
	overflow-y:scroll;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #e9e8e8;
	border: 1px solid #5d5d5d;
	padding: 10px;
	padding-top:5px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
}

#Historique .LigneCmd
{
    display:block; 
    margin-bottom:-10px;
}


#Historique .TableauCommandeNumero
{

	width:164px;
	height:20px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;

}

#Historique .TableauCommandeDate{
	width:164px;
	height:20px;
	margin-left:140px;
	font-family:Arial, Helvetica, sans-serif;


}

#Historique .NumeroDuSAV{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:black;
	
}
#Historique .NumeroDuSAV a{
text-decoration:underline;
color:black;
}


#Historique .CouvLivreDetail
{
/*width:69px;
height:109px;*/
float:left;
margin-top:2px;

}


#Historique .titreEditeurDetail{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	display:block;
	width:100px;
	height:20px;
	margin-left:85px;
	font-weight:bold;

}
#Historique .auteurLargeDetail{
    width:300px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:11px;
	text-align: left;
	display:block;
	overflow:hidden;
	margin-left:85px;
	margin-top:60px;
}

#Historique .auteurLargeDetail a{
text-decoration:none;
color:#4f4f4f;
}


#Historique .SeparateurTableau{
height:1px;
width:auto;
background-color:#cecece;
margin-bottom:10px;	
 margin-top:-3px;
}


#Historique .BandeauBlancConfirmation{
width:720px;
height:33px;
background-color:#f6c101;
float:left;
margin-left:2px;	
}

#Historique .CoinBandeauDetail{
background-image:url('Images/Entetes/coin.png');
width:33px;
height:33px;
margin-left:722px;}
	

#Historique .titrelivreDetail{
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:11px;
	text-align: left;
	margin-top:10px;
	font-weight:bold;
	width:460px;
	margin-left:85px;
	display:block;
	text-transform:uppercase;	
	
}
#Historique .BoutonTelechargerConfirmation {
Display:block;
position:relative;
top:-40px;
text-decoration:none;
color:black;
width:121px;
height:38px;
background-image:url('Images/Boutons/Telecharger.png');
background-repeat:no-repeat;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-left:590px;
vertical-align:text-top;

}

#Historique .ListeDesLivres{
height:80px;
background-color:white;
margin-top:-40px;
}


#Historique .BoutonTelechargerConfirmation a{
text-decoration:none;
color:black;
top:10px;
display:block;
position:relative;
}

#Historique  .BlocCommandeTelechargement{
/*width:300px;*/
height:150px;
padding-top:15px;
padding-bottom:15px;
background-color:#c7c6c6;
margin-left:370px;
display:block;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#5d5d5d;
	
}

/* autre page --> à enlever button utiliser sur la page SimulationPaiement*/