@CHARSET "UTF-8";



/*titre principal*/
header
      {position:absolute;left:0px;top:0px; width:100%;height :80px;margin:0;
font-size:3em;color:#FF0000;font-weight:bold;font-family:impact;text-shadow:4px 6px 6px black;
background-color:#104E8B;text-align:center;border:double 3px;padding-bottom:10px;}


/*plan*/

.plantitle
{margin:auto;font-size: &.4em;background-color: white;border: double 3px red;text-align: center;width: 60%;color: red;}

nav
      {display:block;position:fixed;background-color:lightgrey;width:25%;height:500px;margin-top:160px; border: outset 3px blue;border-radius: 10px;
    box-shadow:0px 9px 9px 0px;font-size: 1.0em;font-family: "arial black";font-weight:bold;vertical-align:  top;overflow:scroll;}

/* place de la légende*/

 figcaption
            {font-weight:bold; width:390px;margin-bottom:2px;border-radius:10px;box-shadow:3px 3px 0px ;font-size:0.8em;
font-family:cursive; background-color:#666699;border:ridge;color:white; border-radius:10px;text-align:center;}

 .soustitre
             {font-weight:bold;text-align:center;font-size:1.4em;background-color: #8EA2C6;}

/* corps du texte*/

body
      { font-size:1em;margin-bottom:50px;left:30px;background-color:#FFFFF0;border-radius: 5px;font-family:"Calibri", Times, sans serif;}
      
      /* titres*/
h1
      { background-color: silver;border:2px solid; border-radius:8px;text-indent:20px;font-size:1.4em;text-align: center;}
h2
      { color:red;text-align:center;border:groove 2px blue; width:50%;margin-left:250px;text-indent:30px; font-size:1.4em;}
h3
      { background-color:tan;width:40%;text-align: center;font-size:1.2em;margin-left:250px;;}
 h4
      {font-weight:bold;font-size:1em ;color:blue;text-align:center;border:solid 3px darkblue ;padding-top:1px;width:50%; margin:auto; 
      border-radius:8px;}
     
h5 { font-style: bold;color:red; border:double 2px red;margin:auto;width:40%;text-align:center;}

h6  {font-style:cursive; color :green; border:groove 2px;margin: auto;width: 30%;text-align:center;}

   /*page principale*/
.chapitre {background-color:lightgrey;border:4px outset;border-radius:8px;text-indent:20px; font-size:1.5em;text-align:center;color:black;font-weight:bold;width:40%;margin-left:290px;box-shadow:5px 5px;padding:2px 30px;}   
   
.contenu
            {margin:2% ;margin-bottom:10%;position:absolute;padding:10px; width:70%;left:25%;top:130px; background-color:white; color:black;border:solid 2px green;
                  font-size: 1.2em;}
                  
table 
{border-collapse:collapse;margin:auto;}

td,th /* Toutes les cellules des tableaux... */{
    border: 2px solid blue;padding:3px
}
.bas
      {position:fixed ;bottom:10px ; width:24%;height: 7%;margin-left:2px;margin-top: 680px; border:outset 3px red; font-size:1em;font-family: 
      cursive;font-weight:bold;background-color:#F5F5DC;box-shadow:0px 4px 4px 0px;}

/*image*/

figure
      {display:block;width:550px; margin:auto; padding:10px;}
      
      
.grand 
	{diplay:inline-block ;margin-left:7%;width:800px;border:dotted 1px red;}


footer

.retour
      {font-family:impact;width:20%;}
.imprime
      {font-weight:bold;margin-left:10px;width:20%}

.debut
      {margin-left:50px;}

      @media print{header{ background-color:grey;color: dimgrey;font-size:8mm }.contenu{width: 90%;left: 2%;} nav{display: none;}
      body{background-color: white;color: black;margin-left:10mm;text-align:justify;font-family: Times serif;font-size:10px;}.bas{display:none;}
      h2{color: black;margin-left:100px;page-break-after: avoid;}figure{ width:100%; max-width: 200px;margin-left: 40px ;}}