/**************************************************************************
** PROJECT :		DIV
** FILE NAME :		cadre.css
** CREATED :		05/04/07							BY :	Ludo Ran
** CONTENT :		Feuille de styles 
**
***************************************************************************/

.cadre { 
	display: none; 
	float: left; 
	position: absolute; 
	width: 400px; 
	margin: 0; 
	/*padding: 1px;*/
	z-index: 105;  
	scrollbar-arrow-color: #858d9b; 
	scrollbar-track-color: #e4e4e4; 
	scrollbar-face-color: #ffffff; 
	scrollbar-shadow-color: #8a8a8a; 
	scrollbar-highlight-color: #8a8a8a; 
	scrollbar-darkshadow-color: #ecf3ff; 
	scrollbar-3dlight-color: #ecf3ff; 
	/*border: 1px solid #aa1e1e;*/
}

.cadre iframe { 
	display: none; 
	display/**/: block; 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0;  
	filter: mask(); 
	background: none; 
	z-index: -1; 
}

.cadre_title { 
	float: left; 
	color : #FFF; 
	font: 11px helvetica; 
	font-weight: bold; 
	vertical-align: top; 
	padding-left: 100px; 
}

.cadre_titlebar { 
	float: left; 
	height: 18px; 
	background: url(../images/nav/cdttl.gif) repeat-x; 
	cursor: move; 
}

.cadre_titlebar_buttons { margin-left: 210px; }
.cadre_titlebar_buttons_button { cursor: pointer; float: right; margin: 1px 2px 0 0; }

.contenu { 
	float: left;
	clear: left; 
	width: 398px;
	width: 100%;
	max-height: 500px; 
	height: expression(this.scrollHeight > 500? "500px" : "auto" ); 
	background: #f4f4f4;
	border: 1px solid #aa1e1e;
	border-bottom: 0;
	overflow: auto; 
}

.cadre_footer {
	float: left;
	/*width: 398px;*/
	_width: 100%;
	height: 16px;
	background: #f4f4f4;
	border: 1px solid #aa1e1e;
	border-top: 0;
}

.cadre_resize {
	float: right;
	width: 16px;
	height: 16px;
	background: url(../images/seresize.gif) top right no-repeat;
	cursor: se-resize;
}

#printContainer {
	float:left;
	clear:left;
	margin: 0 0 15px 15px;
	font-family: helvetica;
	color: #333;
}

#printContainer h3 {
	font-size: 12px;
}

#printContainer label {
	float: left;
	clear: left;
	width: 100px;
	font-size: 11px;
	margin-top: 4px;
}

#printContainer span { float: left; clear: none; font-size: 11px; margin-top: 4px; }

#printContainer input, #printContainer select {
	float: left;
	width: 315px;
	font-size: 11px;
	margin-top: 4px;
}

#printBtn {
	float: left;
	clear: left;
	width: 95%;
	text-align: center;
	margin-top: 5px;
}

#printBtn input { float: none; }


/* FENETRE ARRET */
.divArret {
	position: absolute;
	top : 0px;
	left : 0px;
	z-index: 1000;
}
.frameCadre {
	display: none; display: block; position: absolute; top:0; left:0; z-index: -1; filter: mask(); width: 100%; height: 100%;
}

.divArret input {
	margin: 2px 4px;
	padding: 0;
	border: 1px solid #999 !important; 
}
.shadowb2, .shadowb3, .shcontent {
	position: relative;
	left : 0px;
	top: 0px;
}
.shadowb1 { 
	margin-left : 0px;
	background: #f1f0f1;
}
.shadowb2 {
	background: #dbdadb;
}
.shadowb3 {
	background: #b8b6b8;
}
.shcontent {
	background: #afb3a5;
	/*border: 1px solid #000;*/
	border-top: 1px solid #7c8073;
	border-left: 1px solid #7c8073;
	border-right: 1px solid #7c8073;
	border-bottom: 0px solid #7c8073;
	width : 100%;
}
.draggArret {
	position: relative;
	width: 100%;
	height: 18px;
	cursor: move;
	background: #cecf9f;
	left : 3px;
	_left : 0px;
	border-right: 1px solid #7c8073;
}
.titreArret {
	float: left;
	position: absolute;
	width: 90%;
	height: 100%;
	font-weight: bold;
	text-align: center;
	top: 0;
	color: #fff; 
	font: 14px arial;
	letter-spacing: -1px;
}

.closeArret {
	float: right;
	width: 14px;
	height: 14px;
	margin: 2px 2px 0 0;
	font-weight : bold;
	text-transform : uppercase;
	background: url(../images/fermer.gif) no-repeat;
	cursor: default;
	color : #FFF;
}
.corpsArret {
	float: left;
	position: relative;
	width: 100%;
	/*height: 100%;*/
	height: expression(this.scrollHeight > 535? "535px" : "auto" );
	max-height: 535px; padding-top: 5px; background: #fff;
	border: 2px solid #7c8073;
	_border: 1px solid #7c8073;
	overflow: auto;	
	margin-left : -1px;
	_margin-left : 0px;
}

.resizeArret {
	position: absolute;
	width: 12px;
	height: 23px;
	cursor: se-resize;
}