@-webkit-keyframes apparition {
  0%  { opacity: 0; }
  100% { opacity:1; }
}
@keyframes apparition {
  0%  { opacity: 0; }
  100% { opacity:1; }
}
@-webkit-keyframes disparition {
  0%  { opacity: 1; }
  100% { opacity:0; }
}
@keyframes disparition {
  0%  { opacity: 1; }
  100% { opacity:0; }
}
.li_contact h4 {
  -webkit-text-decoration-line: overline;
          text-decoration-line: overline;
}
/* CONTACT LATERAL GAUCHE */
#lateral_left {
display:block;
position:fixed;
bottom:0;
left:0;
padding:0;
background-color:rgba(255,255,255,0.7);
z-index:12;
width: 25%;
}

.fleche_contact {
position:fixed;
left:0;
bottom:0;
width:20%;
height:60px;
background-color:rgba(255,255,255,0.7);


}
.lien_contact {
width:60px;
height:60px;
margin:0 auto;
}
.lien_contact img {
width:60px;
height:60px;
}


@media screen and (max-width:1200px) {
.lien_contact {
width:50px;
height:50px;
margin:0 auto;
}

.fleche_contact {
height:50px;
}
.lien_contact img {
width:50px;
height:50px;
}
}

@media screen and (max-width:640px) {
.lien_contact {
width:35px;
height:35px;
margin:0 auto;
}

.fleche_contact {
height:35px;
}
.lien_contact img {
width:35px;
height:35px;
}
}


.li_contact {
width:auto;
text-align:center;
}
.contact_mobile {
display:block;
position:fixed;
bottom:0;
left:0;
padding:0;
background-color:rgba(255,255,255,0.7);
}

.contact_mobile > li {
display:block;
vertical-align:top;
text-align:center;
padding:0;

}

.contact{
width:auto;
}

.contact_deroulant {
position:fixed;
bottom:-800px;
left:-500px;
opacity:0;
transition:1s;
background-color:rgba(255,255,255,0.9);
width:auto;
padding:0;
border-radius:0 15px 0 0 ;
height:65%;
overflow:auto;
}

.contact_mobile .fleche_contact:hover  ul.contact_deroulant {
bottom:60px;
left:0;
opacity:1;
transition:1s;
-webkit-animation:1s apparition 1;
        animation:1s apparition 1;
}

@media screen and (max-width:1200px) {


.contact_mobile .fleche_contact:hover  ul.contact_deroulant {
bottom:50px;
left:0;
opacity:1;
transition:1s;
-webkit-animation: 1s apparition 1;
        animation: 1s apparition 1;
}

}
@media screen and (max-width:640px) {


.contact_mobile .fleche_contact:hover  ul.contact_deroulant {
bottom:35px;
left:0;
opacity:1;
transition:1s;
-webkit-animation: 1s apparition 1;
        animation: 1s apparition 1;
}

}



/* MENU CENTRAL  */

#menu_centre {
background-color:rgba(255,255,255,0.7);
position:fixed;
right:0;
left:0;
margin:auto;
bottom:0;
width:auto;
z-index:11;
}



	.menu_mobile_cache {
	position:fixed;
        bottom:0;
	display:block;
	text-align:center;
	padding-top:0;
	vertical-align:bottom;
	transition:1s;
	height:60px;
	margin:auto;
	width:60%;
	}
	.acces_menu {
	background-color:rgba(255,255,255,0.7);
        position:fixed;
	bottom:0;
	left:0;
	right:0;
	width:60%;
	height:60px;
	margin: auto;

	}

	.acces_menu a {
	height:25px;

	}
	.lien_menu {
width:60px;
height:60px;
margin:0 auto;
}

.lien_menu img {
width:60px;
height:60px;
}
@media screen and (max-width:1200px) {
.lien_menu {
width:50px;
height:50px;
margin:0 auto;
}

.acces_menu {
height:50px;
}
.lien_menu img {
width:50px;
height:50px;
}
}

@media screen and (max-width:640px) {
.lien_menu {
width:35px;
height:35px;
margin:0 auto;
}

.acces_menu {
height:35px;
}
.lien_menu img {
width:35px;
height:35px;
}
}

	.menu_deroulant {
	position:fixed;
	bottom:-800px;
	opacity:0;
	transition:1s;
	opacity:0;
	width:60%;
	margin:auto;
	height:auto;

	background-color:rgba(255,255,255,0.9);
	left:0;
	right:0;
	}

	nav a {
	display:inline-block;
	}
	.menu_mobile_cache li:hover ul.menu_deroulant {
	bottom:60px;
	transition:1s;
	-webkit-animation: 1s apparition 1;
	        animation: 1s apparition 1;
	opacity:1;
	}

@media screen and (max-width:1200px) {


.menu_mobile_cache li:hover ul.menu_deroulant {
bottom:50px;
left:0;
opacity:1;
transition:1s;
-webkit-animation: 1s apparition 1;
        animation: 1s apparition 1;
}

}
@media screen and (max-width:640px) {


.menu_mobile_cache li:hover ul.menu_deroulant {
bottom:35px;
left:0;
opacity:1;
transition:1s;
-webkit-animation: 1s apparition 1;
        animation: 1s apparition 1;
}

}





/* AGENDA LATERAL DROITE */

#lateral_right {
display:block;
position:fixed;
bottom:0;
right:0;
padding:0;
z-index:11;
background-color:rgba(255,255,255,0.7);
}

.fleche_agenda {
  position:fixed;
  right:0;
  bottom:0;
  width:20%;
  height:60px;
  background-color:rgba(255,255,255,0.7);


}
.lien_agenda {
width:60px;
height:60px;
margin:0 auto;

}


.lien_agenda img {
width:60px;
height:60px;
}
@media screen and (max-width:1200px) {
.lien_agenda {
width:50px;
height:50px;
margin:0 auto;
}

.fleche_agenda {
height:50px;
}
.lien_agenda img {
width:50px;
height:50px;
}
}

@media screen and (max-width:640px) {
.lien_agenda {
width:35px;
height:35px;
margin:0 auto;
}

.fleche_agenda {
height:35px;
}
.lien_agenda img {
width:35px;
height:35px;
}
}

.li_agenda {
  width:auto;
  text-align:center;
}

.agenda_mobile {
display:block;
position:fixed;
bottom:0;
right:0;
background-color:rgba(255,255,255,0.7);
padding:0;
}

.agenda_mobile > li {
display:block;
vertical-align:top;
text-align:center;
padding:0;

}

.agenda{
width:auto;
}

.agenda_deroulant {
position:fixed;
bottom:-800px;
right:-500px;
opacity:0;
transition:1s;
background-color:rgba(255,255,255,0.9);
padding:0;
border-radius:15px 0 0 0 ;
overflow:auto;
height:65%;

}

.agenda_mobile .fleche_agenda:hover  ul.agenda_deroulant {
bottom:60px;
right:0;
opacity:1;
transition:1s;
-webkit-animation: 1s apparition 1;
        animation: 1s apparition 1;
}

.agenda_deroulant a {
  background-color:dimgrey;
  width:100%;
}

@media screen and (max-width:1200px) {


.agenda_mobile .fleche_agenda:hover  ul.agenda_deroulant {
bottom:50px;
right:0;
opacity:1;
transition:1s;
-webkit-animation: 1s apparition 1;
        animation: 1s apparition 1;
}
}
@media screen and (max-width:640px) {


.agenda_mobile .fleche_agenda:hover  ul.agenda_deroulant {
bottom:35px;
right:0;
opacity:1;
transition:1s;
-webkit-animation: 1s apparition 1;
        animation: 1s apparition 1;
}
}