/* CHAMPS FORMULAIRE */
	  		/*Questions supplémentaires Labels*/
	  		.q_sup input label {font-size:12px !important;}
	  		.q_sup label:hover { color:white; }
			.q_sup label:focus { color:white; }
			.q_sup label:active { color:white; }

	  		/*Labels*/
			label { font-size:12px; display:block; text-align:left; color:#000000; }/*Couleur par défaut*/
			label.inline-block { display:inline-block; margin-bottom:10px; font-family:Arial,sans-serif; }

			label:hover { color:#666666!important; }/*label survolé*/
			label:focus { color:#000000!important; }/*label cliqué*/
			label:active { color:#000000!important; }/*label actif*/

			/* Listes déroulantes Champs */
			select, .impl {
				margin:0px 0px 10px 0px;
				padding-left:5px;
				font: normal 12px/100% Arial, sans-serif;
				outline: 0;
				width: 100%;
				position:relative;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				background-color:white;
				color: #000000;
				border: none;
				padding: 0px 5px;
				height: 30px;
			}


			/*Champs input text et textarea */
            input[type="text"], textarea {
				margin:0px 0px 10px 0px;
				padding-left:5px;
				font: normal 12px/100% Arial, sans-serif;
				outline: 0;
				width: 100%;
				position:relative;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				border-bottom:1px solid #333333 !important;
				background-color:white;
				color: #000000;
				border: none;
				padding: 0px 5px;
				height: 30px;
				-webkit-transition: 0.25s ease;
				-moz-transition: 0.25s ease;
				-ms-transition: 0.25s ease;
				transition: 0.25s ease;
			}
				input:hover[type="text"], textarea:hover {
					border-bottom:1px solid #666666 !important;
					-webkit-transition: 0.25s ease;
					-moz-transition: 0.25s ease;
					-ms-transition: 0.25s ease;
					transition: 0.25s ease;
				}


			/*Liste déroulante Select*/
			select:hover { color:#000000; }
			select:focus { color:#000000; }
			select:active { color:#000000; }
			select:visited { color:#000000; }

			/*listes déroulant options de liste*/
			.impl option:first-child { color:#333333; font-style:italic; }
			.impl option { color:#000000; font-style:normal; }

			/*listes déroulantes pour firefox*/
			@-moz-document url-prefix() {
			   input[type="text"], textarea {
				margin:0px 0px 8px 2px;
				padding-left:5px;
				font: normal 12px/100% Arial, sans-serif;
				outline: 0;
				width: 100%;
				position:relative;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				background-color:white;
				color: #000000;
				border: none;
				padding: 0px 5px;
				height: 30px;
				}
			}

			/*Commentaires*/
			   textarea { height:50px; padding:10px 5px; }
				label[for="id_commentaires"] { margin:10px 0px 10px 5px; font-style:italic; font-family:Verdana,Tahoma,sans-serif; font-size:13px}

			.champs_obligatoires { font-size:10px; color:black; display:block; text-align:center; margin:10px; }
	  		/* Bouton de validation */
	  			input#valid {
					font-size:18px;
					background-size:100% 100%;
					-webkit-border-radius:10px !important;
					-moz-border-radius:10px !important;
					-ms-border-radius:10px !important;
					border-radius:10px !important;
					overflow: hidden !important;
					background-color:#000000 !important;
					margin:20px auto 0;
					width: 200px;
					position:relative;
					-webkit-transition: 0.25s ease;
					-moz-transition: 0.25s ease;
					-ms-transition: 0.25s ease;
					transition: 0.25s ease;
					display:block;
					font-weight:normal;
					color:#ffffff;
		  			padding:10px;
		  			border:none;
				}
				input#valid:hover {
					background-color:#666666 !important;
					color:#ffffff !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;
			}

/* ALERTE */
.alerte {
	font-size:13px;
	color:#ffffff;
	background-color:#000;
	display:block;
	text-align:center;
	padding:10px; margin:10px 0px 20px 0px;  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes shake {
  0%, 100% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  }
  @keyframes shake {
  0%, 100% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  }

/* WIDGET */
.widgetform_touchvibes .ccmcss_form {
    font-size: 16px;
    margin: 0 0 20px !important;
    line-height: 130% !important;
}
.widgetform_touchvibes p, .widgetform_touchvibes p a {
    color:white !important;
	margin:0 0 5px !important;
	padding:0 !important;
}
.widgetform_touchvibes {
	border:0px !important;
	background-color:none !important;
	background:none !important;
	padding:0 !important;
	color:white !important;
}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line>.grid_left, .widgetform_touchvibes .w25 {
	width:100% !important;
	text-align: left !important;
}
.grid_last {width:100%;}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line>.grid_left label, .widgetform_touchvibes .w25 {
	color:white !important;
	text-align: left !important;
	font-size:15px !important
}
.widgetform_touchvibes .ccmcss_form .ccmcss_form__line.ccmcss_form__line--checkbox .grid_last label, .widgetform_touchvibes .ccmcss_form .ccmcss_form__line.ccmcss_form__line--radio .grid_last label {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: 400;
    text-align: left;
	color:white !important;
	font-size:13px !important;
	font-family:  "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line>.grid_left label:hover {color:#eeeeee !important;}
.widgetform_touchvibes {color:white !important;}
.jWidgetForm1 .grid_last input[type="text"], .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  {height:30px !important; font-size:13px !important; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; color:#000000 !important; border:0px !important;}

.widgetform_touchvibes .ccmcss_form .ccmcss_form__line {
    margin-bottom: 5px !important;
}

.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line--no_col {
    padding-left: 0 !important;
}
.widgetform_submit {
	margin:10px auto 20px !important;
	height:40px !important;
	border:2px solid white !important;
	font-weight:bold !important;
}
.widgetform_gdpr p {
    padding: 0 0px;
    text-align: justify;
	color:white !important;
}

.widgetform_thanks p {
	font-size:16px !important;
	line-height: 130% !important;
}
.widgetform_thanks p:first-child {
	font-weight: bold !important;
	font-size:140% !important;
}

.widgetform_touchvibes .jGeolocLabel img.jGeoloc { display: none; }