body {
    background: #780000 url('../images/degrade_fond.jpg') repeat-x fixed top left;
}

a {
    color: #FFFFFF;
}

.content {
    margin: 0 auto 0 auto;
    background: #660000;
    width: 750px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    border: solid 1px #330000;
}

.entete {
    height: 240px;
}

.corps {
    padding: 0 28px 0 28px;
}

.page_accueil {
    background: url('../images/banniere_accueil.jpg') no-repeat center;
}

.page_actualite {
    background: url('../images/banniere_actualite.jpg') no-repeat center;
}

.page_presentation {
    background: url('../images/banniere_presentation.jpg') no-repeat center;
}

.page_caveaux {
    background: url('../images/banniere_caveaux.jpg') no-repeat center;
}

.page_fiche_caveau {
    background: url('../images/banniere_fiche_caveau.jpg') no-repeat center;
}

.page_liens {
    background: url('../images/banniere_liens.jpg') no-repeat center;
}

.page_contact {
    background: url('../images/banniere_contact.jpg') no-repeat center;
}

.page_rechercher {
    background: url('../images/banniere_rechercher.jpg') no-repeat center;
}

/***************************************************************
  Le menu de choix de la langue
***************************************************************/

#langue {
    position: relative;
    top: 20px;
    left: 550px;
    width: 200px;
    font-size: 10px;
}

#langue a {
    text-decoration: none;
    font-weight: bold;
}

/***************************************************************
  Le menu de navigation
***************************************************************/

#menu {
    position: relative;
    top: 174px;
    left: 5px;
    font-size: 9px;
    padding: 0 0 0 28px;
}

.menu_element, .menu_element_selectionne,
.menu_element a:link, .menu_element a:visited, .menu_element a:hover, .menu_element a:active,
.menu_element_selectionne a:link, .menu_element_selectionne a:visited, .menu_element_selectionne a:hover, .menu_element_selectionne a:active {
    padding: 0 4px 0 0;
    text-decoration: none;
}

.menu_element_selectionne,
.menu_element_selectionne a:link, .menu_element_selectionne a:visited, .menu_element_selectionne a:active {
    color: #c6010d;
}

.menu_element,
.menu_element a:link, .menu_element a:visited, .menu_element a:active {
    color: white;
}

.menu_element_selectionne a:hover {
    color: white;
}

.menu_element a:hover {
    color: #c6010d;
}

.menu_rechercher {
    margin: 0 0 0 20px;
    display: inline;
}

#form_rechercher {
    display: inline;
    text-decoration: none;
}

#form_rechercher fieldset {
    vertical-align: middle;
    display: inline;
}

.menu_rechercher img {
    vertical-align: middle;
    margin: 0 3px 0 3px;
}

.input_rechercher {
    vertical-align: middle;
    height: 11px;
}

/***************************************************************
  Un article
***************************************************************/
.titres_article{
    height: 66px;
}

h1 {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    background: url('../images/puce_h1.gif') no-repeat top left;
    text-indent: 15px;
    margin: 15px 0 0 0;
    font-weight: normal;
}

h2 {
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
    margin: 0 0 10px 0;
}

p {
    font-size: 11px;
    line-height: 16px;
    text-align: left;
    margin: 20px 0 10px 0;
    
}

.presentation {
    font-size: 12px;
    line-height: 19px;
}

.recherche {
    margin: 0 0 10px 0;
}

.plus {
    font-size: 11px;
    line-height: 16px;
    background: url('../images/puce_plus.gif') no-repeat center left;
    margin: 0 0 0px 0px;
    padding: 0 0 0 15px;
    text-decoration: underline;
}

.complement {
    font-style: italic;
}

.titre_complement {
    text-transform: uppercase;
    font-style: normal;
}

.img_article {
    margin: 0;
    clear: both;
}

.a_article {
    font-size: 11px;
    margin: 0 0 10px 0px;
}

.espace_article {           /* utile pour séparer deux blocs avec un clear:both */
    clear: both;
    height: 50px;
}

/***************************************************************
  Présentation multi-colonne (articles, caveau)
***************************************************************/
.bloc {         /* Bloc de plusieurs colonnes */
    clear: both;
}

.col_un_tiers {         /* Pour une colonne de largeur 1/3 */
    float: left;
    width: 216px;
    margin: 0 23px 0 0;
}

.col_un_tiers_derniere {
    float: left;
    width: 216px;
    margin: 0 0 0 0;
}

.col_deux_tiers {       /* Pour une colonne de largeur 2/3 */
    float: left;
    width: 440px;
    margin: 0 10px 0 0;
}

.centre {
    text-align: center;
}

.droite {
    text-align: right;
}

.col_un_quart {         /* Pour une colonne de largeur 1/4 */
    float: left;
    width: 130px;       /* 165px */
    margin: 0 10px 0 0;
}

.col_trois_quart {       /* Pour une colonne de largeur 3/4 */
    float: left;
    width: 540px;       /* 495px */
    margin: 0 10px 0 0;
}

.p_caveau {
    margin: 0 0 10px 0;
}

/***************************************************************
  Home page, page d'actualité
***************************************************************/
.formule_h1 {
    padding: 0 0 0 0;
    color: #FFCC00;
    text-transform: uppercase;
    background: none;
    font-size: 17px;
    line-height: 26px;
    text-align: left;
    margin: 15px 0 0 0;
    text-indent: 0;
}

.formule_h1_carte {
    margin: 0 0 0 0;
}

.formule_h2 {
    padding: 0 0 0 0;
    color: #FFCC00;
    background: none;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    margin: 15px 0 0 0;
}

.formule_h2_carte {
    background: url('../images/puce_h1_carte.gif') no-repeat 0px 3px;
    padding: 0 0 0 15px;
    font-size: 17px;
    line-height: 20px;
    font-weight: normal;
}

/***************************************************************
  Caveau
***************************************************************/
.titre_col {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 16px;
    text-align: left;
}

.a_caveau {
    font-size: 11px;
    /*text-decoration: underline;*/
}

.saison {
    font-weight: bold;
}
/***************************************************************
  Divers
***************************************************************/
.centrer {
    text-align: center;
}

.espace {           /* utile pour séparer deux blocs avec un clear:both */
    clear: both;
    height: 30px;
}

.inter_titre {
    margin: 0 0 20px 0;
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: solid 1px white;
    padding-bottom: 10px;
    text-align: left;
}

.espace_horizontal {
    margin: 0 25px 0 0;
}

.img_carte {
    border: solid 1px #FFFFFF;
}

/* Pour gérer la liste du § de présentation : nos vins, nos cépages */
ul {
    margin: -20px 0 0 15px;
    list-style: disc;
}

li {
    line-height: 16px;
    font-size: 11px;
}

/***************************************************************
  Liste de caveaux
***************************************************************/
.jaune, .blanc, .jaune a, .blanc a {
    line-height: 16px;
    font-size: 11px;
}

.jaune, .jaune a {
    color: #FFCC00;
}

.blanc, .blanc a {
    color: #FFFFFF;
}

.ville {
    text-transform: uppercase;
}

.lien_fiche {
    line-height: 16px;
    font-size: 11px;
    background: url('../images/puce_plus.gif') no-repeat center left;
    padding: 0 0 0 15px;
    text-decoration: underline;
}

/***************************************************************
  Formulaire de contact
***************************************************************/
#form_contact {
    margin: 0 auto 0 20px;
    padding: 10px;
    font-size: 11px;
}

#form_contact label {
    clear: both;
    width: 170px;
    text-align: left;
    margin: 2px auto 15px auto;
}

#form_contact input {
    border: 1px solid #ffffff;
    margin: 4px auto 10px auto;
    text-align: left;
}

#form_contact textarea {
    border: 1px solid #ffffff;
    margin: 4px auto 10px auto;
    text-align: left;
}

#form_contact .bouton {
    text-transform: uppercase;
    margin: 14px auto auto 300px;
    background: none;
    border: none;
    cursor:pointer;
    color: #FFFFFF;
}

#form_contact .bouton:hover {
    color: red;
}

.titre_form {
    margin: 0 0 0 25px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
}

.obligatoire {
    font-style: italic;
}

/***************************************************************
  Le pied de page
***************************************************************/
.espace_pied {           /* utile pour séparer deux blocs avec un clear:both */
    clear: both;
    height: 85px;
}

#pied {
    font-size: 11px;
    letter-spacing: 7px;
    clear: both;
    background: #330000;
    padding: 10px 0 10px 0;
    text-align: center;
}

#pied .texte {
    text-transform: uppercase;
    padding: 0 10px 0 10px;
}

#mentions {
    margin: 10px 0 10px 0;
    text-align: center;
}

#mentions .texte, #mentions a {
    color: #330000;
    font-size: 10px;
}