.head
      {
        width:15%;
      }
      @media(max-width: 600px){.head{width:30%;}}
      .hcolum img
      {
        margin-left: 30px;
      }

       .offre
        {
            border:0px solid black;
            margin-left: 30px;            
            box-shadow: 0px 0px 27px 1.74px  rgba(26,26,26,0.3);
            border-radius: 10px;
            margin-right: 30px;
        }
        .offre1
        {
            border:0px solid black;
            margin-left: 30px;
            margin-right: 30px;
            box-shadow: 0px 0px 27px 1.74px  rgba(26,26,26,0.3);
            border-radius: 10px;
        }
        .offre:hover
        {
            box-shadow: 0px 0px 67px  silver;

        }
        .offre1:hover
        {
            box-shadow: 0px 0px 67px  silver;

        }
        .head
        {
            border:0px solid black;
            padding:50px;

            background-color: #fff;
        }
        .element li
        {
            padding:15px;
            color:black;
            font-weight: bold;
        }
      .formulaire
      {
        border:0px solid black;
            box-shadow: 0px 0px 27px 1.74px  rgba(26,26,26,0.3);
        
      }

       .formulaires
      {
        border:0px solid black;
            box-shadow: 0px 0px 27px 1.74px  rgba(26,26,26,0.3);
        
      }
		.table 
		{
			border:0px solid black;
			margin-top: 20px;
			width:70%;
			margin: auto;
			color:black; font-weight: bold;
		}

		.valide
		{
			width:30%;
			text-align: center;
			margin: auto;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		
       .contenu
        {
            border: 0px solid black;
            box-shadow: 0px 0px 27px 1.74px  rgba(26,26,26,0.3);

        }
        .bord
        {
             border: 0px solid black;
            box-shadow: 0px 0px 27px 1.74px  rgba(26,26,26,0.3);
           
        }
        .virement
        {
            font-size:1.3em; color:black; text-align: center;
        }

progress {
  display: block;
  width: 50%;
  height: 2em;
  margin: .5em 0;
  border: 3px solid white;
  border-radius: 5px;
  background-color: #d4d4d4;
  box-shadow: 0 0 0 3px #b6b6b6;
}

@-webkit-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@-moz-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
progress::-webkit-progress-bar {
  border-radius: 5px;
  background-color: #d4d4d4;
}
progress::-webkit-progress-value {
  border-radius: 5px;
  background-color: #6264d7;
  background-image: -webkit-linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -webkit-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}
progress::-moz-progress-bar {
  border-radius: 5px;
  background-color: #6264d7;
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -moz-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}