/*Data GRid*/

.dijitGrid { width:100%;}
/*div.dijitGridBody {height:90%; overflow:auto;}*/
.CartoucheTab{font-size:11px;color:#0E4932;background-color:#CDCDCC;border:0px solid #FFFFFF;padding:5px;font-weight:bold;}
.EnteteTab{font-size:11px;color:#000000;background-color:#fce7f8;border:0px solid #FFFFFF;padding:7px;padding-left:15px;}
.EnteteTabLink{font-size:11px;color:#000000;background-color:#fce7f8;border:0px solid #FFFFFF;padding:7px;cursor:pointer;text-decoration:underline;padding-left:15px;}
.EnteteVide{font-size:11px;color:#FFFFFF;border:0px solid #FFFFFF;padding:5px;}
.EnteteTabAsc{font-size:11px;color:#000000;background-color:#f5b4e9;border:0px solid #FFFFFF;padding:7px;background-image : url(../Images/Widget/arrowUp.gif);background-repeat:no-repeat;background-position:left;cursor:pointer;text-decoration:underline;padding-left:20px;}
.EnteteTabDsc{font-size:11px;color:#000000;background-color:#f5b4e9;border:0px solid #FFFFFF;padding:7px;background-image : url(../Images/Widget/arrowDown.gif);background-repeat:no-repeat;background-position:left;cursor:pointer;text-decoration:underline;padding-left:20px;}

.LigneIna{background-color:#FFFFFF;}
.LigneOver{background-color:#fce7f8;cursor:pointer;}

.LigneTab{border-bottom:1px solid #C0C0C0;padding:3px;}
.LigneTab1{border-bottom:1px solid #C0C0C0;padding:3px;}
.LigneTabAct{color:#ffffff;border:1px #456f61;padding:3px;}
.InputCellEdit{font-size:11px;color:#000000;}
.ContentTabAct{background-color:#DEE8DD;color:#000000;}
.LigneSelection{background-color:#CDCDCC;border:1px solid #FFFFFF;padding:3px;}
.Cartouche{width:100%;height:25px;background-color:#de14ba;color:#FFFFFF;padding-top:3px;}
.selectCartouche{font-size:11px;}

.StylePhoto{border:2px solid #AFAFAF;}
.contenerPhoto{position:absolute;width:0px;height:0px;background:#efefef; border:1px solid #b7b7b7;overflow:hidden;text-align:center;padding-top:5px;vertical-align:middle;  -moz-border-radius:6pt;  -webkit-border-radius:5pt;}


/*************************************** TOOLTIP ************************************************/
  .dijitTooltip {
    position: absolute;
    z-index: 2000;
    display: block;
    /* make visible but off screen */
    left: 50%;
    top: -10000px;
    overflow: visible;
}
/*
See http://trac.dojotoolkit.org/ticket/5006
.dijitTooltipDialog {
    position: relative;
}
*/
.dijitTooltipContainer {
    border: solid black 2px;
    background: #b8b5b5;
    color: black;
    font-size: small;
}

.dijitTooltipFocusNode {
    padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
    position: absolute;
}
.dijitTooltip,
.dijitTooltipDialog {
    /* the outermost dom node, holding the connector and container */
    opacity: 0.95;
    background: transparent;    /* make the area on the sides of the arrow transparent */
}

.dijitTooltipBelow {
    /* leave room for arrow above content */
    padding-top: 13px;
}

.dijitTooltipAbove {
    /* leave room for arrow below content */
    padding-bottom: 13px;
}

.dijitTooltipContainer {
    /*
        The part with the text.

        NOTE: 
            FF doesn't clip images used as CSS bgs if you specify a border
            radius. If you use a solid color, it does. Webkit gets it right.
            Sigh.
        background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
    */
    background-color: #FFFFFF;
    border:1px solid #b6c7d5;
    padding:0.45em;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.dijitTooltipConnector {
    /* the arrow piece */
    border:0px;
    z-index: 2;
}

 .dijitTooltipABRight .dijitTooltipConnector {
    left: auto !important;
    right: 3px;
}

 .dijitTooltipBelow .dijitTooltipConnector {
    /* the arrow piece for tooltips below an element */
    top: 0px;
    left: 3px;
     width:16px;
    height:14px;
}


.dijitTooltipAbove .dijitTooltipConnector {
    /* the arrow piece for tooltips above an element */
    bottom: 0px;
    left: 3px;
    width:16px;
    height:14px;
}


.dijitTooltipLeft {
    padding-right: 13px;
}
.dj_ie6 .dijitTooltipLeft {
    padding-right: 15px;
}
.dijitTooltipLeft .dijitTooltipConnector {
    /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
    right: 0px;
    bottom: 7px;
    width:16px;
    height:14px;
}


.dijitTooltipRight {
    padding-left: 13px;
}
.dijitTooltipRight .dijitTooltipConnector {
    /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
    left: 0px;
    bottom: 7px;
    width:16px;
    height:14px;
}
 .dijitTooltip,
 .dijitTooltipDialog {
    /* the outermost dom node, holding the connector and container */
    opacity: 0.95;
    background: transparent;    /* make the area on the sides of the arrow transparent */
}

.dijitTooltipBelow {
    /* leave room for arrow above content */
    padding-top: 13px;
}

.dijitTooltipAbove {
    /* leave room for arrow below content */
    padding-bottom: 13px;
}

 .dijitTooltipContainer {
    /*
        The part with the text.

        NOTE: 
            FF doesn't clip images used as CSS bgs if you specify a border
            radius. If you use a solid color, it does. Webkit gets it right.
            Sigh.
        background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
    */
    background-color: #fafafa;
    border:1px solid #b6c7d5;
    padding:0.45em;
    border-radius: 6px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 6px;
}

 .dijitTooltipConnector {
    /* the arrow piece */
    border:0px;
    z-index: 2;
}

 .dijitTooltipABRight .dijitTooltipConnector {
    left: auto !important;
    right: 3px;
}

 .dijitTooltipBelow .dijitTooltipConnector {
    /* the arrow piece for tooltips below an element */
    top: 0px;
    left: 3px;
    background:url("../Images/Widget/tooltipConnectorUp.png") no-repeat top left;
    width:16px;
    height:14px;
}

.dj_ie6  .dijitTooltipBelow .dijitTooltipConnector {
    background-image: url("../Images/Widget/tooltipConnectorUp.gif");
}

 .dijitTooltipAbove .dijitTooltipConnector {
    /* the arrow piece for tooltips above an element */
    bottom: 0px;
    left: 3px;
    background:url("../Images/Widget/tooltipConnectorDown.png") no-repeat top left;
    width:16px;
    height:14px;
}
.dj_ie6  .dijitTooltipAbove .dijitTooltipConnector {
    background-image: url("../Images/Widget/tooltipConnectorDown.gif");
}

 .dijitTooltipLeft {
    padding-right: 13px;
}
.dj_ie6  .dijitTooltipLeft {
    padding-right: 15px;
}
 .dijitTooltipLeft .dijitTooltipConnector {
    /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
    right: 0px;
    bottom: 7px;
    background:url("../Images/Widget/tooltipConnectorRight.png") no-repeat top left;
    width:16px;
    height:14px;
}
.dj_ie6  .dijitTooltipLeft .dijitTooltipConnector {
    background-image: url("../Images/Widget/tooltipConnectorRight.gif");
}

 .dijitTooltipRight {
    padding-left: 13px;
}
 .dijitTooltipRight .dijitTooltipConnector {
    /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
    left: 0px;
    bottom: 7px;
    background:url("../Images/Widget/tooltipConnectorLeft.png") no-repeat top left;
    width:16px;
    height:14px;
}
.dj_ie6  .dijitTooltipRight .dijitTooltipConnector {
    background-image: url("../Images/Widget/tooltipConnectorLeft.gif");
}
/*************************************** DiaLOG ************************************************/ 
.dijitDialog {
    position: absolute;
    z-index: 999;
    padding: 1px;
}

.dijitDialogUnderlayWrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 998;
    display: none;
    background: transparent;
}

.dijitDialogUnderlay {
    background: #cccccc;
    opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
    filter: alpha(opacity=50);
}

.dijitDialog {
    background: #eee;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 5px 10px #adadad;
}

.dijitDialog .dijitDialogTitle {
    border-top: none;
    border-left: none;
    border-right: none;
}

.dijitDialog .dijitDialogPaneContent {
    background: #ffffff;
    border:none;
    border-top: 1px solid #ccc; /* #cddde9;    /* w/out this, an <h1> on the top line causes a gap between the .content and .label */
    padding:10px;

}

.dijitDialogTitleBar {
    /* outer container for the titlebar of the dialog */
    /*background: #fafafa url("../Images/Widget/titleBarBg.gif") repeat-x bottom left;*/
    /* border: 1px solid #bfbfbf; */
    padding: 2px 2px 2px 2px;
    background-color: #9f5a10;
    font-size:12px;
    line-height:18px;
    cursor: move;
    outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
    color:#FFFFFF;
}

.dijitDialogTitle {
    /* typography and styling of the dialog title */
    font-weight: bold;
    padding: 8px 12px 8px 12px;
    outline:0;
}

.dijitDialogCloseIcon {
    /* the default close icon for the dialog */
    background : url("../Images/Widget/tabClose.png") no-repeat right top;
    float: right;
    position: absolute;
    vertical-align: middle;
    right: 5px;
    top: 5px;
    height: 25px;
    width: 22px;
    cursor: pointer;
}
.dj_ie6 .dijitDialogCloseIcon {
    background-image: url("../Images/Widget/tabClose.gif"); 
}

.dijitDialogContent {
    /* the body of the dialog */
    padding: 8px;
}
/* dojox.image.Lightbox:base */
/* FIXME: should be be doing this? I want a black underlay, but this sets ALL dialogs to black,
    but because it's decendant of body, i can't set this color any other way ... */
.dijitDialogUnderlay {
    /*background-color:#000; */
}

.dojoxLightbox {
    position:absolute;
    z-index:999;
    overflow:hidden;
    width:100px;
    height:100px; 
    border:11px solid #fff;
    background:#fff url('../Images/Widget/loading.gif') no-repeat center center;

        /* special safari + FF specific rounding + shadows */
    -webkit-box-shadow: 0px 6px 10px #636363; /* #adadad; */
    -webkit-border-radius: 3px;
    -moz-border-radius:4px;
}

.dojoxLightboxContainer {
    position:absolute;
    top:0; left:0; 
}

.dojoxLightboxFooter {
    height:50px; 
    position:relative;
    bottom:0;
    left:0;
    margin-top:8px;
    color:#333;
    z-index:1000;
    font-size:10pt;
}

.dojoxLightboxGroupText {
    color:#666; 
    font-size:8pt;
}

.LightboxNext,
.LightboxPrev,
.LightboxClose {
    float:right;
    width:16px;
    height:16px;
    cursor:pointer;
}

/* dojox.image.Lightbox:tundra */
.LightboxClose {
    background:url('../Images/Widget/tabClose.png') no-repeat center center;
}
.LightboxNext {
    background:url('../Images/Widget/arrowRight.png') no-repeat center center;
}
.LightboxPrev {
    background:url('../Images/Widget/arrowLeft.png') no-repeat center center;
}


/* dojox.image.SlideShow */

.slideShowWrapper { 
    position:relative; 
    background:#fff;
    padding:8px; 
    border:1px solid #333;    
    padding-bottom:20px;
    overflow:hidden;
    text-align: center;
    -moz-border-radius:3pt;
    -webkit-border-radius:4pt;
    -webkit-drop-shadow:#ccc 4pt; 
}
.slideShowNav { 
    position:absolute;
    bottom:-18px;    
    left:0px;
    padding:0px 3px 2px 0px;
    background-color:#fff; 
    width:100%;
}
.slideShowNavWrapper { float:right;  }
.slideShowTitle {
    float:left;
    color:#333;
    font-size:10pt;
}
.slideShowTitle .slideShowCounterText {
    font-size:6pt; color:#666; 
}
.slideShowHidden {
    position:absolute;
    display: none;
    height: 1px;
    width: 1px;
}
.slideShowImageWrapper {
    position:relative;
    text-align: center;
    margin-top: -42px;
    float: left;
    width: 100%;
}
.slideShowImageWrapper img {
    border: 0px none;
}
.slideShowNotifier {
    background-color: red;
    width: 100px;
    height: 5px;
    font-size: 1%;/*IE hack to get around the Empty-Div bug*/
}
.slideShowSlideShow {
    position:absolute;
    top:30px; 
    padding: 0 5px;
    border: 0px;
    text-decoration: none; 
    color: #2e6ab1;
}
.slideShowLoading { background-color: #fad66a; }
.slideShowLoaded { background-color: transparent; }
/*
.sprite-arrowbottom { background-position: 0 -30px; } 
.sprite-arrowtop { background-position: 0 -430px; } 
*/
.slideShowCtrlPrev {
    background-position: -96px 0px; 
    float: left;
}
.slideShowCtrlNext {
    background-position: -144px 0px;
    float: right;
}
.slideShowCtrlPlay {
    background-position: -190px 0px;
    position: absolute;
}
.slideShowPaused .slideShowCtrlPlay {
    background-position: -236px 0px;
    position: absolute;
}
.slideShowCtrl span.slideShowCtrlHide {
    background-image: url("../Images/Widget/1pixel.gif");
    cursor: auto;
}

.slideShowCtrl {
    height: 50px;
    width: 100%;
    position: relative;
    z-index:999;
    float: left;
}
.slideShowCtrl span {
    width: 50px;
    height: 100%;
    background-image: url("../Images/Widget/buttons.png");
    cursor: pointer;
}
.dj_ie6 .slideShowCtrl span {
    background-image: url("../Images/Widget/buttons.gif");
}

.dj_ie6 .slideShowPager li.currentpage,
.dj_ie6 .pagination li.disablepage{
    /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
    margin-right: 5px;
    padding-right: 0;
}

/* dojox.image.ThumbnailPicker */

.thumbWrapper .thumbNav {
    background-repeat: no-repeat;    
    background-position: center;
    padding-top: 1px;
    width: 30px;
    height: 100%;
}

.thumbOuter {
    padding-bottom: 2px;
}

.thumbOuter.thumbHoriz {
    width: 500px;
    height: 85px;
}

.thumbOuter.thumbVert {
    width: 100px;
    height: 400px;
}

.thumbOuter .enabled {
    background: transparent url("../Images/Widget/buttons.png") no-repeat center center;
}
.dj_ie6 .thumbOuter .enabled { background-image: url("../Images/Widget/buttons.gif"); }

.thumbOuter .thumbNav img {
    width: 48px;
    height: 75px;
}
.thumbOuter .thumbClickable div {
    cursor: pointer;
}
.thumbOuter .prevHoriz {
    background-position: -96px 12px;
    position: relative;
    float: left;
    height: 100%;
}

.thumbOuter .nextHoriz {
    background-position: -144px 12px;
    position: relative;
    float: right;
    height: 100%;
/*    margin-top: -85px;*/
}
.thumbOuter .prevVert {
    background-position: 0px 0px;
    height: 48px;
    width:48px;
    margin-left:24px;
}

.thumbOuter .nextVert {
    background-position: -48px 0px;
    height: 48px;
    width:48px;
    margin-left:24px;
}

.thumbWrapper img {
    height: 75px;
    max-width: 100px;
    width: expression(this.width > 100 ? 100: true);/*IE Hack*/
}

.thumbWrapper .thumbNav .imageGalleryThumb {
    height: 50px;
}

.thumbWrapper .thumbNotifier {
    background-color: red;
    width: 0px;
    margin-left: 2px;
    height: 5px;
    font-size: 1%;/*IE hack to get around the Empty-Div bug*/
}

.thumbWrapper .thumbLoaded {
    background-color: transparent;    
}

.thumbScroller {
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
}

.thumbHoriz .thumbScroller {
    width: 500px;
    height: 85px;
    float: left;
}

.thumbVert .thumbScroller {
    height: 500px;
    width: 100px;    
}

.thumbWrapper {
    float: left;
}

.thumbVert .thumbWrapper {
    width: 100px;
    height: 10px;
}
.thumbHoriz .thumbWapper {
    height:85px;
    width: 10px;
}

.thumbWrapper.thumbHoriz div {
    float: left;
    padding-right: 2px;
}

.thumbWrapper.thumbVert {
    width: 100px;
}

.thumbWrapper.thumbVert div {
    padding-bottom: 2px;
}

/* dojox.image.Gallery */

.imageGalleryWrapper {
    padding-bottom: 20px;
    text-align: center;
}


/****************************************** TEXT BOX ****************************/
.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
	border: solid black 0px;
	width: 15em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
}

/* rules for safari to deal with fuzzy blue focus border */
.dijitTextBox input:focus,
.dijitComboBox input:focus,
.dijitSpinner input:focus {
	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused,
.dijitComboBoxFocused,
.dijitSpinnerFocused {
	/* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
	outline: auto 5px -webkit-focus-ring-color;
}

.dijitTextBox INPUT,
.dijitComboBox INPUT,
.dijitSpinner INPUT {
	padding: 0px;
	border-left: solid #1C1C1C 1px; /* TODO: for RTL mode should be border-right */
	display: inline;
	position: static !important;
	border: 0px !important;
	margin: 0px !important;
	vertical-align: 0em !important;
	visibility: visible !important;
	background-color: transparent;
	background-image: none !important;
	width: 100% !important;
	color: #FFFFFF;
}

/* #4711: prevent IE from over-expanding 100% width input boxes */
.dj_ie .dijitTextBox .dijitInputField,
.dj_ie .dijitComboBox .dijitInputField,
.dj_ie .dijitSpinner .dijitInputField {
	position:relative;
}
.dj_ie .dijitTextBox .dijitInputField INPUT,
.dj_ie .dijitComboBox .dijitInputField INPUT,
.dj_ie .dijitSpinner .dijitInputField INPUT {
	position:absolute !important;
	top:auto !important;
	left:auto !important;
	right:auto !important;
	bottom:auto !important;
	font-size:100%;
}

.dj_ie INPUT.dijitTextBox {
	font-size:100%;
}

/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
*/
.dijitValidationIcon { display: none; background-position-y:center; }
.dijitValidationIconText { visibility: hidden; }
.dijit_a11y .dijitValidationIcon { display: none !important; }
.dijit_a11y .dijitValidationIconText { display: block !important; }

.dijitTextBoxError .dijitValidationIconText,
.dijitComboBoxError .dijitValidationIconText,
.dijitSpinnerError .dijitValidationIconText {
	visibility: visible;
}

.dijitSpinner .dijitDownArrowButton,
.dijitSpinner .dijitUpArrowButton {
    padding: 0 .4em;
    border: 1px solid;
    line-height: .769em;
    /* TODO: as we use border-collapse, is this necessary? */
    border-left-style: none;
}
.dj_ie .dijitSpinner .dijitDownArrowButton,
.dj_ie .dijitSpinner .dijitUpArrowButton {
    padding: 0 .2em!important;
    text-align: center;
}
.dijitSpinner .dijitDownArrowButton div,
.dijitSpinner .dijitUpArrowButton div {
    text-align: center;
    font-size: .769em;
    line-height: 1em;
    vertical-align: baseline;
    margin: 0 auto;
}

.dijitTextBox .dijitDownArrowButton {
	/* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
	display:none;
}

 .dijitInputField INPUT,
 .dijitTextBox,
 .dijitComboBox,
 .dijitSpinner {
	margin: 0em 0.1em 0.0em 0.1em;
}

 .dijitTextBox,
 .dijitComboBox,
 .dijitSpinner,
 .dijitInlineEditor input,
 .dijitTextArea {
	/* 	For all except dijit.form.NumberSpinner:  the actual input element.
		For TextBox, ComboBox, Spinner: the table that contains the input.
		Otherwise the actual input element.
	*/
	/*background:#fff url("../Images/Widget/validationInputBg.png") repeat-x top left;
	#background:#fff url('../Images/Widget/validationInputBg.gif') repeat-x top left; */
	background-color: #1c1c1c;
	border:1px solid #1C1C1C;
	line-height: normal;
}

.dj_safari  INPUT.dijitTextBox {
	padding:0.15em 0em; /* make it roughly the same size as a validation input box */
}

.dj_ie  INPUT.dijitTextBox,
.dj_ie  TD.dijitInputField,
.dj_ie  .dijitInputField INPUT {
	height: 1.2em; /* needed since the INPUT is position:absolute */
}

 .dijitComboBox .dijitButtonNode,
 .dijitSpinner .dijitButtonNode {
	/* line between the input area and the drop down button */
	border-left:1px solid #9b9b9b;
}
 .dijitSpinner .dijitDownArrowButton {
	border-top:1px solid #9b9b9b;	/* line between top and bottom arrow */
}

 .dijitTextBoxFocused,
 .dijitComboBoxFocused,
 .dijitSpinnerFocused {
	/* input field when focused (ie: typing affects it) */
	border-color:#640508;
	background-color:#89191c;
}
 .dijitComboBoxFocused .dijitButtonNode,  .dijitSpinnerFocused .dijitButtonNode {
	border-left:1px solid #366dba;
}
 .dijitSpinnerFocused .dijitDownArrowButton {
	border-top:1px solid #366dba;
}

 .dijitTextBoxError,
 .dijitComboBoxError,
 .dijitSpinnerError {
	border:1px solid #640508;
	background-color:#ae262b;
	background-image:none;
}
.dj_ie6  .dijitTextBoxError input,
.dj_ie6  .dijitComboBoxError input,
.dj_ie6  .dijitSpinnerError input {
	/* background-color: transparent on an <input> doesn't work on IE6 */
	background-color:#ae262b !important;
}

 .dijitTextBoxErrorFocused,
 .dijitComboBoxErrorFocused,
 .dijitSpinnerErrorFocused {
	background-color:#89191c;
	background-image:none;
}
.dj_ie6  .dijitTextBoxErrorFocused input,
.dj_ie6  .dijitComboBoxErrorFocused input,
.dj_ie6  .dijitSpinnerErrorFocused input {
	/* background-color: transparent on an <input> doesn't work on IE6 */
	background-color:#ff6 !important;
}

/* Validation errors  */
 .dijitValidationIcon {
	/* prevent height change when widget goes from valid to invalid state, and
	 * workaround browser (FF and safari) sizing bugs when last table column is empty or display:null
	 */
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('../Images/Widget/warning.png');
	visibility: hidden;
}
 .dijitValidationIconText {
	display: none;
}

 .dijitTextBoxError .dijitValidationIcon,
 .dijitComboBoxError .dijitValidationIcon,
 .dijitSpinnerError .dijitValidationIcon {
	visibility: visible;
}