@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&display=swap');



.black {
	background-color: black;
	padding-bottom: 20px;
	padding-top: 20px;
}

.blue {
	background-color: #0F94C9;
	padding-top: 60px;
	padding-bottom: 45px;
}

.red {
	background-color: #DF000C;
	padding-top: 60px;
	padding-bottom: 60px;
}

.green {
	background-color: #16FD04;
	padding-top: 60px;
	padding-bottom: 60px;
}

.comm {
	padding-top: 30px;
}

.makingof {
	padding-bottom: 40px;
}

body {overflow-x: hidden;}

.ba {
	padding-top: 50px;
}

.affiche {
	margin-bottom: 30px;
}

.txt p, h1, h2, h3 {
	color: white;
	font-family: 'Dosis', sans-serif;
}

h1, h2, h3 {
	font-weight: 700;
}

p {
	text-align: justify;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.4em;
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 1.8em;
}

h2, h3 {
	font-size: 1.5em;
}

h3 {
	margin-bottom: 20px;
}

a.popup-link img:hover, a.gallery-item img:hover, img.comm:hover, input.sendmail:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s; 

  /* When the animation is finished, start again */
  animation-iteration-count: infinite; 
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.voir, .annonce, .mo {
	animation: shaketxt 1s; 

  /* When the animation is finished, start again */
  animation-iteration-count: infinite; 
}

@keyframes shaketxt {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.voir:hover, .annonce:hover, .mo:hover {
	animation: none; 
}

input {
	font-weight: 700 !important;
	border-bottom: 5px dotted red !important;
	border-left: 0 red !important;
	border-right: 0 red !important;
	border-top: 0 red !important;
	background: transparent !important;
	outline: none !important;
	box-shadow: none !important;
	font-family: 'Dosis', sans-serif !important;
	color: white !important;
	font-size: 1.3em !important;
	
}


textarea {
	border: 5px dotted red !important;
	font-family: 'Dosis', sans-serif !important;
	font-weight: 700;
	color: white !important;
	background: none !important;
	font-size: 1.3em !important;
	outline: none !important;
	box-shadow: none !important;
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

input.button{
	border: 5px dotted red !important;
	color: red !important;
	font-family: 'Dosis', sans-serif !important;
	font-weight: 700 !important;
	background: white !important;
	padding: 7px !important;
	font-size: 1.2em !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(22, 253, 4);
  opacity: 1; /* Firefox */
  font-weight: 400 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(22, 253, 4);
  font-weight: 400 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: rgb(22, 253, 4);
  font-weight: 400 !important;
}

.alert {
	font-family: 'Dosis', sans-serif !important;
	font-size: 1em !important;
}

i.fi-alert {
	color: red;
}

.blocvert {
	background: #009150!important;
	color: white !important;
	font-family: 'Dosis', sans-serif !important;
	font-size: 1.3em !important;
	font-weight: 700;
}

.grecaptcha-badge { visibility: hidden; }