#body-login {
/*        text-align: center;*/
        background: #006400; /* Old browsers */
        background: -moz-linear-gradient(top, #90EE90 0%, #006400 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90EE90), color-stop(100%,#006400)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #90EE90 0%,#006400 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #90EE90 0%,#006400 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #90EE90 0%,#006400 100%); /* IE10+ */
        background: linear-gradient(top, #90EE90 0%,#006400 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90EE90', endColorstr='#006400',GradientType=0 ); /* IE6-9 */
        background-attachment: fixed; /* fix background gradient */
        height: 100%; /* fix sticky footer */
}



/* Demos styles. Remove if desired */

/* demo #1 textarea */

.control-copytextarea{
  cursor: pointer;
  font-weight: bold;
  padding:3px 10px;
  border-radius: 5px 5px 0 0;
  background: darkred;
  color: white;
  display: inline-block;
  box-shadow: 0 0 3px gray;
}

/* demo #2 input text with control */

#select2{
  line-height: 25px;
  font-size: 105%;
width: 95%;
max-width: 500px;
  margin: 0;
}

.control-copyinput{
  cursor: pointer;
  font-weight: bold;
  padding:3px 10px;
  border-radius: 8px;
  background: darkred;
  color: white;
  display: inline-block;
  box-shadow: 0 0 3px gray;
  line-height: 25px;
}

/* demo #3 input text only */

fieldset{
width: 95%;
background: lightyellow;
max-width: 600px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#select3{
  font-size: 105%;
  margin: 0;
width: 90%;
max-width: 500px;
}

/* demo #4 regular div */

#select4{
width: 200px;
border: 1px solid orange;
padding: 5px;
background: lightyellow;
}


.control-copydiv{
  cursor: pointer;
margin-top: 8px;
display: inline-block;
border: 1px solid red;
color: red;
padding: 2px 5px;
border-radius: 3px;
  margin-top: 8px;
  background: white;
}


#global {
width: 100%; /* -> 3 */
overflow: hidden; /* -> 3 */
}

#entete{
position: fixed;
top: 0;
margin-left: 500px;
}

#navigation{
position: fixed;
top: 0;
width: 500px;
}

#contenu{
position: fixed;
top: 300px;
margin-left: 500px;
}



/* Just to play with animations */
.copiedtext {
  position: absolute;
  left: 0; top: 0; right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-1em);
  color: #000;
  transition: all .500s;
}
.copied .copiedtext {
  opacity: 1;
  transform: translateY(-2em);
}


/* Some Generic styles */
body {
/*  text-align: center;*/
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #444;
  line-height: 1.6;
}
h1 {
  margin: 1.75em auto 1.25em;
}
textarea,
button {
  font-size: 1em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
textarea {
  display: block;
  width: 300px;
  max-width: 100%;
  height: 75px;
  margin: 2em auto 1.5em;
  background: #F2F2F6;
  border: 1px solid #ddd;
  padding: 10px 15px;
  resize: vertical;
}
[id="cleared"] {
  margin-top: 4em;
}
textarea:focus {
  border-color: #8fa423;
}
button {
  position: relative;
  padding: 8px 20px;
  border: 0;
  font-size: 0.835em;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: bold;
  color: #FFF;
  background: #8fa423;
  transition: background .275s;
}
button:hover,
button:focus {
  background: #74861A;
}

p {
  margin-top: 3.25em;
  font-size: .825em;
  color: #777;
  font-weight: bold;
  letter-spacing: .01em
}