html{height:100%}
body{background:#f7f6f3;font-family: 'Montserrat', sans-serif;font-weight:200;height:100%;}
strong{font-weight:bold;}
/** -- HEADER -- **/

div#logo{position:fixed;top:15px;left:40px;z-index: 10;}
div#logo img{}
div#menu-icon{position:fixed;top:45px;right:45px;z-index: 10;vertical-align: middle}
div#menu-icon a{text-decoration: none;}
div#menu-icon a span{vertical-align: middle;color:#FFF;font-size:13px;font-weight:500;text-decoration: none;opacity:0;-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;-ms-transition: opacity 500ms;-o-transition: opacity 500ms;transition: opacity 500ms;}
div#menu-icon a:hover span{opacity: 1;}
div#menu-icon img{vertical-align: middle;margin-left: 25px;}

div#header-small{background:#FFF;height:50px;position:fixed;width:100%;z-index:90;display:none;}
div#header-small div#menu-icon-small{position:absolute;top:10px;right:40px;}
div#header-small div#logo-small{position:absolute;top:10px;left:40px;}
div#header-small div#logo-small img{height:30px;}

div#menu-icon-small a{text-decoration: none;}
div#menu-icon-small a span{vertical-align: middle;color:#272727;font-size:13px;font-weight:500;text-decoration: none;opacity:0;-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;-ms-transition: opacity 500ms;-o-transition: opacity 500ms;transition: opacity 500ms;}

/** MENU **/
div#menu{width:556px;position:fixed;right:0;top:0;height:100%;background: rgba(36,33,40,0.9);z-index:100;display:none;overflow-y: auto;}
div#menu div#menu-close{width:110px;height:110px;position:absolute;top:0;right:0;background:#9c0820;text-align: center;line-height: 110px;display:none;cursor:pointer;}
div#menu div#menu-close img{}

div#menu div#menu-content{display:none;padding-top:174px;padding-left:80px;color:#bcbcbe;}
div#menu div#menu-content a:not(.rs-link){display:inline-block;font-family: 'Merriweather', serif;font-size:21px;line-height:25px;color:#bcbcbe;margin-bottom: 70px;text-decoration: none;position:relative;}
div#menu div#menu-content a:not(.rs-link):hover{color:#FFF;/*text-decoration: underline;text-decoration-color: #9c0820;*/transition: 0.2s;font-size:22px;line-height:25px;}
div#menu div#menu-content a:not(.rs-link):after {content: '';position: absolute;bottom: 0;right:0;width: 0%;border-bottom: 2px solid #9c0820;transition: 0.4s;}
div#menu div#menu-content a:not(.rs-link):hover:after {left:0;width: 100%;}

div#menu a.rs-link{display:inline-block;width:48px;height:48px;border-radius: 100%;opacity: 0.5;}
div#menu a.rs-link:hover{border:2px solid #9c0820;opacity: 1;}
div#menu a.rs-fb{background-size:11px 23px;background:url('../images/fb.png') center center no-repeat;}
div#menu a.rs-tw{background-size:22px 23px;background:url('../images/tw.png') center center no-repeat;}
div#menu a.rs-yt{background-size:24px 23px;background:url('../images/yt.png') center center no-repeat;}

div#menu span.follow{font-family: 'Merriweather', serif;font-size:18px;}
div#menu div.bloc-follow{margin-left:-20px;}
/** HOME **/
/*div#home{position:absolute;left:0;top:0;bottom:0;right:0;background: url(../images/home-slider/image-1.jpeg) center center no-repeat;background-size: cover;text-align: center;overflow: hidden;}*/
div#home{position:relative;width:100%;height:100%;overflow: hidden;/*background: url(../images/home-slider/image-1.jpeg) center center no-repeat;background-size: 100% 100%;*/}
div#home:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
div#home div.home-slide-content{text-align: center;color:#FFF;display:none;vertical-align: middle;position:relative;width:99%;}
div#home div#overlay{background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;right:0;bottom:0;}
div#home div#loading-overlay{background: #242128;position:absolute;left:0;top:0;right:0;bottom:0;z-index:20;}
div#home div#loading-overlay.red{background:#9c0820;}
div#home div.home-slide-content div.left-arrow{cursor:pointer;position:absolute;left:-0.7%;width:220px;height:125px;background:url('../images/fleche-gauche-slider-inner.png') left center no-repeat;top:50%;margin-top:-67px}
div#home div.home-slide-content div.right-arrow{cursor:pointer;position:absolute;right:-0.7%;width:220px;height:125px;background:url('../images/fleche-droite-slider-inner.png') right center no-repeat;top:50%;margin-top:-67px}
div#home div.home-slide-content div.left-arrow:hover{background:#9c0820 url('../images/fleche-gauche-hover.png') right center no-repeat;}
div#home div.home-slide-content div.right-arrow:hover{background:#9c0820 url('../images/fleche-droite-hover.png') left center no-repeat;}
div#home div.home-slide-content div.left-arrow img{display:none;position:absolute;left:0;top:0;}
div#home div.home-slide-content div.right-arrow img{display:none;position:absolute;right:0;top:0;}
div#home div.home-slide-content div.right-arrow:hover img{display:block;}
div#home div.home-slide-content div.left-arrow:hover img{display:block;}

div#home div#home-slide-bg{will-change: zoom;position:absolute;top:0;width:100%;height:100%;background-size: cover;background-position:center center;background-repeat: no-repeat;}


div#home div.home-slide-content p.bloc-1{font-family: 'Merriweather', serif;font-size:42px;}
div#home div#home-pagination{text-align: center;position:absolute;bottom:20px;left:0;right:0;}
div#home div#home-pagination a.pagination-home{display:inline-block;height:5px;background:#000;width:30px;border:1px solid #484848;margin:0 10px;}
div#home div#home-pagination a.pagination-home.active{background:#9c0820;}

a.btn{display:inline-block;padding:10px 30px;border-radius:50px;text-transform: uppercase;color:#fff;background:#9c0820;text-decoration: none;font-size:14px;}
a.btn:hover{color:#9c0820;background:#fff;}
a.btn.small{padding:10px 20px;font-size:13px;}

a.btn.secondary{color:#9c0820;border:1px solid #9c0820;background: transparent;}
a.btn.secondary:hover{background:#fff;}

/** -- CONTENT -- **/
/** ---- CONTENT HEADER -- **/
div#content-header{min-height:650px;background-position: center center;background-size:cover;position:relative;color:#FFF;}
div#content-header div#content-header-mask{position:absolute;bottom:0;width:50%;background:url('../images/mask.png') right bottom no-repeat;height:142px;}
div#content-header div#content-header-mask.red{background-image:url('../images/mask-red.png')}
div#content-header h1{margin-top:150px;font-size:48px;font-weight: 200;font-family: 'Merriweather', serif;line-height: 52px;}
div#content-header p{font-size:16px;font-weight: 100;line-height: 26px;padding-right:50px;}
div#content-header div.title-sep{width:32px;height:3px;background:#9c0820;margin:30px 0;}
div#content-header.simple-page{height: 300px;}

/** ---- TABS ---- */
div#tabs{border-bottom:1px solid #d8d8d8;position:relative;}
div#tabs a.tab{display:inline-block;width:33%;text-align: center;color:#000;font-weight:300;text-decoration:none;height:40px;font-size:18px;}
div#tabs a.tab.active{font-weight:600;}
div#tabs div#selector{height:2px;width:20%;position:absolute;left:0;bottom:-2px;background: #9c0820;z-index: 2;}

div#panes{position:relative;}
div#panes div.pane{display:none;width:100%;padding-top:90px;-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;-ms-transition: opacity 500ms;-o-transition: opacity 500ms;transition: opacity 500ms;}
div#panes div.pane.active{display: block}

/** -- CONCOURS -- */
span.concours-title{display: block;text-align: center;font-weight:bold;font-size:2em;}
span.concours-texte{display: block;text-align: center;font-weight:bold;font-size:1.2em;}
div.concours-accroche{color:#9c0820;font-size:28px;font-family: 'Merriweather', serif;margin-left:-10%;padding-top:73px;}
div.concours-reglement{font-size:14px;line-height: 25px;}
div.concours-date-cloture{padding:10px 5px 10px 50px;background:#FFF url(../images/ico-calendrier.png) 15px center no-repeat;font-size:14px;margin:15px 0;}

div#concours p{font-size:1.1em; line-height: 32px;}
div#concours a{color: inherit;text-decoration:underline;text-decoration-color: inherit;}
div#concours a:hover{text-decoration:none;}

span.logo-vinitech{display: block;text-align: center;}
span.logo-vinovae{display: block;text-align: center;}

div.bloc-avec-coin{width:100%;background:url(../images/rectangle-photo-laureats.png) right bottom no-repeat;padding:0 30px 100px 0;}
div.bloc-avec-coin img{width:90%;}

span.club-title{display:inline-block;margin-top:80px;font-family: 'Merriweather', sans-serif;font-size:30px;}
div.club-content{padding:10px 0;line-height: 25px;}

div#laureats div.left-arrow{cursor:pointer;position:absolute;left:0;width:220px;height:135px;background:url('../images/fleche-gauche-slider-inner.png') left center no-repeat;top:50%;margin-top:-67px}
div#laureats div.right-arrow{cursor:pointer;position:absolute;right:0;width:220px;height:135px;background:url('../images/fleche-droite-slider-inner.png') right center no-repeat;top:50%;margin-top:-67px}

div#laureats div#laureat-pagination{text-align: center;position:absolute;bottom:0px;left:0;right:0;}
div#laureats div#laureat-pagination a.pagination-laureat{display:inline-block;height:5px;background:#000;width:30px;margin:0 3px;}
div#laureats div#laureat-pagination a.pagination-laureat.active{background:#9c0820;}

/** -- REGULAR **/
h2{color:#9c0820;font-size:35px;font-weight: 200;font-family: 'Merriweather', serif;line-height: 48px;margin:50px 0 20px 0;}
h2.secondary{color:#222127;font-size:30px;margin-top: 0;}
strong{font-weight:500;}
div.white-bg-full-width{background:#FFF;padding:170px 0;}
div.red-bg-full-width{background:#9c0820;}
div.red-bg-full-width.espace-presse{padding:90px 0;color:#FFF;text-align: center;font-family: 'Merriweather', serif;font-size:35px;font-weight: 100;}

/** -- CHARTE AMORIM -- **/
div.bloc-article{width:100%;max-width:350px;height:290px;position:relative;}
div.bloc-article div.bloc-article-cartouche{padding:20px 55px;color:#FFF;font-size:20px;font-family: 'Merriweather', serif;color:#FFF;background:#222127;display: inline-block;position:absolute;left:0;top:0;z-index:2}
div.bloc-article div.bloc-article-numero{z-index:1;width:100%;max-width:255px;height:255px;background:#f7f6f3;position:absolute;right:0;bottom:0;text-align: center;line-height: 255px;font-size:60px;font-family: 'Merriweather', serif;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}

/** -- LIST **/
div.list-header{width:100%;border-bottom:1px solid #d8d8d8;position:relative;margin-bottom: 15px;}
div.list-header div.list-header-selector{width:17%;position:absolute;left:0;bottom:-2px;height:3px;background: #9c0820;}
span.list-header-title{display:inline-block;font-family: 'Merriweather', Serif;font-size:30px;}
span.list-header-title.laureat{font-size:20px;color:#7c7c7d;}
span.list-header-title.document{font-size:20px;color:#222127;}
div.el-list-item{width:100%}

div.list-item{border-bottom:1px solid #d8d8d8;padding:20px 0;}
div.list-item:last-of-type{border-bottom:none;padding-bottom:80px;}
div.list-item div.list-photo{float:left;margin-right:15px;width:75px;height:75px;}
div.list-item div.list-photo img{grayscale(100%);-webkit-filter: grayscale(100%);border-radius: 50%;}
div.list-item div.list-info{float:left;line-height:18px;width:calc(100% - 90px);}
div.list-item span.member-name{font-size:19px;font-family: 'Merriweather', serif;font-weight:200;}
div.list-item span.member-label{color:#9c0820;text-transform: uppercase;font-size:11px;font-weight:600;}
div.list-item span.member-descr{font-size:14px;}
div.list-item a.member-doc{color:#212529;display:inline-block;margin-top:7px;text-decoration:underline;font-size:14px;}
div.list-item a.member-doc:hover{text-decoration:none;}

div.list-item.document div.list-date{float:left;width:150px;font-family: 'Merriweather', serif;font-size:16px;color: #878592;font-weight:100;}
div.list-item.document div.list-info.document{float:left;width:calc(100% - 150px);}
div.list-item.document div.list-info.document a.btn.secondary{padding:8px 20px;font-size:12px;}


div.laureat-hidden{display:none;}
a.laureat-open{display:block;position:absolute;right:20px;top:0;border-radius: 20px;border:1px solid #c1c1c1;padding:8px 30px 5px 15px;color:#c1c1c1;text-transform: uppercase;font-size:14px;background:url('../images/dropdown.png') right 10px top 15px no-repeat;text-decoration: none;}
a.laureat-open:hover{background-color:#FFF;}

/** -- Articles -- **/
div.article-wrapper{padding-top:30px;padding-bottom: 50px;border-top:1px solid #eaeaea;}
div.article-wrapper span.article-date{color:#9c0820;display:inline-block;padding-top:3px;}
div.article-wrapper span.article-title{font-size:32px;font-weight:300;line-height: 46px;font-family: 'Montserrat', sans-serif;margin-bottom: 30px;display: inline-block;}
div.article-wrapper div.article-content {font-family: 'Montserrat', sans-serif;font-size:14px;font-weight:200;}
div.article-wrapper div.article-content img{width:100% !important;height:auto !important;}

div#laureats-slider{overflow: hidden;}
div#laureats-slider div.slide-item{display:none;}
div#laureats-slider div.slide-left{float:left;width:50%;height:500px;background:#222127 url(../images/filiamorim.png) right bottom no-repeat;position:relative;}
div#laureats-slider div.slide-right{float:left;width:50%;height:500px;background-size:cover;}
div#laureats-slider div.slide-left a.member-doc{color:#FFF;display: block;position:absolute;bottom:20px;}

div.slide-left div.member-wrapper{padding:100px 70px;color:#FFF;}
div.slide-left div.member-wrapper span.member-name{font-family: "Merriweather", serif;font-size:30px;}
div.slide-left div.member-wrapper span.member-label{color:#9c0820;text-transform: uppercase;font-size:11px;font-weight:600;}
div.slide-left div.member-wrapper span.member-descr{font-size:16px;}

/** -- CONTACT FORM -- **/
div.form-contact input, div.form-contact textarea{width:100%;padding:10px;background:transparent;border:1px solid #ccc;border-radius: 3px;-webkit-appearance: none;-moz-appearance: none;outline: none;}
div.form-contact textarea{height:150px;}
div.form-contact input[type="submit"]{background:#FFF;cursor:pointer;}
div.form-contact input[type="submit"]:hover{background: #eaeaea;}
div.form-contact label{font-weight: bold;}
div.form-errors{color:#9c0820;border:1px solid #9c0820;margin-bottom: 20px;background: #ffdcdf;padding:20px;font-size:13px;}
div.message-ok{color: #004b25;border:1px solid #004b25;margin-bottom: 20px;background: #d4ffd3;padding:20px;font-size:13px;}

/** -- FOOTER -- **/
div#footer{height:340px;position:relative;margin-top:100px;}
div#footer div.footer-logo{text-align: center;padding-bottom:68px;}
div#footer div.footer-copyright{background:#222127;text-align: center;padding:40px 0;position:absolute;top:0;width:100%;color:#FFF;font-size:16px;}
div#footer div.footer-copyright a{color:#FFF;}
div#footer div.footer-copyright a:hover{color:#FFF;text-decoration:underline;}
div#footer div.footer-fond{width:100%;height:130px;background:url(../images/fond-footer.png) center center no-repeat;background-size:cover;}


.anim-over{visibility:hidden;}
.aligncenter{display:block;margin:0 auto;}
.rouge, a.rouge{color:#9c0820;text-decoration-color:#9c0820;}
.intitule-chapo{color:#000;font-size:1.3em;}

@media screen and (max-width: 576px) {
    div#logo{display: none;}
    div.left-arrow, div.right-arrow{display:none;}

    div#menu{width:100%;text-align: center;}
    div#menu div#menu-content{padding-top:70px;padding-left:30%;width:100%;}
    div#menu div#menu-content a:not(.rs-link){margin-bottom: 30px;}
    div#menu-icon{top:20px;right:20px;}
    div#menu div#menu-close{background:transparent;top:-10px;}

    div#slide-1{width:100%;}
    div#slide-1 img{max-width:100%;}

    div#content-header div#content-header-mask{position:absolute;bottom:0;background:url('../images/mask.png') right bottom no-repeat;width:95%;background-size:auto 80px;}

    div#tabs a.tab{display:inline-block;width:30%;text-align: center;color:#000;font-weight:300;text-decoration:none;height:40px;font-size:15px;}
    div.concours-accroche{margin-left:0%;}

    div#laureats-slider div.slide-left{width:100%;float:right;}
    div#laureats-slider div.slide-right{width:100%;float:left;}

    a.laureat-open{margin-top:-30px;}

    div.red-bg-full-width.espace-presse{font-size:25px;}
    div#footer div.footer-copyright{width:calc(100% - 30px);}

    div#home:before{display:none;}
    div#home{}
    div#home div.home-slide-content p.bloc-1{font-size:30px;}
    div#home div#slide-1{padding-top:200px;}
    div#home div#slide-2{padding-top:100px;}
    div#home div#slide-3{padding-top:150px;}
}

@media screen and (max-height: 720px) {
    div#menu div#menu-content{padding-top:70px;padding-left:30%;width:100%;}
    div#menu div#menu-content a:not(.rs-link){margin-bottom: 30px;}
}


@media screen and (max-height: 420px) {
    div#menu div#menu-content{padding-top:50px;padding-left:30%;width:100%;}
    div#menu div#menu-content a:not(.rs-link){margin-bottom: 10px;}
}