*{
margin: 0;
padding: 0;
}

.container {
background-size:cover;
height:100%;
width:100%;
background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url("../Image/fond.jpg");
background-position:center;
box-sizing:border-box;
padding-left: 0%;
padding-right: 0% ;
}


#wrap {
        width: 100%;
        height: 50px;
        margin: 0;
        z-index: 99;
        position: relative;
        background-color: #444444;
      }
      .navbar {
        height: 40px;
        padding: 0;
        margin: 0;
        position: absolute;
      }
      .navbar li {
        height: auto;
        width: 135.8px;
        float: left;
        text-align: center;
        margin-left: 0px;
        margin-right: 8px;
        list-style: none;
        font: normal bold 13px/1em Arial, Verdana, Helvetica;
        padding: 0;
        background-color: #444444;
      }
      .navbar a {
          padding: 18px 0;
          margin:0;
        border-left: 1px solid #ccc9c9;
        text-decoration: none;
        color: white;
        display: block;
      }
      .navbar li:hover,
      a:hover {
        background-color: #444444;
      }
      .navbar li ul {
        display: none;
        height: auto;
        margin: 0;
        padding: 0;
      }
      .navbar li:hover ul {
        display: block;
      }
      .navbar li ul li {
        background-color: #444444;
      }
      .navbar li ul li a {
        border-left: 1px solid #444444;
        border-right: 1px solid #444444;
        border-top: 4px solid #c9d4d8;
        border-bottom: 1px solid #444444;
      }
      .navbar li ul li a:hover {
        background-color: #a3a1a1;
      }

.slider {
		width: 100%;
        height: 150px;
		overflow: hidden;

	}
	.slides {
		width: calc(700px * 14);
		animation: glisse 30s infinite;
	}
	.slide {
		float: left;
	}

	@keyframes glisse {
		0% {
			transform: translateX(0);
		}
        5% {
			transform: translateX(-75px);
			}
		10% {
			transform: translateX(-150px);
		}
        15% {
			transform: translateX(-225px);
			}
		20% {
			transform: translateX(-300px);
		}
        25% {
			transform: translateX(-375px);
			}

		30% {
			transform: translateX(-450px);
		}
        35% {
			transform: translateX(-525px);
			}
		40% {
			transform: translateX(-600px);
		}
        45% {
			transform: translateX(-675px);
			}
		50% {
			transform: translateX(-750px);
		}
        55% {
			transform: translateX(-825px);
			}
		60% {
			transform: translateX(-900px);
		}
        65% {
			transform: translateX(-975px);
			}
        70% {
			transform: translateX(-1050px);
		}
        75% {
			transform: translateX(-1125px);
			}
        80% {
			transform: translateX(-1200px);
		}
        85% {
			transform: translateX(-1275px);
			}
        90% {
			transform: translateX(-1350px);
			}
        95% {
			transform: translateX(-1425px);
			}

        100% {
			transform: translateX(0);
			}

			}

    h1 {
color: #e8e8e8;
font-variant: small-caps;
text-shadow: white 0.1em 0.1em 0.2em;
text-align: left;
font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
font-size:45px;
margin-left:3%;
}

    .balise1 {

        color : #dedede;
        text-align: left;
        font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
        font-size:30px;
        margin-left:5%;
        margin-right:5%;
        padding:5%;

    }