html{height: 100%; width:100%;padding: 0;margin: 0;}
body{background-color: #ffdd73;
  padding: 0;margin: 0;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
/*  font-family: "Ronaldo";*/
height: 100%;
width: 100%;}

footer{background-color: #1C1C1C;height: 6%;width: 100%;margin-top: 0%;}
#video{transition : 1s;}
#conteneur{width: 100%;height: 100%;display: flex;
    flex-direction: column;}
.element{width: 100%;height: 100%;padding-bottom: 5%;}
.element_boutique{width: 100%;height: 100%;margin-top: 10%;background-color: #ffad44;}
.element_galerie{width: 100%;height: 100%;margin-top: 10%;background-color: #ffad44;padding-bottom: 13%;}
.element_partenaires{width: 100%;height: 100%;margin-top: 10%;margin-bottom: 2%;}
.partenaire{width: 25%;height:65%;margin-top: 5%;margin-left: 4%;}
.element_apropos{padding-bottom: 5%;width: 100%;height: 100%;margin-top: 5%;}/*mettre a 5 quand element partenaire*/
.element_contact{width: 100%;height: auto;margin-top: 0%;background-color: #ffad44;padding-top: 10%;}
.element_copy{background-color:#1C1C1C ;margin-bottom: 0%;height: 5%;width: 100%;color:white;margin-top: 1%;padding-top: 1%;}
video{height: 1000px;height: 570px;}
#contenur_video{width: 100%;height: 100%;background-color: red;}
#d{top: 15%;}
#descendre{width: 8%;margin-top: 45%;margin-left:40%;position: absolute;};
#rect_haut{position: absolute;z-index: 0;}

@font-face {
font-family: "Ronaldo";
	src :
		url("Ronaldo.ttf") format('truetype');
}
#diapo{/*width: 366px;height: 300px;*/}
.flotte {
float:left;
width: 8%;
}
.titre {
  font-family: "Ronaldo";
  font-size: 300%;
  margin-left: 8%;


}
.galerie{

    font-family: "Ronaldo";
    font-size: 300%;
    margin-left: 8%;

margin-top: 7%;

}
.test{width: 75%;margin-left: 10%;padding-top: 10%;}
#slick{margin-left: 5%}
#ic{padding-left: 10%;font-size: 170%;width: 100%;}
#mail{ border:3px double grey;}
textarea{resize: none; border:3px double grey;	width: 30em;
			height: 23em;}
.icone{width: 8%;vertical-align:middle;}
.element_co{width: 100%;height: 100%;}
#envoie{cursor: pointer;margin-top: 2%;background-color:#BDBDBD;color:white;border:3px solid #6E6E6E;width: 10%;height: 8%;font-size: 22px;margin-left: 25%;}
/*#envoie:hover{color: orange;background-color: #D8D8D8;box-shadow: 5px 5px 9px #aaa;}*/
form{width: 100%;}
/*.t{background:url(envoie.png) top right no-repeat; width:220px; height: 30px; padding: 0 0 0 10px; cursor: pointer; border:0;}*/
.i{cursor: pointer;margin-top: 2%;width: 13%;height: 12%;margin-left: 22%;}
.i_english{cursor: pointer;margin-top: 2%;width: 10%;height: 10%;margin-left: 22%;}

#encart{width: 32%;height: 100%;}
 #tabap{width: 100%;height: 100%;margin-left: 0%;font-size: 150%;}
 .element2{margin-left: 8%;margin-right: 5%;}
#apr{width: 55%;margin-top: 5%;padding-bottom: 17%;}
#dessin{margin-left: 25%;width:75%;}
#coucou{padding-bottom: 8%;background-color: #ffe080;}

table{margin-left: 8%;padding-top: 2%;
}
#mail{height: 25px;width: 30em;}
/*services*/
.survol{visibility: hidden;}
/*header*/

.francais{margin-left: -2%;cursor: pointer;}
.english{margin-left: 87%;margin-right: 0%;cursor: pointer;}

/* Fleche vers engagement avec animation*/

#header{
background: url(../images/rectangle_accueil.png) no-repeat center center;
 background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*	min-height:90vh;*/
width: 100%;
height: 100%;
  /*	min-height:90vh;*/
  width: 100%;
  height: 100%;

}
#header_english{
  background: url(../images/traduction/accueil.png) no-repeat center fixed;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
  /*	min-height:90vh;*/
  width: 100%;
  height: 100%;}
#header.element{width: 100%;
height: 100%;}
#header-homepage-arrow{
	background: transparent;
	text-align:center;
position: relative;

	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}

/* Animation*/
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

#header-homepage-arrow.move-down-bounce{

}

#header-homepage-arrow.move-down-bounce a{

}

.fas.fa-angle-down{
	color:white;
	font-size:50px;
  margin-top: 45%;

/*  margin-top: 2%;*/
  /*z-index: 100;

}
/*mobile*/


/*test*/