/* 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:#161616!important; }/*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;
			}
.widgetform_touchvibes .ccmcss_form select {
	font-style: italic!important;
	color: #666666!important;
			  opacity: 0.9;
}
	  		
			/*Champs input text et textarea */	
            .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 {
				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: none!important;
				border-bottom:1px solid #333333 !important;
				background:none!important;
				color: #000000;
				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:#161616;
				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}			 
			 	 
			.app_mandatory_field { font-size:10px; color:black; display:block; text-align:center; margin:10px; }
	  		/* Bouton de validation */
	  			.widgetform_touchvibes .widgetform_openform, .widgetform_touchvibes .widgetform_submit {
					font-size:18px;
					background-size:100% 100%;
					-webkit-border-radius:30px !important;
					-moz-border-radius:30px !important;
					-ms-border-radius:30px !important;
					border-radius:30px !important;
					overflow: hidden !important;
					background:#ffffff !important;
					margin:0 auto!important;
					width: 230px!important;
					position:relative;
					display:block;
					color:#ffffff!important;
		  			border:2px solid #1faea5!important;
					  font-weight: bold;
					cursor: pointer;
					  box-shadow: inset 400px 0 0 0 #1faea5;
					  -webkit-transition: ease-out 0.4s;
					  -moz-transition: ease-out 0.4s;
					  transition: ease-out 0.4s;
					padding: 12px!important;
					text-transform: none!important;
				}
				.widgetform_touchvibes .widgetform_openform, .widgetform_touchvibes .widgetform_submit:hover {
					color: #1faea5!important;
					box-shadow: inset 0 0 0 0 #1faea5;
				}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line--no_col {
    padding-left: 0!important;
}
	  		
	   		/* LABEL / PLACE HORDER dans les champs */
			input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,select::placeholder { /* Chrome, Safari, Opera */
			  color: #666666;
			  opacity: 0.9;
				font-style:italic;
			}
			input::-moz-placeholder, textarea::-moz-placeholder,select::placeholder  {  /* Firefox */
			  color:  #666666;
			  opacity: 0.9;
				font-style:italic;
			}
			input:-ms-input-placeholder, textarea:-ms-input-placeholder,select::placeholder { /* IE10, IE11 */
			  /* !important needed for IE11 */
			  color:  #666666;
			  opacity: 0.9 !important;
				font-style:italic;
			}
			input::-ms-input-placeholder , textarea::-ms-input-placeholder,select::placeholder { /* Edge */
			  color:  #666666;
			  opacity: 0.9;
				font-style:italic;
			}
			input::placeholder, textarea::placeholder,select::placeholder { /* Future CSS Spec */
			  color: #666666;
			  opacity: 0.9;
				font-style:italic;
			}
input::placeholder, textarea::placeholder,select::placeholder { /* Future CSS Spec */
			  color: #666666;
			  opacity: 0.9;
				font-style:italic;
			}
			
.widgetform_touchvibes .ccmcss_form .ccmcss_form__line {
	width:calc(50% - 10px); 
	margin:0px 10px 10px 0px;
	display: inline-block;
}

.widgetform_touchvibes .ccmcss_form .ccmcss_form__line.ccmcss_form__line--checkbox, .widgetform_touchvibes .ccmcss_form .ccmcss_form__line.ccmcss_form__line--radio, .widgetform_touchvibes .ccmcss_form .ccmcss_form__line.jFieldadditionalField21914 {
	width: 100%!important;
}
.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line>.grid_left, .widgetform_touchvibes .w25 {
    width: 25%;
    display: none;
}

.widgetform_touchvibes .jFieldadditionalField22652 {
  width: calc(100% - 10px) !important;
}


/* 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);
  }
  }