/* Chatterie.ch */
body,html
{
min-height:1024px;
height:100%;
margin:0;
text-align:center;
}
.container
{
margin-left:auto;
margin-right:auto;
width:760px;
text-align:left;
}
.surheader
{
margin-top:20px;
margin-right:10px;
text-align:right;	
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
}
.header
{
margin-top:5px;
width:100%;	
height:79px;
background-color:#0066FF;
}
.footer
{
width:760px;
height:30px;
background:#333333;
}
.left
{
float:left;
}
.right
{
float:right;
}
.nav
{
margin-top:3px;
width:100%;
height:23px;
background-color:#B7B7B7;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
word-spacing:5px;

}
.contenu
{
width:550px;
height:100%;
margin-left:15px;
margin-top:10px;
float:left;
}
.contenu_full
{
width:750px;
height:100%;
margin-left:15px;
margin-top:10px;
float:left;
}
.contenu-droite
{
width:150px;
margin-right:10px;
margin-top:10px;
float:right;
}
.cadre{
width:500px;
padding:5px;
background-color:#CCCCCC;
border-color:#333333;
border-style:solid;
border-width:1px;
}
.colone1{
width:250px;
height:250px;
float:left;
}
.img{
padding-left:10px;
margin-left:10px;
float:left;
}
img {
border:none;
}
.puce{
border:0px;
}
.galerie{
text-align:center;
}
.acc_colone{
width:160px;
float:left;
margin-right:10px;
}
.row1{
background:#f0f0f0;	
}
.row2{
background:#ffffff;	
}
.photo{
margin-right:5px;
margin-bottom:5px;
}
/* ------------------------------------------texte & menu------------------------------------------ */

#hdmenu {
  float:left;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 18px;
  padding-top: 5px;
}

#hdmenu li {
  padding: 0 1em 0 1.2em;
  display: inline;
  border-left: 1px solid #C8C8C8;
}

#hdmenu li a {
  color: #fff;
  font-weight: bold; 
  text-decoration: none;
}

#hdmenu li:first-child {
  border-left: 0;
  padding-left: 0;
}
h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CC6600;
font-size:14px;
font-weight:bold;
}
h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
font-weight:bold;
}
#texte{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
text-align:justify;
}
#texte a{
color:#0066FF;
}
#texte a:after{
color:#0066FF;
}
#rouge{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:12px;
font-style:italic;
}
textarea, input{
margin-top:3px;
border-color:#999999;
border-style:solid;
border-width:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
margin-right:4px;
}
li{
margin-top:10px;
}

/* ------------------------------------------afficher calque au survol d'un lien------------------------------------------ */
.horaires a {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
.horaires a:hover {
background: none; /* correction d'un bug IE */
}
.horaires a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
.horaires a:hover span { /* définition de la balise <span> au survol */
display: inline;
position:fixed;
top: 600px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 510px;
width: 365px;
height: 50px;
background:#ffffff;
border-top:#333333 1px solid;
border-bottom:#333333 1px solid;
}