@charset "utf-8";
/* CSS Document */
/* Formulaires */

/* 
formulaires génériques contact
Denis 04/12/09
*/

form.Form {
border: #ddd 1px solid;
overflow: hidden;
}

form.Form .grid_10 {
width:560px;
}

form.Form p {
text-align: left;
}

form.Form  div.col2 {
float: left;
width: 270px;
}

form.Form  div.col2 input,select,textarea {
width: 225px;
}

form.Form p{
margin: 10px 5px 0 0;
}

form.Form p.titre{
color: #45b3c6;
}

form.Form label{
font-weight: bold;
float:none;
/*float: left;*/
}

.field500{
width: 500px;
}

form.Form input,textarea,select {
border: #949494 1px solid;
color: #666;
font-size: 1em;
margin: 10px 0 10px 20px;
padding: 3px 7px;
/*float:left;*/

}

label.error  {
font-size: 0.8em;
padding: 0 0 0 20px;
color: #f00;
}

form.Form input.error,textarea.error,select.error{
border: #f00 1px solid;
}


form.Formulaire select.box4 {width: 70px;}
form.Formulaire select.box2 {width: 60px;}

/* Message d'alerte annuaire */
form.Form  span.FormAnnuReq {
margin-left: 10px;
}



/*.threepxfix class below for checkboxes:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}



div.FormContent input {
border: #949494 1px solid;
color: #666;
font-size: 1em;
margin: 10px 20px;
min-width: 200px;
padding: 3px 7px;
}
div.FormContent input.FondBouton {
background: url(img/bouton-fond-bl.png) no-repeat top right;
border: none;
color: #fff;
height: 25px;
margin-right: 0;
min-width: 111px;
padding: 0 0 3px 6px;
text-align: left;
width: 111px;
}
div.FormContent input.FondBouton:hover {
background: url(img/bouton-fond-gr.png) no-repeat top left;
color: #45b3c6;
}
div.FormContent form.FormulaireFond {
background: #f2f2f2;
padding: 10px;
}
div.FormContent form.FormulaireFond h2 {
color: #000;
font: 1em Arial, sans-serif;
font-weight: bold;
}
div.FormContent form.FormulaireFond p {
text-align: right;
}
/* Contenu Formulaire avec fond blanc */
div.FormContent form.Formulaire input {
margin-left: 0px;
vertical-align: middle;
}
div.FormContent form.Formulaire textarea {
border: #949494 1px solid;
color: #666;
margin: 10px 20px;
width: 94%;
}
div.FormContent form.Formulaire select {
border: #949494 1px solid;
color: #666;
width: 216px;
margin: 0 20px 0 0;
padding: 3px 0;
}
div.FormContent form.Formulaire input.FondBouton { margin-right: 20px; }
div.FormContent form.Formulaire {
border: #ddd 1px solid;
overflow: hidden;
padding: 0;
}
div.FormContent form.Formulaire p {
clear: both;
text-align: right;
}
div.FormContent form.Formulaire p.error span {
color: #f00;
font-size: 0.8em;
padding: 0 20px 0 0;
}
div.FormContent form.Formulaire p.error input { border: #f00 1px solid; }
div.FormContent form.Formulaire input.NoWidth {
border: 0;
min-width: 0;
width: auto;
}
div.FormContent form.CenterForm2col p { margin-right: 120px; }
div.FormContent form.CenterForm3col p { margin-right: 60px; }
div.FormContent form input.BigForm { width: 400px; }
div.FormContent form select.BigForm { width: 416px; }
div.FormContent form textarea.BigForm { width: 414px; }
div.FormContent form textarea.HugeForm { width: 90%; }
form.Formulaire h4{ padding-left: 10px; }
/* Contenu Formulaire avec fond gris */
form.Formulaire input {
border: #949494 1px solid;
color: #666;
font-size: 1em;
margin: 10px 20px;
min-width: 200px;
padding: 3px 7px;
}
form.Formulaire input.FondBouton {
background: url(img/bouton-fond.gif) no-repeat top left;
margin: 0px;
border: none;
color: #fff;
height: 25px;
margin-right: 0;
min-width: 111px;
padding: 0 0 3px 6px;
text-align: left;
width: 111px;
}
form.Formulaire input.FondBouton:hover {
background: url(img/bouton-fond.gif) no-repeat bottom left;
color: #45b3c6;
margin-left: 0;
}
form.FormulaireFond {
background: #f2f2f2;
padding: 10px;
}
form.FormulaireFond h2 {
color: #000;
font: 1em Arial, sans-serif;
font-weight: bold;
}
form.FormulaireFond p { text-align: right; }
/* Contenu Formulaire avec fond blanc */
form.Formulaire input {
margin-left: 0px;
vertical-align: middle;
}
form.Formulaire textarea {
border: #949494 1px solid;
color: #666;
margin: 10px 20px;
width: 214px;
}
form.Formulaire select {
border: #949494 1px solid;
color: #666;
width: 216px;
margin: 10px 20px 10px 0px;
padding: 3px 7px;
}
form.Formulaire input.FondBouton { margin-right: 20px; }
form.Formulaire {
border: #ddd 1px solid;
overflow: hidden;
padding: 0;
}
form.Formulaire p {
clear: both;
text-align: right;
margin-right: 120px;
}
form.Formulaire p.error span {
color: #f00;
font-size: 0.8em;
padding: 0 20px 0 0;
}
form.Formulaire p.error input { border: #f00 1px solid; }
form.Formulaire input.NoWidth {
border: 0;
min-width: 0;
width: auto;
}
form.Formulaire select.NoWidth {
min-width: 216px;
width: 216px;
float: none;
}

form.CenterForm2col p { margin-right: 120px; }
form.CenterForm3col p { margin-right: 60px; }
form input.BigForm { width: 400px; }
form select.BigForm { width: 416px; }
form textarea.BigForm { width: 414px; }
form textarea.HugeForm { width: 90%; }
form input.NormForm{ width: 250px; }
form select.NormForm{ width: 267px; }
form.searchjob p { margin-right: 30px; }
form.Formulaire p.searchjob { margin-right: 30px; }
label.TextArea{ padding-right: 20px; }
form.TitreCombo { margin: 0 60px 0 40px; }
form.TitreCombo p {
border-top: 1px #ddd solid;
overflow: hidden;
text-align: right;
}
form.TitreCombo p label {
background: #f2f2f2;
padding: 4px;
}
form.TitreCombo p select {
background: #f2f2f2;
border: 0;
}