/* Définition des balise HTML5 pour vieux navigateurs */
    aside, footer, header, main {display: block;}

    /* Définition des balise HTML5 pour vieux navigateurs */
    .conteneur {
      /* Largeur Fluide et liquide, changer le 1000px par 100% */
      max-width:1000px;
      /* Centre le conteneur dans la page */
      margin:20px auto;	 
	  border:1px solid #ccc; 
      margin-top:0px;
    }
    header {
      text-align:center;
      background: #ccc;
      color:#fff;
      height:auto;
      padding:5px;
    }
    main {
      float:left;
      width:60%;
      text-align:left;
      height:100%;
      border: 2px solid #ccc;
      border-radius: 2px;
    }

    aside {
      float:left;
      width:20%;
      text-align:left;
      height:100%;
      /*background:#eee;*/
    }

    footer {
      /* forcer l’affichage sous le contenu et la colonne */
      clear:both;
      text-align:center;
      background: #555;
      color:#fff;
      height:auto;
      padding:5px;
    }
   
.menuproduits{
      border:2px solid #ccc; 
      border-radius:5px;
      margin-top:1px;  
    }
	
    .menuproduits p{
      font-size: 25px;
      text-align:center; 
      background-color:#fff; 
      border-radius:15px; 
    }
	
    ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;
    border: 1px solid #555;
    }

	.navigation li {
	 text-align: center;
     border-bottom: 1px solid #555; 
	}
    .navigation li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    }
	
	.navigation li:last-child {
    border-bottom: none;
    }

   .navigation  li a.active {
    background-color: #4CAF50;
    color: white;
    }
   .navigation  li a:hover:not(.active) {
    background-color: #555;
    color: white;
    }
			
 .effaceligne{
      
    }
 
  .tablepanier{
    background-color:#ccc;
  }
  .tablepanier td{ 
    font-weight: bold;
    font-size:18px; 
     }
  
 
#imgheader{
  background-image:url("../images/header1.png"); 
  background-size:990px 200px;
  background-repeat: no-repeat;
  height:200PX;
  color: black;
}
.logo img{
  float: left;
}
.samafrik p{
  font-size:22px;
  margin-top:60px; 
  text-align: left;
  font-weight: bold;
}
.samafrik p span{
  font-size:30px; 
} 
.slogan p{
margin-top:40px; 
text-align:left;
font-size:20px;
color:#32CD32;
font-weight: bold;
margin-left: 12px;
} 
  
/**************** Creation de menu horizontal *******************/
.navh ul{
 padding:0px;
 margin:0px;
 list-style: none;
 background-color: #FF4500;
 
}
.navh li{
 display: inline-block;
 width: 130px;
 height: 40px;
 margin: 0px;
 padding: 0px;
 border-right: 1px solid #cccccc;
 text-align: center;
 line-height: 40px;
}

.navh li :hover{
  background-color: #ccc;
}

.navh li a{
  display: block;
  text-decoration: none;
  color:#ffffff;
}
 
/******************* menu footer *****************/
.menufooter {
     width: 180px;
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: left;
     background: #555;
    }

.menufooter li a {
    color: #333 ;
    /*border: 1px solid #600 ;*/
    margin-bottom: 1px ;
    font-size: 12px;
    margin-left:5px; 
    color:#fff;
    }

.menufooter li  img{
  width: 80px;
  height:70px;
}

.logincss{
  text-align:right; 
}
.logincss p{
  font-size:18px;
  text-align:center;  
  font-weight: bold;
}




 @media all and (max-width: 600px) {
      main {
        width:100%;
      }
      aside {
        width:100%;
      }
    }

    @media all and (max-width: 801px) and (min-width: 601px) {
      main {
        width:80%;
      }
      .saut {
        width:100%;
      }
    }