/* CSS Document */

@import url("monspace.compte.css");
@import url("monespace.commandes.css");


/*********BLOC AIDE *********/
.AfficheAide {
	display:block;
	margin-top:10px;
	margin-bottom:15px;
	text-align:center;
	font-family: "Trebuchet MS";
	font-size: 11px;
}

.MasqueAide {
	display:none;
	margin-top:10px;
	margin-bottom:15px;
	text-align:center;
	font-family: "Trebuchet MS";
	font-size: 11px;
}

.AideOut {
	margin-top:10px;
	border:#CCCCCC 1px solid;
	background-color:#EFEFEF;
	color: #003399;
	text-align:left;
	font-family: "Trebuchet MS";
	font-size: 11px;

}

.AideIn {
	margin:10px;
	text-align:left;
	z-index:10;
}

/*************** MON ESPACE *******************/
#MonEspace {
	position:relative;
	float:left;
	width:720px;
	padding:0px;
	text-align: justify; /* on justifie */
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666666;	
}

#Alertes {
	margin-top:20px;
    text-align: left; /* on rétablit l'alignement normal du texte */
}


.MonEspaceTitre {
	font-size:21px;
	color:#724f99;
	margin-bottom:0px;
}

.MonEspaceParagraphe {
	font-size:12px;
	margin-top:10px;
	margin-left:20px;
	padding:10px;
	text-align:justify;
}

.BlueTitle {
	font-size:21px;
	color:#724f99;
	margin-bottom:0px;
}

/***************** FORMULAIRE D'IDENTIFICATION ***********************/

div#MonEspaceIdentification {
	position:relative;
	text-align:center;
	margin-top:15px;
	/* border:#FF0000 1px solid; */
}

div#MonEspaceIdentificationPassOublie {
	position:absolute;
	font-size: 12px;
	color: #724f99;
	top:240px;
	left:250px;
	width:200px;
}

div#AccueilEspaceClient {
	position:relative;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	height:290px;
	font-family: "Trebuchet MS";
	background-image: url(/images/fond_accueil_espace-client.gif);
	background-repeat: no-repeat;
	text-align:left;
}

div#AccueilEspaceClientTitre {
	position:absolute;
	font-size: 21px;
	color: #724f99;
	top:30px;
	left:30px;
	width:232px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5AAD0;
}

div#AccueilEspaceClientParagraphe {
	position:absolute;
	font-size: 12px;
	color: #724f99;
	top:70px;
	left:70px;
	width:200px;
}

#AccueilEspaceClientID {
	position:absolute;
	font-size: 15px;
	color: #333333;
	top:100px;
	left:63px;
	width:230px;
	font-weight: bold;
}

#AccueilEspaceClientPASS {
	position:absolute;
	font-size: 15px;
	color: #333333;
	top:135px;
	left:45px;
	width:230px;
	font-weight: bold;
}

.AccueilEspaceClientInput {
	font-family: "Trebuchet MS";
	font-size: 15px;
	color: #999999;
	font-weight: bold;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	background-image: url(/images/Bouton_Sublevel.png);
	padding-left:5px;
}

#AccueilEspaceClientENVOI {
	position:absolute;
	top:185px;
	left:90px;
	width:200px;
}

input#AccueilEspaceClientButtontENVOI {
	width:110px;
	height:24px;
	font-size: 15px;
	color: #999999;
	font-weight: bold;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	background-image: url(/images/Bouton_Sublevel.png);
	font-family: "Trebuchet MS";
}

#AccueilEspaceClientAcces {
	position:absolute;
	font-size: 18px;
	color: #000000;
	top:160px;
	left:25px;
	width:260px;
}

/* -------------------- FICHE INFORMATIONS -------------------- */

/* DETAIL CLIENT  */

#ProfilRevendeurOut {
	position:absolute;
	width : 250px;
	height:25px;
	top : 10px;
	right:20px;
	background-image: url(/images/boutique.fond_entete_panier.gif);
	background-repeat: repeat-x;
	margin:10px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
}

#ProfilRevendeurIn {
	text-align:center;
	border:1px solid #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #663399;
	height:23px;

}


.DetailClientTitreZone {
	position:relative;
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #999999;
	margin-top:5px;
	margin-bottom:10px;
	text-align:left;
	border-bottom:#CCCCCC 1px solid;
}

.DetailClientTitreContact {
	position:relative;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight:bold;
	color: #FF9933;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	border-bottom:#FF9933 1px solid;
}

.DetailClientLabelBeforeLoop {
	position:relative;
	font-weight:bold;
	color:#666666;
	background-color:#E9EBEF;
	/* border-bottom:#CCCCCC 1px solid; */
	margin-top:10px;
	margin-bottom:5px;
	height:20px;
	text-align:center;
	font-family: "Trebuchet MS";
	font-size: 14px;
}

div#divFormEntreprise {
	display:block;
}

div#CommonFormInfosGen {
	display:block;
	/* border:#0000FF 1px solid; */
}

div#InfosTypeEntreprise {
	margin-bottom:10px;
	text-align:center;
}

.DetailClientLabel {
	position:relative;
	float:left;
	color:#666666;
	width:122px;
	height:20px;
	/* border:#FF0000 1px solid; */
}

.DetailClientLabelPrincipal {
	position:relative;
	float:left;
	font-weight:bold;
	color:#666666;
	width:120px;
	height:20px;
	/* border:#FF0000 1px solid; */
}

.DetailClientDonnees {
	position:relative;
	float:left;
	color:#000000;
	width:170px;
	height:20px;
	/*  border:#0000FF 1px solid; */
}

.DetailClientDonneesAdresse {
	position:relative;
	float:left;
	color:#000000;
	width:190px;
	height:70px;
	/*  border:#0000FF 1px solid; */
}

.DetailClientDonneesPrincipal {
	position:relative;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#003366;
	width:190px;
	height:20px;	 /* border:#0000FF 1px solid; */
}

.ZoneTelEmailduContact {
	margin-left:15px;
	padding-left:5px;
	border-left:1px #CCCCCC solid;
}

#Zone_ViewInfosGen {
	display:block;
	margin-bottom:40px;
}


#Zone_FormInfosGen {
	display:none;
	margin-bottom:40px;
}


/* LISTE DES COMPTES POUR UN CLIENT */

div#TableauListeComptes {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #666666;
	border:#CCCCCC 1px solid;
	margin-top:20px;
	padding:1px;
	background-color:#ECE7F5;
}

table.Petit {
	font-size: 10px;
	color:#000000;
}


	.TableauCompteLigne1 {
	background-color:#EFEFEF;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-top:#FFFFFF 1px solid;
	/* background-image: url(/images/boutique.fond_entete_panier.gif); */
	background-repeat: repeat-x;
	}
	.TableauCompteLigne2 {
		background-color:#FFFFFF;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	 /* background-image: url(/images/boutique.fond_entete_panier.gif); /* images/boutique.fond_inv.gif */
	background-repeat: repeat-x;
	}

div.TransfertCompte {
	display:none;
}


div.InTableConfirmeSupprimer {
	display:none;
	font-weight: bold;
	color: #FFFF00;
	background-color: #FF0000;
	padding:3px;
}

div.InTableConfirmeDemande {
	display:none;
	font-weight: bold;
	color: #993399;
	background-color: #FFFFFF;
	padding:3px;
	border:#993366 2px solid;
}

/* LISTE DES COMMANDES POUR UN CLIENT */

div#TableauListeCommandes {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #003366;
	border:#CCCCCC 1px solid;
	margin-top:20px;
	padding:1px;
	background-color:#E7EAF5;
}

	div#TableauClientsHeader {
		font-weight: bold;
		color:#333333;
		background-color: #EFEFEF;
		border-right: #CCCCCC 1px solid;
		border-left: #CCCCCC 1px solid;
		border-top:#CCCCCC 1px solid;
	}
	div#TableauCommandesHeader {
		font-weight: bold;
		color:#333333;
		background-color: #EFEFEF;
		border-right: #CCCCCC 1px solid;
		border-left: #CCCCCC 1px solid;
		border-top:#CCCCCC 1px solid;
	}



/* NOUVEAU CONTACT */

div#MasqueBlancTransparent {
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background-color:#FFFFFF;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	z-index:1;
}

div#FormNouveauContactOut {
	position:absolute;
	display:none;
	top:50px;
	left:100px;
	width:320px;
	background-color:#FFFFFF;
	background-image: url(/images/boutique.fond.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	z-index:2;
}


div#FormNouveauContactIn {
	margin:10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

div.NewContactTitre {
	font-size:21px;
	color:#4D569B;
	margin-left:20px;
	margin-bottom:0px;
	text-align:left;
	border-bottom:#CCCCCC 1px solid;
}

div#FormNouveauContact {
	margin-top:15px;
	width:300px;
}

label.FormLabel {
	position:relative;
	float:left;
	color:#666666;
	width:100px;
	margin-bottom:2px;
}

.ContactInputListeTypeTelephone {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #000000;
	border:#999999 solid 1px;
	background-color:#FFFFFF;
	width:59px;
	background-image: url(/images/backoffice/fond_input.gif);
	background-repeat: repeat-x;
}

.ContactInputNumeroTelephone {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #000000;
	border:#999999 solid 1px;
	background-color:#FFFFFF;
	width:97px;
	background-image: url(/images/backoffice/fond_input.gif);
	background-repeat: repeat-x;
}

#zone_numeros {
	position:relative; /* permet le positionnement correct du div.AbsolutePlus */
	width:300px;
}

#zone_numeros2 {
	position:relative; /* permet le positionnement correct du div.AbsolutePlus */
	width:300px;
}


#zone_emails {
	position:relative; /* permet le positionnement correct du div.AbsolutePlus */
	width:300px;
}

#zone_emails2 {
	position:relative; /* permet le positionnement correct du div.AbsolutePlus */
	width:300px;
}


div.AbsolutePlus {
	position:absolute;
	top:2px;
	left : 266px;
	width:10px;
	height:22px;
	z-index:10
}

.ChampForm {
	position:relative;
	width:300px;
}

.VoirContact {
	display:block;
}

.BoutonDeroulerContact {
	display:block;
}

.FormContact {
	z-index:5;
	display:none;
	background-color:#FFFFFF;
}

.GlobalContactOFF {
	display:none;
}
		
.Transformer {
	z-index:5;
	display:none;
	background-color:#FFFFFF;
}

.SupprimerContact {
	z-index:5;
	display:none;
	background-color:#FFFFFF;
}

.TransformerTel {
	z-index:5;
	display:none;
	background-color:#FFFFFF;
}

.SupprimerTel {
	z-index:5;
	display:none;
	background-color:#FFFFFF;
}




.AjouterEmailaContact {
	z-index:5;
	display:none;
	background-color:#FFFFFF;
}

.AjouterTelaContact {
	z-index:5;
	display:none;
	background-color:#FFFFFF;
}


.FormAjouterEmailaContact {
	position:relative;	
}

.FormAjouterTelaContact {
	position:relative;	
}

.TransformerEnContactPrincipal {
	margin: 10px;
	padding-top:20px;
	background-image: url(/images/boutique.fond.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px;
}

.TransformerEnEmailPrincipal {
	margin: 10px;
	padding-top:20px;
	background-image: url(/images/boutique.fond.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px;
}

.TransformerEnTelPrincipal {
	margin: 10px;
	padding-top:20px;
	background-image: url(/images/boutique.fond.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px;
}


.FormulaireSupprimerContact {
	margin: 10px;
	padding-top:20px;
	background-image: url(/images/boutique.fond.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px;
	color:#FF0000;
	font-family: "Trebuchet MS";
	font-size: 14px;
}

.FormulaireSupprimerEmailContact {
	margin: 10px;
	padding-top:20px;
	background-image: url(/images/boutique.fond.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px;
	color:#FF0000;
	font-family: "Trebuchet MS";
	font-size: 14px;
}

.FormulaireSupprimerTelContact {
	margin: 10px;
	padding-top:20px;
	background-image: url(/images/boutique.fond.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px;
	color:#FF0000;
	font-family: "Trebuchet MS";
	font-size: 14px;
}

.WarningColonne100 {
	position : relative;
	float:left;
	width: 70px;
	text-align:right;
	margin-right:20px;
}


#Zone_ConfirmeGenererMotdePasse {
	display:none;
}

#DIVBouton {
	margin:10px;
	border:#999999 1px solid;
}

/********* CREER COMPTE CLIENT *********/

#creerCompte {
	font-family: "MS Sans Serif";
	font-size: 10px;
}

#infosTypeEntreprise {
	margin-bottom:15px;
}

.PetitBoutonSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #CCCCCC;
	background-image: url(/images/backoffice/fond_input_submit.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	width:40px;
	height:15px;
}


/************************ GESTION DES COMMANDES ************************/
#GlobalCommande {
	font-family: "Trebuchet MS";
	font-size: 12px;
}

#CommandesAttente {
	margin-top:25px;
	border:#CCCCCC 1px solid;
}

#CommandesEnCours {
	margin-top:25px;
	border:#CCCCCC 1px solid;
}

#CommandesAnnulees {
	margin-top:25px;
	border:#CCCCCC 1px solid;
}

#CommandesTerminees {
	margin-top:25px;
	border:#CCCCCC 1px solid;
}

/************************ TABLEAU DES COMPTES ************************/

#MessageCoutCompteOut {
	margin-top:10px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	color:#666666;
}

#MessageCoutCompteIn {
	margin:10px;
}


/************ BOUTON DE RETOUR AU TABLEAU DE BORD ******************/

#BackToDashboardOut {
	width:300px;
	height:34px;
	background-image: url(/images/backto_dashboard.png);
	background-repeat: no-repeat;
	margin-bottom:20px;
}

#BackToDashboardIn {
	float:left;	
	margin-left: 38px;
	margin-top: 7px;
	font-weight:bold;
}


#Zone_CreditsClientOff
{
    display: none;
}

#Zone_ConsoClientOff
{
    display: none;
}

#Zone_PackEnvoiOff
{
    display: none;
}