@charset "utf-8";
       /* CSS Document */
       
       body {
       	font: 100% "Times New Roman", Times, serif;
       	background-color: #ffffff;
       	
       	margin: 0;
       	padding: 0;
       	color: #000;
       }
       
       .container {
       	width: 700px;
       	background-color: rgba(0,102,153,0.3);
       /*	position:relative;*/
       	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
       /*	height:525px;*/
       	border: solid 1px;
       }
       
       .content {
       	background-color: rgba(51,0,153,0.3);
       	padding: 5px 0;
       	width: 100%;
       	margin: 0 auto;
       	border: thin;
       	text-align:center;
       	height:500px;
       	
       	
       }
       
       .header {
       	background-color: #93A5C4;
       	padding-bottom: 5px;
       	border-bottom-width: 2px;
       	border-bottom-style: solid;
       	border-bottom-color: #743A3A;
       	text-align:center;
       	height:25px;
       	width: 100%;
       }
       .footer {
       	background-color: #93A5C4;
       	
       	border-top-width: 2px;
       	border-top-style: solid;
       	border-top-color: #743A3A;
       	text-align:center;
       	width: 100%;
       	height:25px;
       	
       	
       }
       
       .Normal {
       	font-family: Times New Roman;
       	font-size: 16px;
       	font-style:normal;
       	font-weight: normal;
       	text-transform: none;
       	color: #000000 ;
       	letter-spacing:0px;
       	text-indent: 0px;
       	margin:0px 0px 0px 0px;
       	
       	
       }
       
       .titre {
       	font-family: Times New Roman;
       	font-size: 18px;
       	font-style:normal;
       	font-weight:bold;
       	text-transform: none;
       	color: #743A3A ;
       	letter-spacing:0px;
       	margin: 0 auto;
       	position:relative;
       	top:6px;
       	
       	
       
       	}
      
      


       /*Couleurs*/
       
       .quest {
       	background-color:rgba(255,204,102,1);
       	color:rgba(0,102,0,1);
       }
       
       .reputil {
       	background-color: rgba(249,170,172,1);
       	color:rgba(128,0,0,1);
       }
       
       .result {
       	background-color: rgba(204,204,204,1);
       	color:rgba(128,0,0,1);
       }
      
       .sgn {
       	background-color: rgba(153,204,204,1);
       	color:rgba(204,0,0,1);
       }
	   
	   .transp {
		   background-color:transparent;
		   
		   }
 
 /*nombres*/
      
.nb {

	font-size:20px;
	text-align:center;
	position:relative;
	top:15px;
	width:50px;
	height: 30px;
	padding:0px;
	border:none;
	
}
.nbgrand {

	font-size:20px;
	text-align:center;
	position:relative;
	top:15px;
	width:100px;
	height: 30px;
	padding:0px;
	border: none;
	
	
}
.nbvar {

	font-size:20px;
	text-align:center;
	position:relative;
	
	width:100%;
	height: 30px;
	
	border: none;
	
	
}

      /* fraction*/
       .fractdeno {
       	font-size:18px;
       	vertical-align:middle;
       	text-align:center;
       	position:relative;
 	 	bottom:5px;
       	width:50px;
       	height: 30px;
       	padding:0px;
		border:none;
       	
       }
       .fractnum {
       	font-size:18px;
       	vertical-align:middle;
       	text-align:center;
       	position:relative;
      	top:10px;
       	width:50px;
       	height: 30px;	
       	padding:0px;
		border:none;
       	
       }
       .fractbarre {
       	font-size:24px;
 /*      	text-align:center;*/
       	margin:0 auto ;
       	padding:0px;
/*		height:10px;*/
       
       }
      
      


      /* racine*/
       .radical{
       	position:relative;
		left:15px;
		top:5px;
       	z-index:10;
       	
       	}
      
       .fact {
       	font-size:20px;
       	position:relative;
       	top:15px;
       	text-align: right;	
       	padding:0px;
       	width:35px;
       	height:30px;
       	border: none;
       
       }
       .factrutil {
       	float: right;
       	margin-right:0px;
       	
       }
      
       .radicande {
       	float:left;
       	margin-left:-20px;
       	font-size:20px;
		text-align:center;
    	position:relative;
    	top:15px;   
       	padding:0px;
       	width:40px;
       	height:30px;
       	border:none;
       	z-index:5;
       }
      


      /*Puissances*/
       .expo {
       	font-size:16px;
       	position:relative;
       	top:0px;
       	text-align: center;	
       	padding:0px;
       	width:30px;
        height:36px;
       	border:0px;
		
		
       	
       }
       .exposup {
       	font-size:16px;
       	position:relative;
       	top:0px;
       	text-align: center;	
       	padding:0px;
       	width:25px;
       	height:24px;
       	border:0px;
       	
       }
       .expo2 {
       	font-size:16px;
       	position:relative;
       	top:5px;
       	text-align: left;	
       	padding:0px;
       	width:25px;
       	height:20px;
       	border:0px;
       
       }
      


      /*signes*/
       .parentheses {
       	background-color:rgba(255,204,102,1);
       	float:left;
       	margin-left:0px;
       	font-size:30px;
       	color: rgba(0,64,128,1);
       	position:relative;
       	border:0px;
       	padding:0px;
       	width:10px;
       	height:60px;
       	}
       .signe {
       	font-size:18px;
       	text-align: center;
       	position:relative;
		top:15px;
       	margin:0px;
       	padding:0px;
       	width:30px;
		height:30px;
		border: none;
       
       }
       
       .signe2 {
       	font-size:28px;       
       	text-align: center;
       	position:relative;
       	margin:0px;
       	padding:0px;
       	width:40px;
       	height:40px;
		border: none;
       }
      
.egal {
       	font-size:24px;
       	text-align: center;
       	position:relative;
		top:15px;
       	margin:0px;
       	padding:0px;
       	width:30px;
		height:30px;
		border: none;
       
       }

      /* les div*/
	  
 .centrage {
	 display:block;
	  margin-left:auto;
	 margin-right:auto;
	
	 
	 }
	 
	 
       .floatleft {
       	float: left;
       	height: auto;
       	vertical-align:middle;
		position:relative;
       	
       }
       .floatright {
       	float: rightt;
       	height: auto;
       	vertical-align:middle;
       	position:relative;
       }
       
       .zone {
       	width:100%;
       	background-color: transparent;
       	position: relative;
     	clear:both;
       	
       	}
 .case {
       	display:block;
		float:left;
       	text-align:center;
       	margin:0px;
       	padding:0px;
       	height:60px;
       
       }
.fractdiv {
		display:block;
       	margin:0px;
       	padding:0px;
		height:40px;

	}

      /*table*/
      
       .table {
       	border: thin;
		border-style:solid;
       	border-collapse:collapse;
       	margin: 0 auto;
       	text-align:center;
       	
       	
       }
       
       .tableleft {
       	border: thin;
       	border-collapse:collapse;
		margin: 0 auto;
       	position:relative;
		display:block;
       	float:left;
       	text-align:center;
		
		
	   }


      /*texte*/
       .commentaire {
       	vertical-align:middle;
       	font-weight:bold;
       	background-color: rgba(100,100,100,1) ;
       	color: rgba(255,255,0,1);
       	text-align:center;
       	
       	
       	}
       	
		.remarque {
       	vertical-align:middle;
       	font-weight:bold;
       	background-color:rgb(204,204,204);
       	color: rgba(255,255,0,1);
       	text-align:center;
       	
       	
       	}
      
.envoi {
	color:white;
	background-color:rgb(102,102,102);
	border-width:1px;
	border-color:white;
	border-style:solid;
	font-size:14px;
}

      /*cellule*/
      
       .cell {
       	font-size:18px;
       	vertical-align:middle;
       	text-align:center;
       	margin:0px;
       	padding:0px;
       	width:70px;
       	height:30px;
		border:none
       
       }
       .cell1 {
       	font-size:18px;
       	vertical-align:middle;
       	margin:0px;
       	padding:0px;
       	height:20px;
		width:70px;
      
       }
       
       .cell2 {
       	font-size:18px;
       	vertical-align:middle;
       	text-align:center;
       	margin:0px;
       	padding:0px;
       	width:100px;
       	height:40px;
		
       	}
      
.cellule {
	border-style:solid;
	border-width: thin;
	border-color:rgb(0,0,0);	
	font-size:18px;	
	text-align:center;
	margin:0px;
	padding:0px;
	width:80px;
	height:30px;
	

	}

       .reinit {
       	
       	Color: rgba(0,0,255,1);
       	background-color:rgba(204,204,255,1);
       	border-width:1px;
       	border-color:blue;
       	border-style: dotted;"
       	
       	}
       
       .score {
       	font-weight:bold;
       	color: rgba(51,0,153,1);
       	background-color: rgba(255,153,102,1);
       	border-width:0;
       	text-align:center; 
       }