*
{
font-family: Arial;
margin: 0;
padding: 0;
/*border: 0;*/
}
body, nav
h1, h2, h3, h4, h5, h6
{
margin: 0;
padding: 0;
/*border: 0;*/
}
body
{
background-color: #fdf691;
}
header
{
    display: flex;
    background-color: #859ad4;;
    padding: 0.5em;
}
/*Début affichage du bouton d'affichage du menu*/
.containerbar {
    display: inline-block;
    cursor: pointer;
  }
  .bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
  }
body .containerbar:hover nav /*ne fonctionne pas ???*/
  {
    display: none;
    background-color: #ffff;
    }
  /* Rotate first bar */
  .containerbar:hover .bar1, .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
  }
  /* Fade out the second bar */
  .containerbar:hover .bar2{
      transform: rotate(90deg);
      opacity: 1;
    }
  .change .bar2 {
    opacity: 0;
  }
  /* Rotate last bar */
  .containerbar:hover .bar3, .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}
/*Fin affichage du bouton d'affichage du menu*/
nav
{
    display: column;
    /*float: left;*/
width: 170px;
/*margin: 0em 1em 1em;*/
padding: 0.5em;
background-color: #6be477;
}
nav ul{
    transition: 0.4s;
    list-style-type: none;
    display: none;
}
nav h2
{
    text-align: center;
}
nav h3{
    cursor: pointer;
}
nav h3:after{
/*.fa-caret-down:before{*/
    content:">"; /*"▼"; /*\f0d7"}*/
    float: right;
}
/*début faire tourner la flèche*/
@keyframes rotationFleche {
    0% {
      transform: rotate(0deg);
    }
    100%{
      transform: rotate(90deg);
    }
  }
 nav .active > h3:after,.titre:hover > h3:after{
    animation: rotationFleche 0.2s linear forwards;
 }
/*fin faire tourner la flèche*/
nav .titre:hover {
    color: #af0808;
}
nav .titre:hover .sousmenu{
    display: block;
}
/*Gestion menu actif*/
.titre .active
{
    display: block;
}
.sousmenu .active{
    background-color: #45804b;
}
/*Gestion menu actif*/
section
{
    width:80%; /*calc(100%-170px);*/
/*width: 85%;*/
    padding: 1em;
/*margin: 1em 1em 1em 23%;*/
}
#conteneur
{
    display: flex;
}
/*@media all and (max-width: 1024px)*/
/*@media all and (max-device-width: 480px)*/
@media all and (max-width: 800px)
{
    #conteneur
    {
        flex-direction: column;
    }
/*    #bloc_page
    {
        width: auto;
    }
 */
    nav
    {
        width: auto;
        text-align: left;
    }
    nav li
    {
        padding-left: 4px;
    }
    article, aside
    {
        width: auto;
        margin-bottom: 15px;
    }
}
footer
{
/*clear: both;*/
padding: 1em;
background-color: #8fa9f8;
}


/*label
{
float: left;
width: 250px;
text-align: left;
}
input
{
margin-bottom: 2px;
}
*/
/*Paramétrage des tableau*/
table, tr, td, th{
    border-collapse: collapse;
}
.tableau{
    border: 1px solid black;
    padding: 1em;
}
.tabhaut
{
    border-top: 1px solid black;
/*    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;*/
    text-align: right;
}
.tabbas
{
    border-top: 0px;
    border-bottom: 1px solid black;
    /*border-right: 0px;
    border-left: 0px;*/
    border-right: 1px solid black;
    text-align: right;
}
.tabdiff
{
    width:50px;
/*    border-right: 0px;*/
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    text-align: center;
}
.tabtotal
{
    width:50px;
    border-left: 1px solid black;
/*    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;*/
    text-align: center;
}
/*Fin Paramétrage des tableau*/