body{
background-color:#444444;
text-align:center;
min-width:1024px;
font-family:arial;
}
.logo{
position:absolute;
}
.texte_stations1{
position:fixed;
top:150px;
left:600px;
width:100px;
height: 100px;
}
.texte_stations1 h5{
position: relative;
z-index: 2;
font-weight: normal;
background: grey;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 50%;
}
.texte_stations1 h5 a {
display: block;
padding: 12px 0 12px 20px;
color: #333;
text-decoration: none;
}
.texte_stations1 p{
color:#444444;
background-color: #E3F7F7;
opacity:0.8;
width:400px;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
     transform: scaleY(0);
     transform-origin: 50% 0;
     transition:transform 1s ease;
}
.texte_stations1:hover p{
     transform: scaleY(1);
}
.cadre{
background-color:#E2EAF4;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
text-align:center;
border:5px;
border-style:outset;
border-color:grey;
width:30%;
margin: 0px auto 0px auto;
}
.tableau{
}
.formulaire{
width:50%;
margin: 0px auto 0px auto;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.reglement{
position:absolute;
top:500px;
margin: 0px auto 0px auto;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.reglement1{
width:200px;
position:absolute;
top:100px;
left:150px;
margin: 0px auto 0px auto;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.reglement2{
width:200px;
position:absolute;
top:265px;
left:150px;
margin: 0px auto 0px auto;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.reglement3{
width:300px;
position:absolute;
top:100px;
left:850px;
margin: 0px auto 0px auto;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.reglement4{
width:330px;
position:absolute;
top:227px;
left:850px;
margin: 0px auto 0px auto;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.reglement5{
width:400px;
position:absolute;
top:100px;
left:400px;
margin: 0px auto 0px auto;
background-color:#E0F8F7;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.reglement6{
width:300px;
position:absolute;
top:355px;
left:850px;
margin: 0px auto 0px auto;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.reglement7{
position:absolute;
top:550px;
margin: 0px auto 0px auto;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.reglement8{
position:absolute;
top:250px;
text-align:center;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.Compta_titre_page{
position:absolute;
text-align:center;
color:blue;
font-size:16px;
}
.Compta_longvic_cadre_fond{
width: 600px;
left: 50px;
top: 180px;
position: absolute;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.Compta_fauverney_cadre_fond{
width: 600px;
left: 700px;
top: 180px;
position: absolute;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.Etat_longvic_cadre_fond{
width: 600px;
left: 50px;
top: 180px;
position: absolute;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
font-size:60%;
}
.Etat_fauverney_cadre_fond{
width: 600px;
left: 700px;
top: 180px;
position: absolute;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
font-size:60%;
}
.formulairebon{
background-color:#D9D9D9;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
width:75%;
margin: 0px auto 0px auto;
}
.bonpiste{
background-color:#D9D9D9;
border:1px solid #000000;
padding:10px;
text-align:left;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
width:75%;
margin: 0px auto 0px auto;
}
.bonpiste1{
background-color:#ffffff;
border:1px solid #000000;
padding:10px;
text-align:left;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
width:60%;
}
.etape_suivante{
background-color:#ffffff;
border:1px solid #000000;
padding:10px;
text-align:center;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
margin: 0px auto 0px auto;
width:60%;
}
.validation{
background-color:#E2EAF4;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
text-align:center;
width:300px;
margin: 0px auto 0px auto;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.erreur{
background-color:white;
text-align:center;
border:2px;
border-style:outset;
border-color:red;
width:500px;
margin: 0px auto 0px auto;
}
.erreur2{
background-color:white;
text-align:center;
border:4px;
border-style:outset;
border-color:red;
width:30%;
margin: 0px auto 0px auto;
}
.titre_page{
text-align:center;
color:#ffffff;
font-size:20px;
}
a{
text-decoration:none;
color:#CC3300;
}
a:hover{
text-decoration:none;
color:#FF6633;
font-size:18px;
}
.retour{
text-align:center;
font-size:12px;
}
.tabb{
background-color:#FFFFFF;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
text-align:center;
width:300px;
margin: 0px auto 0px auto;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px; 
}
.tabb2{
background-color:#FFFFFF;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
text-align:center;
width:300px;
margin: 0px auto 0px auto;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.tabb3{
background-color:#FFFFFF;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
text-align:center;
width:300px;
margin: 0px auto 0px auto;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
}
.form_devis{
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
width:70%;
margin: 0px auto 0px auto;
}
#zone{
position:absolute;
left:-512px;
height:400px;
width:1024px;
margin:-50px auto auto 50%;
}
#zone_gauche{
color:white;
position:absolute;
width:195px;
height:450px;
margin:20px auto auto 100px;
padding:90px 100px 0 55px;
}
#zone_droite{
position:absolute;
background-color:#D9D9D9;
text-align:center;
border:1px solid #000000;
padding:10px;
box-shadow: #000000 0.5em 0.5em 0.3em;
border-radius: 20px 20px 20px 20px;
width:40%;
margin: 200px auto auto 400px;
}
#zone_gauche a{
color:white;
font-size:12pt;
}
.aff_client{
margin-left:50px;
}
#compteur{
position:absolute;
margin-top:-50px;
}

.print_etat_longvic{
position: absolute;
margin :10px;
padding:10px;
border-radius: 20px 20px 20px 20px;
top:20px;
left:500px;
font-size:14px;
}
.print_etat_fauverney{
position: absolute;
margin :10px;
padding:10px;
border-radius: 20px 20px 20px 20px;
top:20px;
left:500px;
font-size:14px;
}
@font-face {
  font-family: 'Journal';
  src: url('journal.eot');
  src: local('Journal Regular'), local('Journal'), url('journal.woff') format('woff'), url('journal.ttf') format('truetype'), url('journal.svg#Journal') format('svg');
  }

@media screen {

.sigPad {
  margin: 0;
  padding: 0;
  width: 500px;
  }

.sigPad label {
  display: block;
  margin: 0 0 0.515em;
  padding: 0;
  color: #000;
  font: italic normal 1em/1.375 Georgia,Times,sans-serif;
  }

.sigPad label.error {
  color: #f33;
  }

.sigPad input {
  margin: 0;
  padding: 0.2em 0;
  width: 150;
  /* border: 1px solid #000000; */
  font-size: 1em;
  }

.sigPad input.error {
  border-color: #f33;
  }

.sigPad button {
  margin: 1em 0 0 0;
  padding: 0.6em 0.6em 0.7em;

  background-color: #A44040;
  border: 0;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;

  cursor: pointer;

  color: #ffffff;
  font: bold 1em/1.375 "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: left;
  }

.sigPad button:hover {
  background-color: #000000;

  color: #fff;
  }

.sig {
  display: none;
  }

.sigNav {
  display: none;
  height: 2.25em;
  margin: 0;
  padding: 0;
  position: relative;

  list-style-type: none;
  }

  .sigNav li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    }

    .sigNav a,
    .sigNav a:link,
    .sigNav a:visited {
      display: block;
      margin: 0;
      padding: 0 0.6em;

      background-color: #fff;

      color: #A44040;
      font-weight: bold;
      line-height: 2.25em;
      text-decoration: underline;
      }

    .sigNav a.current,
    .sigNav a.current:link,
    .sigNav a.current:visited {
      background-color: #A44040;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -webkit-border-top-left-radius: 8px;
      -webkit-border-top-right-radius: 8px;

      color: #fff;
      text-decoration: none;
      }

    .sigNav .typeIt a.current,
    .sigNav .typeIt a.current:link,
    .sigNav .typeIt a.current:visited {
      background-color: #eee;

      color: #555;
      }

    .sigNav .clearButton {
      bottom: 0.2em;
      display: none;
      position: absolute;
      right: 0;

      font-size: 0.75em;
      line-height: 1.375;
      }

.sigWrapper {
  clear: both;
  height: 55px;

  border: 1px solid #eee;
  }

.sigWrapper.current {
  border-color: #000000;
  }

.signed .sigWrapper {
  border: 0;
  }

.pad {
  position: relative;
  }

  .current .pad {
    cursor: url("pen.png") 8 8, crosshair;
    }

.typed {
  height: 55px;
  margin: 0;
  padding: 0 5px;
  position: absolute;
  z-index: 90;

  cursor: default;

  color: #145394;
  font: normal 1.875em/50px "Journal",Georgia,Times,serif;
  }

.typeItDesc,
.drawItDesc {
  display: none;
  margin: 0.75em 0 0.515em;
  padding: 0.515em 0 0;

  border-top: 3px solid #A44040;

  color: #000;
  font: italic normal 1em/1.375 Georgia,Times,sans-serif;
  }

p.error {
  display: block;
  margin: 0.5em 0;
  padding: 0.4em;

  background-color: #f33;

  color: #fff;
  font-weight: bold;
  }

}