/* CSS Document pour le mini formulaire */

/* Structure generale */
#formulaire-mini{ 
			width:198px; 
			/*margin:8px auto;
			margin-bottom:10px;*/
			}

/*------------ teteau mini formulaire------------- */
#formulaire-mini .titre-formulaire{ 
			background-image: url(../images/mini_form_teteau.gif);
			height:20px;
			width:198px;
			color:#FFFFFF; 
			}
			

#formulaire-mini .titre-formulaire div{
			font:bold 10px Verdana, Arial, Helvetica, sans-serif; 
			padding-top:5px; 
			text-align:center; }

/*------------ corps mini formulaire--------------- */
#formulaire-mini .corps-formulaire{ 
			background:url(../images/mini_form_corps.jpg);
			padding-top:10px;
			border:none;			
			width:198px;
			}
/*-------------- champ du formulaire mini------------ */
#formulaire-mini div.corps-formulaire p span.label_form,
#formulaire-mini div.corps-formulaire label span.label_form  {font-size:11px; color:#FFFFFF; font-weight:bold;}
#formulaire-mini div.corps-formulaire p select,
#formulaire-mini div.corps-formulaire label select{
			float:none;
			width:150px;
			font:normal 11px Arial, Helvetica, sans-serif;
			height:auto;
			color: #333333;
			border:1px solid #999999;
			background:#faf8f1;			
			}
#formulaire-mini div.corps-formulaire p input,
#formulaire-mini div.corps-formulaire label input{
			float:none;
			width:143px;
			font:normal 11px Arial, Helvetica, sans-serif;
			height:auto;/*height:15px;*/
			color: #333333;
			border:1px solid #999999 /*#d4d1cd*/;
			padding-left:0px!important;
			background:#faf8f1;
			} 
*:first-child+html #formulaire-mini .corps-formulaire p input,
*:first-child+html #formulaire-mini .corps-formulaire label input{ margin-bottom:-1px; margin-top:-1px;}
* html #formulaire-mini .corps-formulaire p input,
* html #formulaire-mini .corps-formulaire label input{ margin-bottom:-1px; margin-top:-1px;}


#formulaire-mini div.corps-formulaire p,
#formulaire-mini div.corps-formulaire label{ display:block; margin:0; margin-bottom:5px; padding-left:20px; }
#formulaire-mini div.corps-formulaire p span.texte-associe-champ,
#formulaire-mini div.corps-formulaire label span.texte-associe-champ{ 
			float:none; 
			display:inline;
			text-align:center;
			}
/*----------- uniquement pour le texte euro-------------- */
#formulaire-mini div.corps-formulaire p span.euro,
#formulaire-mini div.corps-formulaire label span.euro{}

/*------------ bas mini formulaire------------------ */
#formulaire-mini .bas-formulaire{
			background-image: url(../images/mini_form_bas.jpg);
			background-repeat:no-repeat;
			font-size:0px; 
			width:198px;
			height:7px;
						
			}
/*------------les erreurs------------------------ */


/**/#formulaire-mini .erreurG{ 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:10px; 
			padding:5px;
			color:#ee1b22;
			display:none;
			text-align:center;
			}
/*------------- trait blanc --------------------*/
#formulaire-mini .trait-bleu{border-bottom:#ccc 1px solid;
			margin:10px 2px 3px 2px;  }
	
/*--------------bouton valider-----------------*/ 
#formulaire-mini div.btn{ }
#formulaire-mini div.btn input{
			color:#FFF;
			font:bold 12px Arial, Helvetica, sans-serif;
			background:url(../images/valider.gif) left top no-repeat;
			width:155px;
			height:23px;
			border:none;
			}
#formulaire-mini.texte-support{ 
			clear:both;
			font-weight: normal;
			font-size:10px;
			text-transform:none;
			color:#318ce7;
			padding-right:3px;
			background:url(../images/logo_cnil2.jpg) 3px center no-repeat;
			padding-left:65px;
			}
#formulaire-mini.texte-support div { margin-left:40px;}


/*=======================================================================================================*/
/*=============================les V2=================================================================*/

#formulaire-mini .titre-formulaireV2{ 
			background-image: url(../images/mini_form_teteauV2.gif);
			background-repeat:no-repeat;
			height:51px;
			width:198px;
			color:#FFFFFF;
			text-align:center;
			font:bold 12px Arial, Helvetica, sans-serif;
			
			}
#formulaire-mini div.titre-formulaireV2 div{ padding-top:15px; }
#formulaire-mini div.corps-formulaire p font.V2,
#formulaire-mini div.corps-formulaire label font.V2  { display:block; margin:5px 0 0 25px; color:#FFFFFF; font-weight:bold;}
#formulaire-mini .corps-formulaireV2{ 
			background:url(../images/mini_form_corpsV2.jpg);
			padding-top:10px;
			border:none;
			width:196px;
			}
#formulaire-mini .bas-formulaireV2{
			background-image: url(../images/mini_form_basV2.gif);
			background-repeat:no-repeat;
			font-size:0px; 
			width:196px;
			height:7px;			
			}
#formulaire-mini div.corps-formulaireV2 p span.texte-associe-champ span,
#formulaire-mini div.corps-formulaireV2 label span.texte-associe-champ span{
			color: #FFFFFF;
			display:inline; 
			}
#formulaire-mini div.corps-formulaireV2  .right-column { margin-bottom:20px;} 
#formulaire-mini div.ligne_orange { width:186px; height:2px; background-image:url(../images/ligne_orange_relief.gif); background-repeat:repeat-x; display:block; margin:0 auto; font-size:0px; margin-top:0px; margin-bottom:5px;}

#formulaire-mini div.corps-formulaireV2 div.btn input{
			color:#F3792D;
			font:bold 12px Arial, Helvetica, sans-serif;
			background:url(../images/validerV2.gif) left top no-repeat;
			width:155px;
			height:23px;
			border:none;
			}
/* ------------------------------------------------ */
#formulaire-mini .corps-formulaire p.date_naiss { padding: 0 0 0 20px; width: 170px; color:#005AB8;}
#formulaire-mini .corps-formulaire p .cadre_erreur_jour {}
#formulaire-mini .corps-formulaire p .cadre_erreur_jour,
#formulaire-mini .corps-formulaire p .cadre_erreur_mois {margin-right:2px;}

#formulaire-mini .corps-formulaire p .cadre_erreur_jour input{width:17px;}
#formulaire-mini .corps-formulaire p .cadre_erreur_mois input {width:19px;}
#formulaire-mini .corps-formulaire p .cadre_erreur_annee input {width:35px;}