/* 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 !important;
			  opacity: 0.9 !important;
				font-style:italic !important;
			}
			input::-moz-placeholder, textarea::-moz-placeholder  {  /* Firefox */
			  color:  #666666 !important;
			  opacity: 0.9 !important;
				font-style:italic !important;
			}
			input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE10, IE11 */
			  /* !important needed for IE11 */
			  color:  #666666 !important;
			  opacity: 0.9 !important;
				font-style:italic !important;
			}
			input::-ms-input-placeholder , textarea::-ms-input-placeholder { /* Edge */
			  color:  #666666 !important;
			  opacity: 0.9;
				font-style:italic !important;
			}
			input::placeholder, textarea::placeholder { /* Future CSS Spec */
			  color: #666666 !important;
			  opacity: 0.9;
				font-style:italic !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);
  }
  }