div.pagination {
	display:block;
	text-align:center;
}

div.pagination img {
	border:0pt none;
	margin:0pt;
	padding:0pt;
}

div.pagination a.decoupe_img {
	border:0pt none;
}

span.cs_pagination_off {
	color:lightgrey;
	font-weight:bold;
	text-decoration:underline;
}

div.onglets_print {
	margin:1em;
	padding:0.6em;
	border:1px dashed ;
}

div.onglets_print h4 {
	margin-top:0px;
	margin-bottom:0.6em;
}

div.onglets_bloc {
	position:relative;
	width:100%;
	clear:both;
}

div.onglets_bloc h2.onglets_titre a {
	text-decoration:none;
	height:22px;
	color:black;
}

div.onglets_bloc h2.onglets_titre {
	height:20px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:6px;
	background-color:#f2f2f2;
	color:black;
	position:relative;
	top:-1px;
	display:inline;
	float:left;
	clear:none;
	overflow:hidden;
	cursor:pointer;
	margin:1px -1px 1px 0px;
	padding:0px 0.6em;
	border:1px solid rgb( 145, 155, 156 );
	
	z-index:11;
	white-space:nowrap;
	text-align:center;
	font-weight:normal;
	font-size:88%;
}

div.onglets_bloc h2.onglets_titre.selected {
	height:22px;
	background-color:white;
	border-top:3px solid #8B6F92;
	z-index:11;
	top:-3px;
	margin:1px -1px -2px 0px;
	border-bottom-width:0px;
	cursor:default;
}

div.onglets_bloc h2.onglets_titre.selected a {
	color:black;
	cursor:default;
}

div.onglets_bloc h2.hover a {
	color:blue;
}

div.onglets_bloc .onglets_liste {
	white-space:nowrap;
}

div.onglets_bloc .onglets_contenu {
	display:none;
	clear:both;
	border:1px solid rgb( 145, 155, 156 );
	background:rgb( 252, 252, 254 );
	z-index:10;
	position:relative;
	top:-3px;
	padding:0.6em;
}

div.onglets_bloc .onglets_contenu.selected {
	display:block;
	overflow:hidden;
}

/* Pour info : enveloppe_mails = -1 */

/*
 a.cs_glossaire : concerne le glossaire en mode CSS 
 #glossOverDiv : concerne le glossaire en mode JS
*/

/* Empecher la definition de s'afficher comme les autres liens, vous pouvez donner les attributs standards de votre texte */
a.cs_glossaire, a.cs_glossaire:hover, #glossOverDiv {
	color:#000000;
	text-decoration:none;
	z-index:998;
}
/*
a.cs_glossaire:hover {
	cursor:help;
}
*/

/* Mode JS : des span discrets */
a.cs_glossaire span.gl_js,
a.cs_glossaire span.gl_jst,
/* Mode CSS : l'effet de survol est obtenu grace aux proprietes display */
a.cs_glossaire span.gl_dl,
a.cs_glossaire span.gl_dt,
a.cs_glossaire span.gl_dd {
 	display:none;
	visibility:hidden;
	z-index:999;
	font-style:normal;
}

a.cs_glossaire span.gl_dd {
	font-weight:normal;
}

a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt,
a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
	display:block;
	visibility:visible;
}

a.cs_glossaire:hover span.gl_dl, #glossOverDiv span.gl_dl {
	display:inline;
	visibility:visible;
	/* Placement de la definition dans la page. */
	position:absolute;
	width:180px;
	margin-left:-120px;
	margin-top:1.8em;
	/* Decoration */
	padding:4px;
	border:1px solid #ffc300;
	background-color:#FFFFFF;
	font-size:85%;
}
a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt {
	padding:3px;
	background-color:#ffffbf;
	font-weight:bold;
	text-align:right;
}
a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
	padding:3px;
	text-align:left;
	line-height:1.3em;
}

a.cs_glossaire span.gl_mot {
	border-bottom:1px dotted gray;
	font-size:inherit;
/* cursor:help; */
}

/* exception sur le JS */	
#glossOverDiv span.gl_dl {
	margin-left:-60px;
}
a.cs_glossaire:after {display:none;}

	
	
	
	

div.cs_sommaire {
	display:block;
	float:right;
	margin-left:1em;
	margin-right:0.4em;
	overflow:auto;
	z-index:100;
	max-height:350px;
	text-align:left;
}

a.sommaire_ancre {
	background:transparent url(https://fenomenologia.hyperlogos.info/prive/images/deplierbas.svg) no-repeat scroll left center;
	background-size: 12px;
	padding-left:10px;
	text-decoration:none !important;
}

div.cs_sommaire a:after {
	display:none;
}

div.cs_sommaire_avec_fond {
	background: transparent url(https://fenomenologia.hyperlogos.info/plugins/auto/couteau_suisse/v1.16.1/img/sommaire/coin.gif) no-repeat scroll left top;
	border-right: 1px solid rgb(153, 153, 153);
	border-bottom: 1px solid rgb(153, 153, 153);
	padding-bottom:0.1em;
}

div.cs_sommaire_sans_fond {
	border: thin solid gray;
	background-color: white;
}

div.cs_sommaire_inner {
	margin: 3pt;
}

div.cs_sommaire_titre_avec_fond, div.cs_sommaire_titre_sans_fond {
	border-bottom: 1px dotted silver;
	line-height: 1;
	position: inherit;
	font-weight: bold;
	text-align: center;
}

div.cs_sommaire_titre_avec_fond {
	margin-left: 15px;
}

div.cs_sommaire ul{
	margin: 0.3em 0.5em 0.1em 0.7em;
	padding: 0pt;
	font-size: 84%;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div.cs_sommaire ul li{
	margin: 0pt;
	padding: 0pt;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div.cs_sommaire_titre_avec_fond, div.cs_sommaire_titre_sans_fond {
	background:transparent url(https://fenomenologia.hyperlogos.info/prive/images/deplierbas.svg) no-repeat scroll right center;
	background-size: 18px;
	cursor:pointer;
	padding: 0.3em 18px;
}

div.cs_sommaire_replie {
	background:transparent url(https://fenomenologia.hyperlogos.info/prive/images/deplierhaut.svg) no-repeat scroll right center;
	background-size: 18px;
	border:none;
}

.cs_sommaire_invisible{ display:none; }