/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
/*
:focus {
	outline: 0;
}
*/
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*** calcul des dimensions incluant padding et margin ***/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/****************/
/*** my style ***/
/****************/

/*** Structure ***/
#page {
    margin:0px 5%;
}

header{
	display: flex;
	align-items:center;
	align-content:stretch;
	justify-content:space-between;
	margin:20px 0px 30px 0px;
}

#header {
	margin:0px;
	padding:0px;
}

/* menu */
#menu {
	text-align:right;
	position:relative; /* so that subitems float above the content of page */
	padding: 0px;
	align-self: flex-end;
	width:60%;
}

/* remove list caracteristics */
#menu ul{
	list-style:none;
	padding: 0px;
	margin: 0px;
	text-indent:0px;
}

/* format top level list */
#menu > ul{
	margin:0px;
	display:block;
}


#menu > ul > li {
	display:inline-block;
	vertical-align:top;
	margin:4px 0px;
	padding:0px;
	text-indent:0px;
}

/* format inside lists */
#menu > ul > li > ul {
	display:none;
}

#menu > ul > li:hover > ul {
	display:block;
	padding:4px 0px;
	position:absolute; /* so that subitems float above the content of page */
	right:0; /*so that horizontal submenu does align to the right instead of flowing over*/
}
#menu > ul > li > ul > li {
	display:inline-block;
	padding:0px;
	margin: 4px 0px;
}


/* format links */
#menu a, #menu a:link, #menu a:visited{
	text-decoration:none;
	display:block;
	min-width:130px;
	padding:4px 12px;
	margin:0px 4px;
	line-height:26px; /* to align text vertically */
	text-align: center;
}	

#menu > ul > li > ul > li > a {
}

#menu a.selflink, #menu a.wikilink {
	border:1px solid lightgray;
	background-color:white;
	color: black;
}

#menu a:hover.wikilink, #menu a:hover.selflink  {
	background-color: #0099CC;
	border:1px solid #0099CC;
	color: white;
}

#menu > ul > li > a.selflink, #menu > ul > li > a:hover.wikilink, #menu > ul > li > a:hover.selflink  {
}



#sitetitle {
	text-align: left;
	font-family: 'Century Gothic', sans-serif;
	font-weight:normal;
	color:#333;
	line-height: normal;
}

#sitetitle a:link{
	color: black;
	text-decoration:none;
}

#sitetitle a:visited {
	color: black;
	text-decoration:none;
}

#sitetitle a:hover {
	color: black;
	text-decoration:none;
}


#sitetitle #name {
	font-size:30px;
	margin:0px;
	text-align: left;
}

#sitetitle #affiliation {
	font-size:20px;
	margin:0px;
	text-align: left;
}


#langdiv {
	display:inline-block;
	margin:0px;
	margin-bottom:15px;
	margin-right:10px;
}


#wikitext {
	min-height:500px;
}


#footer {
	display: table;
	width:100%;
	margin:15px 0px;
	padding:0px;
	border-spacing:8px 2px;
	font-size:small;
	border-top:1px solid gray;
}

#footer a, #wikiadmin a {
	color:black;
}

#footer p{
	margin:0px;
	display: inline-block;
}

#wikiadmin {
	display: table-cell;
	text-align: left;
	font-size:small;
}

#lastmodified {
	display: table-cell;
	text-align: right;
	font-style:italic;
}



/*** fonts ***/
@font-face {
    font-family: 'Oxygen';
    src: url('font/oxygen-bold-webfont.eot');
    src: url('font/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/oxygen-bold-webfont.woff') format('woff'),
         url('font/oxygen-bold-webfont.ttf') format('truetype'),
         url('font/oxygen-bold-webfont.svg#oxygenbold') format('svg');
    font-weight: bold;
}

@font-face {
    font-family: 'Oxygen';
    src: url('font/oxygen-light-webfont.eot');
    src: url('font/oxygen-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/oxygen-light-webfont.woff') format('woff'),
         url('font/oxygen-light-webfont.ttf') format('truetype'),
         url('font/oxygen-light-webfont.svg#oxygenlight') format('svg');
    font-weight: 300;
}

@font-face {
    font-family: 'Oxygen';
    src: url('font/oxygen-regular-webfont.eot');
    src: url('font/oxygen-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/oxygen-regular-webfont.woff') format('woff'),
         url('font/oxygen-regular-webfont.ttf') format('truetype'),
         url('font/oxygen-regular-webfont.svg#oxygenregular') format('svg');
    font-weight: normal;
}

/*
@font-face {
    font-family: 'Consolas';
    src: url('font/Anonymous-webfont.eot');
    src: url('font/Anonymous-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Anonymous-webfont.woff') format('woff'),
         url('font/Anonymous-webfont.ttf') format('truetype'),
         url('font/Anonymous-webfont.svg#AnonymousRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'Century Gothic';
    src: url('font/CenturyGothic.eot');
    src: local('Century Gothic'),
    	 url('font/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: local('Century Gothic Bold'),
    	 url('font/CenturyGothicBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/* default styles*/
body {
    counter-reset: bibtex_entry ;
	font-family: 'Oxygen', sans-serif;
	color:black;
}


p, video, div.pdf {
	margin:8px 0px 8px 0px;
	line-height: 115%;
}

p{
	text-align: justify;
	text-justify: inter-word;
}

embed{
	width:666px;
	height:500px;
}
video{
	width:666px;
}


sup {
	font-size:xx-small; 
	vertical-align:top;
}
sub{
	font-size:xx-small;
	vertical-align:bottom;
}

a:link{
	color: #0099CC;
	text-decoration:underline;
}

a:visited {
	color: #0099CC;
	text-decoration:underline;
}

a:hover {
	color: black;
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

img{
	border:none;
}

img.incontent {
    
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float:right;
	margin:0px;
	margin-left: 18px;
	background-color:white;
}



figure[role]{
/*	counter-reset :figs;*/
}
figure[role] > figcaption {
	font-style:normal;
	font-weight:bold;
	font-size:smaller;
}

/*
figure[role] > figure > figcaption:before {
	content: counter(figs) ". ";
 	counter-increment: figs;
}
*/

figure[role] > figure {
    display: inline-block;
    margin:6px;
}

figure {
	display:block;
	text-align:center;
    margin-bottom:6px;
}
figure > img {
    margin-bottom:6px;
}
figure > figcaption {
	font-style:italic;
	font-size:smaller;
}
figcaption > p {
	display:inline;
	margin:0px;
	padding:0px;
}

/* code highlighté */
figure div.syntaxhighlighter {
	margin-left:40px !important;
	padding-left:10px;
	border-left:3px solid lightgray;
	width:auto !important;
}


h1 {
	font-family: 'Century Gothic', sans-serif;
	font-size:large;
	border-bottom: 1px solid #696969;
	margin-top:30px;
	margin-bottom:15px;
	padding-left:4px;
	padding-bottom:3px;
	color: #696969;
	line-height:1;
}


h2 {
	font-family: 'Century Gothic', sans-serif;
    font-size:medium;
    font-weight:bold;
	margin-top:30px;
	margin-bottom:15px;
	margin-left:40px;
	line-height:1;
}

h2 > span{
	padding: 0 6px 0 0;
	border-bottom: 1px solid #696969;
}


h3 {
	font-family: 'Century Gothic', sans-serif;
	/*font-weight:bold;*/
    font-size:medium;
    color:#9c9c9c;
    font-style:italic;
    margin-bottom:6px;
	margin-left:30px;
    margin-top:18px;
	line-height:1;
}
h3:after{
	content:" :";
}



hr {
	margin: 8px 0px;
	border-bottom: 1px solid gray;
}



ul {
	list-style-type: square;
	list-style-position:outside;
	margin: 2px 20px 8px 30px;
/*	color:#333;*/
}

ol {
    
	list-style-type: decimal;
	list-style-position:outside;
	margin: 2px 20px 8px 60px;
/*	color:#333; */
}

li {
/*	color:black;*/
}

ul > li > ul {
	margin-top:2px;
	margin-bottom:2px;
}    

dl{
	margin-left:20px;
}
dt {
	font-weight: bold;
	text-decoration: underline;
	margin-top:10px;
}
dd{
	margin-left:20px;
}
dt:after{
	content:" :";
}

table {
	border-collapse:collapse;
	border:none;
	margin:8px 20px;
}
td {
	padding:6px;
	vertical-align:top;
	text-align:left;
}
th {
	font-weight:normal;
	padding:6px;
}

pre, pre a, code {
    
	font-family: 'Monaco', monospace;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-size:95%;
	color:#696969;/*#767676;*/
}

em {
	font-style:italic;
}

.indent {
	margin-left:50px;
	margin-top:-4px;
	margin-bottom:-4px;
}

table p{
	margin:4px;
}
table ul{
	margin-left:20px;
	margin-top:4px;
	margin-bottom:4px;
}


span.pdf:before, span.slides:before {
	content:url('img/pdf.png');
	vertical-align:-40%;
	padding-right:4px;
} 

span.pdf, span.slides{
	display:inline-block;
	padding:6px 10px 2px 8px;
	margin:6px 6px 4px 0px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-radius: 6px;
	background-color:#E9E9E9;
}
span.pdf a, span.slides a {
	color:black;
	font-size:smaller;
}



/*** wikistyles ***/
.titre{
	display:block;
	font-family: 'Century Gothic', sans-serif;
	font-size:x-large;
	font-weight:bold;
	color: #0099CC;
	margin:10px 0px;
	line-height: 1;
}

.fort{
	display:inline-block;
	/*line-height:110%;*/
	font-weight:bold;
	border: 1px solid #9CB200; /* #8FB224 */
	background-color:#DFFF00;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-radius: 6px;
	padding:2px 4px;
	margin:2px 0;
	text-indent:0;
}
.fbl, .faible{
	font-style:italic;
	color:DarkGray;
}
.fbl a, .faible a{
	color:DarkGray;
}

.bl{
	color: #0099CC;
}

.moy, .moyen{
	font-weight:bold;
	color: #0099CC;
}

.surl {
	background-color: #FFFF00;
	padding-left:4px;
	padding-right:4px;
}

.todo:before {
	content:url('img/todo.png');
	vertical-align:text-bottom;
	margin-right:5px;
}
p.todo{
	text-indent:-25px;
	margin-top:12px;
	padding-left:27px;
}

.hlp:before {
	content:url('img/hint.png');
	vertical-align:text-bottom;
	margin-right:5px;
}

.hint, .hintreveal {
	display: inline-block;
    margin-left: 20px;
    background: #EEE url('img/hint.png') no-repeat 5px center;
    padding: 8px 8px 8px 40px;
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-radius: 10px;
}

.hintreveal > a:link, .hintreveal > a:visited, .hintreveal > a:hover {
	color:black;
}

p.concl{
	display:inline-block;
	border: 1px solid #0099CC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-radius: 10px;
	background-color: #7df;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.num {
		
}

.num h1:before {
	content: counter(chapter) ". ";
}

.num h1 {
	counter-increment: chapter; /* Add 1 to chapter */
	counter-reset: section;
}


.num h2:before {
	content: counter(chapter) "." counter(section) ". ";
}

.num h2 {
	counter-increment: section;
	counter-reset: subsection;
}

.warn:before {
	content: url('img/warn.png');
	vertical-align:text-top;
	margin-right:5px;
}
.warn {
	font-style: italic;
	font-weight: bold;
	color: #ff9900;
}




/**** Edit form ****/

#wikiedit form {
  margin:0px;
  width:100%;
}
#wikiedit textarea {
  width:100%;
  min-height:500px;
  font-size: medium;
}



/**** Bibtexref ****/
/* citations */
.bibtex_raw_entry {
	margin:8px 20px;
}


.bibtex_entry {
	margin-top:20px;
	margin-bottom:20px;
}

.bibtex_entry .summary_title {
	display:none;
}

.bibtex_entry .title, .bibtex_entry .title a {
	font-weight:bold;
}

.bibtex_entry .booktitle, .bibtex_entry .series {
	font-style:italic;
}

.bibtex_entry .series_before {
	font-style:normal;
}

.bibtex_entry .post {
	display:block;
}

.bibtex_entry .note {
	font-style:italic;
	color:gray;
	display:block;
}


/* full description */
.fullpage_bibtex_entry .abstract{
	margin-bottom:20px;
}
.fullpage_bibtex_entry .summary{
	margin-bottom:20px;
}
.fullpage_bibtex_entry .bibtex_raw_entry{
	margin-bottom:20px;
}

/* raw bibtex */
.fullpage_bibtex_entry .bibtex_raw_entry, .fullpage_bibtex_entry .bibtex_raw_entry a.url {
	font-family: 'Monaco', monospace;
	font-size:medium;
}
.fullpage_bibtex_entry .bibtex_raw_entry .entry_body {
	margin-left:20px;
}
.fullpage_bibtex_entry .bibtex_raw_entry .entry_body .abstract{
	display:none;
}

/*** responsive design ***/

/* Small screens */
@media only screen and (max-width: 500px) {
	#page {
	    margin:0px 10px;
	}
	embed{
		width:100%;
	}
}
/* Medium screens */
@media only screen and (max-width: 800px) {
}