article #flattr{position:fixed;top:370px;margin-left:15px;}


/* Bloc déroulant pour sommmaire*/
article .nav{
counter-reset:h2som h3som h4som;
		 border-radius:5px;
			border: 1px solid gray;
			background:white;
			color: #333;
			z-index:3;
			 position: relative;
		  top:165px; 
		  position:fixed;
		  width: 80px;
			height:16px;
			/*display:none;*/
			
								/*transition à la fermeture*/
			
			-webkit-transition-property: width,height,padding; 
			-webkit-transition-duration: 1s;
			-webkit-transition-timing-function: ease;

			/* When being supported by FF */

			-moz-transition-property: width,height,padding;
			-moz-transition-duration: 1s;
			-moz-transition-timing-function: ease;

			/* … and if it's standardised one day (#optimism) */

			transition-property: width,height,padding;
			transition-duration: 1s;
			transition-timing-function: ease;
      margin: 0;
      padding: 0;
			overflow: hidden; /* cache la partie qui apparaîtra au hover*/
		}
article #bonus {
		  top:215px; 
		  position:fixed;
		  width: 80px;
			height:16px;
 border-radius:5px;
			border: 1px solid gray;
			background:white;
			color: #333;
			z-index:2;
							/*transition à la fermeture*/
			
			-webkit-transition-property: width,height,padding; 
			-webkit-transition-duration: 1s;
			-webkit-transition-timing-function: ease;

			/* When being supported by FF */

			-moz-transition-property: width,height,padding;
			-moz-transition-duration: 1s;
			-moz-transition-timing-function: ease;

			/* … and if it's standardised one day (#optimism) */

			transition-property: width,height,padding;
			transition-duration: 1s;
			transition-timing-function: ease;
      margin: 0;
      padding: 0;
			overflow: hidden; /* cache la partie qui apparaîtra au hover*/
}
article #autrechap
{
	  top:265px; 
		  position:fixed;
		  width: 80px;
			height:16px;
 border-radius:5px;
			border: 1px solid gray;
			background:white;
			color: #333;
			z-index:1;
							/*transition à la fermeture*/
			
			-webkit-transition-property: width,height,padding; 
			-webkit-transition-duration: 1s;
			-webkit-transition-timing-function: ease;

			/* When being supported by FF */

			-moz-transition-property: width,height,padding;
			-moz-transition-duration: 1s;
			-moz-transition-timing-function: ease;

			/* … and if it's standardised one day (#optimism) */

			transition-property: width,height,padding;
			transition-duration: 1s;
			transition-timing-function: ease;
      margin: 0;
      padding: 0;
			overflow: hidden; /* cache la partie qui apparaîtra au hover*/
}

article #video-chap
{
	  top:215px; 
		  position:fixed;
		  width: 80px;
			height:16px;
 border-radius:5px;
			border: 1px solid gray;
			background:white;
			color: #333;
			z-index:3;
							/*transition à la fermeture*/
			
			-webkit-transition-property: width,height,padding; 
			-webkit-transition-duration: 1s;
			-webkit-transition-timing-function: ease;

			/* When being supported by FF */

			-moz-transition-property: width,height,padding;
			-moz-transition-duration: 1s;
			-moz-transition-timing-function: ease;

			/* … and if it's standardised one day (#optimism) */

			transition-property: width,height,padding;
			transition-duration: 1s;
			transition-timing-function: ease;
      margin: 0;
      padding: 0;
			overflow: hidden; /* cache la partie qui apparaîtra au hover*/
}
article #autrechap:hover{width:450px;height:400px;padding:5px;}

article .nav:hover, article #bonus:hover, article #autrechap:hover,article #video-chap:hover {
				
						/*transition à l'ouverture*/
		
			-webkit-transition-property: width,height,padding;
			-webkit-transition-duration: 1s;
			-webkit-transition-timing-function: ease;
			
	/* When being supported by FF */

			-moz-transition-property: width,height,padding;
			-moz-transition-duration: 1s;
			-moz-transition-timing-function: ease;

			/* … and if it's standardised one day (#optimism) */

			transition-property: width,height,padding;
			transition-duration: 1s;
			transition-timing-function: ease;
			
		}
	
article .nav ul {
		  margin:0px;
		  text-align:left;
		  font-size:0.9em;
		  padding: 0;
		  list-style-type:none;
			position:absolue;
			text-align: left;
	top:20px;
		}	
article #bonus ul, article #autrechap ul, article #video-chap ul{
font-size:0.9em;
margin:0px;
padding: 0;
list-style-type:;
text-align:left;
position:absolue;
text-align: left;
top:20px;
}
article #bonus li	
{
margin-bottom:5px;
}
article .nav li, article #bonus li, article #autrechap li, article #video-chap li		
		{
	margin-top:2px;
	color:gray;
	margin-left:2px;
	text-align:left;
		}
article .nav li ul, article #bonus li ul, article #autrechap li ul {		/*sous liste*/
	padding-left:20px; /* indentation */
	  margin-top:0px;
      margin: 5px;
      /*line-height: 1.2;*/
	  text-align:left;
    }
	
article .nav p, article #bonus p, article #autrechap p, article #video-chap p{ /* titre du menu*/		 
		 background:gray;
		  color:white;
		  border-radius:5px;
		  text-align:center;
		  width:80px;
		  font-weight:bold;
		  margin: 0 auto;
		  margin-bottom:5px;
		  margin-top:0px; /* bug firefox*/
		  font-size: 0.8em;
		  
		  /*transition à l'ouverture*/
		
			-webkit-transition-property: width;
			-webkit-transition-duration: 0.5s;
			-webkit-transition-timing-function: ease;
			
	/* When being supported by FF */

			-moz-transition-property: width;
			-moz-transition-duration: 0.5s;
			-moz-transition-timing-function: ease;

			/* … and if it's standardised one day (#optimism) */

			transition-property: width;
			transition-duration: 0.5s;
			transition-timing-function: ease;	
		  
		}
article .nav:hover p, article #autrechap:hover p, article #video-chap:hover p
{		
width:120px;
	/*transition à l'ouverture*/
		
			-webkit-transition-property: width;
			-webkit-transition-duration: 0.5s;
			-webkit-transition-timing-function: ease;
			
	/* When being supported by FF */

			-moz-transition-property: width;
			-moz-transition-duration: 0.5s;
			-moz-transition-timing-function: ease;

			/* … and if it's standardised one day (#optimism) */

			transition-property: width;
			transition-duration: 0.5s;
			transition-timing-function: ease;		
}
article #bonus li a {
text-decoration:underline;
}		
article .nav a, article #bonus a, article #autrechap a, article #video-chap a {
			color:gray;
			text-decoration:none;
		
						/*transition à l'ouverture*/
		
			-webkit-transition-property: background-color;
			-webkit-transition-duration: 0.5s;
			-webkit-transition-timing-function: ease;
			
	/* When being supported by FF */

			-moz-transition-property: background-color;
			-moz-transition-duration: 0.5s;
			-moz-transition-timing-function: ease;

			/* … and if it's standardised one day (#optimism) */

			transition-property: background-color;
			transition-duration: 0.5s;
			transition-timing-function: ease;		
			
		}
article .nav a:hover, article #bonus a:hover, article #autrechap a:hover, article #video-chap a:hover{
	color:white;
	background-color:gray;	

				/*transition à l'ouverture*/
		
			-webkit-transition-property: background-color;
			-webkit-transition-duration: 0.5s;
			-webkit-transition-timing-function: ease;
			
	/* When being supported by FF */

			-moz-transition-property: background-color;
			-moz-transition-duration: 0.5s;
			-moz-transition-timing-function: ease;

			/* … and if it's standardised one day (#optimism) */

			transition-property: background-color;
			transition-duration: 0.5s;
			transition-timing-function: ease;		
}
article .nav .white,article #bonus .white, article #autrechap .white, article #video-chap .white {
	color:white;
	font-size:0.9em;
	text-decoration:none;	
}

article .nav li
{
color:gray;
}
article .nav ul li:before {
  content: counter(h2som) "  ";
  counter-increment: h2som;
}
article .nav ul li ul li:before {
  content: counter(h2som) "." counter(h3som) "  ";
  counter-increment: h3som;
}
article .nav ul li ul li ul li:before {
  content: counter(h2som) "." counter(h3som) "." counter(h4som) "  ";
  counter-increment: h4som;
}

article .nav ul li {
  counter-reset: h3som;
}
article .nav ul li ul li {
  counter-reset: h4som;
}
article .nav .unnembered:before{
content:none;
}
/* FIN Bloc déroulant pour sommmaire*/

article #corps /* article rétrécit pour laisser place au sommaire*/
{
width:714px;
margin-left:100px;
counter-reset: h2art h3art h4art h5art figure;
}

article #corps .legende:before { /* compteur de figure */
  counter-increment: figure;  /* Ajoute 1 au compteur de figure */
  content: "Figure "counter(figure) "-";
}

article #corps h2:before {
  content: counter(h2art) ".""  ";
  counter-increment: h2art;
}
article #corps h3:before {
  content: counter(h2art) "." counter(h3art) ".""  ";
  counter-increment: h3art;
}
article #corps h4:before {
  content: counter(h2art) "." counter(h3art) "." counter(h4art) ".""  ";
  counter-increment: h4art;
}

/*article #corps h5:before {
  content: counter(h2art) "." counter(h3art) "." counter(h4art) "."counter(h5art) ".""  ";
  counter-increment: h5art;
}*/

article #corps h2 {
  counter-reset: h3art;
}
article #corps h3 {
  counter-reset: h4art;
}
article #corps h4 {
  counter-reset: h5art;
}
article #corps .unnumbered:before{
  content: none;
}

/*.unnembered*/
/*{*/
/*content:none;*/
/*}*/


article h2
{
font-size:1.5em;
font-family: Geneva, "trebuchet MS","Times New Roman",Arial,"Arial Black",Times,serif;
}
article h3
{
margin-top:20px;
font-size:1.2em;
  font-family: Geneva, "trebuchet MS","Times New Roman",Arial,"Arial Black",Times,serif;
}
article h4
{
margin-top:20px;
font-size:1.0em;
  font-family: Geneva, "trebuchet MS","Times New Roman",Arial,"Arial Black",Times,serif;
}
article h5
{
margin-top:20px;
font-size:0.9em;
  font-family: Geneva, "trebuchet MS","Times New Roman",Arial,"Arial Black",Times,serif;
}

article p
{
font-size: 0.9em;
  text-align: justify;
  color: black;
  font-family: Geneva, "trebuchet MS","Times New Roman",Arial,"Arial Black",Times,serif;
}
article #corps ul li
{
font-size: 0.9em;
  font-family: Geneva, "trebuchet MS","Times New Roman",Arial,"Arial Black",Times,serif;
}
article #corps ul li p /* Cours obtenu avec pandoc */ 
{
font-size: 1.0em;
  font-family: Geneva, "trebuchet MS","Times New Roman",Arial,"Arial Black",Times,serif;
}
article #corps ol li /* pour les questions des td*/
{
font-size:0.9em;
  font-family: Geneva, "trebuchet MS","Times New Roman",Arial,"Arial Black",Times,serif;
}
article figure
{
/*border:1px solid black;*/
padding:0;
margin-right:0px;
margin-left:20px;
text-align:center;
display:inline-block;
vertical-align:middle;
}
article .acotefigure
{
/*border:1px solid black;*/
display:inline-block;
vertical-align:middle;
}
article .figureseule
{
width:714px;
margin:auto;
text-align:center;
}
article .legende
{
text-align:center;
margin-bottom:30px;
}
article table
{
 border-collapse:collapse;
 width:500px;
 margin:auto;
}
article table .bold
{
font-weight:bold;
}
article table .center
{
text-align:center;
}
article table td
{
padding:5px;
border:1px solid black;
font-size: 0.9em;
  color: black;
  font-family: Geneva, "trebuchet MS","Times New Roman",Arial,"Arial Black",Times,serif;
}

/* numérotation questions imbriquées dans TD*/

article .imbrication ul{
list-style-type:none;
}
article .taillenormale {
font-size:1em;
}

article h2{
counter-reset:h2som h3som h4som;
}
article .imbrication ul li:before {
  content: counter(h2som) ". ";
  counter-increment: h2som;
}
article .imbrication ul li ul li:before {
  content: counter(h2som) "." counter(h3som) ".  ";
  counter-increment: h3som;
}
article .imbrication ul li ul li ul li:before {
  content: counter(h2som) "." counter(h3som) "." counter(h4som) ".  ";
  counter-increment: h4som;
}

article .imbrication ul li {
  counter-reset: h3som;
}
article .imbrication ul li ul li {
  counter-reset: h4som;
}
/* FIN numérotation questions imbriquées dans TD*/

article table .bordernone
{
border-top:0px;
border-left:0px;
}
article .formule
{
text-align:center;
font-size: 1.0em;
}
article a:hover
{
background-color:#7CACFF;
color:white;
}
article li a
{
color: rgb(66,66,255);
text-decoration:none;
}
article .ref li
{
padding-bottom:3px;
}
article .boutonreponse
{
text-align:center;
color:gray;
font-weight:bold;
}
article .reponse
{
background-color: rgb(204,230,255);
padding:5px;
}
#corps .math2 /* test sur pandoc*/
{
display:block;
text-align:center;
}
article #xiti
{
margin-top:30px;
text-align: left;
margin-left:23px;
}