/****************************************************************************************************************************

  BERTRAND

 ****************************************************************************************************************************

 @page     : general.css
 @chemin   : /_template/css/
 @auteur   : Jérémy SAMOYEAU (http://www.autodidacte.net)
 @creation : 03/10/2005

 ****************************************************************************************************************************

 Utilité : feuille de style générale du site

 ***************************************************************************************************************************/


/*-----------------------
  Déclarations générales |  
---------------------------------------------------------------------------------------------------------------------------*/

html {
color: #fff;
background: #999 url("../img/background1.gif") repeat top left;
}

body {
margin: 0; 
padding: 0;
font-family: "Trebuchet MS", Tahoma, verdana, arial, times, "times new roman", serif;
font-size: 12px;
color: #fff; 
background: #999 url("../img/background1.gif") repeat top left;
}


a { 
color: #b1b1b1;
background-color: transparent;
text-decoration: none;
} 

a:hover { 
color: #fff;
background-color: transparent;
text-decoration: none;
} 

img { 
border: 0;
vertical-align: middle;
}


p {
margin: 0;
padding: 0;
text-align: justify;
}

.none {
display: none;
}


/*---------------------------
  Bandeau en haut de la page |  
---------------------------------------------------------------------------------------------------------------------------*/


#bandeau_haut {
margin: 0 auto;
padding: 0;
width: 680px;
height: 200px;
color: #000;
background: transparent url("../img/titre.gif") no-repeat bottom left;
}

/* titre de niveau 1 : non affiché car le bandeau le remplace */
#bandeau_haut h1 {
display: none;
}



/*--------------------------
  Bandeau en bas de la page |  
---------------------------------------------------------------------------------------------------------------------------*/

#bandeau_bas {
margin: 0 auto;
padding: 0;
width: 680px;
height: 60px;
color: #fff;
background: transparent url("../img/baseline.gif") no-repeat top right;
}

#bandeau_bas a {
color: #fff;
background-color: #EACDCD;
text-decoration: none;
}

#bandeau_bas a:hover {
text-decoration: underline;
}



/*----------
  Conteneur |  
---------------------------------------------------------------------------------------------------------------------------*/

#conteneur {
margin: 0; 
padding: 0;
height: 171px;
color: #000;
background: #999 url("../img/background2.gif") repeat top left;
border-top: 1px solid #b1b1b1;
border-bottom: 1px solid #b1b1b1;
display: block;
}

#photos {
margin: 0 auto; 
padding: 15px 0 0 0;
width: 680px;
display: block;
}

#photos img {
margin: 0 10px; 
padding: 0;
border: 1px solid #fff;
}


/*-----
  Menu |  
---------------------------------------------------------------------------------------------------------------------------*/

#menu_home {
margin: 18px auto 0 auto; 
padding: 0;
width: 680px;
color: #fff;
background-color: transparent;
}


#menu_home ul {
margin: 0; 
padding: 0;
}

#menu_home li {
margin: 0; 
padding: 0;
list-style: none;
float: left;
}

#menu_home li a {
margin: 0; 
padding: 0;
width: 70px;
height: 37px;
line-height: 50px;
text-align: center;
display: block;
text-decoration: none;
color: #fff;
background: transparent url("../img/background3.gif") no-repeat center center;
}

#menu_home li a:hover {
color: #bbb;
background: transparent url("../img/background3.gif") no-repeat center center;
}