body
{
	background-color: White;
	margin: 0;
	padding: 0; /*background-image : url(../images/logosCasamanCamen.gif);*/
	background-repeat: no-repeat;
	background-position: left top; /*text-align: center;*/ /*FONT-FAMILY: helvetica, Verdana, sans-serif; */
	font-family: Helvetica, Verdana, Arial, sans-serif;
	height: 100%;
}

/*couleur des liens par default*/
a
{
	color: #a71056;
	text-decoration: none;
	font-size: 9pt;
}
.inputLeft
{
	text-align: right;
}

.lienBleuSouligne
{
	color: Blue;
	font-size: 9pt;
	text-decoration: underline;
}
.lienBlancSouligne
{
	color: #FFFFFF;
	font-size: 9pt;
	text-decoration: underline;
}
.lienRougeSouligne
{
	color: #a71056;
	font-weight: 600;
	font-size: 9pt;
	text-decoration: underline;
}
.lien_accueil
{
	color: #9fd21b;
	text-decoration: underline;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.lienVert
{
	color: #009bbb; /*#6A4061;*/
	text-decoration: none;
	font-weight: 600;
	font-size: 7pt;
}

.lienTitre
{
	font-size: 10pt;
	font-weight: normal;
	color: #766a62;
}

.divDocument
{
	padding: 10px;
	overflow: auto; /*HEIGHT: 400px;*/
	background-color: White; /*border:solid 2px #766a62;*/ /* coloration des barres ne fonctionne que sous ie*/
	scrollbar-face-color: #a71056;
	scrollbar-highlight-color: #766a62;
	scrollbar-arrow-color: white;
	scrollbar-track-color: white;
	scrollbar-shadow-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-Color: white;
}

/*a utiliser avec un tableau pour centrer verti et hori le contenue de la page*/
.divCentrePage
{
	position: absolute;
	left: 190px;
	top: 120px;
	width: 730px;
	height: 540px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}

/*-----------------------------Positionnement du tableau de login------------------------*/

.calibre
{
	/*position:absolute; 	left: 190px;  	top: 120px;*/
	width: 730px;
	height: 540px;
}

/*-------------------------Positionnement du compte utilisateur---------------------------*/
.divcalibre
{
	position: absolute;
	left: 195px;
	top: 120px;
	width: 730px;
	height: 540px;
	margin-left: 75px;
	vertical-align: middle;
	text-align: center;
}
.FondColore
{
	background-color: #bcbdc0;
	font-size: 11px;
	font-weight: 600;
	color: White;
	text-align: center;
}
.FondColore2
{
	background-color: #bcbdc0;
	font-size: 11px;
	font-weight: 600;
	color: White;
	text-align: center;
}
.FondColore3
{
	background-color: #bcbdc0;
	font-size: 11px;
	font-weight: 600;
	color: White;
	position: absolute;
	z-index: 750;
	top: 120px;
	left: 200px;
	text-align: center;
}

.FondColore .titreSection
{
	border-bottom: solid 2px White;
	height: 30px;
	font-size: 9pt;
	font-weight: 900;
	color: White;
}
.FondColore .texteBeige
{
	font-size: 9pt;
	font-weight: 600;
	color: White;
}


.FondColore .titreSection2
{
	border-bottom: solid 2px White;
	height: 30px;
	font-size: 9pt;
	color: White;
}

.FondColore2 .titreSection
{
	border-bottom: solid 2px White;
	height: 30px;
	font-size: 9pt;
	font-weight: 900;
	color: White;
}
.FondColore2 .texteBeige
{
	font-size: 9pt;
	font-weight: 600;
	color: White;
}
/* l'adresse de TexDecor*/
.divTxtAdresse
{
	position: absolute;
	top: 900px;
	left: 400px;
	text-align: center;
	font-size: 11px;
}
/* le menu*/
.tabMenu
{
	/*width: 900px; 	position:absolute; 	top:3px; 	left:10px;*/
	font-size: 8pt;
	color: White;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
}
.texteAccueil
{
	font-size: 9pt;
	font-weight: 500;
	line-height: 20pt;
}
.texteAccueil a
{
	font-size: 9pt;
	font-weight: 500;
	color: #a71056;
}
/* les liens du menu*/
.tabMenu a
{
	/*position:absolute;*/
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
/*les cases du menu*/
.tabMenu .noir0
{
	height: 67px;
	margin: 0px;
	padding: 0px;
	background-color: black;
	font-size: 30pt;
	font-weight: lighter;
	text-align: right;
}

.drapeauxMenu
{
	background-color: black;
	text-align: right;
}
.image
{
	margin: 0px;
	padding: 0px;
	display: block;
}
.imageLogo
{
	margin-left: 12px;
	margin-top: 12px;
	margin-bottom: 0px;
	padding: 0px;
	display: block;
}


.tabMenu .unselected
{
	height: 20px;
	background-color: #bcbdc0;
}
.tabMenu .selected
{
	height: 20px;
	background-color: #76787b;
}

.tabMenu .gris0
{
	height: 20px;
	background-color: #bcbdc0;
}
.tabMenu .gris1
{
	height: 20px;
	background-color: #9c9ea2; /*#9b8f89;*/
}
.tabMenu .gris2
{
	height: 20px;
	background-color: #8a8c8f; /*#8d7f77;*/
}
.tabMenu .gris3
{
	height: 20px;
	background-color: #76787b; /*#85746b;*/
}
.tabMenu .gris4
{
	height: 20px;
	background-color: #626366; /*#7f6f67;*/
}
.tabMenu .gris5
{
	height: 20px;
	background-color: Black; /* #766a62;*/
}

/* les boutons*/
.boutonImprimer
{
	background-color: #e37222;
	padding: 1px;
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	width: 120px;
	height: 25px;
	color: White;
	font-size: 7pt;
	text-decoration: none;
	border: none;
	cursor: hand;
}

.boutonValider
{
	background-color: #7ab800;
	padding: 1px;
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	width: 88px;
	height: 25px;
	color: White;
	font-size: 7pt;
	text-decoration: none;
	border: none;
	cursor: hand;
}
/*bouton pour les tableaux : c'est la case du tableau qui prend la couleur*/
.boutonTransparent
{
	background-color: Transparent;
	margin: 0px;
	padding: 1px;
	color: White;
	font-size: 7pt;
	text-decoration: none;
	border: none;
	width: 140px;
	cursor: hand;
}

.boutonAjouter
{
	background-color: #009bbb; /*#6a4061;*/
	padding: 1px;
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	width: 88px;
	height: 25px;
	color: White;
	font-size: 7pt;
	text-decoration: none;
	border: none;
	cursor: hand;
}

.boutonCommander
{
	background-color: #38b0d0; /*#7D9AAA;*/
	padding: 1px;
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	width: 220px;
	height: 25px;
	color: White;
	font-size: 7pt;
	text-decoration: none;
	border: none;
	cursor: hand;
}

.boutonHisto
{
	background-color: #6a4061;
	padding: 1px;
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	width: 220px;
	height: 25px;
	color: White;
	font-size: 7pt;
	text-decoration: none;
	border: none;
	cursor: hand;
}

.boutonAnnuler
{
	background-color: #6a4061;
	padding: 1px;
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	width: 88px;
	height: 25px;
	color: White;
	font-size: 7pt;
	text-decoration: none;
	border: none;
	cursor: hand;
}

.lienAnnuler
{
	background-color: #a71056;
	padding: 6px;
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	width: 88px;
	height: 25px;
	color: White;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	border: none;
	cursor: hand;
}
.boutonDeconnecter
{
	background-color: #bcbdc0;
	margin: 4px;
	padding: 1px;
	width: 130px;
	height: 19px;
	color: White;
	font-size: 7pt;
	text-decoration: none;
	border: none;
	cursor: hand;
}
.boutonStock
{
	background-color: #bcbdc0;
	margin: 4px;
	padding: 1px;
	width: 50px;
	height: 19px;
	color: White;
	font-size: 7pt;
	text-decoration: none;
	border: none;
	cursor: hand;
}

/* les information sur le client et le user à gauche*/
.divMenuClient
{
	position: absolute;
	left: 0px;
	top: 110px;
	width: 175px;
	height: 600px;
	text-align: left;
	background-color: #626366; /*#766a62;*/
	padding: 1px;
	color: White;
	font-size: 9pt;
}

.divMenuClient .texteBeige
{
	font-size: 9pt;
	font-weight: 400;
	color: #ffffff;
}

.divEncoursClt
{
	background-color: #a71056;
	font-size: 11px;
	font-weight: 400;
	color: White;
	margin-left: 30px;
	padding: 6px;
}
.texteBeigeGras
{
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
}
.texteBeige
{
	text-align: left;
	font-size: 8pt;
	font-weight: 600;
	color: Black /*#766a62;*/;
}
.texteErreur
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: red;
}
.txbDataGrig
{
	color: #000000;
	font-size: 8pt;
	vertical-align: middle;
	text-align: right;
}
/* class d'une textbox non editable*/
.txbDataGrigOff
{
	color: #000000;
	font-size: 8pt;
	vertical-align: middle;
	text-align: right;
	background-color: Gray;
	cursor: default;
}
.texteNoir
{
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}
.txbInfo
{
	cursor: help;
}
.titreSection
{
	border-bottom: solid 2px Black; /*#766a62; */
	height: 30px;
	font-size: 9pt;
	font-weight: 600;
	text-align: left;
}

.titreSection2
{
	border-bottom: solid 2px Black; /*#766a62; */
	height: 30px;
	font-size: 9pt;
	text-align: left;
	color: Black;
}

.titreSection a
{
	color: Black;
}

.PanelRechercheClient
{
	padding: 15px;
	background-color: Gray;
}
/*entete du tableau de commande*/
.lib_affect
{
	color: #FFFFFF;
	background-color: #929498;
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: solid 2px black;
}
.entete_datagrid
{
	color: #FFFFFF;
	background-color: #929498; /*#929498 #766a62;*/
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: solid 2px black;
}
.divFondBlancCmd
{
	overflow: auto;
	height: 250px;
	background-color: White;
}
.invisibleHeaderStyle
{
	border-collapse: separate;
	border: none;
	background-color: Transparent;
}

.contenu
{
	color: #000000;
	font-size: 7pt;
	vertical-align: middle;
	background-color: White; /*#a89d99;*/
	border: solid 2px black; /*text-align:center;*/
}

.contenu a
{
	font-size: 7pt; /*color:#a71056;*/
	text-decoration: none;
}

.contenuLienBleu a
{
	color: #009bbb; /*#38b0d0;White;*/
	text-decoration: none;
	font-size: 7pt;
}
.contenuLienBleu
{
	text-align: center;
	color: #000000;
	font-size: 7pt;
	vertical-align: middle;
	background-color: white;
	border: solid 2px black;
}


.footerDataGrid
{
	text-align: center;
	border: solid 2px black;
	background-color: #929498;
	vertical-align: middle; /*pour effacer les fleches inutiles */
	color: #929498;
}
.footerDataGrid a
{
	text-align: center;
	color: White;
	text-decoration: none;
	font-size: 18px;
}

.footerDataGridCmd
{
	text-align: center;
	border: solid 2px black;
	background-color: #929498;
	vertical-align: middle; /*pour effacer les fleches inutiles */
	color: #929498;
}
.footerDataGridCmd a
{
	text-align: center;
	color: White;
	text-decoration: none;
	font-size: 10px;
}

/* style pour ajouter une bordure au case "Total HT de la commande","Taxe(19.6%)" et "Total TTC"*/
.footerCommande td
{
	border: 1px solid black;
}


/* style pour les boutons*/
input.bouton
{
	color: #6d6e71;
	background-color: #f1e9e6;
	font-size: 8pt;
	width: 80px;
}


/*style pour les tables qui font le contour beige : position et cellPadding à affecter dans le code html*/
.tableContourBeige
{
	border-collapse: collapse; /* <=> cellspacing=0*/
	padding: 15px;
	border: 2px solid #f1e9e6;
}


.tableFond
{
	width: 1024px;
	height: 768px;
}

.divBtDeconnecter
{
	text-align: center;
	position: absolute;
	bottom: 8px;
	left: 20px;
	right: auto;
}

.modalBackground
{
	background-color: Blue;
	filter: alpha(opacity=30);
	opacity: 0.3;
	z-index: 110;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.modalBackgroundPopup
{
	background-color: Gray;
	filter: alpha(opacity=90);
	opacity: 0.9;
	z-index: 110;
	position:fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-style: none;
}

div a img
{
	border: 0;
}

div.collectionImages
{
	margin-left: 20px;
	margin-right: 10px;
	width: 550px;
}

div.collectionImages img
{
	margin: 4px;
}

div.carousel-container div.button
{
	clear: both;
	width: 100%;
}

div.carousel-container a.linkZipCollection
{
	font-size: 7pt;
	background-color: #6a4061;
	
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	width: 220px;
	height: 25px;
	color: White;
	margin-bottom: 1px;	
	margin-top: 20px;	
	text-decoration: none;
	border: none;
	cursor: hand;
	padding-left: 15px;	
	margin-right:5px;
	float: right;
	font-weight: 600;
}

div.Accordion
{
	margin-left: 15px;
	margin-right: 15px;
}

div.AccordionCollection
{
	width: 700px;
}

div.AccordionMarque
{
	width: 730px;
}