.t12 {font-size:12px; }
.t14 {font-size:14px; }
.t18 {font-size:18px; }
.t22 {font-size:22px; }
.t24 {font-size:24px; line-height: 30px; }
.t26 {font-size:26px; line-height: 32px; }
.t28 {font-size:28px;  line-height: 30px;}
.t30 {font-size:30px;  line-height: 36px;}
.t28 {font-size:28px;  line-height: 30px;}
.t36 {font-size:36px;  line-height: 40px;}
.t40 {font-size:40px;  line-height: 44px;}
.t44 {font-size:44px;  line-height: 48px;}
.t50 {font-size:50px;  line-height: 54px;}
.t60 {font-size:60px;  line-height: 64px;}
.t80 {font-size:80px;  line-height: 84px;}
.t90 {font-size:90px;  line-height: 94px;}
.t100 {font-size:100px;  line-height: 104px;}
.t120 {font-size:120px;  line-height: 124px;}

.souligne {text-decoration: underline; }


.w100 {font-weight: 100;}
.w300 {font-weight: 300;}
.w400 {font-weight: 400;}
.w500 {font-weight: 500;}
.w600 {font-weight: 600;}
.w700 {font-weight: 700;}

.maj {text-transform: uppercase;}

.alignLeft {text-align: left;}
.alignCenter {text-align: center;}
.alignRight {text-align: right;}

.LH46 {line-height: 46px;}

.left10p {padding-left: 10%;}

.or, .or a {color: #AEA173;}
.noir {color: #000000;}
.gris, .gris a {color: #909090;}

.blanc, .blanc a {color: white;}

#item-15310791510 p, #item-15310803650 p {font-family: 'Source Sans Pro Light','SourceSansPro-Light','Source Sans Pro'; font-weight: 200;}

.PROXIMANOVA-REGULAR {font-family: 'ProximaNova-regular';}
.PROXIMANOVA-SB {font-family: 'ProximaNova-semibold';}
/*
.helveticaNeue_ultra {font-family: 'HelveticaNeue-UltraLight';}
*/
.source_sans, .helveticaNeue_ultra {font-family: 'Source Sans Pro Light','SourceSansPro-Light','Source Sans Pro';}

#fp-nav {display: none;}

.picto_menu1 {height: 73px; padding-right: 15px}
.picto_menu2 {height: 73px; padding-left: 15px}

.block-texte {width: 570px; float: right;}
.block-texte2 {width: 400px;}

#item-15319495690600 p {font-family: 'ProximaNova-regular';}
h2 span {letter-spacing: 0px;}


#item-15310582700 {padding-right: 16%;}


.mon-logo {padding-left: 100px;}
 
.ficheT img {height: 75px;}

.ficheT{margin-left: auto; margin-right: auto; width: 500px;}


#item-15319511100, #item-15319511273690 , #item-15319511675930, #item-15518203455310, #item-15518203560610, #item-15518203773380 {max-width: 30%;float: left;}
#item-15518236013927, #item-15518236013928, #item-15518236013929, #item-15518236013924, #item-15518236013925, #item-15518236013926 {max-width: 30%;float: left;}
#item-15518240203947, #item-15518240203948, #item-15518240203949, #item-15518270735467 , #item-15518270735468, #item-15518270735469 {max-width: 30%;float: left;}
#item-15525998465624, #item-15525998465625, #item-15525998465626, #item-15525998465627, #item-15525998465628, #item-15525998465629 {max-width: 30%;float: left;}
#item-15528247602007, #item-15528247602008, #item-15528247602009 {max-width: 30%;float: left;}
#item-15528445692247, #item-15528445692248, #item-15528445692249 {max-width: 30%;float: left;}
#item-15528456544877, #item-15528456544878, #item-15528456544879 {max-width: 30%;float: left;}
#item-15528469454317, #item-15528469454318, #item-15528469454319 {max-width: 30%;float: left;}
#section0 {
    position: relative;
  /* background: url("/images/ascension/bouteille-chateau-ascension-millesime-2015.mp4") ;
     background-size: cover;*/
}

#maVideo {
    right: 0;
    bottom: 0;
    min-height: 100%;
    min-width: 100%;
    z-index: -99;
}

#maVideo2 {display: none; height: auto; width: 100%;  right: 0;
    bottom: 0;}
#maVideo {display: inline;}

#section1 {
      position: relative;
   background-image: url("/images/ascension/bibliotheque-chateau-france.jpg") ;
     background-size: cover;
}

#section2 {
      position: relative;
   background-image: url("/images/ascension/raisin-saint-emilion.jpg") ;
     background-size: cover;
}
#section3 {
      position: relative;
   background-image: url("/images/ascension/le-travail-du-vin-saint-emilion.jpg") ;
     background-size: cover;
}

#section4 {
      position: relative;
   background-image: url("/images/ascension/travail-vigneron-saint-emilion.jpg") ;
     background-size: cover;
}

#s0-block1, #s1-block1, #s2-block1, #s3-block1 , #s4-block1  {position: absolute; top: 50%; left: 10%;  z-index: 200;}

#s0-block1 .s0-text, #s1-block1 .s1-text, #s2-block1 .s2-text, #s3-block1 .s3-text , #s4-block1 .s4-text  {position: relative; left: -60%; }

.active #s0-block1 .s0-text, .active #s1-block1 .s1-text, .active #s2-block1 .s2-text, .active #s3-block1 .s3-text , .active #s4-block1 .s4-text  {position: relative;  left:0%; animation-name: s-block; animation-duration: 1s;}


@keyframes  s-block {
    
   0%   { left:-60%; }
    100%  { left: 0%;}
}

#s0-block1 h3, #s1-block1 h3, #s2-block1 h3, #s3-block1 h3, #s4-block1 h3 {padding-top: 10px; padding-bottom: 10px;}

.icon-scroll,
.icon-scroll:before
  {position: absolute; left: 50%;}

.scroll-downs {
  position: absolute;
  bottom: -18%;
  right: 0;
  left: 39%;
  width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}


@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.fermeture {margin-left: 40%;}

.carre1, .carre2, .carre3, .carre4 {padding-top: 100px;padding-bottom: 100px;}

.carre1 p, .carre2 p, .carre3 p, .carre4 p {font-family: 'Source Sans Pro Light','SourceSansPro-Light','Source Sans Pro';}
.carre1 a, .carre2 a, .carre3 a, .carre4 a {color: #AEA173;}
.carre1 a:hover, .carre2 a:hover, .carre3 a:hover, .carre4 a:hover {color: #ffffff;}


.carre1 {
    border-bottom: 0.5px solid rgba(255, 255, 255, .3);
    border-right: 0.5px solid rgba(255, 255, 255, .3);
    border-top: 0.5px solid rgba(255, 255, 255, .3);
  
 }
.carre2 {
     border-top: 0.5px solid rgba(255, 255, 255, .3);
    border-bottom: 0.5px solid rgba(255, 255, 255, .3);
 
 }

.carre3 {
    border-right: 0.5px solid rgba(255, 255, 255, .3);
 
 }
.carre4 {
    border-right: 0.5px solid rgba(255, 255, 255, .3);
     border-bottom: 0.5px solid rgba(255, 255, 255, .3);
 }

.carre5 {
    border-bottom: 0.5px solid rgba(255, 255, 255, .3);
    border-left: 0.5px solid rgba(255, 255, 255, .3);
    border-top: 0.5px solid rgba(255, 255, 255, .3);
  
 }


[class*="span"]{ margin-left: 0;}


.Ligne1, .Ligne2, .Ligne3 {
    position:fixed;
    left:25%;
    top:0;
    width:1px;
    height:100%;
}
.Ligne2{
    left:50%;
}

.Ligne3{
    left:75%;
}




.active .Ligne1, .active .Ligne2 , .active .Ligne3   { top: 0%;  animation: s-ligne 2s;}


@keyframes  s-ligne {
    
    0%   {top: -100%;}
    25%  {top: -75%}
    50%  {top: -50%}
    75%  {top: -25%;}
    100% {top: 0%;}
   
}

.Ligne4, .Ligne5 {
    position:absolute;
    left:0;
    top:33%;
    width:100%;
    height:2px;
    z-index: 99;
}
.Ligne5{
    top:66%;
}

.active .Ligne4, .active .Ligne5  { left: 0%;  animation: s-ligne2 3s;}


@keyframes  s-ligne2 {
    
    0%   {left: -100%;}
    25%  {left: -75%}
    50%  {left: -50%}
    75%  {left: -25%;}
    100% {left: 0%;}
   
}



a { color: white; text-decoration: none; }

.arrow {
  text-align: center;
  margin: 0 0;
 /* margin: 8% 0; */
    position: absolute;
    top: 82%;
  width: 100%;
}
.arrow a {margin-right: auto; margin-left: auto;}

.bounce2 {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

#moveSectionDown {
font-size: 60px;
}

.BlockH1, .BlockH2  {margin-left: 50px; margin-right: 30px;}
.espaceH1 {padding-top: 50px;}
.espaceH2 {padding-top: 50px;}

#item-15511309611 { position: relative;
   background-image: url("/images/ascension/chateau-ascension-vignes.jpg") ;
     background-size: cover;}

  .BlockP1 h2 {float:right; padding-right: 150px;}

#item-15511348881 { position: relative;
   background-image: url("/images/ascension/cuves-inox-chateau-ascension.jpg") ;
     background-size: cover;}

#item-15511354141 { position: relative;
   background-image: url("/images/ascension/cave-ascension.jpg") ;
     background-size: cover;}

 .BlockS1 h2 {float:right; padding-right: 100px;}

.millesimes img {padding-left: 30px;}


#item-15513064910, #item-15513065740 {width: 38%;}

#item-15510403930 img, #item-15510407485390 img, #item-15531846664760 img, #item-15531847429650 img {width: 100px;}
#item-15512169040 img {width: 80px;}

#hob_feet_div {display: none;}

#item-15310795350 .zmdi {font-size: 60px; line-height: 64px;}

.close-overlay-section i, .close-lightbox  i {font-size: 1px;}

#baform-1 .ba-form label {display: none;}

#baform-1 .ba-form {padding: 0px; ; padding-top: 20px;}

.millesimes-vignette .span4 {width: 25%;}
.millesimes-vignette img {width: 70px;}

/* ----------- RESPONSIVE -----------*/

@media screen and (max-width: 1112px)
{
    .t80 {font-size: 60px;  line-height: 64px;}
    .t40 {font-size: 36px;  line-height: 38px;}
    .t36 {font-size:28px;  line-height: 32px;}
    .t30 {font-size:26px;  line-height: 28px;}
    
    #item-179497138800 {padding-top: 50px;}
    
     .carre1, .carre2, .carre3, .carre4 {padding-top: 100px;padding-bottom: 100px;}
  

    
}

@media screen and (max-width: 1024px) {
    
    #item-15310462040 {background-color: #000000;}
    
    #item-15510403930 img, #item-15510407485390 img, #item-15531846664760 img, #item-15531847429650 img {width: 80px;}
    
    #item-179497138800 {padding-top: 0px;}
    
   
    .degustation .span4 {width: 48%;}
    .degustation .span4 img {width: 120px;}
    
   .block-texte {width: 420px;}
    
    
    .scroll-downs {display: none;}
    
    .t90 {font-size: 50px;  line-height: 54px;}
    .t80 {font-size: 50px;  line-height: 54px;}
    .t44 {font-size: 32px;  line-height: 34px;}
    .t40 {font-size: 30px;  line-height: 34px;}
    .t50 {font-size: 36px;  line-height: 40px;}
    .t36 {font-size:26px;  line-height: 28px;}
    .t30 {font-size:22px;  line-height: 26px;}
    .t28 {font-size:18px;  line-height: 20px;}
    
    .espaceH1 {padding-top: 10px;}
    .espaceH2 {padding-top: 20px;}
    .BlockH1, .BlockH2  {margin-left: 20px; margin-right: 20px;}
    #item-15310462040 {padding: 0;}

    #s0-block1, #s1-block1, #s2-block1, #s3-block1 , #s4-block1  {top: 40%; left: 7%;}

    #item-15319446401 .span6, #item-15319474010 .span6, #item-15319492480 .span6, #item-15528271587530 .span6 {width: 50%;}
    #item-15511344971 .span6, #item-15511350235440 .span6, #item-15511323769950 .span6 {width: 50%;}
    #item-15528289870370 .span6 {width: 50%;}
    
    #item-15310791510 .span3, #item-15310790830 .span3, #item-15310803650 .span3 {width: 23.404255319148934%;}
    
    
    .carre1, .carre2, .carre3, .carre4 {padding-top: 80px;padding-bottom: 80px;}
    
    .t24 {font-size:20px; line-height:26px; }

    #item-1494846679 {display: inline;}
    
    .BlockP1 h2 {float:right; padding-right: 50px;}
     #item-15319505821 .span3, #item-15510409290 .span3, #item-15518236013932 .span3, #item-15525998465632 .span3 {width: 25%;}
    #item-15516317520 .span6, #item-15518228138770 .span6 {width: 50%;}
    #item-15516448004930 .span6, #item-15516448175040 .span6, #item-15512191315450 .span6, #item-15528336422950 .span6 {width: 50%;}
    
    .picto_menu1, .picto_menu2  {height: 65px;}
    
    .span4.ba-hidden-sm { width: 31.914893617021278%;}
    #item-15319446400 .span8 { width: 65.95744680851064%;}
    
     #item-15319446400 .span3 {width: 25%;}
    
    #item-15513900870 .span1 {width: 6.3%;}
    #item-15513900870 .span7 {width: 57.4%;}
    
    #item-15310448290 .span4 {width: 33.33333333%;}
    
    .fp-viewing-0 .footer,  .fp-viewing-1 .footer,  .fp-viewing-2 .footer,  .fp-viewing-3 .footer {display: none;}
    


}

@media screen and (max-width: 768px)
{
    .mon-logo {padding-left: 20px;}
    #item-14960529410 .span8 {width: 65.9574%;}
    .t24 {font-size: 18px; line-height:20px; }
    .t26 {font-size: 18px; line-height:20px; }
    .t30 {font-size:20px;  line-height: 22px;}
    .t44 {font-size: 26px;  line-height: 30px;}
    .t50 {font-size: 40px;  line-height: 44px;}
    .t80 {font-size: 40px;  line-height: 44px;}
    
    .picto_menu1 {height: 73px; padding-right: 15px;}
    .picto_menu2 {height: 73px; padding-left: 15px}
        
     .espaceH1 {padding-top: 0px;}
    .espaceH2 {padding-top: 0px;}
    
    .carre1, .carre2, .carre3, .carre4 {padding-top: 60px;padding-bottom: 60px;}

  
     /*#item-15319446400 .span3 {width: 50%;}*/
    .degustation .span4 img {padding-left: 30%;}
    
    .block-texte {width: 100%;}
    
    #s0-block1, #s1-block1, #s2-block1, #s3-block1 , #s4-block1  {top: 30%; left: 7%;}
    
   
    .block-menu .span3 {width: 50%;}
    
    #item-15319446401 .span6, #item-15319474010 .span6, #item-15319492480 .span6 {width: 50%;}
     #item-15511344971 .span6, #item-15511350235440 .span6 {width: 50%;}
    .degustation .span4 img {width: 100px;}
    
    .BlockP1 h2 {float:right; padding-right: 30px;}
    #item-15319446400 {padding-top: 0;}
    
    #item-15512169040 img {width: 50px;}
    
   
    
     #item-15513900870 .span1 {width: 10%;}
    #item-15513900870 .span7 {width: 90%;}
     #item-15513900870 .span4 {width: 0%;}

      
     #item-14960529410 .span3:nth-child(4n){position: absolute; right: 0;}
  
     #item-14960529410 .span3:nth-child(3n){display: none;}

     .header .ba-tb-pt-10,
    .header [class*="span"].ba-tb-pt-10,
    .body .ba-tb-pt-10,
    .footer .ba-tb-pt-10,
    .ba-tb-pt-10 {
        width: 100%;}
    
     #item-15310448290 .span4 {width: 100%;}
      #maVideo2 {display: none;}
    #maVideo {display: inline;}
    .millesimes-vignette img {width: 50px;}

}

@media screen and (max-width: 667px){
    
     .t40 {font-size: 22px;  line-height: 24px;}
     #maVideo {display: none;}
    #maVideo2 {display: inline;}
}

@media screen and (max-width: 414px){
    
    #maVideo {display: none;}
    #maVideo2 {display: inline;}
    
    
    #item-15310791510 .span3, #item-15310803650 .span3 {width: 100%;}
    .picto_menu1 {height: 50px;  padding-right: 50px}
    .picto_menu2 {height: 50px; padding-left: 50px }
    
      .block-menu .span3nth-child(3n) {width: 100%;}
    
    #s0-block1 h3,  #s1-block1 h3,  #s2-block1 h3,  #s4-block1 h3 {font-size : 20px;line-height:22px; }
    .t18 {font-size: 14px; line-height:16px; }
    .t22 {font-size: 14px; line-height:16px; }
    .t24 {font-size: 15px; line-height:26px; }
    .t30 {font-size:16px;  line-height: 26px;}
    .t36 {font-size:18px;  line-height: 22px;}
    .t40 {font-size: 22px;  line-height: 24px;}
    .t50 {font-size: 26px;  line-height: 28px;}
    .t60 {font-size: 40px; }
    .t80 {font-size: 34px;  line-height: 36px;}
    .t90 {font-size: 40px;  line-height: 44px;}
    #item-item-14960529410 .span3{width: 100%;}
    #item-15510409290 .span3 {width: 25%;}
    .arrow {top: 75%;}
    #s0-block1 h3, #s1-block1 h3, #s2-block1 h3, #s3-block1 h3, #s4-block1 h3 {padding-top: 30px; padding-bottom: 30px;}
    .arrow img {max-width: 70%;}
    
    .carre1, .carre2, .carre3, .carre4 {padding-top: 15px;padding-bottom: 15px;}
   .carre1, .carre2, .carre3, .carre4{
            border-bottom: 0.5px solid rgba(255, 255, 255, .3);
            border-right: 0px solid rgba(255, 255, 255, .3);
            border-top: 0.5px solid rgba(255, 255, 255, .3);
       
       
            }
    #item-15310791020, #item-15310842415310, #item-15310831060 {border-top: 0px solid rgba(255, 255, 255, .3);border-bottom: 0px solid rgba(255, 255, 255, .3);}
    
    
    
    #item-15319446401 .span6, #item-15319474010 .span6, #item-15319492480 .span6, #item-15528271587530 .span6, #item-15528336422950 .span6 {width: 100%;}
    
    
    #item-15511344971 .span6, #item-15511350235440 .span6, #item-15511323769950 .span6 {width: 50%;}
    
   
    
    #item-15310790830 .span3:nth-child(1n){width: 60%;}
    
    #item-15310790830 .span3:nth-child(2n),  #item-15310790830 .span3:nth-child(3n) {width: 5%;}
    
    
    #item-15310790830 .span3:nth-child(4n) {width: 30%;}
    #item-15310582700 .ba-button-wrapper a i {font-size : 30px;}
    .BlockH1, .BlockH2  {margin-left: 10px; margin-right: 10px;}


    
    .BlockP1 h2 {float:right; padding-right: 0px;}

    .BlockS1 h2 {float:right; padding-right: 10px;}
    #item-15511344971 .span6, #item-15511350235440 .span6 {width: 100%;}

    #item-15510409290 p {font-size: 6px; line-height: 12px;}
    
     #item-14960529410 .span3:nth-child(3n){display: inline;}
    #item-15319474010 {height: 680px;}
    #item-15319474010 .span6:nth-child(1n){position: absolute; top: 260px;}
    #item-15319474010 .span6:nth-child(2n){position: relative; top: 0px;}
    
    #item-15512191315450 {height: 530px;}
    #item-15512191315450 .span6:nth-child(1n){position: absolute; top: 300px;}
    #item-15512191315450 .span6:nth-child(2n){position: relative; top: 0px;}
    
    
    #item-15319466378630 p, #item-15319495690600 p {text-align: left;}
    #item-15319462960 { border-bottom: 0px solid #787878;}
    
    #item-15510403930, #item-15510407485390, #item-15531846664760, #item-15531847429650 {width: 50%;}
     .degustation .span4 img {width: 60px;}
     #item-15510403930 img, #item-15531846664760 img, #item-15510407485390 img, #item-15531847429650 img {width: 60px;}
    
    #item-15516317520 .span6, #item-15518228138770 .span6 {width: 100%;}
    #item-15511323769950 .span6 {width: 100%;}
    #item-15516448004930 .span6, #item-15516448175040 .span6, #item-15512191315450 .span6 {width: 100%;}
      #item-15528289870370 .span6 {width: 100%;}
    
    #item-15512169040 img {width: 40px;}
    
    .span4.ba-hidden-sm { width: 100%;}
    #item-15319446400 .span8 { width: 100%;}

   
}

@media screen and (max-width: 320px)
{
    #s0-block1 h3,  #s1-block1 h3,  #s2-block1 h3,  #s4-block1 h3 {font-size : 18px;line-height:22px; }
    #s0-block1 h3, #s1-block1 h3, #s2-block1 h3, #s3-block1 h3, #s4-block1 h3 {padding-top: 20px; padding-bottom: 20px;}
    .t24 {font-size: 15px; line-height:26px; }
    .t30 {font-size:16px;  line-height: 26px;}
    .t40 {font-size: 20px;  line-height: 22px;}
    .t80 {font-size: 28px;  line-height: 30px;}
    
    
    #item-15319505821 .span3, #item-15510409290 .span3 {width: 100%;}
    .arrow {top: 70%;}
        #item-15319446400 .span3 {width: 100%;}
    
    #item-15528336422953 {padding-left: 8px;}
       #item-15512169040 p {font-size: 16px;}


}