/* ============ STYLE. CSS ======================== */

body {
    /* Police voir Mathieu Nebra p.84 & ...
    font-family: Arial, "Arial Black", "Comic Sans MS", "Courier New", Georgia, Impact, "Times New Roman", "Trebuchet MS", Verdana, serif, sans-serif
    Font-size:     
         taille absolue                    font-size: xx-small; x-small; small; medium; large; x-large; xx-large;
         taille en valeur relative:        font-size: larger; smaller;
         taille en valeur de longueur:     font-size: 25px; 0.8em;
         taille en valeur proportionnelle: font-size: 80%;
    Font-style: normal; italic; oblique;
    Font-weight: normal; bold; lighter; bolter; 100; 200; 300; 400; 500; 600, 700; 800; 900;
    text-align: center; justify; right;
    */
    font-family: Arial, "Times New Roman", "Comic Sans MS", "Courier New", "Arial Black", "Helvetica Neue", Helvetica, sans-serif ;
    font-size: 0.9em;   /* 1.0em;*/ 
    font-weight: normal;
    color: black; 
    background-color: #dddddd;
    padding: 0px;
    margin: 0px;
}

/* ============ Les titres de paragraphe */
h1 {
    font-size: 1.6em;
    text-decoration: underline;
    color: #6E2C00;  /*marron*/
    font-style: italic;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }
h2 {
    font-size: 1.3em;
    color: #6E2C00;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }
h3 {
    font-size: 1.1em;
    color: #6E2C00;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }
h4 {
    font-size: 1.0em;
    color: #6E2C00;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }
h5 {  /*Petit titre */
    font-size: 1.4em;
    color: #6E2C00;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }
h6 {   /*Petit titre en bleu*/
    font-size: 1.3em;
    color: #0000cc;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }

/* ============ Incrémentation automatique des titres */
body{counter-reset: h1 h2 h3;}
h1:before {
  content: counter(h1) ". ";
  counter-increment: h1;
}
h2:before {
  content: counter(h1) "." counter(h2) " ";
  counter-increment: h2;
}
h3:before {
  content: counter(h1) "." counter(h2) "." counter(h3) " ";
  counter-increment: h3;
}
h4:before {
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " ";
  counter-increment: h4;
}
h1 {
  counter-reset: h2;
}
h2 {
  counter-reset: h3;
}
h3 {
  counter-reset: h4;
}
h1.unnumbered, h2.unnumbered, h3.unnumbered, h4.unnumbered {
  counter-reset: none;
}
h1.unnumbered:before, 
h2.unnumbered:before,
h3.unnumbered:before,
h4.unnumbered:before{
  content: none;
  counter-increment: none;
}

/* ============ Mots importants */
strong { color: #134B48; background-color: #F4F6F7; font-style: italic; font-weight: bold; }
em     { color: #134B48; background-color: #F4F6F7; font-style: italic; }
mark   { color: #134B48; background-color: #F4F6F7; text-decoration: underline; }

/* ============ Textes spéciaux */
txt-mp  { color: blue;    background-color: silver; font-size: xx-large;  } /*Michel Perin sur image de haut de page*/  
txt-mm  { color: blue;    background-color: silver; font-size: x-large;   } /*Mes maquettes sur image de haut de page*/
txt-1   { color: white;   background-color: black;  font-size: x-large;   }  
/* txt-3   { color: yellow;  background-color: blue;   font-size: large;  } */
txt-3   { color: blue;    background-color: yellow ;   font-size: large;  }
txt-4   { color: yellow;  background-color: blue;   font-size: small;  }  

/* ============ Citation        s'écrit          <span class="citation"> ..... </span>       */
.citation {
    font-family:Helvetica, Arial, sans-serif;
    font-style:italic;
    font-size:small;    
    color:#434323 /* Gris-Vert */
    }
.citationverte {
    font-family:Helvetica, Arial, sans-serif;
    font-style:italic;
    font-size:small;    
    color:green; /* navy; #277E13;*/
    }
.citationBleue {
    font-family:Helvetica, Arial, sans-serif;
    font-style:italic;
    font-size:small;    
    color:navy; /* green; #277E13;*/
    }
.citationMaron {
    font-family:Helvetica, Arial, sans-serif;
    font-style:italic;
    font-size:small;    
    color:#61210B; 
    }
.notes {
    font-family:Arial, sans-serif, Helvetica ;
    font-size:small;    
    color:#0A122A; /*#663300;*/ 
    }

/* ============ Container */
.container {
    display:block;
    background-color:  #F8FBEF;     /* #fff; */   /* #F8FBEF; */
    margin: auto;
    padding: 0px;
    position: relative;
    text-align: left;
    width: 950px;   /* 900px;  */
    height: 100%;
    min-width: 200px;
    max-width: 90%;
    border-top:     10px solid #959596;
    border-bottom:  10px solid #959596;
    border-left:    10px solid #959596;
    border-right:   10px solid #959596;
}

/* ============ Toile de fond des présentations des maquettes sur la page d'accueil */
.minipres {
    width: 85%;
    padding-left:   50px;
    padding-right:  50px;
    padding-top:    20px;
    padding-bottom: 20px; /* 50px */
    margin:         auto;
    margin-top:     30px; /* 50px */
    margin-bottom:  30px; /* 80px */ 
    border:         1px solid #A0A0A0;
    text-align:     justify;
    background:     #eeeeee;
    border-radius:  20px 0 20px 0; /* border-radius: 20px 0 20px 20px; */
}
.minipres a{ color: black; }
.minipres a:visited{ color: blue; }
.minipres img {
    width:          30%; 
    float:          right;
    padding-left:   30px;
    padding-top:    30px;
    padding-bottom: 10px;
}
/* ============ */
header {
    position:relative;
    display:block;
    color:#ede7cb;
    text-align: right;
}
header img {
    z-index:1
    position:absolute;
    display:block;
    width: 100%;
}
header section {
    background:none;
    position:absolute;
    font-weight: bold;
    top: 10%;
    left: 5%;
    z-index:2;
    margin:0;
    padding:0;
}

/* ============  Menu au début des pages */ 



nav {
    display:inline-block;
    width: 55%;  /* Largeur du fond coloré */  
    background-color:  #CEF6F5; /* Couleur du fond */
    }
nav a.lang {
    display:inline-block;
    float:right;
    padding:4px 4px 4px 4px;
    margin-right:20px;
    margin-left:20px;
    opacity: 0.9;  
    }
nav a.lang:hover { 
    opacity: 1; 
    }

nav ul {
    display:inline-block;
    vertical-align:middle;
    float:left;
    margin:0;
    padding:0;   
    }
nav li {
    display:inline-block;
    margin:0;
    padding:0;
    vertical-align:middle;  
    }
nav .up { display:none; 
    }
nav li a {
    display:inline-block;
    color:#0B2161;   /* #aba692; */
    height:1.2em;
    padding:5px 16px 7px;
    text-align:center;
    text-decoration:none;
    font-size:12px; 
    font-weight: 600;
    }
nav .current a {
    background: #000 url(img/select.png) no-repeat;
    background-size: 80% 50%;
    background-position: bottom center;
    color:  #ede7cb; 
    text-decoration:none; 
    }
nav li a:hover {
    color:  #FF4000 /* #ede7cb; */
    text-decoration:none;
    }


/* ============ */
attn {
    display:inline-block;
    width: 100%;
    background-color: #ff6666; 
    }

/* ===Les encadrements========= */
BdP {   /* Bas de Page */
    display:inline-block;
    background-color: #FCF4AD; 
    border: 3px solid #DEC402; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
BlocT{  /* encadrement de Texte */
    display:inline-block;
    background-color: #FAFAFA; 
    border: 1px solid #BDBDBD; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 05px;
    padding-bottom: 05px;
    }
BlocT-90{  /* encadrement de Texte */
    display:inline-block;
    width: 90%;
    background-color: #FAFAFB; 
    border: 1px solid #BDBDBD; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 05px;
    padding-bottom: 05px;
    }
BlocT-80{  /* encadrement de Texte */
    display:inline-block;
    width: 80%;
    background-color: #FAFAFC; 
    border: 1px solid #BDBDBD; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 05px;
    padding-bottom: 05px;
    }
BlocC {  /* encadrement en vert foncé*/
    display:inline-block;
    background-color: #9AFE2E; 
    border: 2px solid #0B3B0B; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }

BlocC-V {  /* encadrement en vert */
    display:inline-block;
    background-color: #CCFF00; 
    border: 2px solid #336600; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    
BlocC-B {  /* encadrement en bleu */
    display:inline-block;
    background-color: #D6EAF8;   /* #2eb9fe; */ 
    border: 2px solid #1B4F72;   /* #0B3B0B; */ 
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    }
    
BlocC-J {  /* encadrement en jaune */
    display:inline-block;
    background-color: #FFFF99; 
    border: 2px solid #660066;  
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    }    
    
BlocC-60 {  /* encadrement de cartes */
    display:inline-block;
    width: 60%;
    background-color: #9AFE2E; 
    border: 2px solid #0B3B0B; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
BlocC-80 {  /* encadrement de cartes */
    display:inline-block;
    width: 80%;
    background-color: #9AFE2E; 
    border: 2px solid #0B3B0B; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
BlocD {  /* Page de Diaporama */
    display:inline-block;
    width: 90%;
    background-color: #FFFF00; 
    border: 2px solid #8A4B08; 
    /* 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    */
    }


Lien {  /* Encadrement dont la largeur s'adapte au contenu */
    display:inline-block;
    background-color: #E0F8F7; 
    border: 2px solid #210B61; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    
    
Lien-97 {  /* Encadrement à 97% de la largeur de la page */
    display:inline-block;
    width: 97%;
    background-color: #E0F8F7; 
    border: 3px solid #210B61; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    } 
Lien-90 {
    display:inline-block;
    width: 80%;
    background-color: #E0F8F7; 
    border: 2px solid #210B61; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
Lien-80 {
    display:inline-block;
    width: 80%;
    background-color: #E0F8F7; 
    border: 2px solid #210B61; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
Lien-70 {
    display:inline-block;
    width: 70%;
    background-color: #E0F8F7; 
    border: 2px solid #210B61; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
Lien-60 {
    display:inline-block;
    width: 60%;
    background-color: #E0F8F7; 
    border: 2px solid black; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
Lien-50 {
    display:inline-block;
    width: 50%;
    background-color: #E0F8F7; 
    border: 2px solid black; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
Lien-40 {
    display:inline-block;
    width: 40%;
    background-color: #E0F8F7; 
    border: 2px solid black; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
Lien-30 {
    display:inline-block;
    width: 30%;
    background-color: #E0F8F7; 
    border: 2px solid black; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    

/* ============ */
section {
    background-color: #fff;
    float: center;
    width: 90%;  /* 85%;     C'est ce qui fixe la largeur des marges blanches à gauche et à droite du contenaire*/
    margin: auto;
    margin-top: 50px;
    margin-bottom: 80px;   }

/* ============ */
article {
    text-align: justify;
    margin-bottom: 15px; /* 30px; */
    }

/* ============ */
article nav {
    display:inline-block;
    width: 100%;
    background-color: #ede7cb;   
    }
article nav ul {
    display:block;
    float:left;
    margin:0;
    padding-left: 20px; 
    /* padding-top: 10px;  */
    padding-bottom: 10px;  
    }
article nav li {
    display:block;
    margin:0;   
    }
article nav li a {
    color:#555;
    height:1.2em;
    padding:0px;
    text-align:left;   
    }
article nav li a:hover { color: #111; }
article 
    a { color: #227c9d; text-decoration: none; }
    a:focus, 
    a:active { outline:none; }

/* ============ */
.links {
    display:inline-block;
    margin:0;
    padding:0;
    width: 100%;
    background-color: #fff;
    text-align: right;   }
.links p {
    color:#111;
    font-size: 0.7em;
    margin:0;
    padding:12px 5px 0px 0;   }

/* ============ */
footer {
    display:inline-block;
    margin:0px;
    text-align: right;
    width: 100%;   }

/* ============ Description d'un tableau */
table {
    padding-bottom: 15px;
    padding-top: 15px;
    border-collapse: collapse;   
    }
td, th {
    text-align: left;    /*text-align: center;*/
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid black;    
    }
ul {
    padding-top: 0em;        /*ajouté mais ne semble pas avoir d'effet*/
    padding-bottom: 0em;     /*ajouté*/ 
    } 
li {
    /*list-style-type: disc;*/
    text-align: left;
    padding-right: 5%;
    padding-top: 0em;        /*ajouté;*/
    padding-bottom: 0em;   
}


/* ============ Affichage d'une photos (ancien à gauche d'un texte) */
.galerie{
    position:inline-block;   
    float:left;
    position:relative;
    }
.galerie ul{ 
    padding:0px; 
    }
.galerie ul li{
    position:relative;  
    float:left;
    width:106px;
    height:106px;
    padding-right:20px;
    padding-left:00px;
    padding-top:10px; 
    padding-bottom:10px; 
    list-style:none;
    }
.galerie ul li:nth-child(6n+1){  
    clear:left;
    } 
.galerie ul li a{
    display:block;
    overflow:hidden;
    width:106px;
    height:106px;
    margin-top:0px;
    margin-left:0px;
    border:6px solid rgba(0,0,0,0.7);
    transition-property:width,height,margin,z-index,border;
    transition-duration:0.4s;
    }
.galerie ul li a:hover{
    position:absolute;
    width:200px;
    height:200px;
    margin-top:-56px;
    margin-left:-56px;
    z-index:100;
    border:6px solid rgba(100,100,100,0.3);
    /* border:6px solid rgba(0,0,0,0.7); */
    }
.galerie ul li a img{
    position:absolute;
    width:106px;
    height:106px;
    z-index:20;
    transition-property:width,height,z-index;
    transition-duration:1.0s;
    }
.galerie ul li a:hover img{
    width:200px;
    height:200px;
    z-index:100;
    }

/* ============ Affichage de la couverture d'un livre endébut d'annexe */
.galerielivre {
    position:inline-block;   
    float:right;
    position:relative;
    }
.galerielivre ul{ 
    padding:0px; 
    }
.galerielivre ul li{
    position:relative;  
    float:right;
    width:150px;
    height:150px;
    padding-right:20px;
    padding-left:00px;
    padding-top:10px; 
    padding-bottom:10px; 
    list-style:none;
    }
.galerielivre ul li:nth-child(6n+1){  
    clear:right;
    } 
.galerielivre ul li a{
    display:block;
    overflow:hidden;
    width:150px;
    height:150px;
    margin-top:0px;
    margin-left:0px;
    }
.galerielivre ul li a img{
    position:absolute;
    width:150px;
    height:150x;
    z-index:20;
    transition-property:width,height,z-index;
    transition-duration:1.0s;
    }

/* ============ Affichage d'une ou plusieurs photos à gauche ou à droite */
.galeriegauche{
    position:inline-block;   
    float:left;
    }
.galeriecentre{   /* Centre ne marche pas */
    position:inline-block; 
    float:center;  
    }
.galeriedroite{
    position:inline-block;   
    float:right;
    }

.galeriegauche ul{ 
    padding:0px; 
    }
.galeriecentre ul{ 
    padding:0px; 
    }
.galeriedroite ul{
    padding:0px;
    }

.galeriegauche ul li{
    position:relative;  
    float:left;
    width:106px;
    height:106px;
    padding-right:20px;
    padding-left:0px;
    padding-top:10px; 
    padding-bottom:10px; 
    list-style:none;
    }
.galeriecentre ul li{
    position:relative; 
    float:center; 
    width:106px;
    height:106px;
    padding-right:20px;
    padding-left:0px;
    padding-top:10px; 
    padding-bottom:10px; 
    list-style:none;
    }
.galeriedroite ul li{
    position:relative;
    float:right;
    width:106px;  
    height:106px; 
    padding-right:10px; 
    padding-left:10px;  
    padding-top:10px;    
    padding-bottom:10px; 
    list-style:none;
    }

.galeriegauche ul li:nth-child(6n+1){  
    clear:left;
    } 
.galeriecentre ul li:nth-child(6n+1){  
    clear:center;
    } 
.galeriedroite ul li:nth-child(6n+1){    
    clear:right;
    } 

.galeriegauche ul li a{
    display:block;
    overflow:hidden;
    width:106px;
    height:106px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    border:6px solid rgba(100,100,100,0.3);
    transition-property:width,height,margin,z-index,border;
    transition-duration:0.4s;
    }
.galeriecentre ul li a{
    display:block;
    overflow:hidden;
    width:106px;
    height:106px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    border:6px solid rgba(100,100,100,0.3);
    transition-property:width,height,margin,z-index,border;
    transition-duration:0.4s;
    }
.galeriedroite ul li a{
    display:block;
    overflow:hidden;
    width:106px; 
    height:106px;  
    margin-top:0px;
    margin-left:0px;  
    margin-right:0px; 
    border:6px solid rgba(100,100,100,0.3);
    transition-property:width,height,margin,z-index,border;
    transition-duration:0.4s;
    }

.galeriegauche ul li a:hover{
    position:absolute;
    width:200px;
    height:200px;
    margin-top:-25px; /*-56px;*/
    margin-left:-25px; /*-56px;*/
    z-index:100;
    border:6px solid rgba(200,0,0,0.7);
    }
.galeriecentre ul li a:hover{
    position:absolute;
    width:200px;
    height:200px;
    margin-top:-25px; /*-56px;*/
    margin-left:-25px; /*-56px;*/
    z-index:100;
    border:6px solid rgba(200,0,0,0.7);
    }
.galeriedroite ul li a:hover{
    position:absolute;
    width:200px;
    height:200px;
    margin-top:-25px;
    margin-left:-25px;
    z-index:100;
    border:6px solid rgba(200,0,0,0.7);
    }

.galeriegauche ul li a img{
    position:absolute;
    width:106px;
    height:106px;
    z-index:20;
    transition-property:width,height,z-index;
    transition-duration:1.0s;
    }
.galeriecentre ul li a img{
    position:absolute;
    width:106px;
    height:106px;
    z-index:20;
    transition-property:width,height,z-index;
    transition-duration:1.0s;
    }
.galeriedroite ul li a img{
    position:absolute;
    width:106px;     
    height:106px;   
    z-index:20;
    transition-property:width,height,z-index;
    transition-duration:1.0s; 
    }

.galeriegauche ul li a:hover img{
    width:200px;
    height:200px;
    z-index:100;
    }
.galeriecentre ul li a:hover img{
    width:200px;
    height:200px;
    z-index:100;
    }
.galeriedroite ul li a:hover img{
    width:200px;
    height:200px;
    z-index:100;  
    }


/* ============ Affichage d'une belle photo à gauche du texte de présentation d'une page principale */
.GalerieGchePage{
    position:inline-block;   
    float:left;
    position:relative;
    }
.GalerieGchePage ul{ 
    padding:0px; 
    }
.GalerieGchePage ul li{
    position:relative;  
    float:left;
    width:125px;
    height:125px;
    padding-right:20px;
    padding-left:00px;
    padding-top:10px; 
    padding-bottom:10px; 
    list-style:none;
    }
.GalerieGchePage ul li:nth-child(6n+1){  
    clear:left;
    } 
.GalerieGchePage ul li a{
    display:block;
    overflow:hidden;
    width:125px;
    height:125px;
    margin-top:0px;
    margin-left:0px;
    border:6px solid rgba(0,0,0,0.7);
    transition-property:width,height,margin,z-index,border;
    transition-duration:0.4s;
    }
.GalerieGchePage ul li a:hover{
    position:absolute;
    width:200px;
    height:200px;
    margin-top:-56px;
    margin-left:-56px;
    z-index:100;
    border:6px solid rgba(100,100,100,0.3);
    }
.GalerieGchePage ul li a img{
    position:absolute;
    width:106px;
    height:106px;
    z-index:20;
    transition-property:width,height,z-index;
    transition-duration:1.0s;
    }
.GalerieGchePage ul li a:hover img{
    width:200px;
    height:200px;
    z-index:100;
    }



/* ============ Affichage d'une belle photo à droite du texte  */
.GalerieDroiteGrande{
    position:inline-block;   
    float:right;
    position:relative;
    }
.GalerieDroiteGrande ul{ 
    padding:0px; 
    }
.GalerieDroiteGrande ul li{
    position:relative;  
    float:right;
    width:125px;
    height:125px;
    padding-right:20px;
    padding-left:00px;
    padding-top:0px; /*10px;*/ 
    padding-bottom:0px; /*10px;*/ 
    list-style:none;
    }
.GalerieDroiteGrande ul li:nth-child(6n+1){  
    clear:left;
    } 

.GalerieDroiteGrande ul li a{
    display:block;
    overflow:hidden;
    width:125px;
    height:125px;
    margin-top:0px;
    margin-left:0px;
    border:6px solid rgba(0,0,0,0.7);
    transition-property:width,height,margin,z-index,border;
    transition-duration:0.4s;
    }

.GalerieDroiteGrande ul li a img{
    position:absolute;
    width:106px;
    height:106px;
    z-index:20;
    transition-property:width,height,z-index;
    transition-duration:1.0s;
    }

.GalerieDroiteGrande ul li a:hover{
    position:absolute;
    width:200px;
    height:200px;
    margin-top:-56px;
    margin-left:-56px;
    z-index:100;
    border:6px solid rgba(100,100,100,0.3);
    }

.GalerieDroiteGrande ul li a:hover img{
    width:200px;
    height:200px;
    z-index:100;
    }
/*
*/

/* =======================================================================*/
/* selon les appareils de lecture        Utiliser plutôt max-device-width : 480px     (voir p.305)   */ 

/* précedemment 
@media only screen and (max-width: 650px) 
{ */

@media only screen and (max-device-width: 480px) 
{  

/* dans Index.php */
.container {
    min-width: 100%;
    max-width: 100%;
    border-left: 0px;
    border-right: 0px;
    }

/* dans Index.php */
.minipres {
    min-width: 100%;
    max-width: 100%;
    border-left: 0px;
    border-right: 0px;
    margin:0px;
    padding:10px;
    }

    nav li a { font-size: 0.8em; }
    header { font-size: 0.6em; }
    th { width: 25%; }
}

/* désactivé pour l'instant
@media only screen and (max-width: 400px) {
    nav li a { height:1.45em; font-size: 0.8em; padding:6px 7px 4px; }
    nav a.lang { margin-right:10px; }
}

@media only screen and (max-width: 350px) {
    nav li a { height:1.7em; font-size: 0.6em; }
    header { font-size: 0.5em;  }
}
*/