/*
 * Feuille de style principal
 * Ormes de Cambras ( CASTEL VINS )
 * Cree par Joel GAUJARD le 20/02/2007
 */


/*****************
***** MAIN *******
******************/
h1,h2,h3,h4,h5,h6,pre,form,body,html,fieldset,input,img,p,ul
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  color: #000000;
  text-decoration: none;
}

.red
{
  color: #7B0029;
	font-weight: bold;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body
{
  font: 13px Helvetica, Arial, sans-serif;
  /*font: 11px Verdana, Arial, Helvetica, sans-serif;*/
  color: #000000;
  background: #D6DF21 url(../images/body_bg.gif) repeat left top;
  text-align: center;
  padding-top: 10px;
}

.firstLetter
{
  font-size: 36px;
  line-height: 34px;
  padding-right: 3px;
}

.big
{
  font-size: 22px;
}
#text{
/*background-color:#FFFFFF;*/
}
#text p
{
  line-height: 18px;
	font: 13px Helvetica, Arial, sans-serif;
}

.break
{
  display: block;
  height: 15px;
}

.smaller
{
  font-size: 50%;
}

/*****************
***** LAYOUT *****
******************/
#main
{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 880px;
  height: 577px;
}

#main #mainFrame
{
  float: left;
  width: 872px;
  height: 574px;
  background: #FFFFFF;
}

#main #mainShadowRight
{
  float: left;
  width: 8px;
  height: 574px;
  background: url(../images/shadow_right.gif) no-repeat left bottom;
}

#main #mainShadowBottom
{
  clear: both;
  width: 880px;
  height: 7px;
  background: url(../images/shadow_bottom.gif) no-repeat right top;
}

#abusAlcool
{
  text-align: center;
  font-family: Helvetica;
  font-size: 12px;
  font-weight:900;
  padding-bottom: 10px;
  color: #000000;
}
#abusAlcool #bib_legend
{
  color: #7B0029;
}

.bib_legend2 {
font-size: 10px;
}
p.fleche_verte
{
  background: url(../images/fleche_verte.gif) no-repeat 0 1px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 1em;
  margin: 10px 20px;
  border-bottom: 1px solid #8F8F8F;
}

/*****************
***** MENU *******
******************/

#mainFrame #menu
{
  clear: both;
  height: 88px;
  padding-top: 10px;
  margin-left: 0px;
	margin-left: 65px;
  background: #FFFFFF url(../images/menu_top_separator.gif) no-repeat 9px 0px;
}

#menu ul
{
  width: 860px;
	width: 710px;
  white-space: nowrap;
  margin-left: 10px;
}
#menu li
{
  width: 140px;
  height: 86px;
  display: inline;
  list-style-type: none;
  float: left;
  text-align: center;
}

#menu a
{
  display: block;
  height: 84px;
  padding-top: 2px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #000000;
}
#menu a:link, #menu a:visited
{
}
#menu a:hover, #menu a:active, #menu a:focus
{
  text-decoration: none;
}

#menu .menuTitle
{
  font-weight: bold;
  color: #FFFFFF;
}

#menu .menuTitle br
{
 line-height: 10px;
 font-size: 10px;
}

#menu .cepage .menuTitle
{
  background-color: #7B0029;
}

#menu a.cepage
{
  color: #8C0839;
  background: #ffffff url(../images/menu_cepage.gif) no-repeat 0px -86px;
}

#menu a.cepage:hover
{
  background: url(../images/menu_cepage.gif) no-repeat 0px 0px;
}




#menu .cepage2 .menuTitle
{
  background-color: #7B0029;
}

#menu a.cepage2
{
  color: #8C0839;
  background: #ffffff url(../images/menu_cepage2.gif) no-repeat 0px -86px;
}

#menu a.cepage2:hover
{
  background: url(../images/menu_cepage2.gif) no-repeat 0px 0px;
}




#menu .recette .menuTitle
{
  background-color: #636500;
}

#menu a.recette
{
  color: #5A5900;
  background: #ffffff url(../images/menu_recette.gif) no-repeat 0px -86px;
}
#menu a.recette:hover
{
  background: url(../images/menu_recette.gif) no-repeat 0px 0px;
}

#menu .contact .menuTitle
{
  background-color: #9F460A;
}

#menu a.contact
{
  color: #BD6100;
  background: #ffffff url(../images/menu_contact.gif) no-repeat 0px -86px;
}
#menu a.contact:hover
{
  background: url(../images/menu_contact.gif) no-repeat 0px 0px;
}

#menu .reduction .menuTitle
{
  background-color: #C98609;
}

#menu a.reduction
{
  color: #945100;
  background: #ffffff url(../images/menu_reduction.gif) no-repeat 0px -86px;
}
#menu a.reduction:hover
{
  background: url(../images/menu_reduction.gif) no-repeat 0px 0px;
}

#menu a.invitation
{
  color: #006139;
  background: #ffffff url(../images/menu_invitation.gif) no-repeat 0px -86px;
}
#menu a.invitation:hover
{
  background: url(../images/menu_invitation.gif) no-repeat 0px 0px;
}

#menu .partenaire .menuTitle
{
  background-color: #6E6E6E;
}

#menu a.partenaire
{
  color: #6B696B;
  background: #ffffff url(../images/menu_partenaire2.gif) no-repeat 0px -86px;
}
#menu a.partenaire:hover
{
  background: url(../images/menu_partenaire2.gif) no-repeat 0px 0px;
}