/* 
    Document   : login
    Created on : 27 août 2011, 15:18:28
    Author     : Christophe
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
  width:100%;
  
  background-image: url("/../images/planete1.png");
  background-repeat: no-repeat;
  background-color: #F2F2F2;
 /* background-color: #F4EDE9;*/
}

#bouton1{
    display: inline-block;
    vertical-align: top;
    margin-left:250px;
    top: 5px;
 /*   border: solid red 1px ;*/
}  
#bouton2{
    display: inline-block;
    vertical-align: top;
    
    top: 5px;
 /*   border: solid red 1px ;*/
}  

#login {
   /* float:right;*/
   /* display: inline-block;*/
   position: absolute;
   background: url("/../images/fct-bouton3-acc.png") no-repeat;
    margin-top:120px;
    margin-left:250px;
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: top;
    width:420px;
    height: 90px;
    font-family: "Myriad", Helvetica, Arial;
    color: gray;
    font-size: 0.8em;
  /*  border: solid red 1px ;*/
}



#login p.letitre{
   /* border: solid red 1px ;*/
   
    line-height: 7px; 
    color: blue;
    font-family: "Comic Sans MS", Helvetica, Arial;
    font-size: 1em;
}


#calculatrice {
    float:right;
    margin-left:300px;
}
#titre {
   
    margin-top: 3%;
   
}  
#titre h1{
   
    text-align: center;
    color: blue;
}  

#titre p{

    text-align: center;
    color: blue;
    margin-bottom: 2px;
    margin-top: 2px;
    
}  

#calcul h1{
   
    text-align: center;
    color: blue;
}  

#calcul h1 a:hover { color: red ; text-decoration: none ; }
#calcul h1 a:link {
    text-decoration: none;
   /* font-weight:bold ;*/
    color: #1e49ab;

}

#calcul p{

    text-align: center;
    color: blue;
    margin-bottom: 2px;
    margin-top: 2px;
    
}  

#basPage {
   position: absolute;
   top: 850px;
   left:150px;
}  

#basPage p{

    text-align: center;
    font-family: "Myriad", Helvetica, Arial;
    color: gray;
    margin-bottom: 2px;
    margin-top: 2px;
       
}  

#basPage p a{

    text-align: center;
    font-family: "Myriad", Helvetica, Arial;
    color: gray;
    margin-bottom: 2px;
    margin-top: 2px;
       
}  

#calculatrice a img {
    border: none;
  

}
.button {
   border-top: 1px solid #575b5e;
   background: #9fabb3;
 /*  background: -webkit-gradient(linear, left top, left bottom, from(#7c858a), to(#9fabb3));
   background: -webkit-linear-gradient(top, #7c858a, #9fabb3);
   background: -moz-linear-gradient(top, #7c858a, #9fabb3);
   background: -ms-linear-gradient(top, #7c858a, #9fabb3);
   background: -o-linear-gradient(top, #7c858a, #9fabb3);
   padding: 3.5px 7px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
  /* border-radius: 9px;*/
   border-radius: 1em;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 2px 2px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
 .button:hover {
   border-top-color: #28597a;
   background: #4674c2;
   color: #ccc;
   }
 .button:active {
   border-top-color: #1b435e;
   background: #4674c2;
   }