/*------------------------------------ 
Feuille de style site HYMEO - Sous domaine KITS 
Copyright : HYMEO
Author : Catherine PRAUD
Date (creation): 
Date (revision):
Version : 
*/

/*-----------------
BASE
-------------------*/
html {
      margin: 0;
	    padding: 0;      
    }

body {
      font-family: "Tahoma", Arial, sans-serif;     
      position: relative;
      margin: auto;
      text-align: center;  
      background-color: #FFFFFF;      
    }
                                                                                                 
/*------------------- 
MENU
-------------------*/    

                               
                                            
/*--------------------------------
MAIN
---------------------------------*/
#main {
        position: relative;
        background: transparent url(images/bg_kits.png) no-repeat top;
        margin: auto;
        top: 10px;        
        width: 960px;
        height: 1150px;
        /*border: 1px solid green;*/              
      }
/*--------------------------------
TOP BANNER
---------------------------------*/

#top_banner {
            position: relative;
            top: 20px;
            left: 0px;
            width: 850px;
            height: 300px;
            margin: auto;
            /*border: 1px solid blue;*/
            }
            
#bottom_banner {
                position: relative;
                top: 170px;
                left: 0px;
                width: 850px;
                /*height: 300px;*/
                margin: auto;
                /*border: 1px solid green;*/
                } 
                
#logo {
       position: absolute;
       top: -100px;
       right: 0px;
       width: 300px;
       height: 200px;
       /*border: 1px solid red;*/
      }           
               

#clear {
        clear: both;
       }
                       
.title {
        font-size: 25pt;
        /*color: #383838;*/
        color: #1E2A6E;
        font-family: Times, sans-serif; 
        font-family: "Caslon", Times, sans-serif; 
       }

/*-----------------------
FONTS
------------------------*/

/*Pour IE le code est différent soit :  */
@font-face { 
            font-family: "Caslon";
            src: url('fonts/caslon.eot');
           } 
@font-face {
            font-family: "Caslon";
            src: url('fonts/caslon.ttf');
           }
                  
/*---------------
FORMULAIRES & BOUTONS
----------------*/
#bouton_send {
              background: transparent url(images/send_button.png) no-repeat top;
              width: 75px;
              height: 25px; 
              float: right;
              margin-right: 10px;      
              }  
        
#field {
       background-color: #a3a0a0;
       display: inline; 
       padding: 4px 20px 4px 20px;
       font-size: 10pt;
       color: white;
       border: 2px outset white;
      }        
      #field:hover {
                    border: 2px outset grey;
                    }        
      /*#field input:hover {
                          background-color: green;
                          } */

#field_textarea {
                 background-color: #a3a0a0;
                 display: block;
                 width: 285px;
                 height: 137px;
                 padding: 4px 20px 0px 20px;
                 font-size: 10pt;
                 color: white;
                 border: 2px outset white;
                 /*overflow: hidden;*/
                }
                #field_textarea:hover {
                                      border: 2px outset grey;
                                      }
/*tr {    
    color: white;
    font-size: 10pt;    
    }*/        

input {
       background-color: #a3a0a0;
       border-width: 0px;                
       font-size: 10pt;
       color: black;
       padding-left: 10px;
       border: 1px outset grey;
      }
      /*input:hover {
                  background-color: green;
                  }*/
textarea {
          background-color: #a3a0a0;
          border-width: 0px;          
          font-size: 10pt;
          color: black;
          border: 1px outset grey;
          /*overflow: hidden;*/
          }      
 
/*------------
LIENS
------------




/*-----------------
FOOTER
-------------------*/
                      
#footer {        
         position: relative;
         top: -40px;
         width: 850px;
         margin: auto;        
         font-size: 9pt;
         text-align: center;
         color: black;            
         /*border: 1px solid #c9ced0;*/
         border-top: 1px solid #c9ced0;  
         }          
              
          #footer a {
                     color: #242d3a;
                     text-decoration: underline;                     
                    }
          #footer a:link,
          #footer a:visited {
                              color: #242d3a;                              
                             }       
          #footer a:hover {
                            color: black;                            
                           }
          #footer a:active { 
                            color: black;
                            }