/** CSS DES PVV **/	

#configurateur_hayward h2.titre_piscine{
    color: #e43aaa;
    text-transform: uppercase;
    font-size: 20px;	
    z-index: 4;
    position: relative;
    padding: 0 3px;
    width: calc(100% - 6px);
}
#configurateur_hayward .piscine_pompe h2.titre_piscine {
    color: #02b2b1;
}
#configurateur_hayward .piscine_skimmer h2.titre_piscine {
    color: #426e8e;
}
#configurateur_hayward .piscine_eclairage h2.titre_piscine {
    color: #cac029;
}
#configurateur_hayward .piscine_eau h2.titre_piscine {
    color: #20c0f3;
}
#configurateur_hayward .piscine_robot h2.titre_piscine {
    color: #f3a350;
}
#configurateur_hayward .piscine_pac h2.titre_piscine {
    color: #90c747;
}
#configurateur_hayward h2.titre_piscine span[data-trad="msg_p9pi_1"], #configurateur_hayward h2.titre_piscine span[data-trad="msg_p10pi_1"], #configurateur_hayward h2.titre_piscine span[data-trad="msg_p12pi_1"]{
    font-size: 16px;	
}
#configurateur_hayward h3.soustitre_piscine{
    color: #222222;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 22px;
    margin: 15px 0 30px;
}
.savoir_p{
	text-align: left;
    font-size: 14px;
    line-height: 18px;
}
.button_piscine{
	background: #e43aaa;
    color: #fff;
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 30px auto 0;
    width: 150px;
    cursor: pointer;
    position: absolute;
    bottom: 8px;
    left: calc(50% - 105px);
}
.piscine_pompe .button_piscine {
    background: #02b2b1;
}
.piscine_skimmer .button_piscine {
    background: #426e8e;
}
.piscine_eclairage .button_piscine {
    background: #cac029;
}
.piscine_eau .button_piscine {
    background: #20c0f3;
}
.piscine_robot .button_piscine {
    background: #f3a350;
}
.piscine_pac .button_piscine {
    background: #90c747;
}
#results_piscine{
    position: absolute;
    left: 61px;
    width: calc(100% - 122px);
    height: calc(370px - 44px);
    bottom: 62px;
	z-index: 1;
}
.removeLoad{
    width: auto;
    height: 50%;
}
#results_piscine .Box{
    width: calc(25% - 40px);
    height: calc(100% - 66px);
    left: 0px;
    top: 0px;
    padding: 54px 20px 12px 20px;
    position: absolute;
    background: #fff;
}
#results_piscine .Box p.traitB{
    color: #000000;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
	min-height: 42px;
}
#results_piscine .Box .euro,#results_piscine .Box .conso, #results_piscine .Box .consoW, #results_piscine .Box .cout, #results_piscine .Box .clef{
    text-align: left;
	clear: both;
}
#results_piscine .Box .clef{
    line-height: 12px;
}
#results_piscine .Box .clef > div{
	width: 85%;
}
.DE #results_piscine .Box .clef > div{
    width: 49%;
    line-height: 20px;
}
#results_piscine .Box .consoW{
    line-height: 12px;
}
#results_piscine .Box .euro > div,#results_piscine .Box .conso > div, #results_piscine .Box .consoW > div, #results_piscine .Box .consoW > span, #results_piscine .Box .cout > div, #results_piscine .Box .clef > div{
    float: left;
    margin-right: 8px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
}
#results_piscine .Box .consoW > div{
	width: 85%;
}
#results_piscine .Box .consoW > span{
	    line-height: 12px;
}
#results_piscine .Box .learn_more{
    text-align: left;
    clear: both;
    color: #e43aaa;
    font-size: 12px;
    margin-top: 3px;
    cursor: pointer;
    padding-top: 6px;
}
.DE #results_piscine .Box .learn_more{
    font-size: 9px;
}
.piscine_pompe #results_piscine .Box .learn_more {
    color: #02b2b1;
}
.piscine_skimmer #results_piscine .Box .learn_more {
    color: #426e8e;
}
.piscine_eclairage #results_piscine .Box .learn_more {
    color: #cac029;
}
.piscine_eau #results_piscine .Box .learn_more {
    color: #20c0f3;
}
.piscine_robot #results_piscine .Box .learn_more {
    color: #f3a350;
}
.piscine_pac #results_piscine .Box .learn_more {
    color: #90c747;
}
#results_piscine .Box .learn_more_pop{
	display: none;
    position: absolute;
    background: #e43aaa;
    color: #fff;
    top: 50px;
    width: calc(100% - 45px);
    height: calc(100% - 121px);
    border-radius: 5px;
    padding: 30px 5px 0;
    text-align: left;
    font-size: 11px;
}
.piscine_pompe #results_piscine .Box .learn_more_pop{
	display: none;
    background: #02b2b1;
}
.piscine_skimmer #results_piscine .Box .learn_more_pop{
	display: none;
    background: #426e8e;
}
.piscine_eclairage #results_piscine .Box .learn_more_pop{
	display: none;
    background: #cac029;
}
.piscine_eau #results_piscine .Box .learn_more_pop{
	display: none;
    background: #20c0f3;
}
.piscine_robot #results_piscine .Box .learn_more_pop{
	display: none;
    background: #f3a350;
}
.piscine_pac #results_piscine .Box .learn_more_pop{
	display: none;
    background: #90c747;
}
#results_piscine .Box .learn_more_pop .close_pop{
    position: absolute;
	top : 3px;
	right: 3px;
    cursor: pointer;
}
#results_piscine .Box .learn_more img{
    margin-bottom: -3px;
}
#results_piscine .Box .choice_piscine{
    text-align: center;
    font-size: 12px;
    color: #989898;
    border: 1px solid #989898;
    padding: 7px 0;
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    width: calc(100% - 36px);
}
.DE #results_piscine .Box .choice_piscine, .IT #results_piscine .Box .choice_piscine{
    font-size: 11px;
}
#results_piscine .Box .choice_piscine.selected{
    color: #e43aaa;
    border: 1px solid #e43aaa;
	background: url(../img/validation_piscine.png) center center no-repeat #e43aaa;
    height: 16px;
}
.piscine_pompe #results_piscine .Box .choice_piscine.selected {
    color: #02b2b1;
    border: 1px solid #02b2b1;
    background: url(../img/validation_piscine.png) center center no-repeat #02b2b1;
}
.piscine_pompe .choice_previous, .piscine_pompe .choice_next {
    background: #02b2b1;
}
.piscine_skimmer #results_piscine .Box .choice_piscine.selected {
    color: #426e8e;
    border: 1px solid #426e8e;
    background: url(../img/validation_piscine.png) center center no-repeat #426e8e;
}
.piscine_skimmer .choice_previous, .piscine_skimmer .choice_next {
    background: #426e8e;
}
.piscine_eclairage #results_piscine .Box .choice_piscine.selected {
    color: #cac029;
    border: 1px solid #cac029;
    background: url(../img/validation_piscine.png) center center no-repeat #cac029;
}
.piscine_eclairage .choice_previous, .piscine_eclairage .choice_next {
    background: #cac029;
}
.piscine_eau #results_piscine .Box .choice_piscine.selected {
    color: #20c0f3;
    border: 1px solid #20c0f3;
    background: url(../img/validation_piscine.png) center center no-repeat #20c0f3;
}
.piscine_eau .choice_previous, .piscine_eau .choice_next {
    background: #20c0f3;
}
.piscine_robot #results_piscine .Box .choice_piscine.selected {
    color: #f3a350;
    border: 1px solid #f3a350;
    background: url(../img/validation_piscine.png) center center no-repeat #f3a350;
}
.piscine_robot .choice_previous, .piscine_robot .choice_next {
    background: #f3a350;
}
.piscine_pac #results_piscine .Box .choice_piscine.selected {
    color: #90c747;
    border: 1px solid #90c747;
    background: url(../img/validation_piscine.png) center center no-repeat #90c747;
}
.piscine_pac .choice_previous, .piscine_pac .choice_next {
    background: #90c747;
}
#results_piscine h2{
    z-index: 24;
    position: absolute;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
#results_piscine .Box:nth-child(4n+1){
    left: 75%;	
}
#results_piscine .Box:nth-child(4n+2){
    left: 0%;	
}
#results_piscine .Box:nth-child(4n+3){
    left: 25%;	
}
#results_piscine .Box:nth-child(4n+4){
    left: 50%;	
}

.img_top_left{
	position: absolute;
    top: 15px;
    left: 15px;
    height: 93px;
}
.imgF{
	height: 100px;
}
.img_top_right{
	position: absolute;
    top: 15px;
    right: 15px;
    height: 93px;
}
.next_choice{
    position: absolute;
    top: 195px;
    right: 39px;
    cursor: pointer;
    height: 25px;
    padding: 5px;
	width: 29px;
	height: 67px;
	background: url(../img/next.png) top left no-repeat;
}
#page_6_piscine .next_choice{
    right: 22px;
}
.next_choice:hover{
	background: url(../img/next_on.png) top left no-repeat;
}
.previous_choice{
    position: absolute;
    top: 195px;
    left: 32px;
    cursor: pointer;
    height: 25px;
    padding: 5px;
	width: 29px;
	height: 67px;
	background: url(../img/previous.png) top left no-repeat;
}
.previous_choice:hover{
	background: url(../img/previous_on.png) top left no-repeat;
}
.piscine_robot .next_choice{
   /* background: #f3a350;*/
}
.piscine_robot .previous_choice{
 /*  background: #f3a350;*/
}
.button_piscine_pdf{
	cursor: pointer;
	width: 200px;
    background: #fff;
    height: 40px;
    padding: 10px;
    text-transform: uppercase;
    color: #62bcd9;
	float: left;
	margin: 0 4px;
}
.button_piscine_pdf a{
    color: #62bcd9;
}
.button_piscine_pdf:hover{
    opacity: 0.75;
}
.button_piscine_pdf:hover a{
    opacity: 0.75;
}
#page_6_piscine, #page_7_piscine{
	position: relative;
	width: 100%;
	height: 100%;
}	
#page_6_piscine .box_config{
	z-index: 2;
}	
	#page_6_piscine .focus_heure{
	    width: calc(100% - 30px);
		float: left;
		margin-top: 15px;
	}
	
	#page_6_piscine .focus_heure p{
		float: right;
		margin-right: -35px;
		margin-top: 24px
	}
	
	#page_6_piscine select{
		font-size: 14px;
		line-height: 14px;
		padding: 6px 6px;
		margin: 0px 0 15px;
		text-align: left;
		width: 100%;
	}
.fiche_produit img{
    margin-top: 2px;
}	
.eco.ecoPVV img{
    width: 22px;
    margin-top: 2px;
}	
#main_configurateur .ecoE p {
    color: #96ba0e;
    padding: 0;
    font-size: 14px;
	margin: 0;
}
.ecoE p span.percEco {
    font-weight: bold;
    font-size: 40px;
}
#main_configurateur .ecoA p {
    color: #00b1c6;
    padding: 0;
    font-size: 14px;
	margin: 0;
}	
.ecoA p span.percEcoA {
    font-weight: bold;
    font-size: 25px;
}

#sub_menu{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 0px;
    height: 76px;
    overflow: hidden;
}
#sub_menu p.volume{
	background: #007ac2;
    color: #fff;
    height: 100%;
    padding: 10px 0;
    width: 50%;
	float: left;
    line-height: 22px;
}
#sub_menu p.vitesse{
	background: #c2c2c2;
    color: #000;
    height: 100%;
    padding: 10px 0;
    width: 50%;
	float: left;
}
select.nbPompe {
    width: calc(50% - 20px);
    line-height: 16px;
    font-size: 18px;
    margin-bottom: 12px;
    margin-top: 7px;
    position: absolute;
    bottom: 0px;
    left: calc(50% + 10px);
}

#page_6_piscine .box_config .column_1.final h2.titre_piscine{
	color: #fff;
}
#page_6_piscine .box_config .column_1.final h2.titre_piscine .savoir_p {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    padding: 0 30px !important;
}

		#page_6_piscine .box_config .column_1.final{
			background: #62bcd9;
			color: #FFF;
		}
	@media screen and (min-width: 501px){
		#page_6_piscine .next, #page_7_piscine .next{
			position: absolute;
			right: 0;
			bottom: 20px;
		}
		
		#page_6_piscine .previous, #page_7_piscine .previous{
			position: absolute;
			left: 0;
			bottom: 20px;
		}
		
		#page_6_piscine .box_config, #page_7_piscine .box_config{
			width: calc(100% - 166px);
			height: calc(326px - 44px);
			left: 61px;
			bottom: 62px;
			padding: 22px;
		}	
		#page_6_piscine .box_config .column_1{
			    width: calc(100% - 30px);
				position: absolute;
				top: 0;
				left: 0;
				background: #FFF;
				height: calc(100% - 30px);
				padding: 15px;
		}
		
		#page_6_piscine .box_config .column_1.final{
			width: calc(100% - 140px);
			position: absolute;
			top: 0;
			left: 0;
			background: #62bcd9;
			height: calc(100% - 70px);
			padding: 35px 70px;
			color: #FFF;
		}	
		#configurateur_hayward #page_7.robots.heightSpe .box_config{
		    height: calc(385px - 30px)
		}	
		#configurateur_hayward #page_7.robots.heightSpe .imgInside {
			min-height: 100px;
		}
		#configurateur_hayward #page_7.robots.heightSpe .titrePage7 {
			min-height: 16px;
			max-height: 16px;
		}
		#main_configurateur .ecoE p {
			text-align: left;
			width: calc(100% - 55px);
			margin-left: 45px;
		}
		#main_configurateur .ecoE p span[data-lang='toTranslate'] {
			float: right;
			margin-top: -40px;
			width: 50%;
			text-align: left;
		}
		#main_configurateur .ecoA {
			clear: both;
		    margin-top: 5px;
		}
		#main_configurateur .ecoA p {
			text-align: left;
			width: calc(100% - 55px);
			margin-left: 45px;
		}
		#main_configurateur .ecoA p span[data-lang='toTranslate'] {
			float: right;
			margin-top: -30px;
			width: 50%;
			text-align: left;
		}
		#configurateur_hayward #page_7 .column_3 > div .eco.ecoPVV, #configurateur_hayward #page_7 .column_3 > div .fiche_produit{
			background: #007ac2;
			width: 100%;
			left: -5px;
			height: 26px;
			padding: 2px 0 2px 10px;
		    bottom: 87px;
			cursor: pointer;
			position: absolute;
			line-height: 16px;
		}
		#configurateur_hayward #page_7 .column_3 > div .eco.ecoPVV{
			bottom: -5px;
		}
		#configurateur_hayward #page_7 .column_3 > div .reception_mail{
		    bottom: 25px;
		}
		#configurateur_hayward #page_7 .column_3 > div .fiche_produit img{
			float: left;
			margin-right: 13px;
		}
		#configurateur_hayward #page_7 .column_3 > div .eco.ecoPVV p, #configurateur_hayward #page_7 .column_3 > div .fiche_produit p{
		    color: #fff;
		    text-align: left;
			font-size: 12px;
			text-transform: uppercase;
		    margin-top: 5px;
			margin-bottom: 5px;
		}
		#configurateur_hayward  #sub_menu {
		    height: 38px;
		}
		#configurateur_hayward  #sub_menu .volume {
			background: #fff;
			color: #007ac2;
			height: 100%;
		    padding: 10px 0 10px 20px;
			width: calc(50% - 20px);
			float: left;
			line-height: 15px;
		    text-align: center;
		}
		#configurateur_hayward  #sub_menu .volume br {
			display: none;
		}
		#configurateur_hayward  #sub_menu .volume .volume_result {
		    padding-left: 7px;
		}
		#configurateur_hayward  #sub_menu p.vitesse {
			background: #fff;
			color: #007ac2;
			height: 100%;
			padding: 10px 0;
			width: 50%;
			float: left;
		}
		#configurateur_hayward  select.nbPompe {
			width: auto;
			line-height: 16px;
			font-size: 18px;
			margin-bottom: 0;
			margin-top: 0;
			position: absolute;
			bottom: 7px;
			left: 650px;
		}
		#results_piscine{
			background: #fff;
		}
	}
	
	@media screen and (max-width: 500px){
		#page_6_piscine .box_config.final {
		    background: #62bcd9;
		}
		.button_piscine_pdf {
			cursor: pointer;
			width: calc(100% - 30px);
			background: #fff;
			height: auto;
			padding: 10px;
			text-transform: uppercase;
			color: #62bcd9;
			float: left;
			margin: 0 4px 10px;
		}
		#page_6_piscine .box_config, #page_7_piscine .box_config{
			width: calc(100% - 84px);
			padding: 15px;
			left: 27px;
			top: 30px;
		    height: calc(100% - 127px);
		    min-height: calc(100% - 90px);
		}
		
		#page_6_piscine .next, #page_7_piscine .next{
			right: 5px;
			position: absolute;
			bottom: 8px;
		}
		
		#page_6_piscine .previous, #page_7_piscine .previous{
			left: 5px;
			position: absolute;
			bottom: 8px;
		}
		
		#page_6_piscine .input_config input {
			margin: 20px 0 20px;
		}
		
		#page_6_piscine .box_config, #page_7_piscine .box_config{
		    min-height: 380px;
		}	
		
		#page_7.robots.heightSpe{
		    min-height: 560px;
		}
		#configurateur_hayward #page_7.robots.heightSpe .box_config{
			min-height: 440px;
		    margin: 95px 10px 10px;
		    height: calc(100% - 155px);
		}	
		#configurateur_hayward #page_7.robots.heightSpe .box_config .column_3{
		    height: calc(100% - 44px);
		}	
		#configurateur_hayward #page_7.robots.heightSpe .box_config .column_3 .imgInside{
		    min-height: 130px;
		}	
		#page_7.robots.heightSpe .box_config img.filtre_results {
			margin: 0;
		}	
		
		#configurateur_hayward #page_7 .column_3 > div .eco.ecoPVV, #configurateur_hayward #page_7 .column_3 > div .fiche_produit{
		    position: absolute;
			width: calc(100% - 30px);
			left: -5px;
			height: 23px;
			overflow: hidden;
			padding: 6px 10px 6px 30px;
		    border-top: none;
			background: #007ac2;
			cursor: pointer;
		}
		#configurateur_hayward #page_7 .column_3 > div .eco.ecoPVV{
		    bottom: 72px;
		}
		#configurateur_hayward #page_7 .column_3 > div .fiche_produit{
			bottom: -5px;
		}
		#configurateur_hayward #page_7 .column_3 > div .fiche_produit img{
			float: left;
			margin-right: 13px;
		}
		#configurateur_hayward #page_7 .column_3 > div .reception_mail{
		    bottom: 30px;
		}
		#configurateur_hayward #page_7 .column_3 > div .eco.ecoPVV p, #configurateur_hayward #page_7 .column_3 > div .fiche_produit p{
		    color: #fff;
		    text-align: left;
			font-size: 12px;
			text-transform: uppercase;
		    margin-top: 5px;
			margin-bottom: 5px;
		}
		
		#results_piscine{
			overflow: hidden;
			position: absolute;
			margin: 10px;
		    width: calc(100% - 40px);
			height: calc(100% - 65px);
			background: none;
			left: 10px;
			bottom: 47px;
		}
		#results_piscine .Box {
			width: calc(100% - 40px);
			height: calc(100% - 66px);
			left: 0px;
			top: 0px;
			padding: 54px 20px 12px 20px;
			position: absolute;

		}
		#results_piscine .Box:nth-child(1){
			left: 0px;	
		}
		#results_piscine .Box:nth-child(2){
			left: 0%;	
		}
		#results_piscine .Box:nth-child(3){
			left: 100%;	
		}
		#results_piscine .Box:nth-child(4){
			left: 200%;	
		}
		#results_piscine .Box:nth-child(5){
			left: 300%;	
		}
		#results_piscine .Box:nth-child(6){
			left: 400%;	
		}
		#results_piscine .Box:nth-child(7){
			left: 500%;	
		}
		#results_piscine .Box:nth-child(8){
			left: 600%;	
		}
		#results_piscine .Box:nth-child(9){
			left: 700%;	
		}
		#results_piscine .Box:nth-child(10){
			left: 800%;	
		}
		#results_piscine .Box:nth-child(11){
			left: 900%;	
		}
		#results_piscine .Box:nth-child(12){
			left: 1000%;	
		}
		#results_piscine .Box .choice_piscine {
			text-align: center;
		    font-size: 18px;
			color: #989898;
			border: 1px solid #989898;
			padding: 7px;
			cursor: pointer;
			margin-top: 11px;
			position: absolute;
			width: calc(100% - 54px);
			bottom: 10px;
		}
		#page_6_piscine {
		    min-height: 530px;
		}
		#page_6_piscine.second_screen {
		    min-height: 460px;
		}
		#page_6_piscine .box_config{
			min-height: 410px;
		}
		#results_piscine .Box .learn_more_pop {
			display: none;
			position: absolute;
			background: #e43aaa;
			color: #fff;
			top: 50px;
			width: calc(100% - 60px);
			height: calc(100% - 136px);
			border-radius: 5px;
			padding: 30px 10px 0;
			text-align: left;
			font-size: 16px;
		    z-index: 10;
		}
		#results_piscine .Box p.traitB {
			color: #000000;
			text-align: center;
			font-size: 18px;
			font-weight: bold;
			text-transform: uppercase;
			min-height: 42px;
		}
		#results_piscine .Box .euro > div,#results_piscine .Box .conso > div, #results_piscine .Box .consoW > div, #results_piscine .Box .consoW > span, #results_piscine .Box .cout > div, #results_piscine .Box .clef > div {
			float: left;
			margin-right: 8px;
			text-transform: uppercase;
			font-size: 14px;
			line-height: 24px;
		}
		#results_piscine .Box .learn_more {
			text-align: left;
			clear: both;
			color: #e43aaa;
			font-size: 16px;
			margin-top: 10px;
			cursor: pointer;
		}
		#results_piscine .Box:nth-child(2) .choice_previous, #results_piscine .Box:last-child .choice_next{
			opacity: 0.5;
		}
		.choice_previous{
			position: absolute;
			bottom: 60px;
			left: 20px;
			width: calc(50% - 25px);
			background: #e43aaa;
			color: #fff;
			line-height: 33px;
			font-size: 25px;
			cursor: pointer;
		}
		.choice_next{
			position: absolute;
			bottom: 60px;
			right: 20px;
			width: calc(50% - 25px);
			background: #e43aaa;
			color: #fff;
		    line-height: 33px;
			font-size: 25px;
			cursor: pointer;
		}
		.choice_next img, .choice_previous img{
			padding: 8px 0 0 0;
		}
		#results_piscine .Box .choice_piscine.selected {
			color: #e43aaa;
			border: 1px solid #e43aaa;
			background: url(../img/validation_piscine.png) center center no-repeat #e43aaa;
			height: 22px;
		}
		#results_piscine .Box.Boxtraitement, #results_piscine .Box.Boxchauffage {
			height: calc(100% - 76px);
			padding: 64px 20px 12px 20px;
		}
		#results_piscine .Box .clef > div {
			width: auto;
		}
	}