/* ------ INTERFACE ------ */

/* APPARENCE GENERALE */
body
{
background: #DDDDDD url(interface/fond_degrade.gif) repeat-x;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
padding: 0px;
font-family: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
font-size: 12pt;
color: #222222;
}

/* TEXTE */
p
{
text-align: justify;
}

#article p.spip
{
text-align: justify;
}

/* FILET */
hr
{
border: 0px;
background-color: #EEEEEE;
color: #EEEEEE;
height: 2px;
}

/* LIENS INTERNET */
a, a:visited, a:link
{
font-weight: bold;
text-decoration: underline;
color: #64005A;
}

/* LIENS INTERNET (SURVOL) */
a:hover
{
font-weight: bold;
text-decoration: underline;
color: #B180AC;
}


/* ------ STRUCTURE GLOBALE ------ */

/* INTERFACE (TABLEAU) */
table.interface
{
width: 900px;
border-width: 0px 2px 2px 2px;
border-style: solid;
border-color: #CCCCCC;
margin: 0px;
}

/* RANGEE DE TABLEAU */
tr.banniere
{
padding: 0px;
display: none;
}

/* RANGEE DE TABLEAU */
tr
{
padding: 0px;
}

/* ZONE DES OPTIONS */
td.options
{
background: #E0F4D6;
border-bottom: 2px solid #FFFFFF;
width: 165px;
padding: 10px 0px 5px 0px;
vertical-align: top;
font-size: 11px;
display: none;
}

/* ENTETE DE TABLEAU */
th
{
padding: 0px;
display: none;
}

/* COLONNE GAUCHE */
td.colonne_gauche
{
background: #C1E9AD url(interface/fond_colonne.gif) repeat-x;
width: 165px;
padding: 10px;
vertical-align: top;
display: none;
}

/* COLONNE PRINCIPALE */
td.colonne_principale
{
background: #FFFFFF;
width: 500px;
padding: 20px;
vertical-align: top;
}

/* COLONNE DROITE */
td.colonne_droite
{
background: #C1E9AD url(interface/fond_colonne.gif) repeat-x;
width: 165px;
padding: 10px;
vertical-align: top;
display: none;
}


/* ------ BANNIERE ------ */

/* LISTE DES OPTIONS */
#options div
{
margin: 0px;
padding: 0px;
}

/* LISTE DES OPTIONS */
#options ul
{
width: 135px;
margin: 0px;
padding: 0px 0px 0px 20px;
font-size: 11px;
color: #64005A;
list-style-type: square;
}

/* OPTION */
#options li
{
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #FFFFFF;
width: 100%;
line-height: 18px;
}


/* ------ COLONNE GAUCHE ------ */

/* MENU DEROULANT */
#menu dl, dt, dd
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

/* MENU DEROULANT */
#menu ul.menu, li.menu
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#menu
{
margin: 0px;
padding: 0px;
width: 165px;
overflow: hidden;
display: none;
}

#menu dt
{
border-width: 2px;
border-style: solid;
border-color: #FFFFFF;
background: #EFF9EA url(interface/fond_numero.gif) no-repeat;
background-position: middle;
margin: 0px;
padding: 5px;
font-size: 11px;
font-weight: bold;
color: #64005A;
text-align: left;
cursor: pointer;
}
#menu dd {
border: 0px;
}
#menu li.menu
{
background: #E0CCDE;
margin: 0px;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 20px;
}
#menu li a, #menu dt a
{
border: 0 none;
height: 100%;
color: #333333;
text-decoration: none;
display: block;
}
#menu li a:hover, #menu dt a:hover
{
background: #64005A;
color: #FFFFFF;
}

/* FORMULAIRE DE RECHERCHE */
div.formulaire_recherche
{
border: 2px solid #FFFFFF;
background: #EFF9EA;
width: 150px;
margin: 15px 0px 0px 0px;
padding: 5px;
font-size: 12px;
font-weight: bold;
}

/* TEXTE DE LA ZONE DE RECHERCHE */
input.recherche
{
width: 140px;
margin: 5px 0px 0px 0px;
color: #666666;
}

/* LISTE DES RUBRIQUES */
ul.liste_rubriques
{
border: 2px solid #FFFFFF;
background: #EFF9EA url(interface/a_decouvrir.gif) no-repeat;
margin: 15px 0px 0px 0px;
padding: 35px 0px 10px 25px;
font-size: 11px;
font-weight: bold;
text-align: left;
list-style-type: square;
color: #64005A;
}

/* LISTE DES RUBRIQUES */
li.lien_rubrique
{
padding: 0px 5px 5px 0px;
}


/* ------ COLONNE PRINCIPALE ------ */

/* MENU DU VIGNERON */
#menu_vigneron table
{
width: 500px;
margin: 0px 0px 15px 0px;
padding: 0px;
}

/* OPTION VIGNERON */
#menu_vigneron td
{
width: 25%;
}


/* ------ COLONNE DE DROITE ------ */

/* TRADITIONS CHAMPENOISES */
div.traditions_champenoises
{
border: 2px solid #FFFFFF;
background: #FFFFFF url(interface/fond_traditions.gif);
background-position: middle;
width: 141px;
padding: 60px 10px 10px 10px;
}

/* TITRE TRADITIONS CHAMPENOISES */
h1.traditions_colonne
{
font-weight: bold;
font-size: 10px;
color: #966E50;
text-align: center;
}

/* TEXTE TRADITIONS CHAMPENOISES */
p.traditions_champenoises
{
font-size: 10px;
text-align: center;
}


/* ------ SOMMAIRE ------ */

/* TEXTE DEFILANT */
#sommaire marquee
{
width: 500px;
height: 20px;
color: #666666;
font-size: 10px;
font-weight: bold;
clear: left;
}

/* INFORMATION UNE */
#sommaire div.info_une
{
width: 240px;
padding: 0px 10px 10px 0px;
float: left;
}

/* IMAGE INFORMATION UNE */
#sommaire div.image_principale
{
margin-bottom: 15px;
}

/* INFORMATIONS SUIVANTES */
#sommaire div.infos_suivantes
{
border-width: 0px 0px 0px 1px;
border-style: dashed;
border-color: #CCCCCC;
width: 239px;
padding: 0px 0px 10px 10px;
float: left;
}

/* INFORMATION */
#sommaire div.info
{
background: #EEEEEE;
width: 230px;
margin-bottom: 10px;
padding: 5px;
float: left;
clear: left;
}

/* INFORMATIONS SUIVANTES : LOGO */
#sommaire div.logo
{
float: left;
margin-right: 5px;
}

/* INFORMATIONS SUIVANTES : LIEN */
#sommaire div.lien_info
{
width: 190px;
margin: 0px;
font-size: 11px;
font-weight: bold;
float: left;
}

/* LISTE D'INFORMATIONS */
#sommaire div.liste
{
width: 240px;
float: left;
clear: left;
position: relative;
left: 0px;
top: 0px;
}

/* INFORMATION CE MOIS-CI */
#sommaire div.ce_mois_ci
{
background: #EEEEEE;
width: 490px;
margin-top: 10px;
padding: 5px;
float: left;
clear: left;
}

/* LOGO CE MOIS-CI */
#sommaire div.logo2
{
float: left;
margin-right: 10px;
}

/* ARTICLE CE MOIS-CI */
#sommaire div.texte_ce_mois_ci
{
float: left;
width: 378px;
}

/* TITRE INFORMATION UNE */
#sommaire h1
{
margin: 0px;
font-size: 14px;
}

/* TITRE */
#sommaire h2
{
font-size: 12px;
margin: 0px 0px 10px 0px;
}

/* TEXTE */
#sommaire p
{
margin: 5px 0px 10px 0px;
font-size: 11px;
text-align: left;
}

/* DATE */
#sommaire p.date
{
width: 460px;
margin: 0px;
font-size: 11px;
color: #999999;
float: left;
clear: left;
}

/* TEXTE */
#sommaire p.note
{
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #CCCCCC;
margin: 5px 0px 0px 0px;
padding-top: 5px;
font-size: 10px;
text-align: right;
color: #999999;
}

/* INFORMATIONS SUIVANTES : DATE */
#sommaire span.date
{
font-size: 10px;
font-weight: normal;
color: #888888;
}

/* LISTE D'INFORMATIONS */
#sommaire ul
{
border-width: 1px 0px 0px 0px;
border-style: dashed;
border-color: #CCCCCC;
width: 225px;
margin: 0px 10px 0px 0px;
padding: 10px 0px 0px 15px;
font-size: 11px;
text-align: left;
list-style-type: square;
color: #64005A;
}

/* ELEMENT DE LISTE D'INFORMATIONS */
#sommaire li
{
margin-top: 5px;
}

/* LIEN-ELEMENT DE LISTE D'INFORMATIONS */
#sommaire a.liste, a.liste:link, a.liste:visited
{
font-weight: normal;
text-decoration: underline;
color: #666666;
}

/* LIEN-ELEMENT DE LISTE D'INFORMATIONS (SURVOL) */
#sommaire a.liste:hover
{
font-weight: normal;
text-decoration: underline;
color: #64005A;
}


/* ------ ARTICLE ------ */

/* TITRE */
#article h1
{
margin-bottom: 0px;
font-size: 18pt;
font-weight: bold;
color: #64005A;
}

/* SOUS-TITRE */
#article h2
{
margin-top: 0px;
font-size: 14pt;
color: #B180AC;
}

/* INTERTITRE */
#article h3.spip
{
margin-bottom: 0px;
font-size: 14pt;
font-weight: bold;
}

/* INTERTITRE */
#article h4
{
margin-bottom: 0px;
font-size: 12pt;
}

/* TEXTE */
#article p
{
width: 500px;
text-align: justify;
}

/* TEXTE */
#article ul
{
margin-left: 0px;
padding: 0px 0px 0px 25px;
text-align: justify;
list-style-type: square;
}

/* CHAPO */
#article p.chapo
{
width: 500px;
font-weight: bold;
text-align: justify;
}

/* SIGNATURE */
#article p.signature
{
width: 500px;
font-size: 10pt;
color: #666666;
text-align: right;
}

/* NOTE DE FIN D'ARTICLE */
#article p.note
{
width: 500px;
font-weight: bold;
color: #666666;
text-align: justify;
}

/* IMAGE PRINCIPALE */
#article div.principale
{
margin-top:15px;
}

/* TEXTE */
#article p.legende
{
width: 500px;
margin-bottom: 30px;
font-size: 11pt;
color: #666666;
}

/* NOTE DE FIN D'ARTICLE */
#article span.lien_article
{
font-weight: bold;
color: #666666;
}

/* TITRE DOCUMENTS JOINTS */
#article h1.documents_joints
{
background: #EFF9EA;
margin: 0px;
padding: 5px;
font-size: 14px;
color: #64005A;
clear: left;
}


/* PORTFOLIO */
#article div.portfolio
{
margin-top: 20px;
}

/* VIGNETTE DE L'ARTICLE */
#article div.article_vignette
{
margin: 0px 10px 10px 0px;
padding: 0px;
float: left;
}


/* ------ LA CHAMPAGNE EN IMAGES ------ */

/* LIENS DES ARTICLES (SELECTIONS MENSUELLES DE PHOTOS) */
p.liens_champimage
{
background: #EFF9EA;
padding: 20px;
font-size: 14px;
text-align: justify;
}

/* PLANCHE D'IMAGES */
div.planche_images
{
width: 500px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* IMAGE */
div.champimages
{
width: 230px;
margin: 0px 8px 20px 8px;
padding: 0px;
float: left;
}

/* INFORMATIONS SUR L'IMAGE VIGNETTE */
p.texte_vignette
{
width: 230px;
margin: 5px 0px 0px 0px;
padding: 0px;
font-size: 10px;
text-align: center;
}


/* ------ TRADITIONS CHAMPENOISES ------ */

/* COLONNE PRINCIPALE */
td.colonne_principale_jaune
{
background: #F1E8DD url(interface/fond_page_traditions.gif) no-repeat;
width: 500px;
padding: 20px;
vertical-align: top;
}

/* PAGINATION */
#traditions_champenoises p.pagination
{
width: 500px;
font-weight: bold;
color: #966E50;
}

/* TITRE DE RUBRIQUE */
#traditions_champenoises h1.traditions_champenoises
{
margin: 0px;
font-size: 20px;
color: #966E50;
}

/* TITRE DE L'ARTICLE */
#traditions_champenoises h1
{
margin-bottom: 0px;
font-size: 22px;
color: #966E50;
}

/* TITRE DE L'ARTICLE (LISTE) */
#traditions_champenoises h2
{
width: 500px;
margin-bottom: 0px;
font-size: 12px;
color: #966E50;
}

/* LIENS INTERNET */
#traditions_champenoises a.titre_traditions, a.titre_traditions:link, a.titre_traditions:visited
{
color: #CBA77D;
}

/* LIENS INTERNET */
#traditions_champenoises a.titre_traditions:hover
{
color: #966E50;
}

/* LIENS INTERNET */
#traditions_champenoises a.traditions, a.traditions:link, a.traditions:visited
{
color: #966E50;
}

/* LIENS INTERNET */
#traditions_champenoises a.traditions:hover
{
color: #CBA77D;
}

/* TITRE DE RUBRIQUE */
#traditions_champenoises p.descriptif
{
margin-top: 0px;
font-size: 10px;
}

/* TITRE DE RUBRIQUE */
#traditions_champenoises p.chapo_sommaire
{
font-size: 10px;
text-align: center;
}


/* FILET */
#traditions_champenoises hr
{
border: 0px;
background-color: #D2B490;
color: #D2B490;
height: 2px;
}


/* ------ RUBRIQUE ------ */

/* TITRE DE RUBRIQUE */
#rubrique h1.titre_rubrique
{
margin: 0px;
font-size: 20px;
color: #999999;
}

/* LIEN-TITRE DE RUBRIQUE */
#rubrique a.titre_rubrique, a.titre_rubrique:link, a.titre_rubrique:visited
{
color:#999999;
}

/* LIEN-TITRE DE RUBRIQUE (SURVOL) */
#rubrique a.titre_rubrique:hover
{
color:#B180AC;
}

/* TITRE CATEGORIE DE LIENS */
#rubrique h1
{
font-size: 20px;
color: #666666;
}

/* TITRE CATEGORIE DE LIENS */
#rubrique h2
{
margin-bottom: 0px;
font-size: 12px;
color: #666666;
}

/* INTERTITRE */
#rubrique h3
{
margin-bottom: 0px;
font-size: 18px;
font-weight: bold;
}

/* INTERTITRE */
#rubrique h4
{
margin-bottom: 0px;
font-size: 14px;
}

/* TITRE CATEGORIE DE LIENS */
#rubrique p.petit
{
margin-top: 0px;
width: 500px;
font-size: 10px;
text-align: justify;
}

/* TITRE CATEGORIE DE LIENS */
#rubrique p.liens_petit
{
margin: 0px;
width: 475px;
font-size: 10px;
color: #777777;
text-align: justify;
}

/* NOTE DE FIN D'ARTICLE */
#rubrique p.note
{
width: 500px;
font-weight: bold;
color: #666666;
text-align: justify;
}

/* RETOUR EN HAUT DE PAGE */
#rubrique p.retour_page
{
font-size: 10px;
text-align: right;
}

/* TEXTE */
#rubrique ul
{
margin-left: 0px;
padding: 0px 0px 0px 25px;
text-align: justify;
line-height: 18px;
list-style-type: square;
}

/* DESCRIPTION DU TYPE DE LIENS */
#rubrique p.descriptif
{
width: 500px;
font-size: 10px;
font-weight: bold;
color: #666666;
text-align: justify;
}

/* LIEN VERS L'ARTICLE DEPUIS UN PARAGRAPHE */
#rubrique a.lien_article, a.lien_article:link, a.lien_article:visited
{
font-weight: normal;
color: #333333;
}

/* LIEN VERS L'ARTICLE DEPUIS UN PARAGRAPHE (SURVOL) */
#rubrique a.lien_article:hover
{
font-weight: normal;
color: #B180AC;
cursor: pointer;
}

/* DATE */
#rubrique span.date
{
font-size: 10px;
font-weight: normal;
}

/* FILET */
#rubrique hr
{
border: 0px;
background-color: #EEEEEE;
color: #EEEEEE;
height: 2px;
}

/* LIEN (RUBRIQUE LIEN) */
#rubrique a.lien_gris, a.lien_gris:link, a.lien_gris:visited
{
color: #666666;
}

/* LIEN (RUBRIQUE LIEN) (SURVOL) */
#rubrique a.lien_gris:hover
{
color: #B180AC;
}

/* SELECTION D'ARTICLES */
#rubrique p.selection
{
background: #EFF9EA;
width: 460px;
padding: 20px;
font-size: 14px;
text-align: center;
}

/* AGENDA */
#rubrique table.agenda
{
background: #EFF9EA;
width: 500px;
margin: 20px 0px 20px 0px;
}

/* AGENDA */
#rubrique td.dates_agenda
{
background: #C199BD;
width: 130px;
padding: 20px 15px 20px 20px;
color: #FFFFFF;
}

/* AGENDA */
#rubrique td.rdv_agenda
{
width: 300px
padding: 20px 20px 20px 15px;
text-align: left;
}

/* AGENDA */
#rubrique ul.agenda
{
margin: 0px;
padding: 0px;
}

/* AGENDA */
#rubrique li.dates_agenda
{
list-style-type: none;
list-style-position: inside;
margin: 0px;
padding: 0px;
text-align: right;
font-weight: bold;
}

/* AGENDA */
#rubrique li.rdv_agenda
{
list-style-type: square;
list-style-position: inside;
margin: 0px;
padding-left: 15px;
}



/* ------ IMAGES ------ */

/* IMAGES */
img
{
border: 0px;
margin: 0px;
}

/* LOGOS SPIP */
img.spip_logos
{
border: 1px solid #FFFFFF;
}


/* ----------------------- */

div.essai
{
width: 155px;
background-color: red;
}
