body
	{
	background-color: rgb(255, 248, 220);
	/*background-color: rgb(192,192,192);*/
	font-size: 16px;
	font-family: Comic Sans MS ;
	color: black;
	overflow:auto;
	}

header
	{
	color: blue;
	text-align: center;
	font-size: 24px;
	font-family: Comic Sans MS ;
	border-radius: 10px;
	}
	
header #fermer
	{
	float: right;
	padding-right : 5px ;
	}
#cartes img
	{
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center; 
      width: 120px; 
      height: 120px;
    }
	
h1
	{
	margin-left: 5%; /*marge extérieure gauche*/
	color: red;
	font-size: 10px;
	font-family: Comic Sans MS ;
	overflow: auto;
	}

h2
	{
	margin-left: 1%; /*marge extérieure gauche*/
	color: black;
	font-size: 16px;
	font-family: Comic Sans MS ;
	
	}	
h2 souligne1
{
	text-decoration: underline black;
}
h2 souligne
{
	text-decoration: underline red;
}

h2 souligne2/*Décallage de 50px + souligné*/
{
	padding: 0px 0px 0px 50px;
	text-decoration: underline red;
}
h2 souligne3/*Décallage de 100px + souligné*/
{
	padding: 0px 0px 0px 100px;
	text-decoration: underline red;
}
h2 souligne4 /*Décallage de 150px + souligné*/
{
	padding: 0px 0px 0px 150px;
	text-decoration: underline red;
}
h3
	{
	margin-left: 1%; /*marge extérieure gauche*/
	color: black;
	font-size: 16px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	
	}
grand
	{
	margin-left: 1%; /*Agrandissement de 16 à 32 px*/
	color: black;
	font-size: 32px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	}
h3 grand
	{
	margin-left: 1%; /*Agrandissement de 16 à 32 px*/
	color: black;
	font-size: 32px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	}
h3 dessus
	{
	text-decoration: overline;
	}
h3 decale/*Décallage de 50px*/
	{
	padding: 0px 0px 0px 50px; 
	color: black;
	font-size: 16px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	}
h3 decale2/*Décallage de 100px*/
	{
	padding: 0px 0px 0px 100px; 
	color: black;
	font-size: 16px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	}
h3 decale3/*Décallage de 150px*/
	{
	padding: 0px 0px 0px 150px; 
	color: black;
	font-size: 16px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	}
	
h3 sommaire /*Décallage de 40%*/
	{
	padding: 0% 0% 0% 40%; 
	color: black;
	font-size: 16px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	
	}
h3 sommaire1/*Décallage de 45%*/
	{
	padding: 0% 0% 0% 45%; 
	color: black;
	font-size: 16px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	}
h3 sommaire2/*Décallage de 45%*/
	{
	padding: 0% 0% 0% 50%; 
	color: black;
	font-size: 16px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	}
h3 barre
{
	text-decoration:line-through red;
}
h3 souligne
{
	text-decoration: underline black;
}
rouge1  {color: red;}
bleu  {color: blue;}
vert {color: green;}

rouge
	{
	color: red;
	font-style: italic;
	font-weight: normal;
	background-color: yellow;
	}
#rouge
	{
	color: yellow;
	font-style: italic;
	font-weight: normal;
	background-color: yellow;
	}
#rouge:hover
	{
	color: red;
	font-style: italic;
	font-weight: normal;
	background-color: yellow;
	}
#noire
	{
	color: black;
	font-weight: normal;
	}
#noire:hover
	{
	color: red;
	font-style: italic;
	font-weight: normal;
	background-color: yellow;
	}

.rouge
	{
	color: yellow;
	font-style: italic;
	font-weight: normal;
	background-color: yellow;
	}
.rouge:hover
{
	color: red;
	background-color: yellow;
}
#grand
	{
	margin-left: 1%; /*Agrandissement de 16 à 32 px*/
	color: black;
	font-size: 32px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	}
.consigne
{
	padding-left: 15px;
	padding-right: 15px;
	width: 900;
	background-color: rgb(255, 255, 0);
	border: 5px solid;
	color: green;
	font-size: 16px;
	font-family: Comic Sans MS ;
	font-weight: normal;
	text-align: left;
	overflow: auto;
}
.consigne dessus
	{
	text-decoration: overline;
	}

a span {visibility: Hidden ; }  
a:hover span {visibility: visible ; }  

h3 table 
{
	margin : auto ;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color: black;
	background-color: rgb(255, 248, 220);
	border-spacing : 0px ;
	empty-cells : hide ;
}

h5 table
{
	width : 80px; 
	margin : auto ;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color: black;
	text-align: center;
	background-color: rgb(255, 248, 220);
	border-spacing : 0px ;
	empty-cells : hide ;
}
h5 table img
{
	width: 25px; 
    height: 25px;
	text-align: center;
}
h6 table
{
	width : 200px; 
	margin : auto ;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color: black;
	text-align: center;
	background-color: rgb(255, 248, 220);
	border-spacing : 0px ;
	empty-cells : hide ;
	vertical-align: middle;
}


#fraction { 
  width: 120px; 
  border-collapse:collapse;
  border :0px  ; 
  text-align :center;
 }
#fraction2 { 
  width: 240px; 
  border-collapse:collapse;
  border :0px solid navy ; 
  text-align :center;
}
#fraction souligne/*pour les fractions.*/
{text-decoration: underline; }
#fraction2 souligne/*pour les fractions.*/
{text-decoration: underline; }

table souligne/* les tableaux en général.*/
{text-decoration: underline;}

table tgauche { float:left;}
table tdroit { float:right;}
tr {height: 50 px;}
th {background-color: silver; text-align: center;} 
caption {background-color: rgb(240, 236, 236); font-size: 24px;} 
/*td  {text-align: left;}*/

form /* les tableaux en général.*/
{
	font-size: 16px;
	font-family: Comic Sans MS ;
	color: black;
	
}
.ligne5 {font-size:12px; fill : black; stroke:black;   } 
.ligne5a {font-size:12px; fill : black; stroke:red; font-style: italic;  } 
.ligne5b {font-size:12px; fill : black; stroke:blue;  } 
.ligne2 {font-size:16px; fill : black; stroke:black; stroke-width:1px; } 
.ligne2a {font-size:16px; fill : red; stroke:red; stroke-width:1px; font-style: italic;  } 
.ligne4 {font-size:8px; fill : none; stroke:black; stroke-width:1.2px; } 
.ligne3 {font-size:32px; fill : black; stroke:black; stroke-width:1px; } 
.ligne {strocke:"red" stroke-width:"10"}

.caseReponse{
	  
      border: 1px dashed black;
      display: table-cell; 
      width: 150px; 
      height: 150px;
    }
.caseReponse1{
      border: 1px dashed navy;
      display: table-cell; 
	  text-align: center; 
      width: 90px; 
      height: 45px;
	 }

	.FuncButton {
text-align: center;
border-style: solid;
border-left-color: #FFFFCC;
border-top-color: #FFFFCC;
border-right-color: #996633;
border-bottom-color: #996633;
color: #3366FF;
background-color: #FFFF99;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}
	.FuncButtonUp {
color: #33CCFF;
text-align: center;
border-style: solid;
border-left-color: #FFFFCC;
border-top-color: #FFFFCC;
border-right-color: #996633;
border-bottom-color: #996633;
background-color: #FFCC66;
color: #3366FF;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}
	.FuncButtonDown {
color:#33CCFF;
text-align: center;
border-style: solid;
border-left-color: #FFFFCC;
border-top-color: #FFFFCC;
border-right-color: #996633;
border-bottom-color: #996633;
background-color: #FFCC66;
color: #3366FF;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}

.pointe1 {cursor: pointer; opacity:0.0;}
.pointe2 {cursor: pointer; }

#PM2 img
	{
      display: block;
      margin-left: auto;
	  margin-right: auto;
      text-align: center; 
      width: 70px; 
      height: 70px;
	}

#PM2  .caseReponse{
      border: 1px dashed navy;
      display: table-cell; 
	  text-align: center; 
      width: 70px; 
      height: 70px;
    }
#PM2 table
	{
	font-size: 24px;
	font-family: Comic Sans MS ;
	text-align: center;
	border: 2px solid navy;
	}
#PM img
	{
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center; 
      width: 90px; 
      height: 45px;
    }

#PM  .caseReponse{
      border: 1px dashed navy;
      display: table-cell; 
	  text-align: center; 
      width: 45px; 
      height: 45px;
	  padding: 10px;
    }
.caseReponse1{
      border: 1px dashed navy;
      display: table-cell; 
	  text-align: center; 
      width: 90px; 
      height: 45px;
	  padding: 10px;
    }
#PM  .caseReponse90{
      border: 1px dashed navy;
      display: table-cell; 
	  text-align: center; 
      width: 45px; 
      height: 45px;
	  transform: rotate(90deg);
    }
#PM table
	{
	font-size: 36px;
	font-family: Comic Sans MS ;
	text-align: center;
	border: 0px dashed navy;
	}
#PM table td
{
	border : 0px solid navy;
	text-align: center;
	
}

.fraction {
    display: inline-block;
    vertical-align: middle; 
    margin: 0 0.2em 0.4ex;
    text-align: center;
}
.fraction > span {
    display: block;
    padding-top: 0.15em;
}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}