/* ----------------------------------------------------------------------
--- pour les cadres FILE
---------------------------------------------------------------------- */

div.htex-box1 { width:10%!important; }
div.htex-box2 { width:20%!important; }
div.htex-box3 { width:30%!important; }
div.htex-box4 { width:40%!important; }
div.htex-box5 { width:50%!important; }
div.htex-box6 { width:60%!important; }
div.htex-box7 { width:70%!important; }
div.htex-box8 { width:80%!important; }
div.htex-box9 { width:90%!important; }


/* ---------------------------------------------------------------------- */
/* definition des environnements CODE                                     */
/* ---------------------------------------------------------------------- */

div.htex-code {
	color: black;
	border : solid 1px #404040; /* #E5E5E5; */
	border-radius: 6px;
	background-color: #F7F7F7;

	margin: 10px auto 10px auto;
	padding: 0px;
	width: fit-content;
	max-width: 95%;
	overflow: auto;
}

div.htex-code.lang-sh {
	background-color : #F7F7F7;
}

div.htex-code > span {
	background-color : #E5E5E5;
	border-bottom: solid 0px black;
	padding: 4px;
	display: block;
	white-space: nowrap;
}

div.htex-code > pre {
	margin: 5px;
	padding: 0px;
	border: 0px;
	padding-right: 50px;
	width: fit-content;
}

div.htex-copy-button {
	float:right;
	padding-right: 3px;
	padding-top: 3px;
	display: block;
}


/* bullet bleu pour les listes */

ul.htex {list-style: none}
ul.htex > li.htex::before {
	content: "\2022";
	color: blue;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

ol.htex {
	list-style: none;
	counter-reset: itemol;
}
ol.htex > li { display: block; }
ol.htex > li:before {
	content: counter(itemol) ". ";
	counter-increment: itemol;
	color: blue;
	display: inline-block;
	width: 1.8em;
	margin-left: -1.8em;
	font-weight: 	bold;
	}

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


pre {
	font-family: monospace;
}




/* ---------------------------------------------------------------------- */
/* Classes compatibles bootstrap                                          */
/* ---------------------------------------------------------------------- */

.text-blue {
	color:			blue;
}

.border-blue {
	border-color:	blue;
}

.bg-lavande {
	background: #87CEFA;
}



/* ---------------------------------------------------------------------- */
/* Tableaux                                                               */
/* ---------------------------------------------------------------------- */

table.htex {
	background:	transparent;
	margin-top:	15px;
	margin-left:	auto;
	margin-right:	auto;
	border:		none;
	border-spacing:	1px;
}

table.htex td {
	padding:	3px;
	text-align:	center;
	background:	#87CEFA;
}

table.htex th {
	padding:	3px;
	text-align:	center;
	background:	#82acfa;
}

/* ---------------------------------------------------------------------- */
/* BODY                                                                   */
/* ---------------------------------------------------------------------- */

/* couleur de fond pour toutes pages */

body {
	background-image : url('fond01.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: center;
	background-size: 100% 100%;
	margin: 0px;
}


html {
	height : 101%; /* pour avoir un barre de defilement a droite */
}

.htex-page {
	border-left: solid 3px blue;
	border-right: solid 3px blue;
	background-color : #deedff;
	padding-bottom: 1200px;
	not-padding-top: 20px;
}

/* ---------------------------------------------------------------------- */
/* definition de la zone "printable"                                      */
/* ---------------------------------------------------------------------- */

div#printable a {
	display: block;
	width: 120px;
	margin-top: 40px;
	height: auto;
	text-align: right;
	background-image:	url(files/pdf.gif);
	background-position:	left center;
	background-repeat:	no-repeat;
	text-decoration: none;
/***
	border: dashed 1px red;
***/
	}

/* ---------------------------------------------------------------------- */
/* definition de la zone "table-of-contents"                              */
/* ---------------------------------------------------------------------- */

.htex-toc {
	width: 30%;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	float: right;
	background: #deedff;
	padding-bottom: 3px;
	border: solid 2px blue;
	font-size: 10pt;
}

.htex-toc li {
	background: transparent;
	font-size: smaller;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border: 0px;
}

/* ---------------------------------------------------------------------- */
/* definition du menu                                                     */
/* ---------------------------------------------------------------------- */

a.htex-menu-hover:hover {
	background-color: #87CEFA!important;
}

/* ---------------------------------------------------------------------- */
/* mise en forme du contenu                                               */
/* ---------------------------------------------------------------------- */

li div.code {
	margin-top : 7px;
	margin-bottom : 7px;
}

dd div.code {
	margin-top : 7px;
	margin-bottom : 7px;
}

img.htex-width-7cm  { width:  6cm; }
img.htex-width-8cm  { width:  7cm; }
img.htex-width-9cm  { width:  8cm; }
img.htex-width-10cm { width:  9cm; }
img.htex-width-11cm { width: 10cm; }
img.htex-width-12cm { width: 11cm; }
img.htex-width-13cm { width: 12cm; }
img.htex-width-14cm { width: 13cm; }
img.htex-width-15cm { width: 14cm; }
img.htex-width-16cm { width: 15cm; }
img.htex-width-17cm { width: 16cm; }
img.htex-width-18cm { width: 17cm; }





.transparent {
	background: transparent;
}

/* ----------------------------------------------------------------------
--- pour les cadres
---------------------------------------------------------------------- */

.htex-ttt {
	background-color: lightgrey;
	padding-left:	5px;
	padding-right:	5px;
	padding-bottom:	2px;
	padding-top:	2px;
	font-family:	Courier, monospace;
	font-size:		10pt;
	font-weight:	bold;
}

/* police et taille */

p,ul,dl,ol,td,dt,dd,li,th,h2,h3,h4,legend,div,body,center {
	font-family: Arial, sans-serif;
	font-size: 11pt;
}

p,ul,dl,ol,td,dt,dd,li,legend,div,body {
	text-align: justify;
}

p, ul, li {
	line-height: 130%;
}

pre,tt {
	font-family: monospace;
	font-size: 10pt;
}

dt { font-weight: bold; }