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

   form.css
   Base pour formulaires
   Cf.: https://contrib.spip.net/3820

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

input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }

legend { font-weight: bold; }

/* Curseur main sur les elements input cliquables */
input[type="submit"],input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button { cursor: pointer; }

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie fieldset { padding-top: 0; }
.ie6 legend,
.ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
.ie button,
.ie input.submit,
.ie input.button { position: relative; }

button { width: auto; overflow: visible; } /* joli rendu sous IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

/* Elements de notifications des boites succes, info, notice, alerte */
.reponse,
.error,
.alert, 
.notice,
.success, 
.info     { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; }

.error,
.alert      { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info     { background: #d5edf8; color: #205791; border-color: #92cae4; }

.error a,
.alert a      { color: #8a1f11; }
.notice a   { color: #514721; }
.success a    { color: #264409; }
.info a     { color: #205791; }

/* menu lang ------------*/

#formulaire_menu_lang {
    margin: 0px;
    position: absolute;
    right: 0px;
    top: 170px;
	z-index: 2;
}

#formulaire_menu_lang label{display:none;}

#formulaire_menu_lang .formulaire_spip{margin-bottom:0;}

		.bleu {
			font-size: .8em;
		}

		.selection{
			font-size: inherit; /* inherit size from .dropdown */
			padding: .5em; /* add some space*/
			margin: 0; /* remove default margins */
			width:120px;
			font-size:0.8em;
			text-transform:capitalize;
		}

		
		.selection {
			background-color: #F1F1F1;
			color: #000; 
		}				


	

			.formulaire_menu_lang {
				position: relative;
				display: inline-block;
				vertical-align: middle;
			}

			.selection {
				padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */				
				border: 0;
				border-radius: 3px;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;    
			}

			.formulaire_menu_lang::before,
			.formulaire_menu_lang::after {
				content: "";
				position: absolute;
				pointer-events: none;
			}

			.formulaire_menu_lang::after { /*  Custom dropdown arrow */
				content: "\25BC";
				height: 1em;
				font-size: .625em;
				line-height: 1;
				right: 1.2em;
				top: 50%; margin-top: -.5em;
			}

			.formulaire_menu_lang::before { /*  Custom dropdown arrow cover */
				width: 2em;
				right: 0; top: 0; bottom: 0;
				border-radius: 0 3px 3px 0;
			}

			.selection[disabled] {
				color: rgba(0,0,0,.3);
			}

			.formulaire_menu_lang.dropdown--disabled::after {
				color: rgba(0,0,0,.1);
			}

			/* Emerald dropdown style */
			.formulaire_menu_lang::before {
				background-color: #FFF;
			}

			.formulaire_menu_lang::after {
				color: rgba(0,0,0,.4);
			}



			/* FF only temporary & ugly fixes */
			/* the "appearance: none" applied on select still shows a dropdown arrow on Firefox */
			/* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
			@-moz-document url-prefix() {
				.selection { padding-right: .9em }
				.dropdown--large .select { padding-right: 1.3em }
				.dropdown--small .select { padding-right: .5em }
			}	

		}




/* Print */
@media print {
  form { display: none; }
}

/* largeur maximum 767px */
@media (max-width: 767px) {
#formulaire_menu_lang {

    right: 10px;
    top: 110px;
	z-index: 2;
}
}

/* fin */