@charset "utf-8";

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background-color:#40b9c9;
	width: 100% !important;
}
#conteneur {
	position:relative;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 3%;
	width: 70%;
	margin: 2% auto;
	border-radius: 10px;
	padding-bottom: 2%;
}
#conteneur-ok {
	position:relative;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 3%;
	width: 54%;
	margin:0.5% auto;
	border-radius: 10px;
	padding-bottom: 2%;
	background:#FFF;
}
input {
	border-radius:5px;
	height: 20px;
}
.titrebil{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-left:15%;
	padding-bottom:10%;
}
.sstitre{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-left:15%;
	padding-bottom:10%;
}
#question {
	position:relative;
	padding-left:10px;
	padding-top:20px;
}
#head {
	width:100%;
	height: 500px;
	overflow: hidden;
	background-image: url("img/head.jpg");
	background-size: 110%;
	background-repeat: no-repeat;
}
#head09 {
	width: 1200px;
	margin-left:auto;
	margin-right:auto;
}
#footer {
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width:650px;
	height:81px;
}
#cont_merci {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
}
fieldset {
	border-color:#000;
	border:solid;
	border-width:1px;
	border-radius:5px;
	margin-bottom:1em;
	margin-top:2em;
	padding-left:10px;
}
fieldset legend {
	background-color:#FFF;
}
.champs-text {
	width:400px;
}
.champs-text2 {
	width:335px;
}
.champs-text3 {
	width:300px;
}
.champs-num {
	width:115px;
}
.champs-num2 {
	width:200px;
}
.champs-deroulant {
	width:100px;
}
.champs-deroulant2 {
	width:175px;
}
.champs-deroulant-long {
	width:250px;
}
.obs {
	color:#999;
}
p {
	margin-bottom:1em;
	margin-top:1em;
}
li {
	list-style: none;
	margin-bottom:2%;
	margin-left:2%;
}
p{
	margin-bottom:0.5em;
	margin-top:0.5em;
}
textarea {
	resize:none;
}
#p {
	margin-top: 2%;
}
.text {
	color:#000;
}
.textlegend {
	color: #999;
}
#text{
	display: block;
	margin:1% 0 2% 4%;
	width: 50%;
	top: 15%;
	z-index: 1000;
	background-color: rgba(255, 255, 255, .7);
	font-size: 14px;
	padding: 2%;
	border-radius: 10px;
}
#check2 {
	position: absolute;
	left: 70%;
	top:40%;
	width: 15%;
	height: 12%;
	font-size: 18px;
	background: #007CA2;
	color: #FFF;
	border: 0;
	border-radius: 20px 0 20px 0;
}
#check2:hover {
	background: #40B9C9;
	cursor: pointer;
}
#envoi {
	position: relative;
	left: 50%;
	top:5%;
	margin-bottom: : 3%;
}
#bton {
	text-align: center;
	position: relative;
	display: block;
	margin-top:5%;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#bton1 {
	width: 15%;
	height: 50px;
	font-size: 18px;
	background: #007CA2;
	color: #FFF;
	border: solid #FFF;
	border-radius: 20px 0 20px 0;
}
#bton1:hover {
	background: #40B9C9;
	cursor: pointer;
}
#perp {
	position:absolute;
	width:1000px;
	margin:3% auto 0 auto;
	text-align:left !important;
	/*background: Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007ca2+0,40b9c9+100 */
	background: #007ca2; /* Old browsers */
	background: -moz-linear-gradient(45deg, #007ca2 0%, #40b9c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #007ca2 0%,#40b9c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #007ca2 0%,#40b9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ca2', endColorstr='#40b9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
	background-repeat: no-repeat;	
	border:dashed #fff;
	padding:5%;
	margin-left: -150px;
}
#vill {
	position:absolute;
	width:1000px;
	margin:3% auto 0 auto;
	text-align:left !important;
	/*background: Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007ca2+0,40b9c9+100 */
	background: #007ca2; /* Old browsers */
	background: -moz-linear-gradient(45deg, #007ca2 0%, #40b9c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #007ca2 0%,#40b9c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #007ca2 0%,#40b9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ca2', endColorstr='#40b9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
	background-repeat: no-repeat;	
	border:dashed #fff;
	padding:5%;
	margin-left: -150px;
}
#btonpyro {
	width: 25%;
	font-size: 18px;
	background: #007CA2;
	color: #FFF;
	border: solid #FFF;
	border-radius: 20px 0 20px 0;
	margin-right:5%;
	padding: 1rem;
}
#btonpyro:hover {
	background: #40B9C9;
	cursor: pointer;
}
#oblig {
	position:relative;
	width:80%;
	text-align:left !important;
	padding:1%;
}
#choix {
	position:relative;
	font-weight:bold;
	color: #000;
	width:80%;
	z-index: 10000 !important;
}
#present {
	width: 100%;
}
 hr {
	width: 80%;
	height: 5px;
	background:#FFF;
	margin-top:3%;
	border:0;
}
#map iframe {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.text_titre {
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}
.text_gras {
	font-weight:bold;
	color:#000;
}
.text_grasg {
	font-weight:bold;
	color:#666;
}
.chiffre {
	font-weight:bold;
	color: #000;
}
.mask {
	display:none;
}
.unmask {
	display:block;
	position: relative;
	width: 80%;
	margin-top: 5%;
}
.champs-infos {
	width:550px;
	margin-left:5%;
	height:200px;
	margin-top:0.5em;
}
.obs {
	width:350px;
	margin:auto;
	height:100px;
	margin-top:0.5em;
}
#coordo {
	width:250px;
	height:auto;
	position:relative;
	margin-top:20px;
}
.info	{
}
a.info {
	position: relative;
	color: #F90;
	text-decoration: none;
}
a.info span {
	display: none; /* On masque l'infobulle. */
}
a.info:hover {
	background: none; /* Correction d'un bug d'Internet Explorer. */
	z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
	cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
	display: inline; /* On affiche l'infobulle. */
	position: absolute;
	background-color:#FFF;
	shadow:#666;
	width:200px;
	margin-left:100%;
	padding-left:2%;
	border-left:solid 5px #D6DEA3;
	top: -20px;
}
#ces {
	text-align: center;
	position: relative;
	display: block;
}
.comment {
	display: inline-block;
	position: relative;
	width: 15%;
	margin-right: 5%;
	border: solid 1px #007CA2;
	border-radius: 20px 0 20px 0;
	padding: 2%;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	animation: mover 3s;
	text-transform:uppercase;
}
.comment i {
	font-size: 36px;
	color: #40B9C9;
}
/* ----------------------------------------------
 * Generated by Animista on 2019-3-22 11:13:26
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes mover {
	0% {
		-webkit-transform: translateY(0);
			transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-50px);
			transform: translateY(-50px);
	}
	100% {
		-webkit-transform: translateY(0);
			transform: translateY(0);
	}
}
@keyframes mover {
	0% {
		-webkit-transform: translateY(0);
			transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-50px);
			transform: translateY(-50px);
	}
	100% {
		-webkit-transform: translateY(0);
			transform: translateY(0);
	}
}
.text-H {
	font-size: 24px;
	font-family: 'Pacifico', cursive !important;
	color: #000;
}