html, body, .normalFont
  {
 	font-family: sans-serif   /* Verdana ,Arial, Geneva, Tahoma, sans-serif; */;
	font-weight:normal;
	font-style: normal;
	}
a
  { 
   text-decoration:none; 
  } 
  
h1 {
    font-size: 180%;
    text-align: center;
    line-height: 150%;
    font-weight: bold;
    font-style:oblique;
    }
    
h3 {
    font-size: 100%;
    text-align: left;
    line-height: 150%;
    font-weight: light;
    }

    #tabMat
    { font-size: 85%;
      background-color:#F0F0F0;
      border: 1px solid;
    }

     #tabMat ol
     {
		list-style-type: upper-roman;	   
		color:hsl(0,100%,50%);
		margin-left:20px;
		padding-left:0px;
	 }
     #tabMat ol ol
     {
	  list-style-type: decimal;	   
	  margin-left:10px;
	  padding-left:0px;
	 }
   
    #tabMatTitre
    {
      font-size: 120%;
		line-height: 150%;
      overflow:hidden;
      white-space:nowrap;
      padding:10px 5px 5px 5px;
      margin:0px;
      color:hsl(0,100%,30%);
      text-align:center;
    }

@media screen and (orientation:landscape)
{	 
    .normalFont
    {font-size: 11pt;}	
	
    html, body, .normal 
    { max-width: 1400px;
      padding: 0.5% 0% 0.5% 1%;
      margin: 0%;
      height: 98%;  /* essayer 100 hv*/      
      line-height:180%;
    }
    #tabMat, #contenuChapitre
    {
      height:94%;
      overflow:auto;
      padding:1%;  
      margin:0% ;
    }
    #tabMat
    {
      float:left;
      width:23%;
      line-height:120%;
      border-radius:15px;
    }
    #contenuChapitre
    {
      float:right;
      width:70%;
    }
    
    .imageLivre
    { width:50%;
      margin: 10px 24% 10px 24%;
    }
    
    /* ********************************************* */
    /* Sections et sous-sections (marges et padding) */
    /* ********************************************* */

    ol.ListSect
    {
          margin: 0px 0px 0px 20px;
          padding:0px 0px 0px 0px;
    }
    ol.ListSect>li
    {
          margin: 0px 0px 5px 0px;
    }

    ol.ListSousSect
    {
          margin: 0px 0px 0px 15px;
          padding:0px 0px 0px 0px;
    }
    ol.ListSousSect>li
    {
          margin: 0px 0px 5px 0px;
    }

    ol.ListSousSousSect
    {
          margin: 0px 0px 0px 15px;
          padding:0px 0px 0px 5px;
    }
    ol.ListSousSousSect>li
    {
          margin: 0px 0px 5px 0px;
    }

}
@media screen and (orientation:portrait)
{
    html, body 
    {
     height: 80%;  /* essayer 100 hv*/
     line-height:140%;
    }

    html, body, .normal 
    {
      font-size:10pt;
    }

    #tabMat, #contenuChapitre
      {
      margin:2% 1% 2% 1%;
      padding:0% 0% 0% 1%;
      overflow:auto;
    }
    #tabMat
      {
      height: 25%;
      line-height:80%;
      border-radius:0px;
    }
    #contenuChapitre
    {
      /*height: 70%; */ hauteur gérée par js
    }
    .imageLivre
    { height:80%;
      display: block; 
      margin: 10px 10px;
      float:right;
    }
    
		/* ********************************************* */
		/* Sections et sous-sections (marges et padding) */
		/* ********************************************* */

		ol.ListSect
		{
			margin:10px 0px 10px 10px;
			padding-left:0px;
		}

		ol.ListSousSect
		{
			margin:10px 0px 10px 10px;
			padding-left:0px;
		}

		ol.ListSousSousSect
		{
			margin:5px 0px 5px 15px;
			padding-left:0px;
		}

}

/* **************************************************** */
/* Sections et sous-sections (font-style et font-size)  */
/* **************************************************** */

ol.ListSect
{
   list-style-type: upper-roman;
	font-weight:bold;
	font-size:110%;
	font-style:oblique;
}

ol.ListSousSect
{
   list-style-type: decimal;
   font-weight:bold;
	font-size:105%;
	font-style:oblique;
}

ol.ListSousSousSect
{
   list-style-type: upper-alpha;
   font-weight:normal; 
	font-size:105%;
	font-style:oblique;
}


li
{
  margin-top : 5px;
  margin-bottom : 5px;
}

fieldset
{
	border: 2px solid green;
	border-radius : 10px;
}


legend
{
    width: auto;
    border-radius : 3px;
    margin:0px 0px 0px 10px ;
    padding:5px;
    font-size : 110%;
}

.BtnRep
{
  color : red;
}


.SolA,.SolB,.SolC,.SolD,.SolX,.SolY,.SolT,.SolU
{
	padding: 5px 10px 5px 10px;
	margin:5px;
	border-radius:8px;
}

.SolT
{
    background-color : RGB(240,240,240);
    margin-left:-5px;
}
.SolU
{
    background-color : RGB(250,240,234);
    margin-left:-15px;
}
.SolA
{
    background-color : RGB(255,233,216);
}
.SolB
{
    background-color : RGB(255,221,194);

}
.SolC
{
    background-color : RGB(199,255,176);

}
.SolD
{
    background-color : RGB(165,211,146);

}
.SolX
{
    background-color : RGB(255,238,45);

}

.SolY
{
    background-color : RGB(255,238,180);
}


.figure
{
	display:block;
	width: 85%;
	margin: auto;
   padding: 10px;
}


.fauxdisplay{
    float:left;
    width:80%;
    text-align:center;
/*     padding: 25px; */
/*      margin-top:2mm; */
/*     margin-bottom:2mm */
}
.btnOpenClose{
    font-size:100%;
}
.btnOpen{
    color:green;
}
.btnClose{
    color:red;
}

/*  Ajout pour cours inversé */

.Avertissement
{
  padding:10px;
}
.HorsCadre
{
  	margin:5px 0px 5px 0px;
	padding:0px 5px 0px 10px;
/* 	border-radius:10px; */
}

.Def, .Prop, .Theor, .Coroll, .Lem, .Rem, .Not, .Nots, .Att, .Exemple, .Exo, .Methode
{
  	margin:13px 0px 13px 0px;
	padding:5px 10px 5px 10px;
	border-radius:10px;
}
.Def
{
	background-color : RGB(200,250,200);
}
.Prop, .Theor, .Coroll, .Lem
{
	background-color : RGB(255,180,180);
}
.Rem
{
	background-color : RGB(169, 234, 254);
}
.Not, .Nots
{
	background-color : RGB(190,230,230);
}

.Att
{
	background-color : RGB(255,120,120);

}
.Exemple
{
	background-color : RGB(220,220,220);
}
.Methode
	{
	background-color : #c8bebe;
	}