#table{width:100%;background-color:transparent;border-spacing:0;}
#menu1{

      background: no-repeat bottom center;

      height:100px;

      width:auto;

}

#menu{

      background-color:#FFFFFF;

      height:110px;

      width:auto;

}

#container{
      width:auto;
      height: 100px;
      margin:0 auto; 
}
#container5{
      width:auto;
      height: 90px;
      margin:0 auto; 
}
#menu ul li{

      list-style:none;

      float:left;

      padding:0;

      width:24%;

}

#menu ul li a{

      height:150px;

      width:auto;

      font-size:35px;

      text-decoration:none;

      text-align:center;

      display:block;

      background-color:#FFFFFF;

      background-size: 100% 100%;

      line-height:100px;

      color:#046380;

}

 

#menu ul li a.accueil{

      background-color:#B40404;

}

#menu ul li:hover a.accueil{

      height:100px;

      background-color:#FE2E2E;

}

#menu ul li a.bleu{

      background-color:#2E9AFE;

}

#menu ul li:hover a.bleu{

      height:100px;

      background-color:#A9D0F5;

}

#menu ul li a.jaune{

      background-color:#D7DF01;

}

#menu ul li:hover a.jaune{

      height:100px;

      background-color:#F4FA58;

}

#menu ul li a.vert{

      background-color:#31B404;

}

#menu ul li:hover a.vert{

      height:100px;

      background-color:#BCF5A9;

}

#menu ul li a.rose{

      background-color:#FE2EF7;

}

#menu ul li:hover a.rose{

      height:100px;

      background-color:#F5A9F2;

}


.maboite{
	float:center;
	width:100%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}
.maboite img{
	width:100%;
	background-size: contain;
}
#ma0boite{
	float:center;
	width:100%;
	padding: 1px;
	background-size: contain;
}

#ma0boiteimage{
	float:center;
	width:100%;
    height:auto;
	padding: 1px;
	background-size: contain;
}
#ma1boite img{
	width:100%;
	background-size: contain;
}
#ma19boite{
	float:center;
	width:90%;
	padding: 1px;
	background-size: contain;
}
#ma19boite img{
	width:100%;
	background-size: contain;
}
#ma190boite{
	float:center;
	width:90%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}
#ma190boite img{
	width:100%;
	background-size: contain;
}

#ma1boite img{
	width:100%;
	background-size: contain;
}
#ma80boite{
	float:center;
	width:80%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}



.made11{

	border: 10px solid #A699A9;
	margin: 15px;
}
.made1{

	border: 10px solid #04B404;
	margin: 15px;
}

.made{

	width:98%;	
	padding: 1px;
	background-color:	#FFFFFF;
	border: 16px solid #00FA9A;
	margin: 40px;
}
.made2{
	height:100px;
	border: 15px solid #0000FF;
	text-align: center;
	font-size:60px;
	background-color:	#FFFFFF;
	margin: 20px;
}
.madem{
	height:100px;
	
	text-align: center;


}
#madem{
	height:100px;
	
	text-align: center;

	
}
#made11{
	
	border: 10px solid #A699A9;
	margin: 15px;
}
#made1 {
		

	border: 10px solid #04B404;
	margin: 15px;
}
#made12{

		

	
	border: 10px solid #B6F50C;
	margin: 15px;
}

#made{

	width:98%;	
	padding: 1px;
	background-color:	#FFFFFF;
	border: 16px solid #00FA9A;
	margin: 4px;
}
#made2{
	height:100px;
	border: 15px solid #0000FF;
	text-align: center;
	font-size:60px;	
	background-color:	#FFFFFF;
	margin: 20px;
}
#bordered {
     border-spacing:0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 3px 3px #ccc;
	box-shadow: 0  3px 3px #ccc;
	text-align: center;
}

.bordered {
	border-spacing:0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 3px 3px #ccc;
	box-shadow: 0  3px 3px #ccc;
	text-align: center;
}
#made0{

	
	height:100px;	
	background-color:	#EEE8AA;
	border: 15px solid 	#FFFF00;
	font-size:60px;		
	text-align: center;	
	margin: 25px;
}


.made12{

		

	
	border: 10px solid #B6F50C;
	margin: 15px;
}

.made2{
	height:100px;
	border: 15px solid #0000FF;
	text-align: center;
	font-size:60px;
	background-color:	#FFFFFF;
	margin: 20px;
}
.made0{

	
	height:100px;	
	background-color:	#EEE8AA;
	border: 15px solid 	#FFFF00;
	font-size:60px;		
	text-align: center;	
	margin: 25px;
}


.pre{
      color: #4e9a06 ;
     font-weight: bold;
	 font-size:24px;
	 }

.o {
      color: #4e9a06 ;
     
	 font-size:24px;
	 }

.s1 {
      color: #4e9a06 ;
     font-weight: bold;
	 font-size:24px;
	 }
.maboite98{
	float:center;
	width:98%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}
.maboite98 img{
	width:98%;
	background-size: contain;
}
.ma10boite img{
	width:50%;
	float:center;
	background-size: contain;
}
.sc0 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FFFFFF;
	font-weight: bold;
}

.transparent{
 background-color: #ffffff;
 opacity: 0.4;
}
.sc1 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #008000;
	font-weight: bold;
}
.sc2 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FF0000;
	font-weight: bold;
}
.sc3 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #808080;
	font-weight: bold;
}
.sc4 {
	font-family: 'Courier New';
	font-size: 16pt ;
    font-weight: bold;
	color: #808080;
}
.sc5 {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #0000FF;
}
.sc9 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FF00FF;
	font-weight: bold;
}
.sc10 {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #000080;
}
.sc11 {
	font-family: 'Courier New';
	font-size: 16pt ;
}
.sc14 {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #880088;
}
.highlight{
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #000000;
}
.sc0 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FFFFFF;
	font-weight: bold;
}
.c1 {
	font-family: 'Courier New';
	font-size: 15pt ;
	color: #008000;
	font-weight: bold;
}
.s2 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #808080;
	font-weight: bold;
}
.mi {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FF0000;
	font-weight: bold;
}
.c3 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #808080;
	font-weight: bold;
}
.sc4 {
	font-family: 'Courier New';
	font-size: 16pt ;
    font-weight: bold;
	color: #808080;
}
.kn {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #0000FF;
}
.k {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #0000FF;
}
.sc9 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FF00FF;
	font-weight: bold;
}
.sc10 {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #000080;
}
.n {
	 color: #F10E72;
	font-family: 'Courier New';
     font-weight: bold;
	 font-size:24px;
}
.nf {
	 color: #F10E72;
	font-family: 'Courier New';
     font-weight: bold;
	 font-size:24px;
}
.nn {
	font-family: 'Courier New';
	font-size: 16pt ;
}
.nb {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #880088;
}
.cmjx-note {
  transform: translate(100px);
  font-size: 0.8em;
  color: #DD4A68;
}
#ma10boite img{
	width:50%;
	float:center;
	background-size: contain;
}
#ma11boite{
        height:150px;
        width:450px;
	width:20%;
	border: 2px solid #333;
	padding: 1px;
	background:url("menu2021/python.png") no-repeat;
        background-size=100% 100%;
}


span {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #000000;
}
p {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #000000;
}
.sc0 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FFFFFF;
	font-weight: bold;
}
.sc1 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #008000;
	font-weight: bold;
}
.sc2 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FF0000;
	font-weight: bold;
}
.sc3 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #808080;
	font-weight: bold;
}
.sc4 {
	font-family: 'Courier New';
	font-size: 16pt ;
    font-weight: bold;
	color: #808080;
}
.sc5 {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #0000FF;
}
.sc9 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FF00FF;
	font-weight: bold;
}
.sc10 {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #000080;
}
.sc11 {
	font-family: 'Courier New';
	font-size: 16pt ;
}
.sc14 {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #880088;
}
.highlight{
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #000000;
}
.sc0 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FFFFFF;
	font-weight: bold;
}
.c1 {
	color: #0E9E37;
	font-family: 'Courier New';
	font-weight: bold;
	font-size:24px;
}

.s2 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #808080;
	font-weight: bold;
}
.mi {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FF0000;
	font-weight: bold;
}
.c3 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #808080;
	font-weight: bold;
}
.sc4 {
	font-family: 'Courier New';
	font-size: 16pt ;
    font-weight: bold;
	color: #808080;
}
.kn {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #0000FF;
}
.k {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #0000FF;
}
.sc9 {
	font-family: 'Courier New';
	font-size: 16pt ;
	color: #FF00FF;
	font-weight: bold;
}
.sc10 {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #000080;
}
.n {
	font-family: 'Courier New';
	font-size: 16pt ;
}
.nn {
	font-family: 'Courier New';
	font-size: 16pt ;
}
.nb {
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #880088;
}
.cmjx-note {
  transform: translate(100px);
  font-size: 0.8em;
  color: #DD4A68;
}
.highlight-python{
	font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #880088;
} 
#notranslate{
    font-family: 'Courier New';
	font-size: 16pt ;
	font-weight: bold;
	color: #0000FF;
}

#taillepython{
 background:url("menu2021/python.png") no-repeat;
 background-size=100% 100%;
}
#ma17boite{
	float:center;
	width:70%;
	padding: 10px;
	border: 10px solid #333;
	margin: 30px;
	background-size: contain;
}
#ma17boite img{
	width:100%;
	background-size: contain;
}
#made{

	width:100%;	
	padding: 5px;
	
	border: 2px solid #0000FF;
	margin: 3px;
}

#blanc{
    height: 100px;
	width:100%;	
	padding: 10px;
	background-size: auto 100px;
	border: 20px solid #0000FF;
	margin: 20px;
	
}
#com{
	width:100%;
	background-size: contain;
	color:#000000;
	font-size:20px;
	
	
}
#mae{
	width:100%;	
	padding: 5px;
	
	border: 2px solid #0000FF;
	margin: 3px;
}


#nom{
	border-radius: 1px;
    
	top :1px;
	left: 10px;
	text-align:center;
	
	
	background-color:#E7EE04 ;
}

#ma170boite{
	float:center;
	width:70%;
	border: 10px solid #333;
	padding: 10px;
	background-size: contain;
	margin: 30px;
}
#ma170boite img{
	width:100%;
	background-size: contain;
}
#ma16boite{
	float:center;
	width:60%;
	padding: 1px;
	background-size: contain;
}
#ma16boite img{
	width:100%;
	background-size: contain;
}
#ma16boite a{
	width:100%;
	background-size: contain;
}
#ma160boite{
	float:center;
	width:50%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}
#ma160boite img{
	width:100%;
	background-size: contain;
}
#ma2boite{
    float:center;
	width:60%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}
#ma2boite img{
	width:100%;
	background-size: contain;
}
#ma25boite{
	float:left;
	width:25%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}
#ma25boite img{
	width:25%;
	background-size: contain;
}
#ma25cboite{
	float:left;
	width:75%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}
#ma25cboite img{
	width:75%;
	background-size: contain;
}
#ma4boite{
	float:center;
	width:40%;
	
	padding: 1px;
	background-size: contain;
}
#ma210boite{
	
	width:10%;
	
	padding: 1px;
	background-size: contain;
}
#ma4boite img{
	width:100%;
	background-size: contain;
}
#ma40boite{
	float:center;
	width:40%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}
#ma4boite img{
	width:100%;
	background-size: contain;
}
#ma3boite{
	float:center;
	width:30%;
	
	padding: 1px;
	background-size: contain;
}
#ma3boite img{
	width:100%;
	background-size: contain;
}
#ma30boite{
	float:center;
	width:30%;
	border: 2px solid #333;
	padding: 1px;
	background-size: contain;
}
#ma30boite img{
	width:100%;
	background-size: contain;
}
#idle td th{
	font-size:15px;
	font-family:"
	
}

.echelle{
	transform: scale(1.0);
	background-size: contain;
}
.bordered {
	border: solid #FFFFFF 3px;
    -moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius: 20px;
	-webkit-box-shadow:0 10px 0  #ccc;
	-moz-box-shadow: 0 10px 0  #ccc;
	box-shadow: 0 10px 0 #ccc;
	}
.bordered td, .bordered th {
	border-left: 1px solid #4000FF;
	border-top: 1px solid #4000FF;
	border-bottom: 1px solid #4000FF;
	padding: 10px;
	text-align: left;
	vertical-align:center;
}
.bordered th {
	background-color:#FFFFFF;
	background-image:linear-gradient(top, #FFFFFF #FFFFFF);
	box-shadow: 0 1px 0 rgba(255,255,2555,.8) inset;
	border-top:none;
	text-align: left;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.bordered .head {
	background-color:#7FF15D;
	
	text-align: center;
}
.bordered .head th {
	background-color:#7FF15D;
	border-radius: 20px 0 0 0;
	text-align: center;
}
.bordered .coul {
	background-color:#B0C6EE ;
	
	text-align: center;
}
.bordered .coul th {
	background-color:#B0C6EE ;
	border-radius: 20px 0 0 0;
	text-align: center;
}
.bordered .headbord {
	background-color:#7FF15D;
	
	font-style:bold;
	text-align: center;
}
.bordered .bord {
	background-color:#FFFFFF;
	
	font-style:bold;
	text-align: center;
}
.bordered .droid {
	background-color:#FFFFFF;
	
	font-style:bold;
	
}
.bordered th:first-child{
	border-radius: 20px 0 0 0;
}

.bordered th:last-child {
	border-radius:0 20px 0 0;
}
.bordered tr :last-child td:first-child {
	border-radius:0 0 0 20px;
}
.bordered tr:hover {
	background: #fbfbe9;
}

.bordered tr :last-child td:last-child {
	border-radius:0 0 20px 0;
}
/*
*   math2html: convert LaTeX equations to HTML output.
*
*   Copyright (C) 2009,2010 Alex Fernández
*
*   Released under the terms of the `2-Clause BSD license'_, in short:
*   Copying and distribution of this file, with or without modification,
*   are permitted in any medium without royalty provided the copyright
*   notice and this notice are preserved.
*   This file is offered as-is, without any warranty.
*
* .. _2-Clause BSD license: http://www.spdx.org/licenses/BSD-2-Clause
*
*   Based on eLyXer: convert LyX source files to HTML output.
*   http://elyxer.nongnu.org/
*/
/* --end--
* CSS file for LaTeX formulas.
*/

/* Formulas */
.formula {
	text-align: center;
	font-family: "Droid Serif", "DejaVu Serif", "STIX", serif;
	margin: 1.2em 0;
}
span.formula {
	white-space: nowrap;
}
div.formula {
	padding: 0.5ex;
	margin-left: auto;
	margin-right: auto;
}

/* Basic features */
a.eqnumber {
	display: inline-block;
	float: right;
	clear: right;
	font-weight: bold;
}
span.unknown {
	color: #800000;
}
span.ignored, span.arraydef {
	display: none;
}
.formula i {
	letter-spacing: 0.1ex;
}

/* Alignment */
.align-left, .align-l {
	text-align: left;
}
.align-right, .align-r {
	text-align: right;
}
.align-center, .align-c {
	text-align: center;
}

/* Structures */
span.overline, span.bar {
	text-decoration: overline;
}
.fraction, .fullfraction {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.fraction .fraction {
	font-size: 80%;
	line-height: 100%;
}
span.numerator {
	display: block;
}
span.denominator {
	display: block;
	padding: 0ex;
	border-top: thin solid;
}
sup.numerator, sup.unit {
	font-size: 70%;
	vertical-align: 80%;
}
sub.denominator, sub.unit {
	font-size: 70%;
	vertical-align: -20%;
}
span.sqrt {
	display: inline-block;
	vertical-align: middle;
	padding: 0.1ex;
}
sup.root {
	font-size: 70%;
	position: relative;
	left: 1.4ex;
}
span.radical {
	display: inline-block;
	padding: 0ex;
	font-size: 150%;
	vertical-align: top;
}
span.root {
	display: inline-block;
	border-top: thin solid;
	padding: 0ex;
	vertical-align: middle;
}
span.symbol {
	line-height: 125%;
	font-size: 125%;
}
span.bigsymbol {
	line-height: 150%;
	font-size: 150%;
}
span.largesymbol {
	font-size: 175%;
}
span.hugesymbol {
	font-size: 200%;
}
span.scripts {
	display: inline-table;
	vertical-align: middle;
}
.script {
	display: table-row;
	text-align: left;
	line-height: 150%;
}
span.limits {
	display: inline-table;
	vertical-align: middle;
}
.limit {
	display: table-row;
	line-height: 99%;
}
sup.limit, sub.limit {
	line-height: 100%;
}
span.symbolover {
	display: inline-block;
	text-align: center;
	position: relative;
	float: right;
	right: 100%;
	bottom: 0.5em;
	width: 0px;
}
span.withsymbol {
	display: inline-block;
}
span.symbolunder {
	display: inline-block;
	text-align: center;
	position: relative;
	float: right;
	right: 80%;
	top: 0.3em;
	width: 0px;
}

/* Environments */
span.array, span.bracketcases, span.binomial, span.environment {
	display: inline-table;
	text-align: center;
	border-collapse: collapse;
	margin: 0em;
	vertical-align: middle;
}
span.arrayrow, span.binomrow {
	display: table-row;
	padding: 0ex;
	border: 0ex;
}
span.arraycell, span.bracket, span.case, span.binomcell, span.environmentcell {
	display: table-cell;
	padding: 0ex 0.2ex;
	line-height: 99%;
	border: 0ex;
}
/*
* CSS file for LaTeX formulas, extra stuff:
* binomials, vertical braces, stackrel, fonts and colors.
*/

/* Inline binomials */
span.binom {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 80%;
}
span.binomstack {
	display: block;
	padding: 0em;
}

/* Over- and underbraces */
span.overbrace {
	border-top: 2pt solid;
}
span.underbrace {
	border-bottom: 2pt solid;
}

/* Stackrel */
span.stackrel {
	display: inline-block;
	text-align: center;
}
span.upstackrel {
	display: block;
	padding: 0em;
	font-size: 80%;
	line-height: 64%;
	position: relative;
	top: 0.15em;

}
span.downstackrel {
	display: block;
	vertical-align: bottom;
	padding: 0em;
}

/* Fonts */
span.mathsf, span.textsf {
	font-style: normal;
	font-family: sans-serif;
}
span.mathrm, span.textrm {
	font-style: normal;
	font-family: serif;
}
span.text, span.textnormal {
	font-style: normal;
}
span.textipa {
	color: #008080;
}
span.fraktur {
	font-family: "Lucida Blackletter", eufm10, blackletter;
}
span.blackboard {
	font-family: Blackboard, msbm10, serif;
}
span.scriptfont {
	font-family: "Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive;
	font-style: italic;
}

/* Colors */
span.colorbox {
	display: inline-block;
	padding: 5px;
}
span.fbox {
	display: inline-block;
	border: thin solid black;
	padding: 2px;
}
span.boxed, span.framebox {
	display: inline-block;
	border: thin solid black;
	padding: 5px;
}

.p {
      color: #2C2C27;
     font-weight: bold;
	 font-size:24px;
	 }
.table head td {vertical-align:center;font-size:29px;}
code{padding:2px 4px;color:#d14;background-color:#f7f7f9;font-size:19px;border:1px solid #e1e1e8;white-space:nowrap;}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:16px;line-height:16px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:transparent;color:#4000FF; border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:20px;}