html  
{
    padding: 0px; 
    margin: 0px; 
    height: 100%; 
}
body {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-family: Tahoma;
    font-size: 12pt;
    color: black;
    background-position: left top; 
    background-repeat: no-repeat;
    overflow-x: hidden;
}
form  {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.RootPage { color: #E0EFFF; }
.DetailsPageHeader {
    background-color: #F1F1F1;
    padding-top: 15px;
    padding-left: 15px;
    width: 100%;
}
.Form { padding-left: 20px; padding-right: 20px; }
.Main { width: 1%; }
.Clear { clear: both; }
.HeadlineSpacing {}
a { color: #346DAD; }
.RootPage a { color: #99CBFF; }
.StatusImage { margin-left: 5px; vertical-align: bottom; }
.Header {
    padding: 0px;
    padding-top: 19px;
    padding-bottom: 17px;
    padding-left: 0px;
}
.Navigation {
    width: 1%;
    padding-right: 10px;
}
.MainBanner { margin-top: 34px; }
.Banners { margin-top: 11px; }
.OnceBanner { margin-top: 20px; }
.Slogan { white-space: nowrap; margin-left: -5px; color: White; font-size: 42px; font-family: Tahoma; position: absolute; line-height: 65%; padding-top: 8px; }
.MiniSlogan { white-space: nowrap; color: #ACDAFA; font-size: 18px; margin-left: 3px; }
.BannerLime a { color: #FFFFFF; }
.BannerLime { color: #FFFFFF; font-size: 10px; line-height: 130%; }
.Content {
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 0px;
}
hr {
    height: 1px;
    border: 0px;
    border-top: Solid 1px #BBD7DD;
    display: block;
    width: 200px;
}
.RootPage {
    padding-left: 35px;
    line-height: 140%;
}
.ControlActionSpacing {
    padding-left: 17px;
}
.GridViewHeaderStyle {    
    background-repeat: repeat-x;
}
.GridViewHeaderStyle th { font-weight: normal; }
.Footer {
    font-size: 11px;
    color: #6E839F;
    padding-left: 0px;
    padding-top: 54px;
    padding-bottom: 23px;
}
.Features b { font-weight: normal; color: #9CD5FF; font-size: 16px; font-family: Tahoma; display: block; margin-top: 6px; margin-bottom: 5px; }
div.Spacer {
    overflow: hidden;
    width: 1px;
    height: 1px;
}
.Title img { margin-right: 12px; }
.Title h1.h1Blue {
    font-family: Tahoma;
    font-size: 25px;
    display: inline;
    font-weight: normal;
    padding: 0px;
	margin: 0px;
    color: #346DAD;
}
.Title h2.h2Gray {
    font-family: Tahoma;
    font-size: 25px;
    display: inline;
    font-weight: normal;
    padding: 0px;
	margin: 0px;
    color: #A9A9A9;
}
p {
	margin: 0px;
	padding: 0px;  
	margin-top: 8px;
    font-size: 12px;
}
p.h1, p.h2, p.h3, h1, h2, h3 {
    font-family: Tahoma;
	color: #818180; 
	margin: 0px;
	padding: 0px;
	background-color: Transparent!important;
}
p.h2, p.h3, h2, h3  {
	font-size : 12px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 11px;
}
p.h3, h3  {
	font-size : 10px;
	margin-bottom: 8px;
}
.think { font-weight: normal; }
pre {
    margin-top: 23px;    
    margin-bottom: 23px;
    font-family: Courier New;
    font-size: 13px;
    padding: 20px;
    color: #000000;
    background-color: #FFFFFF;
}
pre.NoIndent { margin: 0px; background-color: #EDF3F4; }
table, td { font-size: 100%;}
.DemoInfoLabel {
	color: Red;
	font-size: 11px;
	font-family: Verdana;
	white-space: nowrap;
}
textarea, select, input { font-size: 11px; font-family: Tahoma; }
textarea, select { background-color: #FFFFFF; }
textarea { border: 1px solid #000000; }
textarea.Code {
    border: 1px solid #9D9D9D; 
    font-size: 11px; 
    font-family: Tahoma; 
    background-color: #FFFFFF; 
    color: #000000; 
}
div.Events {
    border: 1px solid #9D9D9D; 
    padding: 2px; 
    font-size: 11px; 
    font-family: Tahoma; 
    background-color: #FFFFFF; 
    overflow: auto; 
    height: 200px;     
    color: #000000; 
}
textarea.EditSample {
    width: 398px;
    border: solid 1px #C3D9FF; 
    padding: 0px; 
    margin: 0px;
    font-size: 11px; 
    font-family: Tahoma; 
    background-color: #FFFFFF; 
    overflow: auto; 
    height: 200px;     
    color: #000000;
    margin-top: -1px; 
}
div.LoadingDiv { vertical-align: middle; text-align: center; }
.PopupControlTemplate img { border: solid 1px #F3F3F3; }
.PopupControlTemplate .Hover { border: dotted 1px #454545; }
div.Events table, div.Events td { color: #000000; }
.Cursor { cursor: pointer }
.NoWrap { white-space: nowrap; }
.ActionGroupIndent { padding-top: 30px; }
.ActionItemIndent { padding-top: 10px; }
input.DemoButton { width: 75px; height: 23px; }
input.BigButton { width: 120px; height: 23px; } 
a.LinkButton { color: #0451A7; text-decoration: underline; }
.DemoLabel { padding-left: 6px; white-space: nowrap; color: #666666; }
.NoLeftIndent { padding-left: 0px; }
.CaptionLabelIndent { padding-left: 0px; display: block; padding-bottom: 4px; }
td.ActionMainLabel { padding-bottom: 6px; font-size: 12px; font-weight: bold; }
td.ActionPanel { width: 100%; padding-bottom: 4px; }
.EventMonitor { padding-left: 7px; padding-right: 7px; padding-bottom: 2px; }
img.HideBorder { border-width: 0px!important; }
.Show { display: block; }
.ShowInline { display: inline; }
.Hide { display: none; }
.CheckBoxLeftIndentCorrect { padding-left: 6px; }
.CheckBoxTopIndent { padding-bottom: 10px; }
.TableCheckBoxLeftIndentCorrect { margin-left: 6px; }
.Bold { font-weight: bold; }
.ActionLabel { white-space: nowrap; width: 1%; }
td.InfoPanel { padding-left: 24px; }
td.InfoPanelGroupItem { padding-left: 30px; }
td.InfoPanelLabel { padding-left: 3px; }
table.InfoPanelIndent { margin-top: 8px; }
span.blue { color: #293ACF; font-weight: normal; }
span.black { color: #333333; }
textarea.InactiveColor { color: Gray; }
.FontNormal { font-weight: normal!important; }
.Hint { border: solid 1px #A8A8A8; background-color: #FEFFDE; color: #5A5A5A; padding: 10px; font-size: 10px; }
.FontSmall, .FontSmall * { font-size: 11px!important; }
.ClearIndent { margin: 0px; padding: 0px; }
.NoTopIndent { margin: 0px; }
table.CodeLabel { margin-top: 13px; }
.BlackBorder { border: solid 1px #000000; }

.Gray { color: #333333; }
div.sampleCSS span { font-size: 8pt; font-family: Verdana; font-weight: bold; }
.UserHelpTopic { width: 100%; font-size: 11px; }
.WhiteAreaHeadline { background-color: #FFFFFF; border: solid 1px #78BACF; }
.WhiteControlArea { font-size: 12px; background-color: #FFFFFF; color: #3D3D3D; padding: 16px; font-family: Verdana; line-height: 20px; margin: 0px; }
.WhiteControlArea img { cursor: pointer;vertical-align: baseline; margin: 0px 0px 0px 1px; }
.WhiteControlArea img { width: 10px; height: 20px; cursor: pointer; cursor: pointer; vertical-align: middle; margin: 0px 0px 0px 2px; }
.WhiteControlArea span>img { vertical-align: top; }
.PopupControlCSAPI { }

.TabbedMenuTableSide {
    width: 1px;
    height: 28px;   
    overflow: hidden;
}
.TabbedMenu .rootItem table {
}

.TabbedMenu .rootItemHover table {
}

.TabbedMenu .rootItemSelected table {
}
.TabbedMenu .rootItem div, 
.TabbedMenu .rootItemHover div, 
.TabbedMenu .rootItemSelected div {
    padding: 0px;
    margin: 0px;
}
    
.TabbedMenu .rootItem div {
    height: 26px;
    border-top: solid 1px #D8D8D8;
    border-bottom: Solid 1px #A3A3A3;
}
.TabbedMenuSideBorders {
    border-bottom: Solid 1px #A3A3A3;
}
	 
.TabbedMenu .rootItemHover div, 
.TabbedMenu .rootItemSelected div {
    height: 27px;
    border-top: none;
}
.TabbedMenu .rootItem table, 
.TabbedMenu .rootItemHover table, 
.TabbedMenu .rootItemSelected table {
    border-collapse: collapse;
    border-width: 0px;
    margin-left: 1px;
    margin-right: 1px;
    background-repeat: repeat-x;
    background-position: top;
}
.TabbedMenu .rootItem th, 
.TabbedMenu .rootItemHover th, 
.TabbedMenu .rootItemSelected th {
    padding: 7px;
	padding-top: 6px;	
	white-space: nowrap;
    font-weight: normal;
}
.TabbedMenu .rootItemHover th, 
.TabbedMenu .rootItemSelected th {
    padding-top: 7px;
}
.TabbedMenu .WhiteBorderRight { border-right: solid 1px White; }
.TabbedMenu .rootItemSelected div {
    border-bottom: 0px;
}

.tbOffice2003 {
    width: 102px; 
    height: 12px;
    background-color: #FFFFFF; 
    border: solid 1px #000080; 
    vertical-align: middle; 
    padding: 2px;
    margin-left: 2px; 
    margin-right: 2px;
}

.cbDemoHead {
    margin: 4px 0px;
    padding: 5px 10px;
    background: #dcdcdc;
    border: solid 1px #ababab;
    font-size: 12px;
    color: #404040;
}
.cbDemoLink {
    cursor: pointer;
    color: #4889db;    
}
.cbDemoDescription 
{
    color: Black;
    padding: 0px 0px 5px 12px;    
    margin-bottom: 11px;
    font-size: 11px;
    font-family: Tahoma;
}
/* GridView */
.templateTable {
    border-collapse: collapse;
    background-color:#F3F8F7;
}
.templateTable td {
    border: solid 1px #C2D4DA;
}
.templateCaption {
    background-color:#ECF2F3;
}
/* End GridView */

.DataViewItemTop { margin-bottom: 16px; }
.DataViewItemTop a { font-size: 10px; color: #666666; text-decoration: underline; }
.DataViewItemTitle { font-size: 13px; margin: 6px 0px; }        
.DataViewItemTitle a { color: blue; text-decoration: underline; }        
.DataViewItemPrice { color: black; font-size: 14px; font-weight: bold; }

.centeredContentContainer { text-align: center; }
.lienRetour a.link { font-size: 12px; }


table.customRadioButton input 
{
      width: 20px;
      display: block;
      float: left;
}
table.customRadioButton label {
      display: block;
      float: left;
      margin-top:3px;
}

table.customRadioButtonWithSpace input 
{
      width: 20px;
      display: block;
      float: left;
}
table.customRadioButtonWithSpace label {
      display: block;
      float: left;
      margin-top:3px;
   }
   
table.customRadioButtonWithSpace td
{
     padding-bottom:6px ;
}

.dxeReadOnly_TextBox Input,
.dxeReadOnly_TextBox td
{ 
    background-color:#d8d8d8!important;
}
   
/* don't insert code below */
html>/**/body div.MaxWidth { max-width: 800px; }
div.MaxWidth { width: inherit; }
html:lang(en) div.MaxWidth { max-width: 800px; }
.tbOffice2003 { height: auto!important; }


ul.dx 
{
	float: none!important;
}


td.dxdvItem_PlasticBlue,
td.dxdvFlowItem_PlasticBlue
{
	font: 12px Verdana;
	color: black;
	background-color: #FFFFFF;
	border: 1px Solid #CCCCCC;
	padding: 12px 12px 12px 14px;
	height: Auto;	
}


.dxMemoStyleForQuestion textarea {
    font-family: Tahoma;
	font-size: 12px;
    overflow: auto !important;
}


.dxMemoStyleForConfirmation td, .dxMemoStyleForConfirmation {
    overflow: hidden !important;
    font-family: Tahoma;
    font-size: 12px;
    border-style: none;
    width: 95%;
}

.dxMemoStyleForConfirmation textarea {
    font-family: Tahoma;		 
    font-size: 12px;
    overflow: hidden !important;      
    border-style: none;
    border: none;	
}


.dxMemoStyleForMessage td, .dxMemoStyleForMessage
{	
	overflow: hidden !important;	
	border-style:none;	
	Width:100%;
	Height:35px;
}

.dxMemoStyleForMessage textarea {
        font-family: Arial;
        font-size: small;
        overflow: hidden !important;
        z-index: 105;
        border-style: none;
} 

.dxMemoStyleForBoite textarea {
    z-index: 105;   
	overflow: auto !important; 
} 

.aspFileUpload textarea {
    font-family: Arial;
	font-size: Small;
	width: 95%;    	  
}

/* tableau grid view */

.dxgvHeader_PlasticBlue {
cursor: pointer;
white-space: nowrap;
padding: 5px 4px 4px 8px;
border-top: 1px none #2c4182;
border: 1px solid #2c4182;
background: #003366 url('Web/gvHeaderBackground.gif') repeat-x top;
overflow: hidden;
font-weight: normal;
text-align: left;
}

.dxgvEditFormDisplayRow_PlasticBlue td.dxgv,
.dxgvDataRow_PlasticBlue td.dxgv,
.dxgvDataRowAlt_PlasticBlue td.dxgv,
.dxgvSelectedRow_PlasticBlue td.dxgv,
.dxgvFocusedRow_PlasticBlue td.dxgv
{
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-top-width: 0;
	border-left-width: 0;
	padding: 2px 2px 3px 4px;
}

.dxmLite_PlasticBlue .dxm-vertical
{
	width: 100% !important;
}


.messageNoteBasPage {
    font-family: Arial;
	font-size: 11px;
    color: #565656;
    overflow: hidden !important;
	z-index: 105;   

} 

.messageSousLabel {
    font-family: Arial;
    font-size: 11px;
    color: #565656;    
} 

.dxeBase_PlasticBlue {
    font: 12px Tahoma;
}

.dxmLite_PlasticBlue ul.dx
{
	font: 11px Tahoma;
}

.pastille {
    text-align: center;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    width: 70px;
    color: #fff;
    cursor: default;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
}

.pastillegridcell {
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    width: 70px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;    
    margin: auto;
    display: block;
    margin-top: 7px;
}

.vert {   
    background-color: #118C4E;
}

.noir {   
    background-color: #404040;
}

.rouge {   
    background-color: #B71427;
}

.bleu {   
    background-color: #44749D;
}

/* modification au style */
.dxmLite_PlasticBlue .dxm-horizontal .dxm-separator b {
     background: transparent; 
}

.dxeButtonEditButton_PlasticBlue
{
    padding: 0 2px;
    background: #223672 repeat-x top;
    border: 1px Solid #2c4182;
}

.dxgvFooter_PlasticBlue td.dxgv
{
    color: Black;	
    background-color: #ededed;  
    padding: 6px 6px 7px;	
    border-bottom: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
}

.dxnbLite_PlasticBlue .dxnb-header,
.dxnbLite_PlasticBlue .dxnb-headerCollapsed 
{
    background: #003366;
    border: 1px solid #003366;
    /*background: #3F5396 url('nbHeaderBack.gif') repeat-x;*/
    border: 1px solid #2C4182;
    margin: 0;
    padding: 4px 4px 6px 8px;
    cursor: pointer;
    white-space: nowrap;
    clear: both;
}

.dxgvPagerTopPanel_PlasticBlue,
.dxgvPagerBottomPanel_PlasticBlue
{
    padding: 6px 0;
    background-color: #FFFFFF;
}

.dxgvPreviewRow_PlasticBlue td.dxgv {
    color: Red;
    background-color: #FFC8C8;
    padding: 15px;
}

.dxgvSelectedRow_PlasticBlue {
    background-color: #E0EDFF;
}

.dxgvEditFormDisplayRow_PlasticBlue,
.dxgvDataRow_PlasticBlue,
.dxgvDataRowAlt_PlasticBlue,
.dxgvSelectedRow_PlasticBlue,
.dxgvFocusedRow_PlasticBlue,
.dxgvFocusedRow_PlasticBlue a.dxeHyperlink_PlasticBlue
{
    color: black;
}

.dxgvSelectedRow_PlasticBlue td.dxgvCommandColumn_PlasticBlue a, .dxgvFocusedRow_PlasticBlue td.dxgvCommandColumn_PlasticBlue a, .dxgvPreviewRow_PlasticBlue td.dxgvCommandColumn_PlasticBlue a {
    color: #5555ff;
}

.GroupHeaderStyle a:visited * {
    color: White !important;
}

.padding-left-10px {
    padding-left: 10px;
}

.height-34px {
    height: 34px;
}

.padding-10px-0-10px-20px {
    padding: 10px 0 10px 20px
}

.font-size-12px {
    font-size: 12px;
}

.font-size-16px {
    font-size: 16px;
}

.display-none {
    display: none;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.color-gray707171 {
    color: #707171;
}

.font-family-Arial {
    font-family: Arial;
}

.witdh100pc {
    Width: 100%;
}

.width100px {
    Width: 100px;
}

.width20px {
    Width: 20px;
}

.width100pc {
    Width: 100%;
}

.dxpcLite_PlasticBlue .dxpc-header, .dxdpLite_PlasticBlue .dxpc-header {
    background: #003366 repeat-x top !important;
    border: 1px solid #003366 !important;
}

/* list box dev express */
.dxeListBoxItemSelected_PlasticBlue {
    color: black;
    background-color: #E0EDFF;
}