html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
#desktop,
.desktop {
    display:none !important;
}
.niveau-900 {
    
}
ol, ul {
	list-style: none;
}

.image10, 
  .image15,
  .image20,
  .image25,
  .image30,
  .image32,
  .image35,
  .image40,
  .image45,
  .image50,
  .image48,
  .image55,
  .image60,
  .image65,
  .image70,
  .image75,
  .image80,
  .image85,
  .image90,
  .image95,
  .image100 {
	width: 100% !important;
	height: auto !important;
	padding: 10px 0 0 0;
  }
a {
    text-decoration: none;
    transition: all 0.4s;
}
a:hover {
   transition: all 0.4s;
}

/* Style du site */

html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
html, body {
    font-family: 'GothamLight', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
	height:100%;
    background: #ffffff;
}

/*------ MENU --------*/
#header-smart {
    width:100%;
    position: fixed;
    background-color: rgba(124,124,124,1);
    z-index: 12999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}
.shrink2 {
	opacity: 0.8;
}
/* MENU */

#toggle {
    display: block;
    top: 10px;
	right: 20px;
	position: absolute;
	width: 40px;
	height: 18px;
	margin: 20px 5% 0;
	z-index: 900;
	opacity: 0.8;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

#toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -10px;
}

#toggle span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
}

#toggle span {
	position: relative;
	display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
	width: 100%;
	height: 3px;
	background-color: rgba(124,124,124,1);
	transition: all 0.4s;
	backface-visibility: hidden;
}

/* on activation */

#toggle.on span {
	background-color: transparent;
}

#toggle.on span:before {
	transform: rotate(45deg) translate(3px, 6px);
	background-color: rgba(255,255,255 ,1);
}

#toggle.on span:after {
	transform: rotate(-45deg) translate(8px, -10px);
	background-color: rgba(255,255,255,1);
}

#toggle.on + #menu {
	top: 0;
	/*visibility: visible;*/
}

/*MENU SMART */

/* MENU */

#togglesmart {
    display: block;
    top: 0;
	right: 0;
	position: relative;
	width: 30px;
	height: 14px;
	margin: 8px 5% 0;
	z-index: 900;
	opacity: 0.8;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

#togglesmart span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -10px;
}

#togglesmart span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
}

#togglesmart span {
	position: relative;
	display: block;
}

#togglesmart span,
#togglesmart span:after,
#togglesmart span:before {
	width: 100%;
	height: 2px;
	background-color: rgba(255,255,255,1);
	transition: all 0.4s;
	backface-visibility: hidden;
}

/* on activation */

#togglesmart.on span {
	background-color: transparent;
}

#togglesmart.on span:before {
	transform: rotate(45deg) translate(3px, 6px);
	background-color: rgba(255,255,255 ,1);
}

#togglesmart.on span:after {
	transform: rotate(-45deg) translate(8px, -10px);
	background-color: rgba(255,255,255,1);
}

#togglesmart.on + #menu {
	top: 0;
	/*visibility: visible;*/
}






#header-menu-logo {
    width: 80%;
    position: relative;
}
#header-menu-logo-int {
    width: 22%;
    position: relative;
}
#header-menu-logo img,
#header-menu-logo-int img {
    width: 74%;
    height: auto;
    margin: 0 15% 0 11%;
}
#menu-centre {
    width: 90%;
    position: relative;
    margin: 0 auto;
    padding: 0;
}
#menu-centre-int {
    width: 70%;
    position: relative;
}

#menu-secondaire {
    /*border-top: 1px solid rgba(255,255,255,0.3);*/
}
#menu-int {
	position: relative;
	color: rgba(255, 255, 255, 1);
	top: 0;
	width: 100%;
	padding: 27px 3%;
    margin: 0;
    text-transform: uppercase;
  font-family: 'GothamMedium', serif;
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: rgba(124,124,124, 1);
	/* just for this demo */
	/*opacity: 0;
  visibility: hidden;*/
  transition: top 0.7s, padding 0.5s linear;
  z-index: 890;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}


#menu {
	position: absolute;
	color: rgba(255, 255, 255, 1);
	top: -600px;
	width: 100%;
	padding: 70px 0 ;
    margin: 0;
    text-transform: uppercase;
  font-family: 'GothamMedium', serif;
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: rgba(124,124,124, 1);
	/* just for this demo */
	/*opacity: 0;
  visibility: hidden;*/
  transition: top 0.7s, padding 0.5s linear;
  z-index: 890;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}



#menu-principal ul {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-principal li {
  /*display: inline-block;*/
  margin: 0;
  padding: 5px 0;
  text-decoration: none;
  position: relative;
  /*width: 250px;*/
  text-align: center;
}

#menu-principal li a {
    font-family: 'GothamMedium', serif;
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    color: rgba(255,255,255, 1);
    font-size: 17px;
  position: relative;
  /*display: block;*/
  padding: 6px 12px;
  margin: 0;
  text-decoration: none;
  border-radius: 0px;
  background: linear-gradient(to top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 8%, transparent 8.01%) no-repeat;
  background-size: 0 100%;
  text-align: center;
}

#menu-principal li a:hover {

  background-size: 100% 100%;
  transition: background-size .3s;
}

#menu-principal .current-menu-item>a,
#menu-principal li .current-menu-item>a #menu-principal .current-menu-ancestor>a,
#menu-principal li .current-menu-ancestor>a,
#menu-principal .current_page_item>a,
#menu-principal li .current_page_item>a,
#menu-principal .current_page_ancestor>a,
#menu-principal li .current_page_ancestor>a,
#menu-principal .current-category-ancestor a,
#menu-principal .current-post-ancestor a,
#menu-principal li .current-post-ancestor a {
    /*border-bottom: 1px solid rgba(156,38,58,1);*/
    color: rgba(255,255,255,1);
    background: rgb(75, 70, 64);
}
/*.nav li .current-menu-item,
.nav .current-menu-item>a,
.nav li .current-menu-item>a .nav .current-menu-ancestor>a,
.nav li .current-menu-ancestor>a,
.nav .current_page_item>a,
.nav li .current_page_item>a,
.nav .current_page_ancestor>a,
.nav li .current_page_ancestor>a,
.nav .current-category-ancestor a,
.nav .current-post-ancestor a,
.nav li .current-post-ancestor a {
  border: 1px solid rgba(255,255,255,0.5);
	background: rgba(101, 101, 101, 1) !important;
}*/

#menu-principal li ul {
 /*    min-width: 200px;
background-color: rgba(255,255,255,1);
display: none; */
margin: 0;
padding: 8px 10px 10px 0;
position: relative;
display: flex;
flex-direction: column;

}


#menu-principal li ul li {
  display: block;
  padding: 0 0 5px 0;
}
#menu-principal li ul li a {
  font-size: 20px;

}

/*----- FIN MENU -----*/


#menu-secondaire ul {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  #menu-secondaire li {
    /*display: inline-block;*/
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
    position: relative;
    /*width: 250px;*/
  }
  
  #menu-secondaire li a {
      font-family: 'GothamMedium', serif;
      font-style: normal;
      font-weight: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: rgba(255,255,255, 1);
      font-size: 19px;
      position: relative;
      /*display: block;*/
      padding: 3px 12px 3px;
    margin: 0;
    text-decoration: none;
    border-radius: 0px;
    background: linear-gradient(to top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 8%, transparent 8.01%) no-repeat;
    background-size: 0 100%;
  }
 
  #menu-secondaire li a:hover {
  
    background-size: 100% 100%;
    transition: background-size .3s;
  }
  
  #menu-secondaire .current-menu-item>a,
  #menu-secondaire li .current-menu-item>a #menu-secondaire .current-menu-ancestor>a,
  #menu-secondaire li .current-menu-ancestor>a,
  #menu-secondaire .current_page_item>a,
  #menu-secondaire li .current_page_item>a,
  #menu-secondaire .current_page_ancestor>a,
  #menu-secondaire li .current_page_ancestor>a,
  #menu-secondaire .current-category-ancestor a,
  #menu-secondaire .current-post-ancestor a,
  #menu-secondaire li .current-post-ancestor a {
      /*border-bottom: 1px solid rgba(156,38,58,1);*/
      color: rgba(255,255,255,0.6);
  }
  /*.nav li .current-menu-item,
  .nav .current-menu-item>a,
  .nav li .current-menu-item>a .nav .current-menu-ancestor>a,
  .nav li .current-menu-ancestor>a,
  .nav .current_page_item>a,
  .nav li .current_page_item>a,
  .nav .current_page_ancestor>a,
  .nav li .current_page_ancestor>a,
  .nav .current-category-ancestor a,
  .nav .current-post-ancestor a,
  .nav li .current-post-ancestor a {
    border: 1px solid rgba(255,255,255,0.5);
      background: rgba(101, 101, 101, 1) !important;
  }*/
  
  #menu-secondaire li ul {
   /*    min-width: 200px;
  background-color: rgba(255,255,255,1);
  display: none; */
  margin: 0;
  padding: 8px 10px 10px 0;
  position: relative;
  display: flex;
  flex-direction: column;
  
  }
  
  
  #menu-secondaire li ul li {
    display: block;
    padding: 0 0 5px 0;
  }
  #menu-secondaire li ul li a {
    font-size: 20px;
  
  }
  

/* ----- FIN MUNU SECONDAIRE ----- */



/* -----------------MENU FOOTER ---------------*/
#menu-principal-footer ul {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 18px 0 0 0;
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    
  }
  
  #menu-principal-footer li {
    /*display: inline-block;*/
    margin: 0;
    text-decoration: none;
    position: relative;
    /*width: 250px;*/
  }
  
  #menu-principal-footer li a {
      font-family: 'GothamMedium', serif;
      font-style: normal;
      font-weight: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: rgba(255,255,255, 1);
      font-size: 16px;
      position: relative;
      /*display: block;*/
      padding: 3px 0px 3px 0;
      margin: 0 28px 0 0;
    text-decoration: none;
    border-radius: 0px;
    background: linear-gradient(to top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 8%, transparent 8.01%) no-repeat;
    background-size: 0 100%;
  }
  
  #menu-principal-footer li a:hover {
  
    background-size: 100% 100%;
    transition: background-size .3s;
  }
  
  #menu-principal-footer .current-menu-item>a,
  #menu-principal-footer li .current-menu-item>a #menu-principal-footer .current-menu-ancestor>a,
  #menu-principal-footer li .current-menu-ancestor>a,
  #menu-principal-footer .current_page_item>a,
  #menu-principal-footer li .current_page_item>a,
  #menu-principal-footer .current_page_ancestor>a,
  #menu-principal-footer li .current_page_ancestor>a,
  #menu-principal-footer .current-category-ancestor a,
  #menu-principal-footer .current-post-ancestor a,
  #menu-principal-footer li .current-post-ancestor a {
      /*border-bottom: 1px solid rgba(156,38,58,1);*/
      color: rgba(255,255,255,0.6);
  }
  /*.nav li .current-menu-item,
  .nav .current-menu-item>a,
  .nav li .current-menu-item>a .nav .current-menu-ancestor>a,
  .nav li .current-menu-ancestor>a,
  .nav .current_page_item>a,
  .nav li .current_page_item>a,
  .nav .current_page_ancestor>a,
  .nav li .current_page_ancestor>a,
  .nav .current-category-ancestor a,
  .nav .current-post-ancestor a,
  .nav li .current-post-ancestor a {
    border: 1px solid rgba(255,255,255,0.5);
      background: rgba(101, 101, 101, 1) !important;
  }*/
  
  #menu-principal-footer li ul {
   /*    min-width: 200px;
  background-color: rgba(255,255,255,1);
  display: none; */
  margin: 0;
  padding: 8px 10px 10px 0;
  position: relative;
  display: flex;
  flex-direction: column;
  
  }
  
  
  #menu-principal-footer li ul li {
    display: block;
    padding: 0 0 5px 0;
  }
  #menu-principal-footer li ul li a {
    font-size: 20px;
  
  }
  
  
  /*----- FIN MENU -----*/
  
  
  #menu-secondaire-footer ul {
      width: 100%;
      position: relative;
      margin: 0 auto;
      padding: 10px 0;
      list-style-type: none;
      display: flex;
      justify-content: flex-start;
    }
    
    #menu-secondaire-footer li {
      /*display: inline-block;*/
      margin: 0;
      text-decoration: none;
      position: relative;
      /*width: 250px;*/
    }
    
    #menu-secondaire-footer li a {
        font-family: 'GothamMedium', serif;
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: rgba(255,255,255, 1);
        font-size: 16px;
      position: relative;
      /*display: block;*/
      padding: 3px 0px 3px 0;
      margin: 0 28px 0 0;
      text-decoration: none;
      border-radius: 0px;
      background: linear-gradient(to top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 8%, transparent 8.01%) no-repeat;
      background-size: 0 100%;
    }
    
    #menu-secondaire-footer li a:hover {
    
      background-size: 100% 100%;
      transition: background-size .3s;
    }
    
    #menu-secondaire-footer .current-menu-item>a,
    #menu-secondaire-footer li .current-menu-item>a #menu-secondaire-footer .current-menu-ancestor>a,
    #menu-secondaire-footer li .current-menu-ancestor>a,
    #menu-secondaire-footer .current_page_item>a,
    #menu-secondaire-footer li .current_page_item>a,
    #menu-secondaire-footer .current_page_ancestor>a,
    #menu-secondaire-footer li .current_page_ancestor>a,
    #menu-secondaire-footer .current-category-ancestor a,
    #menu-secondaire-footer .current-post-ancestor a,
    #menu-secondaire-footer li .current-post-ancestor a {
        /*border-bottom: 1px solid rgba(156,38,58,1);*/
        color: rgba(255,255,255,0.6);
    }
    /*.nav li .current-menu-item,
    .nav .current-menu-item>a,
    .nav li .current-menu-item>a .nav .current-menu-ancestor>a,
    .nav li .current-menu-ancestor>a,
    .nav .current_page_item>a,
    .nav li .current_page_item>a,
    .nav .current_page_ancestor>a,
    .nav li .current_page_ancestor>a,
    .nav .current-category-ancestor a,
    .nav .current-post-ancestor a,
    .nav li .current-post-ancestor a {
      border: 1px solid rgba(255,255,255,0.5);
        background: rgba(101, 101, 101, 1) !important;
    }*/
    
    #menu-secondaire-footer li ul {
     /*    min-width: 200px;
    background-color: rgba(255,255,255,1);
    display: none; */
    margin: 0;
    padding: 8px 10px 10px 0;
    position: relative;
    display: flex;
    flex-direction: column;
    
    }
    
    
    #menu-secondaire-footer li ul li {
      display: block;
      padding: 0 0 5px 0;
    }
    #menu-secondaire-footer li ul li a {
      font-size: 20px;
    
    }
    
  
  /* ----- FIN MENU footer ----- */
  #header-int {
    position: relative;
    width: 100%;
    height:66%;
    background-position: center center;
}

#titre-page-vins {
    position: relative;
    text-align: center;
    background-color: rgba(0,0,0,0.58);
    padding: 20px 8px;
}
#titre-page-vins h2 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
    line-height: 36px;
    color: rgba(255,255,255,1);
}

#titre-article h2  {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
    line-height: 36px;
    color: rgba(124,124,124,1);
    text-align: center;
    padding: 40px 5% 30px;
}
#titre-page-header {
    position: absolute;
    
    bottom: 0;
    background-color: rgba(0,0,0,0.58);
    padding: 10px 21px;
}
#titre-page-header h2 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
    line-height: 36px;
    color: rgba(255,255,255,1);
}


#titre-page {
    width: 100%;
    padding: 20px 0;
    background-color: rgba(118,110,99,.25);
    text-align: center;
}
#titre-page h2 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 66px;
    line-height: 58px;
    color: rgba(103,103,103,1);
}
#header-accueil {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center center;
    display: flex;
    justify-content: center;
}

#header-logo {
    width: 30%;
    position: relative;
    margin: 0 auto ;
    padding: 90px 0 0 0;
}
#header-logo img {
    width: 100%;
    height: auto;
}

/* FOOTER */

#footer {
    width:100%;
    background-color: rgba(103,103,103,1);
}
#footer-content {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0 30px;
}
#menu-footer {
    width: 100%;
    padding: 40px 0 20px 0;
}
#footer-top {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#footer-top-adresse {   
    padding: 0 0 20px 0;
    margin: 0;
    text-align: center;
}
#footer-top-reseau { 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;  
    width:100%; 
    padding: 20px 0 0 0;
    margin: 0;
}
#footer-top-reseau img {    
    height: 38px;
    width: auto;
    padding: 0 30px 0 0;
}
#footer-top p {
    font-family: 'GothamBook', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 18px;
    color: rgba(255,255,255,1);
    padding: 10px 0 0 0;
}
#footer-top p a {

    color: rgba(255,255,255,1);

}
#footer-top h3 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 38px;
    line-height: 40px;
    color: rgba(255,255,255,1);
    padding: 0 0 10px 0;
}
#footer-bottom {
    width: 100%;
    padding: 40px 0 20px;
    margin: 0 auto;
    text-align: center
}
#footer-bottom p {
    font-family: 'GothamBook', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    line-height: 19px;
    color: rgba(255,255,255,1);
}
#footer-bottom p a {
    font-family: 'GothamBook', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 20px;
    color: rgba(255,255,255,1);
}


#page {
    position: relative;
    width: 100%;
}

#ligne-millesime {
    width: 100%;
    position: relative;
    padding: 50px 0;
    background-color: rgba(124,124,124,0.28);
}
#ligne-millesime h2 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 48px;
    line-height: 51px;
    color: rgba(124,124,124,1);
    text-align: center;
}
#millesime {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    padding: 14px 0 22px;
}


#millesime a {
    font-family: 'GothamMedium', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 19px;
    color: rgb(255, 255, 255);
    padding: 7px 20px 5px;
    margin: 8px;
    background-color: rgba(124,124,124,1);
    border: 1px solid rgba(124,124,124,1);
}
#millesime a::after {
    content: '>';
    font-family: 'DINLight', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    line-height: 20px;
    padding-left: 10px;
}
#millesime a:hover {
    color: rgba(124,124,124,1);
    background-color: rgba(255,255,255,1);

}
#millesime a::after:hover {
    color: rgba(124,124,124,1);
}




#ligne {
    width: 100%;
    position: relative;
    display: flex;
flex-direction: column; 
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
#footer-article {
    width: 100%;
    position: relative;
    padding: 45px 0 65px;
    text-align: center;
}


#footer-article h4 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 21px;
    color: rgba(103,103,103,1);
    padding : 40px 0 0 0;
}

#footer-article h4 a {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 21px;
    color: rgba(103,103,103,1);
    padding: 6px 20px;
    border: 1px solid rgba(103,103,103,1);
}
/*#footer-article h4 a::before {
    content: '<';
    font-family: 'DINLight', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 26px;
    padding-right: 10px;
}*/
#footer-article h4 a:hover {
    color: rgba(255,255,255,1);
    background-color: rgba(103,103,103,1);
    padding: 7px 20px;
    border: 1px solid rgba(103,103,103,1);
}
/*#footer-article h4 a::after:hover {
    color: rgba(255,255,255,1);
}*/




#ligne-article {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    padding: 0 0 70px 0;
}

#bloc-2-col-article {
    width: 100%;
    position: relative;
    line-height: 0;
    text-align: center;
    padding: 0 5%;
}
#bloc-2-col-article img {
    width: 100%;
    height: auto;

}
#bloc-2-col-article-texte {
    width: 100%;
    position: relative;
    padding: 20px 5% 0;
}
#bloc-2-col-article-texte p {
    font-family: 'GothamBook', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 19px;
    color: rgba(0,0,0,1);
    padding: 0 0 10px 0;
}


#bloc-2-col {
    width: 100%;
    position: relative;
    line-height: 0;

}
#ligneleft {
    width: 100%;
    position: relative;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
}
#ligneright {
    width: 100%;
    position: relative;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
}
.h-min400 {
    min-height: 400px !important;
}
#bloc-2-col img {
    width: 100%;
    height: auto;
    position: relative;
    
}
#bloc-2-col-right {
    width: 100%;
    padding: 25px 5% 40px 5%;
    text-align: center;
}
#bloc-2-col-left {
    width: 100%;
    padding: 25px 5% 40px 5%;
    position: relative;
    text-align: center;
}
#ligneright #bloc-2-col-mixte {
    width: 100%;
    padding: 25px 5% 40px 5%;
    position: relative;
    text-align: center;
}
#ligneleft #bloc-2-col-mixte {
    width: 100%;
    padding: 25px 5% 40px 5%;
    position: relative;
    text-align: center;
}



#bloc-2-col p {
    font-family: 'GothamBook', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 19px;
    color: rgba(0,0,0,1);
    padding: 0 0 10px 0;
}

#bloc-2-col ul {
    padding: 0 0 4px 0;
    }
    #bloc-2-col li::before {
    content: "•" ;
    display: inline-block;
    margin: 0 5px 0 0;
    color: rgba(0,0,0,1);
    }
    #bloc-2-col li {
        font-family: 'GothamBook', Arial;
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 15px;
        line-height: 19px;
        color: rgba(0,0,0,1);
        padding: 3px 0;
    }




#bloc-2-col h2 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
    line-height: 36px;
    color: rgba(103,103,103,1);
    padding: 0 0 15px 0;
}

#bloc-2-col h4 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 21px;
    color: rgba(103,103,103,1);
    padding : 20px 0 0 0;
}

#bloc-2-col h4 a {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 21px;
    color: rgba(103,103,103,1);
    padding: 5px 12px;
    border: 1px solid rgba(103,103,103,1);
}
/*#bloc-2-col h4 a::after {
    content: '>';
    font-family: 'DINLight', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 21px;
    padding-left: 8px;
}*/
#bloc-2-col h4 a:hover {
    color: rgba(255,255,255,1);
    background-color: rgba(103,103,103,1);
    padding: 5px 17px;
    border: 1px solid rgba(103,103,103,1);
}
/*#bloc-2-col h4 a::after:hover {
    color: rgba(255,255,255,1);
}*/




#titre-page {
    width: 100%;
    padding: 20px 0;
    background-color: rgba(118,110,99,.25);
    text-align: center;
}
#titre-page h2 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    line-height: 52px;
    color: rgba(103,103,103,1);
}
#bloc-2-col-actu {
    width: 100%;
    position: relative; 
    padding: 0 0 40px 0; 
    background-color: rgba(118,110,99,.15); 
}
#bloc-2-col-actu-img {
    width: 100%;
    height: 200px;
    position: relative;
}
#bloc-2-col-actu-texte {
    width: 100%;
    position: relative; 
    text-align: center; 
}
#bloc-2-col-actu:first-child 
#bloc-2-col-actu-texte {
    padding: 20px 5% 20px 5%;
}
#bloc-2-col-actu:last-child #bloc-2-col-actu-texte {
    padding: 20px 5% 20px 5%;
}
#bloc-2-col-actu-texte p {
    font-family: 'GothamBook', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 19px;
    color: rgba(0,0,0,1);
}
#bloc-2-col-actu-texte h3 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 43px;
    color: rgba(103,103,103,1);
    padding: 0 0 15px 0;
}
#bloc-2-col-actu-texte h2 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
    line-height: 36px;
    color: rgba(103,103,103,1);
    padding: 0 0 15px 0;
}

#bloc-2-col-actu-texte h4 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 21px;
    color: rgba(103,103,103,1);
    padding : 30px 0 0 0;
}

#bloc-2-col-actu-texte h4 a {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 21px;
    color: rgba(103,103,103,1);
    padding: 5px 12px;
    border: 1px solid rgba(103,103,103,1);
}
/*#bloc-2-col-actu-texte h4 a::after {
    content: '>';
    font-family: 'DINLight', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 26px;
    padding-left: 10px;
}*/
#bloc-2-col-actu-texte h4 a:hover {
    color: rgba(255,255,255,1);
    background-color: rgba(103,103,103,1);
    padding: 7px 20px;
    border: 1px solid rgba(103,103,103,1);
}
/*#bloc-2-col-actu-texte h4 a::after:hover {
    color: rgba(255,255,255,1);
}*/

#contenu-category-contenu {
    width: 80%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 40px 0;
    margin: 0 auto;
}

#item-category {
    width: 31%;
    margin: 1.15%;
    position: relative;
    padding:0;
}

#item-cat-image {
    width: 100%;
  
  }
  #item-cat-image::before {
    content: '';
    padding-top: 60%;
    float: left;
  }
  #item-cat-image::after {
    content: '';
    display: block;
    clear: both;
  }

  #ligne-contact {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 30px 0 70px;
    margin: 0 auto;
}
#bloc-2-col-contact {
    width: 100%;
    position: relative;
    padding: 0;
}
#bloc-2-col-contact h3 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
    line-height: 36px;
    color: rgba(103,103,103,1);
    padding: 0 10px 10px;
}
#bloc-2-col-contact p {
    font-family: 'GothamBook', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 19px;
    color: rgba(0,0,0,1);
    padding: 0 10px 10px;
}
#bloc-2-col-contact p strong {
    font-family: 'GothamBold', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#bloc-2-col-contact p a {
    font-family: 'GothamMedium', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(0,0,0,0.5);
}
#bloc-2-col-contact p a:hover {
    color: rgba(0,0,0,1);}

   
    /* telecharger */
    #content-telecharger {
        width: 90%;
        position: relative;
        padding: 1px 0 20px 0;
        margin: 0 auto;
    }
    #content-telecharger h2 {
        font-family: 'Baskerville', Arial;
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 34px;
        line-height: 36px;
        color: rgba(10,10,10,1);
        padding : 40px 0 1px 0;
    }
    #content-telecharger p {
        font-family: 'GothamBook', Arial;
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 15px;
        line-height: 19px;
        color: rgba(0,0,0,1);
        padding: 0 60px 10px 0;
    }
    #ligne-telecharger {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        padding: 20px 0;
        margin: 0 auto;
    }
    #bloc-telecharger-2col h3, 
    #ligne-telecharger h3 {
        font-family: 'GothamBold', Arial;
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 25px;
        line-height: 27px;
        color: rgba(103,103,103,1);
        padding : 20px 0 0 0;
    }
    #bloc-telechargement-zone h4 {
        font-family: 'Baskerville', Arial;
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 22px;
        line-height: 24px;
        color: rgba(1,1,1,1);
        padding : 5px 0 0 0;
    }
    #bloc-telecharger-2col {
        width: 100%;
        position: relative;
    }
    #bloc-telechargement-zone {
        width: 100%;
        position: relative;
        padding: 1px 0 20px 0;
    }
    #bloc-telechargement-zone img {
        width: 100%;
        height: auto;
        position: relative;
        padding: 8px;
    }
    #item-telechargement-zone {
        width: 50%;
        position: relative;
        padding: 20px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    #item-telechargement-zone img {
        width: auto;
        height: 100px;
        position: relative;
        padding: 10px 10px;
    }
    #item-telechargement-zone p {
        
        font-family: 'GothamBook', Arial;
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 15px;
        line-height: 19px;
        color: rgba(0,0,0,1);
        padding: 0 0 10px 10px;
    }
    .border-right {
       /* border-right: 1px solid rgba(0,0,0,0.5);*/
    }
    .border-left {
        /*border-left: 1px solid rgba(0,0,0,0.5);*/
    }
    .border-top {
       /* border-top: 1px solid rgba(0,0,0,0.5);*/
    }

    .espace-left {
    }

    #bloc-millesime {
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        padding: 20px 0;
    }
    
    
    #bloc-millesime a {
        font-family: 'GothamMedium', Arial;
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 17px;
        line-height: 17px;
        color: rgba(124,124,124,1);
        padding: 7px 17px 5px;
        margin: 8px 12px 0 0;
        border: 1px solid rgba(124,124,124,1);
    }
    #bloc-millesime a::after {
        content: '>';
        font-family: 'DINLight', Arial;
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
        line-height:18px;
        padding-left: 10px;
    }
    #bloc-millesime a:hover {
        color: rgba(255,255,255,1);
        background-color: rgba(124,124,124,1);
    
    }
    #bloc-millesime a::after:hover {
        color: rgba(255,255,255,1);
    }
    #galerie-contenu-wp {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        padding: 15px 5px 0 5px;

    }
    #galerie-contenu-wp a {
        width: 33.333%;
        position: relative;
        border: 10px solid rgba(255,255,255 ,1);
      }
      #galerie-contenu-wp a::before {
        content: "";
        padding-top: 100%;
        float: left;
      }
      #galerie-contenu-wp a::after {
        content: "";
        display: block;
        clear: both;
      }

    .item-texte {
        position: absolute;
        top:0; right:0; bottom:0; left:0;
        background-color: rgba(0,0,0,0.5);
        opacity: 0;
        transition: all 0.5s;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-content: center;
    }
    #galerie-contenu-wp a:hover > .item-texte {
        opacity: 1;
    }

    .item-texte img {
        width: 15% !important;
        height: auto !important;
    }
 

    #vin-sup {
        width: 100%;
        position: relative;
        margin:0 auto;
        padding: 60px 20px 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
#bloc-vin-sup {
    width: 100%;
    padding: 0 0 20px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
}
#bloc-vin-sup-img {
    position: relative;
    text-align: center;
    width: 100%;
}
#bloc-vin-sup-img img {
    width: auto;
    height: 200px;
    position: relative;
    margin: 0 auto;
}

#bloc-vin-sup-texte {
    width:100%;
    position: relative;
    padding: 12px 0 15px;
    text-align: center;
}

#bloc-vin-sup-texte h3 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 27px;
    line-height: 30px;
    color: rgba(103,103,103,1);
    padding : 0 0 10px 0;
}

#bloc-vin-sup-texte h4 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 21px;
    color: rgba(103,103,103,1);
    padding : 20px 0 0 0;
}

#bloc-vin-sup-texte h4 a {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    line-height: 21px;
    color: rgba(103,103,103,1);
    padding: 5px 14px;
    border: 1px solid rgba(103,103,103,1);
}
/*#bloc-vin-sup-texte h4 a::after {
    content: '>';
    font-family: 'DINLight', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 22px;
    padding-left: 10px;
}*/
#bloc-vin-sup-texte h4 a:hover {
    color: rgba(255,255,255,1);
    background-color: rgba(103,103,103,1);
    padding: 7px 20px;
    border: 1px solid rgba(103,103,103,1);
}
/*#bloc-vin-sup-texte h4 a::after:hover {
    color: rgba(255,255,255,1);
}*/
#contenu p {
    font-family: 'GothamBook', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 20px;
    color: rgba(0,0,0,1);
}
#contenu p a {
    font-family: 'GothamBook', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 20px;
    color: rgba(0,0,0,1);
}
#contenu h2 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 35px;
    line-height: 38px;
    color: rgba(103,103,103,1);
    padding: 40px 0 8px 0;
}
#contenu h3 {
    font-family: 'Baskerville', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    line-height: 31px;
    color: rgba(103,103,103,1);
    padding: 15px 0 8px 0;
}
#contenu h4 {
    font-family: 'GothamBold', Arial;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    line-height: 22px;
    padding: 24px 0 10px 0;
    color: rgba(0,0,0,1);
}
#galerie-instagram {
    width: 100%;
    padding: 70px 20px;
    position: relative;
}
#galerie-instagram-but {
    width: 80%;
    position: relative;
    text-align: center;
    margin: 10px auto 40px auto;
}
#galerie-instagram-but img {
    width: 100%;
   height: auto;

}