/* 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:#ffffff; }/*Couleur par défaut*/
			label.inline-block { display:inline-block; margin-bottom:10px; font-family:Arial,sans-serif; }
			
			label:hover { color:#ffc800!important; }/*label survolé*/
			label:focus { color:#ffffff!important; }/*label cliqué*/
			label:active { color:#ffffff!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, .jInput, .jFieldadditionalField22486 input {
				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 #ffffff !important;
				background-color:rgba(255,255,255,0);
				color: #ffffff;
				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 #ffc800 !important;
					-webkit-transition: 0.25s ease;
					-moz-transition: 0.25s ease;
					-ms-transition: 0.25s ease;
					transition: 0.25s ease;
				}
	  
.ccmcss_form__msg {
	position:absolute !important;
	padding-top:1px !important;
	padding-right:5px !important;
	font-size:10px !important;
	right:0 !important;
	top: 0 !important;
}	

.jFieldadditionalField22492 .ccmcss_form__msg {
	position:relative !important;
}

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

.jFieldadditionalField22492 {
	padding-bottom:8px !important;
}

.jFieldadditionalField22492 .grid_left {
	width:calc(100% - 100px) !important;
	text-align: left !important;
	color:white !important;
}

.jFieldadditionalField22492 .grid_left label {
	
	text-align: left !important;
	color:white !important;
}

.jFieldadditionalField22492 .grid_col {
	width:100px !important;
}
.grid_last input {
	color:black !important;
}
.jFieldadditionalField22492 .value .grid_col {position:relative !important; padding-left:20px !important; width:50px !important;	}

.jFieldadditionalField22492 .value .grid_col input {width:15px !important; height:15px !important; position:absolute !important; left:0 !important; top:0px !important;}


.jFieldadditionalField22491 .grid_left, .jFieldadditionalField22490 .grid_left {
	display:none !important;
}

.app_mandatory_field {
	color:white !important;
	text-align:center !important;
}
.widgetform_gdpr p, .ccmcss_form p, .ccmcss_form p a {
	color:white !important;
}
			/*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:#ffc800; display:block; text-align:center; margin:10px; }
	  		/* Bouton de validation */
	  			input#valid, .widgetform_submit {
					font-size:18px !important;
					background-size:100% 100% !important;
					-webkit-border-radius:30px !important;
					-moz-border-radius:30px !important;
					-ms-border-radius:30px !important;
					border-radius:30px !important;
					overflow: hidden !important;
	background: rgb(255,110,0) !important;
background: linear-gradient(158deg, rgba(255,110,0,1) 0%, rgba(255,0,0,1) 100%) !important;
					margin:20px auto 0 !important;
					width: 100% !important;
					position:relative !important;
					-webkit-transition: 0.25s ease !important;
					-moz-transition: 0.25s ease !important;
					-ms-transition: 0.25s ease !important;
					transition: 0.25s ease !important;
					display:block !important;
					font-weight:normal !important;
					color:#ffffff !important;
		  			padding:10px !important;
		  			border:none !important;
				}
				input#valid:hover {
						background: rgb(255,110,0) !important;
background: linear-gradient(0deg, rgba(255,110,0,1) 0%, rgba(255,0,0,1) 100%) !important;
					color:#ffffff !important;
				}
	  		
	   		/* LABEL / PLACE HORDER dans les champs */
			input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome, Safari, Opera */
			  color: #cccccc;
			  opacity: 0.9;
				font-style:italic;
			}
			input::-moz-placeholder, textarea::-moz-placeholder  {  /* Firefox */
			  color:  #cccccc;
			  opacity: 0.9;
				font-style:italic;
			}
			input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE10, IE11 */
			  /* !important needed for IE11 */
			  color:  #cccccc;
			  opacity: 0.9 !important;
				font-style:italic;
			}
			input::-ms-input-placeholder , textarea::-ms-input-placeholder { /* Edge */
			  color:  #cccccc;
			  opacity: 0.9;
				font-style:italic;
			}
			input::placeholder, textarea::placeholder { /* Future CSS Spec */
			  color: #cccccc;
			  opacity: 0.9;
				font-style:italic;
			}	


.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line--no_col {
    padding-left: 0% !important;
}

/* ALERTE */
.alerte { 
	font-size:13px; 
	color:#ffffff; 
	background: rgb(255,110,0);
background: linear-gradient(90deg, rgba(255,110,0,1) 0%, rgba(255,0,0,1) 100%);
	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);
  }
  }