/*******************************************************************************************************/
/* Styles communs pour controles .NET */
/*******************************************************************************************************/
.Label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #231F20;
}
.TextBox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #231F20;
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.TextBoxSansBordure
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #231F20;
	border:none;
	background-color:#FFFFFF;
}
.DropDownList{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #231F20;
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.RegularExpressionValidator{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #e7405a;
}
.RequiredFieldValidator{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #e7405a;
}
.FileUpload{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #123d83;
	background-color:#d9d9d9;
	border:none;
}
.HyperLink{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #123d83;
	border:none;
}

.LinkButton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #123d83;
	border:none;
}
.Image
{
    border:none;
}
.Button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	background-color:#D8DE37;
	border:none;
}
.ImageButton
{
    border:none;
}
.CheckBox{
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.CheckBoxList{
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.ListBox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #123d83;
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.RadioButton{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#231F20;
	background-color:#FFFFFF;
}
.RadioButtonList{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6d6f71;
}
/*******************************************************************************************************/
/* Style commun avec balises XHTML classique */
/*******************************************************************************************************/
/* BODY */
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #231F20;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 25px;
}
/* H1, H2, H3 ... */
h1{
	color:#8E3B57;
	font-size:18px;
	display:inline;
}
h2{
	color:#231F20;
	font-weight:bold;
	font-size:13px;
}
/* TRAIT */
/*hr{
	color: #D1D3D4;
    height: 1px;
    width:610px;
}*/
/*.trait-violet
{
    border-bottom: 1px #A3238E solid;
}*/
.trait-violet
{
    background-image:url(image/trait/trait-violet.gif);
    background-repeat:repeat-x;
    background-position:left bottom;
}
/*LI*/
li
{
    list-style-image:url(image/picto/img_li.gif);
    list-style-position: inside;
    
}
/* COULEURS DES LIENS */
a:link {
	color: #231F20;
	text-decoration: none;
}
a:visited {
	color: #231F20;
	text-decoration: none;
}
a:hover {
	color: #A3238E;
	text-decoration: none;
}
a:active {
	color: #A3238E;
	text-decoration: none;
}

/*******************************************************************************************************/
/* Style spécifique à ce site */
/*******************************************************************************************************/

/* LIENS couleurs */
/*menuhaut*/
.menuhaut-norm
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #231F20;
    text-decoration: none;
}
.menuhaut-norm:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #231F20;
    text-decoration: none;
}
.menuhaut-norm:hover
{
    color: #231F20;
   
}
.menuhaut-norm:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #231F20;
    text-decoration: none;
}
.menuhaut-survol
{
    color: #A3238E;
    
}
.menuhaut-survol:link
{
  color: #A3238E;
}
.menuhaut-survol:hover
{
   color: #A3238E;
}
.menuhaut-survol:active
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #A3238E;
    text-decoration: none;*/
   color: #A3238E;
}
.menuhaut-survol:visited
{
   color: #A3238E;

}
/*liens bas*/
.liensbas {
	font-size:9px;
	color:#4D4D4D;
	text-decoration:none;
}
.liensbas:link {
	font-size:9px;
	color: #4D4D4D;
	text-decoration:none;
}
.liensbas:visited {
	font-size:9px;
	color: #4D4D4D;
	text-decoration:none;
}
.liensbas:hover {
	font-size:9px;
	color: #A3238E;
	text-decoration:none;
}
.liensbas:active {
	font-size:9px;
	color: #A3238E;
	text-decoration: none;
}
.liensbas-survol {
	font-size:9px;
	color:#A3238E;
	text-decoration:none;
}
.liensbas-survol:link {
	font-size:9px;
	color:#A3238E;
	text-decoration:none;
}
.liensbas-survol:hover {
	font-size:9px;
	color:#A3238E;
	text-decoration:none;
}
.liensbas-survol:active {
	font-size:9px;
	color:#A3238E;
	text-decoration:none;
}
.liensbas-survol:visited {
	font-size:9px;
	color:#A3238E;
	text-decoration:none;
}
/*liens menu gauche*/
.liensgauche
{
    font-size:14px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.liensgauche:link {
	 font-size:14px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.liensgauche:visited {
	font-size:14px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.liensgauche:hover {
	font-size:14px;
	color:#8E3B57;
	text-decoration:none;
	font-weight:bold;
}
.liensgauche:active {
	font-size:14px;
	color:#8E3B57;
	text-decoration:none;
	font-weight:bold;
}
.liensgauche-survol
{
    font-size:14px;
	color:#8E3B57;
	text-decoration:none;
	font-weight:bold;
}
.liensgauche-survol:link
{
    font-size:14px;
	color:#8E3B57;
	text-decoration:none;
	font-weight:bold;
}
.liensgauche-survol:hover
{
    font-size:14px;
	color:#8E3B57;
	text-decoration:none;
	font-weight:bold;
}
.liensgauche-survol:active
{
    font-size:14px;
	color:#8E3B57;
	text-decoration:none;
	font-weight:bold;
}
.liensgauche-survol:visited
{
    font-size:14px;
	color:#8E3B57;
	text-decoration:none;
	font-weight:bold;
}
/*liens menu gauche rouge*/
.liensgaucherouge
{
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.liensgaucherouge:link {
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.liensgaucherouge:visited {
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.liensgaucherouge:hover {
	color:#8E3B57;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.liensgaucherouge:active {
	color:#8E3B57;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.liensgaucherouge-survol{
	color:#8E3B57;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.liensgaucherouge-survol:link{
	color:#8E3B57;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.liensgaucherouge-survol:hover{
	color:#8E3B57;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.liensgaucherouge-survol:active{
	color:#8E3B57;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.liensgaucherouge-survol:visited{
	color:#8E3B57;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
/*liens compte*/
.lienscompte{
	font-size:9px;
	text-decoration:none;
}
a.lienscompte:link {
	font-size:9px;
	color: #231F20;
	text-decoration:none;
}
a.lienscompte:visited {
	font-size:9px;
	color: #231F20;
	text-decoration:none;
}
a.lienscompte:hover {
	font-size:9px;
	color: #A3238E;
	text-decoration:none;
}
a.lienscompte:active {
	font-size:9px;
	color: #A3238E;
	text-decoration: none;
}
/*fil d'ariane*/
.filviolet{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
.filviolet:link{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
.filviolet:hover{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
.filviolet:active{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
.filviolet:visited{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
.filviolet-survol{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
.filviolet-survol:link{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
.filviolet-survol:hover{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
.filviolet-survol:active{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
.filviolet-survol:visited{
	color:#8E3B57;
	font-size:13px;
	text-decoration:none;
}
/*liens gris*/
.liensgris
{
    color: #6D6F71;
	font-size:11px;
}
.liensgris:link{
	color: #6D6F71;
	font-size:11px;
}
.liensgris:hover{
	color: #A3238E;
	font-size:11px;
}
.liensgris:active{
	color: #A3238E;
	font-size:11px;
}
.liensgris:visited{
	color: #A3238E;
	font-size:11px;
}
.liensgris12
{
    color: #6D6F71;
	font-size:12px;
}
.liensgris12:link{
	color: #6D6F71;
	font-size:12px;
}
.liensgris12:hover{
	color: #A3238E;
	font-size:12px;
}
.liensgris12:active{
	color: #A3238E;
	font-size:12px;
}
.liensgris12:visited{
	color: #575a5d;
	font-size:12px;
}
.liensgrispetit
{
    color: #6D6F71;
	font-size:9px;
}
.liensgrispetit:link{
	color: #6D6F71;
	font-size:9px;
}
.liensgrispetit:hover{
	color: #A3238E;
	font-size:9px;
}
.liensgrispetit:active{
	color: #A3238E;
	font-size:9px;
}
.liensgrispetit:visited{
	color: #A3238E;
	font-size:9px;
}
/**/
.filviolet9{
	color:#8E3B57;
	font-size:9px;
	text-decoration:none;
}
.filviolet9:link{
	color:#8E3B57;
	font-size:9px;
	text-decoration:none;
}
.filviolet9:hover{
	color:#A3238E;
	font-size:9px;
	text-decoration:none;
}
.filviolet9:active{
	color:#8E3B57;
	font-size:9px;
	text-decoration:none;
}
.filviolet9:visited{
	color:#8E3B57;
	font-size:9px;
	text-decoration:none;
}
/*liensblanc*/
.liensblanc{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
.liensblanc:link{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
a.liensblanc:hover{
	color:#6A7E92;
	font-size:13px;
	text-decoration:none;
}
a.liensblanc:active{
	color:#6A7E92;
	font-size:13px;
	text-decoration:none;
}
a.liensblanc:visited{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
/* TEXTES ( COULEURS ) */
/*gris*/
.txt-grisfonce
{
    color:#6A7E92;
	font-size:13px;
}
.txt-grisgd
{

	color: #6D6F71;
	font-size: 14px;
	font-weight:bold;
}
.txt-gris{
	color: #6D6F71;
	font-size:12px;
}
.txt-gris-couleur{
	color: #6D6F71;
}
.txt-gris14{
	color: #6D6F71;
	font-size: 14px;
}
.txt-gris14:link{
	color: #6D6F71;
	font-size: 14px;
	text-decoration:none;
}
.txt-gris14:hover{
	color: #A3238E;
	font-size: 14px;
	text-decoration:none;
}
.txt-gris14:active{
	color: #6D6F71;
	font-size: 14px;
	text-decoration:none;
}
.txt-gris14:visited{
	color: #6D6F71;
	font-size: 14px;
	text-decoration:none;
}
.txt-gris9{
	color: #6D6F71;
	font-size:9px;
}
/**/
.txt-violet{
	color: #A3238E;
}
.txt-blanc
{
    color:White;
 }
.txt-violet{
	color:#8E3B57;
	font-size:13px;
}
.txt-violetcompte{
	color:#A3238E;
	font-size:9px;
}
/*TEXTES (TAILLES)*/
.txt-petit
{
    font-size:9px;
}
.txt-moyen
{
    font-size:11px;
}
.txt-12
{
    font-size:12px;
}
.txt-grand
{
    font-size:13px;
}
.txt-10
{
    font-size:10px;
}
.titre{
color: #231F20; 
font-size: 13px; 
font-weight:bold;
}
/* ARRIERE PLAN (IMAGES)*/
/* FOND CADRE */
.fond-compte{
	background-image: url(image/cadre/fond_compte.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:45px;
	text-align:left;
}
.fond-cp{
	background-image: url(image/cadre/fond_copdepostal.gif);
	background-repeat: repeat-x;
}
.fond-logo-client
{
    background-image:url(image/fond/fond-logo-client.gif);
    background-repeat:no-repeat;
}
.ombre-haute
{
    background-image: url(image/cadre/ombre_haut.gif);
	background-repeat: repeat-x;
	background-position:top;
}
.ombre-gauche
{
    background-image: url(image/cadre/ombre_gauche.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.ombre-droite
{
    background-image: url(image/cadre/ombre_droit.gif);
	background-repeat: repeat-y;
	background-position:left top;
}
.ombre-bas
{
    background-image: url(image/cadre/ombre_bas.gif);
	background-repeat: repeat-x;
	height:13px;
}
/*fond processus de commande*/
.fond-degradegris
{
    background-image:url(image/fond/fond_degrade-gris.gif);
    background-repeat:repeat-x;
}
.fond-violet
{
    background-image:url(image/fond/fond_degrade-violet-panier.gif);
    background-repeat:repeat-x;
}
.fond-violet-recap
{
    background-image:url(image/fond/fond_degrade-violet-recap.gif);
    background-repeat:repeat-x;
}
/* TRAIT SPECIFIQUE */
.trait-point
{
    background-image: url(image/trait/trait_point-gris.gif);
	background-repeat: no-repeat;
	background-position:left top;
}
.trait-point-gris
{
    background-image: url(image/fond/fond_titre.gif);
	background-repeat: repeat-x;
	background-position:left center;
}
.trait-gris
{
    background-image: url(image/trait/trait-menu.gif);
	background-repeat: repeat-x;
	background-position:left top;
}
        
/* FOND NAVIGATION */
#contenu{
	width: 830px;                
	margin-left: -415px;      
	left: 50%;
	margin-bottom: 0px;
	padding: 0px;
	position: absolute;
}
/* FOND*/
.fond-ok
{
    border:none;
    background-color:#a3238e;
    color:White;
    font-size:8px;
    /*font-weight:bold;*/
    width:23px;
    height:12px;
}
/*TEXT BOX*/
.fond-cadreVIP
{
    
/********zoom images************/
img
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 2px;
    height: 47px;
}
#bulle 
{
	position: absolute; 
	visibility: hidden;  
	font-size:12px;
}
.info
{
	border:1px solid #666666; 
	padding: 7px; color:#666666; 
	background-color:#FFFFFF; 
	font-family:"trebuchet MS";
}
.taille
{
	height:171px; 
	width:222px;
}
/**********************************/
.img{border:#dfdcdc solid 1px;}