/*Data GRid*/
.dijitDialogUnderlayAutre {
    filter: alpha(opacity=50);
    z-index: 1;
}

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

/*************************************** 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: #ffffff;
    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: 4px 8px 2px 4px;
    background-color: #473116;
    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: 22px;
    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;
}