/* ------ INTERFACE ------ */
img.rss{
vertical-align:-20%;
margin:0 0 0 4px;
}
/* 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: 12px;
color: #222222;
height:100%
}

td.options, td.colonne_gauche, td.colonne_droite{
background: #004b88;
}

.spip_surligne{
background-color:#ffff00;
}

p{
margin:4px 0 8px 0;
padding:0;
}

ul p{
margin:0 0 4px 0;
padding:0;
font-size:0.9em;
}
.legende2 p{
font-size:1em;
color:#666666;
margin:0;
padding:0;
text-align:center;
}
.spip_logos{
vertical-align:middle;
}
.sans{
list-style-type:none;
}
.sans2{
list-style-type:none;
display:inline
}

div.photos100ans,div.photosunesco{
display:inline;
margin:0 4px 0 0;
}

div.tout{
position:relative;
height:100%;
padding:8px 16px;
margin:0 auto;
width:506px;
}
div.tout p{
width:99%;
}
/* TEXTE */
p
{
text-align: justify;
}

#article p.spip
{
text-align: justify;
margin:0 0 16px 0;
}

/* FILET */
hr
{
border: 0px;
background-color: #EEEEEE;
color: #EEEEEE;
height: 2px;
margin:2px 0 8px 0;
padding:0;
width:500px;
}

/* LIENS INTERNET */
a,a.spip_out, #rubrique p.selection a, .sans a, li a, p a
{
font-weight: bold;
text-decoration: none;
color: #00637f;
}
#options a, a:visited, a:link{
color:#ffffff;
}

/* LIENS INTERNET (SURVOL) */
a:hover,a.spip_out:hover,#rubrique p.selection a:hover, .sans a:hover, li a:hover, p a:hover
{
font-weight: bold;
text-decoration: none;
color: #ee7f01;
}
#options a:hover{
color:#ee7f01;
}


/* ------ 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;
}

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

/* ZONE DES OPTIONS */

td.options
{

border-bottom: 2px solid #FFFFFF;
width: 165px;
padding: 10px 0px 5px 0px;
vertical-align: top;
font-size: 11px;
}

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

/* COLONNE GAUCHE */
td.colonne_gauche
{
width: 165px;
padding: 10px;
vertical-align: top;
}

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

/* COLONNE DROITE */
td.colonne_droite
{
width: 165px;
padding: 10px;
vertical-align: top;
}


/* ------ BANNIERE ------ */
div.esp_abonne{
position:absolute;
top:70px;
margin:0 0 0 736px;
padding:0;
}

/* 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: #ffffff;
list-style-type: square;
}

/* OPTION */
#options li
{
width: 100%;
line-height: 1.5em;
}


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

/* MENU DEROULANT */
#menu dl, dt, dd
{
margin: 0px;
padding: 0px;
background-color:#ffffff;

}

/* MENU DEROULANT */
#menu ul.menu, li.menu
{
color:#00637f;
margin:0 0 0 16px;
padding:0 0 1px 0;
list-style-type: square;
}

#menu
{
margin: 0px;
padding: 0px;
width: 165px;
overflow: hidden;
}
#menu dt
{
border-width: 2px;
border-style: solid;
border-color: #FFFFFF;
background: #efe6ee;
background-position: middle;
margin: 0px;
padding: 0;
font-size: 11px;
font-weight: bold;
color: #64005A;
text-align: center;
}
#menu dd {
border: 0px;
}
#menu li.menu
{
background: #ffffff;
margin: 0 0 5px 0;
font-size: 0.9em;
font-weight: bold;
text-align: left;
}
#menu li a, #menu dt a
{
border: 0 none;
height: 100%;
color: #00637f;
text-decoration: none;
display: block;
}
#menu li a:hover, #menu dt a:hover
{
color: #ee7f01;
}

/* FORMULAIRE DE RECHERCHE */
form{
margin:0;
padding:0;
}
div.formulaire_recherche
{
border: 2px solid #FFFFFF;
background: #ffffff;
width: 161px;
margin: 15px 0px 0px 0px;
padding: 0;
font-size: 12px;
font-weight: bold;
}
div.search{
width:161px;
height:35px;
background-color:#efe6ee;
margin:0 0 4px 0;

}
/* TEXTE DE LA ZONE DE RECHERCHE */
input#recherche
{
width: 120px;
margin: 5px 0px 4px 0px;
border:1px solid #00637f;
font-size:0.9em;
padding:2px 1px;
}
input.submit{
width:26px;
}
br.clear{
clear:both;
height:1px;
overflow:hidden;
margin:0;
padding:0;
}
br.clear2{
clear:both;
height:100px;
overflow:hidden;
margin:0;
padding:0;
}
/* LISTE DES RUBRIQUES */
ul.liste_rubriques
{
border: 2px solid #FFFFFF;
background: #ffffff;
margin: 15px 0px 0px 0;
padding: 0;
font-size: 0.9em;
font-weight: bold;
text-align: left;
list-style-type: square;
color: #00637f;
}

/* LISTE DES RUBRIQUES */
li.lien_rubrique
{
margin:0 0 0 15px;
padding: 0px 0 5px 0;
}
li.lien_rubrique a{
color: #00637f;
}
li.lien_rubrique a:hover{
color: #ee7f01;
}
/* LOGOS-LIENS */
div.logos
{
margin-top: 15px;
text-align: center;
}


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

/* MENU DU VIGNERON */
#menu_vigneron 
{
width:538px;
background-color:#efe6ee;
height:60px;
text-align:center;
margin:0;
padding:0;
}
#menu_vigneron a{
margin:0 -3px 0 -3px;
padding:0;
}

.format_png { behavior: url(win_png.htc); }

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

/* TRADITIONS CHAMPENOISES */
div.traditions_champenoises
{
border: 2px solid #FFFFFF;
background: #EFE6EE;
background-position: middle;
width: 161px;
padding:0;
font-size:0.9em;
}

/* TITRE TRADITIONS CHAMPENOISES */
h1.traditions_colonne
{
font-weight: bold;
font-size: 1em;
color: #00637f;
text-align: center;
}
h1.traditions_colonne a{
color:#D20019;
}
h1.traditions_colonne a:hover{
color:#00637f;
}
/* 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: 0;
margin:0 4px 0 0;
float: left;
}
#sommaire div.info_une p{
text-align:left;
font-weight:normal;
}

#sommaire div.info_une a, a:link, a:visited,#sommaire div.ce_mois_ci a{
font-weight: bold;
text-decoration: none;
color: #00637f;
}
#sommaire div.info_une a:hover,#sommaire div.ce_mois_ci a:hover{
font-weight: bold;
text-decoration: none;
color: #ee7f01;
}
#sommaire div.info_une p a, a:link, a:visited{
font-weight:bold;
text-decoration: none;
color: #00637f;
}
#sommaire div.info_une p a:hover{
font-weight:bold;
text-decoration: none;
color: #ee7f01;
}
#sommaire div.ce_mois_ci p a{
font-weight:normal;
text-decoration: none;
color: #000000;
}
#sommaire div.ce_mois_ci p a:hover{
font-weight:normal;
text-decoration: none;
color: #ee7f01;
}
#sommaire div.info_une  p.une_lire,#sommaire div.info_une  p.une_lien{
font-weight:bold;
}
#sommaire div.info_une  p.une_lire a,#sommaire div.info_une  p.une_lien a{
font-weight: bold;
text-decoration: none;
color: #00637f;
}
#sommaire div.info_une  p.une_lire a:hover,#sommaire div.info_une  p.une_lien a:hover{
font-weight: bold;
text-decoration: none;
color: #ee7f01;
}
/* 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: 240px;
padding: 0 0 0 4px;
margin:0;
float:left;
}

/* INFORMATION */
#sommaire div.info
{
background: #EFE6EE;
width: 240px;
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;
}
#sommaire div.lien_info a, a:link, a:visited{
font-weight: bold;
text-decoration: none;
color: #00637f;
}
#sommaire div.lien_info a:hover{
font-weight: bold;
text-decoration: none;
color: #ee7f01;
}
/* LISTE D'INFORMATIONS */
#sommaire div.liste
{
width: 240px;
}

/* INFORMATION CE MOIS-CI */
#sommaire div.ce_mois_ci
{
background: #EFE6EE;
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: 0;
font-size: 1.5em;
padding:0;
}

/* TITRE */
#sommaire h2
{
font-size: 1em;
margin: 0px 0px 10px 0px;
color:#d10019;
}
#sommaire h2.paru
{
font-size: 1em;
margin: 0px 0px 10px 0px;
color:#000000;
}
/* 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: #00637f;
}

/* 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: bold;
text-decoration: none;
color: #00637f;
}

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


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

/* TITRE */
#article h1
{
margin: 16px 0 0 0;
padding:0;
font-size: 1.3em;
font-weight: bold;
color: #004c89;
}

#article h1.titre
{
margin: 8px 0 0 0;
padding:0;
font-size: 1.3em;
font-weight: bold;
color: #004c89;
}

/* SOUS-TITRE */
#article h2
{
margin:0;
font-size: 14px;
color: #670758;
padding:0;
}

/* INTERTITRE */
#article h3.spip
{
margin-bottom: 4px;
font-size: 1.3em;
font-weight: bold;
color:#670758;
}

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

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

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

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

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

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

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

/* TEXTE */
#article p.legende
{
width: 500px;
margin:2px 0 16px 0;
padding:0;
font-size: 11px;
color: #666666;
}

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

/* TITRE DOCUMENTS JOINTS */
#article h1.documents_joints
{
width:500px;
background: #EFE6EE;
margin: 0px;
padding: 5px;
font-size: 14px;
color: #00637f;
clear: left;
}


/* PORTFOLIO */
#article div.portfolio
{

margin-top: 20px;
}
div.portfolio img{
padding:1px;
border:1px solid #ffffff;
}
div.portfolio img:hover{
padding:1px;
border:1px solid #999999;
}
/* VIGNETTE DE L'ARTICLE */
#article div.article_vignette
{
margin: 0px 5px 5px 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: 0;
}

/* IMAGE */
div.champimages
{
width: 230px;
height:230px;
margin: 0px 4px 4px 4px;
padding: 4px 0 4px 0;
float: left;
text-align:center;
border:1px solid #EFE6EE;
}
div.champimages p.titre{
margin:0;
padding:2px;
font-weight:bold;
text-align:center;
font-size:0.8em;
}
div.champimages p.desc{
margin:0;
padding:2px;
font-weight:normal;
text-align:center;
font-size:0.75em;
color:#666666;
}
div.champimages img{
padding:1px;
border:1px solid #ffffff;
clear:both;
}
div.champimages img:hover{
padding:1px;
border:1px solid #999999;
}
/* 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: #ffffff;
width: 500px;
padding: 0;
vertical-align: top;
}

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

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

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

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

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

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

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

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

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

/* TITRE DE RUBRIQUE */
#traditions_champenoises p
{
font-size: 1em;
text-align: center;
padding:2px;
color:#666666;
}


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


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

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

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

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

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

/* TITRE CATEGORIE DE LIENS */
#rubrique h2
{
margin-bottom: 0px;
font-size: 1.1em;
color: #00637f;
}
#rubrique h2 a{
color: #00637f;
}
#rubrique h2 a:hover{
color: #ee7f01;
}
/* 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: 0.8em;
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;
font-size:0.8em;
}

/* 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: #ee7f01;
cursor: pointer;
}

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

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

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

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

/* SELECTION D'ARTICLES */
#rubrique p.selection
{
background: #EFE6EE;
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;
}

/* FENETRE INSERTION */
#rubrique iframe
{
width: 500px;
height: 1000px;
border: 0px;
}


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

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

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


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

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

div.meteo{
/*background-color:#EFE6EE;*/
text-align:center;
margin:0 0 8px 0;
font-weight:bold;
padding:1px 0 0 0;
width:165px;
border:1px solid #ffffff;
}
div.meteo a{
color:#cccccc;
font-size:0.75em;
font-weight:normal;
display:block;
margin:0;
}
div.meteo a:hover{
text-decoration:underline;
}
div.meteo div.today{
color:#ffffff;
margin:0 0 6px 0;
}
div.meteo div.t_reelle{
font-size:1.4em;
color:#ffffff;

}
div.meteo div.resume{
font-weight:bold;
font-size:0.8em;
color:#ffffff;
margin:4px 0 4px 0;
}
div.pied{
margin:0 auto 0 auto;
text-align:center;
width:530px;
}
ul.footer{
margin:0;
padding:0;
list-style:square;
}
li.footer{
list-style-type:square;
color:#00637f;
display:inline;
margin:0 8px 0 0;
font-weight:bold;
font-size:0.8em;
list-style-position: inside;

}
li.footer img{
vertical-align:10%;
margin:0 8px 0 0;
}
p.recommander{
font-family:Trebuchet MS;
font-size:1em;
}
p.recommander a{
color:#000000;
}
p.recommander a:hover{
color:#999999;
}