@charset "utf-8";
h1
{
	color:#333333;
	font-size: 24px;
	font-weight:lighter;
	line-height: 40px;
}
h2
{
	color:rgb(234,67,53);
	font-style: italic;
	font-size: 18px;
	font-weight:lighter;
	line-height: 30px;
}
h3{
	color:rgb(52,168,83);
	font-style: italic;
	font-size: 18px;
	font-weight:bold;
	line-height: 20px;
	text-align:justify;
	padding:5px;
	background-color:rgba(255,255,255,0.5);
}
#fondform{
	position:relative;
	top:-10px;
	height:700px;
	background-image: linear-gradient(rgba(255,255,255,1), rgba(200,200,200,0));
}
#contenu{
	float:left;
	width: 950px;
	height: auto;
	background-color:white;
	background-color:rgba(212,212,212,0.6);
	border-radius:0px 0px 5px 5px;
	background:url(../images/fondform.png) repeat;
}
#corpsaccueil
{
	position:relative;
	top:10px;
	left:205px;
	width: 500px;
	height: auto;
	background:rgba(226,226,226,0.5);
	margin-top:10px;
	margin-bottom:10px;
	border: 1px rgb(44,113,186) solid;
	border-radius:5px;
	padding:5px 10px;
}
.savoirplus{
	font-style:italic;
	font-size:lighter;
	color:yellow;
}
#dalkia{
	position:absolute;
	top:50px;
	margin-left:10px;
	width:175px;
	height:80px;
	
}
#solorec{
	position:absolute;
	top:50px;
	width:195px;
	height:133px;
	margin-left:740px;
}
#r2e{
	position:absolute;
	top:150px;
	width:175px;
	height:80px;
	margin-left:10px;
}

.infobulle{
	margin-bottom:-100px;
	transform:scale(0) rotateX(-180deg);
	background-color:rgba(251,188,5,1);
    background-image: linear-gradient(-45deg,rgba(251,188,5,0.1),rgb(234,67,59));

	color:white;
	border-radius:5px;
	padding:8px;
	width:200px;
	height:auto;
	position: absolute;
	z-index: 100;
	bottom: 220%;
	left: 0%;
	transition:1s;
}
.infobulle h2{
	font-size:15px;
	font-weight:lighter;	
	font-style:normal;
	color:white;
}

.infobulle h3{
	padding:5px;
	font-size: 12px;
	font-style:italic;
	font-weight:lighter;
	color:white;
}
.infobulle::after{
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 35%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: rgba(251,188,5,1) transparent transparent transparent;
}
#r2e:hover >.infobulle{
	transform: scale(1) rotateX(0deg);
}
#solorec:hover >.infobulle{
	transform: scale(1) rotateX(0deg);
}
#dalkia:hover >.infobulle{
	transform: scale(1) rotateX(0deg);
}

a {
	color:rgb(44,113,186);
	font-size:14px;
	font-family:arial;
	font-style:italic;
	
}
textarea {
  font-family:arial;
  font-size:14px;
  color:rgb(80,80,80);
  width: 100%;
  height: 100px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: none;
}
input[type=text], select {
  width: 100%;
  padding: 8px 12px;
  margin: 0 0;
  display: inline-block;
  border: 1px solid #ccc;
  font-family:arial;
  font-size:14px;
  color:rgb(80,80,80);
  border-radius: 4px;
  box-sizing: border-box;
}
label {
	color:rgb(44,113,186);
	font-size:14px;
	height:30px;
}
input[type=submit] {
  width: 100%;
  background-color: rgb(52,168,83);
  color: white;
  font-size: 20px;
  padding: 14px 20px;
  margin: 8px 0;
  border-radius: 4px;
  cursor: pointer;
}
input[type=submit]:hover {
  background-color: rgb(44,113,186);
  color:white;
}