A:hover {
	COLOR: #000000}

.colonnes_noires {  border-color: #FFFFFF #999999; border-style: solid; border-right-width: 1px; border-left-width: 1px}


@media (min-width: 601px) {
  label[for="menu-toggle"] {
    display: none;
  }
}

@media (max-width: 600px) {
  label[for="menu-toggle"] {
    display: block;
    background: #eee;
    padding: 0.5em;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 1em;
  }
  
  body {
  padding: 0.9em;
}


  table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
  }

  tr {
    display: table-row;
  }

  td {
    display: table-cell;
    vertical-align: top;
    padding: 0.5em;
    width: 100%;
    box-sizing: border-box;
  }

  /* Masquer la colonne gauche (menu) par défaut */
  td:first-child {
    display: none;
  }

  /* Afficher le menu quand activé */
  #menu-toggle:checked + table td:first-child {
    display: table-cell;
    width: 100%;
    padding-bottom: 1em;
  }
  
  #menu-toggle:checked + table td:nth-child(2) {
  display: none;
}


  /* Empiler les deux colonnes */
  #menu-toggle:checked + table tr {
    display: block;
  }

  #menu-toggle:checked + table td {
    display: block;
    width: 100%;
  }
}


 A:hover {
	COLOR: #000}
	
h1{
	color: #000;
	font-size: 32px; font-weight:normal;
	text-align: center;
}	


h2{
	color: #000;
	font-size: 28px; font-weight:normal;
	text-align: center;
}

h3{
	color: #000;
	font-size: 20px; font-weight: bold;
	text-align: left;
}