@charset "utf-8";
html {
  scroll-behavior: smooth;
}
#contenu
{
	width: 950px;
	margin: auto;
	float:left;
	background-color:rgba(212,212,212,0.6);
	background-image: linear-gradient(white, rgba(212,212,212,0.6));
	height:auto;
}
h2
{	
	margin-bottom:10px;
	font-weight: lighter;
	line-height: 25px;
	font-size: 20px;
}
#labelgroupe{
	float:right;
	font-size:18px;
	color:#333333;
	margin-top:-30px;
	margin-right:165px;
}
#groupe{
	float:right;
	margin-top:-36px;
	margin-right:10px;
	padding:2px;
	width:150px;
	height:30px;
	background-color:rgb(80,80,80);
    background-image: linear-gradient(-45deg,rgb(251,188,5), rgba(136,103,2,1));
	border-radius:5px;
	font-size:16px;
	color:white;
}

.button {
  float:right;
  background-color:rgb(52,168,83);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:5px;
  width:250px;
}
.buttonretour {
  float:right;
  background-color:rgb(234,67,53);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:5px;
  width:250px;
}
.buttonretour:hover{
	background-color: rgb(44,113,186);
}

.button:hover{
	background-color: rgb(44,113,186);
}
#inter{
	float:left;
	height:25px;
	margin-left:25px;
	border-left:1px rgb(80,80,80) dashed;
}
.titreconfiguration,.titreresultat
{
	width: 940px;
	height: 40px;
	float:left;
	background:url(../images/bg-titre1.jpg) repeat-y;
	margin-left:3px;
	border-radius:5px;
}
.titre_config
{
	border: 2px rgb(251,188,5) solid;
}
.titre_resultat
{
	border: 2px rgb(234,67,53) solid;
	display:none;
}
/*#promo{
	position:absolute;
	transform:scale(0);
	animation-name: voyager;
	animation-duration:5s;
	animation-iteration-count:1;
	-webkit-animation-name: voyager;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:1;
	-moz-animation-name: voyager;
	-moz-animation-duration:5s;
	-moz-animation-iteration-count:1;
}
@-webkit-keyframes voyager{
	1% {transform:rotatez(-9deg)scale(0.025);}
	2% {transform:rotatez(-18deg)scale(0.05);}
	3% {transform:rotatez(-27deg)scale(0.075);}
	4% {transform:rotatez(-36deg)scale(0.1);}
	
	5% {transform:rotatez(-45deg)scale(0.125);}
	6% {transform:rotatez(-54deg)scale(0.15);}
	7% {transform:rotatez(-63deg)scale(0.175);}
	8% {transform:rotatez(-72deg)scale(0.2);}

	9% {transform:rotatez(-81deg)scale(0.225);}
	10% {transform:rotatez(-90deg)scale(0.25);}
	11% {transform:rotatez(-99deg)scale(0.275);}
	12% {transform:rotatez(-108deg)scale(0.3);}

	13% {transform:rotatez(-117deg)scale(0.325);}
	14% {transform:rotatez(-126deg)scale(0.35);}
	15% {transform:rotatez(-135deg)scale(0.375);}
	16% {transform:rotatez(-144deg)scale(0.4);}

	17% {transform:rotatez(-153deg)scale(0.425);}
	18% {transform:rotatez(-162deg)scale(0.45);}
	19% {transform:rotatez(-171deg)scale(0.475);}
	20% {transform:rotatez(-180deg)scale(0.5);}

	21% {transform:rotatez(-189deg)scale(0.525);}
	22% {transform:rotatez(-198deg)scale(0.55);}
	23% {transform:rotatez(-207deg)scale(0.575);}
	24% {transform:rotatez(-216deg)scale(0.6);}

	25% {transform:rotatez(-225deg)scale(0.625);}
	26% {transform:rotatez(-234deg)scale(0.65);}
	27% {transform:rotatez(-243deg)scale(0.675);}
	28% {transform:rotatez(-252deg)scale(0.7);}

	29% {transform:rotatez(-261deg)scale(0.725);}
	30% {transform:rotatez(-270deg)scale(0.75);}
	31% {transform:rotatez(-279deg)scale(0.775);}
	32% {transform:rotatez(-288deg)scale(0.8);}

	33% {transform:rotatez(-297deg)scale(0.825);}
	34% {transform:rotatez(-306deg)scale(0.85);}
	35% {transform:rotatez(-315deg)scale(0.875);}
	36% {transform:rotatez(-324deg)scale(0.9);}

	37% {transform:rotatez(-333deg)scale(0.925);}
	38% {transform:rotatez(-342deg)scale(0.95);}
	39% {transform:rotatez(-351deg)scale(0.975);}
	40% {transform:rotatez(-360deg)scale(1);}

	85%{transform:scale(1);}
	90%{transform:scale(1);}
	95%{transform:scale(1);}
	100%{transform:scale(0);}
}
*/
#titreconfig h1
{
	color:#333333;
	font-size: 24px;
	font-weight:lighter;
	line-height: 40px;
	padding-left:45px;
	background:url(../images/outils.png) no-repeat 7px 7px;
}
#titreresult h1
{
	color:#333333;
	font-size: 24px;
	font-weight:lighter;
	line-height: 40px;
	padding-left:45px;
	background:url(../images/euro.png) no-repeat 7px 7px;
}
#corpsresultat{
	float:left;
	padding-top:10px;
	padding-left:25px;
	margin-left:25px;
	width:890px;
	height:auto;
	border-left:1px rgb(80,80,80) dashed;
	display:none;
}
#corpssimulateur{
	float:left;
	padding-top:10px;
	padding-left:25px;
	margin-left:25px;
	width:890px;
	height:auto;
	border-left:1px rgb(80,80,80) dashed;
}
.selectequipement{
	padding:2px;
	width:250px;
	height:30px;
	margin-left:25px;
	margin-bottom:10px;
	background-color:rgb(80,80,80);
    background-image: linear-gradient(-45deg,rgb(52,168,83), rgba(25,78,39,1));
	border-radius:5px;
	font-size:16px;
	color:white;
}
.equipement{
	position:relative;
}
.titre{
	color:rgb(234,67,53);
	margin-left:25px;
}
.titreequipement{
	position:absolute;
	left:300px;
	top:47px;
	color:rgb(44,113,186);
}
.titreequipement h3{
	font-weight:lighter;
	font-size:16px;
}
#productioncascade{
	height:320px;
	display:none;
}
#productionchaudiere{
	height:400px;
	display:none;
}
#distributioncr1{
	height:320px;
	display:none;
}
#distributioncr2{
	height:320px;
	display:none;
}
#distributioncr3{
	height:640px;
	display:none;
}
#preparateurecs{
	height:320px;
	display:none;
}
h3{
	font-size:12px;
	font-weight:lighter;
}
#retour{
	width:890px;
	float:left;
	height:50px;
	padding-bottom:5px;
	border-top:2px rgb(234,67,53) solid;
}

#calcul{
	width:890px;
	float:left;
	height:50px;
	border-top:2px rgb(251,188,5) solid;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgb(80,80,80);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgb(80,80,80) transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tableauselect {
	padding:4px;
	margin:4px;
	border:none;
	color:rgb(44,113,186);
	font-size:12px;
}
.tableconfig {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.tableconfig td,.tableconfig th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 4px;
  font-size:12px;
  background-color: rgba(44,113,186,0.3);
}
.tableconfig th{
  font-size:14px;
  background-color: rgba(251,188,5,0.8);
  color:white;
 }
.tableconfig tr:nth-child(even) {
  background-color: rgba(212,212,212,0.6);
}

.tableresultat {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  font-weight:lighter;
  width: 100%;
}

.tableresultat td,.tableresultat th {
  border: 1px solid white;
  text-align: right;
  padding: 4px;
  font-size:14px;
}
.tableresultat th{
  color:white;
  font-size:18px;
  background-color: rgba(44,113,186,1);
  background-image:linear-gradient(-45deg,rgb(44,113,186), rgba(21,52,87,1));
  height:20px;
}

/*.tableresultat tr:nth-child(even) {
  background-color: rgba(212,212,212,0.3);
}*/
#tableaucsc{
	position:absolute;
	top:80px;
	left:400px;
	width:480px;
	height:300px;
}
#cscTX{
	position:absolute;
	top:89px;
	left:179px;
	height:20px;
	width:20px;
}
#chTX{
	position:absolute;
	top:148px;
	left:68px;
	height:20px;
	width:20px;
}

#cscSD{
	position:absolute;
	top:94px;
	left:14px;
	height:25px;
	width:16px;
}
#cscSR{
	position:absolute;
	top:94px;
	left:42px;
	height:25px;
	width:16px;
}
#cscch1SD{
	position:absolute;
	top:164px;
	left:106px;
	height:25px;
	width:16px;
}
#cscch1SR{
	position:absolute;
	top:297px;
	left:167px;
	height:25px;
	width:16px;
}
#cscch2SD{
	position:absolute;
	top:164px;
	left:306px;
	height:25px;
	width:16px;
}
#cscch2SR{
	position:absolute;
	top:297px;
	left:367px;
	height:25px;
	width:16px;
}
.bruleur{
	font-size:13px;
	text-align:center;
	color:rgb(80,80,80);
	font-weight:bold;
}
#cscch1Bruleur{
	position:absolute;
	margin:8px;
	top:241px;
	left:47px;
	height:109px;
	width:77px;
}
#cscch2Bruleur{
	position:absolute;
	margin:8px;
	top:241px;
	left:247px;
	height:109px;
	width:77px;
}
#cscch1V2V{
	position:absolute;
	top:321px;
	left:139px;
	height:30px;
	width:30px;
}
#cscch2V2V{
	position:absolute;
	top:321px;
	left:339px;
	height:30px;
	width:30px;
}
#cscch1Pmp{
	position:absolute;
	top:267px;
	left:148px;
	height:20px;
	width:40px;
	text-align:center;
}
#cscch2Pmp{
	position:absolute;
	top:267px;
	left:348px;
	height:20px;
	width:40px;
	text-align:center;
}
#tableauchaudiere{
	position:absolute;
	top:80px;
	left:400px;
	width:480px;
	height:300px;
}
#chSD{
	position:absolute;
	top:173px;
	left:117px;
	height:25px;
	width:16px;
}
#chSR{
	position:absolute;
	top:347px;
	left:217px;
	height:25px;
	width:16px;
}
#chV3V{
	position:absolute;
	top:237px;
	left:117px;
	height:22px;
	width:116px;
}
#chPmpC{
	position:absolute;
	top:297px;
	left:198px;
	height:20px;
	width:40px;
}
#chPmpR{
	position:absolute;
	top:227px;
	left:115px;
	height:40px;
	width:104px;
}
#chBruleur{
	position:absolute;
	margin:8px;
	top:293px;
	left:97px;
	height:109px;
	width:77px;
}
#chV2V{
	position:absolute;
	top:371px;
	left:189px;
	height:30px;
	width:30px;
}
#chAqua{
	position:absolute;
	top:227px;
	left:117px;
	height:20px;
	width:20px;
}
#chPresso{
	position:absolute;
	top:267px;
	left:117px;
	height:20px;
	width:20px;
}
#tableaucr1{
	position:absolute;
	top:80px;
	left:400px;
	width:480px;
	height:300px;
}
#cr1TX{
	position:absolute;
	top:77px;
	left:172px;
	height:25px;
	width:16px;
	display:none;
}
#TXcr1{
	display:none;
}
#cr2TX{
	position:absolute;
	top:77px;
	left:272px;
	height:25px;
	width:16px;
	display:none;
}
#TXcr2{
	display:none;
}
#cr3TX{
	position:absolute;
	top:77px;
	left:472px;
	height:25px;
	width:16px;
	display:none;
}
#TXcr3{
	display:none;
}

#cr1SD{
	position:absolute;
	top:159px;
	left:22px;
	height:25px;
	width:16px;
}
#cr1SR{
	position:absolute;
	top:156px;
	left:157px;
	height:25px;
	width:16px;
}
#cr1SAM{
	position:absolute;
	top:77px;
	left:142px;
	height:20px;
	width:20px;
	text-align:center;
}

#cr1V3V{
	position:absolute;
	top:315px;
	left:9px;
	height:22px;
	width:25px;
}
#cr1pmp{
	position:absolute;
	top:257px;
	left:4px;
	height:20px;
	width:40px;
	text-align:center;
}
#cr1aqua{
	position:absolute;
	top:217px;
	left:24px;
	height:20px;
	width:20px;
	text-align:center;
}

#tableaucr2{
	position:absolute;
	top:80px;
	left:400px;
	width:480px;
	height:300px;
}
.circuit{
	font-size:13px;
	text-align:center;
	color:rgb(80,80,80);
	font-weight:bold;
}

#circuit1{
	position:absolute;
	margin:8px;
	top:175px;
	left:47px;
	height:109px;
	width:77px;
}
#circuit2{
	position:absolute;
	margin:8px;
	top:175px;
	left:247px;
	height:109px;
	width:77px;
}
#cr21SD{
	position:absolute;
	top:158px;
	left:22px;
	height:25px;
	width:16px;
}
#cr22SD{
	position:absolute;
	top:158px;
	left:222px;
	height:25px;
	width:16px;
}
#cr21SR{
	position:absolute;
	top:158px;
	left:157px;
	height:25px;
	width:16px;
}
#cr22SR{
	position:absolute;
	top:158px;
	left:357px;
	height:25px;
	width:16px;
}
#cr21V3V{
	position:absolute;
	top:315px;
	left:9px;
	height:22px;
	width:25px;
}
#cr22V3V{
	position:absolute;
	top:315px;
	left:209px;
	height:22px;
	width:25px;
}
#cr21pmp{
	position:absolute;
	top:257px;
	left:4px;
	height:20px;
	width:40px;
	text-align:center;
}
#cr22pmp{
	position:absolute;
	top:257px;
	left:204px;
	height:20px;
	width:40px;
	text-align:center;
}
#cr21aqua{
	position:absolute;
	top:217px;
	left:24px;
	height:20px;
	width:20px;
	text-align:center;
}
#cr22aqua{
	position:absolute;
	top:217px;
	left:224px;
	height:20px;
	width:20px;
	text-align:center;
}
#cr21SAM{
	position:absolute;
	top:77px;
	left:142px;
	height:20px;
	width:20px;
	text-align:center;
}
#cr22SAM{
	position:absolute;
	top:77px;
	left:342px;
	height:20px;
	width:20px;
	text-align:center;
}
#tableaucr3{
	float:absolute;
	top:380px;
	left:10px;
	width:650px;
	height:300px;
}
#circuit31{
	position:absolute;
	margin:8px;
	top:175px;
	left:47px;
	height:109px;
	width:77px;
}
#circuit32{
	position:absolute;
	margin:8px;
	top:175px;
	left:247px;
	height:109px;
	width:77px;
}
#circuit33{
	position:absolute;
	margin:8px;
	top:175px;
	left:447px;
	height:109px;
	width:77px;
}

#cr31SD{
	position:absolute;
	top:158px;
	left:22px;
	height:25px;
	width:16px;
}
#cr32SD{
	position:absolute;
	top:158px;
	left:222px;
	height:25px;
	width:16px;
}
#cr33SD{
	position:absolute;
	top:158px;
	left:422px;
	height:25px;
	width:16px;
}
#cr31SR{
	position:absolute;
	top:158px;
	left:157px;
	height:25px;
	width:16px;
}
#cr32SR{
	position:absolute;
	top:158px;
	left:357px;
	height:25px;
	width:16px;
}
#cr33SR{
	position:absolute;
	top:158px;
	left:557px;
	height:25px;
	width:16px;
}
#cr31V3V{
	position:absolute;
	top:315px;
	left:9px;
	height:22px;
	width:25px;
}
#cr32V3V{
	position:absolute;
	top:315px;
	left:209px;
	height:22px;
	width:25px;
}
#cr33V3V{
	position:absolute;
	top:315px;
	left:409px;
	height:22px;
	width:25px;
}
#cr31pmp{
	position:absolute;
	top:257px;
	left:4px;
	height:20px;
	width:40px;
	text-align:center;
}
#cr32pmp{
	position:absolute;
	top:257px;
	left:204px;
	height:20px;
	width:40px;
	text-align:center;
}
#cr33pmp{
	position:absolute;
	top:257px;
	left:404px;
	height:20px;
	width:40px;
	text-align:center;
}
#cr31aqua{
	position:absolute;
	top:217px;
	left:24px;
	height:20px;
	width:20px;
	text-align:center;
}
#cr32aqua{
	position:absolute;
	top:217px;
	left:224px;
	height:20px;
	width:20px;
	text-align:center;
}
#cr33aqua{
	position:absolute;
	top:217px;
	left:424px;
	height:20px;
	width:20px;
	text-align:center;
}
#cr31SAM{
	position:absolute;
	top:77px;
	left:142px;
	height:20px;
	width:20px;
	text-align:center;
}
#cr32SAM{
	position:absolute;
	top:77px;
	left:342px;
	height:20px;
	width:20px;
	text-align:center;
}
#cr33SAM{
	position:absolute;
	top:77px;
	left:542px;
	height:20px;
	width:20px;
	text-align:center;
}

#tableauecs{
	position:absolute;
	top:80px;
	left:400px;
	width:480px;
	height:300px;
}
#ecsSD{
	position:absolute;
	top:137px;
	left:204px;
	height:25px;
	width:16px;
}
#ecsSR{
	position:absolute;
	top:233px;
	left:247px;
	height:25px;
	width:16px;
}
#ecsV3V{
	position:absolute;
	top:131px;
	left:33px;
	height:25px;
	width:22px;
}
#ecspmp{
	position:absolute;
	top:126px;
	left:77px;
	height:40px;
	width:20px;
	vertical-align: middle;
}
#ecspmpb{
	position:absolute;
	top:239px;
	left:218px;
	height:40px;
	width:20px;
	vertical-align: middle;
}
#ecsaqua{
	position:absolute;
	top:117px;
	left:222px;
	height:20px;
	width:20px;
}
#tableauresultat{
	float:right;
	margin-bottom:10px;
	width:860px;
}
#option{
	margin:10px;
	text-align:left;
	color:rgb(234,67,53);
	font-style:italic;
}