* {margin:0; padding:0;}
body {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  text-align:center;
}
.blanc{
  width: 810px;
  background-color:FFFFFF;
}
.siteperso {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  width: 800;
  margin-top:10px;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 0px;
  border-color: #000000;
  display:block;
}
.haut_page {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #BBAABB;
  background-image: url(http://www.zzoomm.fr/images/haut_zzoomm_800.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  font-size: 100%;
  height: 155px;
  width: 100%;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  text-align:left;
  }
.bas{
  clear:left;
}
.bas_site_perso{
border-top-style: solid;
border-top-width: 1px;
border-top-color: #BBAABB;
clear:both;
margin-top:20px;
}
.bas_site_perso a{
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif;
text-decoration:none
}
.bas_site_perso a:hover{
COLOR: #FF0000;
}
 
  .gauche {
  border-style: solid;
  border-width: 0px;
  margin-right:0px;
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-right:0px;
  padding-left:0px;
  padding-bottom:0px;
  border-color: #BBAABB;
  display:block;
  float:left;
  clear:left;
  width:203px;
  }
  .imagegauche {
  border-style: solid;
  border-width: 2px;
  margin-right:0px;
  margin-left:0px;
  margin-top:3px;
  margin-bottom:0px;
  padding-right:0px;
  padding-left:0px;
  padding-bottom:0px;
  border-color: #BBAABB;
  display:block;
  }
.imagegauche IMG{  
  display:block;
  width:199px;
  border-style:none;
  border-width:0px;
  }
.imagegauche a{
  text-decoration:none;
  border-style:none;
  border-width:0px;
  }

  .cadregauche {
  border-style: solid;
  border-width: 1px;
  margin-right:0px;
  margin-left:0px;
  margin-top:3px;
  margin-bottom:0px;
  padding-right:0px;
  padding-left:0px;
  padding-bottom:0px;
  border-color: #BBAABB;
  display:block;
  }
   
.contenu{
text-align:center;
border-style: none;
border-width: 0px;
border-color: #BBAABB;
display:block;
padding-top:0px;
margin-left:auto;
margin-right:0px;
margin-top:0px;
width:594px;

}
 .cadrecontenu {
  border-style: solid;
  border-width: 1px;
  margin-right:0px;
  margin-left:0px;
  margin-top:3px;
  margin-bottom:0px;
  padding-right:0px;
  padding-left:0px;
  padding-bottom:10px;
  border-color: #BBAABB;
  display:block;
  background-color:white;
  text-align:center;
  }
.cadrecontenu h1{

FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #888888; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
border-top-style:solid;
border-bottom-style:solid;
border-top-width:1px;
border-bottom-width:1px;
border-color:#000000;
background-color:#EEEEFF;
padding-top:8px;
padding-bottom:8px;
margin-right:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:30px;
}

.fin{
clear:both;
}
.photo{
margin-left:auto;
margin-right:auto;
}
.photo IMG{  
display:inline;
width:120px;
border-style:solid;
border-width:1px;
border-color:#DDDDDD;
margin-left:10px;
margin-right:10px;
margin-top:15px;

}


.contenu h2{
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
margin:20px;
}
.contenu p{
text-align:left;
padding: 10px;
margin-top: 0px;
margin-bottom: 20px;
margin-right:60px;
margin-left:60px;
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif;
line-height:2em;
border-left-style:dashed;
border-left-width:1px;
border-color:#DDDDDD;
}
.contenu h5{
text-align:left;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 0px;
margin-bottom: 0px;
margin-right:60px;
margin-left:60px;
FONT-WEIGHT: blod; FONT-SIZE: 11px; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif;
line-height:2em;
border-bottom-style:dashed;
border-bottom-width:1px;
border-color:#DDDDDD;
}
.tarifetdispo{
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif;
}
.planning  td{
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif;
text-align:center;
border-style: solid;
border-width: 1px;
border-color: #BBFFBB;
padding-left:10px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
}
#libre{
background-color:lime;
}
#option{
background-color:yellow;
}
#reserve{
background-color:red;
}
#date{
width:320px;
text-align:left;
}
 p#avertissement{
 display:block;
 color:#CC6677;
 font-size:9px;
 text-align:center;
 line-height:1.4em;
 margin-bottom:15px;
 border-style:none;
 padding:0px;
 }
.fermer {
text-align:center;
margin-bottom:3px;
}
.fermer a{
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif;
text-decoration:none
}
.fermer a:hover{
COLOR:red;
}

.cadreliens {
text-align:left;
margin-bottom:3px;
margin-top:3px;
}
.cadreliens a{
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif;
text-decoration:none
}
.cadreliens a:hover{
text-decoration:underline;
}
.cadreliens li{
list-style-position:inside;
list-style-type:square;
border-top-style:solid;
border-top-width:1px;
border-color:#BBAABB;
padding-top:3px;
padding-bottom:3px;
padding-right:10px;
padding-left:0px;
}
.cadreliens ul{
border-bottom-style:solid;
border-bottom-width:1px;
border-color:#BBAABB;
color:#BBAABB;
}