.container{position:relative; width:960px; margin:0 auto;} body{ background-image:url('../img/patterns/bgv6.jpg'); background-repeat: repeat-y; background-color: #131313; background-position: top center; /* background-size: cover;*/ } .pattern_lin{position:relative; background:url(../img/patterns/motif_lin.jpg) repeat;} .default_overlay{display:none; z-index:98; position:absolute; background:black; opacity:0.8; width:100%; height:100%; top:0; left:0;} /*.pattern_transp{z-index:9; position:absolute; top:0; left:0; background: url(../img/patterns/diagonal-noise.png) repeat; width:100%; height:100%; opacity:0.5}*/ /*-------------------------------------------------------------- Générique --------------------------------------------------------------*/ /* //Img header // */ .entry-header{position:relative; background:url(../img/patterns/motif_lin.jpg) repeat;} .entry-header .img_pres{z-index:2; position:relative; width:100%; height:310px; } .entry-header #background_beer_ban{height:310px; } .entry-header.entry-header-product{ background-image:none; } /* // Encart Vidéo // */ .encart_video .text_content, .encart_video .video_content{display:inline-block; vertical-align: middle; *zoom:1; *display:inline;} .encart_video .text_content{width:355px; margin: 0 22px 90px 0; text-align:left;} .encart_video h2{color:#434343; font-size:17px; line-height:20px;} .encart_video .text_content .title{font-size:30px; line-height:33px; color:#e00025} .encart_video p{margin-top:7px; font-size:15px; line-height:18px; color:#717171;} .encart_video.video_history .video_content i{color:black;} .video_content{position:relative;} .video_content a{z-index:2; position:relative;} .video_content i{z-index:2; position:absolute; font-size:80px; color:white; opacity:0.8; display:inline-block; top:43%; left:44%; *zoom:1; *display:inline;} .video_content img{z-index:1;position:relative; top:0; left:0; margin:0; padding:0;} .video_content .video_text_content{margin-left:20px; } .video_content:hover i{opacity:1} .video_content .flower{z-index:1; position:absolute;} .video_content .flower.left{top: 52px;right: -67px;} .video_content .flower.right{bottom:10px; left:-180px;} .video_content .flower.right{bottom:10px; left:-180px;} .with_title .video_title_content{position:absolute; z-index:2; width:100%; height:70px; background:#ffffff; opacity:0.8; color:black; text-align:left; padding:18px 0; margin-top:130px;} .with_title .sub{display:block; font-size:15px; line-height:18px;} .with_title h2.video_title{font-size:20px; line-height:22px;} .with_title i{position:relative; font-size: 50px; float: right; top: -7px; right: 18px; color:black; left:-12px;} .with_title.anime i, .with_title.anime:hover i{ -webkit-transition: -webkit-transform 0.4s ease-in-out;-moz-transition: -moz-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out;} .with_title.anime:hover .video_title_content i{ -webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); transform: translate(-10px, 0); color:#e00025} .with_title .video_title_content:hover{color:#e00025} /* // Block_awards Page Bière & Page Récompense// */ .award_block{position:relative; padding:40px 0;} .award_block .img_back_award{z-index:2; position:absolute; left:-33px; bottom:-49px; margin:0} .award_block .title_content, .award_block img, .award_block p, .award_block .empty{z-index:3; position:relative; display:inline-block; vertical-align:middle; *zoom:1; *display:inline;} .award_block .title_content{width:320px;} .award_block.alternate .title_content{width:390px;} .award_block .title_content h1{font-size:28px; color:#242424; line-height:35px;} .award_block .title_content h3{font-size:20px; line-height:23px; text-transform:uppercase;} .award_block img{margin:0 25px;} .award_block .empty{width: 300px; height: 165px;} .award_block p{width:390px; font-style:italic; color:#242424; font-size:18px; line-height:22px; margin:0;} .award_block p span{color:white; font-style:normal; font-size:15px; line-height:26px;} .middle_awards {padding:30px 0 130px;} .content-brasserie .middle_awards .background{top:-30px; left:0;} .middle_awards .text_content{z-index:3; position:relative; width:490px; float:left;} .middle_awards .img_content{z-index:2; position:relative; width:470px;float:right; text-align:center;} .middle_awards .img_content img{z-index:2; position:absolute; top:-200px; right:24%} .middle_awards.alternate .text_content{float:right; } .middle_awards.alternate .img_content{float:left;} .middle_awards .text_content .text_default{margin-bottom:30px;} .middle_awards .text_content .alex_brush{font-size:40px; line-height:38px;} .middle_awards .text_content .sprite-sep_horizontal_black{margin:5px 0 15px;} .middle_awards .text_content .source_bold{font-size:20px;} .middle_awards .button{z-index:3; position:relative; top:550px;} /*-------------------------------------------------------------- Header --------------------------------------------------------------*/ #social_bar{ z-index:5; position:fixed; left:0;top:40%; width:40px; text-align: center;background-color: #df0025; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHkxPSI1MCUiIHgyPSIxMDAlIiB5Mj0iNTAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmMDAyNSIgc3RvcC1vcGFjaXR5PSIwLjYyIi8+CjxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjZGYwMDI1IiBzdG9wLW9wYWNpdHk9IjAuNjIiLz4KPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiNlYjgzNTMiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgo8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2YzYWI3NyIgc3RvcC1vcGFjaXR5PSIwLjYyIi8+CjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmZkZDhkIiBzdG9wLW9wYWNpdHk9IjAuNjIiLz4KPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNmM2FiNzciIHN0b3Atb3BhY2l0eT0iMC42MiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYjgzNTMiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(top, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 25%, rgba(236,131,84,.62) 45%, rgba(244,172,120,.62) 55%, rgba(255,222,142,.62) 65%, rgba(244,172,120,.62) 80%, rgba(236,131,84,.62) 90%, rgba(224,0,37,.62) 100%); /* gradient overlay */ background-image: -o-linear-gradient(top, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 25%, rgba(236,131,84,.62) 45%, rgba(244,172,120,.62) 55%, rgba(255,222,142,.62) 65%, rgba(244,172,120,.62) 80%, rgba(236,131,84,.62) 90%, rgba(224,0,37,.62) 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(top, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 25%, rgba(236,131,84,.62) 45%, rgba(244,172,120,.62) 55%, rgba(255,222,142,.62) 65%, rgba(244,172,120,.62) 80%, rgba(236,131,84,.62) 90%, rgba(224,0,37,.62) 100%); /* gradient overlay */ background-image: linear-gradient(top, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 25%, rgba(236,131,84,.62) 45%, rgba(244,172,120,.62) 55%, rgba(255,222,142,.62) 65%, rgba(244,172,120,.62) 80%, rgba(236,131,84,.62) 90%, rgba(224,0,37,.62) 100%); /* gradient overlay */ } #social_bar li{margin:4px 0;} #social_bar li.first{margin-top:10px;} #social_bar a{display:table; width:100%;} #social_bar i{ margin: 11px 7px;} #social_bar img{display:table-cell; vertical-align:middle; margin: 11px 7px;} #masthead{z-index:5; position:relative; height:160px;} #masthead .container{z-index:2; margin-top:12px;} #masthead .box .text{display:block; font-size:14px; line-height:16px;} #masthead .box a{display:block; color:white; text-transform: uppercase; font-size:13px; margin-top:6px;} #masthead .box a:hover{color:#e00025} #masthead .img_logo {position:absolute; margin-left:22px;} #masthead .box {position:relative; margin-top:20px; text-align: center; width:345px; height:85px;} #masthead .box.left {float:left;} #masthead .box.right {float:right; text-align:right;} #masthead .box .border{position:absolute; bottom:0;} #masthead #header_presse{margin:0 20px 0 15px;} /*#masthead #header_presse{margin: 0 77px;}*/ #masthead #header_lang, #masthead #header_presse{float:right; text-align:center;} #masthead #header_lang{position:relative; top:-14px;} #masthead #header_lang #lang_sel_list, #masthead #header_lang span.sep{display:inline-block; *zoom:1; *display:inline;} #masthead #header_lang li{float:left; margin-left:20px;} #masthead #header_lang a{background:none;font-size:14px; color:#717171;} #masthead #header_lang li a:hover, #masthead #header_lang li.wpml-ls-current-language a{color:#ffffff;} #masthead .background_menu{z-index:1; position:absolute; left:0; top:160px; width:100%; height:0px; background:url(../img/patterns/motif_lin.jpg) repeat;} /*-------------------------------------------------------------- Social --------------------------------------------------------------*/ .block_social{position:relative;font-size:17px; padding:25px 0 20px;color:#434343;} .block_social .title{float:left;} .block_social .social_links{float:right;} .block_social .sep{position:absolute; left:0; } .block_social .sep.top{top:0; margin:0;} .block_social .sep.bottom{bottom:0;margin:0;} /*-------------------------------------------------------------- Pagination --------------------------------------------------------------*/ .nq_pagination{font-size: 18px; line-height: 38px; margin: 55px auto 60px; display: inline-block;;} .nq_pagination .page-numbers{position:relative; display:block; float:left; margin-right:5px; width:38px; height:38px; text-align:center;} .nq_pagination .page-numbers .number{display:block;} .nq_pagination i{font-size:38px;} .nq_pagination i.icon-border_thin{position:absolute; left:0} .nq_pagination i.rotate{position: relative; top: 0px;display:block; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .nq_pagination i:hover, .nq_pagination .page-numbers:hover, .nq_pagination .page-numbers.current{color:#e00025} /*-------------------------------------------------------------- Menus --------------------------------------------------------------*/ nav{margin-top:8px;} nav ul.part_1{float:left;} nav ul.part_2{float:right;} nav ul.part_2 li.onglet > a{margin:0 12px;} nav ul.part_2 li.onglet:last-child > a{margin:0 0 0 16px;} nav ul.part_2.en{width:300px;} nav ul li{float:left;} nav ul li.onglet > a{margin:0 16px;} nav ul li.onglet > .link{margin: 0 34px;} nav ul li a, nav ul li .link{cursor:pointer; color:#ffffff; font-size:17px; line-height:35px;} nav ul li a:hover, nav ul li > span:hover{color:#e00025} nav ul li .submenu{display:none; position:absolute; padding-top:50px; width:960px; left:0; } @media only screen and (max-width: 1100px) { nav ul li .submenu{overflow:hidden;} } nav ul li .submenu .title, nav ul li .submenu .subtitle{display:block;} nav ul li .submenu .title{font-size:16px; color:#242424; line-height:18px;} nav ul li .submenu li:hover .title{color:#e00025} nav ul li .submenu .subtitle{font-size:15px; color:#707070; line-height:17px;} nav .part{z-index:3; position:relative; float:left; text-align: center;} nav .background{z-index:-1; position:absolute; top:0; left:0;} nav .beers ul ul.gamme{ display:table; width:100%; } nav .beers ul li.onglet-gammes{ display:table-cell; vertical-align:top; padding-right:30px; } nav .beers ul li.onglet-gammes:last-child{ padding-right:0px; } nav .beers ul li.onglet-gammes .title{ text-transform:uppercase; font-weight:600; color:black; margin-bottom:6px; } nav .beers ul li.onglet-gammes:hover .title{ cursor:initial; color:black; } nav .beers ul li.onglet-gammes .title:before{display:inline-block; vertical-align:middle; content:''; width:8px; height:8px; border-radius:4px; background:#e00025; margin-right:10px; *zoom:1; *display:inline;} nav .beers ul.submenu-beers .onglet-beer{ display:block; float:none; margin-left:18px; } nav .beers ul.submenu-beers .onglet-beer a{font-size:15px; color:#707070; line-height:17px;} nav .beers ul.submenu-beers .onglet-beer a:hover{ color:#e00025; } nav ul li .brasserie ul{width:440px; text-align: left; margin-right:40px;} nav ul li .brasserie li{float:none; padding-bottom:18px;} nav ul li .brasserie li.sub_onglet:before{display:inline-block; vertical-align:middle; content:''; width:8px; height:8px; border-radius:4px; background:#e00025; margin-right:10px; *zoom:1; *display:inline;} nav ul li .brasserie li a{display:inline-block; vertical-align:middle; *zoom:1; *display:inline;} nav ul li .brasserie li a:hover{color:#e00025;} nav ul li .brasserie .part.video_content{width:470px; height:300px;} .brasserie .part.video_content .video_title_content:hover .video_text_content, .brasserie .part.video_content .video_title_content:hover i{color:#e00025;} #backgrounds_menu_brasserie{position:absolute; top:0; left:0; list-style:none} #backgrounds_menu_brasserie li.background_brasserie{display:none;} #backgrounds_menu_brasserie li#background-default{position:absolute; top:0; left:0;} /*-------------------------------------------------------------- Majeur --------------------------------------------------------------*/ #majeur_back{z-index:9; position:absolute; top:0; left:0; background:black; opacity:0.9; width:100%; height:100%;} #majeur{z-index:10; position:absolute; width:958px; height:585px; top:0; left:0; text-align:center; color:#242424} #majeur h3{font-size:15px; line-height:28px; margin-top:230px;} #majeur .content{width: 490px; margin:0 auto;} #majeur .question{display:block; font-size:21px; line-height:28px;} #majeur .baseline{position:relative; display:block; top: -17px;font-size:14px; line-height:16px; color:#ffffff;} #majeur ul.reponds{display:inline-block; margin:15px 0 20px; *zoom:1; *display:inline;} #majeur ul.reponds li{float:left; margin:0 10px;} #majeur ul.reponds li a{position:relative; display:block; height:95px; width:95px; text-align: center; color:#242424} #majeur li.respond i{font-size:95px;} #majeur li.respond i.icon-fill{z-index:-1; display:none; position:absolute; top:0; left:0; opacity:0.4;} #majeur li.respond span{position:absolute;display:block; text-transform:uppercase; font-size:21px; line-height:97px; top:0; left:23px;} #majeur li.respond.first span{left:25px; } #majeur li.respond a:hover{color:white;} #majeur li.respond a:hover i.icon-fill{display:block; color:#ffffff;} /*#majeur ul.majeur_awards li img{ width:100%; height:auto; }*/ /*-------------------------------------------------------------- Home --------------------------------------------------------------*/ #home .bx-wrapper{z-index:2;} #home .showcase{z-index:1; padding-top:15px; margin-top:-15px;} #home .for_preload{position:relative; width:100%; height:530px; overflow:hidden;} #home .for_preload #preloader_back{z-index:3; position:absolute; top: 0; left:0; width:100%; height:520px; background:black; text-align:center; opacity:0.3;} #home .for_preload #preloader_slider{z-index:4; position:absolute; width:100%; height:520px; text-align:center; top:0;} #home .for_preload #preloader_slider i{ font-size:130px; width:130px; height:130px; top:36%; } #home .container{z-index:2; position:relative;} #home-slider{} #home-slider li{position:relative; height:520px; text-align: center;} #home-slider li a.slider{z-index:1; position:absolute; top:0; left:-320px; width:1600px; height:520px;} #home-slider li .content_text{z-index:2; display:inline-block; position:absolute; color:#ffffff; text-align: center; *zoom:1; *display:inline;} #home-slider li .content_text span{display:block;} #home-slider li .content_text .title{margin-top:5px; font-size:70px; line-height:65px;} #home-slider li .content_text .subtitle{font-size:18px;} #home-slider li .content_text .button{display:inline-block; background:#ffffff; font-size:14px; color:#131313; padding: 6px 15px 2px; margin-top: 25px; *zoom:1; *display:inline;} #home-slider li .content_text .button:hover{color:#e00025;} #home-slider li .content_text .button i{margin-left:5px; font-size:25px} #home-slider li .border_banniere{height:520px;} #block_home{position:relative; color:white; padding:50px 0 30px;} #block_home .text_content{color:#b7b7b7; font-size:15px; line-height:20px; margin-bottom:22px;} #block_home .top{margin-bottom:57px;} #block_home .top .img_home{position:absolute; top:40px; left:-45px;} #block_home .top .text_content{width:480px;} #block_home .top .text_content .button{} #block_home h3{font-size:20px;} #block_home .text_content{} #block_home .middle{position:relative; margin-top: 145px;} #block_home .middle .text_content h2{font-size:50px; line-height:68px;} #block_home .middle .text_content h3{font-size:30px; line-height:43px; padding-top:10px;} #block_home .middle .tampon{position:absolute; bottom:-60px; right:-83px;} #block_home .middle .text_content{position:relative; width:345px; height:260px;} #block_home .middle .img_content{position:absolute; top:-130px; right:0;} #block_home .middle .img_content .glass{z-index:2; position:absolute; top: 36px; right: 395px;} #block_home .middle .img_content .video{z-index:1; position:absolute; right:-22px;} #block_home .middle .video_text_content{margin-left:100px; } #block_home .bottom{position:relative; margin-top: 145px;} #block_home .title_content{width:405px; line-height:40px; text-align:right; margin-top:70px;} #block_home .title_content span{font-size:16px;} #block_home .title_content h2{font-size:40px;} #block_home .bottom p{width:410px; margin-top:65px; line-height:20px;} #block_home .bottom .sep{margin-left:37px;} #push_home .push_home{position:relative; background-repeat: repeat; padding:60px 0; overflow:hidden} #push_home .text_content{z-index:2; position:relative; float:left; color:#434343; width:380px; margin-top:140px;} #push_home .text_content h2{font-size:20px; line-height:26px;} #push_home .text_content p{font-size:14px; line-height:16px; margin-top:10px;} #push_home ul{z-index:2; position:relative; float:right;} #push_home li.beer{ position:relative; float:left; width:150px; text-align:center; margin:0 20px;} #push_home li.beer .beer-awards{ position:absolute ;z-index:1; top:0; right:-30px;} #push_home img{position:relative; margin:0 auto;} #push_home li.beer .type{display:inline-block; color: #434343; font-size: 15px;text-shadow: 0 1px 0 rgba(228, 223, 217,.3); } #push_home .scene_parallax{z-index:1; position:absolute; width:100%; height:100%; top:0} #push_home .layer img{z-index:1; position:absolute; } #push_home li.beer img.attachment-beer_medium{ z-index:2; -webkit-transition: -webkit-transform 0.2s ease-in-out;-moz-transition: -moz-transform 0.2s ease-in-out;transition: transform 0.2s ease-in-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } #push_home li.beer:hover img.attachment-beer_medium{ -webkit-transition: -webkit-transform 0.2s ease-in-out;-moz-transition: -moz-transform 0.2s ease-in-out;transition: transform 0.2s ease-in-out; -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } #push_home .degustation{background-image:url(../img/patterns/motif_bleu.jpg);} #push_home h1{font-size:38px; line-height:40px; color:#133059} #push_home li h2{font-size:13px; line-height:35px; font-weight:600; text-transform:uppercase; margin-top:-20px;} #push_home .fantaisie{background-image:url(../img/patterns/motif_vert.jpg);} #push_home .fantaisie h1{ color:#00441b} #push_home .desalterantes {background-image:url(../img/patterns/motif_jaune.jpg); background-color:#FBF2DB;} #push_home .desalterantes h1{ color:#7d6c37; } #scene_degustation {right:-110px;} #scene_fantaisie {top:100px; right:-210px;} #scene_desalterantes {top:100px; right:-210px;} /*-------------------------------------------------------------- Contact --------------------------------------------------------------*/ .contact_content{ color:#717171;} .contact_content > p{margin-bottom:40px;} .contact_content .left, .contact_content .right {width:445px; float:left;} .contact_content .left p, .contact_content .right p{position:relative; text-align:left;} .contact_content .right p.required{position:relative; font-size:12px; margin:0; padding:0; } .contact_content .right p.required span{position:absolute; top: -21px; right:7px;} .contact_content .right {margin: 37px 0 0 55px} .contact_content label, .contact_content .input_form { display:inline-block; vertical-align:middle; *zoom:1; *display:inline;} .contact_content label{ width:88px; text-align: right; margin-right:5px;} .contact_content textarea{ width:347px; height:294px;} .contact_content input{ width:347px;} .contact_content #id_genre{ width:auto; display:inline-block; *zoom:1; *display:inline;} .contact_content #id_genre >span{margin-right:10px;} .contact_content #id_genre >span input{margin-left:5px;} .contact_content #id_genre >span input, .contact_content #id_genre >span span{ width:auto;} .contact_content select{ min-width:347px;} .contact_content p.submit_contact{text-align:center; width:160px; margin-left: 194px;} .contact_content p.submit_contact input{text-align:left; padding-left: 30px; line-height: 25px;width:160px;-webkit-appearance: none; border:none; } .contact_content p.submit_contact i{position:absolute; top: 6px; right: 28px; color:white; } .content-brasserie .top.top_contact{text-align:center; padding:0} .top_contact .title_block{display:inline-block} .top_contact .sprite-sep_article{display:inline-block; margin: 50px 0;} .top_contact .infos_contact .title{display:block; font-size:18px; font-weight:600; color:#434343; text-transform: uppercase; margin-bottom:10px; } .content-brasserie .bottom.map_contact{padding:0;} .map_contact .alex_brush{display:block; color: #df0025; font-size: 50px; line-height:40px;text-shadow: 0 1px 0 #fff;} .map_contact .text_default{display:block;padding:15px 0;} #contact_map{position:relative; margin:15px 0; width:100%; height:400px;} #contact_map iframe{ width:100%; height:100%; } /*-------------------------------------------------------------- Articles Partenaires/Presse --------------------------------------------------------------*/ .white-post{position:relative; background:white; width:300px; height:390px; float:left; margin:0 0 30px 30px;} .white-post.nomargin{margin-left:0;} .white-post.margin-force{margin:0 30px 30px;} .white-post .entry-header{position:relative; background:white; width:300px; height:230px;} .white-post .entry-header .video_bloc {position:relative;} .white-post .entry-header .video_bloc i{position:absolute; font-size:65px; color:#ffffff; opacity:0.8; top:39%; left:39%; } .white-post .entry-header .video_bloc:hover i{color:#e00025; } .white-post .entry-content{padding:20px 17px;} .white-post .entry-content .link_partner{text-decoration:none;} .white-post .entry-content .link_partner:hover{color:#e00025} .content-partner .container{padding-bottom:100px;} /* Presse */ .white-post.presse{height:410px;} .white-post.presse .entry-content{padding:15px 17px;} .white-post.presse .download{position:absolute; height:27px; line-height:30px; padding:0 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; bottom:0; left:30%;} .white-post.presse .entry-header:hover .hover_title{display:block;} .white-post.presse .hover_title{z-index:2; position:absolute; display:none; width:300px; height:230px;color:white; text-align: center; top:0; left:0; font-size:12px;} .white-post.presse .hover_title span{z-index:2; position:relative; display:block; margin: 70px 0 5px;} .white-post.presse .hover_title i{z-index:2; position:relative; font-size: 65px; opacity:0.8; top:0; left:0;} .white-post.presse .hover_title .overlay{z-index:1; top:0; left:0; position:absolute; font-size: 65px; background:#e00025; width:300px; height:230px; opacity:0.8;} .filter_press{margin-bottom:25px;} .filter_press span, .filter_press ul {display:inline-block; vertical-align:middle; *zoom:1; *display:inline;} .filter_press ul li{position:relative; float:left; margin-right:10px; } .filter_press ul li a{display:block; text-transform:uppercase; color:#434343; font-size:15px; height:32px; line-height:32px; padding:0 15px; border:1px solid #434343; border-radius: 5px} .filter_press ul li:hover a{color:#e00025; border:1px solid #e00025; } .article-post .entry-content a.content_presse{text-decoration:none; font-size:15px; line-height:17px; color:#717171;} .gallery_presse{z-index:99; display:none; position:absolute; width:960px; height:540px; padding:20px;} .gallery_presse .title_content{height: 66px; overflow: hidden; margin-bottom: 15px;} .gallery_presse span{display:block;} .gallery_presse .type{font-size:15px;} .gallery_presse .title{font-size:22px;} .gallery_presse .icon-close{cursor:pointer; position:absolute; top:10px; right:10px; font-size:41px; } .gallery_presse .icon-close:hover{color:#e00025} .gallery_presse .bx-wrapper{max-width:629px; height:420px; float:left;} .gallery_presse .bx-wrapper img{min-height:100%; max-width:none;} .gallery_presse .bxslider{max-width:629px; height:420px;} .gallery_presse .bx-pager{float:right; width:275px;} .gallery_presse .bx-pager a{float:left; display:block;border:2px solid transparent; margin-bottom:11px; width:133px; height:76px;} .gallery_presse .bx-pager a.alternate{margin-right:9px;} .gallery_presse .bx-pager a.active{border:2px solid #e00025;} .gallery_presse .bx-controls-direction .bx-prev{left:30px; top:47%;} .gallery_presse .bx-controls-direction .bx-next{right:30px; top:47%;} .download-attachments{display:none; position: absolute; z-index: 999; background:#e00025; opacity:0.8; top: 0; left: 0; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 300px; height: 230px; padding:20px; color:white} .download-title{text-transform: uppercase; font-size:16px; font-weight:bold;} .article-post .download-attachments ul li a{color:white} .download-attachments i{cursor:pointer; position:absolute; top:5px; right:5px} .download-attachments i:hover{color:#434343;} /*-------------------------------------------------------------- Articles Default --------------------------------------------------------------*/ .article-post .entry-header{background:none; } .article-post .link_partner, .article-post .category_name {display:inline-block; font-size:15px; line-height:22px; margin-right:5px; *zoom:1; *display:inline;} .article-post .entry-content{font-size:15px; line-height:17px; color:#717171; margin:0 0 50px} .article-post .entry-content img{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin:10px 0} .article-post .entry-content a.download{color:#ffffff; text-decoration: none;} .article-post .entry-content a{text-decoration:underline; color:#e00025;} .article-post .entry-content strong{font-weight:600; font-family:"source_sans_pro", arial, sans-serif} .article-post .entry-content .title, .article-post .entry-content .title{ text-transform: initial; margin-top:10px; } .article-post .entry-content .title a{text-decoration:none; font : 600 20px 'nexa'; color:#434343; line-height: 28px;} .article-post .entry-content h2{font-size:16px; color:#242424; line-height:18px; font-weight:600; font-family:"source_sans_pro", arial, sans-serif} .article-post .entry-content h3{font-size:14px; color:#e00025; font-weight:600; font-family:"source_sans_pro", arial, sans-serif} .article-post .entry-content h4{font-size:14px; color:#e00025;} .article-post .entry-content h5{font-size:14px; color:#242424;} .article-post .entry-content h6{font-size:14px; color:#717171; font-family:"source_sans_pro", arial, sans-serif} .article-post .entry-content ul{list-style:disc; margin:5px 15px;} .article-post .entry-content ol{margin:5px 17px;} .article-post h1{font-size:22px; line-height:24px; color:#434343;} .article-post .date{display:block;font-size:15px; line-height:20px; color:#717171; padding-bottom:8px;} .content-post .background{z-index:1; position:absolute; bottom:0; left:-17%;} .content-post .container{position:relative; z-index:2; text-align:center;} .content-post article, .widget-area{position:relative; z-index: 2;text-align:left;} /**/ .content-actu .container .right{position:relative; z-index:2; float:right; width:300px;} .content-actu .container .left{position:relative; z-index:2;float:left; width:630px;} .default-post{position:relative;} .default-post .sprite-sep_article{margin: 10px 0 25px;} .default-post .wp-post-image{margin-bottom:10px;} .default-post .entry-content .view_more{display:block; font-size:14px; color:#242424; text-decoration:none; margin-bottom:20px;} .default-post .view_more span.sprite{display: inline-block; margin-left: 7px; position: relative; top: -1px;} /* sidebar */ .widget-area aside{margin-bottom:25px;} .widget-area aside a{color:#717171; font-size:15px; text-transform: capitalize;} .widget-area aside .widget-title{text-transform:uppercase; color:#242424; font-size:15px; } .widget-area aside .widget-title:after{content: ''; background: url(../img/sep_sidebar.png) no-repeat; display: block; width: 100%; height: 3px; margin: 7px 0;} .widget-area .widget_categories .widget-title:after{background: url(../img/sep_horizontal_black.png) no-repeat; } .widget-area .widget_categories ul:before, .widget-area .widget_categories ul::after { content: "."; display: block; height: 0; overflow: hidden } .widget-area .widget_categories ul:after {clear: both} .widget-area .widget_categories ul {zoom: 1} .widget-area .widget_categories li{float:left; width:150px;} .widget-area .widget_categories li:before{display:inline-block; content:''; width:8px; height:8px; border-radius:4px; background:#e00025; margin-right:10px; *zoom:1; *display:inline;} .widget-area .widget_search h1{display:none;} /* comments */ #comments{text-align:left; padding:25px 0;font-size:14px; color:#717171} #comments .comments-title{padding-bottom:10px; font-size:17px; color: #434343;} #comments ol{list-style:none;} #comments .comment-body{margin:10px 0;} #comments .comment-metadata{font-style:italic;} #comments .comment-content{margin-top:10px;} #comments .reply{text-transform:uppercase; text-align: right;} #respond .comment-reply-title{text-transform:uppercase; padding:25px 0 20px; font-size:17px; color: #434343;} #commentform label {width:51px; text-align:right; display:inline-block; vertical-align:middle; *display:inline; *zoom:1} #commentform input[type="text"], #commentform input[type="email"] {display:inline-block; vertical-align:middle; *display:inline; *zoom:1} #commentform .form-allowed-tags, #commentform code {font-size:11px;} #commentform .form-submit input{border:none; background:#e00025; text-transform:uppercase; color:white; padding: 10px 20px;} /*-------------------------------------------------------------- Page Beer --------------------------------------------------------------*/ .type-product span{display:block;} #beer{/*background:url(../img/patterns/motif_lin.jpg) repeat; */ font-size:15px; color:#717171; line-height:18px; min-height:680px;} #beer .img_back_product{z-index:1;position:absolute; top:0; left:-100px;} #beer .left{z-index:2; position:relative; float:left; margin-top:115px; width:350px; text-align:left;} #beer .left h3{color:#717171; font-size:15px;line-height: 18px; text-align:left;} #beer .left h1{font-size: 39px;text-shadow: 0 1px 0 #fff; line-height:42px; margin: 15px 0 5px; text-align:left; } #beer .left h2{color: #242424; font-size:18px; text-align:left; } #beer .left p{text-align:left; } #beer .left .alcool{margin:12px 0;font-weight:bold; font-size:18px; color:#434343; text-align:left;} #beer .left .geste{position:relative; width: 343px; height: 91px; text-align: center; padding-top:23px;} #beer .left .geste .background{position:absolute; top:0; left:0;} #beer .left .geste .title{font-weight:bold; font-size:20px; line-height:24px; text-transform:uppercase;} #beer .left .geste .text{line-height:22px;} #beer .left .button.pdf{display:block; height:32px; color:white; line-height:32px; border-radius: 5px;display: inline-block; padding: 0 20px; margin-top: 30px; background-color: #717171; background-image: -moz-linear-gradient(left, #717171 0%, #717171 75%, #979797 90%, #717171 100%); background-image: -o-linear-gradient(left, #717171 0%, #717171 75%, #979797 90%, #717171 100%); background-image: -webkit-linear-gradient(left, #717171 0%, #717171 75%, #979797 90%, #717171 100%); background-image: linear-gradient(left, #717171 0%, #717171 75%, #979797 90%, #717171 100%); background-size: 200% auto; background-position: 100% 0; transition: background-position 0.5s; } #beer .left .button.pdf:hover{ background-position: 0 0; } #beer .img_beer{z-index:2; position:absolute; left:348px;width: 250px; height: 800px;} #beer .img_beer img{z-index:2; position:absolute; top:-104px;} #beer .img_beer .tampon{z-index:1; position:absolute; top:30px; left:-43px; background-image:url('../img/stamp.png'); width:130px; height:133px; transform:rotate(-20deg); opacity:0.3; } #beer .img_beer .macaron{z-index:9; position:absolute; top:19%; right:20px; width:90px; height:90px; text-align:center;} #beer .img_beer .macaron .text{z-index:2; display:block; color:white; text-transform:uppercase; position:relative; font-size:12px; line-height:17px; width: 70px; margin: 20px 10px;} #beer .img_beer .macaron .sprite{position:absolute; top:0; left:0;} #post-401 #beer {moin-height:580px;} #post-401 #beer .img_beer .macaron{ top: 21%; right: 2%; } #post-401 #beer .img_beer {top:-24%; left: 344px;} #post-401 #beer .img_beer .tampon{top:-24%; top: 120px; left: -51px;} #beer .right{z-index:2; position:relative; float:right; margin-top:33px; width:350px;} #beer .right .awards{} #beer .right .awards .beer-awards{} #beer .right .awards .beer-awards li{ display:inline-block; margin:0 2px 2px 0; } #beer .right .awards img{float:left; margin-right:15px;} #beer .right .title{text-transform:uppercase; font-size:13px; margin:20px 0 4px;} #beer .recommend {margin-bottom:25px;} #beer .recommend img, #beer .recommend .text, #beer .recommend .temperature{display:inline-block; vertical-align: middle; *zoom:1; *display:inline;} #beer .recommend .text{width:180px; margin: 0 7px 0 10px;} #beer .recommend .temperature {position:relative; width:58px; height:58px; font-size:22px; text-align:center; color:#ffffff; text-transform:uppercase; font-weight:bold; } #beer .recommend .temperature span{z-index:2; position:relative; line-height:58px;} #beer .recommend .temperature i{z-index:1; position:absolute; font-size:58px; top:0; left:0;} #beer .mets .list{margin: 5px 0 30px;} #beer .mets ul{margin-top:5px;} #beer .mets ul li{width:50%; float:left; margin-top: 10px} #beer .mets ul li .puce{display:inline-block; content:''; width:8px; height:8px; border-radius:4px; background-color:#182a80; margin-right:10px; *zoom:1; *display:inline;} #beer .recipents ul{margin-top:5px;} #beer .recipents li{display:inline-block; text-align:center; margin-left:40px;} #beer .recipents li.first{margin-left:0;} #beer .recipents li .icon{margin:0 auto;} #beer .recipents li .name{display:block; margin-top:8px;} #ingredients {color:white; font-size:15px; padding:35px 0 20px; } #ingredients .top .title{width:300px; font-size:52px; line-height:45px; text-align:right; margin:0 25px 0 100px;} #ingredients .top .title, #ingredients .top p{display:inline-block; vertical-align: middle; *zoom:1; *display:inline;} #ingredients .top p{width:465px; color:#b7b7b7; line-height:20px; margin:0;} #ingredients .middle{position:relative; text-align:center;} #ingredients .middle ul.ingredients{z-index:2; position:relative; margin:40px auto;} #ingredients .middle ul.ingredients li{position:relative; float:left; text-align:center; width:210px;} #ingredients .nbr_3{width:830px; height:310px;} #ingredients .nbr_3 li{margin:0 45px;} #ingredients .nbr_3 li.ingredient_0{margin-left:0; top:50px;} #ingredients .nbr_3 li.ingredient_2{margin-right:0; top:50px;} #ingredients .nbr_4 {width:845px; height:405px;} #ingredients .nbr_4 li{margin:0;} #ingredients .nbr_4 li.ingredient_1, #ingredients .nbr_4 li.ingredient_3{top:170px;} #ingredients .nbr_5 {height:385px;} #ingredients ul.ingredients.nbr_5 li{width:190px; margin:0} #ingredients .nbr_5 li.ingredient_1, #ingredients .nbr_5 li.ingredient_3{top:157px} #ingredients .ingredient_content{position:relative; text-align:left; top:-7px; width:225px; } #ingredients .ingredient_content span{font-size:14px; color:#f0f0f0; display:inline-block; vertical-align: middle; *zoom:1; *display:inline;} #ingredients .ingredient_content .text{margin-left:8px;text-align:left; width:150px;} #ingredients .backgrounds_lines{z-index:1; position:absolute; top:0; left:0; } #ingredients .backgrounds_lines span{position:absolute;} #ingredients .lines_nbr_3 .line_1{top: 137px; left: 271px; -ms-transform: rotate(98deg); -webkit-transform: rotate(98deg); transform: rotate(98deg);} #ingredients .lines_nbr_3 .line_2{top:15px; left:581px; -ms-transform: rotate(-27deg); -webkit-transform: rotate(-27deg); transform: rotate(-27deg);} #ingredients .lines_nbr_3 .line_3, #ingredients .lines_nbr_3 .line_4{display:none;} #ingredients .lines_nbr_4 .line_1{top:214px; left:175px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} #ingredients .lines_nbr_4 .line_2{top:60px; left:381px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} #ingredients .lines_nbr_4 .line_3{top:60px; left:700px; } #ingredients .lines_nbr_4 .line_4{display:none} #ingredients .lines_nbr_5 .line_1{top:205px; left:110px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} #ingredients .lines_nbr_5 .line_2{top:60px; left:300px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} #ingredients .lines_nbr_5 .line_3{top:60px; left:560px;} #ingredients .lines_nbr_5 .line_4{top:205px; left:750px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} .spe_ingredient {display:inline-block; margin:0 auto; *zoom:1; *display:inline;} .spe_ingredient li{display:inline-block; vertical-align:middle; text-align:center; height:62px; border-left:1px dashed #717171; padding:0 50px; width:320px;} .spe_ingredient li.noborder{padding-left:0; border-left:none; width:270px;} .spe_ingredient li.big.noborder{width:310px;} .spe_ingredient li.border{border-left:1px dashed #717171;border-right:1px dashed #717171; padding:0 20px !important;} .spe_ingredient li .title{display:block; padding-bottom:5px;} .spe_ingredient li:last-child{padding-right:0; width:270px;} .spe_ingredient li.big:last-child{width:310px;} .spe_ingredient li .black_text_default{font-size:13px;} #beer_bottom{position:relative; z-index: 2; background:url(../img/patterns/motif_lin.jpg) repeat; padding:40px 0 75px;font-size:15px; color:#717171; line-height:18px;} #beer_video .title{color:#182a80} #beer_mets {margin-top:60px;} #beer_mets .title_content span, #beer_mets .title_content a{display:inline-block; *zoom:1; *display:inline;} #beer_mets .title{font-size:30px; line-height:33px;} #beer_mets .title_content a{float:right; padding-top: 14px;} #beer_mets .title_content{margin-bottom:15px;} #beer_mets article{width:470px; text-align:center; float:left;} #beer_mets article.first{margin-right: 20px;} #beer_mets article .img_recipe{height:180px;} #beer_mets article .title{text-align:left; font-size:19px; line-height:24px; color:#434343; padding-top:5px;} #beer_mets article p{margin-bottom:20px; text-align:left; color:#717171; font-size: 15px; line-height:20px;} #beer_mets article a.button{width:175px; text-align: center;} /*-------------------------------------------------------------- Page Brasserie --------------------------------------------------------------*/ .content-brasserie .top{z-index:2; position:relative; padding-bottom:50px;} .content-brasserie .black_part{z-index:2; position:relative; padding:50px 0; text-align:center;} .content-brasserie .bottom{z-index:2; position:relative; padding:60px 0;} .content-brasserie .background{z-index:1; position:absolute; top:0;} /* // Black_part // */ .black_part .title_content{display:inline-block; margin-bottom:35px; width:100%; *zoom:1; *display:inline;} .black_part .title_content h2{padding-right:30px; margin-right:30px; text-align:right;} .black_part .title_content h2.with_sep{border-right:1px dashed #717171; } .black_part .title_content h2 .nexa_black{display:block; font-size:30px; line-height:36px;} .black_part .title_content p{text-align:left;max-width:550px; margin-bottom:0;} .black_part .title_content p.black_text_default{line-height:23px;} .black_part .text_content{text-align:left;} /* page_history */ .content-brasserie .black_part.history{padding: 50px 0 35px;} .black_part.history .title_content h2{width: 250px;} .content_blackpart img{float:left; margin-left:85px;} .content_blackpart .text_content{float:right; width: 520px;} .bottom.history .text_content{z-index:2 ;position:relative;} .bottom.history .background{top: -60px;left: -16%;} /* page_awards */ .top_award .encart_video .text_content, .top_award .encart_video .video_content{display:inline-block; vertical-align: top; *zoom:1; *display:inline;} .top_award .encart_video .text_content{width:355px; margin-bottom:0;} .top_award .encart_video .attachment-award_medium{margin-right:15px;} ul.single-award-list{ display:inline-block; margin:20px auto 0; } ul.single-award-list li { display:inline-block; vertical-align:middle; margin:5px; list-style:none; } .black_part.award img{float:left; margin-left:50px;} .black_part.award .text{float:right; width:470px; margin: 10px 60px;} .content-brasserie .bottom_award{padding-top:0;} /* page_ingredients */ .black_part.ingredient .title_content p{max-width:309px} .black_part.ingredient ul{margin: 30px 0 0;} .black_part.ingredient li{position:relative; float:left; text-align:center; width:240px;} .black_part.ingredient li .img{margin:0 auto; display:inline-block; *zoom:1; *display:inline;} .black_part.ingredient li .sub_content{display: inline-block; text-align:left; color:#f0f0f0; height: 67px; } .black_part.ingredient li .sub_content .icon{display:inline-block; vertical-align: middle; margin-right:9px; *zoom:1; *display:inline;} .black_part.ingredient li .sub_content .text{max-width:140px;} .black_part.ingredient li .sprite-product-ingredients_pointille{position:absolute; } .black_part.ingredient li .line_1{left: 192px;} .black_part.ingredient li .line_1, .black_part.ingredient li .line_3{top:153px; -ms-transform: rotate(138deg); -webkit-transform: rotate(138deg); transform: rotate(138deg);} .black_part.ingredient li .line_2{left: 193px; top: -35px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .black_part.ingredient li .line_3{left: 206px; } .bottom.ingredient .text_content img{z-index:1; position:absolute; top:0; left:0;} .bottom.ingredient .text_content .text{z-index:2; position:relative; } .bottom.ingredient .text_content .text .one_half{float:right; margin-top: 40px;} .bottom.ingredient .text_content .text .full_width{margin:25px 0; text-align:center;} .bottom.ingredient .baseline{text-align:center; margin-bottom:60px;} .bottom.ingredient .img_back-ingredient{z-index: -1; top: 45%;} /* page_fabric */ .top_fabric .encart_video{text-align:center;} .timeline .line_timeline{float:left; width:265px; text-align:right; margin-right:50px;} .timeline .line_timeline span{display:inline-block; *zoom:1; *display:inline;} .timeline ul{float:left; width:465px;} .timeline li{position:relative; width:465px; height:182px; margin-bottom:10px;} .timeline ul .img, .timeline ul .sub_content {display:inline-block; vertical-align: middle; *zoom:1; *display:inline;} .timeline ul .sub_content {width:235px; text-align:left; margin-left:40px;} .timeline ul .sub_content .black_text_default strong{color:#b7b7b7} .timeline ul .sub_content .title{display:block; color:white; font-size:20px; line-height:22px; text-transform: uppercase; padding-bottom:5px;} .timeline li .line{position:absolute;} .timeline li .line_1, .timeline li .line_3{ bottom:-50px; left:-50px; -ms-transform: rotate(-137deg); -webkit-transform: rotate(-137deg); transform: rotate(-137deg);} .timeline li .line_2{bottom:-50px; left:150px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} /* page_today */ .black_part.today .title_content p{max-width:500px; } .black_part.today .beer-infos{position:relative; display:inline-block; margin:0 auto; text-align:center;} .black_part.today .beer-infos .beer{z-index:1; position:relative;} .black_part.today .beer-infos .infos{z-index:2; position:absolute; top:100px; right:54px;} .black_part.today .beer-infos .pourcent{display:block; font-size:26px; line-height:26px;} .black_part.today .beer-infos .year{display:block;font-size:14px; color:#242424;} .black_part.today .list-infos{position:absolute; right: -43%; top: 51%; font-size:15px; text-align:left;} .black_part.today .list-infos li{margin-bottom:8px;} .black_part.today .list-infos li:before{display:inline-block; content:''; width:8px; height:8px; border-radius:4px; background:white; margin-right:10px;} .black_part.today .charts{margin-top:55px} .black_part.today .charts li{float:left; width:320px} .black_part.today .charts li .sprite{margin-bottom:20px;} .black_part.today .charts li span{display:block;} .black_part.today .charts li .nexa_black{font-size:15px} .black_part.today .charts li .text{font-size:17px} .bottom.today .text_content{z-index:2; position:relative;} .bottom.today .background{left: -3%; top: 9%;} .second-blackpart.today {padding:40px 0;} .second-blackpart.today .title{display:inline-block; vertical-align:middle; font-size:18px; line-height:21px; color:white; width:48%; padding-right:2%; *zoom:1; *display:inline;} .second-blackpart.today .black_text_default{display:inline-block; vertical-align:middle; width:48%; padding-left:2%; *zoom:1; *display:inline;} .map.today {padding:40px 0;} .map.today .title_content {color:#242424; margin:0 auto; text-align: center} .map.today .title_content .alex_brush{font-size:52px;} .map.today .title_content .nexa_black{font-size:25px;} /* page_location */ .content_location{position:relative;} .content_location .beers{z-index:2; position:relative; height:560px; width:510px; float:left;} .content_location .beer{float:left; position:absolute} .content_location .right{position:relative; z-index:3; float:right; width:440px; margin-top:40px;} .content_location .right > div{margin-bottom:45px;} .content_location .right h3{margin-left:-17px;color:#e00025; text-transform:uppercase; font-size:17px;padding-bottom:3px;} .content_location .right h3:before{display:inline-block; vertical-align:middle; content:''; width:8px; height:8px; border-radius:4px; background:#e00025; margin-right:10px; *zoom:1; *display:inline;} .content_location .right h4{font-size:15px; color:#242424;} .content-brasserie .img_back-location{left:0; top:100px;} .content-brasserie .bottom_location{padding-top:0} /*-------------------------------------------------------------- Footer --------------------------------------------------------------*/ footer.site-footer{position:relative; padding:63px 0;} footer.site-footer .container{position:relative; z-index:2;} footer.site-footer .img_footer{z-index:1; position:absolute; bottom:-34px;} footer.site-footer .img_footer.left{left:0;} footer.site-footer .img_footer.right{right:0;} footer .footer_block{position:relative; float:left; width:320px; height:77px; border-right:2px dashed #5d5d5d; padding-left:22px;} footer .footer_block a{display:block; color:#ffffff; font-size:13px; line-height:16px;} footer .footer_block a span{display:block;} footer .footer_block .icon{margin-right:5px;} footer .footer_block .icon, footer .footer_block .text_content{display:inline-block; vertical-align: middle; *zoom:1; *display:inline;} footer .footer-awards {padding:0;} footer .footer-awards .text_content{width:210px; line-height:20px;} footer .footer-awards .title{font-size:18px; line-height:22px; color:#e00025; font-weight:600;} footer .footer-facebook .text_content{width:215px;} footer .footer-facebook .title{font-size:15px; line-height:18px; color:#ffd61e;} footer .footer-facebook ul{ margin-top:6px; } footer .footer-facebook ul li{ display:inline-block; vertical-align:middle; margin:0 12px; } footer .footer-facebook ul li:first-child{ margin-left:4px; } footer .footer-actu {border:none;} footer .footer-actu .text_content{width:231px;} footer .footer-actu .title{font-size:18px; line-height:22px; color:#93bfe3; font-weight:600; padding-bottom:5px;} #post_footer{font-size:13px; color:#ffffff; height:43px; line-height:43px; background: #131313;} #post_footer .links_footer{float:left; font-size:13px; color:#717171;} #post_footer .links_footer li{display:inline-block; margin:0 7px; *zoom:1; *display:inline;} #post_footer .links_footer li a{color:#717171;} #post_footer .links_footer li a:hover{color:white;} #post_footer .copyright{float:right;} #post_footer .copyright span, #post_footer .copyright a{display:inline-block; vertical-align: middle; *zoom:1; *display:inline;} #post_footer .copyright a{color:white; font-size:26px; margin-left:13px; top:0} @media only screen and (max-width: 1500px) { footer.site-footer .img_footer{ display:none; } } /*-------------------------------------------------------------- Bières listing --------------------------------------------------------------*/ .beers-listing{} .gamme-block{ text-align:center; padding-top:60px; } .gamme-block .gamme-title{ display:block; text-transform:uppercase; margin:0 0 60px; } .gamme-block .gamme-title .title{ display:block; font-size:22px; line-height:28px; } .gamme-block .gamme-title .subtitle{ display:block; font-size:40px; line-height:45px; } .gamme-block .gamme-title .subtitle_9, .gamme-block .gamme-title .subtitle_75{ color:#133059; } .gamme-block .gamme-title .subtitle_189, .gamme-block .gamme-title .subtitle_104{ color:#00441b; } .gamme-block .gamme-title .subtitle_69, .gamme-block .gamme-title .subtitle_159{ color:#7d6c37; } .gamme-block .gamme-title .subtitle_157, .gamme-block .gamme-title .subtitle_188{ color:#df0025; } .gamme-block:first-child{ padding-top:30px; } .gamme-block:last-child{ padding:60px 0 100px; } .gamme-beers{ width:100%; text-align:center; } .gamme-beers a{ cursor:pointer;} .gamme-beers > li{ display:inline-block; vertical-align:top; width:33.3%; max-width:33.3%; padding:0 20px; text-align:center; margin-bottom:30px; } .gamme-beers > li >div { position:relative; } .gamme-beers > li .beer-image{ position:relative; width:100%; top:0; transition:top 0.3s;} .gamme-beers > li:hover .beer-image{ top:-30px; } .gamme-beers > li .beer-awards{ position:absolute; top:0; right:0; } .gamme-beers > li .beer-name{ font-size:22px; margin-bottom:10px; } .gamme-beers > li .beer-description{ font-size:14px; } .gamme-beers .recipents-list{ position:absolute; display: inline-block; bottom:10px;padding: 100px 0 0; left: 0; right:0; font-size:14px; opacity:0; transition:opacity 0.3s ; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */ background: -moz-linear-gradient(bottom, rgba(228, 223, 217,1) 0%, rgba(228, 223, 217,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(bottom, rgba(228, 223, 217,1) 0%,rgba(228, 223, 217,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgba(228, 223, 217,1) 0%,rgba(228, 223, 217,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .gamme-beers > li:hover .recipents-list{ opacity:1; } .gamme-beers .recipents-list > li{ display:inline-block; vertical-align:bottom; font-size:14px; margin:0 10px; } .gamme-beers .recipents-list > li .name{ display:block; font-style:italic; } .gamme-beers .recipents-list > li img{ transform:scale(0.8); } .fancybox-content.award-fancy{ width:650px; padding:40px; background:url(../img/patterns/motif_lin.jpg) repeat; text-align:center; } .award-fancy .award-beer-name{ display:block; font-size:28px; margin-bottom:40px; } .award-fancy-img{ float:left; width:190px; } .award-fancy-img img{ margin:0 auto; } .award-fancy-text{ float:right; width:calc( 100% - 220px ); font-size: 14px; text-align: left; } .award-fancy-text span{ display:block; } .award-fancy-text .award-name{ font-weight:700; text-transform:uppercase; font-size:18px; margin-bottom:15px; } .award-fancy-text .award-juge-title{ text-transform:uppercase; margin-bottom:3px; } /*-------------------------------------------------------------- 404 --------------------------------------------------------------*/ .error-404{padding:50px 0; text-align:center;} .error-404 img{position:relative; top:0; left:-137px;} .error-404 span{display:block; color: #232323; font-size: 30px; text-shadow: 0 1px 0 #fff; margin:-15px 0 15px;} /*-------------------------------------------------------------- Content_none --------------------------------------------------------------*/ .no-results{font-size:15px} .no-results .page-header{padding-top:30px;} .no-results .page-content p{font-style:italic; margin:20px 0 10px} .no-results .search-form{display:inline-block; *display:inline; *zoom:1;} .search-form{position:relative; width:314px;} .search-field{height:32px; line-height:32px; font-weight:normal; font-family:"source_sans_pro", arial, sans-serif; width:270px; color:#717171; font-size:14px; border:none; padding:0 8px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; background-color: #fff; -moz-box-shadow: inset 0 0 3px rgba(67,67,67,.58); -webkit-box-shadow: inset 0 0 3px rgba(67,67,67,.58);box-shadow: inset 0 0 3px rgba(67,67,67,.58);} .search-submit{position:absolute; right:0; top:-4px; -webkit-appearance: none; border:none; text-indent:-999px; background:url(../img/icon-loupe.png) no-repeat; width:48px; height:48px;} .search-submit:hover{ background:url(../img/icon-loupe_hover.png) no-repeat;}