/*
 COMMUN A TOUT FORMULAIRE
 MAJ: 19/01/2009 - HD
*/

/* FORMULAIRE */
#formDevisCreatSite {
 /*   width: 60%; */
}
#formDevisCreatSite p {
	margin: 2px 0;
}
#titreForm,#piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	margin: 0;
	padding: .5em;
}
#piedForm { /*** Les boutons sont alignés à droite ***/
	text-align: right;
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}

/* FIELDSET , LEGEND */
fieldset {
	margin-bottom: 10px;
	border: #CCC 1px solid;
    padding: 10px;
}
fieldset:hover {
  background-color:  #FCFCFC; /* Ne pas mettre FFF car pb avec IE */
   color: #000000;
}
fieldset legend {
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #000;
    font-weight: 800;
}

/* LABEL */
label {
 	width: 39%;   /* Les intitulés prennent cette largeur totale du formulaire */
    float: left;  /* Très important  */
    padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}
label:hover {
	cursor: pointer;	/* Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés */
}
.descNonLabel:hover {
     cursor: default;   /* Pas d'effet sur les textes de présentation */
}
label span.info { /* Ajout texte d'info taille plus petite */
	margin-top: .2em;
	font-size: .7em;
	font-weight: normal;
	cursor: default;
}
.oblig label{ /* Mise en évidence des champs obligatoires */
	color: Red;
	font-weight:600;
}
.labelEquiv {  /* Mise en forme équivalent à un pseudo-label pour un titre span */
	display: block;
	width: 39%; 	/* Les intitulés prennent cette largeur totale du formulaire */
	float: left; 	/* Très important */
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}
label.labelBtn { /* label des boutons radio, checkbox. Doit annuler attributs des labels */
    width: auto;
    float: none;
    color: #000000;
    background-color: transparent;
    text-align: left;  /* Indispensable pour coller case à cocher */
}

/* INPUT */
input {
   	margin-left: 1%;
}
input[type="text"]{ /* Valable avec Navigateur moderne */
  width: 58%;  /* pose pb si déclaré dans input avec checkbox*/
  border: 1px inset #ABABAB;
}
input:hover {
	background-color:#FDF8DA;
}
input:focus {
   /*	border: 1px ridge #070707;*/
	background-color: #FFFCF3;
}
.inputbox { /* Class écrasant attributs chargés avant, provenant du template: template.ccs  */
	padding: 0%
}

/* TEXTAREA */
textarea { /* Champ de saisie plus long */
	width: 58%;
	margin-left: 1%;
}
textarea:hover   {
	background-color: #FDF8DA;
}
textarea:focus  {
  /*	border: 1px solid #070707;*/
	background-color: #FFFCF3;
}

/* SELECT */
select {
	margin-left: 1%;
	width: 58%;
	border: #CCC 1px solid;
}
select:hover {
	background-color:#FDF8DA;
}
select:focus {
	border: 1px solid #070707;
	background-color: #FFFCF3;
}

/* BTN CHOIX : Groupement multiligne  */
.multiChoixPlusieursLgn {
    float: left; /* Indispensable */
    /* background-color: #ffff00;*/
    width: 58%; /* Indispensable, comme autre saisie */
    margin-left: 1%;
}
.multiChoixPlusieursLgn p { /* Label + input - ne pas modifier */
    width:100%;
    float:  left;
}
.multiChoixPlusieursLgn p:hover{ /* Survol de la ligne */
    background-color: #FDF8DA;
}
/* RADIO, CHECKBOX */
input[type="radio"] {  /* pas l'air de fonctionner */
}
input checkbox:focus {   /* pas l'air de fonctionner */
}

/* SUBMIT */
input[type="submit"] {
	border: #DDEEFF 1px solid;
	width: 27%;
}
input[type="submit"]:hover {
	background-color: #66CC33;
	cursor: pointer;
}