/**
 * Visuel du formulaire de contact
 * @module "contact"
 *
 * Nécessite "erreurs.css" (module messages/erreurs)
 */

/*#colonne-contenu {
    float : left;
    width : 824px;
    padding : 0 0 9px 7px;
    margin : 0;
}*/


#contactez-nous {
    float : left;
    clear : both;
    width : 98%;
    margin : 0;
    padding : 0 0 0 .6em;
    font-size : .8em;
}

#contactez-nous h1 {
    font-size : 1.2em;
}

#contactez-nous h2 {
    float : left;
    clear : both;
}

#contactez-nous h4 {
    float : left;
    clear : both;
}


#contactez-nous .action-apercu {
    float : left;
    clear : both;
    width : 66%;
    margin : 0;
    padding : 2% 0 5% 0;
}
#contactez-nous #formulaire-contact .action-apercu { 
	width : 100%;
	padding : 2% 0 5% 22%;
}


#contactez-nous .action-apercu input {
    float : left;
}


p.infos-contact {
	color : #505050;
	font-size : .9em;
	width : 90%;
	padding : 15px 0 15px 20px;
	margin : 0;
}


/* ---------------------------------------------------------------- */
/* Aperçu de l'email avant envoi */


#apercu-email {
    float : left;
    clear : both;
    width : 95%;
    margin : 0;
    padding : 1em;
    background : #f2f2f2;

}


#apercu-email h4 {
    float : left;
    clear : both;
    width : 100%;
    margin : 0;
    padding : 0;

}

#apercu-email p {
    float : left;
    clear : both;
    width : 100%;
    margin : 0;
    padding : .5em 0 .5em 0;

}


/* ---------------------------------------------------------------- */
/* Formulaire de saisie du message */

#formulaire-contact {
    float : left;
    clear : both;
    width : 100%;
    margin : 0;
    padding : 0;
}

#contactez-nous .champ-zone-texte,
#contactez-nous .champ-texte {
    display : block;
    float : none;
    overflow : hidden;
    clear : both;
    width : 100%;
    margin : .2em 0;
    padding : .4em 0 .4em 0;
}


#contactez-nous .champ-texte input {
    float : left;
    width : 70%;
    border : 1px solid #b9b9b9;
    border-top : 1px solid #909090;
    padding : .2em;
    font-size : .9em;
}

#contactez-nous .champ-texte label,
#contactez-nous .champ-zone-texte label {
    float : left;
    width : 20%;
    text-align : right;
    padding : 0 1em 0 0;
}


#contactez-nous .champ-texte p,
#contactez-nous .champ-zone-texte p {
    float : left;
    clear : both;
    width : 67%;
    padding : .4em 0 0 22%;
}

#contactez-nous .champ-zone-texte textarea {
    float : left;
    width : 70%;
    height : 20em;
    border : 1px solid #b9b9b9;
    border-top : 1px solid #909090;
    padding : .2em;
}

#contactez-nous label {
	width : 30%;
}

#contactez-nous .champ-radio {
	display : block;
	clear : both;
	overflow : hidden;
	width : 100%;
	padding : .5em 0 0 0;
}

#contactez-nous .champ-radio p {
	float : left;
  font-size : 1em;
  clear : none;
  width : 30%;
  text-align : right;
  padding-right : 1em;
}

#contactez-nous .champ-radio label {
  float : left;
  width : auto;
  padding : .3em 1.2em 0 .2em;
}

#contactez-nous .champ-radio input {
  float : left;
  width : auto;
}



#contactez-nous .liste-deroulante {
  display : block;
  clear : both;
  overflow : hidden;
  width : 100%;
  padding : .5em 0 .5em 0;
}

#contactez-nous .liste-deroulante label {
  float : left;
  width : 30%;
  padding-right : 1em;
}

#contactez-nous .liste-deroulante input.champ-supplements {
  float : left;
  width : 12em;
  border : 1px solid #b9b9b9;
  border-top : 1px solid #909090;
  padding : .2em;
  font-size : .9em;
  margin-left : .2em;
}

#contactez-nous .liste-deroulante textarea.champ-supplements {
  float : left;
  width : 12em;
  border : 1px solid #b9b9b9;
  border-top : 1px solid #909090;
  padding : .2em;
  font-size : .9em;
  margin-left : .2em;
}

#contactez-nous .liste-deroulante select {
  float : left;
  width : auto;
}

#contactez-nous .champ-court {
  /*float : left;
	clear : none;
  width : 45%;
  background : pink;*/
}

#contactez-nous .champ-court input {
	width : 12em;
}


#contactez-nous .champ-auto textarea {
  width : auto;
  height : auto;
}



/**
 * Code de protection anti-bot
 */
#contactez-nous .captcha {
    float : left;
    width : 60%;
    border : 1px solid #e0e0e0;
    padding : .6em;
    clear : both;
    margin : 1em 0 .6em 22%;
}

* html #contactez-nous .captcha {
	margin-left : 15%;
}

#contactez-nous .captcha p {
    display : block;
    clear : both;
    float : none;
    width : 100%;
    overflow : hidden;
    padding : .2em 0 .6em 0;
    color : #666;
}

#contactez-nous .captcha input {
    float : left;
    clear : none;
    width : 9em;
    margin : 1em 0 0 0;
}

* html #contactez-nous .captcha input {
    margin : .5em 0 0 0;
}

#contactez-nous .captcha img {
    float : left;
    clear : none;
    margin-right : .8em;
    /*border : 1px solid #c0c0c0;*/
}

* html #contactez-nous .captcha img {
    margin-right : .4em;
}




/* Erreurs et champs obligatoires */


#contactez-nous .obligatoire label {
  font-weight : bold;
}

#contactez-nous .erreur label {
  
}

#contactez-nous .erreur input {
  
}

#contactez-nous .erreur p {
	width : 80%;
  padding-left : 20%;
}



/* ---------------------------------------------------------------- */
/* Page de confirmation d'envoi du mail */


#envoi-confirmation {
    float : left;
    clear : both;
    width : 95%;
    margin : 0;
    padding : 1em;
}

#envoi-confirmation p {

}


p.infos-legales {
	font-size : .8em;
	color : #505050;
}


p.informations {
	font-size : 1em;
	font-weight : bold;
	padding-left : 1.6em;
}