/*
 Theme Name:   Navy Child
 Theme URI:    http://highgradelab.com
 Description:  navy Child Theme
 Author:       HighGrade
 Author URI:   http://highgradelab.com
 Template:     navy
 Version:      1.0.0
 License:      Commercial
 License URI:  http://themeforest.net
 Tags:         light, dark, white, one-column, two-columns, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, theme-options, translation-ready
 Text Domain:  navy-child
*/


/* Add your custom css below */

body {
font-family: "Open Sans", sans-serif !important;
	background-color:#fafbfd
}

h1 {
font-family: "Open Sans", sans-serif !important;
}

h2 {
	padding-bottom:30px;
	font-weight:700
}


 h3 {
	font-weight:600 !important
}

/* ------- COLONNES -------- */

.imgl-map .imgl-tooltips .imgl-tooltip-offset, .imgl-map .imgl-tooltips .imgl-tooltip-pos {
    z-index: 2000 !important
}

.imgl-map .imgl-pin-8 .imgl-pin-data:hover,
.imgl-map .imgl-pin-8 .imgl-pin-data:focus
{
    background-image: none !important
}

.imgl-map-7 .imgl-pin-8 .imgl-pin-data a:hover {
    background-color: #124184 !important
}

.bka_footer {display: none!important }

.exposant {
	font-size:0.6em;
	font-weight: inherit;
	vertical-align: super
}

.co2 {
    font-size: 0.9em;
}

.indice {
	font-size:0.6em;
	font-weight: 500;
	vertical-align: sub
}

#main_navbar_container img {
	

	vertical-align: unset !important
}

.conteneur-colonnes .vc_col-sm-6 {
width: 50%;
position: relative;
}

.colonne-8   {
visibility: hidden;
width: 0px;
padding: 0px;
}

.colonne-8.wpb_column.vc_column_container.vc_col-sm-6 {
    display: none !important;
}

.column-6 {
	

width: 1% !important}

.colonne-7 {
	margin-right:100px
}

.hgr-iconbox .hgr-iconbox-title {
	margin: 0px !important;
	padding: 20px !important;
}


.imgl-content {
    padding: 20px !important;
}

.imgl .imgl-btn-info {
    display: none !important;
}

#pourquoi-ca-marche h4 {
	color:#124188 !important;
	font-size: 18px
}

.column-title {
		background-color:#124188;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	padding: 38px !important;
	color:white;
	margin-top: 240px;
    margin-bottom: 180px;
}

.column-shadow {
	background-color:white;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	padding: 70px !important;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
}

.column-shadow-center {
	background-color:white;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
	text-align: center;
    border-radius: 3px;
	padding: 30px !important;
}

.column-title-parrain {
    background-color: #124188;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 20px 38px;
    color: white;
}

.column-title-black {
		background-color:rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	padding: 30px !important;
	color:white
}

.column-title-white {
		background-color:white;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	padding: 70px !important;
	color:#124188 !important
}

.column-title-white-small {
		background-color:white;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	padding: 30px !important;
	color:#124188 !important;
	margin-top: 240px;
    margin-bottom: 180px;
}

.column-title-grey {
		background-color:#88a7b7;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	padding: 30px !important;
	color:#FFF !important
}

.sidebar-contact.wpb_column.vc_column_container.vc_col-sm-4 {
    padding-top: 0px;
}


#form-parrain h2, #form-filleul h2 {
	    color: #124188;
    font-size: 30px;
	font-weight: 700
}

#infos-intro{
		background-color:#88a7b7;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	padding: 38px 38px 10px 38px;
	color:white;
	z-index:10 !important;
	margin-top:-50px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
}

.vc_custom_1523956211694, .vc_custom_1524744145476, .vc_custom_1524834816582, .vc_custom_1525337430734, .vc_custom_1525348252283, .vc_custom_1525348983985, .vc_custom_1525348991082, .vc_custom_1525511454245, .vc_custom_1525514755093, .vc_custom_1525514729727, .vc_custom_1525514742299 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    z-index: 10 !important;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
}






#menu-item-3831 a {
    color: #FFF !important;
	font-size: 15px !important;
	background: #94a9c9;
    border-radius: 30px;
}

li#menu-item-3831 {
    margin-top: -10px;
}

li#menu-item-3831 a:hover {
background: #124184 !important;
padding: 13px 6px;
color:#FFF !important
}

#menu-item-3831 a.first_level_menu_link {
    padding: 10px 30px;
}


#menu-item-3864 a {
    color: #FFF !important;
	font-size: 15px !important;
	background: #94a9c9;
    border-radius: 30px;
	margin-left: 20px;
	max-width: 160px;
    text-align: center;
    margin-top: -20px;
	line-height: 22px !important;
    padding-top: 10px;
	padding-bottom:10px
}

li#menu-item-3864 a:hover {
background: #124184 !important;
color:#FFF !important
}

#blogPosts {
    margin-top: 150px;
}

.blog_widget a {
    font-size: 18px;
    line-height: 20px;
}

.blog_widget h4 {
    font-size: 24px !important;
	margin-bottom:20px
}
	
.column-benef, .column-benef-de {
	background:none;
	cursor:default;
	padding:30px ;
	max-height: 400px;
	border-radius:3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}

.column-benef:hover, .column-benef-de:hover  {
		background:#88a7b7;
		color:#FFF !important;
		min-height:500px !important
}

.column-benef-de {
	max-height: 450px !important
}

.column-benef:hover figure, .column-benef-de:hover figure {
    border: 3px solid #124188;
    padding: 30px;
    background: white;
    border-radius: 80px;
}


.titre-benef {
	margin-bottom:20px
}

#comparatif-accueil .wpb_column.vc_column_container.vc_col-sm-12 {
		background-color:rgba(255, 255, 255, 0.9);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	padding: 38px;
}

.testi-column-blue {
	background:#124188;
	color:#FFF;
	padding:20px
}

.testi-column-green {
	background:#85bd46;
	color:#FFF;
	padding:20px
}


#testimonials h6 {
	font-style:italic;
	font-size:14px;
	color:#FFF !important;
	text-transform:capitalize
}

#testimonials p {
	font-style:normal;
	font-size:16px;
	font-weight:500
}

#testimonials  .vc_gitem_row .vc_gitem-col {
    padding: 0px;
}

#testimonials .vc_gitem-zone-mini {
	height:auto;
}

.txt-blue {
    color: #124187;
    font-weight: 600;
}

.txt-white {
 color:#FFF
}

.column-connecte {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    background: none;
}

#footer h2 {
	margin: 0px;
    padding: 0px;
    font-size: 15px;
	letter-spacing: 0px;
    font-weight: 700;
    padding-bottom: 25px;
	color:#124188
}

 h6.widget-title {
margin: 100px 0px 30px 0px;
   font-size: 15px !important;
	 line-height: 18px;
    font-weight: 700 !important;
    padding-bottom: 25px;
    color: #124188 !important;
}

#footer ul li, .menu-partenaires-de-container ul li, .menu-societe-de-container ul li, .menu-produit-de-container ul li {
    list-style: none !important;
    margin-bottom: 20px !important
}

#footer ul li a, .menu-partenaires-de-container ul li a , .menu-societe-de-container ul li a, .menu-produit-de-container ul li a {
    font-size: 14px !important;
	font-weight:600 !important;
	color: #94a9c9 !important
}

.footer-mega-col a
 {
    font-size: 14px !important;
	font-weight:500 !important;
	color: #94a9c9 !important;
}

.footer-mega-col ul li {
	list-style: none !important;
    margin-bottom: 20px !important
}

.fmgc-per-row-12 {
    width: 25%;
}

.txt-parrainage {
	color:#88a7b7;
	font-size:18px;
	text-align:center;
	font-size:600
}

.footer-mega-col {
    background: #FFF;
}

#footer {
    display: none !important;
}

.footer-mega-col-wrap {
position: relative;
    left: 0px !important;
    box-sizing: border-box;
    width: 1440px;
    padding-left: 120px;
    padding-right: 120px; 
}

/* ------- DIVERS -------- */

.YouTubePopUp-Wrap {
	 background-color: rgba(148,169,201,0.9);
}


.hgr-iconbox-customimg {
    border: 3px solid #124188;
    padding: 20px 25px;
    border-radius: 80px;
    width: 94px !important;
    background: #FFF;
}




/* ------- TEXTES -------- */


.nf-response-msg {
	color:green;
	border :1px solid green;
	padding:20px ;
	margin-bottom:20px;
	font-weight: 500;
}

#buttons .vc_column-inner {
	padding:0px !important
}


.counter {
	color: #94a9c9;
    text-transform: inherit;
    margin-top: 40px;
    font-size: 22px;
    letter-spacing: 0px;
    font-weight: 400;
    line-height: 28px
}

#intro-accueil h1 {
color:#FFF}

#intro-partenaires h2 {
	color:#124188;
    font-size: 29px;
    font-weight: 700;
    padding-bottom: 10px;
}

#intro-parrain h2, #intro-filleul h2 {
	color:#FFF;
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 10px;
}

#intro-parrain p, #intro-filleul p {
font-size: 18px;
    font-weight: 600;
    color: white;
    line-height: 30px;
}

#argu-partenaires h2 {
	color:#124188;
    font-size: 29px;
    font-weight: 700;
    padding-bottom: 10px;
		text-align:center
}

#argu-partenaires p {
	font-size: 20px;
    color: #94a9c9;
	text-align:center;
	font-weight:500;
	line-height:30px
}

#intro-accueil hr, #intro-partenaires hr, #intro-parrain hr, #intro-filleul hr {
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #85bd46;
    width: 20px;
    height: 3px;
    margin-bottom: 0px;
	  border-style: none;
}



#icons-benef hr {
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #85bd46;
    width: 20px;
    height: 3px;
	text-align:center;
    margin: 20px auto;
	  border-style: none;
}

#icons-benef:hover hr {
	background-color:#124188 !important
}

.hgr-iconbox .hgr-iconbox-bar {
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #85bd46 !important;
    width: 20px;
	    top: 100px;
    height: 3px;
    margin-bottom: 0px;
	  border-style: none;
}


.link-demo a {
color: white !important;
    font-size: 16px;
    font-weight: 500;
    margin-top: -10px !important;
    display: block;
}

.column-title p {
		font-size: 18px;
    font-weight: 600;
    color: white;
    line-height: 30px;
}

.txt-white-20-right {
color:#FFF;
font-size:20px;
font-weight:600;
text-align: right 
}

.txt-white-20-left {
color:#FFF;
font-size:20px;
font-weight:600
}

.txt-white-20-simple {
color:#FFF;
font-size:20px;
font-weight:600
}

.txt-white-30-simple {
    color: white;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
}

.txt-white-20-left:before {
	content:url(https://www.ecobulles.com/wp-content/uploads/2018/04/flag-fr.png);
	float:left;
	padding-right:20px
}

 
#accueil-benefices p, #comparatif-intro p {
	font-size: 18px;
    line-height: 24px;
color:#94a9c9;
	text-align:center;
	font-weight:600
}

#ca-marche-intro p {
	font-size: 24px;
    line-height: 32px;
color:#94a9c9;
	text-align:center;
	font-weight:600
}

#intro-corpo p {
	font-size: 18px;
    line-height: 32px;
color:#94a9c9;
	text-align:center;
	font-weight:600
}

#icons-benef p {
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    font-weight: 400;
}

.light_scheme .column-benef, .light_scheme .column-benef-de {
    color: #94a9c9;
}

.light_scheme .column-benef  h3, .light_scheme .column-benef-de  h3 {
    color: #124188;
}

.light_scheme .column-benef:hover  h3, .light_scheme .column-benef-de:hover  h3 {
    color: #FFF;
}


h3.hgr-iconbox-title {
    margin-bottom: 40px !important;
}


.hgr-iconbox-title h3:hover, hgr-iconbox-title h3:hover {
    color: #124188 !important
}

.hgr-iconbox a:hover, hgr-iconbox-title a:hover {
    color: #124188 !important
}

.column-benef h3, .column-benef-de h3 {
text-align:center;
    font-weight: 600 !important;
    line-height: 24px;
}


.column-benef .green, .column-benef-de .green {
	color:#85bd46 !important;
}

.column-benef:hover .green, .column-benef-de:hover .green {
	color:#124188 !important;
}

.exposant {font-size:13px}

.hgr_counter .hgr_counter_row .hgr_counter_content span.hgr_number_string, .hgr_counter .hgr_counter_content span.hgr_number_string {
    font-weight: bold;
    text-align: center;
    font-size: 64px;
    font-weight: 400;
    margin-bottom: 10px;

}

#chiffres-accueil h5 {
	color: #94a9c9;
		text-transform:inherit;
	margin-top:40px;
    font-size: 22px;
	letter-spacing:0px;
	font-weight:400;
	line-height:28px
}

.accueil-bandeau, .accueil-bandeau-de {
	min-height:430px
}

.accueil-bandeau p, .accueil-bandeau-de p {
color:#FFF;
	text-align:center;
	line-height:48px;
	font-size:40px;
	font-weight:300
}

#subfooter p {
color: #FFF;
    text-align: center !important;
    line-height: 48px !important;
    font-size: 40px !important;
    font-weight: 500 !important;
}

#subfooter  {
border: none !important
}

.accueil-bandeau .up p {
color:#FFF;
	text-align:center;
	font-size:50px;
	font-weight:300
}

.accueil-bandeau-de .up p {
color:#FFF;
	text-align:center;
	font-size:40px;
	font-weight:300
}

#blog h3 a {
	  font-size: 32px;
    font-weight: 700;
	color:#124188 !important
}

#page-blog h3 a, #blog h3 a {
	  font-size: 20px;
    font-weight: 700;
	color:#124188 !important
}

#page-blog h3, #blog h3   {
	line-height:22px !important;
	color:#124188 !important
}


#blog p {
    font-size: 16px !important;
    font-weight: 500;
    color: #94a9c9;
}

#page-blog p {
    font-size: 14px !important;
    font-weight: 500;
	line-height:18px;
    color: #94a9c9;
}

#faq .text-light-blue p, #faq-2 .text-light-blue p {
	  font-size: 24px;
    line-height: 28px;
    color: #94a9c9;
	text-align:center 
}

.title-white h3 {
	font-size:40px;
	color:#FFF !important;
	text-align:left;
	line-height: 46px;
}

.title-white p {
	font-size:20px;
	line-height:22px;
	color:#FFF;
	font-weight:600;
	text-align:left
}

.txt-icon {
	font-size: 22px;
    line-height: 26px;
	font-weight:300;
	text-align:center;
    color: #94a9c9;
}

#gamme-icons {
	text-align:center
}


#gamme h3, #product-line h3, #ecobulles-produkte h3, #vergelijken h3 {
	font-size: 22px;
	text-align:center;
    font-weight: 500;
    line-height: 1.09;
	 color: #124188;
}

#gamme .icon-orange hr, #product-line .icon-orange hr, #ecobulles-produkte .icon-orange hr, #vergelijken .icon-orange hr  {
	background-color: #f89e16;
    display: inline-block;
    width: 20px;
    height: 3px;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow:none;
border: none;
outline:0;
}

#gamme .icon-bleu hr, #product-line .icon-bleu hr, #ecobulles-produkte .icon-bleu hr, #vergelijken .icon-bleu hr {
	background-color: #1953a2;
    display: inline-block;
    width: 20px;
    height: 3px;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow:none;
border: none;
outline:0;
}

#gamme .icon-vert hr, #product-line .icon-vert hr, #ecobulles-produkte .icon-vert hr, #vergelijken .icon-vert hr  {
	background-color: #85bd46;
    display: inline-block;
    width: 20px;
    height: 3px;
	margin-top:20px;
	box-shadow:none;
border: none;
outline:0;
	margin-bottom:20px;
}


#gamme h4, #gamme-icons h4, #product-line h4, #ecobulles-produkte h4, #vergelijken h4 {
	font-size: 20px;
    line-height: 1.2;
    height: 72px;
	text-align:center;
    font-weight: 400;
	 color: #124188;
	font-family:'Open Sans', sans-serif
}

#gamme-icons h5{
	  color: #124188;
    font-size: 20px;
	    line-height: 26px;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 500;
    padding-bottom: 10px
}

.txt-icon-justify  {
	font-size: 16px;
    line-height: 24px;
    text-align: justify;
	font-weight:500;
    color: #94a9c9;
}

.txt-icon-societe  {
	font-size: 16px;
    line-height: 24px;
    text-align: left;
	font-weight:500;
    color: #94a9c9;
}

.txt-icon-center {
	font-size: 16px;
    line-height: 24px;
    text-align: center;
	font-weight:500;
    color: #94a9c9;
}

#numbers .hgr-content h4{
		margin: 0px;
    padding: 0px;
    font-size: 22px;
	line-height:32px;
    color: #94a9c9 !important;
}

.title-blue h3 {
	font-size:38px;
	  color: #124188 !important;
    line-height: 1;
	line-height:48px
}

.title-light-blue p {
	  font-size: 18px;
    line-height: 28px;
	font-weight:500 !important;
    color: #94a9c9;
}

.title-light-blue a {
	  font-size: 18px;
    line-height: 28px;
	font-weight:500 !important;
    color: #94a9c9 !important;
	text-decoration: underline
}

#benefices h3, #benefits h3 {
	color:white;
	font-size:40px;
	    font-weight: 700 !important;
    line-height: 50px;
	text-align:center
}

#benefices-section {
	text-align:center !important
}

#benefices-section h3 {
color:#FFF !important
	}

li#menu-item-3962-de, li#menu-item-3637-de, li#menu-item-5102-de {
   
}

.benefices-title hr {
	    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
		margin-top:25px;
    width: 66px;
	text-align:center;
    height: 11px;
    background-color: white;
}

#benefices li, #vorteile li,  #benefits li, #voordelen li {
	background-image: url(https://www.ecobulles.com/wp-content/uploads/2018/04/Plus@2x.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    text-align: left;
    list-style: none;
	font-weight: 500;
    padding-left: 22px;
    font-size: 18px;
    color: #94a9c9;
    margin-bottom: 15px;
}

#comparatif h4
{
	  font-size: 46px;
    font-weight: 500;
    line-height: 46px;
    color: #94a9c9;
    margin-bottom: 32px;
	text-align:center;
	font-family:'Open Sans', sans-serif
}

#comparatif-shadow p{
		color:#3b4d6a ;
		line-height: 26px;
    font-size: 16px;
    font-weight: 500;
}

#comparatif-shadow {
	    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    list-style: none;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(18, 65, 136, 0.05);
    background-color: white;
    text-align: left;
    line-height: 76px;
    padding: 40px;
    margin-bottom: none;
    position: relative;
    left: 0px;
    z-index: 1;
}

#contactez-nous .sidebar-contact h3, #contactez-nous .sidebar-contact p, #kontakt .sidebar-contact p, #kontakt .sidebar-contact h3, #contact .sidebar-contact p,  #contact .sidebar-contact h3, .sidebar-contact p, #contact-2 .sidebar-contact p, #contact-2 .sidebar-contact h3 {
	color:#FFF;
	text-align:center;
	font-weight:500
}

.sidebar-contact a {
	color:#FFF !important;
	text-decoration:underline !important
}


.wpb_single_image .vc_single_image-wrapper.vc_box_outline, .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle {
    border: 4px solid #124188;
	    padding: 0px;
}

#ml p {
	font-size:14px;
	color:#3b4d6a
}

#ml h2 {
	font-size:18px;
	color:#124188;
}

#pourquoi-ca-marche h2 {
	color:#124188;
}

#infos-ecobulles {
    z-index: 10;
}

.vc_btn3-container.bt-partenaire.vc_btn3-left a {
    padding: 20px !important;
}

.column-partenaire .vc_column-inner {
	padding-left:0px
}

.column-partenaire2 .vc_column-inner {
    margin-left: -80px;
}

#filleul .column-partenaire2 .vc_column-inner {
    margin-left: 0px;
}





#button-faq {
	background-color: none;
	border: 3px solid transparent;
	text-align: center !important;
	font-weight: 700 !important;
	color: #3b4d6a !important;
}


#button-faq p{
    padding-top: 20px;
}

.securite:before, .safety:before {
	content:url(https://www.ecobulles.com/wp-content/uploads/2018/05/icon-bouclier-2@1x.png);
	font-size: 36px;
	margin-bottom:20px;
	color:#94a9c9;
	z-index: 10
}

.installation:before {
	content:url(https://www.ecobulles.com/wp-content/uploads/2018/05/icon-installation@1x.png);
	font-size: 36px;
	margin-bottom:20px;
	color:#94a9c9;
	z-index: 10
}

.sante:before, .health:before {
	content:url(https://www.ecobulles.com/wp-content/uploads/2018/05/icon-heart@1x.png);
	font-size: 36px;
	margin-bottom:20px;
	color:#94a9c9;
	z-index: 10
}

.ecologie:before, .ecology:before {
	content:url(https://www.ecobulles.com/wp-content/uploads/2018/05/icon-ecologie-2@1x.png);
	font-size: 36px;
	margin-bottom:20px;
	color:#94a9c9;
	z-index: 10
}

.fonctionnement:before, .howitworks:before {
	content:url(https://www.ecobulles.com/wp-content/uploads/2018/05/icon-cog@1x.png);
	font-size: 36px;
	margin-bottom:20px;
	color:#94a9c9;
	z-index: 10
}

.efficacite:before, .efficiency:before {
	content:url(https://www.ecobulles.com/wp-content/uploads/2018/05/icon-droplet@1x.png);
	font-size: 36px;
	padding-left:40px;
	margin-bottom:20px;
	color:#94a9c9;
	z-index: 10
}

.confort:before, .comfort:before {
	content:url(https://www.ecobulles.com/wp-content/uploads/2018/05/icon-confort@1x.png);
	font-size: 36px;
	margin-bottom:20px;
	color:#94a9c9;
	z-index: 10
}


.column-icon-faq a {
		padding:30px !important;
}

#button-faq:hover {
	background-color: none;
	color:#85bd46 !important;
    box-shadow: 0 0 10px 0 rgba(18, 65, 136, 0.05);
    border: 3px solid #88a7b7;
	border-radius:3px;
	padding:80px 25px 30px 25px;
	z-index: 2
}



.column-icon-faq h4 a:hover {
    color: #85bd46 !important;
}

#icons-faq .vc_column-inner {
padding:0px
}


#icons-faq  {
margin-left: 100px !important
}


#icons-faq .hgr-iconbox-customimg {
    border: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
    width: 100px !important;
    background: none !important;
}

#icons-faq h6 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333;
}

#icons-faq h6:hover {
	color:#333
}

#faq h2, #faq-2 h2, #faq-3 h2, #faq-4 h2 {
	    font-size: 32px;
    font-weight: 300;
    line-height: 0.75;
    margin-bottom: 40px;
    margin-top: 60px;
    color: #124188;
}

#faq h5, #faq-2 h5, #faq-3 h5, #faq-4 h5  {
-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	text-transform:inherit;
	letter-spacing:0px;
	font-weight:400;
    position: relative;
    background-color: white;
    box-shadow: 0 0 10px 0 rgba(18, 65, 136, 0.05);
    min-height: 76px;
    width: 100%;
    font-size: 17px;
    border-left: 3px solid #124188;
    line-height: 22px;
    padding: 30px;
    cursor: pointer;
}

#faq .hgr-iconbox-bar, #faq-2 .hgr-iconbox-bar, #faq-3 .hgr-iconbox-bar, #faq-4 .hgr-iconbox-bar {
	display: none
}

#faq h5 span, #faq-2 h5 span, #faq-3 h5 span, #faq-4 h5 span {
	float:right
}

#faq .hrf-content, #faq-2 .hrf-content, #faq-3 .hrf-content, #faq-4 .hrf-content  {
    font-weight:400;
	line-height:28px;
	padding:30px;
	background:none
}

#faq .hrf-title.close-faq span, #faq-2 .hrf-title.close-faq span, #faq-3 .hrf-title.close-faq span, #faq-4 .hrf-title.close-faq span {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    left: 0;
    top: 8px;
    margin-right: 12px;
    margin-left: 12px;
    background: url(https://www.ecobulles.com/wp-content/uploads/2018/04/icon-arrow-bottom@2x.png) no-repeat center center;
}

#faq .hrf-title.open-faq span, #faq-2 .hrf-title.open-faq span, #faq-3 .hrf-title.open-faq span, #faq-4 .hrf-title.open-faq span {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    left: 0;
    top: 8px;
    margin-right: 12px;
    margin-left: -42px;
    background: url(https://www.ecobulles.com/wp-content/uploads/2018/04/icon-arrow-top@2x.png) no-repeat center center;
}

h5.hrf-title {
	line-height: 22px;
}


hrf-title.close-faq span {
    top: 0px !important
}
	
	
div#jBoxID1 {
    width: 600px;
    margin: 0 auto;
}

.jBox-content {
    padding: 30px !important;
}

.jBox-content h4, #nf-form-2-cont h3, #nf-form-3-cont h3 {
	color: #124188;
	text-align: center;
	line-height: 34px;
    font-size: 28px;
	margin-bottom:30px
}

.jBox-content p {
	   font-weight: 500;
    color: #94a9c9;
}

.pum-theme-62 .pum-title, .pum-theme-lightbox .pum-title {
    color: #124187 !important;
	font-weight: 700 !important;
    text-shadow: none !important;
	text-align: center !important;
    font-family: 'Open Sans', sans-serif;
}

.pum-theme-62 .pum-content, .pum-theme-lightbox .pum-content {
    font-size: 16px !important;
    margin-top: 30px !important;
    font-weight: 500 !important;
    color: #94a9c9 !important;
}

.pum-theme-62, .pum-theme-lightbox {
    background-color: rgba( 79, 95, 120, 0.80 ) !important;
}

.pum-theme-62 .pum-container, .pum-theme-lightbox .pum-container {
    padding: 30px !important;
    border-radius: 3px !important;
    border: none !important;
    box-shadow: none !important;
    background-color: rgba( 255, 255, 255, 1.00 ) !important;
}

.pum-theme-62 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    top: -30px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    background-color: none !important;
}

.label-above .nf-field-label, .nf-field-label {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #94a9c9;
}

.nf-before-form-content {
    display: none;
}


.nf-help {
	background: none !important
}

.nf-field-element p {
    font-size: 14px;
    font-weight: 700;
    color: #94a9c9;
}

.nf-field-element input, .nf-field-element select {
    box-shadow: none;
    height: 64px !important;
    background-color: #ffffff;
    border: solid 2px #eef3f8;
    padding-left: 24px;
    font-size: 16px;
    color: #3b4d6a;
}

.nf-field-element textarea  {
    box-shadow: none;
    background-color: #ffffff;
    border: solid 2px #eef3f8;
    padding-left: 24px;
    font-size: 16px;
    color: #3b4d6a;
}



hr.ninja-forms-field {
	border: solid 1px #eef3f8;
}


.msg-parrain {
	font-weight: 700;
	color:#f6ad23
}

.bt-parrain a {
	    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin: 0px;
    padding: 20px 40px;
    width: 100%;
    height: 64px;
    font-size: 20px;
    font-weight: 500;
    text-shadow: none;
    background:#124188;
	color:#FFF;
    border: none;
  
}

button.pum-trigger {
	background-color: #ffffff;
    color: #124184;
	text-align: center;
	padding: 16px 20px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	width: 100%;
	margin:0 auto;
	font-size:16px;
	font-weight: 700;
	border:none;
}

.white {
	background-color: #ffffff;
    color: #124184;
	text-align: center;
	padding: 16px 40px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	margin:0 auto;
	font-size:16px;
	font-weight: 700;
	border:none;
}

button.pum-trigger:hover, button-small.pum-trigger:hover {
	background-color:#FFFFFF !important;
    color: #124184 !important;
	border:2px solid #124184 !important
}


button.pum-trigger.white2 {
	background-color: #ffffff;
    color: #124184;
	text-align: center;
	padding: 16px 20px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	/*width: 100%;*/
	margin:0 auto;
	font-size:16px;
	font-weight: 700;
	border:none;
}

button.pum-trigger.white2:hover {
	background-color:#FFFFFF !important;
    color: #124184 !important;
	/*border:2px solid #124184 !important*/
	border: none !important;
}


.blue {
	background-color: #124184 !important;
    color: #FFFFFF !important;
}

#button-pad100 .wpb_text_column.wpb_content_element {
	width: 200px;
    margin: 0 auto;
}

#benef-button .wpb_text_column.wpb_content_element {
    margin: 0 auto;
    width: 500px;
}

#gamme-button .wpb_text_column.wpb_content_element {
    margin: 0 auto;
    width: 340px;
}

.vc_btn3.vc_btn3-size-md {
    padding: 14px 40px !important;
}

#contact.box {
	min-height: 1160px
}


.blue:hover {
	background-color:#FFFFFF ;
    color: #124184;
	border:2px solid #124184;
}

.green2 {
	background-color: #85bd46 !important;
    color: #FFFFFF !important;
	text-align: center;
	padding: 16px 10px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	width: 100%;
	margin:0 auto;
	font-size:16px;
	border:2px solid #85bd46;
	font-weight: 700;

}

.green2:hover {
	background-color:#FFFFFF !important ;
    color: #85bd46;
	border:2px solid #85bd46;
}

.bt-double-right {
	
}

#encart-home {
	min-height: 430px
}


#main_navbar .current-menu-item a, #mainNavUl .current-menu-item a {
    color: #124184 !important;
}

.wpb_single_image .vc_box_outline.vc_box_border_blue, .wpb_single_image .vc_box_outline_circle.vc_box_border_blue {
    border: 5px solid #124184;
}


/* ------- BOUTONS -------- */

.vc_btn3.vc_btn3-shape-rounded {
    border-radius: 3px !important
}

.vc_btn3.vc_btn3-style-custom {
	background-image : none !important
}

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md
{
    padding: 25px 20px;
}

.vc_btn3.vc_btn3-size-md {
    padding: 25px 80px;
}

.vc_btn3.vc_btn3-size-md {
    font-size: 17px !important;
    letter-spacing: 0px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#accueil-benefices .vc_btn3.vc_btn3-size-md {
padding-left: 70px;
padding-right: 70px;
}

.secteur {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #e3e8f0;
    position: relative;
    width: 100%;
		padding: 20px 30px;
    margin-bottom: 20px;
    color: #3e4d69;
    font-size: 15px;
    font-weight: 600;
}

.secteur-left{
	text-align:left
}

.secteur-right{
	text-align:right
}

 #blog p {
    font-size: 14PX;
    font-weight: 600;
    color: #94a9c9;
    LINE-HEIGHT: 20px;
}

 #blog .vc_gitem-zone {
    overflow: visible
}

.red {
    background-color: #e84343;
	width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    margin: 20px auto;
    text-align: center;
	cursor: pointer !important
}

.vert {
    background-color: #85bd46;
	width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    margin: 20px auto;
    text-align: center;
		cursor: pointer !important
}

.yellow {
    background-color: #f7a331;
	width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    margin: 20px auto;
    text-align: center;
		cursor: pointer !important
}

.bleu {
    background-color: #124188;
	width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    margin: 20px auto;
    text-align: center;
		cursor: pointer !important
}

.points {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

#ligne-comparaison {
	margin-left:25px !important;
	margin-right:25px!important;
	    margin-bottom: 10px !important;
	  -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	background: white;
	padding-left:25px;
	 padding-right: 25px;
	padding-top: 0px !important;
	}

#ligne-comparaison h2, #infos-ecobulles h2 {
    padding-bottom: 0px;
}

#ligne-comparaison .wpb_content_element {
    margin-bottom: 15px !important;
}


#comparatif .vc_column-inner.vc_custom_1525336399149, #comparatif .vc_column-inner.vc_custom_1525442497241, #comparatif .vc_custom_1525442489339, #comparatif .vc_custom_1525349624609,  #comparatif .vc_custom_1525442509088   {
    padding-top: 10px !important;
}

#comparatif .vc_column-inner.vc_custom_1525442500616, #comparatif .vc_custom_1525442512082, #comparatif .vc_custom_1525442492568 {
    padding-top: 0px !important;
}

#comparatif #infos-ecobulles {
    height: 70px;
}

#gamme-table {
	 background-color: rgba(18, 65, 136, 0.1);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	padding: 25px;
}

#gamme-ligne p {
	margin-left:20px !important
}

.gamme-bullet{
    text-align: left;
	margin-left: -20px;
	padding-left: 30px;
}


 

#temoignages p, #testimony p, #erfahrungsberichte p, #getuigenissen p {
	padding-left: 35px;
    padding-right: 35px;
    color: #FFF !important;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    line-height: 24px;
}

#temoignages h4, #testimony h4, #erfahrungsberichte h4, #getuigenissen h4 {
	padding-left: 35px;
    padding-right: 35px;
    color: #FFF !important;
    font-weight: 500;
    font-size: 13px;
    text-align: left;
    line-height: 18px;
}

#temoignages .vc_gitem-zone.vc_gitem-zone-c, #testimony .vc_gitem-zone.vc_gitem-zone-c, #erfahrungsberichte .vc_gitem-zone.vc_gitem-zone-c, #getuigenissen .vc_gitem-zone.vc_gitem-zone-c {
    color: #FFF;
	font-weight: 500
}

#temoignages .vc_col-sm-12.vc_gitem-col.vc_gitem-col-align-left, #testimony .vc_col-sm-12.vc_gitem-col.vc_gitem-col-align-left, #erfahrungsberichte .vc_col-sm-12.vc_gitem-col.vc_gitem-col-align-left, #getuigenissen  .vc_col-sm-12.vc_gitem-col.vc_gitem-col-align-left {
	padding:0px !important;
}


.health_heartbeat-16:before {
	color:#124188;
	  content: "\f21e";
    font-family: FontAwesome;
	font-size: 36px;
	padding-right:10px;
}

.food_tea:before {
	color:#124188;
	content: "\f0f4";
    font-family: FontAwesome;
	font-size: 36px;
	padding-right:10px;
}

.envir_water-hand:before {
	color:#124188;
	content: "\f043";
    font-family: FontAwesome;
	font-size: 36px;
	padding-right:10px;
}


 .media-1_speaker:before{
	color:#124188;
	content: "\f028";
    font-family: FontAwesome;
	font-size: 36px;
	padding-right:10px;
}



.envir_save-planet:before{
	color:#124188;
	content: "\f299";
    font-family: FontAwesome;
	font-size: 36px;
	padding-right:10px;
}



#accueil-comparatif h5{
    font-size: 18px;
    font-weight:700;
	line-height: 22px;
    text-align: left;
	text-transform: inherit;
    color: #94a9c9;
	padding-left: 60px;
    margin-top: -25px !important;
}


.gamme-accueil-bullet {
	text-align: center;
	margin-top: -20px;
}

.cd-primary-nav {
	background: #FFF !important;
}

.cd-primary-nav a {
	color: #337ab7 !important;
	font-size: 28px !important;
	padding: 2px
}

.cd-primary-nav a:hover {
	color: #124188 !important;
}

.cd-primary-nav a:hover, #mainNavUl .dropdown-menu.multi-level li a:hover, a.mobilemenuopen:hover {
    color: #124188 !important;
}

.vc_custom_1523870680544, .vc_custom_1523639754425 {
    padding-top: 100px !important;
    padding-right: 70px !important;
    padding-bottom: 100px !important;
    padding-left: 70px !important;	
	
}

.vc_custom_1524744145476, .vc_custom_1523956211694 {
    padding-top: 0px !important;
    padding-right: 25px !important;
    padding-bottom: 0px !important;
    padding-left: 25px !important;
}

.vc_custom_1523639685890 {
    padding-top: 30px;
    padding-right: 30px ;
    padding-bottom: 30px ;
    padding-left: 30px 
}

.vc_column-inner.vc_custom_1525512399300,  .vc_column-inner.vc_custom_1525442774762, .vc_column-inner.vc_custom_1525442766662 {
    padding: 70px !important;
}


section#compare div.detail ul li div.review div.info {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -180px;
    display: none;
    background-color: #88a7b7;
    width: 360px;
    min-height: 124px;
    box-shadow: 0 0 20px 0 rgba(18, 65, 136, 0.1);
    font-size: 16px;
    line-height: 1.2;
    padding: 30px;
    color: white;
}

.tooltipck-tip::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #88a7b7 transparent;
}

.tooltipck {
    border-bottom:none !important;
    color: transparent;
}

.astuce {
	background: #85bd46;
	padding:10px;
	border-radius:3px;
	-moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	color:#FFF;
	font-weight: 700;
	margin-bottom:20px
}

.astuce::after {
   content: " ";
    position: absolute;
    top: 100%;
    right: 50%;
    margin-right: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #85bd46 transparent transparent transparent
}

.column-parrain {
    background-color: #124188;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 38px !important;
    color: white;
}

.column-title-parrain, .column-title-filleul  {
    margin-top: 240px;
	margin-bottom:160px
}

span.tooltipck-tip.tooltipck-hover {
    width: 600px !important;
    height: auto !important;
	margin-left: -150px !important;
    margin-top: 20px;
}

.nf-field-container {
    margin-bottom: 10px !important
}

.nf-field-element textarea {
	max-height:120px
}

/* ------- BACKGROUND -------- */


#intro-accueil {
	background: url(https://www.ecobulles.com/wp-content/uploads/2018/04/accueil-header-1@2x.jpg);
	background-size:cover;
	background-position:bottom !important;
	background-repeat:no-repeat !important;
	z-index:1 !important
}

#intro-parrain {
	background: url(https://parrain.ecobulles.com/wp-content/uploads/sites/2/2018/06/Visuel-Parrain-1800px2.jpg);
	background-size:cover;
	background-position:top right !important;
	background-repeat:no-repeat !important;
}


#intro-filleul {
	background: url(https://www.ecobulles.com/filleul/wp-content/uploads/sites/3/2018/05/visuel-intro-filleul.jpg);
	background-size:cover;
	background-position:top !important;
	background-repeat:no-repeat !important;
}

#intro-partenaires {
	background-image: url(https://www.ecobulles.com/wp-content/uploads/2018/11/slider_partner-1.jpg);
	background-size:cover;
	background-position:top right !important;
	background-repeat:no-repeat !important;
	z-index:1 
}

#intro-partenaires .azur {
	background-image: url(https://www.ecobulles.com/wp-content/uploads/2018/04/slider_partner-2.jpg);
	background-size:cover;
	background-position:top !important;
	background-repeat:no-repeat !important;
	z-index:1 
}

#intro-partenaires .provence {
	background-image: url(https://www.ecobulles.com/wp-content/uploads/2018/04/slider_partner-5.jpg);
	background-size:cover;
	background-position:top !important;
	background-repeat:no-repeat !important;
	z-index:1 
}

#comparatif-accueil
{
	background: url(https://www.ecobulles.com/wp-content/uploads/2018/04/accueil-comparatif@2x.jpg);
	background-size:cover;
	background-position:top !important;
	background-repeat:no-repeat !important;
	z-index:1 !important
}

#pcm-visuel{
	background: url(https://www.ecobulles.com/wp-content/uploads/2018/04/howitwork-vinaigre.jpg);
	background-size:cover;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	z-index:1 !important;
	padding: 38px;
	border-radius:3px;
	  -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	
}

#saviez-vous .column-img {
		background: 
	url(https://www.ecobulles.com/wp-content/uploads/2018/04/howitwork-know.jpg);
	background-size:cover;
	background-position:center center !important;
	background-repeat:no-repeat !important;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

#saviez-vous .column-img-benefices {
		background: 
	url(https://www.ecobulles.com/wp-content/uploads/2018/04/benefit-know.jpg);
	background-size:cover;
	background-position:center center !important;
	background-repeat:no-repeat !important;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}


h3 {
font-size: 38px !important;
    line-height: 48px;
}

/* ------- RESPONSIVE -------- */

@media only screen and (max-width: 768px){
.conteneur-colonnes .vc_col-sm-6{
width: 100%; }
	
		#menu-item-3864 a.first_level_menu_link {
    font-size: 26px;
    background: #FFF ;
    padding: 10px 30px;
}
	
	li#menu-item-3864 {
    margin-left: 0px;
}
	
	#infos-ecobulles h2 {
		font-size: 20px !important;
	}
	
	.column-6 {
width: 100%}



.fmgc-per-row-12 {
	width: 50%;
	padding: 20px}
	
	}


@media screen and (max-width: 640px) {
	
	
	#blog {
    top: 200px;
}

	
	.fmgc-per-row-12 {
	width: 100%;
	padding: 0}
	
	#menu-item-3831 a {
		font-size:28px;
	}
	
	.column-title-white-small {
    margin-top: 150px !important
}
	
	
	#hgr_top_navbar_container {
    max-height: 80px !important;
	padding-bottom: 0px !important
	}
	
	
	a.cd-primary-nav-trigger {
	    line-height: 60px !important	
	}
	
	.eec {
    position: initial !important
	}
	


.confort:before, .efficacite:before, .fonctionnement:before, .ecologie:before, .sante:before, .installation:before, .securite:before, .comfort:before, .efficiency:before, .howitworks:before, .ecology:before, .health:before, .installation:before, .safety:before {
	padding-left:0px;
}
	
	.vc_column-inner.vc_custom_1527507909586, .vc_column-inner.vc_custom_1527507920373 {
    min-height: 300px !important
}
	#benef-button .wpb_text_column.wpb_content_element, #gamme-button .wpb_text_column.wpb_content_element {
    width: 100%;
}

	#infos-ecobulles .vc_column-inner {
    padding-right: 25px;
    padding-left: 25px;
	}
	
	#infos-ecobulles p  {
		text-align: center !important;
		font-size:16px
	}
	
	.txt-white-20-left:before {
   padding-right: 120px;
    padding-left: 120px;
		    padding-bottom: 10px !important;
}
	
	.vc_custom_1524834816582 {
		padding-right:0px !important;
		padding-left:0px !important
	}
	

div#jBoxID1 {
    width: 300px;
	}
	
	
	#buttons {
    padding-left: 0px;
	 padding-right: 0px;
}
	
	.page-id-6 .hgr_mobile_header {
		    max-height: 80px;
	}
	
	.column-parrain {
		padding:10px !important
	}
	
	#fonctionnement {
    padding: 10px !important;
}
	
	
	
	
	.vc_column-inner.vc_custom_1525512399300, .vc_column-inner.vc_custom_1525442774762, .vc_column-inner.vc_custom_1525442766662, .vc_column-inner.vc_custom_1525264451763 {
    padding: 20px !important;
}
	
	 #comparatif h2 {
		font-size: 22px !important;
	}
	
	.title-white h3, #pcm-visuel h3, #comparatif h4{
		font-size:22px !important;
		line-height: 28px !important;
		font-weight: 700
	}
	
	
	#intro-accueil {
    background: url(https://www.ecobulles.com/wp-content/uploads/2018/05/accueil-header-mobile.jpg);
    background-size: contain;
    background-position: top !important;
	padding-top:270px
}
	
	#intro-parrain {
    background: url(https://www.ecobulles.com/wp-content/uploads/2018/05/Visuel-Parrain-500px-mobile.jpg);
    background-size: contain;
    background-position: top !important;
    padding-top: 270px;
}
	
	#intro-filleul {
    background: url(https://www.ecobulles.com/wp-content/uploads/2018/05/BG-intro-filleul-mobile.jpg);
    background-size: contain;
    background-position: top !important;
    padding-top: 270px;
}
	
	#filleul .nf-field-element input 
	{padding-left:0px}
	
	#intro-accueil h1, #intro-parrain h2, #intro-filleul h2  {
		font-size:24px !important;
		line-height: 28px;
		margin-bottom: 20px;
		padding-top: 30px;
	}
	
	#intro-accueil p, .title-white p, #pcm-visuel p {
		font-size:16px !important;
		line-height: 18px
	}
	
	.vc_btn3-container.bt-partenaire.vc_btn3-left a {
    padding: 0px;
    width: 100%
}
	
	.column-title-parrain, .column-title-filleul {
    margin-bottom: 0px;
	}
	
	.column-title {
		margin-bottom: 0px
	}
	
	.astuce {display: none !important}
	
	

	#infos-ecobulles h2 {
    font-size: 18px !important;
		text-align: center !important
}
	
	
	#contact.box {
	min-height: auto !important
}
	
	.tooltipck {
    border-bottom: none !important;
    color: #FFF;
    font-weight: 900;
    background: #88a7b7;
    padding: 3px 10px;
    border-radius: 40px;
	  -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
	top: -42px;
    float: right !important;
    left: 170px;
	}
	
	span.tooltipck-tip.tooltipck-hover {
	max-width: 300px;
	width: 300px !important;
    height: auto !important;
    margin-left: 60px !important;
    margin-top: 20px !important;
}

a.pum-trigger.red::before, a.pum-trigger.vert::before, a.pum-trigger.yellow::before, #A::before {
    content: "Adoucisseur au sel";
    height: 30px;
    padding-left: 50px;
    color: #88a7b7;
    font-weight: 700;
	margin-top: -5px !important;
    font-size: 15px;
    line-height: 18px;
    display: inline-block;
    text-align: left;
}


e.pum-trigger.red::before, e.pum-trigger.vert::before, e.pum-trigger.yellow::before, #E::before {
    content: "Ecobulles";
    height: 30px;
    padding-left: 50px;
    color: #88a7b7;
    font-weight: 700;
    margin-top: -5px !important;
    font-size: 15px;
    line-height: 18px;
    display: inline-block;
    text-align: left;
	margin-bottom: 10px;
}
	
#essentiel.yellow::before {
    content: "Essentiel";
    height: 30px;
    padding-left: 50px;
    color: #124188;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    text-align: left;
}
	
	#equilibre.bleu::before {
    content: "Equilibre";
    height: 30px;
    padding-left: 50px;
    color: #124188;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    text-align: left;
}
	
		
	#expert.vert::before {
    content: "Expert";
    height: 30px;
    padding-left: 50px;
    color: #124188;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    text-align: left;
}
	
	
	.points {
    text-align: left;
	}
	
#ligne-comparaison {
	margin:0px
	}
	
	
	
	.gamme-level, .compa-entete { 
		display: none !important
	}
	
	.gamme-bullet{
    text-align: left;
	margin-left: 20px;
}
	
	.gamme-accueil-bullet{
    text-align: left;
}
	
	#gamme-table h3{
			text-align: center !important;
	}
	
	#gamme-ligne p  {
		text-align: center !important;
		margin-left:0px !important;
		margin-top:25px
	}
	
	#accueil-compa-entete, .gamme-bullet h3 
	{display: none !important}
	
	.column-title, .column-title-white-small, .column-title-parrain {
		padding:10px !important;
		margin-top:50px;
	}
	
	.column-partenaire2 .vc_column-inner {
    margin-left: 0px;
}
		
	#intro-accueil, #comparatif-accueil, #comparatif-accueil .wpb_column.vc_column_container.vc_col-sm-12, .vc_custom_1525437903423, .vc_custom_1525178770913, .vc_custom_1523639754425, #vinaigre, #numbers, .column-title-white, .vc_custom_1523639754425, .vc_custom_1525182304280, .vc_custom_1523639754425, .vc_custom_1523870680544, #comparatif-shadow, #temoignages p, #testimony p .column-shadow, .vc_custom_1524744145476, .vc_custom_1525437903423, .vc_custom_1523639685890, .vc_custom_1523956211694, .vc_custom_1524834816582, .vc_custom_1525442774762, .vc_custom_1525442766662, .column-title-black, #pcm-visuel {
    padding-left: 10px !important;
    padding-right: 10px !important;
	}
	
	
	.vc_custom_1525442774762, .vc_custom_1523639754425 {
		padding-bottom:20px
	}

	.txt-white-20-left:before {
    padding-bottom: 50px;
}
	
	.txt-white-20-right {
    text-align: center
}
	
	.vc_column-inner.vc_custom_1525175728641, .vc_custom_1525175740850, #saviez-vous .column-img, #saviez-vous .column-img-benefices {
    min-height: 300px;
}
	
	.accueil-bandeau .up p, .accueil-bandeau p {
    font-size: 28px;
}
	
	#numbers h2 {
	font-size: 28px !important;
    text-align: center !important;
	}
	
	#ligne-comparaison {
		margin-left:10px !important;
		margin-right:10px !important;
		padding-top: 20px !important;
	}
	
	.txt-icon-justify {
		text-align: left
	}
	
	.nf-form-cont .one-half, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths {
    width: 100% !important;
}
	
#infos-ecobulles {
    padding-top: 80px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
	
	#icons-faq {
    margin-left: 0px !important;
    text-align: center;
}
	
	#faq h5, #faq-2 h5 {
		padding-left: 10px;
   	 	padding-right: 30px;
		padding-top:30px;
		padding-bottom:30px;
	}
	
	#faq .hrf-title.close-faq span, #faq-2 .hrf-title.close-faq span {
	    margin-right: -17px;
	}
	
	#faq .hrf-content, #faq-2 .hrf-content {
		padding:10px
	}
	
	.vc_masonry_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
		display: inline !important;
	}
	
	.secteur {padding:0px}
	
	#secteur h2 {font-size:34px}

.ezcol-last {
    border-bottom: 1px solid #CCC;
}
	
}

@media (min-width: 600px) {
.layout-left .hotspots-placeholder, .layout-right .hotspots-placeholder {
    display:inherit !important;
}
}

@media screen and (min-width: 641px) and  (max-width: 960px) {

.column-title.wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
	
	.accueil-bandeau.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill, #encart-home .wpb_column.vc_column_container.vc_col-sm-8.vc_col-has-fill {
    width: 50%;
}
	
	.accueil-bandeau .up p {
    font-size: 40px;
}
	
	.column-title-grey {
		padding:5px !important
	}
	
	.nf-form-cont .one-half, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths {
		width:100% !important
	}
	
	.white {
    padding: 16px;
	}
	
	#footer h2 {
    line-height: 20px;
	}
	
	.vc_column-inner.vc_custom_1525512399300, .vc_column-inner.vc_custom_1525442774762, .vc_column-inner.vc_custom_1525442766662 {
    padding: 20px !important;
}
	
	#subfooter .wpb_column.vc_column_container.vc_col-sm-4, #numbers .wpb_column.vc_column_container.vc_col-sm-6, #pcm-visuel .column-title-black.wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
	
	.column-title-white {
    padding: 20px !important;
}
	
	#benefices .vc_col-sm-4, #ca-marche-video .wpb_column.vc_column_container.vc_col-sm-6, #intro-corpo .vc_col-sm-4  {
    width: 100%;
}
	
	#temoignages p, #testimony p {
		padding:10px
	}
	
	#partenaires h3 {
	    font-size: 18px !important;
		text-align: center
	}

	
}

@media screen and (min-width: 900px) and  (max-width: 1300px) {

span.tooltipck-tip.tooltipck-hover {
	    width: 450px !important;
}
	
	.tooltipck-tip::after {
    left: 66% !important
	}
	
	#icons-faq h6 {
		font-size:13px !important
	}
	
}