.tex sub, .latex sub, .latex sup, .xetex 
{
	text-transform: uppercase;
}

.tex sub, .latex sub, .xetex sub
{
	/*vertical-align: -0.5ex;*/
	margin-left: -0.1667em;
	margin-right: -0.125em;
	bottom: -0.15em;
	margin-left: -0.267em;
	margin-right: -0.01em;
}

.tex, .latex, .tex sub, .latex sub
{
	/*font-size: 1em;*/
}

.latex sup
{
	/*font-size: 0.85%;*/
	vertical-align: 0.03em;
	margin-left: -0.36%;
	/*margin-right: -0.5%;*/
	top: -0.2em;
}

.latex.tikz .emph
{
	font-style: italic;
}

.xetex .revcap
{
	display: inline-block;
	text-transform: uppercase;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	vertical-align: -0.63em;
	margin-right: -0.185em;
	margin-left: -0.01em;
}

.xenism, .xenisme, .neologism, .latin-term, .autology, cite, .autonym
{
	font-style: italic;
}

i[lang=jpn], i[lang=ja]
{
	font-style: normal;
}

cite.tech, cite > samp
{
	font-style: normal;
	font-family: Monospace, Monaco, Courrier New;
}

#constructwaning *,#constructwaning
{
	color: rgb(185, 74, 72);
	font-size: 14px;
	line-height: 20px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#constructwaning
{
	display: inline-block;
	max-width: 700px;
	margin: 0px;
	background-color: rgb(242, 222, 222);
	border-color: rgb(238, 211, 215);
	padding: 0px 14px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);

	border: 1px solid rgb(252, 248, 227);
	border-radius: 0px 0px 4px 4px;

	background-color: rgb(242, 222, 222);

}

#constructwaning > h1
{
	color: rgb(185, 74, 72);
	font-weight: bold;
}

strong
{
	font-weight: bold;
}

.myname
{
	font-variant: small-caps;
}

.tech, samp
{
	font-family: Monospace, Monaco, Courrier New;
}

.tech .tech, samp samp
{
	font-style: italic;
}

.variabl
{
	font-style: italic;
}

span.lit-quote
{
	font-style: italic;
}

.oeuvre
{
	font-style: italic;
}

.family-name
{
	font-variant: small-caps;
}

q:before
{
	content: "« ";
}

q:after
{
	content: " »";
}

q q:before
{
	content: "“";
}

q q:after
{
	content: "”";
}


.mail
{
	margin-top: 8px;
	margin-bottom: 8px;
}
.mail > .content
{
	position: relative;
	background-color: rgb(255, 255, 255);
	background-color: white;
	border: 1px solid rgb(221, 221, 221);
	border-color: rgb(183, 183, 183);
	border-radius: 0px 0px 4px 4px;
	padding: 5px;
	margin-top: 0px ;
}

.mail > .informations, .quote
{
	position: relative;
	margin: 15px 0px;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 4px 4px 0px 0px;

	box-shadow: 60px 0px 0px rgb(251, 251, 252) inset, 61px 0px 0px rgb(236, 236, 240) inset;

	background-color: rgb(247, 247, 249);
	border: 1px solid rgb(225, 225, 232);
	border-color: rgb(183, 183, 183);
	border-bottom: 0px;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 0px;
}

.mail > .informations > dt, .quote > dt
{
	font-weight: normal;
	margin-top: 0Px;
	float: left;
	width: 50px;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: rgb(190, 190, 197);
	text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

.mail > .informations > dd, .quote > dd
{
	margin-left: 70px;
	margin-bottom: 4px;
	color: rgb(51, 51, 51);
}

.indicate-source
{
	position: relative;
	overflow: hidden;
}

.indicated-licence
{
	display: none;
}

.indicate-source:hover .indicated-licence
{
	visibility: visible;
	display: inline-block;
	font-size: 12px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	color: white;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
	z-index: 20;
	padding: 5px 0px 10px 8px;
	padding-right: 8px;
	margin-top: 5px;
	font-size: 14px;
	text-align: left;
}

.bidirectionnal
{
	display:inline-block;
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}



div.signature
{
	text-align: right;
}

div.signature > .author
{
	font-weight: bold;
}

div.signature > .date
{
	font-style: italic;
}

.dico-type
{
	font-style: italic;
	/*font-family: Monospace, Monaco, Courrier New;*/
}

code
{
	white-space: normal;
}

kbd
{
	/*background-color: rgb(221, 221, 221);*/
	/*background-image: linear-gradient(rgb(241, 241, 241), rgb(221, 221, 221));*/
	/*background-repeat: repeat-x;*/
	/*border-radius: 2px 2px 2px 2px;*/
	/*border-width: 1px;*/
	/*border-style: solid;*/
	/**//*border-color: rgb(221, 221, 221) rgb(204, 204, 204) rgb(204, 204, 204) rgb(221, 221, 221);*/
	/*border-color: #AAA;*/
	/*-moz-border-top-colors: none;*/
	/*-moz-border-right-colors: none;*/
	/*-moz-border-bottom-colors: none;*/
	/*-moz-border-left-colors: none;*/
	/*border-image: none;*/
	/*padding: 1px 4px;*/
	/*line-height: 10px;*/
	/*box-shadow: 0.1em 0.2em 0.2em #BFBDBF;*/

/* Honteusement copié de Stackexchange */
	padding: 0.1em 0.6em;
	border: 1px solid #CCC;
	font-size: 0.9em;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #F7F7F7;
	color: #333;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 2px #FFF inset;
	border-radius: 3px;
	display: inline-block;
	margin: 0px 0.1em;
	text-shadow: 0px 1px 0px #FFF;
	line-height: 1.4;
	white-space: nowrap;
}
/*
original DDDDDD / FFFFFF
taniere  BFBDBF / E1DFE1

	ajouter 1E201E

 */


.system-choice
{
	text-align: center;
}

.system-choice .os
{
	display: inline-block;
	width: 200px;
	height: 200px;

	margin-left: 20px;
	margin-right: 20px;
}

.system-choice:hover .os img
{
	box-shadow: none;
}

.system-choice .os img
{
}

.system-choice a
{
	height: 100%;
	width: 100%;
	color: rgb(51, 51, 51);

	text-align: center;
	vertical-align: center;

	border-radius: 10px;

	display: inline-block;
	padding: 10px;
	margin-bottom: 0px;
	z-index: 32;
}

.system-choice:hover .os a[href]:hover
{
	background-image: linear-gradient(#67D0FD, #2F9FFF);
	/*background-color: rgb(204, 204, 204);*/
	/*background-image: radial-gradient(rgb(245, 245, 245), rgb(204, 204, 204));*/
	/*border-bottom: 1px solid rgb(170, 170, 170);*/

}

.system-choice .os:first-of-type
{
	margin-left: 0px;
}

.system-choice .os:last-of-type
{
	margin-right: 0px;
}

.system-choice .os .subtitle
{
	margin-top: -10px;
	display: block;
	width: 100%;
	height: 50px;
	color: white;
	/*vertical-align: center;*/
	background: black;
	padding: 5px 8px 10px;
	font-size: 14px;
	text-align: center;
	z-index: -30;
	border-radius: 0 0 10px 10px;
	padding-top: 20px;
	visibility: hidden;

}

.system-choice .os:hover .subtitle
{
	visibility: visible;
	border-bottom: none;
}

.asciiart
{
	white-space: pre-wrap;
	font-style: normal;
	font-family: Monospace, Monaco, Courrier New;
}

.bible-deuterocan
{
	font-style: italic;
}

.mainIllu,
.mainIllu *,
.illu,
.illu *
{
	text-align: center;
	max-width: 100%;
}

.mainIllu > .indicate-source
{
	
	display: inline-block;
	float: center;
	margin: 5px;
	margin-right: 0px;
	margin-left: 0px;
	border-radius: 4px;
	overflow: hidden;
}

.mainIllu
{
	margin-bottom: 10px;
}

.binomial-nomenclature
{
	font-style: italic;
}

.seemore-button-contener > *
{
	display: inline-block;
}

.seemore-button-contener
{
	text-align: right;
}

.category-choice
{
	text-align: center;
	width: 100%;
}

.category
{
	display: inline-block;
	min-height: 30px;
	text-align: center;
	color: rgb(90, 90, 90);
}

.choices2 > .category
{
	width: 48%;
}

.category img.main-illu
{
	margin: 0px auto 30px;
	max-height: 250px;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0px none;
	text-align: center;
}

section  .category > h1
{
	font-weight: 200;
	margin-bottom: 5px;
	font-size: 31.5px;
	text-align: center;
}

.scol-cite-exercice
{
	font-size: 20px;
}

.scol-notation
{
	white-space: nowrap;
	font-style: italic;
}

#work-licence-bottom h1
{
	padding-top: 10px;
	margin-bottom: 2px;
	text-align: center;
	font-size: 20px;
}


.paternity dt:first-of-type
{
	margin-top: 0px;
}

a:hover code
{
	text-shadow: none;
	transition: none;
	background-color: #1B1B1B;
	box-shadow: 0px 0px 3px #000;
}

pre,code
{
	white-space: pre-wrap;
	font-family: monospace;
	color: #d0d0d0;
	background-color: #121212;
	font-size: 1em;
	font-family: monospace;
	color: #d0d0d0;
	background-color: #121212;
	background-color: #1C1C1C;
	border: 0px;
}

code
{
	border: 1px  #C7254E;
	padding: 2px 4px;
	white-space: normal;
	color: #FFF;
}

body
{
}

.Keyword
{
	color: #d7005f;
	font-weight: bold;
}

.Comment
{
	color: #5f5f5f;
}

.LineNr
{
color: #bcbcbc;
	background-color: #1c1c1c;
	padding-bottom: 1px;
}

.Identifier
{
	color: #FB660A;
	font-weight: bold;
}

.PreProc
{
color: #87ff00;
}

.Type
{
color: #5fd7ff;
}

.String
{
color: #afaf87;
}

.Function { color: #87ff00; }
.LineNr { color: #bcbcbc; background-color: #1c1c1c; padding-bottom: 1px; }

.Special, .re5
{
	 color: #87ff00;
}

.Link
{
	color: #ff8700;
	color: #FB660A;
	font-weight: bold;
}

.Statement
{
	color: #5fd7ff;
}

.Command, .kw2, .sy0
{
	color: #d7005f;
	font-weight: bold;
}

.Operator { color: #d7005f; }
.Delimiter { color: #626262; }
.PreCondit { color: #87ff00; font-weight: bold; }
.Statement { color: #d7005f; font-weight: bold; }
.StorageClass { color: #ff8700; }
.Number { color: #af5fff; }

dl dl dl
{
	margin-left: 20px;
}

.extern-illu
{
	padding-right: 20px;
	margin-right: -240px;
}

.extern-illu > .illu
{
	padding: 0px;
}

@media (min-width: 1033px and max-width: 1601px)
{
	.container.bs-docs-container
	{
		padding-right: 230px;
	}
}

@media (max-width: 1592px)
{
	.extern-illu
	{
	padding-right: auto;
	margin-right: auto;
	margin: 4px;
	margin-right: 0px;
	}
}

@media (max-width: 1033px)
{
	.extern-illu
	{
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
		padding-right: 0px;
		margin-right: 0px;
		display: inline-block;
		width: 100%;
	}

	.extern-illu > *, .extern-illu .illu
	{
		display: inline-block;
		float: none;
		margin-left: 0px;
	}
}

.refIllu
{
	max-width: 33%;
	display: inline;
	float: left;
	margin: 5px;
	margin-left: 0px;
}

@media (max-width: 312px)
{
	.refIllu
	{
	display: block;
	max-width: 100%;
	width: 100%;
	float: none;
	margin: 5px;
	}
}

.illu.asIs
{
	border-radius: 0px;
}

.shouting
{
	text-transform : uppercase;
}

.osm
{
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	display: inline-block;
}

.text-danger a[href]
{
	color: #A94442;
}

/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
a.svglink
{
	visibility: hidden;
}

*:hover > a.svglink
{
	visibility: visible;
}

.svglink, a.svglink:hover
{
	height: 20px;
	float: right;
	position: absolute;
	margin-left: -25px;
	margin-top: 5px;
}

.svglink > img
{
	height: 20px;
}

.svglink > img.color
{
	display: none;
	border-radius: 2px;
	overflow: hidden;
}

.svglink:hover > img.gray
{
	display: none;
}

.svglink:hover > img.color
{
	display: inline-block;
	box-shadow: none;
}


.otherIllustrationRessources
{
	display: none;
}

*:hover > .otherIllustrationRessources
{
	visibility: visible;
	width: 20px;
	float: right;
	position: absolute;
	margin-left: -25px;
	margin-top: 5px;
	display: inline-block;
}

.otherIllustrationRessources > a > img.color
{
	display: none;
	border-radius: 2px;
	overflow: hidden;
}

.otherIllustrationRessources > a:hover > img.gray
{
	display: none;
}

.otherIllustrationRessources > a:hover > img.color
{
	display: inline-block;
	box-shadow: none;
}

/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
.chock
{
	font-size: 54px;
	text-transform: uppercase;
	display: block;
	text-align: center;
}

.left-right-in-front-of
{
	display: block;
}

.left-right-in-front-of > div
{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

section h1, section h2, section h3, section h4, section h5, section h6,
article h1, article h2, article h3, article h4, article h5, article h6
{
	font-family: Bitter,"Open Sans",sans-serif;
	font-weight: 400;
	line-height: 1.1;
	text-align: left;
}



#supercontainer .container * .school, #supercontainer .container * .school *
{
  font-family: PetitEcolier; 
  font-size: 37px;
  line-height: 37px;
/*  font-family: CMU Sans Serif,Helvetica,Arial; */
}

.school .theatre .character-name {
    font-variant: normal;
}

.school .theatre .family-name
{
	font-variant: normal;
}

.first-page-example
{
	max-width: 270px;
	min-width: 200px;
	width: 20%;
	border-radius: 2px;
	margin-left: 12px;
	/*margin-right: 24px;*/
	margin-bottom: 1em;
	float: right;
}

.first-page-example img.preview
{
	width:100%;
	border: solid 1px #AEACAC;
}

@media(max-width: 408px)
{
	.first-page-example
	{
		text-align: center;
		display: block;
		margin-left: 0;
		width: 100%;
		max-width: 200px;
		min-width: unset;
	}

	.first-page-example img
	{
		float: none;
		display: inline-block;
		text-align: center;
		text-align: center;
	}
}

.poem p,
.work-content .poem p
{
	text-indent: 0;
	text-align: left;
}

.chorus-signal
{
	font-style: italic;
}

.chorus-group {
	margin-bottom: 2em;
	font-style: italic;
}