/*
Css du Formulaire issu de :
http://www.kachouri.com/tuto/tuto-178-faire-un-formulaire-css-html-php-2-sur-3.html
*/

#corps_formulaire
{
   text-align:justify;
   margin-left: 130px;
   margin-bottom: 1px;
   /*padding: 20px;*/
   padding-top: 1px;
   /*padding-bottom: 20px;*/
   padding-left: 20px;
   padding-right: 20px;
   
   color: blue;
   background-color: #bad1ff;
   /*background-image: url("images/virgule_0Fond_0Ombre_texte_Opaque.jpg");*/
   /*background-image: url("images/virgule_0Fond_1Ombre.jpg");*/
      
   /*background-position:center center;
   background-position:center 65%;
   /*background-repeat: repeat-x;
   background-repeat: no-repeat;*/
  
   /*border: 5px solid white;*/
}

#corps_formulaire h1
{
    /*background-image: url(fond_grad3.gif);
	background-position:bottom;
   background-repeat: repeat-x;*/
  color: rgb(0,0,255);
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

   padding-top: -10px;
   padding-bottom: 15px;
    background-image: url(fond_grad3.gif);
	background-position:bottom;
   background-repeat: repeat-x;
}

#corps_formulaire h2
{
   text-align: left;
   color: #329932;
   /*color: #0000e3;*/
   font-size : 200%;
	font-weight : bolder;
   font-family: Mistral;
   /*background-image: url("images/titre.jpg");*/
  /* margin-top:-20px;*/
   /*height: 30px;*/
}

.image_Tel
{
   float: right; 
   margin-left: 10px; 
   margin-bottom: 0px;
   border="0";
   alt="";
}

/* Pour titres 'coordonnées" et "message" */
p.titre {
  text-align: left;
  background-color:#bad1ff;
  color: blue;
  padding:.2em .3em;
  font-size:1.2em;
	font-weight : bolder;
  font-family: Mistral;
	font-size : 185%;
  /*border:3px outset #A4D8EE;*/
  /*position:relative;*/
  /*margin-bottom:-1em;*/
  width:12em;
  margin-left:0.75em;
  margin-top:1em;
  margin-bottom:0em;
}

/*  Fenêtre coord et message */
fieldset {
  border:none;
  /*margin-bottom:0.5em;*/
  width:33em;
  padding-top:0em;
}

/* fieldset coordonnees */
fieldset#coordonnees {
  background:#A4D8EE;
  border:3px outset #A4D8EE;
  margin-left:1.5em;  /*MARGE : decalage de la fenetre COORDONNEES*/
}

#coordonnees label {
  /*position:relative;*/
  font-size:100%;
  padding-top:.1em;
  /*left:20px*/
  margin-left:5.3em;  /*MARGE : decalage de toutes les lignes : civilité, nom...*/
 }

#coordonnees input {
  /*background:white;*/
  /*margin-left:1em;*/  /*coord input à remplir*/
  line-height:1.2em;
  /*margin-bottom:.2em;*/
 }

/*#civilite, #nom {
  font-size:100%;
}*/

#civilite input {
  margin-left:4em;
}

#nom input {
  margin-left:4.2em;
}

#adresse input {
  margin-left:3em;
}

#codepostal input {
  margin-left:2.4em;
}

#tel input {
  margin-left:2.3em;
}

#email input {
  margin-left:4.2em;
}

#civilite input + input {
  margin-left:1em;
}

/*#classe input {
  margin-left:1em;
}*/

/* pour CLASSE*/
#classe select {
  margin-left:3.75em;
}

/* pour OBJET*/
#objet select {
  margin-left:4.05em;
}

/* cases a cocher des centres d'interet */
/*
#interets {
  font-size:100%;
}
#interets input {
  margin-left:2em;
}
#interets input +input {
  margin-left:1em;
}
#interets br+input {
  margin-left:9em;
}
*/

/* fieldset message */
fieldset#message {
  background:#A4D8EE;
  border:3px outset #A4D8EE;
  margin-left:1.5em;
}

p.ff1 {
  /*margin-left:4.3em;*/
  text-align:center;
   /*font-family: Verdana;*/
  font-size:100%;
	/*font-weight : bolder;*/
}

/* zone de texte du message */
textarea {
  font:0.8em "Trebuchet MS", Verdana, sans-serif;
  width:29em;
  padding:.2em;
  /*margin-left:2em;*/
  margin-left:-4.8em;
  /*margin-top:1.5em;
  margin-bottom:1.5em;*/
}

/*#LO_pseudo input {
  margin-left:-5px;
}*/



/*******************************************************************************/
/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
	color :  #0000e3;
	font-weight : bolder;
	font-size : 80%;
    /*border:1px solid #0000e3;*/
  /*background:#DED983;
  font:1em "Trebuchet MS", Verdana, sans-serif;
  color:#345071;*/
}

p#buttons {
  text-align:center;
}

.ME_adresse 
{
	text-align:center;
	font-weight : bolder;
	font-size : 150%;
}

.ME_num_tel 
{
	text-align:center;
	font-weight : bolder;
	font-size : 200%;
}

.ME_num_tel_Bleu
{
	color :  #0000e3;
}

.ME_num_tel_Vert
{
	color :  #329932; /*vert*/
}

.texte_centre
{
	text-align:center;
	font-weight : bolder;
	font-size : 110%;
}

.texte_centre_rouge
{
	text-align:center;
	font-weight : bolder;
	color:red;
	font-size : 110%;
}
