form {
	display: block;
	margin: 0;
	padding: 0;
}

div.formulaire {
	text-align: center;
	padding: 0px;
	overflow: visible;
	display: inline-block;
}

/* debut perso message */

	div.formulaire.message {
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}

	div.formulaire.message .bloc_sections {
		display: block;
	}

	div.formulaire.message .bloc_sections > label.ligne_champ,
	div.formulaire.message div.section {
		box-shadow: 0px 0px 4px #111 !important;
		border-radius: 3px;
		width: 350px;
		margin: 10px;
		padding: 0px;
		display:inline-block;
		vertical-align: top;
		border: none;
	}

	div.formulaire.message .bloc_sections > .ligne_champ span.titre,
	div.formulaire.message .section > span.libelle {
		position: relative;
		left: 0px;
		margin: 0;
		padding: 10px 0;
		top: 0px;
		width: 100%;
		display: block;
		color: rgb(100,100,100);
		text-shadow: 1px 1px rgb(250,250,250) ;
		background: linear-gradient( to bottom, rgb(240,240,240), rgb(220,220,220) )
	}

	div.formulaire.message  .bloc_sections > .ligne_champ span.saisie,
	div.formulaire.message  div.bloc_champs {
		margin: 0 0 0 0;
		position: relative;
		padding: 0px;
		background: rgb(220,220,220) ;
	}

	div.formulaire.message .section .ligne_champ {
		padding: 0px;
	}

	div.formulaire.message .section span.titre {
		display: block;
		font-weight: normal;
		font-style: italic;
		color: rgb(80,80,80);
		padding: 1% 0 0 0;
		margin: 0% 2% -2% 2%;
	}
	div.formulaire.message .section .obligatoire span.titre {
		font-weight: bold;
		font-style: normal;
	}
	div.formulaire.message .section span.saisie {
		width: 96%;
		margin: 2%;
		padding: 0%;
		display: inline-block;
		vertical-align: top;
	}
  div.formulaire.message .bloc_sections > .ligne_champ span.saisie 	{
			width: 100% !important;
	}

	div.formulaire.message span.saisie textarea {
		height: 100px;
	}


	div.formulaire.message span.saisie input[type=text],
	div.formulaire.message span.saisie select,
	div.formulaire.message span.saisie textarea,
	div.formulaire.message .section div.ligne_champ span.saisie > div {
		border: 1px solid rgb(150,150,150) ;
		box-shadow: 0px 0px 2px #BBB inset;
	}
	div.formulaire.message .obligatoire span.saisie input[type=text],
	div.formulaire.message .obligatoire span.saisie select,
	div.formulaire.message .obligatoire span.saisie textarea,
	div.formulaire.message .section div.ligne_champ.obligatoire span.saisie > div {
		border: 1px solid rgb(200,150,150) ;
		box-shadow: 0px 0px 3px #FBB inset;
	}

	div.formulaire.message span.saisie input[type=text],
	div.formulaire.message span.saisie select,
	div.formulaire.message span.saisie textarea {
		width: 94%;
		margin: 2%;
		padding: 1%;
	}

	div.formulaire.message .section span.saisie input[type=text],
	div.formulaire.message .section span.saisie select,
	div.formulaire.message .section span.saisie textarea {
		width: 98%;
		margin: 0%;
		padding: 1%;
	}

	div.formulaire.message .ligne_champ.obligatoire input:focus,
	div.formulaire.message .ligne_champ.obligatoire select:focus,
	div.formulaire.message .ligne_champ.obligatoire textarea:focus {
		border-style: solid;
		background-color: rgba(255,240,240,1);
	}

	div.formulaire.message span.saisie label {
		text-indent: -30px;
		padding-left: 30px;
	}
	div.formulaire.message span.saisie label input[type=radio] + span,
	div.formulaire.message span.saisie span.libelle {
		font-size: 1em%;
	}

	div.formulaire.message span.saisie div div {
		overflow: hidden;
		padding: 2px;
		position: relative;
	}
	div.formulaire.message span.saisie div div span.libelle {
		display: inline-block;
		padding-top: 4px;
	}
	div.formulaire.message span.saisie div div span.actions {
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 3px;
	}
	div.formulaire.message span.saisie div div span.actions button {
			margin-left: 5px;
			font-size: 90%;
	}
	div.formulaire.message span.saisie input:disabled,
	div.formulaire.message span.saisie textarea:disabled {
		background: transparent;
		box-shadow: none !important;
	}
	
	div.formulaire.message span.saisie label.videexplicite {
		margin: 0px 10px 0px 10px;
		background: rgb(230,230,230);
		border-radius: 0 0 6px 6px;
		border-style: solid;
		border-color: rgb(150,150,150);
		border-width: 0 1px 1px 1px;
		font-size: .9em;
		color: rgb(100,100,100);
		line-height: 1.1em;
		cursor: pointer;
	}
	div.formulaire.message span.saisie label.videexplicite input,
	div.formulaire.message span.saisie label.videexplicite span {
		display: inline;
		vertical-align: middle;
	}
	div.formulaire.message span.saisie label.videexplicite input:checked + span {
		color: rgb(100,50,50);
		font-size: 1.1em;
	}
	div.formulaire.message span.saisie label.videexplicite input:disabled + span {
		color: rgb(190,190,190);
	}

	div.formulaire.message input[type=text] + button {
		position: absolute;
		right: 10px;
		margin-top: 3px;
	}

	div.formulaire.message div.ligne_pied {
		text-align: center;
		border-top: 1px solid rgba(0,0,0,.4);

		background: linear-gradient( to bottom, rgb(200,200,200), rgb(240,240,240) );
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;
		
	}

/* fin */

/* debut perso modal */

	div.formulaire.modal {
		position: absolute;
		left: 50%; 
		width:34em;
		top: 20% ;
		margin-left: -17em;
		box-shadow: 0px 0px 4px #111 !important;
		border-radius: 3px;
		border: none;
		background-color: rgb(220,220,220);
		overflow: hidden;
	}

	div.formulaire.modal div.ligne_tete {
		text-align: center;
		margin-bottom: 5px;
		background-color: rgb(200,200,200) ;
		font-weight: bold;
		padding: 5px 10px;
		color: rgb(100,100,100);
		text-shadow: 1px 1px rgb(250,250,250) ;
		background: linear-gradient( to bottom, rgb(240,240,240), rgb(220,220,220) )
	}
	div.formulaire.modal div.ligne_pied {
		text-align: center;
		border-top: 1px solid rgba(0,0,0,.8);
		margin-top: 5px;
		background-color: rgb(200,200,200) 
	}

	div.formulaire.modal div.ligne_champ > label > span {
		display: inline-block;
		min-width: 10em;
	}

	div.formulaire.modal .ligne_champ label input, 
	div.formulaire.modal .ligne_champ label select, 
	div.formulaire.modal .ligne_champ label textarea {
		border: 1px solid black;
		border-radius: 5px;
		padding: 5px;
		outline: none;
		background-color: rgba(255,255,255,.5);
		width: 180px;
	}

/* fin */

div.formulaire div.ligne_tete {

}

.bloc_sections > .ligne_champ,
div.section {
	border: 1px solid rgb(200,200,200);
	padding: 0px;
	border-radius: 20px;
	position: relative;	
	box-shadow: 0px 0px 5px #444;
	margin: 10px;

}

.bloc_sections > .ligne_champ span.titre,
div.section > span.libelle {
	font-weight: bold;
	display: block;
	font-size: 110%;
	position: absolute;
	left: 10px;
	top: 20px;
	width: 170px;
}

div.section span.titre {
	font-weight: normal;
}

.bloc_sections > .ligne_champ span.saisie,
div.bloc_champs {
	text-align: left;
	display: block;
	padding: 10px;
}

.ligne_champ {
	padding: 5px 10px;
	display: block;
}
.ligne_champ label {
	display: block;
}

.ligne_champ span.saisie label:hover {
	background-color: rgba( 255,255,255,.8);
}

.ligne_champ input, 
.ligne_champ select, 
div.ligne_champ span.saisie > div,
.ligne_champ textarea {
	border: 1px solid black;
	border-radius: 5px;
	padding: 5px;
	outline: none;
	background-color: rgba(255,255,255,.3);
}

.ligne_champ input, 
.ligne_champ select, 
.ligne_champ textarea,
.ligne_champ span.saisie label{
	font-size: 1em;
	font-family: inherit;
}

.ligne_champ input:focus,
.ligne_champ select:focus,
.ligne_champ textarea:focus {
	border-style: solid;
	background-color: rgba(240,240,255,1);
}

div.formulaire div.ligne_pied {

}

div.formulaire div.ligne_pied .bouton,
div.formulaire div.ligne_pied button {
	border-radius: 5px;
	padding: 5px 15px;	
	margin: 5px;
}