/*
----------------------------------------------------------------

	formulaire .default : label off /// Placeholder au choix
	
	3 mises en forme :
	.default
	.default.horizon
	.default.vertic
	
	
	Placeholder
	- Default : placeholder invisible (même couleur que le fond de l'input)
	- Mettre une classe .placeholder sur le Ul
----------------------------------------------------------------
*/
FORM.default UL  					{ padding:0; margin:0 0 0 0; }
FORM.default UL LI 					{ position:relative; list-style-type:none; padding:0px 10px 0px 0; margin:10px 0 0 0;  }
FORM.default UL LI LABEL 			{
	display:none;
	float:left;
	width:100%;
	font-size:1em;
	font-weight:400;
	text-transform:none;
	overflow:hidden;
	white-space:nowrap;
}

FORM.default UL LI INPUT[type="text"]	{
	width:100%;
	font-size:1em; 
	padding:4px;
	height:30px;
	line-height:30px;
	border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

FORM.default UL LI TEXTAREA			{
	width:100%;
	font-size:1em;
	padding:4px;
	margin:0;
	border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

FORM.default UL LI SELECT     			{
  width:100%;
  font-size:1.1em;
  padding:4px;
  border:1px solid #bbb;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

FORM.default UL.surface_list LI INPUT	{
	width:200px;
	font-size:1.1em; 
	padding:4px;
	height:30px;
	line-height:30px;
	border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
	FORM.default UL LI INPUT[type="text"]:hover,
	FORM.default UL.form_container LI TEXTAREA:hover 	{
		border:1px solid #a1a1a1;
}
	FORM.default UL LI INPUT[type="text"]:focus,
	FORM.default UL.form_container LI TEXTAREA:focus	{
	border:1px solid #818ba1;
}
/*
		--------------------obligatoire et imgReponse---------
*/
						FORM.default .obligatoire{ 
							font-size:.6rem;
							z-index:10;
							position:absolute; right:3px; top:2px;
						}
						FORM.default .imgReponse { 
							position:absolute;
							right:15px;
							top:.5em;
						}
/* 
-------------------------------------------
	Placeholder
	- Default : placeholder invisible (même couleur que le fond de l'input)
	- Mettre une classe .placeholder sur le Ul*
-------------------------------------------
*/
FORM.default UL.placeholder LI INPUT::-webkit-input-placeholder {
   color: rgba(0,0,0,.8);
}
FORM.default UL.placeholder LI INPUT:-moz-placeholder {
   color: rgba(0,0,0,.8);  
}
FORM.default UL.placeholder LI INPUT::-moz-placeholder {
   color: rgba(0,0,0,.8);  
}
FORM.default UL.placeholder LI INPUT:-ms-input-placeholder {  
   color: rgba(0,0,0,.8);  
}

			FORM.default UL.placeholder LI textarea::-webkit-input-placeholder {
				color: rgba(0,0,0,.8);
			}
			FORM.default UL.placeholder LI textarea:-moz-placeholder {
				color: rgba(0,0,0,.8);  
			}
			FORM.default UL.placeholder LI textarea::-moz-placeholder {
				color: rgba(0,0,0,.8);  
			}
			FORM.default UL.placeholder LI textarea:-ms-input-placeholder {  
				color: rgba(0,0,0,.8);  
			}

FORM.default UL LI INPUT::-webkit-input-placeholder {
   
}
FORM.default UL LI INPUT:-moz-placeholder {
   
}
FORM.default UL LI INPUT::-moz-placeholder {
     
}
FORM.default UL LI INPUT:-ms-input-placeholder {  
   color: rgba(255,255,255,1);  
}

			FORM.default UL LI textarea::-webkit-input-placeholder {
			   color: rgba(255,255,255,0);
			}
			FORM.default UL LI textarea:-moz-placeholder {
			   color: rgba(255,255,255,0);  
			}
			FORM.default UL LI textarea::-moz-placeholder {
			   color: rgba(255,255,255,0);  
			}
			FORM.default UL LI textarea:-ms-input-placeholder {  
			   color: rgba(255,255,255,0);  
			}
/*
----------------------------------------------------------------

	formulaire 2 vertical : label on  /// Input au dessous  ///
	
----------------------------------------------------------------
*/

FORM.default.vertic UL LI LABEL 			{
	display:block;
	width:100%;
	font-size:1em;
	font-weight:400;
	text-transform:none;
	overflow:hidden;
	white-space:nowrap;
}
/*
		--------------------obligatoire et imgReponse---------
*/
						FORM.default.vertic .obligatoire{ 
							font-size:.6rem;
							z-index:10;
							position:absolute; right:3px; top:50%;
						}
						FORM.default.vertic .imgReponse { 
							position:absolute;
							right:15px;
							top:2.7em;
						}
/*
----------------------------------------------------------------

	formulaire 3 horizontal : label on  /// Input à côté  ///
	
----------------------------------------------------------------
*/
FORM.default.horizon UL LI 					{ 
	position:relative;
	list-style-type:none;
	padding:0px 10px 0px 0;
	margin:10px 0 0 0;
	clear:both;
	display: table;
	table-layout: fixed;
	width: 100%;
}
FORM.default.horizon UL LI.civilite			{ 
	list-style-type:none;
	padding:0px 10px 0px 40%;
}
FORM.default.horizon UL LI LABEL 			{
	width:40%;
	font-size:1em;
	padding-right:20px;
	display: table-cell;
	vertical-align: top;
	margin:0;
	text-align:right;
	font-weight:400;
	text-transform:none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
FORM.default.horizon UL LI INPUT[type="text"]	{
	width:60%;
	display: table-cell;
	vertical-align: top;
	font-size:1em; 
	padding:4px;
	height:30px;
	line-height:30px;
	border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
FORM.default.horizon UL LI TEXTAREA			{
	width:60%;
	display: table-cell;
	vertical-align: top;
	font-size:1em;
	padding:4px;
	margin:0;
	border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
FORM.default.horizon UL LI SELECT     			{
	width:60%;
	display: table-cell;
	vertical-align: top;
	font-size:1.1em;
	padding:4px;
	border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
/*
		--------------------obligatoire et imgReponse---------
*/
						FORM.default.vertic .obligatoire{ 
							font-size:.6rem;
							z-index:10;
							position:absolute; right:3px; top:50%;
						}
						FORM.default.vertic .imgReponse { 
							position:absolute;
							right:15px;
							top:2.7em;
						}

/*Return message*/
.contact_returnMessage, .contact2_returnMessage { width:80%; margin:0 auto; }

/* icone valid refresh */
P.valid I#loading { 
	display:none;
	-webkit-animation: animation-rotate 1000ms linear infinite;
	-moz-animation: animation-rotate 1000ms linear infinite;
	-o-animation: animation-rotate 1000ms linear infinite;
	animation: animation-rotate 1000ms linear infinite;
}

	@-webkit-keyframes animation-rotate {
	  100% {
		-webkit-transform: rotate(360deg);
	  }
	}

	@-moz-keyframes animation-rotate {
	  100% {
		-moz-transform: rotate(360deg);
	  }
	}

	@-o-keyframes animation-rotate {
	  100% {
		-o-transform: rotate(360deg);
	  }
	}

	@keyframes animation-rotate {
	  100% {
		transform: rotate(360deg);
	  }
	}

			/*
			------------------------------------------------------------------------
									MEDIA Q ***768px
			------------------------------------------------------------------------
			*/
			
			@media screen and (max-width:768px){
						FORM.default.horizon UL LI.civilite					{ 
							list-style-type:none;
							padding:0px 10px 10px 0%;
						}
						FORM.default.horizon UL LI LABEL 			{
							width:100%;
							text-align:left;
						}
						FORM.default.horizon UL LI INPUT[type="text"]	{
							width:100%;
						}
						FORM.default.horizon UL LI TEXTAREA			{
							width:100%;
						}
						FORM.default.horizon UL LI SELECT     			{
							width:100%;
						}
			}