/*** major document sections
******************************************************************/
a:link, a:visited {text-decoration: none;color: #565242;}
a:focus, a:hover {text-decoration: none;color: #565242;}


h1 {
 width: 130px;
 height: 74px;
 background: transparent url(/style/logo-merlin.jpg) no-repeat;
 /* Par défaut, ce texte s'affichera à 25px */
 font: 2.5em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


h2 {
 margin-left: -60px;
 margin-top: -20px;
 padding: 40px 0 5px 90px;
 color: #B3BA33;
 text-transform: uppercase;
 letter-spacing: 0.3em;
 /* Par défaut, ce texte s'affichera à 15px */
 font: 2.0em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 background: transparent url(/style/etoiles-vertes.gif) no-repeat top left;
}


h3 {
 padding: 4px 5px;
 background: #000;
 color: #B3BA33;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: 0.4em;
 /* Par défaut, ce texte s'affichera à 12px */
 font: bold 1.2em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


h4 {
 padding-bottom: 0.5em;
 font: 1.2em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.4em;
}


h3#edito {
 color: #B29334;
}


p, dl, #maincontent ul {
 /* Par défaut, ce texte s'affichera à 11px */
 font: 1.1em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 line-height: 1.3;
}


p {
 /*margin-bottom: 1em;*/
}


p.last {
 margin-bottom: 0;
}


/*** body
*********************************/
body {
 text-align: center;
 background: #F5F1D5;
 color: #000;
}


/*** page
*********************************/
#page {
 margin: 20px auto;
 width: 1000px;
 text-align: left;
}


/*** header
*********************************/
#header {
 background: #000;
 height: 111px;
}


#header .content {
 padding: 18px 60px 19px 60px;
 background: transparent url(/style/bandeau.jpg) no-repeat 256px 0px;/* 1000-684-60*/
}


/*** main
*********************************/
#main {
 position: relative;
 min-height: 600px;

 padding-left: 256px;
 padding-right: 60px;
 background: #fff url(/style/fond.jpg) no-repeat bottom left;
}


* html #main {height: 600px;}


#main .content {
 position: relative;
 padding: 50px 10px 10px 10px;
}


#maincontent {
 width: 664px;

 position: relative;
}


/*** footer
*********************************/
#footer {
 margin-top: 20px;
}


#footer .content {
 padding: 0;
}


#footer ul {
 float: left;
 width: 100%;
 margin-bottom: 5px;
}


#footer li {
 float: left;
 padding-right: 50px;
 text-transform: uppercase;
 letter-spacing: 0.2em;
}


#footer li.last {
 padding-right: 0;
}


#footer p {margin-bottom:0}


#footer ul a:link, #footer ul a:visited {color: #343431;}


#footer a:focus, #footer a:hover {text-decoration: underline;}


#contact-print {
 display: none;
 margin-top: 30px;
 border-top: 1px solid #000;
 padding-top: 5px;
}


/*** nav-main
*********************************/
#nav-main {
 position: absolute;
 top: 10px;
 left: 10px;
 float: left;
 border-top: 1px solid #000;
 /* Par défaut, ce texte s'affichera à 12px */
 font: 1.1em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


#nav-main li {
 float : left;
}


#nav-main li li {
 float : none;
 padding-bottom: 3px;
}


#nav-main strong {
 display: block;
 border-bottom: 1px solid #000;
 border-left: 1px dotted #000;
 padding: 3px 10px;
 letter-spacing: 0.1em;
}


#nav-main strong.first {border-left: none;}


#nav-main li ul {
 padding: 5px 19px 0 19px;
}


#nav-main a:focus, #nav-main a:hover {color: #88002F;}
#nav-main li.actif a:link, #nav-main li.actif a:visited {color: #FFF;}


#nav-main ul ul {
 visibility: hidden;
 position: relative;
 top: 0;
 right: -1px;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
 background: #FFF;
}


/*** colonne
*********************************/
#leftcol {
 width: 238px;
 float: left;
}


#rightcol {
 width: 408px;
 float: right;
}


#leftcol .content, #rightcol .content {padding: 0;}


    #accueil #maincontent{
     background: transparent url(/style/accueil/fond_colonne.gif) repeat-y;
    }


.pied_2colonnes {
 padding-top: 10px;
 height: 1px;
 background: transparent url(/style/accueil/pied_2colonnes.gif) no-repeat bottom left;
}


#maincol {
 border-left: 1px solid #d0bf73;
 border-right: 1px solid #d0bf73;
 border-bottom: 1px solid #d0bf73;
 padding: 10px 15px;
}


.leftcol{
 float: left;
 width: 205px;
}


.rightcol{
 float: right;
 width: 205px;
}


    #histoire #maincol {background: transparent url(/style/domaine/domaine-histoire.jpg) no-repeat 230px 10px;}
    #philosophie #maincol {background: transparent url(/style/domaine/domaine-philo.jpg) no-repeat 230px 10px;}
    #travail #maincol {background: transparent url(/style/domaine/domaine-travail.gif) no-repeat 230px 10px;}


    #appellations .leftcol {
     min-height: 370px;
     width: 190px;
     padding-right: 250px;
     background: transparent url(/style/degustation/degustation-appellations1.jpg) no-repeat right top;
    }
    #appellations .rightcol {width: 172px;}


    #appellation-detail .leftcol {width: 195px;}
    #appellation-detail .rightcol {width: 420px;}


    #millesimes .leftcol{width: 202px;}
    #millesimes .rightcol {width: 430px;}/* 632-202(.leftcol) */


    #acces #maincol, #mention #maincol {background-color: #FFF;}


/*** article
*********************************/
dl.actualite {
 float: left;
}


dl.article {
 padding: 10px 15px 0 15px;

 float: left!important;
 float: none;
}


dl.article dt, dl.actualite dt, dl.actualite-detail dt {
 font: bold 1.2em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 line-height: 1.1em;
}


dl.actualite dt small, dl.actualite-detail dt small{
 font: bold 0.8em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 font-weight: normal;
}
    /* edito */
    dl.edito dt img, dl.actualite dt img, dl.actualite-detail dt img {
     float: left;
     margin-right: 15px;
     margin-bottom: 15px;
    }


    dl.edito dd {
     clear: both;
     padding-bottom: 30px;
     background: transparent url(/style/etoiles-noires.gif) no-repeat bottom center;
    }


    /* article + photo */
    dl.type1 {
     width: 378px;/* ie6 */
    }


    dl.type1 dt, dl.type1 dd {
     width: 238px;
     float: right;
    }


    dl.type1 dd.photo {
     width: 135px;
     float: left;
    }


    /* encart */
    dl.encart1, dl.encart2 {
     margin: 10px 15px 0 15px;
     padding: 0;
     border: 1px solid #000;
     background: transparent url(/style/accueil/accueil-fond-info.gif) repeat-y;
     color: #fff;
    }


    #accueil dl.encart1, #accueil dl.encart2 {width: 376px;/* ie 6*/}


    dl.encart1 dt, dl.encart1 dd {
     width: 178px;

     float: left;
     padding: 0 15px;
    }


    dl.encart1 dt {padding-top: 10px;}
    dl.encart1 dd {padding-bottom: 10px;}


    dl.encart1 dd.photo {
     width: 135px;
     float: right;
     padding: 0;
    }


    dl.encart1 dd.photo img {float: right;}




                                    .encart {
                                     border: 1px solid #000;
                                     padding: 10px 15px;
                                     background: transparent url(/style/accueil/accueil-fond-info.gif) repeat-y;
                                     color: #fff;
                                    }


                                    /* .articlePhoto-1 : texte + photo flotante à gauche */
                                    .articlePhoto-1 img {
                                     float: left;
                                     margin-right: 15px;
                                     margin-bottom: 15px;
                                    }


                                    /* .articlePhoto-2 : texte + photo au dessus */
                                    .articlePhoto-2 .titre {
                                     display: block;
                                     margin-bottom: 15px;
                                    }


                                    .articlePhoto-2 img {
                                     display: block;
                                     margin-bottom: 15px;
                                    }


                                    /* .articlePhoto-3 : texte + photo à gauche */
                                    .articlePhoto-3 dt {
                                     padding-bottom: 0.5em;
                                     font: 1.2em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
                                     text-transform: uppercase;
                                     letter-spacing: 0.4em;
                                    }


                                    .articlePhoto-3 dt, .articlePhoto-3 dd  {
                                     float: right;
                                    }


                                    .articlePhoto-3 dd.photo {
                                     float: left;
                                     margin-left: 15px;
                                    }


                                        #appellation-detail .articlePhoto-3 dt,
                                        #appellation-detail .articlePhoto-3 dd {width: 255px;}

                                        #appellation-detail .articlePhoto-3 dd.photo {width: 150px;}


                                    /* .articleText : texte seul */
                                    .articleText {


                                    }


/*** millesime
*********************************/
dl.millesime,
dl.millesime-bottom,
dl.millesime-detail {
 margin-left: 15px;
}


dl.millesime, dl.millesime-bottom {
 width: 200px;
 float: left;
}


dl.articleHeader,
dl.millesime {
 margin-bottom: 1em;
}


dl.articleHeader dt,
dl.millesime dt strong,
dl.millesime-bottom dt strong,
dl.millesime-detail dt strong {
 padding: 2px 0px 2px 5px;
 background: #000;
 color: #B3BA33;
 letter-spacing: 0.4em;
}


dl.articleHeader dd,
dl.millesime dd,
dl.millesime-bottom dd,
dl.millesime-detail dd {
 padding-top: 1em;
}




dl.articleHeader dt {
 float: left;
}


dl.articleHeader dd {
 clear: both;
}


/*** distributeur
*********************************/
dl.distributeur {
 margin-left: 15px;
 margin-bottom: 1em;
 width: 190px;
 float: left;
}


/*** accroche
*********************************/
.accroche, .accrocheDroite {
 line-height: 1.6em;
 font-weight: bold;
}


.simpleDroite, .accrocheDroite {
 text-align: right;
}


/*** minor document sections
******************************************************************/


/*** a
*********************************/
.next a:link, .back a:link, .print-page a:link,
.next a:visited, .back a:visited, .print-page a:visited {
 text-decoration: underline;
}


/*** h
*********************************/


/*** img
*********************************/


/*** descriptif
*********************************/


/*** p
*********************************/
p.next, p.back, p.print-page {text-align: right;}
p.print-page img {
 vertical-align: baseline;
}


#acces #maincol p {
 padding: 10px 0 10px 100px;
 border-bottom: 2px solid #000;
}


/*** ul
*********************************/
ul.chronologie li {
 padding-bottom: 0.5em;
}


ul.chronologie li.last {
 padding-bottom: 0;
}


ul.chronologie b {
 display: block;
}


ul#moyens-acces {
 float: left;
 margin-bottom: 1em;
}


ul#moyens-acces .moyen {
 width: 200px;
 float: left;
}


ul#moyens-acces .moyen dl {
 margin-left: 15px;
 font: 0.9em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 line-height: 1.1;
 padding-left: 50px;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: left top;
}


ul#moyens-acces .moyen dt {
 text-transform: uppercase;
 color: #B3BA33;
}


ul#moyens-acces .first dl {
 margin-left: 0;
}


ul#moyens-acces .first dl {
 margin-left: 0;
}


ul#moyens-acces dl.voiture {background-image: url(/style/acces/acces-voiture.gif);}
ul#moyens-acces dl.train {background-image: url(/style/acces/acces-tgv.gif);}
ul#moyens-acces dl.avion {background-image: url(/style/acces/acces-avion.gif);}


ul#moyens-acces .moyen dl ul {
 list-style-type: disc;
 list-style-position: inside;
}


ul.temps-acces {
 width: 80%;
 margin: 0 auto;
 text-align: center;
}


ul.temps-acces li {
 display: inline;
}


ul#produits {
 list-style-type: disc;
 padding-left: 20px;
 line-height: 1.6;
}

#nav-lang-mp3 {
    position: absolute;
    left: 10px;
    top: 12px;
}

/* #nav-lang {
    width: 52px;
    height: 12px;
	position: absolute;
    left: 10px;
    top: 12px;
} */

#nav-lang {
    width: 52px;
    height: 12px;
	padding: 0 0 0 5px;
	position: static;
}

#nav-lang li {
    float: left;
    margin-right: 10px;
}


#nav-lang a {
    display: block;
    width: 16px;
    height: 12px;
}

#nav-lang a#lang-fr {background: transparent url(/style/fr.gif) no-repeat left center;}
#nav-lang a#lang-en {background: transparent url(/style/en.gif) no-repeat left center;}

#nav-lang-mp3 object{
 margin: 10px 0 0 0;
 float: left;
}

#nav-lang-mp3 a#lien_popup{
 float: left;
 margin: 14px 0 0 5px;
}

#nav-lang-mp3 a#lien_popup:hover, #nav-lang-mp3 a#lien_popup:focus{text-decoration: underline;}




/*** style popup
******************************************************************/
#info_musique{
 background-color: #fff;
}

#info_musique div{
 padding: 10px;
 text-align: left;
}

#info_musique h5{
 font: bold 1.5em/1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 color: #B3BA33;
}

#info_musique p{
 font: 1.1em/1.5em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 margin: 10px 0;
}

#info_musique address{
 font: bold 1.1em/1.5em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 background-color: #B3BA33;
 padding: 5px;
 color: #fff;
}

/*** printer styles
******************************************************************/
@media print {


    html {
     font-size: 16px;
    }


    body {
     background: #FFF;
     text-align: left;
    }


    #page {
     margin: 20px;
     width: auto;
    }


    #header {
     background: #FFF;
     height: auto;
    }


    #header .content {
     padding: 0 0 30px 0;
     background: transparent;
    }


    #main {
     min-height: auto;
     padding-left: 0;
     padding-right: 0;
     background: transparent;
    }


    * html #main {height: auto;}


    #main .content {
     padding: 0;

    }


    #maincontent {
     width: auto;
    }


    #maincol {
     border: none;
     padding: 0;
    }


    .rightcol {
     float: none;
     width: auto;
    }


    #contact-print {
     display: block;
    }


 h1 {
  width: auto;
  height: auto;
  background: transparent;
 }
 h2, h3, #nav-main, #footer, .leftcol, .back, .noprint {
  display: none;
 }


}