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

}*/

@font-face {
    font-family: 'neo_eulermedium';
    src: url('../font/euler-webfont.eot');
    src: url('../font/euler-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/euler-webfont.woff2') format('woff2'),
         url('../font/euler-webfont.woff') format('woff'),
         url('../font/euler-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@media screen { html {background-color : grey;}
  body {
		width : 1020px;
	background-color : white;
	padding : 15px;
	box-shadow : #111 5px 5px 10px;
	margin : auto;
	margin-top : 5px;
	margin-bottom : 5px;
	box-sizing : border-box;
	}
#back {width : 48px;
       height : 48px;
	   position : fixed;
	   top : 15px;
	   left : 15px;
	   background : url('go-back-icon.png');
	   opacity : 0.5;
	   transition : 0.5s
	   }

#back:hover{transform : scale(1.1) rotate(-16deg);
            opacity : 1;
            }	   
  
  h1 { border-radius : 0px 5px 0px 5px;
      box-shadow : #111 3px 3px 6px;
      text-align : center;
	  border : 2px solid #111;}
  h2 {border-bottom : 1px solid #111;
        }
  h3 {text-decoration: underline;
      padding-left : 20px;
     }
  h4 { padding-left : 40px;
     }
  .definition {border : #BE4B48 1px solid;
               font-weight : bold;
			   background: #febbbb; /* Old browsers */
				background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
				background: linear-gradient(to bottom, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
				padding :  10px;
				box-shadow : #BE4B48 2px 2px 3px; }
				
  .definition:before{content : "Définition : "}
  .exemples:before{content : "Exemples :";text-decoration: underline;}
  .exemple:before{content : "Exemple :";text-decoration: underline;} 
  .notations:before{content : "Notations :";text-decoration: underline;}
  .notation:before{content : "Notation :";text-decoration: underline;} 
  .exercice:before{content : "Exercice :";text-decoration: underline;}    
  .remarque:before{content : "Remarque :";text-decoration: underline;}
  .remarquei:before{content : "Remarque :";text-decoration: underline;font-weight : bold;}
  .demo:before{content : "Démonstration :";text-decoration: underline;}
  
  .remarquei {font-weight : bold;}
  
  table {border-collapse : collapse;
         width : 70%;
		 margin : auto;
		 margin-top : 10px;}
  td {border : 1px solid #111;
      width : 50px;
	  max-width : 50px;
	  text-align : center}
  td.etiquette {width : 150px;
                text-align : left;}

  .methode {border :#98B954 1px solid;
            background: #c9de96; /* Old browsers */
			background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* IE10+ */
			background: linear-gradient(to bottom, #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C */
			padding :  10px;
			box-shadow : #98B954 2px 2px 3px;}
  .methode:before{content : "Méthode : "}
  
  .rappel{border :#B99854 1px solid;
          padding :  10px;
		  box-shadow : #B99854 2px 2px 3px;}
  .rappel:before{content : "Rappel : "}	  
  
  .theoreme{border :#7577FF 1px solid;
            background: #93cede; /* Old browsers */
			background: -moz-linear-gradient(top, #93cede 0%, #75bdd1 41%, #49a5bf 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cede), color-stop(41%,#75bdd1), color-stop(100%,#49a5bf)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* IE10+ */
			background: linear-gradient(to bottom, #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* W3C */
			padding :  10px;
			box-shadow : #7577FF 2px 2px 3px;}
			
  .theoreme:before{content : "Théorème :";
                   font-weight : bold;
				   text-decoration : underline;} 
				   
  .propriete {border :#7A5D61 1px solid;
             background: #f0b7a1; /* Old browsers */
			background: -moz-linear-gradient(top, #f0b7a1 0%, #8c3310 100%, #752201 100%, #752201 100%, #bf6e4e 100%, #752201 101%, #8c3310 101%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(100%,#8c3310), color-stop(100%,#752201), color-stop(100%,#752201), color-stop(100%,#bf6e4e), color-stop(101%,#752201), color-stop(101%,#8c3310)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f0b7a1 0%,#8c3310 100%,#752201 100%,#752201 100%,#bf6e4e 100%,#752201 101%,#8c3310 101%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #f0b7a1 0%,#8c3310 100%,#752201 100%,#752201 100%,#bf6e4e 100%,#752201 101%,#8c3310 101%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #f0b7a1 0%,#8c3310 100%,#752201 100%,#752201 100%,#bf6e4e 100%,#752201 101%,#8c3310 101%); /* IE10+ */
			background: linear-gradient(to bottom, #f0b7a1 0%,#8c3310 100%,#752201 100%,#752201 100%,#bf6e4e 100%,#752201 101%,#8c3310 101%); /* W3C */padding :  10px;
			box-shadow : #7A5D61 2px 2px 3px;}
  
  .propriete:before{content : "Propriété :";
                   font-weight : bold;
				   text-decoration : underline;} 
 
 
  ul {list-style-type: disc;}
  li {margin-bottom : 5px;}
  .listen1 {margin-left : 15px;}
  .listen1:before{content : "• "}
  .listen2 {margin-left : 30px;}
  .listen2:before{content : "- "}
  
  .fraction {width : 20px;
             margin : 0px;
			 margin-top : 2px;
			 margin-bottom : -7px;
			 display : inline-block;
			 position : relative;
			 top : 5px;}
  .fraction td {border : 1px solid rgba(0,0,0,0)}
  
  .sqrtn { border : 0px;
         border-top : 1px solid;
		
        }
  .sqrt{border : 0px;
        display: inline-block;
		margin-bottom : 0px;
		transform : translate(0.5px,1px )
	           }
			   
  .equation {font-family : 'neo_eulermedium';
             }
			 
  .angle{ display : inline-block;
          padding-top : 3px;
          background-image : url('accent.png');
          background-size : 100% 4px; 
          background-repeat : no-repeat;
          background-position : center top		  }
	.division {width : 100px;
	          height : 100px;
	           display : inline-block;
	         position : relative;
			 margin-right : 10px;}
	.division .dividende{height : 30px;
	                     border : 0}
	.division .reste{ border : 0}
	.division .diviseur{height : 30px;
	                    border-top : 0;
						border-right :0;}
	.division .quotient{border-bottom : 0;
						border-right :0;}
@-moz-document url-prefix()  { 
   .fraction {min-width : 20px;
             max-width : 300px;
             margin : 0px;
			 margin-top : 7px;
			 margin-bottom : -21px;
			 display : inline-block;
			 position : relative;
			}
  .fraction td {border : 1px solid rgba(0,0,0,0);
               min-width : 20px;
               max-width : 300px;}
			   }
			   
}


			   
@media print {  body {
	width : 1020px;
	background-color : white;
	padding : 15px;
	margin : auto;
	margin-top : 5px;
	margin-bottom : 5px;
	box-sizing : border-box;
	}
p {page-break-inside: avoid;}
h1 { border-radius : 0px 5px 0px 5px;
    text-align : center;
	border : 2px solid #111;}
  h2 {border-bottom : 1px solid #111;
        }
  h3 {text-decoration: underline;
      padding-left : 20px;
     }
  h4 { padding-left : 40px;
     }
  .definition {border : #BE4B48 1px solid;
               font-weight : bold;
			   background: #febbbb; /* Old browsers */
				background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
				background: linear-gradient(to bottom, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
				padding :  10px;
				 }
				
  .definition:before{content : "Définition : "}
  .exemples:before{content : "Exemples :";text-decoration: underline;}
  .exemple:before{content : "Exemple :";text-decoration: underline;} 
  .exercice:before{content : "Exercice :";text-decoration: underline;}    
  .remarque:before{content : "Remarque :";text-decoration: underline;}
  .remarquei:before{content : "Remarque :";text-decoration: underline;font-weight : bold;}
  .demo:before{content : "Démonstration :";text-decoration: underline;}
  
  .remarquei {font-weight : bold;}
  
  table {border-collapse : collapse;
         width : 70%;
		 margin : auto;
		 margin-top : 10px;}
  td {border : 1px solid #111;
      width : 50px;
	  max-width : 50px;
	  text-align : center}
  td.etiquette {width : 150px;
                text-align : left;}

  .methode {border :#98B954 1px solid;
            background: #c9de96; /* Old browsers */
			background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* IE10+ */
			background: linear-gradient(to bottom, #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C */
			padding :  10px;
			}
  .methode:before{content : "Méthode : "}
  
  .rappel{border :#B99854 1px solid;
          padding :  10px;
		  }
  .rappel:before{content : "Rappel : "}	  
  
  .theoreme{border :#7577FF 1px solid;
            background: #93cede; /* Old browsers */
			background: -moz-linear-gradient(top, #93cede 0%, #75bdd1 41%, #49a5bf 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cede), color-stop(41%,#75bdd1), color-stop(100%,#49a5bf)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* IE10+ */
			background: linear-gradient(to bottom, #93cede 0%,#75bdd1 41%,#49a5bf 100%); /* W3C */
			padding :  10px;
			}
			
  .theoreme:before{content : "Théorème :";
                   font-weight : bold;
				   text-decoration : underline;} 
				   
  .propriete {border :#7A5D61 1px solid;
             background: #f0b7a1; /* Old browsers */
			background: -moz-linear-gradient(top, #f0b7a1 0%, #8c3310 100%, #752201 100%, #752201 100%, #bf6e4e 100%, #752201 101%, #8c3310 101%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(100%,#8c3310), color-stop(100%,#752201), color-stop(100%,#752201), color-stop(100%,#bf6e4e), color-stop(101%,#752201), color-stop(101%,#8c3310)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f0b7a1 0%,#8c3310 100%,#752201 100%,#752201 100%,#bf6e4e 100%,#752201 101%,#8c3310 101%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #f0b7a1 0%,#8c3310 100%,#752201 100%,#752201 100%,#bf6e4e 100%,#752201 101%,#8c3310 101%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #f0b7a1 0%,#8c3310 100%,#752201 100%,#752201 100%,#bf6e4e 100%,#752201 101%,#8c3310 101%); /* IE10+ */
			background: linear-gradient(to bottom, #f0b7a1 0%,#8c3310 100%,#752201 100%,#752201 100%,#bf6e4e 100%,#752201 101%,#8c3310 101%); /* W3C */padding :  10px;
			}
  
  .propriete:before{content : "Propriété :";
                   font-weight : bold;
				   text-decoration : underline;} 
 
  ul {list-style-type: disc;}
  li {margin-bottom : 5px;}
  .listen1 {margin-left : 15px;}
  .listen1:before{content : "• "}
  .listen2 {margin-left : 30px;}
  .listen2:before{content : "- "}
  
  .fraction {width : 20px;
             margin : 0px;
			 margin-top : 2px;
			 margin-bottom : -7px;
			 display : inline-block;
			 position : relative;
			 top : 5px;}
  .fraction td {border : 1px solid rgba(0,0,0,0)}
  
  .sqrtn { border : 0px;
         border-top : 1px solid;
		
        }
  .sqrt{border : 0px;
        display: inline-block;
		margin-bottom : 0px;
		transform : translate(0.5px,1px )
	           }
			   
  .equation {font-family : 'latin_modern_mathregular';
             }
			 
  .angle{ display : inline-block;
          padding-top : 3px;
          background-image : url('accent.png');
          background-size : 100% 4px; 
          background-repeat : no-repeat;
          background-position : center top		  }
		  
@-moz-document url-prefix()  { 
   .fraction {min-width : 20px;
             max-width : 300px;
             margin : 0px;
			 margin-top : 7px;
			 margin-bottom : -21px;
			 display : inline-block;
			 position : relative;
			}
  .fraction td {border : 1px solid rgba(0,0,0,0);
               min-width : 20px;
               max-width : 300px;}
			   }
}