/*
 | This file is part of the DITA Open Toolkit project hosted on 
 | Sourceforge.net. See the accompanying license.txt file for 
 | applicable licenses.
*/

/*
 | (c) Copyright IBM Corp. 2004, 2005 All Rights Reserved.
 */


/* 
 * The Oxygen WebHelp Plugin redistributes this file under the terms of the 
 * Apache Software Foundation License v2.0:
 * 
 * http://opensource.org/licenses/apache2.0.php
 */

.unresolved { background-color: skyblue; }
.noTemplate { background-color: yellow; }

.base { background-color: #ffffff; }

/* div with class=p is used for paragraphs that contain blocks, to keep the XHTML valid */
.p {margin-top: 1em; /*olasne margin-left: 1em;*/}

.info { margin-top: 10px;}

/* Default of italics to set apart figure captions */
.figcap { font-style: italic;  /*olasne*/margin-bottom: -5px; }
.figdesc { font-style: normal }

/* Use @frame to create frames on figures */
.figborder { border-style: solid; padding-left : 3px; border-width : 2px; padding-right : 3px; margin-top: 1em; border-color : Silver;}
.figsides { border-left : 2px solid; padding-left : 3px; border-right : 2px solid; padding-right : 3px; margin-top: 1em; border-color : Silver;}
.figtop { border-top : 2px solid; margin-top: 1em; border-color : Silver;}
.figbottom { border-bottom : 2px solid; border-color : Silver;}
.figtopbot { border-top : 2px solid; border-bottom : 2px solid; margin-top: 1em; border-color : Silver;}

/* Most link groups are created with <div>. Ensure they have space before and after. */
.ullinks { list-style-type: none }
.ulchildlink { margin-top: 1em; margin-bottom: 1em }
.olchildlink { margin-top: 1em; margin-bottom: 1em }
.linklist { margin-bottom: 1em }
.linklistwithchild { margin-bottom: 1em  }
.sublinklist { margin-bottom: 1em  }
.relconcepts { margin-top: 1em; margin-bottom: 1em }
.reltasks { margin-top: 1em; margin-bottom: 1em }
.relref { margin-top: 1em; margin-bottom: 1em }
.relinfo { margin-top: 1em; margin-bottom: 1em }
.breadcrumb { font-size : smaller; margin-bottom: 1em }
dt.prereq { margin-left : 20px;}

/* Set heading sizes, getting smaller for deeper nesting */
.topictitle1 { margin-top: 0; margin-bottom: .1em; font-size: 1.34em; }
.topictitle2 { margin-top: 1pc; margin-bottom: .45em; font-size: 1.17em; }
.topictitle3 { margin-top: 1pc; margin-bottom: .17em; font-size: 1.17em; font-weight: bold; }
.topictitle4 { margin-top: .83em; font-size: 1.17em; font-weight: bold; }
.topictitle5 { font-size: 1.17em; font-weight: bold; }
.topictitle6 { font-size: 1.17em; font-style: italic; }
.sectiontitle { margin-top: 1em; margin-bottom: 0; color: black; font-size: 1.17em; font-weight: bold;}
.section { margin-top: 1em; margin-bottom: 1em }
.example { margin-top: 1em; margin-bottom: 1em }
div.tasklabel { margin-top: 1em; margin-bottom: 1em; }
h2.tasklabel, h3.tasklabel, h4.tasklabel, h5.tasklabel, h6.tasklabel { font-size: 100%; }

/* All note formats have the same default presentation */
.note,
.tip,
.fastpath,
.important,
.remember,
.restriction,
.attention,
.danger,
.caution,
.warning { margin:1em 1em 1em 0em;}

.notetitle ,
.notelisttitle ,
.tiptitle ,
.fastpathtitle ,
.importanttitle ,
.remembertitle ,
.restrictiontitle ,
.attentiontitle ,
.dangertitle,
.cautiontitle ,
.warningtitle { font-weight: bold }

/*olasne*/
.note,
.tip,
.fastpath,
.important,
.remember,
.restriction,
.attention,
.danger,
.caution,
.warning { border-bottom-style: solid;
    border-top-style: solid;
    padding-bottom: 5px;
    padding-top: 5px;}
.note {    border-color: #282594;}
.important {    border-color: #ff9c00;}
.tip {    border-color: #179303;}
.remember {    border-color: #07a4d3;}
.restriction {    border-color: #c0c0c0;}
.attention {    border-color: #ffa800;}
.danger {    border-color: #ec0000;}
.caution {    border-color: #ff866a;}
.warning {    border-color: #db1212;}

/* Simple lists do not get a bullet */
ul.simple { list-style-type: none }

/* Used on the first column of a table, when rowheader="firstcol" is used */
.firstcol { font-weight : bold;}

/* Various basic phrase styles */
.bold { font-weight: bold; }
.boldItalic { font-weight: bold; font-style: italic; }
.italic { font-style: italic; }
.underlined { text-decoration: underline; }
.uicontrol, .wintitle { font-weight: bold; }
.parmname { font-weight: bold; }
.kwd { font-weight: bold; }
.defkwd { font-weight: bold; text-decoration: underline; }
.var { font-style : italic;}
.shortcut { text-decoration: underline; }

/* Default of bold for definition list terms */
.dlterm { font-weight: bold; }

/* Use CSS to expand lists with @compact="no" */
.dltermexpand { font-weight: bold; margin-top: 1em; }
*[compact="yes"]>li { margin-top: 0;}
*[compact="no"]>li { margin-top: .53em;}	
.liexpand { margin-top: 1em; margin-bottom: 1em }
.sliexpand { margin-top: 1em; margin-bottom: 1em }
.dlexpand { margin-top: 1em; margin-bottom: 1em }
.ddexpand { margin-top: 1em; margin-bottom: 1em }
.stepexpand { margin-top: 1em; margin-bottom: 1em }
.substepexpand { margin-top: 1em; margin-bottom: 1em }

/* Align images based on @align on topic/image */
div.imageleft { text-align: left }
div.imagecenter { text-align: center }
div.imageright { text-align: right }
div.imagejustify { text-align: justify }





pre.screen { padding:5px; border: 1px solid #ccc; background-color: #ddd; margin: 2px 0 2px 0; white-space: pre}

span.filepath { font-family:monospace }


/* The cell border can be turned on with
   {border-right:solid}
   This value creates a very thick border in Firefox (does not match other tables)

   Firefox works with 
   {border-right:solid 1pt}
   but this causes a barely visible line in IE */


.cellrowborder { border-top:none; border-bottom:solid 1px }

.cellrowborder,
*[dir] *[dir='ltr'] .cellrowborder,
*[dir] *[dir] *[dir='ltr'] .cellrowborder,
*[dir] *[dir] *[dir] *[dir='ltr'] .cellrowborder,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] .cellrowborder{ 
	border-top:none; 
	border-bottom:solid 1px;
	border-right:solid 1px; 
	border-left:none; 
}
*[dir='rtl'] .cellrowborder,
*[dir] *[dir='rtl'] .cellrowborder,
*[dir] *[dir] *[dir='rtl'] .cellrowborder,
*[dir] *[dir] *[dir] *[dir='rtl'] .cellrowborder,
*[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .cellrowborder{ 
	border-top:none; 
	border-bottom:solid 1px;
	border-right:none; 
	border-left:solid 1px; 
}


 
.cell-norowborder { border-top:none; border-bottom:none; border-bottom: hidden; }

.cell-norowborder,
*[dir] *[dir='ltr'] .cell-norowborder,
*[dir] *[dir] *[dir='ltr'] .cell-norowborder,
*[dir] *[dir] *[dir] *[dir='ltr'] .cell-norowborder,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] .cell-norowborder{ 
     border-top:none; border-bottom:none; border-bottom: hidden; 
	 border-right:solid 1px;
	 border-left:none; 
}
*[dir='rtl'] .cell-norowborder,
*[dir] *[dir='rtl'] .cell-norowborder,
*[dir] *[dir] *[dir='rtl'] .cell-norowborder,
*[dir] *[dir] *[dir] *[dir='rtl'] .cell-norowborder,
*[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .cell-norowborder{ 
	 border-top:none; border-bottom:none; border-bottom: hidden; 
	 border-right:none; 
	 border-left:solid 1px;
}



.nocellnorowborder { border:none; border-bottom: hidden }

.nocellnorowborder,
*[dir] *[dir='ltr'] .nocellnorowborder,
*[dir] *[dir] *[dir='ltr'] .nocellnorowborder,
*[dir] *[dir] *[dir] *[dir='ltr'] .nocellnorowborder,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] .nocellnorowborder{
	border:none; border-bottom: hidden;
	border-right:hidden; 
	border-left:none; 
}
*[dir='rtl'] .nocellnorowborder,
*[dir] *[dir='rtl'] .nocellnorowborder,
*[dir] *[dir] *[dir='rtl'] .nocellnorowborder,
*[dir] *[dir] *[dir] *[dir='rtl'] .nocellnorowborder,
*[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .nocellnorowborder{
	border:none; border-bottom: hidden;
	border-left:hidden;
	border-right:none;
}



.row-nocellborder {  border-top:none; border-bottom:solid 1px}

.row-nocellborder,
*[dir] *[dir='ltr'] .row-nocellborder,
*[dir] *[dir] *[dir='ltr'] .row-nocellborder,
*[dir] *[dir] *[dir] *[dir='ltr'] .row-nocellborder,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] .row-nocellborder{
	border-top:none; border-bottom:solid 1px;
	border-left:none; 
	border-right:hidden; 
}
*[dir='rtl'] .row-nocellborder,
*[dir] *[dir='rtl'] .row-nocellborder,
*[dir] *[dir] *[dir='rtl'] .row-nocellborder,
*[dir] *[dir] *[dir] *[dir='rtl'] .row-nocellborder,
*[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .row-nocellborder{ 
	border-top:none; border-bottom:solid 1px;
	border-left: hidden; 
	border-right:none; 
}




/*

 The right and left margins, padding, borders depend on the direction.

 */
pre.screen,
*[dir] *[dir='ltr'] pre.screen,
*[dir] *[dir] *[dir='ltr'] pre.screen,
*[dir] *[dir] *[dir] *[dir='ltr'] pre.screen,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] pre.screen{ 
	margin-right:0; 
	margin-left:7px; 
}

*[dir='rtl'] pre.screen,
*[dir] *[dir='rtl'] pre.screen,
*[dir] *[dir] *[dir='rtl'] pre.screen,
*[dir] *[dir] *[dir] *[dir='rtl'] pre.screen,
*[dir] *[dir] *[dir] *[dir] *[dir='rtl'] pre.screen{ 
	margin-right:7px; 
	margin-left:0; 
}



 

dt.prereq,
*[dir] *[dir='ltr'] dt.prereq,
*[dir] *[dir] *[dir='ltr'] dt.prereq,
*[dir] *[dir] *[dir] *[dir='ltr'] dt.prereq,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] dt.prereq{ 

	margin-left:20px; 
	margin-right:0;
}
*[dir='rtl'] dt.prereq,
*[dir] *[dir='rtl'] dt.prereq,
*[dir] *[dir] *[dir='rtl'] dt.prereq,
*[dir] *[dir] *[dir] *[dir='rtl'] dt.prereq,
*[dir] *[dir] *[dir] *[dir] *[dir='rtl'] dt.prereq{ 
	margin-left:0;
	margin-right:20px; 
}
  


.linklistwithchild,
*[dir] *[dir='ltr'] .linklistwithchild,
*[dir] *[dir] *[dir='ltr'] .linklistwithchild,
*[dir] *[dir] *[dir] *[dir='ltr'] .linklistwithchild,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] .linklistwithchild{ 
	margin-left:1.5em; 
	margin-right: 0; 
}
*[dir='rtl'] .linklistwithchild,
*[dir] *[dir='rtl'] .linklistwithchild,
*[dir] *[dir] *[dir='rtl'] .linklistwithchild,
*[dir] *[dir] *[dir] *[dir='rtl'] .linklistwithchild,
*[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .linklistwithchild{ 
	margin-left:0; 
	margin-right: 1.5em; 
}
 
 

.sublinklist,
*[dir] *[dir='ltr'] .sublinklist,
*[dir] *[dir] *[dir='ltr'] .sublinklist,
*[dir] *[dir] *[dir] *[dir='ltr'] .sublinklist,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] .sublinklist{ 
	margin-left:1.5em; 
	margin-right:0; 
}
*[dir='rtl'] .sublinklist,
*[dir] *[dir='rtl'] .sublinklist,
*[dir] *[dir] *[dir='rtl'] .sublinklist,
*[dir] *[dir] *[dir] *[dir='rtl'] .sublinklist,
*[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .sublinklist{ 
	margin-left:0; 
	margin-right: 1.5em; 
}
  
/*olasne feedback windows*/
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 5px;
	border: 2px solid #75d0f2;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
span.btn_close {
	float: right;
	color:#75d0f2;
	
}
span.btn_close:hover {

	color:#013948;
	
}


span.btn_close::before{
	font-family: 'FontAwesome';	
	content: "\f2d3";
		margin-right:5px;
}


/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

.feedbackiframe{
	border: none;
	height: 450px;
}
#feedback_box{	
    bottom: 0px;
    margin-bottom: -180px;
	
    margin-left: 10px; 
    position: absolute;
    background-color: #fff;
 
	border: solid;
	border-radius: 5px;
    border-color: #07a4d3;
	border-bottom: none;
    padding: 10px;
    /*width: 100%;*/
	
    -moz-box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    box-shadow: 1px 1px 12px #555
    
}
.feedback_title{
	float: left;
	color: #5b5a5b;
	margin-bottom: 10px;
	cursor: pointer;
	text-transform: capitalize;

	
}
a.feedback_pop:visited{color: #fff;}

.feedback_title::before{
	font-family: 'FontAwesome';	
	content: "\f044";
		margin-right:5px;
}

#fjs_form  {
    background-color: #fcfcfc;
    color: #7a797a;
	-webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 8px 6px;
    outline: none;
    font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    width: 90%;
    display: block;
    margin-bottom: 10px;
    border-radius: 3px;
	height: 100px;
	resize: both;
	
}	

a.feedback_pop:hover, a.feedback_clear:hover {
    background-color: #08a4d3;
    color: #ffffff;
    border-color: #0682b1;
}
a.feedback_pop, a.feedback_clear {
    background-color: #74c9e5;
    color: #ffffff;
    border-color: #52a7c3;
	text-transform: capitalize;
}
a.feedback_pop, a.feedback_clear{
    padding: 9px 22px;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    border-radius: 0px;
	float: right;
	margin-right: 20px;
	
	}

.glossSurfaceForm
{ Display:none; }