a
{
	color : #FFCC00;
}

a.banniere
{
	color : #AC1617;
	font-weight : 700;
	font-size : 75%;
	text-decoration : none;	
}

a:hover.banniere
{
  color : #FFC600;
}

a.banniereGestion
{
	color : #FFFFFF;
	font-weight : 700;
	font-size : 90%;
	text-decoration : none;	
}

a:hover.banniereGestion
{
  color : #FFC600;
}

a.lienAction
{
	color : #FFFFFF;  
  font-size : 80%;
	text-decoration : none;  
}

a:hover.lienAction
{
	color : #FFC600;  
  font-size : 80%;
	text-decoration : none;  
}

body
{
  margin-top : 0px;
	background-color : #000000;
	color : #FFFFFF;
	font-family : Arial Narrow;
}

.button
{
  background-color : #000000;
  color : #FFFFFF;
  border-color : #333333;
  border-width : 1;
  font-weight : bold;
  font-size : 12px;
  height : 20px;
}

.button_gestion
{
  background-color : #660000;
  color : #FFFFFF;
  border-color : #333333;
  border-width : 1;
  font-weight : bold;
  font-size : 12px;
  height : 20px;
  padding-left : 5px;
  padding-right : 5px;
}

.button_small
{
  background-color : #000000;
  color : #FFFFFF;
  border-color : #333333;
  border-width : 1;
  font-weight : bold;
  font-size : 12px;
  height : 17px;
}

div.accueil
{
	background-image : url(images/accueil.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 560px;
	height : 740px;
	margin-top : 4px;
	margin-left : 21px;
}

div.adresse
{
	background-image : url(images/adresse.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 560px;
	height : 740px;
	margin-top : 4px;
	margin-left : 21px;
}

div.activites
{
	background-image : url(images/activites.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 560px;
	height : 740px;
	margin-top : 4px;
	margin-left : 21px;
}

div.affichage_photo
{
  font-weight : bold;
  font-family : Arial Narrow;
  color : #FFC600;
}

div.banner
{
	width : 790px;
	height : 155px;
	text-align : right;
}

div.blogue
{
	background-image : url(images/blogue.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 560px;
	height : 740px;
	margin-top : 4px;
	margin-left : 21px;
}

div.blogue_ajout
{
	background-image : url(images/blogue_ajout.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 437px;
	height : 288px;
}

div.blogue_confirm
{
	background-image : url(images/blogue_confirm.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 437px;
	height : 288px;
}

div.calendrier
{
	background-image : url(images/calendrier.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 560px;
	height : 740px;
	margin-top : 4px;
	margin-left : 21px;
}

div.calendrier_accueil
{	
	width : 555px;
	height : 650px;
  overflow : auto;
}

div.calendrier_accueil td
{	
  font-weight : bold;
}

div.calendrier_accueil a.titre
{	
  font-size : 175%;
  text-decoration : none;
}

div.calendrier_accueil span.cout
{	
  color : #FFCC00;
  font-weight : normal;
  font-size : 90%;
}

div.contact
{
	background-image : url(images/contact.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 560px;
	height : 740px;
	margin-top : 4px;
	margin-left : 21px;
}

div.contenu
{
	text-align : left;
	width : 790px;
	height : 745px;
}

div.historique
{
	background-image : url(images/historique.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 560px;
	height : 740px;
	margin-top : 4px;
	margin-left : 21px;
}

div.infoEven td
{
  color : #FFCC00;
  font-size : 14px;
  padding-left : 5px;
}

div.infoEven #cellImage
{
  text-align : center;
  padding-left : 0px;
}

div.infoEven #cellDate
{
	font-weight : bold;	
	color : #FFFFFF;	
	padding-top : 5px;				
}

div.infoEven #cellTitre
{	
	font-size : 24px;
	font-weight : bold;
	padding-top : 5px;	
	padding-bottom : 5px;		
}

div.infoEven #cellDescr
{	
	font-size : 14px;		
	padding-top : 5px;	
	padding-right : 5px;
}

div.infoEven #cellSiteWeb
{				
	padding-top : 5px;
}

div.infoEven
{
  width : 222px;
  height : 403px;
  overflow : auto;
}

div.info_adresse
{
  padding-left : 23px;
  padding-right : 300px;
  padding-top : 75px;
  font-weight : bold;
  text-align : left;
}

div.info_adresse span.titre
{
  font-size : 150%;
}

div.info_adresse div.ouverture
{
  font-size : 80%;
  text-align : center;
  width : 75px;
}

div.info_activites
{
  text-align : left;
}

div.info_activites td.titre
{
  font-style : italic;
}

div.info_activites td.semaine
{
  text-align : left;
  padding-top : 5px; 
  padding-bottom : 10px;
}

div.info_activites td.info
{
  width : 160px;
  height : 123px;
  vertical-align : top;
}

div.info_activites span.titre
{
  font-size : 150%;
  font-weight : bold;
}

div.info_activites span.activite
{
  font-size : 115%;
}

div.info_activites span.details
{
  font-size : 85%;
}

div.info_activites span.supplement
{
  font-size : 85%;
  font-style : italic;
}

div.info_contact
{
  padding-left : 75px;
  padding-right : 10px;
  font-weight : bold;
}

div.info_contact td
{
  font-weight : bold;
}

div.info_contact .textbox
{
  width : 200px;
}

div.info_contact .message
{
  width : 200px;
  height : 172px;
}

div.info_historique p
{
  font-weight : bold;
  font-size : 13px;
}

div.info_menu
{
  padding-left : 165px;
  padding-top : 90px;
  text-align : left;
  font-size : 90%;
  font-style : italic;
  font-weight : bold;
}

div.info_menu td
{
  font-size : 90%;
  font-style : italic;
  font-weight : bold;
}

div.info_menu span.sousTitre
{
  font-variant : small-caps;
}

div.info_menu span.microBrasserie
{
  text-decoration : underline;
}

div.info_menu span.details
{
  font-size : 85%;
  font-style : italic;
}

div.info_blog
{
  padding-top : 72px;
  padding-left : 2px;
  padding-right : 4px;
  text-align : left;
  font-size : 90%;
  font-weight : bold;
}

div.info_blog #text
{
  padding-left : 25px;
  padding-right : 10px;
  height : 285px;
  overflow : auto;  
}

div.info_blog #text td
{
  font-size : 90%;
  font-weight : bold;
}

div.info_blog_ajout
{
  padding-top : 68px;
  padding-left : 30px;
  padding-right : 2px;
  text-align : left;
  font-size : 90%;
  font-weight : bold;
}

div.info_blog_ajout .message
{
  width : 305px;
  height : 125px;
}

div.info_blog_ajout .textbox
{
  width : 250px;
}

div.info_photos
{
  padding-top : 60px;
  padding-left : 18px;
  padding-right : 5px;
  text-align : left;
  font-size : 90%;
  font-weight : bold;
  overflow : auto;
}

div.info_photos td
{
  padding-bottom : 3px;
}

div.info_photos #lst_categ
{
  height : 365px;
  overflow : auto;
}

div.info_photos #album
{
  height : 342px;
  overflow : auto;
}

div.info_photos a
{
  text-decoration : none;
  font-weight : bold;
  font-size : 90%;
}

div.info_photos span.titre
{
  font-weight : bold;
  font-size : 140%;
}

div.info_photos span.nom_photo
{
  font-weight : bold;
  color : #FFC600;
  font-size : 60%;
}

div.info_photos a.lien_photos
{
  text-decoration : none;
  color : #FFFFFF;
  font-size : 90%;
}

div.info_photos a.lien_photos_petit
{
  text-decoration : none;
  color : #FFFFFF;
  font-size : 80%;
}

div.main
{ 
	background-image : url(images/background.jpg);
	background-repeat : no-repeat;  
	text-align : center;
	width : 790px;
}

div.menu
{
	background-image : url(images/menu.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 560px;
	height : 740px;
	margin-top : 4px;
	margin-left : 21px;
}

div.photos
{
	background-image : url(images/photos.jpg);
	background-repeat : no-repeat;
	text-align : center;	
	width : 560px;
	height : 740px;
	margin-top : 4px;
	margin-left : 21px;
}

div.side
{ 
	width : 209px;
	height : 745px;
}

div.side .item_side
{
  width : 175px;
  height : 76px;
  margin-bottom : 2px;
  border : 0;
}

div.side .mailing_list
{
  width : 175px;
  height : 76px;  
  font-weight : bold;
  font-size : 80%;    
}

div.side .mailing_list .textbox
{
  height : 21px;    
  width : 150px; 
}

div.tabCalendrier
{
  padding-right : 2px;
}

div.tabCalendrier table.calendrier
{
  border : solid 1px #FFFFFF;
}

div.tabCalendrier a
{
	color : #FFCC00;
	font-size : 12px;
	font-family : Arial Narrow;	
	font-weight : normal;	
	text-decoration : none;	
}

div.tabCalendrier td.legende
{
	font-size : 10px;
	font-weight : bold;
	font-family : Arial;
	text-align : left;
}

div.tabCalendrier td.case
{
  border : solid 1px #FFFFFF;
	vertical-align: top;
	width: 42px;
	height: 46px;
	font-size : 10px;
	font-weight : bold;
	font-family : Arial;
	padding-left : 2px;
}

div.tabCalendrier td.casej
{
  border : solid 1px transparent;
	vertical-align: bottom;
	width: 44px;
	text-align : center;
	font-size : 10px;
	font-weight : bold;
	font-family : Arial;
	padding-bottom : 2px;
}

.gestion_textbox
{
  width : 340px;
}

.gestion_message
{
  width : 250px;
  height : 150px;
}