html,body
{
	overflow: auto;
	height:100%;
	width:100%;
}

Body 
{
	vertical-align:top;
	font-family:Arial;
	height:100%;
}

td 
{
	font-family:Arial;
}

.panelTitle
{
	vertical-align:Middle;
	font-weight:bold;
	Font-Size:0.8em;	
}

/*
	le selector P ci dessous pour la page login.aspx
	pour que les retours chariot saisis dans le editeur html se comporte comme
	un retour à le ligne et non pas un mise en forme paragraphe avec des marges
*/
.HtmlEditorCompatibility p
{
	margin:0;
	padding:0;
}

.PageHeaderPanel
{
	background-repeat : repeat-x;
	Width:100%;
	Height:70px;
	color:White;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0; 	
}


.updateProgress
{
	background-color:White;
    border: solid 1px #DDECFE;
    position:absolute; 
	width:130px; 
	height:50px;    
}

.updateProgressMessage
{
	margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}


GeneralMenuBar 
{
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
}

.WebPartTitleStyle
{
	background-image: url(../images/header_blue_26px.bmp);
	Height:20px;
	vertical-align:Middle;
	font-weight:bold;
	Font-Size:0.8em;
	color:White;
	border-style:None;
}

.WebPartPanel
{
	background-color:#FFFFFF;

}

.GvPanelContainer
{
	max-height:200px;	
}

.ListPanelContainer
{
	border: 3px solid white;
	background-color : #EBEBFA;
}

.accordionHeader
{
    background-image: url(../images/header_blue_26px.bmp);
	Height:20px;
	vertical-align:Middle;
	font-weight:bold;
	Font-Size:0.8em;
	color:White;
	border-style:None;
    cursor: pointer;
}

.testGrid
{
	overflow:hidden;	
}

.AmountText
{
	text-align:right;	 	
}


.GridviewStyle
{
	background-color:Silver;
	border-style:none;
	border-width:0px;
}

.GridviewRowStyle
{
	background-color:#FFFFFF;
	border-style:solid;
	border-color:Silver;
	border-width:1px;
	font-size:0.8em;
	font-family:Arial;
	 	
}

.GridviewAlternatingRowStyle
{
	background-color:#FFFFFF;
	border-style:solid;
	border-color:Silver;
	border-width:1px;
	font-size:0.8em;
	font-family:Arial;
	 	
}


.GridviewHeaderStyle
{
	overflow: auto;
	background-color: #87CEFA;
	border-style: none;
	border-color: Silver;
	border-width: 1px;
	font-size: 1.1em;
	font-family: Arial;
	/*position:relative;
    top:expression(this.ParentNode.offsetParent.scrollTop);*/

}


.GridviewCurrencyCellStyle
{
	text-align:right;
		 	
}

.MenuBarPanel
{
	background-color:#DDECFE;
	border-style:none;
	font-size:10pt;
	font-family:Arial;
}

.OrderLinesPanel
{
	overflow:scroll;	
	font-size:1.0em;
}

.ArtDesignColumn
{
	overflow:hidden;
	width:auto;	
}

.TxtBox
{
	padding-right:1px;	
	border-width:1px;
	border-color:Silver;
	border-style:solid; 
}

.TxtBoxNumber
{
	text-align:right; 
	padding-right:1px;	
	border-width:1px;
	border-color:Silver;
	border-style:solid; 
}

.TxtReadOnly
{
	background-color:#FFFACD;	 	
}

.BasicButton
{
	background-color:Blue;
	background-image:url(../images/header_blue_26px.bmp);
	font-family:Arial;
	border-style:none;
	font-size:1.0em;
	font-weight:bold;
	height:26px;
	vertical-align:middle;
	cursor:pointer;
	
}


/* ================================================================================== */

.IconHover
{
	border: solid 1px #888888;
	background-color: #CBCBCB;	
}

/* === DEBUT ======================================================================== */ 
/*	Classe permettant d'imiter l'apparence du skin Office 2003 Blue de DevExpress     */
/* ================================================================================== */

.OfficeButton
{
  	color: #000000;    
	font-size: 9pt;
	font-family: Tahoma;				    
	font-weight:normal;
	vertical-align: middle;	 		
	border: solid 1px #6a8ccb;
	background: url('../images/buttonBackground.gif') repeat-x center bottom #d7e8fd;
	margin:0px;
	padding:1px;
	height:26px;
	vertical-align:middle;
	cursor:pointer;
}

.OfficeButtonHover 
{
  	color: #000000;    
	font-size: 9pt;
	font-family: Tahoma;				    
	font-weight:normal;
	vertical-align: middle;	 		
	border: solid 1px #000080;
	background: url('../images/buttonBackgroundHover.gif') repeat-x center bottom #fff2c8;
	margin:0px;
	padding:1px;
	height:26px;
	vertical-align:middle;
	cursor:pointer;
}

.OfficeTextBox
{
	border: solid 1px #4F93E3;
	font-size: 9pt;
	font-family: Tahoma;				    
	font-weight:normal;	
}

.OfficePanel 
{
	border: solid 1px #002D96;
	background:#FFF;
}

.OfficePanel thead
{
	background:#DDECFE url('../images/panelHeaderBackground.gif') repeat-x scroll center bottom;
	/*border-bottom:1px solid #002D96;*/
	color:black;
	font-family:Tahoma;
	font-size:9pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:4px 12px;
}

.OfficePanel thead>tr>td
{
	border-bottom:1px solid #002D96;
	height:15px;
}

.OfficePanel tfoot
{
	background-color:#DDECFE;
}

.OfficeBorder
{
	border-top: solid 1px #6a8ccb;
	border-left: solid 1px #6a8ccb;
}

.OfficeBorder td
{
	border-bottom: solid 1px #6a8ccb;
	border-right: solid 1px #6a8ccb;
}

/* === FIN ======================================================================== */ 

/* === DEBUT ======================================================================== */ 
/*	Classe permettant d'imiter l'apparence du skin Office 2003 Blue de DevExpress     */
/* ================================================================================== */

.RedWineButton
{
  	color: #000000;    
	font-size: 9pt;
	font-family: Tahoma;				    
	font-weight:normal;
	color:White;
	vertical-align: middle;	 		
	border: solid 1px #8a0a37;
	background: url('../images/buttonBackground_RedWine.gif') repeat-x center bottom #d45583;
	margin:0px;
	padding:1px;
	height:26px;
	vertical-align:middle;
	cursor:pointer;
}

.RedWineButtonHover 
{
  	color: #000000;    
	font-size: 9pt;
	font-family: Tahoma;				    
	font-weight:normal;
	color:White;	
	vertical-align: middle;	 		
	border: solid 1px #d14d7c;
	background: url('../images/buttonBackgroundHover_RedWine.gif') repeat-x center bottom #d45583;
	margin:0px;
	padding:1px;
	height:26px;
	vertical-align:middle;
	cursor:pointer;
}

/* === FIN ======================================================================== */ 

.SearchCell
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.DetailviewRowStyle
{
/*	
	border-style:none;
	border-color:Silver;
	border-width:1px;
*/
	border: solid 0px #000;
	font-size:0.9em;
	font-family:Arial;
	width:96%;
	vertical-align:middle;
	background-color: #DDECFE;
	text-align:left;
	padding-left:5px;
}



.DetailviewHeaderStyle
{
	background-color: #DDECFE;
	border: solid 0px #000;
/*	
	border-style: none;
	border-color: Silver;
	border-width: 1px;
*/
	font-size: 0.9em;
	font-family: Arial;
	vertical-align:middle;
	text-align:right;
}

.MenuDynamicMenuItemStyle
{
	text-align:left;
	vertical-align:middle;
}

.DDL1
{
	margin-top:1px;
	margin-bottom:1px;
	font-size:1.0em;
}

/* ombre sur les images */

.ombreCarousel { 
  float:right;
  background: url(../images/drop-shadow.png) no-repeat bottom right !important;
  background: url(../images/drop-shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.ombreCarousel table {
  display: block;
  position: relative;
  border:1px solid #002D96;
  margin: -6px 6px 6px -6px !important;
  margin: 0px 6px 6px 0px;
}

/* === DEBUT ======================================================================== */ 
/*	Calendrier         */
/* ================================================================================== */

/*
.MyDayWeekendClass
{
  	color:#C00000;
	border:1px solid #4F93E3;  	
	background-color: #B5CEF2;	
	cursor:normal;
}*/

.DaysPanel 
{
	background:#FFF;
}

.DaysPanel thead
{
	background:#DDECFE url('../images/panelHeaderBackground.gif') repeat-x scroll center bottom;
	/*border-bottom:1px solid #002D96;*/
	color:black;
	font-family:Tahoma;
	font-size:9pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:4px 12px;
}

.DaysPanel thead>tr>td
{
	border-bottom:1px solid #002D96;
	height:15px;
}

.DaysPanel tfoot
{
	background-color:#DDECFE;
}


.DaysHeaderLine
{
}

.DaysHeaderCell
{
	text-align:center; 	
	border-bottom:1px solid #4F93E3;  	
	width:20px;
}

.DaysBodyCell
{
	border:1px solid #FFF;  	
	text-align:center; 	
	width:20px;
}

.DaysForbiddenCell
{
	text-align:center; 	
	color:#4F93E3;
	border:1px solid #4F93E3;  	
	background-color: #B5CEF2;			
	width:20px;
}

.DaysSelectedCell
{
	text-align:center; 	
	color:black;
	border:1px solid #33CC66;  	
	background-color: #33CC66;		
	width:20px;	
}

.DaysTable
{
	color:black;
	font-family:Tahoma;
	font-size:9pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

/* === FIN ======================================================================== */


/* === Deb ======================================================================== */ 
/*	tableau comme DevExpress         */
/* ================================================================================== */

.OfficeTable
{
	color:Black;
	cursor:default;
	font:9pt Tahoma;
}

.OfficeTable thead
{
	background:#DDECFE url('../images/panelHeaderBackground.gif') repeat-x scroll center bottom;
	/*border-bottom:1px solid #002D96;*/
	color:black;
	font-family:Tahoma;
	font-size:9pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:4px 12px;
}

.OfficeTable thead>tr
{
	border-top:1px solid #4F93E3;
	border-left:1px solid #4F93E3;	
}


.OfficeTable thead>tr>td
{
	border-bottom:1px solid #4F93E3;
	border-right:1px solid #4F93E3;	
	height:20px;
	padding : 3px;
}

.OfficeTablePair 
{
	border-top:1px solid #BFD3EE;
	border-left:1px solid #BFD3EE;
	background-color:white;
}


.OfficeTablePair>td
{
	border-bottom:1px solid #BFD3EE;
	border-right:1px solid #BFD3EE;
	padding : 3px;	
}

.OfficeTableImpair 
{
	border-top:1px solid #BFD3EE;
	border-left:1px solid #BFD3EE;	
	background-color:#DFEEFF;	
}


.OfficeTableImpair>td
{
	border-bottom:1px solid #BFD3EE;
	border-right:1px solid #BFD3EE;	
}

.OfficeTable td.mydxgvBigFont
{
	font-size:2.0em;
	padding : 8px;
}


/* === FIN ======================================================================== */


/* PAGE CATALOGUE */
.televenteTitle
{
    color: #ff0000 !important;
    background-color: #ffff99 !important;
    font: bold 14px arial !important;
}
/* pagination manuel */
/* le "2" à la fin pour ne pas rentrer en conflit avec les classes DevExpress */
.dxpCurrentPageNumber2
{
    *margin-left: 5px;
    padding: 3px;
    padding-bottom: 2px;
    background-color: #c1d7f8;
    position: relative;
    top: 2px;
}
/* pagination manuel */
/* le "2" à la fin pour ne pas rentrer en conflit avec les classes DevExpress */
.dxpPageNumber2
{
    color: #404040 !important;
    font: 9pt Tahoma;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
/* pagination manuel */
/* le "2" à la fin pour ne pas rentrer en conflit avec les classes DevExpress */
.dxpCurrentPageNumber2, .dxpPageNumber2
{
    *position: relative;
    *top: 4px;
}
/* STYLE MOSAIQUE */ 
.smallItemBG1, .smallItemBG2, .smallItemBG3 
{
    font: 9px arial;
    height: 80px;
    border: 1px solid #dcecfe;
    float: left;
    margin: 0.2%;
} 
.smallItemBG1
{
    background-color: #dcf0fe;
} 
.smallItemBG2
{
    background-color: #f1faff;
} 
.smallItemBG3 /* => assortiment */
{
    background-color: #fff9f9;
}       
/* STYLE MINIATURE */
.bigItemBG1, .bigItemBG2, .bigItemBG3
{
    font: 9px arial;
    height: 280px;
    border: 1px solid #dcecfe;
    float: left;
    margin: 0.2%;
} 
.bigItemBG1
{
    background-color: #dcf0fe;
}
.bigItemBG2
{
    background-color: #f1faff;
}
.bigItemBG3 /* => assortiment */
{
    background-color: #fff9f9;
}
/* LIGNES SPECIALES => 9997, 9998, 9999 */
#lineSpecial
{
    width: 100%;
    height: 18px;
    clear: both;
    font: bold 14px arial;
    padding: 3px 0 4px 0;
}
.libelleQte 
{
    color: #333333;
    font-size: 11px; 
    margin: 0 2px 0 2px;
}
.lienEnSavoirPlus 
{
    font-size: 11px; 
    color: #4f93e3; 
    cursor: pointer;
}
/* PAGINATION LGI */
.dxWeb_pPrev
{
    background: url("../images/blue/PreviousEnable.png") repeat-x !important;
    width: 20px !important;
    height: 19px !important;
}
.dxWeb_pPrevDisabled
{
    background: url("../images/blue/PreviousDisabled.png") repeat-x !important;
    width: 20px !important;
    height: 19px !important;
}
.dxWeb_pNext
{
    background: url("../images/blue/NextEnable.png") repeat-x !important;
    width: 20px !important;
    height: 19px !important;
}
.dxWeb_pNextDisabled
{
    background: url("../images/blue/NextDisabled.png") repeat-x !important;
    width: 20px !important;
    height: 19px !important;
}
.dxpCurrentPageNumber
{
    background-color: #c1d7f8;
}
.dxpPageNumber
{
    color: #404040 !important;
}
/* Surlignement de la gridview article de la page catalogue */
#pageCatalogue .dxgvDataRow_Office2003_Blue:hover 
{
    background-color : #FFCC99;
}

/* changement de couleur du TreeView DevExpress sur le noeud sélectionné */
/*
.dxtlSelectedNode_Office2003_Blue, 
.dxtlFocusedNode_Office2003Blue
{
	color: #5788D7 !important;
	background-color : #B8D1F3 !important;
}
*/