/*** major document sections
******************************************************************/

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

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


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

#header .content {}

/*** nav
*********************************/
#nav {
 border-top: 1px solid #E2A850;/* jaune */
 width: 100%;
 float: left;
 background: transparent url(/style/fond-menu.gif) repeat-x left top;
 border-bottom: 2px solid #E2A850;
}

#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#nav a {
 display: block;
 margin-left: 30px;
}

#nav a strong {
 font: bold 1.2em/1.2em Georgia, Times, Arial, Helvetica, sans-serif;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 2px;
 line-height: 1;
}

#nav a span {
 font: 1.1em/1.1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#nav li {
 float: left;
 background: transparent url(/style/etoile-menu.gif) no-repeat right center;
 margin-right: 4px;
 padding: 2px 46px 2px 0px;
}

    #nav li.first {
        margin-left: 60px;
    }
    
    #nav li.first a.accueil {
        background: transparent url(/style/etoile-menu.gif) no-repeat left center;
        padding-left: 50px;
    }

#nav li  li {
 width: auto;
 background: transparent;
 padding: 2px 0;
 margin: 0;
 float: none;
}

#nav li  li a {
    
}

#nav li ul {
 position: absolute;
 z-index: 5000;
 left: -999em;
 padding-top: 4px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li.sfhover ul {
	background: transparent url(/style/blank.gif);
}

/*** main
*********************************/
#main {
 min-height: 300px;
 width: 100%;
 background: #fff url(/style/fond.gif) no-repeat top left;
}

* html #main {height: 300px;}

#maincontent {
 position: relative;
 padding: 50px 80px 30px 80px;
}

#maincontent  p, #maincontent  ul {
 /* Par défaut, ce texte s'affichera à 11px */
 font: 1.1em/1em Georgia, Times, Arial, Helvetica, sans-serif;
 line-height: 1.6;
 margin-bottom: 1em;
}

.filet {
 border: 1px solid #E2A850;
}

.filet2 {
 margin: 10px 39px;
 padding: 0 20px;
 background: transparent url(/style/double-bordure.gif) repeat-y;
}

.lettrine:first-letter {
 float: left;
 font: bold 4em/1em Georgia, Times, Arial, Helvetica, sans-serif;
 font-style: italic;
 margin-right: 0.2em;
}


/*** modele
*********************************/
.modele1 .leftcol {
 float: left;
 width: 48%;
 background: transparent url(/style/degrade-bleu-3.gif) repeat-y;
}

.modele1 .rightcol {
 float: right;
 width: 48%;
}

.modele1 .col {
 float: left;
 width: 49%;
}

.modele1 .content {
 padding: 10px;
}

/*** colonne
*********************************/
.leftcol{
 float: left;
}

.rightcol{
 float: right;
}

/* col1-1 : 2 colonnes de même largeur */
.col1-1, .col1-1bis {
 position: relative;
}

.col1-1 {
 background: transparent url(/style/degrade-bleu-1.gif) repeat-y;
}

.col1-1bis {
 background: transparent url(/style/degrade-bleu-1.gif) repeat-y top right;
}
    #philosophie .col1-1bis{background: none;}

.col1-1 .leftcol, .col1-1bis .leftcol, 
.col1-1 .rightcol, .col1-1bis .rightcol {
 width: 48%;
}
    #appellations .rightcol{
     background: transparent url(/style/degustation/fond-gris.gif) no-repeat;
     height: 450px;
     width: 49%;
    }
    #appellations .rightcol .content{overflow-y: scroll; height: 430px;}
    

.col1-1 .leftcol, .col1-1bis .rightcol {
 color: #fff;
}

/* col1-2: 2 colonnes 1/3 - 2/3 */
.col1-2 {
 background: transparent url(/style/degrade-bleu-2.gif) repeat-y;
}

.col1-2 .leftcol {
 width: 30%;
 color: #fff;
}

.col1-2 .rightcol {
 width: 66%;
}

.leftcol .content, .rightcol .content {
 padding: 10px 20px;
}

    #millesimes .rightcol .content {
     padding-left: 100px;
    }

.col0 {
 padding: 20px 100px;
}

.col0 .content {
 background: #fff;
 color: #000;
}

.col0bis {
 background: #004D80 url(/style/degrade-bleu-1.gif) repeat-y;/* bleu */
 padding: 10px 0;
 font: bold 0.9em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif; 
}

.col0bis .content {
 width: 478px;
 margin: 10px auto;
 background: #fff;
 color: #000;
 position: relative;
}

#maincontent .col0bis .content p {
 width: 478px;
 text-align: center;
 position: absolute;
 bottom: 0;
 left: 0;
 border-bottom: 2px solid #E2A850;
 margin-bottom: 0;
}



    #philosophie .filet2 {min-height: 310px;}
    * html #philosophie .filet2 {height: 310px;}
    
    #millesimes .leftcol {min-height: 250px;}
    * html #millesimes .leftcol {height: 250px;}


.panel ul {
 float: left;
 width: 120px;
}

.panel li {
 padding: 10px 0;
 text-transform: uppercase;
}

.panel div {
 float: right;
 width: 184px;
}

.panel img {
 display: block;
 margin-bottom: 5px;
 border: 1px solid #E2A850;
}

/*** footer
*********************************/
#footer {
 background: transparent url(/style/degrade-vertical.gif) repeat-x;
 font: 0.85em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 color: #fff;
}

#footer .content {
 padding: 5px 100px;
}

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

#footer li {
 float: left;
 padding-right: 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
}

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

#footer p {
 margin-bottom:0;
 text-align: center;
}

#footer ul a:link, #footer ul a:visited {color: #fff;}
#footer a:focus, #footer a:hover {text-decoration: underline;}

/*** titre
*********************************/

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


h2 {
 width: 100%;
 margin-bottom: 4px;
 padding: 3px 0;
 text-align: center;
 background: #004D80;
 color: #E2A850;
 text-transform: uppercase;
 letter-spacing: 0.3em;
 /* Par défaut, ce texte s'affichera à 15px */
 font: bold 1.3em/1em Georgia, Times, Arial, Helvetica, sans-serif;
}


h3 {
 text-transform: uppercase;
 /* Par défaut, ce texte s'affichera à 12px */
 font: bold 1.4em/1em Goergia, Times, Arial, Helvetica, sans-serif;
}


    
    .leftcol h3 {
     width: 100%;
     text-align: center;
    }

    h3.etoile {
     margin-bottom: 10px;
     padding-bottom: 30px;
     background: transparent url(/style/etoile.gif) no-repeat bottom center;
    }
    
    .col1-1 .leftcol h3, .col1-2 .leftcol h3 {
     margin-top: 10px;
     margin-bottom: 20px;
    }
    
    .col0bis h3 {
     width: 100%;
     padding: 2px 0;
     text-align: center;
     background: #E2A850;
     color: #fff;
     letter-spacing: 3px;
     font-weight: normal;
    }


/*** article
*********************************/
.edito dt  {
 display: none;
}

.edito dd {
 padding-bottom: 30px;
 background: transparent url(/style/signature.png) no-repeat bottom center;
}

#maincontent .edito p {
 font: 1.1em/1.3em Georgia, Times, Arial, Helvetica, sans-serif;
 color: #004D80;
}

.articleText dt {
    font: bold 1.6em/1.2em Georgia, Times, Arial, Helvetica, sans-serif;
    padding: 20px 60px;
    text-transform: uppercase;
    text-align: center;
    color: #004D80;
}

.articleText .soustitre {
    font: bold 1.4em/1em Georgia, Times, Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
}

.articleText .image {
    float: left;
    padding: 0 10px 0 0;
}

.articleText .text{
	float: left;
}

.millesime {
 color: #004D80;
}

.millesime dt {
 font: bold 1.6em/1.2em Georgia, Times, Arial, Helvetica, sans-serif;
 padding-top: 5px;
}

.actualites img, .article img {
 border: 1px solid #E2A850;
 margin-bottom: 10px;
}

.actualites dt, .article dt {
 font: bold 1.5em/1.2em Georgia, Times, Arial, Helvetica, sans-serif;
 color: #004D80;
 text-transform: uppercase;
 padding-bottom: 15px;
}
    #archives .leftcol dl, #actualites .leftcol dl{border-bottom: 1px solid #E2A850; padding: 0 0 10px 0;}
    #archives .leftcol dt, #actualites .leftcol dt{text-transform: none; color: #fff; padding: 5px; font-size: 1.1em;}
    #archives .leftcol a, #actualites .leftcol a{padding: 0 5px;}
    #archives.leftcol a:link, #archives .leftcol a:visited, #actualites .leftcol a:link, #actualites .leftcol a:visited {text-decoration: none;color: #fff;}
    #archives.leftcol a:focus, #archives .leftcol a:hover, #actualites .leftcol a:focus, #actualites .leftcol a:hover {text-decoration: none;color: #E2A850;}

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


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


.articlePhoto-3 dd.photo {
 float: left;
 width: 150px;
}
    #appellations .rightcol .photo {float: left; padding: 15px 0 0 30px;}

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


/*** a
*********************************/
a:link, a:visited {text-decoration: none;color: #004A7C;}
a:focus, a:hover {text-decoration: none;color: #E2A850;}

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

.next {
 float: right;
 margin: 10px 0 0 10px;
}

.col1-2 .leftcol a:link, .col1-2 .leftcol a:visited,
.col1-1 .leftcol a:link, .col1-1 .leftcol a:visited,
.col1-1bis .rightcol a:link, .col1-1bis .rightcol a:visited {
 color: #fff;
}

.col1-2 .leftcol a:focus, .col1-2 .leftcol a:hover,
.col1-1 .leftcol a:focus, .col1-1 .leftcol a:hover,
.col1-1bis .rightcol a:focus, .col1-1bis .rightcol a:hover {
 color: #E2A850;
}

.current {font-weight: bold;}

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


/*** img
*********************************/
#millesimes .col1-1 img {
 display: block;
 position: absolute;
 left: 272px;
 top: 30px;
 border: 1px solid #E2A850;
}

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


/*** p
*********************************/
#maincontent p.accroche {
 width: 100%;
 margin: 20px 0;
 text-align: center;
 font: bold 1.4em/1.4em Georgia, Times, Arial, Helvetica, sans-serif;
 color: #E2A850;
 text-transform: uppercase; 
}

p.intro-centre{
 text-align: center;
 width: 100%;
 color: #C1BEA8;
 font-size: 1.2em;
 padding: 10px 0 0 0;
}
/*** ul
*********************************/
#presse .leftcol ul {
 width: 170px;
 height: 450px;
 overflow-y: scroll;
}

#presse .leftcol li {
 padding: 10px 0;
}

#presse .leftcol li img {
 display: block;
 margin-bottom: 5px;
}

#millesimes .leftcol ul {
 margin-left: 40px;
 border-left: 1px solid #fff;
 padding-left: 10px;
}

#millesimes .leftcol li {
 padding: 10px 0;
 font: bold 1.4em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#contact .col0bis ul {
 margin: 15px 0;
 float: left;
}

#contact .col0bis ul .moyen {
 width: 159px;
 float: left;
}

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


#contact .col0bis ul .moyen dt {
 text-transform: uppercase;
 color: #004D80;
 font: bold 1.2em/1.1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


#contact  .first dl {
 margin-left: 0;
}

#contact .voiture {background-image: url(/style/contact/acces_route.gif);}
#contact .train {background-image: url(/style/contact/acces_train.gif);}
#contact .avion {background-image: url(/style/contact/acces_avion.gif);}

#contact  .moyen dl ul {
 list-style-type: disc;
 list-style-position: inside;
 margin: 0;
 font: 1.1em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

ul#types-appellation {
 float: left;
 width: 30%;
}

ul#types-appellation li {
 padding: 10px 0 20px 0;
}

ul#produits {
 float: right;
 width: 55%;
 list-style-type: disc;
 padding: 10px 20px;
 border: 1px solid #E2A850;
}

ul#produits li {
 padding: 5px 0;
}


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


                                            #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;}


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


}