/*
Theme Name: Épargne Salariale Solutions
Description: Thème des services épargne salariale solutions
Theme URI: https://williamrembert.fr
Author: William Rembert
Author URI: https://williamrembert.fr
Template: salient
Version: 1.0
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Corrections UM
# Corrections Thèmes
# Gravity Forms
## > Personnalisation Fiducial
## > Personnalisation formulaire de souscription Fiducial

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Corrections UM
--------------------------------------------------------------*/

.um-account-profile-link {display: none;}

/*--------------------------------------------------------------
# Corrections Thèmes
--------------------------------------------------------------*/

#top nav ul li a {color: #8992c0;}
#top nav ul li a:hover, #top nav ul li a:focus {color: #4a6ee0;}


/*--------------------------------------------------------------
# Gravity Forms
--------------------------------------------------------------*/

	/* Instructions */

	.instructions {
		color: #717171;
		margin:0 !important;
		padding:0 !important;
	}

	/* Progress bar */

	.gform_wrapper .gf_progressbar {
		background-color: white !important;
		box-shadow: none !important;
		padding:1em 0 !important;
		width: 100% !important;
	}

	.gform_wrapper .gf_progressbar_wrapper {
		margin: 0 !important;
	}

	.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
		font-size:16px;
	}
	.gform_wrapper .percentbar_orange, .gform_wrapper .gf_progressbar_percentage {
		background: #eb4343 !important;
	}

	.gform_page_fields, .gform_wrapper .gform_page_footer {
		padding: 30px 0 30px 0;
		overflow: hidden;
	}

	/* Sections */

	.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
		font-size: 1.7em !important;
	}

	/* Labels */

	.gform_wrapper .gfield_required {
		color: #de595a;
	}

	.gform_wrapper ul li.gfield.field_sublabel_above.field_description_below + li.gfield {
		margin:0 !important;
		padding:0;
	}

	.gfield_label, .gform_wrapper .top_label .gfield_label {
		font-size: 1.2em;
		font-family: 'AktivGroteskMedium', Arial, sans-serif;
		font-weight: 500 !important;
		line-height: 1.1em;
	}

	/* Champs */

	form textarea, form select, form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="email"], form input[type="month"], form input[type="number"], form input[type="password"], form input[type="search"], form input[type="tel"], form input[type="text"], form input[type="time"], form input[type="url"], form input[type="week"], .gform_wrapper.gf_browser_gecko select {
		border:1px solid #ccc;
		border-radius: 3px;
	}
	form textarea:focus, form select:focus, form input[type="date"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="email"]:focus, form input[type="month"]:focus, form input[type="number"]:focus, form input[type="password"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="text"]:focus, form input[type="time"]:focus, form input[type="url"]:focus, form input[type="week"]:focus, .gform_wrapper.gf_browser_gecko select:focus {
		border-color: #4e8fc7;
		box-shadow: none;
	}
	.page-content .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
		box-shadow: 0 2px 4px #e5e5e5 inset;
		padding: 10px;
	}

	.gform_wrapper.gf_browser_gecko select, .gform_wrapper select {
		box-shadow: 0 2px 4px #e5e5e5 inset;
		padding: 8px 10px;
	}

	.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"] {
		margin-left: 0;
		margin-right: 1em;
	}
	.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"] {
		margin-top: 5px;
		vertical-align: top;
	}

	body .gform_wrapper .top_label div.ginput_container {
		margin-top: 0;
		padding-bottom: 2em;
	}

	/* Boutons */

	form button, form input[type="reset"], form input[type="submit"], form input[type="button"] {
		background: #4e8fc7; /* Old browsers */
		background: -moz-linear-gradient(top, #4e8fc7 0%, #457eaf 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #4e8fc7 0%,#457eaf 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #4e8fc7 0%,#457eaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e8fc7', endColorstr='#457eaf',GradientType=0 );
		border: 1px solid #2c5f6f;
		border-bottom-width: 2px;
		border-radius: 3px;
		color: #FFF;
		font-family: 'AktivGroteskMedium', Arial, sans-serif;
		font-size: .813em !important;
		max-width: 22.5em;
		padding: 1.333em 1.533em;
		text-align: center;
		width: 100%;
		transition: background 100ms ease 0s;
	}
	form button:hover, form input[type="reset"]:hover, form input[type="submit"]:hover, form input[type="button"]:hover, form button:focus, form input[type="reset"]:focus, form input[type="submit"]:focus, form input[type="button"]:focus {
		background: #457eaf; /* Old browsers */
		background: -moz-linear-gradient(top, #457eaf 0%, #4e8fc7 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #457eaf 0%,#4e8fc7 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #457eaf 0%,#4e8fc7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457eaf', endColorstr='#4e8fc7',GradientType=0 );
		transition: all 100ms ease 0s;
	}
	form button:active, form input[type="reset"]:active, form input[type="submit"]:active, form input[type="button"]:active {
		background: #2c5f6f;
		border-bottom-width:1px;
	}

	form input.gform_previous_button {
		background: #f2f1ed; /* Old browsers */
		background: -moz-linear-gradient(top, #f2f1ed 0%, #ebeae6 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f2f1ed 0%,#ebeae6 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f2f1ed 0%,#ebeae6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1ed', endColorstr='#ebeae6',GradientType=0 );
		border: 1px solid #d8d7d4;
		border-bottom-width: 2px;
		color: #2b3446;
		transition: all 100ms ease 0s;		
	}

	form input.gform_previous_button:hover, form input.gform_previous_button:focus {
		background: #ebeae6; /* Old browsers */
		background: -moz-linear-gradient(top, #ebeae6 0%, #f2f1ed 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ebeae6 0%,#f2f1ed 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ebeae6 0%,#f2f1ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeae6', endColorstr='#f2f1ed',GradientType=0 );
		border: 1px solid #d8d7d4;
		border-bottom-width: 2px;
		color: #2b3446;
		transition: all 100ms ease 0s;
	}
	form input.gform_previous_button:active {
		background:#e0e0df;
		border-bottom-width:1px;
	}

	.gform_next_button.button {
		float: right;
	}
	.gform_wrapper .gform_page_footer .button.gform_next_button {
		margin:0;
	}

	.gforms_confirmation_message {
		padding: 3em;
		background: #f5f5f5;
		margin: 3em 0;
		border-bottom: 1px solid #ddd;
	}

	/* Ligne Col2 */

	.gform_wrapper ul .gfield.col2 {
		overflow: hidden;
		position: relative;
		margin-top: 15px !important;
	}

	.gform_wrapper .gfield.col2:not(.mt_total) .ginput_container_number {
		float:right;
		width: 30%;
		margin-top:-1.4em !important;
	}
	.gform_wrapper .gfield.col2 .gfield_label, .gform_wrapper .gfield.col2 .gfield_description {
		float:left;
		width: 60%;
	}
	.gform_wrapper .gfield.col2 .gfield_description {
		margin: 0 0 0 0;
		padding:0;
	}
	.gform_wrapper .gfield.col2 .ginput_container_number input {
		width: 100%
	}

	/* Ligne Total */

	.gform_wrapper ul .gfield.col2.mt_total {
		border-top: 2px solid #2b3446;
		margin: 1em 0 3em 0 !important;
		padding: 1.5em 0 1.5em 0 !important;
	}

	.gform_wrapper .gfield.col2.mt_total .gfield_label {
		margin-top: 14px;
	}

	.gform_wrapper .gfield.col2.mt_total input {
		border: none !important;
		box-shadow: none !important;
		color: #2b3446;
		font-family: 'AktivGroteskMedium', Arial, sans-serif !important;
		font-size: 20px !important;
		line-height: 1.1em;
		text-align: right;
		width: 30%;
		float: right;
	}

	/* Champs spécifiques */

	.gfield.radiobutton_h ul.gfield_radio, .gfield.chkboxbutton_h ul.gfield_radio, .gfield.radiobutton_v ul.gfield_radio, .gfield.chkboxbutton_v ul.gfield_radio {
		overflow: hidden;
		display: flex;
	}

	.gfield.radiobutton_v ul.gfield_radio, .gfield.chkboxbutton_v ul.gfield_radio {
		flex-direction:column 
	}

	body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul.fieldbutton {
		margin-left: 0 !important;
		list-style-type: none !important;
	}

	ul.fieldbutton li, 
	.gfield.radiobutton_h ul.gfield_radio li, 
	.gfield.radiobutton_v ul.gfield_radio li,
	ul.fieldbutton li, 
	.gfield.chkboxbutton_v ul.gfield_radio li, 
	.gfield.chkboxbutton_h ul.gfield_radio li  {
		border: 1px solid #cccccc;
		border-radius: 5px;
		box-shadow: 0 1px 3px rgba(0,0,0,.15);
		padding: 20px 30px !important;
	}

	ul.fieldbutton li.selected, 
	.gfield.radiobutton_h ul.gfield_radio li.selected, 
	.gfield.radiobutton_v ul.gfield_radio li.selected,
	ul.fieldbutton li.selected, 
	.gfield.chkboxbutton_v ul.gfield_radio li.selected, 
	.gfield.chkboxbutton_h ul.gfield_radio li.selected  {
		background: #2b3446;
		border-color: #2b3446;
		color:white;
	}

	.m-epargnants ul.fieldbutton li.selected, 
	.m-epargnants .gfield.radiobutton_h ul.gfield_radio li.selected, 
	.m-epargnants .gfield.radiobutton_v ul.gfield_radio li.selected,
	.m-epargnants ul.fieldbutton li.selected, 
	.m-epargnants .gfield.chkboxbutton_v ul.gfield_radio li.selected, 
	.m-epargnants .gfield.chkboxbutton_h ul.gfield_radio li.selected  {
		background: #5b83a7;
		border-color: #5b83a7;
	}

	.m-entreprises ul.fieldbutton li.selected, 
	.m-entreprises .gfield.radiobutton_h ul.gfield_radio li.selected, 
	.m-entreprises .gfield.radiobutton_v ul.gfield_radio li.selected,
	.m-entreprises ul.fieldbutton li.selected, 
	.m-entreprises .gfield.chkboxbutton_v ul.gfield_radio li.selected, 
	.m-entreprises .gfield.chkboxbutton_h ul.gfield_radio li.selected  {
		background: #549ad6;
		border-color: #549ad6;
	}

	ul.fieldbutton li {
		margin-bottom: 20px;
		width: 100%;
	}

	.gfield.radiobutton_h ul.gfield_radio li, .gfield.chkboxbutton_h ul.gfield_radio li {
		margin-right: 20px;
		min-width: 310px;
		width: 48%;
	}

	.gfield.radiobutton_v ul.gfield_radio li, .gfield.chkboxbutton_v ul.gfield_radio li {
		margin-bottom: 20px;
		min-width: 310px;
		width: 100%;	
	}

	/* Ligne conseil */

	.gform_wrapper ul .gfield.col2.mt_total.conseil {
		border-top: none;
	}

	.gform_wrapper .gfield.col2.mt_total.conseil .gfield_label {
		color:#01988c;
		margin-top: 19px;
		font-size: 18px;
	}

	.gform_wrapper .gfield.col2.mt_total.conseil input {
		color:#01988c;
	}

	.success-msg {
		font-size: 1.5em;
		margin-top: 0;
	}

	/* Erreurs */

	.gform_wrapper div.validation_error {
		background-color: #ffe7e7 !important;
		border: 1px solid #de595a !important;
		border-radius: 5px !important;
		color:#de595a !important;
		font-weight: 400 !important;
		padding: 30px !important;

	}
	.gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label {
		color: #de595a !important;
	}
	.gform_wrapper .validation_message {
		padding-top: 0 !important;
	}
	.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {
		border: 1px solid #de595a !important;
	}
	.gform_wrapper li.gfield.gfield_error {
		border: none !important;
	}

	/* Info */

	.gform_wrapper div.msgbox {
		border-radius: 5px;
		padding: 30px;
	}
	.gform_wrapper div.msgbox .h3, .gform_wrapper div.msgbox h3 {
		font-family: 'AktivGroteskMedium', Arial, sans-serif;
		font-weight: 500;
		font-size: 20px;
	}
	.gform_wrapper div.msgbox a {
		font-weight: bold;
	}
	.gform_wrapper div.msgbox a:hover, .gform_wrapper div.msgbox a:focus {
		text-decoration: none;
	}

	.gform_wrapper div.msgbox.info {
		border: 1px solid #cccccc;
	}
	.gform_wrapper div.msgbox.info .h3, .gform_wrapper div.msgbox.info h3, .gform_wrapper div.msgbox.info a {
		color:#2b3446;
	}
	
	/* Alerte */

	.gform_wrapper div.msgbox.alerte {
		background: #fef4e2;
		border: 1px solid #dfb056;
	}
	.gform_wrapper div.msgbox.alerte .h3, .gform_wrapper div.msgbox.alerte h3, .gform_wrapper div.msgbox.alerte a {
		color:#dfb056;
	}

	/* Confirmation */

	.gform_confirmation_message {
		background-color: #eeffe7;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAFMN540AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAstJREFUeNpiYICCjNU+/xmwApgMkC7AJnkeIIBgjPu4tCcwoYnVY1gHEECohmGxHbcF2BwPFAhA469nRHYRkJoPxA+A+MKM0C2BIHGAAEJWAPJpPxAvAEomMqBJIPMF8IYe1CoMwfdYvQDEDeiC+3EYK8CAJzACGNFC5gAQOwC9AhYHCCBGNNUN4BhhYDAEKriAxXoDoLgguhUNWJMDofgBaQJiAwKKG7AE9H88SZSBUCTsZwHFJRYJkEvWA7EALHCwAAd4rOENdxyuYcQimAi0bQGOSAUljUCg/AaQGEAAMWJRpABNmrAEDoqyidgMxGYzanpG5JT1yLaiOIlQqMOyFxDPJyo6cEUREINDmglqkiKxmoHOdgRS4JwCKmkSgAIPSEwoE0ABC9K8gYDG8+guA1pWCKTyQZov4tEISmkfcLjMAKSZH90mWIAAwXmoH7ECkOYCNCcZguIUm3PR4n0i9tIIoqAfj3few2xWxFYwQwMFVzhcQBaYj5FycJR4uOqMBlxegHkDXZ4RR7waQEtKRKZnYHAEeuUAslqAAK1W0Q2CMBRMDf/iBjiBcQLZQJ3AMIIbwATGEZxAnUCcwBFkhI4gj9yLtbzSFuS3zbtyvbue8hwzQ5py7msMNbUxB1hu7DmTClsw7ZqtHIHxME5e+KQvzMjxFmZSPEg5wlSJKTbmgwCIsaqdWf4Ag1KSWD3kggngKeaTPTuzKANUpCQSgBhruGYI6wy+TpDtegooTPYCY/uBrbT24oa2gwrHgpYAPfquCT2DBHtIAofTA3W3BQdq6aqWscpPkEMbzz66hjfCkP+KqV1EkkRWq2agORfL4ZciDYACgEHUOqzVPXHK6nu9aPujpU54kzoMJZSNm0eZYzxMDKUoso0rMjlpajQePcFiV4ivl4QqMG8bNI6LXb0txrawZ+rLeRXxBxkUuUKem98T7qhDGfoAE5N7PMo8IJEAAAAASUVORK5CYII=');
		background-position: 2em 2em;
		background-repeat: no-repeat;
		background-size: 30px 30px;
		border: 1px solid #68ab4c;
		border-radius: 3px;
		color: #434443;
		margin: 2em 0;
		padding: 2em 3em 2em 6em;
	}
	.gform_confirmation_message h2 {
		border-bottom: none;
		color: #68ab4c;
		font-family: 'AktivGroteskMedium', Arial, sans-serif !important;
		font-size: 20px !important;
		font-weight: normal;
		margin:0;
		padding-bottom: 25px;
	}
	.gform_confirmation_message p {
		color: #434443;
		margin-top: 0;
	}

	.gform_confirmation_message ul {
		margin:0;
		padding-left: 1em;
	}
	.gform_confirmation_message li {
		margin-bottom: 1em;
		padding-left: .6em;
	}

	.gform_confirmation_message a {
		color:#68ab4c;
		text-decoration: underline;
	}
	.gform_confirmation_message a:hover, .gform_confirmation_message a:focus {
		opacity: .8;
		text-decoration: none;
	}

	/* Survey */

	.gsurvey-survey-field label.gfield_label {
		color: #2b3446;
		font-size: 24px !important;
		line-height: 30px !important;
	}

	.gform_wrapper .gsurvey-survey-field .gfield_description {
		color:#7f7f7f;
		font-size: 16px;
	}

	table.gsurvey-likert {
		border-radius: 3px;
		box-shadow: 0 1px 2px rgba(0,0,0,.1);
	}

	table.gsurvey-likert thead {
		border-radius: 3px 3px 0 0;
	}

	table.gsurvey-likert th.gsurvey-likert-choice-label {
		background-color: #639ebb !important;
		border:none !important;
		color: white;
	}

	@media only screen and (min-width: 1024px) {
		table.gsurvey-likert tr td {
			padding: 20px;
		}
	}

	/* Ratings */

	.gsurvey-rating:not(:checked) > label {
		margin-right: .5em;
	}

	.gsurvey-rating:not(:checked) > label {
		background-image: url(https://creditmutuel.epargne-salariale.solutions/wp-content/themes/ess/img/star.svg) !important;
		background-size: 20px 20px !important;
	}

	.gsurvey-rating:not(:checked) > label:hover, .gsurvey-rating:not(:checked) > label:hover ~ label {
		background-image: url(https://creditmutuel.epargne-salariale.solutions/wp-content/themes/ess/img/star-hover.svg) !important;
		background-size: 20px 20px !important;
	}

	.gsurvey-rating > input:checked ~ label {
		background-image: url(https://creditmutuel.epargne-salariale.solutions/wp-content/themes/ess/img/star-check.svg) !important;
		background-size: 20px 20px !important;
	}

	/* Notes */

	.note {
		padding: 3em 0;
	}

	.note p {
		color: white;
		font-size: .765em;
		margin: 0;
	}


/*--------------------------------------------------------------
# Simulateurs PEI/PERCOI
--------------------------------------------------------------*/

	#simulateur-versement.simul {
		max-width:850px;
		margin:0 auto;
		top:-80px;
		overflow:hidden;
	}

	#simulateur-versement.simul .choix .col {background:none;}

	#simulateur-versement.simul .simul-form {
		margin-bottom:0;
		background-color: white;
		padding: 2em 3em;
		position:relative;
	}

	#simulateur-versement.simul sup {top:-0.3em; font-size:1.4em;}


	#simulateur-versement.simul #versement-pee + .col {background:#c3c3c3;}

	#simulateur-versement.simul #versement-pee p {display:inline-block}

	#simulateur-versement.simul .mentions-tns {font-size: .624em;}

	#simulateur-versement.simul .simul-form h2 {
		color:#2f2f2f;
		font-size: 1em;
		letter-spacing: 2px;
		margin-bottom: 2em;
		padding: .882em 0 .882em 3.529em;
		text-transform: uppercase;
	}


	#simulateur-versement.simul #prime_wrapper {
		display:inline-block;
		margin-left:10px;
		position:relative;
		margin-right:10px;
		font-size:1.2em;
		font-weight: bold;
	}


	#simulateur-versement.simul .economie {padding:15px; background:#204a93;}
	#simulateur-versement.simul .economie #economie {font-size:1.5em; font-weight:bold; padding:0 10px;}

	#simulateur-versement.simul .tooltip {font-size:14px;}
	#simulateur-versement.simul .tooltip:hover {cursor:pointer;}
	#simulateur-versement.simul .tool-wrapper {position:relative;}
	#simulateur-versement.simul .tooltip_templates {display:none;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		background:white;
		border-radius:5px;
		z-index:3000;
		box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1);
		padding:10px;
		color:grey;
		line-height: 18px;
		padding: 6px 14px;
		width:170px;
		text-align:left;
		font-size:0.85em;
		top:30px;
	}
	#simulateur-versement.simul .tooltip_templates:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #fff transparent;
		position: absolute;
		transform: translateX(-50%);
		left: 50%;
		top: -6px;
	}
	#simulateur-versement.simul .tip {
		padding: 3px 9px;
		font-size: 12px;
		background: white;
		border-radius: 20px;
		color: grey;
		margin-right: 5px;
		position: relative;
		top: -1.3px;
	}


	#simulateur-versement.simul .versement {position:relative;margin:0 auto;  display:inline-block;}
	#simulateur-versement.simul #boutons {display:block; width:100%; vertical-align:top; margin-top:20px;}



	#simulateur-versement.simul .simul-action {
		overflow: hidden;
		margin-bottom: 0;
		padding-top: 2em;
	}

	#simulateur-versement.simul button i {
		display: none;
	}

	#simulateur-versement.simul .no-js .simul-result, #simulateur-versement.simul .simul-result.show {
		display: block;
	}


	#simulateur-versement.simul .section-intro {
		color: #2f2f2f;
		font-family: "fabrikat--400--normal", Arial, sans-serif;
		font-size: 1.176em;
		line-height: 1.4em;
		max-width:850px;
		margin: 0 auto;
		text-align: center;
	}
	#simulateur-versement.simul section header {padding: 60px 0}
	header h1 {
		color: #2d5aa8;
		font-size: 1.765em;
		line-height: 1.1;
		margin: 0 0 .882em 0;
	}

	#simulateur-versement.simul .salarie {
		min-height:260px;
		position:relative; padding-top:30px;
	}


	#simulateur-versement.simul .perco .salarie p {
		margin-top:0;
		font-size:0.9em;
		margin-bottom:5px;
		padding:0 15px
	}

	#simulateur-versement.simul #mt_sal_es_detail, #simulateur-versement.simul #mt_sal_es_percu_detail  {font-size:0.9em;}

	#simulateur-versement.simul .salarie .col, #simulateur-versement.simul .salarie {padding-top:40px;min-height:240px;}

	#simulateur-versement.simul .perco .salarie .col:nth-child(2), #simulateur-versement.simul .perco .salarie .col:nth-child(2) .soit div {background:#5294b7}

	#simulateur-versement.simul .salarie:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 25px 50px 0 50px;
		border-color: #4281A4 transparent transparent transparent;
		position: absolute;
		left: calc(50% - 100vw);
		transform: translateX(-50%) translateX(100vw);
		transition: all .2s ease-in-out;
		top: -2px;
		z-index:2
	}

	#simulateur-versement.simul .col.perco .salarie > .col:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 25px 35px 0 35px;
		border-color: #4281A4 transparent transparent transparent;
		position: absolute;
		left: calc(50% - 100vw);
		transform: translateX(-50%) translateX(100vw);
		transition: all .2s ease-in-out;
		top: -2px;
		z-index:2
	}

	#simulateur-versement.simul .moins, #simulateur-versement.simul .plus {
		width: 16px;
		height: 18px;
		display: inline-block;
		/*color: white;*/
		font-size: 20px;
		vertical-align: top;
		padding-top: 17px;
		padding: 0px 0px;
	}

	#simulateur-versement.simul div.soit {
		display:block; 
		width:25%;
		height:20px;
		text-align:center; 
		margin:20px auto; 
		padding-bottom:20px; 
		position:relative;
	}
	#simulateur-versement.simul .soit div {
		background : #4281A4; 
		display:block; 
		z-index:2; 
		margin:0 auto;
		transform: translate(-50%, -50%); position:absolute;
		padding:0 10px;
		top: 50%;
		left: 50%;
	}

	#simulateur-versement.simul .salarie .soit div {background:#5DAFCA;}

	#simulateur-versement.simul .soit:after {
		content:"";
		display: block;
		position: absolute;
		height: 1px;
		background: white;
		width: 100%;
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		z-index: 0;
	}

	#simulateur-versement.simul .col p {
		margin-bottom:0; 
		padding:0
	}

	#simulateur-versement.simul .result-montant .total.six_digit {
		font-size:2.5em;
	}

	#simulateur-versement.simul .c {text-align:center;}


	#simulateur-versement.simul .simul #mentions-legales {margin-top:5px;}
	#simulateur-versement.simul .simul #mentions-legales p {
		background:none;
		margin:0;
		font-size: .624em;
	}


	#simulateur-versement.simul #details {display:inline-block;}
	#simulateur-versement.simul .col {
		box-sizing:border-box;
		width: 50%;
		display: inline-block;
		vertical-align: top;
		background:#5dafca; 
		position:relative;
		vertical-align:top;
	}



	#simulateur-versement.simul .col {
		color:#2d5aa8; 
		color:white !important;
		float: left;
	}
	#simulateur-versement.simul .col h3 {
		padding:30px 30px;
		margin:0;
		position:relative;
		background:white;
		color:black;
	}
	#simulateur-versement.simul .col .entreprise {background:#4281a4}
	#simulateur-versement.simul .col.perco {
		background:#5294B7; 
		color:white !important; 
		border-right:1px solid white}


	#simulateur-versement.simul .result-col .perco h3 {
		font-weight:bold;
		border-right: 1px solid;
		border-image: linear-gradient(to bottom,rgba(0, 0, 0, 0),grey) 1 100%;
	}

	#simulateur-versement.simul .entreprise {
		padding:40px; 
		position:relative;
	}
	
	#simulateur-versement.simul .entreprise:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 25px 50px 0 50px;
		border-color: white transparent transparent transparent;
		position: absolute;
		left: calc(50% - 100vw);
		transform: translateX(-50%) translateX(100vw);
		transition: all .2s ease-in-out;
		top: -2px;
		z-index:2
	}

	#simulateur-versement.simul #mt_cout_es_detail #charges {
		font-weight:bold; 
		color:red;
	}

	#simulateur-versement.simul #bt-calculer {
		background: #6579bf;
		background: -webkit-linear-gradient(#6579bf 0%, #596ba8 100%);
		background: -o-linear-gradient(#6579bf 0%, #596ba8 100%);
		background: linear-gradient(#6579bf 0%, #596ba8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6579bf', endColorstr='#596ba8',GradientType=0 );
		border: 1px solid #6579bf;
		color: white;
		font-size: 0.8em;
		border-radius:6px;
		display:block;
		margin:0 auto;
		text-align:center;
		padding:0.95em 1.5em;
	}


	#simulateur-versement.simul .result-col.tableau {
		display: inline-block;
		vertical-align:middle;
		color:#2D5AA8;
		border-radius: 0 0 3px 3px;
		color: white;
		box-sizing:border-box;
		min-height:300px;
		position:relative;
		width:100%;
	}

	#simulateur-versement.simul .chiffre-cle-label {
		font-size: 15px !important;
		font-weight: normal;
		margin: 10px 0;
	}
	#simulateur-versement.simul .chiffre-cle-value {
		font-size: 2.5em;
		margin: 0;
		font-weight: bold;
		margin-bottom: 10px;
		width: 100%;
		letter-spacing: 1px;
	}

	#simulateur-versement.simul .perco .chiffre-cle-value {color:yellow}
	#simulateur-versement.simul #salarie-es-percu {color:white;}

	#simulateur-versement.simul .simul-result {
		border-bottom:1px solid #cecece;
		border-left:1px solid #cecece;
		border-right:1px solid #cecece;
		border-radius: 0 0 3px 3px;
		box-shadow: 0 1px 2px rgba(0,0,0,.1);
		background:#f3f3f3;
	}


	#simulateur-versement.simul .efficacite {
		padding: 10px;
		background:rgba( 45, 90, 168, 0.5);
		color: white;
		text-align: center;
		position: absolute;
		width: 100%;
		bottom: 0;
		box-sizing: border-box;
	}

	#simulateur-versement.simul .place .efficacite {background:rgba( 45, 90, 168, 1);}
	#simulateur-versement.simul .place .efficacite span {color:yellow}

	#simulateur-versement.simul #raa, #simulateur-versement.simul .plafonds {
		padding:10px; 
		background:#f3f3f3; 
		margin:0 0 30px;
	}
	#simulateur-versement.simul #raa span {font-weight:bold}

	#simulateur-versement.simul #bandeau {
		padding:5px 10px; 
		margin:1em 0; 
		background:#f3f3f3; 
		text-align:center 
	}


	@media only screen and (max-width: 768px) {


	#simulateur-versement.simul .choix.row {width:100%;}
	#simulateur-versement.simul .result-col .col {
	width: 100%;	
	}

	#simulateur-versement.simul #prime_wrapper {margin-left:0;}

	#simulateur-versement.simul #prime_wrapper {display:block;}
	#simulateur-versement.simul .result-col .perco h3 {border:none;}
	#simulateur-versement.simul #bt-calculer {
		margin:0 auto;
		padding:0.5em;
		width:80%;
	}

	#simulateur-versement.simul .simul-form {padding:60px 3em;}
	#simulateur-versement.simul .result-col .perco h3 {padding-top:60px;}
	#simulateur-versement.simul .perco .salarie .col:nth-child(2):before {display:none}
	#simulateur-versement.simul .result-col .perco h3:before {
		transform:translateX(-50%);
		left:50%; top:-5px;
	}

	}

	@media only screen and (max-width: 630px) {

	#simulateur-versement.simul .simul.row {
	width: calc(100% - 40px);
	}
	#simulateur-versement.simul .simul-form {padding:2em 1em;}

	}

/*--------------------------------------------------------------
	## > Personnalisation Fiducial
--------------------------------------------------------------*/

ul.fieldbutton li.selected, 
.gfield.radiobutton_h ul.gfield_radio li.selected, 
.gfield.radiobutton_v ul.gfield_radio li.selected,
ul.fieldbutton li.selected, 
.gfield.chkboxbutton_v ul.gfield_radio li.selected, 
.gfield.chkboxbutton_h ul.gfield_radio li.selected  {
	background: #B2BF10;
	border-color: #B2BF10;
}

/*--------------------------------------------------------------
	## > Personnalisation formulaire de souscription Fiducial
--------------------------------------------------------------*/

.gform_wrapper.gf_browser_gecko .form_souscription select {
	padding: 12px 10px;
}

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
	margin: 5px 0 10px 0;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .gfield_description {
	color:#717171;
}