/* Style pour Cours / TD Html */

body {
  margin-left:2em;
  line-height: 1.3;   /*from TD.css TechWeb*/
 }


/* Compteurs de titres Heading */
body {counter-reset: h2 figcaption;}
h2 {counter-reset: h3;}
h3 {counter-reset: h4;}
h4 {counter-reset: h5;}
h5 {counter-reset: h6;}

h2:before {counter-increment: h2; content: counter(h2) ". "}
h3:before {counter-increment: h3; content: counter(h2) "." counter(h3) ". "}
h4:before {counter-increment: h4; content: counter(h2) "." counter(h3) "." counter(h4) ". "}
h5:before {counter-increment: h5; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "}
h6:before {counter-increment: h6; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "}

h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before 
 { content: ""; counter-increment: none } 

/* Style Titres Heading*/     /* A dépossiérer ? */

h1, h2, h3, h4, .sommaire, .auteur, .titre {
  font-family:'Gill sans', 'Geeza pro', 'Bookman Old Style', Arial; 
  font-variant: small-caps;
  text-transform: capitalize; 
  /* padding:5px;*/
  /* background-color:#cccccc; */
  color: #005a9c;
  margin-left:-1em; 
  margin-right: 40%; 
  margin-top:1.5em ;
  font-weight: 300;
  border-radius: 8px;  /* rien si fond blanc */
  margin-right: 25%;
} 

h1 {background-color: #005a9c; color:white;}


/* Listes */

li{ margin-top: 6px;}

/* Notes ou remarques*/
.note {
  margin-left:2em; 
  background-color: #f1ffee; 
  font-size: 85%;
}


/* Style de code pour mots clés et listings sources */
code {
  font-size: 0.9375em; 
  padding: 1px 2px 1px; 
  /* white-space: nowrap; /* ne pas couper entre mots   SI!!!*/
  background-color: #f2f2f2;
  /*border: 1px solid #cccccc; */    /* encombrant à la lecture */
  -webkit-border-radius: 4px; 
  border-radius: 3px; 
  text-shadow: none; /* ?? */
}

code{
      overflow-wrap: anywhere; 
}


code, pre {
  font-family: Courier new, Andale Mono, monospace;
  font-size : 95%;
}

/*  Intéressant !! pour <code> Couleur bleu nuit font bleu ciel très leger. 
background-color: rgb(243, 245, 249); 
color: rgb(83, 87, 114);
*/


/* Numerotation de ligne listings **Thanks Bert Bos** */
pre.numbered {
  padding-left: 2em; 
  overflow-y: hidden; /* à méditer@@ */
  overflow-x: scroll; 
  position: relative
}
pre.numbered::before {  /* la colonne des numéros */
  color: #aaa; 
  text-align: right; 
  white-space: pre-line;
  content: "1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A";
  position: absolute; /*top: 0;*/ left: 0; width: 1em; 
  /*font-family: Courier, Andale Mono, Courier, monospace;*/
  border-right: thin solid;
  padding-right: 0.2em; /*background: white*/
}
/* fin Bert Bos */

pre em {  /* pour mots clés dans pre */
  color:red; 
  font-weight:bold;
} 

/* Style des <pre> avec entête pour titre */
.pre-head { /* Le titre de l'exemple */
        font-style: italic;
        margin-top: 12px;
        margin-bottom: 8px;
        margin-left:3em;
        background-color:#FFEFCE; 
        }

  pre{  font-size:0.9375em;
        color: #000066;
        background-color:#ffe; 
        overflow-x: scroll;
        /*margin-top: .25em;
        margin-bottom: .35em;*/
        margin-left: 7.5%; margin-right: 10%; 

       padding: 5px 10px 5px 15px; 
        
        border: 1px solid #CCC;
        box-shadow: 5px 5px 5px #888;  /*Ombre droite bas  fond gris */
        border-radius: 5px;   /* angle arrondi */
        }

.titre, .soustitre {
  font-size:140%; text-align: center; 
  max-width: 20em;
  margin : auto;
  margin-bottom: 0.5em;
}

 /* RAJOUTE (voir aussi en haut) */
 .soustitre {font-size:120%;}
/* FIN */

.auteur{
  background-color: #005a9c;
  color:white;
  font-style: italic;font-size:110%; 
  text-align: center; max-width: 10em;
  margin : auto;
  margin-bottom: 0.5em;
}

.permalink {
  font-size:80%; /*text-align: center; */
  margin : 1em 0em 0.5em 0em;
}
/*.remarque, .exercice {font-style: italic;}*/






/* Rajouté pour les figures (et tables captionnées)*/

      /*figure { 
            display: block;
            margin-top: 1em;
            margin-bottom: 1em;
            text-align: center; margin: auto;
            /* margin-left: auto ; 15%;
            margin-right: auto  15%; * /
         }*/

         figure {
           width: fit-content; /* pour avoir la bordure adaptée au contenu */
           text-align: center; /* pour centrer la légende*/
           font-style: italic;
           font-size: smaller;
           border: thin silver solid;
           margin: auto;  /* pour centrer la figure*/
           padding: 0.8em;

            margin-top: 1em;
            margin-bottom: 1em;
         }

         figcaption{ 
          margin-top: 0.5em;
            /*font-style:italic; font-size:80%; transféré a figure*/
            /* margin-left: 3em; very old*/
            /*text-align: center; margin: auto; idem  */
         }

figcaption::before {
  counter-increment: figcaption;
  content: "Fig-" counter(figcaption, decimal) " ";
}

caption::before {
  counter-increment: figcaption;
  content: "Fig-" counter(figcaption, decimal) " ";
}

      table > caption { caption-side:bottom;
         font-style:italic; margin-top: 1em; font-size:80%;
         }
      table {
         text-align: left; margin-left: auto; margin-right: auto;
      }
           
      td, th { padding: 2px; border: 0.5px solid gray;
      }