
	body
	{
	max-width: 1000px;
 	font-family: sans-serif;
	font-size: 11pt;
	line-height:150%;	  
	}
	h1 {
    font-size: 140%;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    }
	h2 {
    font-size: 120%;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    }

   
	    #colGauche
	    {
	      width:10%;
	      float:left;
	      margin:1% 1% 1% 2%;
position:relative;
	    }
 	    #colCentre
	    {
	      width:80%;
	      float:left;
	      margin:1%  2% 1% 1% ;
	      height:600px;  /* revoir pour le scrolling  	       */
	    }
	    #cours
	    {
	      height:100%;
	    }
	    #methodo
	    {
	      height:100%;
	    }
    
	    #methodo-onglets li{
		    position: relative;
		    float: left;
		    list-style: none;
		    padding: 10px 10px 10px 10px;
		    margin-right: 5px;
		    cursor: pointer;
		    background-color: #EEEEEE;
		    z-index: 1;
		    border-radius: 5px;
	    }
	    #methodo-onglets .methActive{
		    font-weight: bold;
		    z-index: 10;
	    }
	    #methodo-onglets .methActive, #methodo-contenu
	    {
	      background-color: #DDDDDD;
	    }
	    
	    #methodo-contenu{
		    clear: both;
		    position: relative;
		    margin: 1%;
		    padding: 2%;
		    z-index: 5;
		    top: -6px;			
		    max-width: 680px;
		    border-radius: 15px;
		    height:90%;
	    }
	    #methodo-contenu-scroll
	    { height:95%;
	      overflow: auto;
	      margin:5px;
	      padding:10px;
	    }
	    
	    #cours-onglets li{
		    position: relative;
		    float: left;
		    list-style: none;
		    padding: 10px 10px 10px 10px;
		    margin-right: 5px;
		    cursor: pointer;
		    background-color: #EEEEEE;
		    z-index: 1;
		    border-radius: 5px;
	    }
	    #cours-onglets .partActive{
		    font-weight: bold;
		    z-index: 10;
	    }
	    #cours-contenu{
		    clear: both;
		    position: relative;
		    margin: 1%;
		    padding: 2%;
		    z-index: 5;
		    top: -6px;			
		    border-radius: 15px;
		    height:90%;
		    overflow: auto;
	    }
	    #cours-contenu-scroll
	    { height:100%;
	      overflow: auto;
	      margin-top:0%;
	    }
	    #cours-onglets .partActive, #cours-contenu
	    {
	      background-color: #DDDDDD;
	    }

	    .ligneChapitre
	    {
/* 	      width:95%; */
	      margin:0% 0% 0% 0%;
	      padding:2px 2px 0px 5px;
/*  		  height:34px;  */
/*		  line-height:5ex;*/
	      border-radius: 7px;
	    }
	    .ligneChapitre.nonVisible
	    {
	      display:none;
	    }
	    .ligneChapitre.visible
	    {
	      display:inline-block;
	    }
	    .ligneChapitre:hover
	    {
	      background-color: #AAAAAA;
	    }
	    .titreChapitre 
	    {
	      display:inline-block; 
	      float:left;
	      width:29em;
	      margin: 3px 5px 0px 5px;
/* 		  padding:auto; */
	      display:inline-block;
/*	      line-height:2ex;*/
	      overflow:hidden;
	    }
	    .liens
	    {
 	      width: 9em; 
	      margin: 4px 2px 2px 10px;
	      display:inline-block;
/* 	      padding:1%; */
	    }
	    .lienCours, .lienExos
	    {
	      display:inline-block;
	      width:4em;
	      margin:4px 3px 2px 3px;
	      padding:0%;
	      border-radius: 5px;
	      background-color: #02b048;
	      color:black;
	      text-align: center;
	      text-decoration:none;
	    }

	    .titreChapitre, .lienCours, .lienExos
	    {
/*	      height:30px;*/
	      line-height:30px;	      
	    }
	    .lienExos
	    { float:left;
	    }
	    .lienCours
	    { float:right;
	    }
	    
	    .nomSection
	    {
	      display:inline-block;
	      width:90%;
	      height:2ex;
	      padding:10% 2% 10% 2%;
	      margin:10% 2% 10% 2%;
	      border-radius: 5px;
	      background-color: #ffA0A0;
	      color:black;
	      text-align: center;
	      cursor: pointer;
	    }
	    .nomSection.sectActive
	    {
	    background-color: #ff1010;
	    font-weight: bold;
	    }
	    #sections > legend
	    {
	     font-size: 80%;
	    
	    }
	    #sections
	    {
	     font-size:100%;
	     border-color:#ff1010;
	     border-radius: 5px;
	     margin: auto auto auto auto;
	    }
	    #conseilsMethodo
	    {
	      display:inline-block;
	      width:99%;
	      padding:10% 2% 10% 2%;
	      margin:0px auto 40px auto;
	      border-radius: 5px;
	      background-color: #ffA0A0;
	      color:black;
	      text-align: center;
	      cursor: pointer;
	   position: absolute;
		bottom: 0;
	    }
	    #conseilsMethodo.inactif
	    {
	      background-color: #DDDDDD;
	      cursor:default;
	    }
	    
