button,
input,
optgroup,
select,
textarea {
 color:inherit;
 font-size:100%;
 margin:0
}
button {
 overflow:visible
}
button,
select {
 text-transform:none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
 line-height:normal
}
.grid_last label { margin-right:18px !important; }
.grid_col label { font-size:1.1rem !important; }

.grid_col:first-child { padding-left:0px !important; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
 height:auto
}
input[type="search"] {
 -webkit-appearance:textfield
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
fieldset {
 border:0;
 margin:0;
 padding:0
}

.widgetform_touchvibes {
 font-size:14px;
 position:relative;
 padding:0px!important;
 background:transparent !important;
 color:#fff;
 border:none !important;
}


@media (min-width: 1000px) {
 .widgetform_touchvibes {
  margin-top:0px;
	padding:10px!important;
 }
}


.widgetform_touchvibes .ccmcss_form .ccmcss_form__input, .widgetform_touchvibes .ccmcss_form input[type="color"], .widgetform_touchvibes .ccmcss_form input[type="date"], .widgetform_touchvibes .ccmcss_form input[type="datetime-local"], .widgetform_touchvibes .ccmcss_form input[type="datetime"], .widgetform_touchvibes .ccmcss_form input[type="email"], .widgetform_touchvibes .ccmcss_form input[type="month"], .widgetform_touchvibes .ccmcss_form input[type="number"], .widgetform_touchvibes .ccmcss_form input[type="password"], .widgetform_touchvibes .ccmcss_form input[type="search"], .widgetform_touchvibes .ccmcss_form input[type="tel"], .widgetform_touchvibes .ccmcss_form input[type="text"], .widgetform_touchvibes .ccmcss_form input[type="time"], .widgetform_touchvibes .ccmcss_form input[type="url"], .widgetform_touchvibes .ccmcss_form input[type="week"], .widgetform_touchvibes .ccmcss_form select, .widgetform_touchvibes .ccmcss_form textarea {
	border:none !important;
}

.widgetform_touchvibes .ccmcss_form .ccmcss_form__input, .widgetform_touchvibes .ccmcss_form input[type="color"], .widgetform_touchvibes .ccmcss_form input[type="date"], .widgetform_touchvibes .ccmcss_form input[type="datetime-local"], .widgetform_touchvibes .ccmcss_form input[type="datetime"], .widgetform_touchvibes .ccmcss_form input[type="email"], .widgetform_touchvibes .ccmcss_form input[type="month"], .widgetform_touchvibes .ccmcss_form input[type="number"], .widgetform_touchvibes .ccmcss_form input[type="password"], .widgetform_touchvibes .ccmcss_form input[type="search"], .widgetform_touchvibes .ccmcss_form input[type="tel"], .widgetform_touchvibes .ccmcss_form input[type="text"], .widgetform_touchvibes .ccmcss_form input[type="time"], .widgetform_touchvibes .ccmcss_form input[type="url"], .widgetform_touchvibes .ccmcss_form input[type="week"], .widgetform_touchvibes .ccmcss_form select, .widgetform_touchvibes .ccmcss_form textarea, .widgetform_touchvibes .ccmcss_gradient_1 {
	background:#e9e9e9 !important;
}



@media (max-width: 768px) {
 .widgetform_touchvibes {
  max-width:100%;
  margin-top:0;
  margin-right:0;
  width:100%;
  text-align:center
 }
}



.widgetform_touchvibes .widgetform_header .widgetform_title , .widgetform_touchvibes .widgetform_catchphrase {
 display:none!important;
}


@media (max-width: 768px) {
 .widgetform_touchvibes .widgetform_header .widgetform_title {
  text-align:center;
 }
}
.widgetform_touchvibes .widgetform_catchphrase {
 margin:0;
 font-family:'Helvetica', sans-serif;
 font-size:13px;
 color:#000000;
 text-align:center;
 margin:0 -30px;
 padding:0 30px;
 background-color:#ffc92b;
 font-weight:normal;
 padding-bottom:10px;
}
@media (max-width: 768px) {
 .widgetform_touchvibes .widgetform_catchphrase {
  text-align:center
 }
}



/*STEPS*/



.iso_main .widgetform_touchvibes {
 font-size:14px;
 position:relative;
 padding:30px;
 background:#ffffff;
 color:#fff;
 border:none;
 border-radius:30px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);;
}
@media (min-width: 1000px) {
 .iso_main .widgetform_touchvibes {
  margin-top:0px;
 }
}



@media (max-width: 768px) {
 .iso_main .widgetform_touchvibes {
  max-width:100%;
  margin-top:0;
  margin-right:0;
  width:100%;
  text-align:center
 }
}

.widgetform_touchvibes .widgetform_steps li {
	width:auto !important;
}

.widgetform_header {
	text-align:center;
}

ul.jWidgetFormListSteps {
		display:flex;
		margin:0px auto;
		justify-content:space-between;
		border-bottom:1px solid #ffffff!important;
		
}




.widgetform_touchvibes .ccmcss_form footer button, .widgetform_touchvibes .ccmcss_form footer input[type="button"], .widgetform_touchvibes .ccmcss_form footer input[type="submit"] {
		margin-right:0px !important;
}

.widgetform_touchvibes .widgetform_openform, .widgetform_touchvibes .widgetform_submit, .widgetform_touchvibes .widgetform_tooltip {
	box-sizing:border-box;
}

.jWidgetFormTitle.widgetform_title, .widgetform_steps.grid_line {
	margin:0px auto;
}

.widget_step_number {
	padding:3px !important;
	border-radius:50px !important;
	border:10px solid #4b909c;
}


.widgetform_touchvibes .widgetform_steps li::after { background:transparent !important; height:0px !important }

.widgetform_touchvibes .widgetform_steps li span.widget_step_number {
	width:24px !important;
	height:24px !important;
	background-color:#ffffff !important;
	color:#4b909c !important;
}

.jWidgetFormStep {
	margin-bottom:-30px !important;
}

input[type=button] {
	font-family:'Helvetica';
}

.widgetform_touchvibes .widgetform_steps li.jCurrentStep span.widget_step_number {
		background-color:#282828 !important;
}

.widgetform_header { display:none; }


.iso_main .widgetform_touchvibes .widgetform_header .widgetform_title {

 font-family:'Helvetica', sans-serif;
 font-size:24px;
 text-align:center;
 text-transform:inherit !important;
 font-weight:bold;
 color:#014fff;
display:none!important;;
}
@media (max-width: 768px) {
 .iso_main .widgetform_touchvibes .widgetform_header .widgetform_title {
  text-align:center
 }
}
.iso_main .widgetform_touchvibes .widgetform_catchphrase {
 margin:0;
 font-family:'Helvetica', sans-serif;
 font-size:13px;
 color:#000000;
 text-align:center;
 margin:0 -30px;
 padding:0 30px;
 font-weight:normal;
 padding-bottom:10px;
}
@media (max-width: 768px) {
 .iso_main .widgetform_touchvibes .widgetform_catchphrase {
  text-align:center
 }
}




/*/STEPS*/





.widgetform_touchvibes .jWidgetForm1 {
 margin:20px 0 0
}
.widgetform_touchvibes .ccmcss_form label {
 font-size:14px;
 font-weight:normal!important;
 line-height:1.2;
 text-align:left !important
}
.widgetform_touchvibes .ccmcss_form input[type="text"],
.widgetform_touchvibes .ccmcss_form input[type="email"],
.widgetform_touchvibes .ccmcss_form input[type="tel"],
.widgetform_touchvibes .ccmcss_form select {
 height:38px;
 background:#fff;
 font-size:14px;
 border-radius:0;
 padding:2px 8px;
 border:1px solid #b7b7b7;
 color:#999999
}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line {
 margin:10px 0
}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line>.grid_left {
 display:block;
}

.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line > .grid_left, .widgetform_touchvibes .w25 {
	width:100% !important;
}

.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line--no_col {
 padding-left:0 !important;
}
.widgetform_touchvibes .widgetform_openform, .widgetform_touchvibes .widgetform_submit {
font-size:16px;
display:block;
margin:0;
width:100%!important;
height:55px;
padding:5px;
border:0 !important;
color:#ffffff !important;
background:#681872 !important;
font-weight:800;
font-size:1.5rem;
border-radius:0px !important;

}

.widgetform_submit {
	background:#00aeef !important;
}


.widgetform_touchvibes .widgetform_openform:hover, .widgetform_touchvibes .widgetform_submit:hover {
 background:#821e8e !important;
}


.form-email .widgetform_submit {
	background:#681872 !important;
}
.form-courrier .widgetform_submit {
	background:#00aeef !important;
}


.form-email .widgetform_touchvibes .widgetform_openform:hover, .form-email .widgetform_touchvibes .widgetform_submit:hover {
 background:#821e8e !important;
}

.form-courrier .widgetform_touchvibes .widgetform_openform:hover, .form-courrier .widgetform_touchvibes .widgetform_submit:hover {
 background:#00b8fd !important;
}



.widgetform_touchvibes .ccmcss_form+.ccmcss_form {
 margin:0;
 border-top:0
}
.widgetform_touchvibes .ccmcss_form+.ccmcss_form .app_mandatory_field {
 padding:20px 0;
 font-size:12px;
 color:#777777;
 text-align:center;
 font-style:italic;
}
.widgetform_touchvibes .jGeoloc {
 display:none !important
}
.widgetform_touchvibes .widgetform_emailcorrect {
 font-size:12px
}
.widgetform_touchvibes .widgetform_thanks {
 min-height:559px;
 text-align:center;
 font-size:20px;
 font-weight:bold
}
.widgetform_touchvibes .ccmcss_form__line--error .ccmcss_form__msg {
 margin-bottom:0;
 font-size:10px
}
.widgetform_gdpr p {
 font-size:12px !important;
 text-align:left !important;
 color:#939393 !important;
 padding:0 !important;
 margin:0 !important;
 font-style:normal !important;
 font-weight:400 !important;
}

.widgetform_touchvibes b, .widgetform_touchvibes strong {
 font-weight:400 !important;
}


.widgetform_gdpr p a {
 color:#969292;
 text-decoration:underline
}
.widgetform_gdpr p a:hover {
 text-decoration:none
}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line.jFieldadditionalField21571>.grid_left,
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line.jFieldadditionalField21567>.grid_left {
 display:block;
 width:235px
}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line.jFieldadditionalField21571>.grid_last,
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line.jFieldadditionalField21567>.grid_last {
 width:120px;
 text-align:right
}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line.jFieldadditionalField21567>.grid_left {
 width:2
}
.jFooter {
 margin-top:30px !important
}


/* LABEL / PLACE HORDER dans les champs */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome, Safari, Opera */
 color: #666666;
 opacity: 0.9;
	font-style:italic;
}
input::-moz-placeholder, textarea::-moz-placeholder  {  /* Firefox */
 color:  #666666;
 opacity: 0.9;
	font-style:italic;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE10, IE11 */
 /* !important needed for IE11 */
 color:  #666666;
 opacity: 0.9 !important;
	font-style:italic;
}
input::-ms-input-placeholder , textarea::-ms-input-placeholder { /* Edge */
 color:  #666666;
 opacity: 0.9;
	font-style:italic;
}
input::placeholder, textarea::placeholder { /* Future CSS Spec */
 color: #666666;
 opacity: 0.9;
	font-style:italic;
}	

/*--------------------------------------------------------------------------------------*/
/*--------------------------------- Formulaire Personnalisation ---------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/	
	#top_form h2 {
		color:#383838;
		text-transform:uppercase;
	}

	/*Labels*/

		/*Couleur par défaut*/
		label {
			color:#ffffff;
		}
		
		/*label survolé*/
		label:hover {
			color:#ffffff!important;
		}

		/*label cliqué*/
		label:focus {
			color:#ffffff!important;
		}

		/*label actif*/
		label:active {
			color:#ffffff!important;
		}

		/*Formulaire input rempli, label au dessus du champs*/	
		.login-box .user-box input:focus ~ label,
		.login-box .user-box input:valid ~ label {
		  color: #00815d!important;
		}
		
		
		
		
		
		
	/*Champs input text et textarea */	
		input[type="text"], textarea, select {
			border-bottom:1px solid #00815d;
			color:#00815d;
		}	
		
		.select-custom:after {
		  color: #00815d;
		}
	.formulaire .btn {
			width: 100%;
			margin:0px auto;
			background-repeat: no-repeat;
			background-color:#00815d;
			overflow: hidden;
			cursor: pointer;
			display: block;
			position: relative;
			box-sizing: border-box;
			color:#ffffff;
			font-weight: bold;
			font-size: 16px;
			padding: 20px 20px;
			text-align: center;
			max-width: 330px;
			margin: 0px auto;
			margin-top: 20px;
			border-radius: 0px;
			border:0px;
			margin-bottom:10px;
			text-decoration: none;
		}

		.formulaire .btn .submit-btn {
			border: 0px;
			background-color: transparent;
			color: transparent;
			float: left;
			width: 100%;
			position: absolute;
			left: 0px;
			top: 0px;
			bottom: 0px;
			padding: 0px;
			z-index: 2;
			cursor: pointer;
		}

		.formulaire .btn:hover {
			background-color: #1d1d1b;
			color:#ffffff;
			cursor: pointer;
		}

	 /*Bouton valider TXT	 */
		.formulaire .btn {
			background-repeat:no-repeat;
			background-position:left center;
		}
		
		

		.formulaire .btn:hover {
			color:#ffffff;
			cursor: pointer;
		}
		
		

		.formulaire .btn-1 {
			background-image:url('images/picto-arobase.png');
		}	
		.formulaire .btn-1, .my_page .btn-1.btn-on {
			background-color:#681872;
		}
		.formulaire .btn-1.btn-off {
			background-color: #d1b9d4;
		}
		.formulaire .btn-1:hover {
			background-color:#681872!important;
		}	
		
		.formulaire .btn-2 {
			background-image:url('images/picto-enveloppe.png');
		}	
		.formulaire .btn-2, .my_page .btn-2.btn-on {
			background-color: #00aeef;
		}		
		.formulaire .btn-2.btn-off {
			background-color:#b2e7fa;
		}	
		.formulaire .btn-2:hover {
			background-color:#00aeef!important;
		}			
		


		
		
		

		
		
.form-email .widgetform_touchvibes .widgetform_openform:hover, .form-email .widgetform_touchvibes .widgetform_submit:hover {
 background:#821e8e !important;
}

.form-courrier .widgetform_touchvibes .widgetform_openform:hover, .form-courrier .widgetform_touchvibes .widgetform_submit:hover {
 background:#00b8fd !important;
}


		
		/*Formulaire input non rempli*/		
		.login-box .user-box label {
		  color: #ffffff;
		}		
		/*Formulaire input rempli animé*/
		.login-box .user-box input {
		  color: #ffffff;
		  border-bottom: 1px solid #00815d;
		}





		.login-box .user-box input:focus ~ label,
		.login-box .user-box input:valid ~ label {
		  color: #838484;
		}
		
		
	/*Checkbox et radio*/
		
		/*Checkbox non activée */			
		.form-check-input[type=checkbox] {
		 --checkbox-bg:white;
		}
		
		/*Checkbox activée */
		:root {
		 --primary-color:#662483;
		}
		
		
		
	/*Select customisé*/


		.select-custom select {
		  color: #ffffff;
		}
		
		.select-custom:after {
		  content: "\25BC";
		  color: #00815d;
		}
		
		.select-custom option { color:#00815d}
		.select-custom option:hover { background-color:#00815d}
.jadditionalField24573 {
	color: #838484;
}
.widgetform_touchvibes .ccmcss_form {
  font-size: 16px;
  line-height: 1.3;
	color: #838484!important;
}
 .widgetform_touchvibes .jFormSubmit {
  background: #de6d38 !important;
}

.jFieldadditionalField24573 .ccmcss_form__placeholder, .jFieldadditionalField25439 label, .jFieldadditionalField25440 label, .jFieldadditionalField24572 .ccmcss_form__placeholder {
	font-size: 14px!important;
  line-height: 1.3;
  color: #838484 !important;
}