html,body
{
  margin:0;
  padding:0;
  background-color:#573c30;
  font-family:"Trebuchet MS", Georgia, Verdana, Arial;
  color:#000000;
  font-size:12px;
  width:100%;
  height:100%;
}  

#body
{
  position:relative;
  min-height:100%;
  overflow:auto;
}

h1, h2, h3, h4
{
  margin:0;
  padding:0;
}
h1
{
  font-weight:normal;
  font-size: 30px;
}
h2
{
  font-weight:200;
  font-size: 24px;
}
h3
{
  font-weight:normal;
  font-size: 12px;
}

a, a:hover, a:visited
{
  outline:none;
  color:#000000;
  text-decoration:none;
  font-weight:bold;
}

a img
{
  border:none;
}

.alertTop, .alertBottom {display:block; background:transparent; font-size:1px;}
/**top*/
.xb1top, .xb2top, .xb3top, .xb4top {display:block; overflow:hidden; background-color:#d4ae6d;}
.xb1top, .xb2top, .xb3top {height:1px;}
.xb1top {margin:0 5px;}
.xb2top {margin:0 3px;}
.xb3top {margin:0 2px;}
.xb4top {height:2px; margin:0 1px;}

/*bottom*/
.xb1bottom, .xb2bottom, .xb3bottom, .xb4bottom {display:block; overflow:hidden; background-color:#d4ae6d;}
.xb1bottom, .xb2bottom, .xb3bottom {height:1px;}
.xb1bottom {margin:0 5px;}
.xb2bottom {margin:0 3px;}
.xb3bottom {margin:0 2px;}
.xb4bottom {height:2px; margin:0 1px;}

/**************/
/**** haut ****/
/**************/
#haut
{
  height:220px;
  margin-bottom:20px;
  background-color:#000000;
}
#bulleJour
{
  position:absolute;
  top:120px;
  left:50%;
  margin-left:-630px;
  z-index:100;
}  
#bulleJourImg
{
  cursor:pointer;
}
#hautTexteContainer
{
  position:absolute;
  top:120px;
  left:50%;
  margin-left:120px;
  z-index:100;
} 
#hautTexteContainer img
{  
  display:none; 
}
#hautContainer
{
  width:1000px;
  margin:auto;
}
#soustitre
{
  height:20px;
  margin-top:10px;
  padding-left:20px;
  color:#d4ae6d;
}


#menuContainer
{ 
  position:relative;
}
#menuSite
{
  position:absolute;
  width:400px;
  left:10px;
  top:10px;
  height:60px;
}

#followus
{
  position:absolute;
  width:400px;
  left:600px;
  top:10px;
  height:60px;
}
.followusIcon, .menuSiteIcon
{
  padding:0 10px;
  float:left;
  cursor:pointer;
}
#bandeHaut
{
  background:url(../images/deg.png) repeat-x transparent;
  height:20px;
  position:absolute;
  width:100%;
  top:200px;
}
*+html #bandeHaut
{
  top:208px;
}


/*************/
/**** bas ****/
/*************/
#bas
{
  position:absolute;
  bottom:0;
  width:100%;
  height:250px; 
  background:url(../images/stripe_bas.png) repeat-x bottom #000000;
}
#bas #basContainer
{
  margin-top:20px;  
  color:#d4ae6d;
  text-align:center;
}
#bas #basContainer a, #bas #basContainer a:hover, #bas #basContainer a:visited
{  
  color:#d4ae6d;
  font-weight:normal;
} 
#bas #basContainer a:hover
{
  text-decoration:underline;
}
#bas #bandeBas 
{
  background:url(../images/degbas.png) repeat-x transparent;
  height:20px;
  position:absolute;
  width:100%;
}
#bas #listeBoisson
{
  overflow:auto;
  margin-bottom:30px;
}
#bas #listeBoisson .colonneBoisson
{
  float:left;
  width:12.4%;
}

   
/*******************/
/**** container ****/
/*******************/
#container
{
  width:1000px;
  margin:auto;
}

#colonneGauche
{
  width:850px;
  margin-right:140px;
  padding-bottom:270px;  
}

#colonneDroite
{
  width:140px;
  float:right;
  padding-bottom:270px;  
}
#flecheNoCom
{
  display:none;
  position:absolute;
  top:215px;
  left:50%;
  margin-left:-10px;
  z-index:100;
}
/************************/
/**** colonne gauche ****/
/************************/
.messageContainer, .blocContainer
{
  background-color:#d4ae6d;
  padding:0 10px;
}

#pub_principale
{
  text-align:center;
  overflow:auto;
}
#pub_ctma
{
  text-align:center;
  overflow:auto;
  margin-bottom:10px;
}
.message
{
  margin:10px 0;
}

.hautMessage
{
  margin-bottom:10px;
  font-size:11px;
}
.titreMessage
{
  font-weight:bold;
  width:700px;
  margin-right:100px;
}
.titreMessage .partageMessage a img
{
  vertical-align:middle;
} 
.partageMessage 
{
  margin-top:10px;
  height:20px;
  width:600px;
}
.partageMessage .partageMessageBouton
{
  height:20px;
  float:left;
}
.pseudoMessage
{
  text-decoration:underline;
  font-style:italic;
}
.nbcomMessage, .nbcomMessage a,.nbcomMessage a:hover, .nbcomMessage a:visited
{
  font-size:12px;
  font-weight:normal;
}
.categorieMessage a, .categorieMessage a:hover, .categorieMessage a:visited
{
  width:100px;
  font-style:italic;
  float:right;
  text-align:right;
  font-weight:normal;
}
.categorieMessage a:hover
{
  text-decoration:underline;
}
.texteMessage
{
  text-align:justify; 
}
.texteMessage a, .texteMessage a:hover, .texteMessage a:visited
{
  font-weight:normal; 
}
.alcoolsMessage
{
  margin-top:10px;
}
.alcoolsMessage .alcoolsPseudoMessage
{
  font-weight:bold;
}
.alcoolsMessage a, .alcoolsMessage a:hover, .alcoolsMessage a:visited
{
  font-weight:normal;
  font-style:italic;
}
.alcoolsMessage a:hover
{
  text-decoration:underline;
}

.basMessage
{
  margin-top:10px;
  font-size:11px;
}
.dateMessage
{
  font-weight:bold;
  width:200px;
  margin-right:600px;
}
.avisMessage
{
  width:600px;
  font-style:italic;
  float:right;
  text-align:right;
  font-size:10px;
  color:#016898;
}
.avisNegatif, .avisPositif
{
  text-decoration:underline;
  cursor:pointer;
}
.avisNegatifVote, .avisPositifVote
{
  text-decoration:none;
  cursor:default;
  color:#153d50;
}

#messageErreur
{
  text-align:center;
  padding-top:20px;
  padding-bottom:20px;
  font-style:italic;
}

/**********************/
/**** commentaires ****/
/**********************/
.commentaireContainer
{
  background-color:#cfc5b4;
  color:#555555;
  padding:0 10px;
}

.commentaire
{
  margin:10px 0;
}

.hautCommentaire
{
  margin-bottom:10px;
  font-size:11px;
}
.titreCommentaire
{
  font-weight:bold;
  width:700px;
  margin-right:100px;
}
.pseudoCommentaire
{
  text-decoration:underline;
  font-style:italic;
}
.texteCommentaire
{
  text-align:justify;
}
.basCommentaire
{
  margin-top:10px;
  font-size:11px;
}
.dateCommentaire
{
  font-weight:bold;
  width:200px;
  margin-right:600px;
}

.commentaire .xb1top, .commentaire .xb2top, .commentaire .xb3top, .commentaire .xb4top,
.commentaire .xb1bottom, .commentaire .xb2bottom, .commentaire .xb3bottom, .commentaire .xb4bottom
{
  background-color:#cfc5b4;
}

.fb-comments
{
  margin:10px 0;
  background:#FFFFFF; 
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.fb-comments iframe
{
  background:#FFFFFF;  
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
iframe#commentaire
{
  position:absolute;
  width:500px;  
  z-index:1001;
  left:50%;
  margin-left:-250px;
  top:50px;  
  display:none;  
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  background:#FFFFFF;
  height:500px;
  padding-bottom:50px;
  border:none;
}
#comFBConfirmationBoutons {      
  position:absolute;
  width:300px;  
  z-index:1002; 
  left:50%;
  margin-left:-150px;
  text-align:center; 
  top:560px;    
  display:none;
}
#comFBConfirmationBoutons #comFBConfirmationBoutonOK {      
  cursor:pointer;
}
.afficherCommentaire, a.voirCommentaires {
  font-weight:bold;
  cursor:pointer;
}
.afficherCommentaire:hover, a.voirCommentaires:hover {      
  font-weight:bold;
  text-decoration:underline;
}          

  
/************************/
/**** colonne droite ****/
/************************/
.blocDroite
{
  margin-bottom:10px;
}

#blocAjouter, #blocAjouterCommentaire
{  
  margin-top:10px;
  font-weight:bold;
  font-size:15px;
  line-height:16px;
}

#blocAjouter #blockAjouterContainer,
#blocAjouterCommentaire #blockAjouterContainer
{
  cursor:pointer;
}
#blocAjouter #blocAjouterImage,
#blocAjouterCommentaire #blocAjouterImage
{
  float:left;
  padding-top:2px;
}

#blocAjouter #blocAjouterTexte,
#blocAjouterCommentaire #blocAjouterTexte
{
  margin-left:35px;
}

#blocAjouterCommentaire #blockAjouterContainer
{  
  color:#555555;
  background-color:#cfc5b4;
} 
#blocAjouterCommentaire .xb1top, #blocAjouterCommentaire .xb2top, #blocAjouterCommentaire .xb3top, #blocAjouterCommentaire .xb4top,
#blocAjouterCommentaire .xb1bottom, #blocAjouterCommentaire .xb2bottom, #blocAjouterCommentaire .xb3bottom, #blocAjouterCommentaire .xb4bottom
{
  background-color:#cfc5b4;
}


#blocCategorie #blocCategorieTitre
{
  font-size:15px;
  margin-bottom:15px;
  text-align:center;
  font-weight:bold;
}
#blocCategorie ul, #blocCategorie ul li
{
  margin:0;
  padding:0;
} 
#blocCategorie ul
{
  margin-left: 12px;
  padding-bottom:5px;
}

#blocPub .blocContainer
{
  height:600px;
  background-color:#000000;
}

#blocPubAD42 .blocContainer
{
  background-color:#000000;
  padding:0 3px;
}

#blocPub .xb1top, #blocPub .xb2top, #blocPub .xb3top, #blocPub .xb4top,
#blocPub .xb1bottom, #blocPub .xb2bottom, #blocPub .xb3bottom, #blocPub .xb4bottom,
#blocPubAD42 .xb1top, #blocPubAD42 .xb2top, #blocPubAD42 .xb3top, #blocPubAD42 .xb4top,
#blocPubAD42 .xb1bottom, #blocPubAD42 .xb2bottom, #blocPubAD42 .xb3bottom, #blocPubAD42 .xb4bottom
{
  background-color:#000000;
}
.tag a
{
  font-weight:normal;
}
.tag a:hover
{
  color:#222222;
  text-decoration:underline;
}
.tag_taille_0
{
  font-size:20px;
  font-weight:bold;
}
.tag_taille_1
{
  font-size:18px;
  font-weight:bold;
}
.tag_taille_2
{
  font-size:16px;
}
.tag_taille_3
{
  font-size:14px;
}
.tag_taille_4
{
  font-size:11px;
}
/*****************/
/**** overlay ****/
/*****************/
#overlay
{
  position:absolute;
  top:0;
  left:0;
  display:none;
  z-index:1000;
  width:100%;
  height:100%;
  background-color:#000000;
  filter:alpha(opacity=80); 
  opacity:0.8;
}
#formAjouter, #formAjouterCom
{   
  position:absolute;
  width:500px;  
  z-index:1001;
  left:50%;
  margin-left:-250px;
  top:50px;  
  display:none;
}
#formAjouter b
{
  font-weight:normal;
}
#formAjouter .xb1top, #formAjouter .xb2top, #formAjouter .xb3top, #formAjouter .xb4top,
#formAjouter .xb1bottom, #formAjouter .xb2bottom, #formAjouter .xb3bottom, #formAjouter .xb4bottom,
#formAjouterCom .xb1top, #formAjouterCom .xb2top, #formAjouterCom .xb3top, #formAjouterCom .xb4top,
#formAjouterCom .xb1bottom, #formAjouterCom .xb2bottom, #formAjouterCom .xb3bottom, #formAjouterCom .xb4bottom
{
  background-color:#FFFFFF;
}

#formAjouter #formAjouterContainer,
#formAjouterCom #formAjouterComContainer
{
  background-color:#FFFFFF;
  padding:0 15px;
}
#formAjouterCom #formAjouterComContainer
{
  height:420px;
}
#formAjouterTitre,
#formAjouterComTitre
{
  font-size:24px;
  text-align:center;
  margin-bottom:20px;
}
#formAjouterRegles ul,
#formAjouterComRegles ul
{
  color:red;
}
#formAjouterPseudo, #formAjouterMessage, #formAjouterCat,
#formAjouterComPseudo, #formAjouterComMessage,
#formAjouterNomCocktail, #formAjouterNomJeu
{
  width:468px;
  font-family:"Trebuchet MS", Georgia, Verdana, Arial;
  font-size:12px;
}
.divAjouterIngItem
{
  margin-bottom:2px;
}
.qteIng
{
  width:160px;
}
.ajouterIng, .qteIng
{
  font-family:"Trebuchet MS", Georgia, Verdana, Arial;
  font-size:12px;
  margin:0;
  padding:0;
}
#formAjouterMessage,
#formAjouterComMessage
{
  height:100px;
}
#formAjouterBoutons,
#formAjouterComBoutons
{          
  margin-top:20px;
  text-align:center;
} 
#formAjouterBoutons img,
#formAjouterComBoutons img
{ 
  cursor:pointer;
} 

#formAjouterLoader,
#formAjouterComLoader
{
  display:none;
  text-align:center;
}

#formAjouterErreur,
#formAjouterComErreur
{
  margin:15px 0; 
  text-align:center;
}
#formAjouterErreurText,
#formAjouterComErreurText
{
  color:red; 
  display:none;
  font-style:italic;
}
#formAjouterListe
{
  display:none;
}
#formAjouterListeActions
{
  float:right;
}
#formAjouterListeActions span
{
  cursor:pointer;
}
#formAjouterListeActions span img
{
  vertical-align:middle;
}
#formAjouterListeActions #supprimerAlcool
{
  color:#CCCCCC;
}
.formAjouterDivItem select
{
  font-size:12px;
  font-family:"Trebuchet MS", Georgia, Verdana, Arial;
}
 
#soumissionConfirmation,
#soumissionComConfirmation
{   
  position:fixed;
  width:500px;  
  z-index:1001;
  left:50%;
  margin-left:-250px;
  top:220px;  
  display:none;
}
#soumissionConfirmation .xb1top, #soumissionConfirmation .xb2top, #soumissionConfirmation .xb3top, #soumissionConfirmation .xb4top,
#soumissionConfirmation .xb1bottom, #soumissionConfirmation .xb2bottom, #soumissionConfirmation .xb3bottom, #soumissionConfirmation .xb4bottom,
#soumissionComConfirmation .xb1top, #soumissionComConfirmation .xb2top, #soumissionComConfirmation .xb3top, #soumissionComConfirmation .xb4top,
#soumissionComConfirmation .xb1bottom, #soumissionComConfirmation .xb2bottom, #soumissionComConfirmation .xb3bottom, #soumissionComConfirmation .xb4bottom
{
  background-color:#FFFFFF;
}

#soumissionConfirmation #soumissionConfirmationContainer,
#soumissionComConfirmation #soumissionComConfirmationContainer
{
  background-color:#FFFFFF;
  height:150px;
  padding:0 15px;
  padding-top:50px;
}
#soumissionConfirmationTitre,
#soumissionComConfirmationTitre
{
  font-size:24px;
  text-align:center;
  margin-bottom:20px;
}
#soumissionConfirmationBoutons,
#soumissionComConfirmationBoutons
{          
  margin-top:20px;
  text-align:center;
} 
#soumissionConfirmationBoutons img,
#soumissionComConfirmationBoutons img
{ 
  cursor:pointer;
}                      
/********************/
/**** pagination ****/
/********************/
.pagination
{
  margin:0;
  font-size:14px;
  height:18px;
}
.pagination a:hover
{
  text-decoration:underline;
} 
.pagination span.pageActive
{
  color:#d4ae6d;
  font-weight:bold;
  cursor:default;
}