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

/*.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;}

/*
formulaire d'inscription
Denis 18/05/11
*/
form.form2 div.partie {border: #ddd 1px solid; padding-bottom: 20px;}
form.form2 div.titrepartie { padding: 10px;}
form.form2 div.entry {margin: 15px 0 0; width: 100%; min-height: 25px;}
form.form2 div.entrybox{ margin: 5px 0 0; width: 100%; min-height: 15px;}
form.form2 div.alert { padding: 0 0 0 32%;}
form.form2 div.saisie { border-top: #EEE 1px solid; margin: 0 10px 10px; padding-top: 20px;}
form.form2 label { float: left; padding: 6px 5px 0 0; text-align: right;width: 30%;}
form.form2 span.labelbox { float: left; text-align: right;width: 75%;}
form.form2 input { float: left; padding: 3px 0; width: 250px; margin-right: 40px;}
form.form2 select{ float: left; padding: 3px 3px; margin: 0px; width: 254px;}
form.form2 input[type="checkbox"]{ float: left; padding: 0px; width: 20px; margin: 2px 5px;}
form.gen textarea.moyen{width: 330px;}


/*
formulaires génériques
Denis 29/06/11
*/
form.gen input[type=text],form.gen textarea,form.gen select,form.gen input[type=file]{border: #949494 1px solid;color: #666;font-size: 1em;margin: 10px 0 10px 10px;padding: 3px 7px;width:220px;}
form.gen input.error,form.gen textarea.error,form.gen select.error,form.gen file.error{ border: #f00 1px solid;}
form.gen label{ font-weight: bold; text-align:right;width:40%;}
form.gen div.formline{ text-align:right;}
form.gen input[type=text]{width:204px;}
/*
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;margin: 10px 5px 0 0;}
form.Form p.titre{ color: #45b3c6;}
form.Form label{ font-weight: bold; float:none;}
form.Form input.error,textarea.error,select.error{ border: #f00 1px solid;}
form.Form input,textarea,select,file{border: #949494 1px solid;color: #666;font-size: 1em;margin: 10px 0 10px 20px;padding: 3px 7px;}
form.Form  div.col2 { float: left; width: 270px;}
form.Form  div.col2 input,select,textarea { width: 225px;}
form.Form  div.col2_small { float: left; width: 220px;}
form.Form  div.col2_small input,select,textarea { width: 175px;}







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

.field500{ width: 500px;}
.field400{ width: 400px;}
.BoutonDroit400{margin-right: 25px;text-align: right;}

div.FormAnnuReq400{margin-right: 25px;margin-top: -10px;text-align: right;}
div.FormAnnuReqCol2Small{margin-right: 10px;margin-top: -10px;text-align: right;}

label.error  {font-size: 0.8em;padding: 0 0 0 20px;color: #f00;}
label.error2  {font-size: 0.8em;margin: 0 0 0 -50px;color: #f00;line-height: 45px;}


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;
color: #fff;
border: none;
height: 25px;
margin-left: 10px;
min-width: 111px;
padding: 0 0 3px 6px;
text-align: left;
width: 111px;
cursor: pointer;
}
div.FormContent input.FondBouton:hover {background: url(img/bouton-fond-gr.png) no-repeat top right;color: #45b3c6;}

/* formulaires fond gris */
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;}

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 */
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 {border: #ddd 1px solid;overflow: hidden;padding: 0;}
form.Formulaire h4{ padding-left: 10px; }
form.Formulaire p {clear: both;text-align: right;margin-right: 120px;}
form.Formulaire p.formrechjob{margin:10px 20px 10px 0;line-height:30px;}
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 p .formrechjob{margin:10px 20px 0 0;}
form.Formulaire p.formrechjob img{vertical-align:middle;}

form.Formulaire input {
border: #949494 1px solid;
color: #666;
font-size: 1em;
margin: 10px 20px 10px 0;
min-width: 200px;
padding: 3px 7px;
vertical-align: middle;
}
form.Formulaire input.FondBouton ,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 ,input.FondBouton:hover{
background: url(img/bouton-fond.gif) no-repeat bottom left;
color: #45b3c6;
margin-left: 0;
}

form.Formulaire input.cxjob{min-width: 10px;margin: 0 0 0 30px;} /* case à cocher recherche recruteur */
form.Formulaire input.champrecherche{padding:6px;}
form.Formulaire input.FondBouton ,input.FondBouton{ margin-right: 20px; }
form.Formulaire input.NoWidth {border: 0;min-width: 0;width: auto;}
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 select.box4 {width: 70px;}
form.Formulaire select.box2 {width: 60px;}
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;}

div.help{
	background:url(http://media.xpair.com/css/img/aide-informations.gif) no-repeat;
    cursor: pointer;
    float: right;
    height: 20px;
    margin: 12px 20px 0 0;
    width: 20px;
}