/* CSS Document */

@import url("comptes.css");

body {
	margin: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	/*background-color: #000000;*/
	background-color: #6D6374;
	border-color: #6D6374;
	
	color:#CCCCCC;
}

img {
	border:none;
	margin: 0px;
	padding:0px;
}

a img {
	border:none;
	margin: 0px;
	padding:0px;
}

hr.Gris1px {
	color: #999999;
	background-color: #999999;
	height: 1px;
	border: none;
}

hr.HRRelief {
	height:2px;
	border-top:1px solid #CCCCCC;
	background-color: #FFFFFF;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.AbsMiddle {
	vertical-align: -40%;
	margin:2px;
}

.AlignLeft {
	float:left;
	margin: 0em 1em 0.5em 0em;
	border:none;
}

.AlignCenter {
	text-align:center;
}

.AlignIcone {
	vertical-align: -100%;
	margin:2px;
}

form {
	margin:0px;
}

.Gras {
	font-weight:bold;
}

#wait {
	display:block;
	text-align:center;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	height: 100px;
	width: 180px;
	z-index:1;
	position: absolute;
	left: 500px;
	top: 300px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#330066;
	background-image: url(/images/fond_postit2.gif);
}

.TelechargerFichierOut {
	width: 300px;
	background-color:#EFEFEF;
	margin-left:100px;
	margin-top:10px;
	margin-bottom:10px;
	border: 1px dotted #666666;
}

.TelechargerFichierIn {
	margin:10px;
	text-align:center;
	font-family: "Trebuchet MS";
	font-size: 14px;
}

/*************** ENTETE *******************/
#GlobalHeader {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 138px;
	text-align: left; /* on rétablit l'alignement normal du texte */
}

/*************** PATHWAY *******************/

#GlobalPathway {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height:21px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	background-image: url(/images/pathway.gif);
	background-repeat: no-repeat;
	color:#333333;
	margin-top:-5px;
}

#Pathway {
	padding-left:20px;
	margin-top:5px;
}

/*************** DECONNEXION SESSION **************/

#DeconnexionSession {
	position:relative;
	float:right;
	width:90px;
	margin-right:10px;
}

.FormDeconnexion {
	margin:0;
}

/*************** MAIN *******************/

div#GlobalMain {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    text-align: left; /* on rétablit l'alignement normal du texte */
	background-image: url(/images/habillage/main.gif);
	background-repeat: repeat-y;
	color:#000000;
}

div#Main {
	position	: relative;
	top			: 15px;
	left		: 15px;
	margin		: 0px;
	padding		: 0px;
	width		: 950px;
}

#Navigation {
	position	:relative;
	float  		: left;
	width   	: 180px;
}

#ContenuMain {
	position	: relative;
	float       : left;
	width       : 740px;
	top			: 0px;
	left		: 5px;
}

#NavigationDroite {
	position	: relative;
	width   	: 180px;
	float   	: right;
	right		: 15px;
}

#HautRetour {
	padding     : 10px;
	margin-left : 200px;
	margin		: 10px;
	font-family : "Trebuchet MS";
	font-size	: 13px;
	color		: #481760;
}


.clear {
	clear    : both;
	display  : block;
	height   : 1px;
	overflow : hidden;
	margin   : 0;
	padding  : 0;
}

#Erreur {
	position:relative;
	height:400px;
	text-align:center;
	top:50px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}



/*************** MENU 01 *******************/

.BlocMenu01 {
	position:relative;
	margin-top:30px;
	margin-bottom:20px;
	border:0px;
	width: 170px;
	background-color:#FFFFFF;
	background-image: url(/images/menu/menu_fond.gif);
	background-repeat: repeat-y;
}



/******** LIEN MENU01 ACTIF *************/

/* ASTUCE COMPATIBILITE DU MENU IE6, IE7, FF */
.MarginRight15 {
	margin-right:15px;
}


.MenuActif a:link {
	display: block;
	font-weight: bold;
	width: 170px;
	height: 35px;
	font-family: "Trebuchet MS";
	font-size:13px;
	color: #000000;
	text-align:right;
	padding-right: 0px;
	padding-top: 4px;
	margin: 0px;
	background-image: url(/images/menu/menu_actif.gif);
	background-repeat: no-repeat;
}

.MenuActif a:visited {
	display: block;
	font-weight: bold;
	width: 170px;
	height: 35px;
	font-family: "Trebuchet MS";
	font-size:13px;
	color: #000000;
	text-align:right;
	padding-right: 0px;
	padding-top: 4px;
	margin: 0px;
	background-image: url(/images/menu/menu_actif.gif);
	background-repeat: no-repeat;
}

.MenuActif a:hover {
	display: block;
	font-weight: bold;
	width: 170px;
	height: 34px;
	font-family: "Trebuchet MS";
	font-size:13px;
	color: #000000;
	text-align:right;
	padding-right: 0px;
	padding-top: 5px;
	margin: 0px;
	background-image: url(/images/menu/menu_actif_hover.gif);
	background-repeat: no-repeat;
}

/******** LIEN MENU01 INACTIF *************/
.MenuInactif a:link {
	display: block;
	width: 170px;
	height: 35px;
	font-family: "Trebuchet MS";
	font-size:12px;
	color: #666666;
	text-align:right;
	padding-top: 4px;
	margin: 0px;
	background-image: url(/images/menu/menu_inactif.gif);
	background-repeat: no-repeat;
}

.MenuInactif a:visited {
	display: block;
	width: 170px;
	height: 35px;
	font-family: "Trebuchet MS";
	font-size:12px;
	color: #666666;
	text-align:right;
	padding-top: 4px;
	margin: 0px;
	background-image: url(/images/menu/menu_inactif.gif);
	background-repeat: no-repeat;
}


.MenuInactif a:hover {
	display: block;
	font-weight: bold;
	width: 170px;
	height: 34px;
	font-family: "Trebuchet MS";
	font-size:13px;
	color: #333333;
	text-align:right;
	padding-top: 5px;
	margin: 0px;
	background-image: url(/images/menu/menu_inactif_hover.gif);
	background-repeat: no-repeat;
}




/*************** FOOTER *******************/

#GlobalFooter {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom:0;
	width: 960px;
	height:47px;
	background-image: url(/images/habillage/footer.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	text-align:center;
	font-family: "MS Sans Serif";
	font-size: 10px;
	color:#330033;
}

#GlobalFooterBackOffice {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom:0;
	width: 960px;
	height:47px;
	background-image: url(/images/habillage/backoffice/footer.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	text-align:center;
	font-family: "MS Sans Serif";
	font-size: 10px;
	color:#330033;
}





/*********************************/
div#InfoBulle {
	position: absolute;
	display : none;
	padding: 10px;
	font-family: Verdana, Arial;
	color: #333333;
	font-size: 10px;
	background-color: #FFFEC6;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #FFFFFF;
	background-image: url(/admin/images/fond_infobulle.gif);
	background-repeat: repeat-y;
	z-index:2;
	text-align:left;
}

/*********************************/




/********** BLOCS LISTE PRODUITS **************/
div.BarreProduits {
	margin: 0px;
	padding: 0px;
	height: 40px;
	background-image: url(/admin/images/barre_produits.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

.BlocFamille {
	margin:0px;
	width : 180px;
	float : left;
	padding-top: 15px;
	padding-left: 10px;
}

.BlocType {
	margin:0px;
	width : 180px;
	/*height: 30px;*/
	float : left;
	padding-top: 10px;
	padding-left: 10px;
}

.BlocEdition {
	width : 155px;
	margin-left: 0px;
	float : left;
	padding-top: 5px;
}

.BlocTraduction {
	float : left;
	width: 120px;
	margin-right: 0px;
	padding-top: 10px;
	padding-left: 0px;
}

a.LienBarreProduits:link {

	color: #FFFFFF; 
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-decoration:none;
}

a.LienBarreProduits:visited {

	color: #FFFFFF; 
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-decoration:none;
}

a.LienBarreProduits:hover {
color: #9900FF;
text-decoration:none;
}

.DetailProduit {
	margin:0px;
	padding: 0px;
}

.TDDetailProduit {
	background-image: url(/admin/images/fond_detail_produit.gif);
	background-repeat: repeat-x;
	background-color: #F2F2F2;
}

.CodeIDProduit {
	color:#999999;
}

/********** BLOCS LISTE PRODUITS **************/




/********** TYPE D'OPTION **************/
.ModifierTypeOption {
	float:right;
}

.AfficheInfoType {
	margin-left:25px;
	margin-bottom:5px;
}

#EditionTypeOption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom:20px;
}

.InputTypeOptionNom {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #6699FF;
	margin-bottom:5px;
	margin-top:10px;

}

.TDLigneOptionsvente {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #669966;
	border-bottom: 1px solid #669966;
	border-left: 1px solid #FFFFFF;
	background-color: #E3F2E1;
}

.TDLigneOptionsattente {
	border-top: 1px solid #999999;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #999999;
	background-color: #EEEEEE;
}

.TDLigneOptionsretire {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #C47B7B;
	border-bottom: 1px solid #C47B7B;
	border-left: 1px solid #FFFFFF;
	background-color: #FBEAEA;
}

.TDLigneOptions {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

/********** TYPE D'OPTION **************/


blockquote {
	margin-left: 30px;
}

table.HeaderAdmin {
	background-color: #FFFFFF;
}

table.MenuGauche {
	/* background-image: url(/admin/images/fondMenuGauche.gif);
	background-repeat: repeat-y; */
}

.InputNoStyle {
	border: 0px;
	padding:0px;
	vertical-align:middle;
}

.TexteRouge {
	color: #FF0000;
}


.LegendeOut {
	position:relative;
	width:170px;
	background-image: url(/images/fond_postit.gif);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top:15px;
}

.LegendeIn {
	position:relative;
	margin:0px 10px 0px 10px;
	color:#666666;
}

#PeriodiciteOui {
	display:block;
}

#PeriodiciteNon {
	display:none;
}

#SupprimerTypeOption {
	width:430px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #FF0000;
	padding:10px;
	background-image: url(/admin/images/fond.modif.form.gif);
	background-repeat: repeat-y;
	border: 3px solid #FF0000;
}

#FormSupprimerTypeOption {
	margin-left:170px;
	margin-top:8px;
}

.ListeTypeProduit {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
}

.ListeTypeProduitSelect {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px;
	border: 2px solid #FF0000;
	background-image: url(/admin/images/fond.modif.form.gif);
	background-repeat: repeat-y;
}

/* Description de la Famille */
div.Description {
	margin		: 10px;
	text-align	: justify;
	color:#666666;
}

div.FrontEndDescriptionType {
	margin		: 10px;
	text-align	: justify;
	color:#666666;
}

.FondModifTypeFamille {
	background-image: url(/admin/images/FondModifTypeFamille.gif);
	float: left;
	text-align:center;
	margin:0px;
	border:solid 1px #999999;
	height: 50px;
	padding-top:25px;
	padding-left: 5px;
	width: 395px;
}

.FondSupprTypeFamille {
	background-image: url(/admin/images/FondModifTypeFamille.gif);
	float: left;
	margin:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	height: 60px;
	padding-top:10px;
	width: 395px;
}

.FondModifUnite {
	background-image: url(/admin/images/FondModifTypeFamille.gif);
	margin:0px;
	height: 50px;
	padding-top:25px;
	overflow:hidden;
	border: 1px solid #999999;
	text-align:center;
}

TD.Relief {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #999999;
}

div#ModificationProduit {
	background-color: #F2F2F2;
	border: 1px solid #BBBBBB;
	padding: 5px;
	background-image: url(/admin/images/fond_detail_produit.gif);
	background-repeat: repeat-x;
}

#DesignationProduit {
	color: #666666;
	background-color: #EFEFEF;
	border: 1px solid #999999;
	padding: 10px;
	text-align:justify;
	margin-bottom: 10px;
}

div.GestionOptionType {
	padding: 5px;
}

div.BoutonAssocierType {
	text-align: right;
	margin: 5px;
}

div.BoutonAssocierOption {
	text-align: right;
	margin: 5px;
}


td.BarreVertGrise {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.NomOptionTypeProduit {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
}

.NomCoutProduit {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;

}

.TitreTypeFamille {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left:10px;
}

.OptionsUniteDansProduit {
	margin-top: 10px;
	border-top: 1px solid #999999;
	padding:5px;
}


ul.ListeOptionsDansProduit {
	margin:0px;
	padding-left: 20px;
	padding-top: 10px;
}

li.ListeOptionsDansProduit {
	color:#666666;
	margin-left: 10px;
	list-style-type: square;	
}

/** LIENS DE L'ENTETE **/

a.header:link {
	color: #6633CC;
	text-decoration: none;
}
a.header:visited {
	color: #333333;
	text-decoration: none;
}
a.header:hover {
	text-decoration: none;
	color: #000099;
	/* background-color: #C2D3DD;*/
}

/** MENU CLIENT **/

a.SpecialMenuClient:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #006699;
	border: 1px solid #0066CC;
}

/** LIENS DU SITE **/
a:link {
	color: #6633CC;
	text-decoration: none;
}
a:visited {
	color: #003399;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #9900FF;
}


/** MENU FLOTTANT **/
#MenuFloat {
	position: absolute;
	left: 0px;
	top: 200px;
	z-index: auto;
	width: 200px;
}

/** INFOBULLES **/
#Legend {
	position: absolute;
	z-index: 1;
}

/** CLASSES DE TEXTES **/

.Centrer {
	text-align:center;
}

.Arial12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Arial14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.Arial12Gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.Arial12GrasItalique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	background-color:#999999;
	color: #FFFFFF;
}
.MSssSerif10Bleu {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #000066;
}
.MSssSerif10Rouge {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #FF0000;
}
.MSssSerif10 {
	font-family: "MS Sans Serif";
	font-size: 10px;
}
.Courrier12 {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
}
.Courrier14 {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
}
.Courrier10 {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
}

.Trebuchet14 {
	font-family: "Trebuchet MS";
	font-size: 16px;
}

.Trebuchet12 {
	font-family: "Trebuchet MS";
	font-size: 12px;
}


.Gras {
	font-weight: bold;
}

.NonGras {
	font-weight: normal;
}

.gris {
	color: #999999;
}

.grisfonce{
	color: #666666;
}
.Noir {
	color: #000000;
}

.Rouge {
	color: #FF0000;
}

.Vert {
	color: #009900;
}

.Centrer {
	text-align:center;
}

.Verdana10Gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#FFFFFF;
	color: #999999;
}
.Verdana10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.SelectOptionRouge {
	color:#FF0000;
}

.SelectOptionVert {
	color: #009900;
}

.SelectOptionGris {
	color: #999999;
}

.SelectOptionOrange {
	color:#FF6600;
}

.SelectOptionJaune {
	color:#CC9900;
}


/** GENERAL CYCLE LIGNES DE TABLEAU **/

.FondGrisClair {
	background-color:#EFEFEF;
}

.FondBlanc {
	background-color:#FFFFFF;
}

/** UTILISEE DANS LE COMPTE : OPTION SOUSCRITE **/
.FondVertPastel {
	background-color:#E6F3DE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBE2AF;
}


/** TITRES **/
.MenuTitre {
	font-family: "MS Sans Serif";
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.TitreAdmin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000066;
}
.sousTitreAdmin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/** TABLEAUX **/
td.FondMenu {
	/* background-image: url(/images/degrade_menu.gif); */
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
table.TableauDetail {
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
table.Warning {
	border: 3px solid #FF0000;
	background-color: #F5F5F5;
}
table.ContourNoir {
	border: 1px solid #000000;
}
table.ContourGris {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
.ContourRelief {
	border-top: 1px solid #999999;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #999999;
}
.ContourRelief2 {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
}

td.separation {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.TraitBasGris {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.TraitGaucheGris {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

/** FORMULAIRES **/

select#famille_produit_id {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	padding: 2px;
	width:120px;
}

select#type_produit_id {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	padding: 2px;
	width:120px;
}

select.produits_etat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	padding: 2px;
	width:135px;
}

select.ListeUnite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	padding: 2px;
	width:120px;
}


select#type_produit_recursivite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	width:60px;
}


.Submit {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	text-indent: 5px;
	background-image: url(/images/fondegradegris.gif);
	vertical-align:middle;
}

.ModifCompte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	text-indent: 2px;
	}

/** ARBO **/
table.ContourNoir {
	border: 1px solid #000000;
}
td.DroitNoir {
	border-right: 1px solid #000000;
}
table.BasGris {
	border-bottom: 1px solid #666666;
}



/** CREATION COMPTE **/
table.EtapeTitre {
	font-family: "MS Sans Serif";
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	background-image: url(/images/fondetapetitre.gif);
	background-repeat: no-repeat;
	}
table.EtapeContenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	}

table.EtapeContenuRouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6C2D2D;
	border: 1px solid #6C2D2D;
	background-color: #FFFFFF;
	}

table.EtapeFooter {
	background-color: #CCCCCC;
	}

.Etape {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 3px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	vertical-align:middle;

}

.Radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 0px solid #EFEFEF;
	background-color: #FFFFFF;

}

.EtapeObligatoire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #f5f5f5;
	text-indent: 2px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 2px solid #CC0000;
}

.EtapeErreur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
}
.TexteEtape {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

/** DIVERS **/
td.DroitGris {
	border-right: 1px solid #999999;
}

ul.MenuClient {
	list-style-image: url(/images/folder.gif);
	list-style-position: outside;
	margin-top: 0px;
	margin-left: 20px;
	padding-left: 10px;
	margin-bottom: 5px;
}

ul.MenuClientNiveau2 {
	list-style-image: url(/images/compte-16x16.gif);
	list-style-position: outside;
	margin-top: 0px;
	margin-left: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}

ul.PuceCompte {
	list-style-image: url(/images/puce_compte.gif);
	list-style-position: outside;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
}
.TexteEncadre {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	background-color: #F5F5F5;
	border: 1px solid #999999;
	margin: 5px;
}

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

}

/************************************************** MENU ****************************************************/
<!--
#LienBoutique {
	text-align:center;
}

.MenuTitreXXX {
	background:url(/admin/images/menu.fond.titre.gif);
	height: 25px;
	padding-top: 5px;
	color:#000000;
	text-align:center;
}

#MenuTitreClients {
	background:url(/admin/images/fond_menu_clients.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}

#MenuTitreComptes {
	background:url(/admin/images/fond_menu_comptes.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}

#MenuTitreRoutage {
	background:url(/admin/images/fond_menu_routage.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}

#MenuTitreEmails {
	background:url(/admin/images/fond_menu_emails.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}

#MenuTitreOptions {
	background:url(/admin/images/fond_menu_options.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}
-->

/**************** MENUS *****************/
#MenuGlobal {
	width : 170px;
	font-family: "MS Sans Serif";
	font-size: 10px;
	text-align:center;
}

.BlocMenu {
	margin-top: 20px;
	margin-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align:left;
}

.MenuContenu {
	padding: 5px;
}

#MenuTitreCommande {
	background:url(/admin/images/fond_menu_clients.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}

#MenuTitreProduits {
	background:url(/admin/images/fond_menu_comptes.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}

#MenuLangues {
	background:url(/admin/images/fond_menu_langues.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}

.MenuTitre {
	background:url(/admin/images/fond_menu_comptes.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}

/**************** MENU DROITE *****************/

#GlobalMenuDroite {
	position:relative;
	font-family : "MS Sans Serif";
	font-size   : 10px;
	width       : 180px;
	float       : right;
}

#MenuTitreImages {
	background:url(/admin/images/fond_menu_comptes.gif);
	height: 12px;
	padding: 5px;
	color:#FFFFFF;
}

/**************** MENUS *****************/

/******************************************** MENU BOUTIQUE ************************************************/

/******************************************* MENU FRONTOFFICE **********************************************/

.BlocMenuFF {
	margin-top: 0px;
	margin-left: 10px;
	text-align:left;
}

.mainlevel {
	display: block;
	color: #000000;
	font-weight: bold;
	width: 170px;
	height: 18px;
	font-family: "Trebuchet MS";
	font-size:13px;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(/images/Bouton_MainLevel.png);
	background-repeat: no-repeat;
}

.sublevel {
	display:block;
	font-family: "Trebuchet MS";
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom:7px;
	margin-left : 0px;
	background-image: url(/images/Bouton_Sublevel.png);
	background-repeat: repeat-y;
}

.sublevel2 {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom:0px;
	margin-left : 0px;
	background-image: url(/images/Bouton_Sublevel.png);
	background-repeat: repeat-y;
}

a.sublevel:link {
	font-family: "Trebuchet MS";
	font-size:12px;
	vertical-align: middle;
	color: #333333;
	text-align: left;
}

a.sublevel:visited {
	font-family: "Trebuchet MS";
	font-size:12px;
	vertical-align: middle;
	color: #333333;
	text-align: left;
}

a.sublevel:active {
	padding-left : 15px;
	color: #CC33FF;
	font-weight: bold;
	text-decoration: none;
}

a.sublevel:hover {
	text-decoration: none;
	padding-left:10px;
	color: #666666;	
}



div#Zone_MesComptes {
	padding-top : 5px;
	padding-left:10px;
}



/************ CASE D'ALERTE ****************/
div#AlertePanier {
	position: absolute;
	top : 40px;
	left : 260px;
	width: 406px;
	height: 258px;
	display: block;
	background-image: url(/images/dialogue_vista.png);
	background-repeat: no-repeat;
}

div#AlertePanierHeader {
	height:28px;
	width:400px;
	cursor: default;
}

div#AlertePanierHeaderLabel {
	width: 100px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-left:35px;
	margin-top:8px;
	cursor: default;
}

div#AlertePanierFermer {
	position: absolute;
	width: 28px;
	height: 15px;
	top: 7px;
	left: 363px;
}

div#AlertePanierMessage {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #333333;
	text-align: center;
	margin-top: 25px;
	height: 70px;
}

div#AlertePanierFooter {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #333333;
	margin:20px;
	text-align:center;
}

div#AlertePanierFooterTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align:left;
	/* margin-bottom:15px; */
}

/********** ALERTE ERREUR ************/

div#AlerteErreur {
	position:absolute;
	top : 55px;
	left : 275px;
	width:406px;
	height:258px;
	display:block;
	background-image: url(/images/dialogue_erreur.png);
	background-repeat: no-repeat;
}



div#AlerteErreurHeader {
	height:28px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-left:35px;
	margin-top:8px;
}

div#AlerteErreurFermer {
	position:absolute;
	width:28px;
	height:15px;
	top:7px;
	left:363px;
}

div#AlerteErreurMessage {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #333333;
	text-align:center;
	margin-top:15px;
	height:70px;
}

div#AlerteErreurFooter {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #333333;
	margin:20px;
	text-align:right;
	padding-top:20px;
}

div#AlerteErreurFooterTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align:left;
	/* margin-bottom:15px; */
}


/************ CASE D'ALERTE ****************/
div#AlerteNotification {
	position: absolute;
	top : 40px;
	left : 260px;
	width: 406px;
	height: 258px;
	display: block;
	background-image: url(/images/dialogue_vista.png);
	background-repeat: no-repeat;
}

div#AlerteNotificationHeader {
	height:28px;
	width:400px;
	cursor: default;
}

div#AlerteNotificationHeaderLabel {
	width: 100px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-left:35px;
	margin-top:8px;
	cursor: default;
}

div#AlerteNotificationFermer {
	position: absolute;
	width: 28px;
	height: 15px;
	top: 7px;
	left: 363px;
}

div#AlerteNotificationMessage {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #333333;
	text-align: center;
	margin-top: 25px;
	height: 70px;
}

div#AlerteNotificationFooter {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #333333;
	margin:20px;
	text-align:center;
}

div#AlerteNotificationFooterTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align:left;
	/* margin-bottom:15px; */
}



/********** BOUTON **************/
div.BoutonGlobal {
	position:relative;
	float:left;
	height : 25px;
	vertical-align:middle;
	width:100px;
}

div.BoutonGlobalLong {
	position:relative;
	float:left;
	height : 25px;
	vertical-align:middle;
}

div.Bouton01 {
	position:relative;
	float:left;
	width: 7px;
}

div.Bouton02 {
	position:relative;
	float:left;
	background-image: url(/images/bouton/bouton_02.png);
	background-repeat: repeat-x;
	height : 25px;
	cursor: pointer;	
}

div.Bouton03 {
	position:relative;
	float:left;
	width: 7px;
}

div.BoutonTexte {
	position:relative;
	margin-top:4px;
	font-family:"Trebuchet MS";
}

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

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

#infosTypeEntreprise {
	margin-bottom:15px;
}

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

.InputFormObligatoire {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #FF0000;
	border:#FF0000 solid 2px;
	background-color:#FFE6E7;
	width:160px;
	background-image: url(/images/backoffice/fond_input.gif);
	background-repeat: repeat-x;
	margin-bottom:3px;
}

.InputFormObligatoire2 {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #000000;
	background-color:#FFFFFF;
	width:160px;
	background-image: url(/images/backoffice/fond_input.gif);
	background-repeat: repeat-x;
	margin-bottom:3px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 3px solid #FF0000;
}


.FondSubmit {
	font-family: "Trebuchet MS";
	font-size: 11px;
	background-image: url(/images/backoffice/fond_input_submit.gif);
	background-repeat: repeat-x;
	border:#666666 1px solid;
	height:20px;
	width:70px;
}

.FondSubmitOr {
	font-family: "Trebuchet MS";
	font-size: 11px;
	background-image: url(/images/backoffice/fond_input_submit_or.gif);
	background-repeat: repeat-x;
	border:#666666 1px solid;
	height:20px;
	width:70px;
}

.FormSubmit {
	position:relative;
	height:50px;
	width:300px;
	/* border:#FF0000 1px solid; */
}

.DIVBoutonSoumettre {
	position:absolute;
	top : 15px;
	left: 80px;
	width:70px;
}


.DIVBoutonAnnuler {
	position:absolute;
	top : 15px;
	left: 160px;
	width:70px;
	font-family: "Trebuchet MS";
	font-size: 11px;
	background-image: url(/images/backoffice/fond_input_submit.gif);
	background-repeat: repeat-x;
	border:#666666 1px solid;
	height:18px;
	text-align:center;
}

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;
}

.telephone {
	height:20px;
}

.mail {
	height:20px;
}

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

.BigTitle {
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight:bold;
	color: #78B493;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:15px;
	background-image: url(/images/client.fond_titre.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-left:5px;
	clear: none;
	width: 730px;
	position: relative;
}


/************************ UTILISE EN BO ET EN FO *************************/

.CommonTitre {
	font-size:21px;
	color:#4D569B;
	margin-bottom:0px;
	text-align:left;
}

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


#ColonneGauche {
	position:relative;
	float:left;
	width:348px;
	font-family: "MS Sans Serif";
	font-size: 12px;
	color: #666666;
}

#ColonneDroite {
	position:relative;
	float:left;
	width:348px;
	font-family: "MS Sans Serif";
	font-size: 12px;
	color: #666666;
	margin-left:15px;
}

div#ContenuMainIn {
	width       : 720px;
	margin-left : 0px;
	font-family : "Trebuchet MS";
}

/*hr.Gris1px {
	height : 1px;
	border:none;
}
*/

.RightButton {
	position:absolute;
	top : -3px;
	right : 0px;
	width: 20px;
	height: 20px;
}

.RightButton2 {
	position:absolute;
	top : -3px;
	right : 20px;
	width: 20px;
	height: 20px;
}

.RightButton3 {
	position:absolute;
	top : -3px;
	right : 40px;
	width: 20px;
	height: 20px;
}

.RightButton4 {
	position:absolute;
	top : -3px;
	right : 60px;
	width: 20px;
	height: 20px;
}

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

.FondSubmit {
	font-family: "Trebuchet MS";
	font-size: 11px;
	background-image: url(/images/backoffice/fond_input_submit.gif);
	background-repeat: repeat-x;
	border:#666666 1px solid;
	height:20px;
	width:70px;
}

.FormSubmit {
	position:relative;
	height:50px;
	width:300px;
	/* border:#FF0000 1px solid; */
}

.DIVBoutonSoumettre {
	position:absolute;
	top : 15px;
	left: 80px;
	width:70px;
}


.DIVBoutonAnnuler {
	position:absolute;
	top : 15px;
	left: 160px;
	width:70px;
	font-family: "Trebuchet MS";
	font-size: 11px;
	background-image: url(/images/backoffice/fond_input_submit.gif);
	background-repeat: repeat-x;
	border:#666666 1px solid;
	height:18px;
	text-align:center;
}

.TitreAvecOnglet {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #666666;
	background-repeat: no-repeat;
	height:30px;
	padding-left:5px;
}

/**** EXCEPTION TITRE ****/

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

/* -------------------- OPTIONS -------------------- */

div#ListeOptions {
	margin-top:20px;
}

div#DetailProduitOptionTitre {
	font-size: 13px;
	color: #9966CC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align:center;
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(/images/boutique.fond_options_dispo.gif);
}

div.OptionColonne1 {
	position:relative;
	float:left;
	width:400px;
	margin-top:15px;
	text-align:left;
	padding-right:20px;
}

div.OptionColonne2 {
	position:relative;
	float:right;
	width:120px;
	text-align:center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	background-image: url(/images/boutique.fond_col3.gif);
	background-repeat: repeat-x;
	padding-bottom:10px;
	margin-top:20px;
}

div.DetailProduitOptionNom {
	margin: 5px;
	font-weight: bold;
	color: #333333;
	font-size: 12px;
}

div.DetailProduitOptionDesc {
	margin: 15px;
	color: #666666;
	font-size: 12px;
	text-align:justify;
}

.DetailProduitOptionCout {
	text-align:center;
	margin-top:15px;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}


div.InputQuantite {
	position:relative;
	float:left;
	height:20px;
	margin:0px 0px 0px 15px;
}

div.PlusMoins {
	position:relative;
	float:left;
	width : 10px;
	height: 22px;
	padding:0px;
	margin:0px 0px 0px 0px;
	cursor: pointer;
}

div.Plus {
	width : 10px;
	height: 10px;
	padding:0px 0px 0px 0px;
	margin:3px 0px 0px 0px;
}


div.Moins {
	width : 10px;
	height: 10px;
	padding:0px 0px 0px 0px;
	margin:3px 0px 0px 0px;
}

/****** CAS OU IL N'Y A PAS D'OPTIONS *******/
div#PasdOption {
	margin:20px;
	padding-top:15px;
	text-align:center;
	border-top: 1px dotted #CCCCCC;
}

/********** EVENEMENTS ************/

#Zone_lien_evenement {
	display:block;
	margin-top:15px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666666;
	border-top:1px solid #CCCCCC;
	background-image: url(/images/boutique.fond_inv_clair.gif);
	background-repeat: repeat-x;
}

#Zone_liste_evenements {
	display:none;
	margin-top:15px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666666;
	border-top:1px solid #CCCCCC;
	background-image: url(/images/boutique.fond_inv_clair.gif);
	background-repeat: repeat-x;
}