/* 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:#0d227f; }/*Couleur par défaut*/
			label.inline-block { display:inline-block; margin-bottom:10px; font-family:Arial,sans-serif; }
			
			label:hover { color:#50e6ff!important; }/*label survolé*/
			label:focus { color:#0d227f!important; }/*label cliqué*/
			label:active { color:#0d227f!important; }/*label actif*/
			
			/* Listes déroulantes Champs */
			select, .impl {
				margin:0px 0px 10px 0px;
				padding-left:5px;
				border:0px;
				font: normal 12px/100% 'Roboto', 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: #0d227f;
				border:none;
				padding: 0px 5px;
				height: 30px;
			}
			
	  		
			/*Champs input text et textarea */	
            input[type="text"], textarea {
				margin:0px 0px 10px 0px;
				padding-left:5px;
				border:0px;
				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 #0d227f !important;
				background-color:white;
				color: #0d227f;
				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 #58a5e6 !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:#0d227f; }
			select:focus { color:#0d227f; }
			select:active { color:#0d227f; }
			select:visited { color:#0d227f; }
			
			/*listes déroulant options de liste*/
			.impl option:first-child { color:#333333; font-style:italic; }
			.impl option { color:#0d227f; font-style:normal; }	
			
			/*listes déroulantes pour firefox*/	
			@-moz-document url-prefix() { 
			   input[type="text"], textarea {
				margin:0px 0px 10px 0px;
				padding-left:5px;
				border:0px;
				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 #0d227f !important;
				background-color:white;
				color: #0d227f;
				padding: 0px 5px;
				height: 30px;
				-webkit-transition: 0.25s ease;
				-moz-transition: 0.25s ease;
				-ms-transition: 0.25s ease;
				transition: 0.25s ease;
				}	 
			}

			/*Commentaires*/		
			   textarea { height:150px; padding:10px  }	
				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:#58a5e6; display:block; text-align:center; margin:10px; }
	  		/* Bouton de validation */
	  			input#valid {
					font-size:16px;
					background-size:100% 100%;
					overflow: hidden !important;
					background-color:#0d227f !important;
					margin:20px auto;
					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;
					text-transform: uppercase;
				}
				input#valid:hover {
					background-color:#58a5e6 !important;
					-webkit-transform:scale(1.05);
					-moz-transform:scale(1.05);
					-ms-transform:scale(1.05);
					transform:scale(1.05);
				}


	  		
	  		/* LABEL / PLACE HORDER dans les champs */
			input::-webkit-input-placeholder { /* Chrome, Safari, Opera */
			  color: #666666;
			  opacity: 0.9;
				font-style:italic;
			}
			input::-moz-placeholder {  /* Firefox */
			  color:  #666666;
			  opacity: 0.9;
				font-style:italic;
			}
			input:-ms-input-placeholder { /* IE10, IE11 */
			  /* !important needed for IE11 */
			  color:  #666666;
			  opacity: 0.9 !important;
				font-style:italic;
			}
			input::-ms-input-placeholder { /* Edge */
			  color:  #666666;
			  opacity: 0.9;
				font-style:italic;
			}
			input::placeholder { /* Future CSS Spec */
			  color: #666666;
			  opacity: 0.9;
				font-style:italic;
			}	

/* RGPD */
.rgpd {
    font-size: 10px;
    text-align: center;
    color: #ffffff;
}
.rgpd a {
    color: #ffffff;
}

.rgpd a:hover {
	color:#50e6ff;
}

/* ALERTE */
.alerte { 
	font-size:13px; 
	color:#ffffff; 
	background-color:#58a5e6; 
	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);
  }
  }