/* 
    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%;
  margin:0px auto;
background-color: #F2F2F2;
}

#conteneur{
    width:100%;
    margin:0 auto;
  /*  background-color: #add1ff;*/
}
#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;
    /*margin-left:0px;*/
    width:300px;
    color: grey;
}

#tab_recap {
    position: absolute;
    margin-top:5px;
    margin-left:350px;
    /*margin-left:0px;*/
    border-color: blue;
    /*width:300px;*/
    color: gray;
}


#login p{
   /* border: solid red 1px ;*/
    margin-bottom: 0px;
    line-height: 7px;
   
}

#calculatrice {
    float:right;
    margin-left:300px;
}
#titre {
   
    margin-top: 140px;
   
}  
#corps h1{
   
    text-align: center;
    color: gray;
}  

#corps p{

    text-align: center;
    color: gray;
    margin-bottom: 2px;
    margin-top: 2px;
    
}  
#corps .bouton {

    text-align: left;
    color: gray;
    margin-left: 20px;
    margin-bottom: 2px;
    margin-top: 20px;
    
}  
#calcul h1{
   
    text-align: center;
    color: gray;
}  

#calcul p{

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

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

}

#calculatrice a img {
    border: none;
  

}

.tableau td.montant/* Les cellules normales */
{
   font-family: verdana, Geneva, sans-serif;
   font-size:11px;
   text-align: right; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   width: 100px;
}

.montant input
{
   font-family: verdana, Geneva, sans-serif;
   font-size:11px;
   text-align: right; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   width: 100px;
}

.tableau  /* Le tableau en lui-même */
{
 font-size : 11px;
    margin-top: 15px;
  font-family : Verdana, arial, helvetica, sans-serif;
 /* color : #333333;*/
 background-color: #F2F2F2;
  border: 1px black;
  /*height:2px;*/
  line-height: 13px;
/* border-collapse: collapse;*/

}

.tableauBis  /* Le tableau en lui-même */
{
 font-size : 11px;

  font-family : Verdana, arial, helvetica, sans-serif;
 /* color : #333333;*/
  background-color : #FFFFFF;
 
  /*height:2px;*/
  line-height: 13px;
/* border-collapse: collapse;*/

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: orange;
    border-left-color: orange;
    border-bottom-color: orange;
    border-top-color: orange;
}

.tab_recap {
    
    font-size : 11px;
    font-family : Verdana, arial, helvetica, sans-serif;
     
    background-color : #FFFFFF;
    line-height: 13px;
/* border-collapse: collapse;*/

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: orange;
    border-left-color: orange;
    border-bottom-color: orange;
    border-top-color: orange;
}

.tableauBis td  /* Les cellules normales */
{
  /* height:2px;
   line-height: 1px;*/
  border: 5px;
   font-family: verdana, Geneva, sans-serif;
   font-weight: normal;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */

}

.tableau th  /* Les cellules d'en-tête */
{
    background: url("../js/jquery-ui-1.8.16/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
  text-align : center;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  /*font-weight : bold;
  background-color : #7b7881;*/
  line-height: 10px;
  padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.tableau td  /* Les cellules normales */
{
  /* height:2px;
   line-height: 1px;*/
   font-family: verdana, Geneva, sans-serif;
   font-weight: normal;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */

}

.tableau a:link {
    text-decoration: none;
   /* font-weight:bold ;*/
    color: #1e49ab;

}
.tableau tr.impaire:hover td
{
   background-color:  #45bf43;

}
.tableau tr:hover td
{
   background-color:  #45bf43;

}

.tableau tr.impaire td
{
   background-color:  #e9edfa;

}
#basPage1 {
   
    margin-top: 5%;
   
}  

#basPage1 p{

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

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

#basPage2 p{

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

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





.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;
   }