/************************************************************************************
form mail
*************************************************************************************/
.monchamp{
 display: none;
}
.field2{
 border: 0px;
}
.cptext{
 float: left;
 color: green;
}
.cpform{
 float: left;
 color: green;
 position: absolute;
 left : 150px;
 height:20px;
 width: 50px;
}
.villetext{
 position: absolute;
 left : 210px;
 color: green;
}
.villeform{
 color: green;
 position: relative;
 left : 220px;
 height:20px;
 width: 200px;
}
.formvalide{
 color: green;
 position: relative;
}
.forminvalide{
 color: red;
 position: relative;
}
.formulairevalide{
 position:absolute;
 left : 150px;
 height:20px;
 width: 200px;
}
.formulaireinvalide{
 position:absolute;
 left : 150px;
 background-color: #FE96A0;
 height:20px;
 width: 200px;
}
.formulairetvalide{
 position:absolute;
 left : 150px;
 height:140px;
 width: 300px;
}
.formulairetinvalide{
 position:absolute;
 background-color: #FE96A0;
 left : 150px;
 height:140px;
 width: 300px;
}
.correction{
 color: green;
 position:relative; top:1px; left:1px;
 font-family:  Verdana, "Comic sans MS", "Arial Black", Arial,sans-serif;
 font-size: 0.60em;
 text-align: left;
}
.langues{
 color: green;
 float : left;
 font-family: "Comic sans MS", "Arial Black", Arial, Verdana, sans-serif;
 font-size: 1.0em;
 font-style : italic;
 text-align: left;
}
.drapeaux{
 position:relative; left : 10px;
 }
 .monBouton {
/* margin:top right bottom left;*/
 position:relative;
 margin:5px 5px 5px 5px;
 text-decoration:none;

 background:         linear-gradient(#7B68EE, #FFFF00);
 background: -webkit-linear-gradient(#7B68EE, #FFFF00);
 background:    -moz-linear-gradient(#7B68EE, #FFFF00);
 background:     -ms-linear-gradient(#7B68EE, #FFFF00);
 background:      -o-linear-gradient(#7B68EE, #FFFF00);
 background:         linear-gradient(#7B68EE, #FFFF00);
 border-radius: 10px;

}
.monBouton:hover {
 color:white;
 text-shadow: 5px 5px 7px rgba(255, 0, 0, 0.9);
}
.monBouton:active {
 position:relative;
 top : 2px;
 left : 2px;
}
.monBoutonf {
 position:relative;
 margin:5px 5px 5px 5px;
 padding-top:8px;
 padding-bottom:8px;
 padding-right:25px;
 padding-left:25px;
 text-decoration:none;
 background:         linear-gradient(#7B68EE, #FFFF00);
 background: -webkit-linear-gradient(#7B68EE, #FFFF00);
 background:    -moz-linear-gradient(#7B68EE, #FFFF00);
 background:     -ms-linear-gradient(#7B68EE, #FFFF00);
 background:      -o-linear-gradient(#7B68EE, #FFFF00);
 background:         linear-gradient(#7B68EE, #FFFF00);
 border-radius: 10px;

 }
.monBoutonf:hover {
 color:white;
 text-shadow: 5px 5px 7px rgba(255, 0, 0, 0.9);
}
.monBoutonf:active {
 position:relative;
 top : 2px;
 left : 2px;
}

.pied{
 color: blue;
 font-family:  Verdana, "Comic sans MS", "Arial Black", Arial,sans-serif;
 font-size: 0.5em;
 opacity: 0.5;
 position:fixed; bottom:1px; left:1px;
 background-color: lightgrey;
}
/*input Fichier*/
.label-file {
  float: left;
    cursor: pointer;
    color: #00b1ca;
    font-weight: bold;
}
.label-file:hover {
    color: #25a5c4;
}
.mespieces
{
  position : relative;
  left : 150px;
  top : 150px;
  height:100px;
  width: 400px;
}
.moncadre
{
  position : relative;
  left : 150px;
  top : 80px;
  height:100px;
  width: 600px;
}
.resultat
{
 color: green;
 position:relative; top:1px; left:50px;
 font-family: "Comic sans MS", "Arial Black", Arial, Verdana, sans-serif;
 font-size: 1.5em;
 font-style : italic;
 text-align: left;
}