@charset "UTF-8";
/*
File Name: style.css
Theme Name:  RT-Theme 18 | Child Theme
Author: RT-Themes
Version: 1.0
Author URI: http://themeforest.net/user/stmcan
Theme URI: http://themeforest.net/user/stmcan
Description: Designed and developed by RT-Themes - <a href="http://themeforest.net/user/stmcan">stmcan</a>
License: GNU General Public License
License URI: /Licensing/gpl.txt
Text Domain: rttheme
Template: rttheme18
*/
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");
/* ----------------------------------------------------

	File Name: custom rt-css-framework.css
	By: Tolga Can

*/
section.content.left {
  /* content left */
  width: 820px; }

section.content.right {
  /* content right */
  width: 820px; }

.sidebar {
  /* sidebar area */
  width: 300px;
  float: right; }

/* ----------------------------------------------------

		SIDEBAR RESPONSIVE VALUES

------------------------------------------------------- */
/* resolutions bigger than 1200px*/
@media only screen and (min-width: 1100px) {
  .sidebar.right.fixed {
    position: absolute;
    margin-left: 870px; } }

/* ----------------------------------------------------
#
#
#
#			ROWS
#
#
------------------------------------------------------- */
.row {
  margin: 0; }

.top_content > .row {
  width: 1170px; }

/* ----------------------------------------------------
#
#
#
#			COLUMNS
#
#
------------------------------------------------------- */
/* ----------------------------------------------------

		Very Large display - 1100px and up

------------------------------------------------------- */
/*
columns for full width
*/
/* one */
.one {
  width: 1170px; }

/* Four */
.four {
  width: 285px;
  margin-right: 10px;
  float: left; }

.four-first {
  clear: left; }

.four:last-child,
.four-last {
  margin-right: 0; }

/*	################################################################

	File Name: style.css
	RT-THEME 18
	Created By: Tolga Can
	http://themeforest.net/user/stmcan


	1) GLOBAL STRUCTURE
	2) TOP BAR
	3) NAVIGATION STYLE
	4) BLOG
	5) SLIDER
	6) FEATURED CONTENT BOXES
	7) PAGE ELEMENTS
	8) RECENT POSTS
	9) SEARCH RESULTS
	10) BUTTONS
	11) FLICKR THUMBS
	12) BANNERS
	13) INFO BOXES
	14) PRICING TABLES
	15) OUR TEAM
	16) TESTIMONIALS
	17) LINKS
	18) CAROUSEL
	19) TOGGLES ( ACCORDIONS )
	20) TABS
	21) IMAGE EFFECT
	22) BLOG CAROUSEL & LATEST NEWS
	23) DATE BOX
	24) SOCIAL SHARE TOGGLES
	25) PRODUCTS
	26) PORTFOLIO ITEMS
	27) FORMS
	28) BLOCKQUOTES
	29) PAGINATION
	30) FILTER NAVIGATION
	31) BOX SHADOWS
	32) FOOTER WIDGETS
	33) FOOTER
	34) HEADINGS
	32) FRAMES & WP CAPTIONS
	33) PHOTO GALLERY
	34) LAYER SLIDER ADD-ONS
	35) INFO BAR
	36) BREADCRUMB MENU
	37) LISTS
	38) TABLES
	39) TEXT ELEMENTS
	40) NATIVE WIDGETS
	41) IMAGE ALIGNMENTS
	42) COMMENTS
	43) SOCIAL MEDIA ICONS
	44) 404 PAGE
	45) ARCHIVES
	46) AUTHOR INFO
	47) ADDITIONAL STYLES
	48) RESPONSIVE VALUES - MEDIA QUERIES

################################################################# */
/* ----------------------------------------------------
	1) GLOBAL STRUCTURE
------------------------------------------------------- */
/* body */
body {
  font-size: 15px;
  color: #4E4E4E; }

/* header */
header, #header {
  height: 220px; }

#header .flex-direction-nav {
  display: none; }

.logo_top {
  left: 50%;
  margin-left: -585px;
  position: absolute;
  top: 51px;
  width: 320px;
  z-index: 999; }

.flexheader {
  width: 100%;
  height: 220px;
  overflow: hidden; }

#logo img {
  margin-top: 40px; }

.stuck #sticky_logo {
  display: none; }

/* top_content */
.top_content {
  margin: 0; }

.content_holder {
  position: relative;
  z-index: 100;
  padding-top: 145px; }

.content_area {
  overflow: visible; }

.content_block_background {
  padding: 0; }

.spacer {
  margin-right: 20px;
  margin-left: 20px; }

.imgdownload {
  display: inline-block !important;
  margin-right: 4px;
  margin-top: -4px;
  vertical-align: top; }

/* ----------------------------------------------------
	2) TOP BAR
------------------------------------------------------- */
/* ----------------------------------------------------
	3) NAVIGATION STYLE - 1
------------------------------------------------------- */
#header_contents {
  padding: 0; }

.margin-bottom {
  margin-bottom: 40px; }

.sep {
  background: url("/wp-content/themes/rttheme18-child/images/line_menu.png") no-repeat scroll center bottom;
  height: 29px;
  margin-bottom: 20px; }

.sep_side {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 30px;
  margin-top: 30px; }

.breadcrumbs {
  font-size: 13px;
  margin-bottom: 20px; }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* ----------------------------------------------------
	3) NAVIGATION WIDTHS - 2
------------------------------------------------------- */
/* Navigation Widts */
#navigation_bar,
.multicolumn-holder,
.menu-style-two .stuck #navigation_bar,
.menu-style-two .stuck .multicolumn-holder {
  width: 1170px; }

/* blog titles */
.blog_list h2, .blog_list h1 {
  color: #666; }

/* post format icons */
.blog_list h1[class^="icon-"]:before,
.blog_list h2[class^="icon-"]:before {
  background: #e1473c; }

/* ----------------------------------------------------
	5) SLIDER
------------------------------------------------------- */
.flexslider .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-next {
  height: 27px;
  width: 27px; }

.flexslider .flex-direction-nav .flex-next {
  background: url(/wp-content/themes/rttheme18-child/images/r_arrow.png) no-repeat; }

.flexslider .flex-direction-nav .flex-prev {
  background: url(/wp-content/themes/rttheme18-child/images/l_arrow.png) no-repeat; }

.flex-control-nav {
  display: block; }

.flexslider .flex-direction-nav a {
  opacity: 1;
  text-indent: -9999px; }

.box-essence .flex-control-nav {
  display: none; }

select option {
  font-size: 13px; }

#bt1, #bt2, #bt3 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-width: 200px;
  max-width: 250px;
  margin-bottom: 20px; }

.flex-control-paging li a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
  cursor: pointer;
  display: block;
  height: 11px;
  text-indent: -9999px;
  width: 11px; }

.flex-control-nav li {
  display: inline-block;
  margin: 0 6px; }

.flex-control-paging li a.flex-active {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
  cursor: default; }

.box-realisation .flex-control-paging li a {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); }

.box-realisation .flex-control-paging li a.flex-active {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9) !important; }

.box-realisation .flex-control-nav li {
  margin: 0 3px; }

/* ----------------------------------------------------
	6) FEATURED CONTENT BOXES
------------------------------------------------------- */
/* icon with title */
.heading_icon {
  color: #e1473c; }

/* default icon with title */
.featured .default_icon .heading_icon {
  background: #e1473c; }

/*  icon sizes */
.large_icon {
  color: #e1473c; }

.medium_rounded_icon {
  background: #e1473c; }

.big_icon {
  color: #e1473c; }

.big_rounded_icon {
  color: #e1473c; }

.big_square_icon {
  background: #e1473c; }

.big_rounded_icon.loaded {
  border: 4px solid #e1473c; }

/* Essences */
.essencebigpicture {
  position: absolute;
  right: 350px;
  top: 0; }

.txt_essence {
  width: 475px; }

.txtred {
  color: #e1473c; }

.fig_img {
  margin-top: 10px;
  margin-bottom: 10px; }

.fig_txt {
  font-size: 12px;
  font-style: italic; }

.single-essences .content.left .two, .content.right .two {
  width: 40%; }

.single-essences .content.left .twohalf, .content.right .twohalf {
  width: 50%;
  margin-left: 0px; }

.single-essences .sidebar.right.fixed select {
  width: 100%;
  padding: 5px; }

/*  sidebar boxes */
section.content.left {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding-right: 0; }

.title_icon {
  background: #e1473c; }

.sidebar .featured_article_title:before {
  background: none repeat scroll 0 0 #e1473c;
  color: #e1473c; }

.content .widget .icon-right-open, #header_contents .widget .icon-right-open {
  display: none; }

.widget .title {
  margin-bottom: 5px; }

.sidebar .widget {
  margin-bottom: 20px;
  border-bottom: 1px solid #F0F0F0; }

.featured img.aligncenter {
  margin: 0 auto; }

.pin:after {
  border-right: 1px solid #e1473c;
  color: #e1473c; }

article.featured:hover .featured_image_holder.pin:after {
  content: ''; }

.chained_contents li:hover .icon_holder.rounded:before {
  background: none repeat scroll 0 0 #e1473c; }

/* mouse over effect for dots of chained image items */
.chained_contents > ul > li:hover .image.chanied_media_holder:after {
  background: none repeat scroll 0 0 #e1473c; }

/* ----------------------------------------------------
	7) PAGE ELEMENTS
------------------------------------------------------- */
/* hr style three */
hr.style-eight {
  border-top: 1px solid #e1473c; }

hr.style-eight:after {
  color: #e1473c; }

/* Title line */
.title_line h3 {
  float: left; }

.button_ {
  background: none repeat scroll 0 0 #e1473c; }

/* ----------------------------------------------------
	14) PRICING TABLES
------------------------------------------------------- */
.pricing_table .table_wrap ul > li {
  font-size: 13px !important;
  height: 52px; }

.pricing_table .table_wrap ul > li .title {
  font-size: 24px; }

.pricing_table .table_wrap ul > li.caption {
  padding: 20px 2px 20px 2px; }

.pricing_table .table_wrap.highlight ul > li.caption {
  background-color: #e1473c; }

.pricing_table .table_wrap.highlight ul > li.price div:before {
  background: #e1473c; }

/* ----------------------------------------------------
	17) LINKS
------------------------------------------------------- */
a {
  color: #e1473c; }

/* read more links */
.featured a.read_more, .featured a.more-link {
  background-color: #e1473c;
  border: 1px solid #e1473c; }

.featured a.read_more:hover, .featured a.more-link:hover {
  color: #e1473c; }

.page-scieries a.more {
  display: none; }

.carousel-holder .owl-controls .owl-buttons div {
  background: none repeat scroll 0 0 #e1473c; }

/* ----------------------------------------------------
	19) TOGGLES ( ACCORDIONS )
------------------------------------------------------- */
/* heading with numbers */
.rt-toggle ol li .toggle-number, .rt-toggle ol li.open .toggle-number {
  background: #e1473c; }

.rt-toggle ol li .toggle-title {
  font-size: 15px; }

/* ----------------------------------------------------
	20) TABS
------------------------------------------------------- */
/* link inside the tab. uses a background image */
.tabs_wrap .tabs a {
  font-size: 17px;
  color: #000; }

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
.tabs_wrap .tabs a.current, .tabs_wrap .tabs a.current:hover, .tabs_wrap .tabs a:hover, .tabs_wrap .tabs li.current a {
  border-color: #e1473c; }

/* active tab for vertical tabs */
.vertical_tabs ul.tabs a.current, .vertical_tabs ul.tabs a.current:hover, .vertical_tabs ul.tabs a:hover, .vertical_tabs ul.tabs li.current a {
  border-color: #e1473c; }

/* tab style 2 */
.tab-style-two {
  border-color: #ccc; }

.tab-style-two ul.tabs a {
  font-size: 17px;
  text-transform: uppercase; }

.tab-style-two ul.tabs {
  background: #dbdbdb; }

.tab-style-three .tabs .with_icon a.current > span:before {
  background: #e1473c; }

/* ----------------------------------------------------
	22) BLOG CAROUSEL & LATEST NEWS
------------------------------------------------------- */
/* date */
.latest-news .featured-image .date {
  background: #e1473c; }

.latest-news-2 a.title:hover {
  color: #e1473c; }

/* ----------------------------------------------------
	24) SOCIAL SHARE TOGGLES
------------------------------------------------------- */
.social_share .icon-share:before {
  background: #e1473c; }

.social_share:hover .icon-share:before {
  color: #e1473c; }

.social_share .s_buttons {
  border: 1px solid #e1473c; }

/* ----------------------------------------------------
	25) PRODUCTS
------------------------------------------------------- */
.box_sizing.animated h4 a:before {
  content: ""; }

/* ----------------------------------------------------
	27) FORMS
------------------------------------------------------- */
/* all form elements common */
.rt_form input[type="text"], .rt_form input[type="email"], .rt_form select, .rt_form textarea,
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select, .wpcf7 textarea,
.rt_form input[type="date"], .wpcf7 input[type="date"], .rt_form input[type="tel"], .wpcf7 input[type="tel"],
.rt_form input[type="number"], .wpcf7 input[type="number"],
.rt_form input[type="url"], .wpcf7 input[type="url"] {
  color: #333;
  border: 1px solid #cecece;
  -moz-box-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #cecece;
  -webkit-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #cecece;
  box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #cecece; }

/* ----------------------------------------------------
	29) PAGINATION


/* paging arrows */
ul.page-numbers li a:hover, ul.page-numbers li a:hover, ul.page-numbers li .current {
  color: #e1473c; }

/* ----------------------------------------------------
	30) FILTER NAVIGATION
------------------------------------------------------- */
/* active item icon */
.filter_navigation li a.active:before {
  content: ""; }

.filter_navigation:after {
  content: ""; }

.filter_navigation:before {
  content: ""; }

/* ----------------------------------------------------
	34) HEADINGS
------------------------------------------------------- */
.single-realisations .realisation-text h1 {
  font-size: 20px; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #e1473c; }

.heading-style-2:before {
  content: ""; }

.heading-style-2:after {
  content: ""; }

/* ----------------------------------------------------
	32) FRAMES & WP CAPTIONS
------------------------------------------------------- */
/* frame and captions common */
.frame, .wp-caption {
  padding: 0;
  border: 0; }

/* Image Caption Texts */
.wp-caption-text {
  background: none repeat scroll 0 0 #8b8c89;
  bottom: 9px;
  color: #fff;
  left: 5px;
  padding: 0 !important;
  position: absolute;
  right: 5px;
  text-align: center; }

/* aligns */
.frame.alignleft, .wp-caption.alignleft {
  margin: 0; }

.frame.alignright, .wp-caption.alignright {
  margin: 0; }

/* ----------------------------------------------------
	34) LAYER SLIDER ADD-ONS
------------------------------------------------------- */
body .ls-fullwidth .ls-nav-start, body .ls-fullwidth .ls-nav-stop, body .ls-fullwidth .ls-nav-prev, body .ls-fullwidth .ls-nav-next, body .ls-fullwidth .ls-bottom-slidebuttons a {
  text-align: center;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.4) !important;
  background-color: rgba(0, 0, 0, 0.3);
  font-family: 'fontello';
  background-image: none; }

body .ls-fullwidth .ls-bottom-slidebuttons a {
  background-color: transparent; }

body .ls-fullwidth .ls-nav-prev, body .ls-fullwidth .ls-nav-next {
  font-size: 25px;
  line-height: 40px !important; }

body .ls-fullwidth .ls-nav-start:hover, body .ls-fullwidth .ls-nav-stop:hover, body .ls-fullwidth .ls-nav-prev:hover, body .ls-fullwidth .ls-nav-next:hover, body .ls-fullwidth .ls-bottom-slidebuttons a:hover {
  color: rgba(255, 255, 255, 0.7) !important; }

body .ls-fullwidth .ls-nav-next:before {
  content: '\e75e'; }

body .ls-fullwidth .ls-nav-prev:before {
  content: '\e75d'; }

body .ls-fullwidth .ls-nav-start:before {
  content: '\f105'; }

body .ls-fullwidth .ls-nav-stop:before {
  content: '\e831'; }

body .ls-fullwidth .ls-bottom-slidebuttons a:before {
  content: '\e85e'; }

body .ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active:before {
  content: '\e85d'; }

body .ls-thumbnail-wrapper {
  bottom: 140px; }

body .ls-fullwidth .ls-nav-start, body .ls-fullwidth .ls-nav-stop {
  width: auto;
  height: auto;
  line-height: 100% !important;
  padding: 4px 10px !important; }

/* ----------------------------------------------------
	37) LISTS
------------------------------------------------------- */
ul, ol {
  list-style: url(/wp-content/themes/rttheme18-child/images/bullet.png); }

/* colored icons */
.with_icons.colored > li span {
  color: #e1473c; }

/* big font size lists */
.with_icons.icon_borders.colored li span {
  border: 1px solid #e1473c; }

/* ----------------------------------------------------
   bibliotheque
------------------------------------------------------- */
/* ----------------------------------------------------
  Normes
------------------------------------------------------- */
.normes_ref {
  color: #999999;
  font-style: italic;
  margin-bottom: 15px;
  font-weight: normal; }

.normes_title {
  color: #000; }

.normes {
  margin-bottom: 30px; }

/* ----------------------------------------------------
	38) TABLES
------------------------------------------------------- */
table {
  width: 100%;
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb; }

table.tab_custom {
  border: none; }

.tab_custom td {
  border: none; }

.tab_avantage {
  background: none repeat scroll 0 0 #efefef;
  border: 1px solid #dbdbdb;
  padding: 30px;
  width: 500px; }

.tab_gris {
  background: none repeat scroll 0 0 #efefef;
  border: 1px solid #dbdbdb;
  padding: 30px; }

.definitions li {
  list-style: none;
  padding-top: 55px; }

.tuto .three {
  width: 376.333px; }

table td {
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb; }

/*----------------------------------------------------
	39) TEXT ELEMENTS
----------------------------------------------------*/
/* paragraph */
p {
  text-align: justify; }

/*----------------------------------------------------
	40) NATIVE WIDGETS
----------------------------------------------------*/
.imgeffect.aligncenter, .entry-thumbnail.aligncenter {
  margin: 6px 20px 20px 0;
  float: left; }

.news-txt {
  width: 360px;
  float: right; }

.news-txt p {
  text-align: left; }

/*----------------------------------------------------
	42) COMMENTS
------------------------------------------------------- */
/* reply icon */
#reply-title:before {
  color: #e1473c; }

.commententry .navigation > div, .commententry .navigation a {
  background: #e1473c; }

/* ----------------------------------------------------
	43) SOCIAL MEDIA ICONS
------------------------------------------------------- */
.top_navigation [class^="icon-"]:before, [class*=" icon-"]:before {
  font-size: 15px !important; }

/* item link */
.social_media li a {
  background: #e1473c;
  border-radius: 30px; }

/*----------------------------------------------------
	47) ADDITIONAL STYLES
----------------------------------------------------*/
/* Corner border effect */
.with_borders .box:before,
.portfolio_boxes .box:before {
  background: #e1473c; }

.with_borders .box:after,
.portfolio_boxes .box:after {
  background: #e1473c; }

#wp-admin-bar-edit-template > .ab-item:before {
  content: ""; }

/* Homemade */
h1 {
  color: #2b2b2b;
  font-size: 30px;
  margin: 20px 0 30px 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold; }

.row > h1 {
  margin-top: 0; }

h2 {
  font-size: 22px;
  color: #e1473c;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding: 0; }

* + h2 {
  padding-top: 2em; }

* + h3 {
  padding-top: 1em; }

.home-txt {
  text-align: center;
  margin-bottom: 15px; }

.home-txt h1 {
  font-size: 30px;
  margin: 20px 0;
  padding: 0;
  color: #2b2b2b;
  font-weight: bold;
  text-transform: uppercase; }

.home-txt p {
  text-align: center; }

a.more {
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer; }

.box-realisation .box-content * {
  text-align: left; }

.box-realisation .box:last-child:before {
  content: " ";
  background: #b28d80;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: -15px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.box-essence .flexslider {
  background: transparent; }

.box-essence .slides li {
  height: 295px; }

.box-essence .slides li a.more {
  left: 0;
  right: 0; }

.box-essence .slides h1,
.box-essence .slides h2,
.box-essence .slides a.more {
  text-align: left; }

.contactus {
  background: url(/wp-content/themes/rttheme18-child/images/home-contactus.jpg) no-repeat center center;
  height: 315px;
  line-height: 315px; }

.contactus .txt_vert_center {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  line-height: normal;
  color: #fff;
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase; }

.homenews {
  text-align: left; }

.homenews-content {
  padding: 20px;
  color: #2b2b2b;
  font-size: 15px; }

.homenews-content h2 {
  font-size: 15px;
  color: #2b2b2b;
  padding: 15px 0;
  font-weight: bold; }

.homenews-date {
  font-size: 40px;
  color: #6b6b6b; }

.homenews-date strong {
  font-size: 16px;
  font-weight: normal; }

.homenews .more {
  font-weight: bold; }

table.dtable {
  width: 100%;
  height: 100%; }

table.dtable td {
  height: 50%;
  vertical-align: middle;
  text-align: center;
  border: none; }

table.dtable .tc-1 {
  width: 100%; }

table.dtable .tc-2 {
  width: 50%; }

table.dtable .icon_facebook {
  background-color: #e1473c; }

table.dtable .icon_twitter {
  background-color: #c23c32; }

table.dtable .icon_newsletter {
  background-color: #d24036; }

.txt-contact {
  text-transform: uppercase;
  color: #333333;
  font-weight: bold; }

.txt-contact a, .txt-contact a:hover {
  text-transform: uppercase;
  color: #333333;
  font-weight: bold;
  text-decoration: none; }

.realisation {
  color: #4e4e4e; }

.realisation-filter {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  margin: 20px 0;
  padding: 10px 0;
  line-height: 30px; }

.realisation-filter .showby {
  float: right; }

.realisation-filter select {
  height: 30px;
  line-height: 30px;
  margin: 0 5px 0 0;
  font-size: 14px; }

.realisation-filter input {
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  margin: 0 5px 0 0; }

.realisation-filter button {
  line-height: 30px;
  height: 30px;
  background: #e1473c;
  color: #fff;
  border: none;
  padding: 0 10px; }

.realisation .paginate {
  text-align: center;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
  margin: 10px 0;
  position: relative; }

.realisation .paginate a {
  font-size: 16px; }

.realisation .paginate .prev {
  position: absolute;
  left: 0;
  color: #2b2b2b;
  font-weight: bold; }

.realisation .paginate .next {
  position: absolute;
  right: 0;
  font-weight: bold;
  color: #2b2b2b; }

.realisation #slider {
  margin: 20px 0; }

.realisation-location {
  background: #f5f5f5;
  padding: 20px;
  margin: 20px 0; }

.realisation-location .dcell {
  float: left;
  width: 50%; }

.mb-20 {
  margin-bottom: 20px; }

.mt-20 {
  margin-top: 20px; }

.mb-40 {
  margin-bottom: 40px; }

.mt-40 {
  margin-top: 40px; }

#register-realisation {
  margin: 40px 0; }

#register-realisation fieldset {
  border: 1px solid #ccc;
  margin: 15px 0;
  padding: 20px; }

#register-realisation legend {
  color: #e1473c;
  font-size: 20px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 5px 15px; }

#register-realisation .two {
  margin-bottom: 5px;
  float: left; }

#register-realisation label {
  display: block;
  width: 160px;
  line-height: 30px;
  float: left; }

#register-realisation input {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  width: 300px;
  float: left;
  padding: 0 5px; }

#register-realisation select {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  width: 300px;
  float: left;
  padding: 0 5px; }

#register-realisation .row > input {
  width: 810px;
  margin-bottom: 5px; }

#register-realisation textarea {
  font-size: 14px;
  height: 200px;
  line-height: 30px;
  border: 1px solid #ccc;
  width: 810px;
  float: left;
  margin-bottom: 5px;
  padding: 0 5px; }

/* ----------------------------------------------------
	48) RESPONSIVE VALUES - MEDIA QUERIES
------------------------------------------------------- */
/**/
.type-design {
  background: #EDD3B8; }

/* Large display 960px - 1049px */
@media only screen and (max-width: 1200px) {
  .logo_top {
    margin-left: -465px; }
  .responsive #navigation_bar > ul > li > a {
    padding: 15px; }
  .four {
    width: 232px; }
  .page-template-default .content img {
    max-width: 45%;
    height: auto; }
  .page-template-default .content img.alignnone {
    max-width: 100%; }
  .page-template-default .content table {
    max-width: 50%; }
  .page-template-default .content .tab_avantage {
    max-width: 45%; }
  .sidebar.right.fixed {
    margin-left: 700px;
    width: 260px; }
  .txt_essence {
    width: 385px; }
  .pricing_table .table_wrap ul > li .title {
    font-size: 18px; }
  .pricing_table .table_wrap ul > li {
    font-size: 11px !important; }
  .realisation-filter .showby {
    clear: left;
    display: block;
    float: none;
    margin-top: 10px;
    text-align: right; }
  .two {
    width: 467px; }
  .three {
    width: 293.333px; }
  .tuto .three {
    width: 306.333px; }
  .tuto .three h4 {
    font-size: 16px; }
  .content.left .one, .content.right .one {
    width: 660px; }
  .imgeffect.aligncenter, .entry-thumbnail.aligncenter {
    width: 200px; } }

/* resolutions bigger than 768px */
@media only screen and (min-width: 768px) {
  /** ajouter par geoffrey */
  .box-essence .flexslider .flex-direction-nav li .flex-prev, .box-essence .flexslider:hover .flex-direction-nav li .flex-prev {
    left: -145px; } }

@media only screen and (max-width: 1024px) {
  .logo_top {
    left: 20px;
    margin: 0;
    top: 30px; }
  .responsive #header_contents,
  .flexheader {
    display: none !important; }
  header, #header {
    height: auto; }
  .content_holder {
    padding-top: 20px; }
  .responsive #mobile_bar select {
    width: 50%;
    float: left;
    padding: 8px 15px;
    height: auto; }
  .responsive #mobile_bar select option {
    font-size: 22px; }
  #navigation {
    padding: 15px; }
  .responsive section.content.left, .responsive section.content.right {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none; }
  .sidebar.right.fixed {
    width: 100%;
    position: static;
    margin: 0;
    margin-top: 30px;
    float: none; }
  .essencebigpicture {
    right: 0; }
  .txt_essence {
    width: 315px; }
  .page-template-default .content img {
    max-width: 100%;
    height: auto;
    margin: 0;
    width: 100%;
    margin-bottom: 10px; }
.page-template-default .content table img {
    max-width: 30px;
    height: 30px;
    margin: 0 auto;}
  .page-template-default .content img.alignnone {
    max-width: 100%; }
  .page-template-default .content table {
    width: 100%;
    max-width: 100%;
    margin: 0;
    margin-bottom: 10px;
    padding: 0; }
  .page-template-default .content .tab_avantage {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    padding: 0; } }

/* Mobile devices up to 550px */
@media only screen and (max-width: 550px) {
  .responsive #mobile_bar > div {
    width: 15% !important; }
  .responsive #mobile_bar > select {
    width: 80%;
    margin-top: 7px; }
  .responsive #mobile_bar > select,
  .responsive #mobile_bar > select option {
    font-size: 15px; }
  .two,
  .three,
  #register-realisation input,
  #register-realisation select,
  #register-realisation textarea,
  #register-realisation .row > input {
    width: 100%;
    float: none; } }

.content .wppb-error {
  display: none; }

.kleinGrijs {
  font-size: 11px;
  color: #A0A0A0;
  line-height: 1.8; }

.footer_widgets {
  width: 1170px; }

#footer {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  max-width: 1170px;
  margin: 0 auto; }
  #footer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #footer .footer {
    background: red; }
    #footer .footer_info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      padding: 0 32px;
      margin: 0;
      width: 100%;
      font-size: 13px;
      line-height: 16px;
      color: #3d3d3d; }
      @media (min-width: 960px) {
        #footer .footer_info {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-flow: row;
          flex-flow: row; } }
      @media (min-width: 1180px) {
        #footer .footer_info {
          padding: 0; } }
      #footer .footer_info > * {
        width: 100%; }
        @media (min-width: 960px) and (max-width: 1189px) {
          #footer .footer_info > * {
            width: calc(100% / 3); } }
    #footer .footer-center {
      padding: 20px 35px; }
      @media (min-width: 1190px) {
        #footer .footer-center {
          width: 50%; } }
      @media (min-width: 960px) {
        #footer .footer-center {
          background-color: #eee; } }
    #footer .footer-left, #footer .footer-right {
      padding: 20px 35px; }
      @media (min-width: 1190px) {
        #footer .footer-left, #footer .footer-right {
          width: 25%; } }
    #footer .footer-left {
      background-color: #e1473c; }
      #footer .footer-left .logo {
        display: block;
        max-width: 320px;
        margin: 0 auto;
        padding: 10px; }
      #footer .footer-left img {
        width: 100%; }
    @media (min-width: 960px) {
      #footer .footer-right {
        background-color: #e1e1e1; } }
  #footer [class^="icon-"]:before, #footer [class*=" icon-"]:before {
    font-size: 24px; }
  #footer .social_media {
    float: none;
    margin: 0 auto; }
    #footer .social_media li {
      width: auto;
      height: auto; }
      #footer .social_media li a {
        background: none repeat scroll 0 0 #e1473c;
        border-radius: 30px;
        height: 44px;
        line-height: 44px;
        text-decoration: none;
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        width: 44px; }

.container_credits {
  text-align: center;
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.menu-menu-legal-container,
.menu-menu-legal-nl-container {
  display: inline-block; }
  .menu-menu-legal-container ul,
  .menu-menu-legal-nl-container ul {
    margin: 0;
    list-style: none; }
    .menu-menu-legal-container ul li,
    .menu-menu-legal-nl-container ul li {
      display: inline;
      float: left; }
    .menu-menu-legal-container ul a,
    .menu-menu-legal-nl-container ul a {
      color: darkgrey;
      text-decoration: none; }
      .menu-menu-legal-container ul a:hover, .menu-menu-legal-container ul a:active, .menu-menu-legal-container ul a:focus,
      .menu-menu-legal-nl-container ul a:hover,
      .menu-menu-legal-nl-container ul a:active,
      .menu-menu-legal-nl-container ul a:focus {
        color: #e1473c; }
        .menu-menu-legal-container ul a:hover:before, .menu-menu-legal-container ul a:active:before, .menu-menu-legal-container ul a:focus:before,
        .menu-menu-legal-nl-container ul a:hover:before,
        .menu-menu-legal-nl-container ul a:active:before,
        .menu-menu-legal-nl-container ul a:focus:before {
          color: darkgrey; }
      .menu-menu-legal-container ul a:before,
      .menu-menu-legal-nl-container ul a:before {
        content: "-";
        display: inline-block;
        width: 5px;
        height: 3px;
        margin: 0 5px; }

@media screen and (max-width: 520px) {
  .menu-menu-legal-container,
  .menu-menu-legal-nl-container {
    display: block;
    width: 100%; }
    .menu-menu-legal-container ul,
    .menu-menu-legal-nl-container ul {
      display: block;
      width: 100%; }
      .menu-menu-legal-container ul li,
      .menu-menu-legal-nl-container ul li {
        display: block;
        float: none; }
      .menu-menu-legal-container ul a:before,
      .menu-menu-legal-nl-container ul a:before {
        display: none; } }

#container .content_area {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  @media (min-width: 1190px) {
    #container .content_area {
      max-width: 1170px; } }
  @media (max-width: 1189px) {
    #container .content_area {
      padding-left: 32px;
      padding-right: 32px; } }

#container .content_block {
  width: 100%;
  padding: 0; }

.main-container {
  margin: 0 auto;
  max-width: 1170px; }
  @media (max-width: 1190px) {
    .main-container {
      margin: 0 10px; } }

#container section.content.left {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding-right: 3em;
  width: calc(100% / 4 * 3); }
  @media (max-width: 1190px) {
    #container section.content.left {
      width: calc(100% / 3 * 2); } }
  @media (max-width: 960px) {
    #container section.content.left {
      width: calc(2 * (100% / 3)); } }
  @media (max-width: 479px) {
    #container section.content.left {
      width: 100% !important;
      padding-right: 0; } }

.grid,
.card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
  vertical-align: top; }

.grid-item,
.card {
  margin: 0 5px 10px;
  width: calc(100% / 4 - 10px); }
  .col3 .grid-item, .col3
  .card {
    width: calc(100% / 3 - 10px); }
  @media (min-width: 960px) and (max-width: 1190px) {
    .grid-item,
    .card {
      width: calc(100% / 3 - 10px); }
      .col3 .grid-item, .col3
      .card {
        width: calc(100% / 2 - 10px); } }
  @media (max-width: 959px) {
    .grid-item,
    .card {
      width: calc(100% / 2 - 10px); }
      .col3 .grid-item, .col3
      .card {
        width: 100%; } }
  @media (max-width: 479px) {
    .grid-item,
    .card {
      width: 100%; } }

.card {
  position: relative;
  overflow: hidden;
  font-size: 0;
  background: #ccc;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-box-shadow .3s ease-in-out;
  transition: -webkit-box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out; }
  .card:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
    .card:hover .card-description {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .card:hover .card-bg {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
      -webkit-filter: blur(4px);
      filter: blur(4px); }
  .card * {
    color: #fff; }
  .card-bg {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: .6s transform ease-in-out, .6s -webkit-blur;
    -o-transition: .6s transform ease-in-out, .6s -webkit-blur;
    transition: .6s transform ease-in-out, .6s -webkit-blur; }
  .card-content {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 20px 30px;
    font-size: 13px;
    text-decoration: none; }
  .card header {
    background: transparent;
    border-bottom: 1px solid white;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 81px;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px; }
  .card-title {
    font-size: 26px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
    line-height: 30px;
    padding: 0;
    margin: 0; }
    .card-title:hover a {
      color: inherit; }
    @media (max-width: 980px) {
      .card-title {
        font-size: 22px; } }
  .card-subtitle {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    padding: 0;
    margin: 5px 0;
    max-height: 40px; }
  .card-description {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: justify;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s transform .3s ease-in-out, .3s opacity .3s ease-in-out;
    -o-transition: .3s transform .3s ease-in-out, .3s opacity .3s ease-in-out;
    transition: .3s transform .3s ease-in-out, .3s opacity .3s ease-in-out; }
    .card-description p {
      text-align: justify;
      line-height: 18px; }
  .card-icon {
    margin-bottom: 10px;
    text-align: center; }
    .card-icon .fa {
      font-size: 32px; }
  .card .more {
    text-align: left;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 16px;
    padding-top: 10px;
    width: 100%;
    color: #fff; }
  .card-image {
    -webkit-background-size: cover;
    background-size: cover; }
  .card.black * {
    color: #000;
    border-color: #000; }
  .card.white * {
    border-color: white;
    color: white; }
  .card.white .card-title {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.col3 .card-green,
.card-green {
  background: #83BA6E; }

.col3 .card-red,
.card-red {
  background: #DF4841; }

.col3 .card-taupe,
.card-taupe {
  background: #C99E93; }

.col3 .card-yellow,
.card-yellow {
  background: #D0BD4F; }

.col3 .card-default,
.card-default {
  background: #EEEEEE; }

@media (min-width: 1191px) {
  .card:nth-child(8n + 1).card-green,
  .card:nth-child(8n + 3).card-green,
  .card:nth-child(8n + 6).card-green,
  .card:nth-child(8n).card-green,
  .col3 .card:nth-child(odd).card-green {
    background: #719E5F; }
  .card:nth-child(8n + 1).card-red,
  .card:nth-child(8n + 3).card-red,
  .card:nth-child(8n + 6).card-red,
  .card:nth-child(8n).card-red,
  .col3 .card:nth-child(odd).card-red {
    background: #C23C32; }
  .card:nth-child(8n + 1).card-taupe,
  .card:nth-child(8n + 3).card-taupe,
  .card:nth-child(8n + 6).card-taupe,
  .card:nth-child(8n).card-taupe,
  .col3 .card:nth-child(odd).card-taupe {
    background: #B18D81; }
  .card:nth-child(8n + 1).card-yellow,
  .card:nth-child(8n + 3).card-yellow,
  .card:nth-child(8n + 6).card-yellow,
  .card:nth-child(8n).card-yellow,
  .col3 .card:nth-child(odd).card-yellow {
    background: #B5A347; }
  .card:nth-child(8n + 1).card-default,
  .card:nth-child(8n + 3).card-default,
  .card:nth-child(8n + 6).card-default,
  .card:nth-child(8n).card-default,
  .col3 .card:nth-child(odd).card-default {
    background: #D9D9D9; } }

@media (min-width: 768px) and (max-width: 1190px) {
  .card:nth-child(odd).card-green {
    background: #719E5F; }
  .card:nth-child(odd).card-red {
    background: #C23C32; }
  .card:nth-child(odd).card-taupe {
    background: #B18D81; }
  .card:nth-child(odd).card-yellow {
    background: #B5A347; }
  .card:nth-child(odd).card-default {
    background: #D9D9D9; } }

@media (min-width: 480px) and (max-width: 767px) {
  .card:nth-child(4n + 1).card-green,
  .card:nth-child(4n + 4).card-green {
    background: #719E5F; }
  .card:nth-child(4n + 1).card-red,
  .card:nth-child(4n + 4).card-red {
    background: #C23C32; }
  .card:nth-child(4n + 1).card-taupe,
  .card:nth-child(4n + 4).card-taupe {
    background: #B18D81; }
  .card:nth-child(4n + 1).card-yellow,
  .card:nth-child(4n + 4).card-yellow {
    background: #B5A347; }
  .card:nth-child(4n + 1).card-default,
  .card:nth-child(4n + 4).card-default {
    background: #D9D9D9; } }

@media (max-width: 479px) {
  .card:nth-child(odd).card-green {
    background: #719E5F; }
  .card:nth-child(odd).card-red {
    background: #C23C32; }
  .card:nth-child(odd).card-taupe {
    background: #B18D81; }
  .card:nth-child(odd).card-yellow {
    background: #B5A347; }
  .card:nth-child(odd).card-default {
    background: #D9D9D9; } }

.single-realisations .flex-control-nav {
  position: relative;
  top: -30px;
  z-index: 999;
  text-align: center; }

.card-container.card-downloads .card-title {
  font-size: 18px;
  text-transform: none; }

.grid-news .grid-thumb {
  width: 100%;
  display: block;
  padding-bottom: 100%;
  -webkit-background-size: cover;
  background-size: cover; }

.grid-news .grid-item,
.grid-realisations .grid-item {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }

.top_bar_container {
  width: 100%;
  padding: 8px 8px 0; }
  .top_bar_container > * {
    display: inline-block; }

#top_bar {
  padding: 0; }
  #top_bar .search-bar {
    width: 200px;
    float: none;
    top: 0; }
    #top_bar .search-bar .icon-search-1 {
      position: absolute;
      top: 0;
      right: 8px;
      line-height: 30px;
      color: rgba(0, 0, 0, 0.8); }
    #top_bar .search-bar form input {
      width: 200px;
      font-size: 14px;
      color: #333; }
    #top_bar .search-bar fieldset {
      width: 200px; }
  #top_bar .social_media {
    float: none;
    margin-left: 16px;
    top: -4px; }
  #top_bar .top_links {
    line-height: 30px;
    float: right;
    font-size: 14px;
    color: #333; }
    #top_bar .top_links a {
      color: #333;
      margin-right: 20px; }
    #top_bar .top_links li {
      border: none; }
    #top_bar .top_links .menu-item-language-current {
      position: relative; }
      #top_bar .top_links .menu-item-language-current:before {
        content: "";
        font-family: fontello;
        font-size: 15px; }
      #top_bar .top_links .menu-item-language-current:after {
        content: "";
        font-family: fontello;
        font-size: 14px; }
      #top_bar .top_links .menu-item-language-current > a {
        margin: 0 6px; }
      #top_bar .top_links .menu-item-language-current:hover .sub-menu {
        display: block; }
      #top_bar .top_links .menu-item-language-current .sub-menu {
        display: none;
        position: absolute;
        bottom: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        background: #f8f8f8;
        list-style: none;
        z-index: 100;
        padding: 6px 0; }
  #top_bar .flags {
    width: 130px; }
    #top_bar .flags li {
      padding: 10px;
      font-size: 12px; }

#navigation .multicolumn-holder a:hover:after {
  content: ""; }

.nav_shadow {
  padding-bottom: 0; }

.nav_border {
  border: 0 solid transparent;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.current_page_item > a,
.current-menu-item > a {
  color: #e1473c; }

#navigation > .menu-item > a:after,
#navigation > .current_page_item > a:after,
#navigation > .current-menu-ancestor > a:after,
#navigation > .menu-item:hover > a:after {
  display: none; }

#navigation {
  padding: 30px 0;
  width: 100%; }
  #navigation .menu-item {
    float: none;
    border-right: 0px solid transparent;
    border-left: 1px solid #ddd;
    display: table-cell; }
    #navigation .menu-item:first-child {
      border-left: 0; }
  #navigation > .menu-item > a {
    font-size: 18px;
    color: #000;
    padding: 15px 25px;
    text-transform: uppercase; }
  #navigation .sub-menu {
    border: 1px solid #ddd;
    width: 100%; }
    #navigation .sub-menu .sub-menu {
      left: 100%; }

#navigation current_page_item > a,
#navigation > .menu-item > a:hover,
#navigation .menu-item.current-menu-item > a {
  color: #e1473c; }

/* sub menu links hover status */
#navigation .sub-menu > .menu-item > a:hover,
#navigation .sub-menu > .menu-item:hover > a {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #efefef; }

.stuck #navigation {
  padding: 0; }
  .stuck #navigation > .menu-item > a {
    font-size: 18px;
    padding: 15px 25px; }

@media (max-width: 960px) {
  Stylesheet for sidebar
#container section.content.left {
    width: calc((100% / 3)*2); } }

@media (max-width: 479px) {
  Stylesheet for sidebar
#container section.content.left {
    width: 100%; } }

#container .sidebar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3em;
  margin: 110px 0 0;
  width: calc(100% / 4); }
  @media (max-width: 1190px) {
    #container .sidebar {
      width: calc(100% / 3); } }
  @media (max-width: 960px) {
    #container .sidebar {
      padding-left: 1rem;
      width: calc(100% / 3); } }
  @media (max-width: 479px) {
    #container .sidebar {
      display: none; } }
  #container .sidebar > * + * {
    margin-top: 3em;
    padding-top: 3em;
    border-top: 1px solid #D9D9D9; }
  #container .sidebar-menu {
    margin: 0;
    list-style: none; }
    #container .sidebar-menu .pagenav {
      margin: 0 0 1em;
      font-size: 22px;
      color: #DF4841; }
    #container .sidebar-menu ul {
      margin: 1.5em 0 0;
      list-style: none; }
      #container .sidebar-menu ul a {
        color: #2b2b2b;
        text-decoration: none; }
        #container .sidebar-menu ul a:hover {
          text-decoration: underline; }
    #container .sidebar-menu .page_item {
      font-size: 16px;
      line-height: 1.2em;
      margin: 0 0 1.2em 0; }
    #container .sidebar-menu .current_page_item a {
      color: #DF4841; }

.more-info-title {
  margin: 0 0 1.5em;
  padding: 0;
  color: #e1473c;
  font-size: 22px;
  text-align: left; }

/***** clearfix *****/
/* Panel Tab/button */
.flexheader .flexslider,
.flexheader .flex-container {
  height: 100%; }

.tab {
  height: 42px;
  position: relative;
  top: 7px;
  z-index: 999;
  width: 260px;
  margin: 0 auto; }

.tab ul.login {
  display: block;
  position: relative;
  float: right;
  clear: right;
  height: 42px;
  width: auto;
  font-weight: normal;
  margin: 0;
  right: 0px;
  color: white;
  font-family: 'oswald' !important;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  top: -7px; }

.tab ul.login li.left {
  background: url(../images/tab_l.png) no-repeat left 0;
  height: 42px;
  width: 10px;
  padding: 0;
  margin: 0;
  display: block;
  float: left; }

.tab ul.login li.right {
  background: url(../images/tab_r.png) no-repeat left 0;
  height: 42px;
  width: 17px;
  padding: 0;
  margin: 0;
  display: block;
  float: left; }

.tab ul.login li {
  text-align: left;
  display: block;
  float: left;
  height: 42px;
  background: url(../images/tab_m.png) repeat-x 0 0; }

.tab ul.login li a {
  color: white; }

.tab ul.login li a:hover {
  color: white; }

.tab .sep {
  color: #414141; }

.tab a.open, .tab a.close {
  cursor: pointer;
  display: block;
  height: 20px;
  line-height: 20px !important;
  padding-left: 20px !important;
  position: relative;
  top: 11px;
  width: auto; }

.tab a.open {
  background: url(../images/bt_open.png) no-repeat left 0; }

.tab a.close {
  background: url(../images/bt_close.png) no-repeat left 0; }

.tab a:hover.open {
  background: url(../images/bt_open.png) no-repeat left -19px; }

.tab a:hover.close {
  background: url(../images/bt_close.png) no-repeat left -19px; }

/* sliding panel */
#toppanel {
  position: absolute;
  /*Panel will overlap  content */
  /*position: relative;*/
  /*Panel will "push" the content down */
  top: -11px;
  width: 260px;
  z-index: 999;
  text-align: center;
  right: 0px; }

#panel {
  width: 100%;
  height: 210px;
  color: #999999;
  background: #5c483d;
  overflow: hidden;
  position: relative;
  z-index: 3;
  display: none;
  -webkit-border-radius: 0px 0 0 20px;
  -moz-border-radius: 0px 0 0 20px;
  border-radius: 0px 0 0 20px; }

#panel h1 {
  font-size: 1.6em;
  padding: 5px 0 10px;
  margin: 0;
  color: white;
  border: none !important;
  text-align: left !important; }

#panel h2 {
  font-size: 1.2em;
  padding: 10px 0 5px;
  margin: 0;
  color: white; }

#panel .ico_login {
  float: left;
  margin-right: 15px;
  margin-top: 30px; }

#panel p {
  color: white;
  font-size: 13px;
  line-height: normal;
  margin: 5px 0;
  padding: 0;
  margin-bottom: 10px; }

#panel a {
  text-decoration: none;
  color: #fff; }

#panel a:hover {
  color: white; }

#panel a-lost-pwd {
  display: block;
  float: left; }

#panel .content {
  width: 260px;
  margin: 0 auto;
  padding-top: 15px;
  text-align: left;
  font-size: 0.85em; }

#panel .content .left {
  width: 280px;
  float: left;
  padding: 0 15px; }

#panel .content form {
  margin: 0 0 10px 0; }

#panel .content label {
  float: inherit; }

#panel .content input.field {
  border: 1px #1A1A1A solid;
  background: #414141;
  margin-right: 5px;
  margin-top: 4px;
  width: 200px;
  color: white;
  height: 16px; }

#panel .content input:focus.field {
  background: #545454; }

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
  display: block;
  float: left;
  clear: left;
  height: 24px;
  text-align: center;
  cursor: pointer;
  border: none;
  font-weight: bold;
  margin: 10px 0; }

#panel .content input.bt_login {
  width: 74px;
  background: transparent url(../images/bt_login.png) no-repeat 0 0; }

#panel .content input.bt_register {
  width: 94px;
  color: white;
  background: transparent url(../images/bt_register.png) no-repeat 0 0; }

#panel .lost-pwd {
  display: block;
  float: left;
  clear: right;
  padding: 15px 5px 0;
  font-size: 0.95em;
  text-decoration: underline; }

#glossary .letters {
  list-style: none;
  margin: 0; }
  #glossary .letters li {
    display: inline-block;
    width: calc(100% / 26); }

.result-number {
  width: 100%;
  margin: 20px 0;
  color: #2b2b2b;
  font-size: 18px; }
  .result-number strong {
    color: #e1473c;
    font-size: 30px; }

.ajax-loader {
  background: url(/wp-content/themes/rttheme18-child/images/loader.GIF) no-repeat center center;
  min-width: 160px;
  min-height: 160px;
  margin: 30px auto; }

.archive-title {
  text-align: center; }

@media screen and (max-width: 375px) {
  .RelatedPost-wrapper,
  .archive-essences {
    -webkit-column-count: 1;
    column-count: 1; } }

@media screen and (min-width: 376px) and (max-width: 760px) {
  .RelatedPost-wrapper,
  .archive-essences {
    -webkit-column-count: 2;
    column-count: 2; } }

@media screen and (min-width: 761px) and (max-width: 1023px) {
  .RelatedPost-wrapper,
  .archive-essences {
    -webkit-column-count: 3;
    column-count: 3; } }

@media screen and (min-width: 1024px) {
  .RelatedPost-wrapper,
  .archive-essences {
    -webkit-column-count: 4;
    column-count: 4; } }

.RelatedPost-wrapper h2,
.archive-essences h2 {
  font-size: 15px;
  color: #2b2b2b;
  font-weight: 600;
  margin: 0;
  padding-top: 1em; }
  .RelatedPost-wrapper h2:hover,
  .archive-essences h2:hover {
    color: #e1473c; }

#pagination {
  clear: both;
  width: 100%;
  margin: 20px 0;
  padding: 10px 0;
  text-align: center; }
  #pagination .paginate {
    cursor: pointer; }
    #pagination .paginate-next {
      float: right; }
    #pagination .paginate-prev {
      float: left; }

.bibliotheque-container {
  color: #000;
  position: relative;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-transition: .3s box-shadow ease-in-out;
  -o-transition: .3s box-shadow ease-in-out;
  transition: .3s box-shadow ease-in-out;
  background-color: #efefef; }
  .bibliotheque-container:hover {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
    .bibliotheque-container:hover .bibliotheque-thumb {
      -webkit-filter: blur(5px);
      filter: blur(5px); }

.bibliotheque-thumb {
  padding-bottom: 141.42%;
  width: 100%;
  background-color: #EEEEEE;
  background-size: cover;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: .3s blur ease-in-out;
  -o-transition: .3s blur ease-in-out;
  transition: .3s blur ease-in-out; }

.bibliotheque-content {
  text-decoration: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  padding: 60px 20px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bibliotheque-title {
  width: 100%;
  color: #2b2b2b;
  cursor: pointer; }

.bibliotheque-number {
  margin-top: 30px;
  margin-bottom: 30px; }
  .bibliotheque-number strong {
    font-size: 48px;
    color: #e1473c; }

.bibliotheque .ribbon {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  -ms-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f8f8f8;
  color: #e1473c;
  display: inline-block;
  line-height: 26.25px;
  font-weight: bold;
  padding: 100px 50px 5px;
  text-align: center; }

.add_in_session {
  font-size: 14px;
  padding-top: auto; }
  .add_in_session.remove_in_session {
    color: #2b2b2b; }

#cart .cart-content {
  background-color: #EEEEEE;
  padding: 20px; }

#cart .cart-title {
  font-weight: 400;
  font-size: 18px;
  color: #2b2b2b; }
  #cart .cart-title strong {
    font-size: 30px;
    color: #e1473c; }

#cart .delete-book {
  cursor: pointer; }

#empty-cart {
  background: #666;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  cursor: pointer; }

#print-cart {
  background: #e1473c;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  cursor: pointer;
  margin-right: 10px; }

.RelatedPost-title {
  text-transform: uppercase;
  text-align: center; }

.liste_membres {
  padding-bottom: 50px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .liste_membres .membre {
    float: left;
    width: 33.333%;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
    .liste_membres .membre img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      margin: 0 auto; }
    .liste_membres .membre .membre_nom {
      padding: .5rem 0 0 0; }
    .liste_membres .membre p {
      text-align: center;
      padding-bottom: 0; }

@media screen and (max-width: 1024px) {
  .liste_membres .membre {
    width: 50%;
    padding: 10px 5px; } }

@media screen and (max-width: 760px) {
  .liste_membres .membre {
    width: 100%;
    padding: 10px 5px; } }

.responsive #mobile_bar {
  background: #fff;
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); }

#mobile_bar .logo_top {
  left: inherit;
  top: inherit;
  width: auto !important; }
  #mobile_bar .logo_top a {
    display: inline-block;
    cursor: pointer;
    z-index: 400; }
  #mobile_bar .logo_top img {
    width: 150px; }

.wrap {
  max-width: 100%;
  margin: 0 auto;
  line-height: 1;
  width: 100%;
  padding: 10px;
  position: relative;
  height: 70px; }

.menu-burger {
  width: 30px;
  height: 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  float: right;
  position: relative;
  top: 10px; }
  .menu-burger .burger-span {
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #353535;
    position: relative;
    top: -13px; }
    .menu-burger .burger-span:after, .menu-burger .burger-span:before {
      content: "";
      position: absolute;
      top: 10px;
      left: 0;
      width: 100%;
      height: 3px;
      background: #353535; }
    .menu-burger .burger-span:after {
      top: 20px; }

.menu_mobile_container {
  width: calc(100% + 20px);
  min-height: 0px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  position: absolute;
  z-index: 500;
  background: #fff;
  top: 79px;
  left: -10px;
  margin-top: -25px; }
  .menu_mobile_container ul {
    list-style: none;
    margin: 7px 0; }
    .menu_mobile_container ul li {
      cursor: pointer; }
      .menu_mobile_container ul li:hover {
        background: #f2f2f2;
        color: #353535; }
  .menu_mobile_container a {
    text-decoration: none;
    color: #353535;
    font-size: 20px;
    display: block;
    padding: 13px 26px; }
  .menu_mobile_container .current-menu-item a, .menu_mobile_container .menu-item-language-current a {
    color: #e1473c; }
  .menu_mobile_container .wpml-ls-first-item {
    margin-top: 15px; }
  .menu_mobile_container .wpml-ls-item-nl, .menu_mobile_container .wpml-ls-item-fr {
    display: inline-block;
    width: 49%;
    font-size: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .menu_mobile_container .wpml-ls-item-nl a, .menu_mobile_container .wpml-ls-item-fr a {
      font-size: 0;
      padding: 13px 10px; }
      .menu_mobile_container .wpml-ls-item-nl a:before, .menu_mobile_container .wpml-ls-item-fr a:before {
        content: "Fr";
        font-size: 20px; }
  .menu_mobile_container .wpml-ls-item-nl {
    text-align: right; }
    .menu_mobile_container .wpml-ls-item-nl a:before {
      content: "Nl"; }

.menu_mobile_container.menu-open {
  visibility: visible;
  opacity: 1;
  margin-top: 0; }
  .menu_mobile_container.menu-open ul {
    height: auto;
    list-style: none; }
    .menu_mobile_container.menu-open ul li {
      cursor: pointer; }
      .menu_mobile_container.menu-open ul li:hover {
        background: #f2f2f2;
        color: #353535; }

@media only screen and (max-width: 959px) {
  .responsive #mobile_bar {
    padding: 10px 26px; }
  .responsive #mobile_bar > div {
    width: 100%;
    cursor: default; } }

@media only screen and (max-width: 550px) {
  #container .content_area {
    padding: 0 24px; }
  .responsive #mobile_bar {
    padding: 10px; }
  .responsive #mobile_bar > div {
    width: 100% !important; } }

.card-realisation {
  position: relative;
  width: 50%;
  overflow: hidden; }
  @media (min-width: 768px) and (max-width: 1190px) {
    .card-realisation {
      width: calc(100% / 3 * 2); } }
  @media (max-width: 767px) {
    .card-realisation {
      width: 100%; } }
  .card-realisation .flexslider {
    padding-bottom: 50%; }
    @media (max-width: 479px) {
      .card-realisation .flexslider {
        padding-bottom: 200%; } }
  .card-realisation .slides {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .card-realisation .slides > li {
      height: 100%;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      @media (max-width: 479px) {
        .card-realisation .slides > li {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-flow: column-reverse;
          flex-flow: column-reverse; } }
      .card-realisation .slides > li:before {
        content: '';
        position: absolute;
        z-index: 100;
        top: calc(50% - 10px);
        left: calc(50% - 15px);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 20px 0;
        border-color: transparent #b28d80 transparent transparent; }
        @media (max-width: 479px) {
          .card-realisation .slides > li:before {
            border-width: 20px 20px 0 20px;
            border-color: #b28d80 transparent transparent transparent;
            top: calc(50% - 6px);
            left: calc(50% - 20px); } }
  .card-realisation .card {
    position: relative;
    height: 100%;
    width: calc(50% - 10px); }
    @media (max-width: 479px) {
      .card-realisation .card {
        width: calc(100% - 10px);
        height: 50%; }
        .card-realisation .card:first-of-type {
          margin-bottom: 0; } }
    .card-realisation .card-description {
      opacity: 1 !important;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important; }
  .card-realisation .flex-direction-nav,
  .card-realisation .flex-control-paging {
    width: 50%; }
    @media (max-width: 479px) {
      .card-realisation .flex-direction-nav,
      .card-realisation .flex-control-paging {
        width: 100%; } }
  @media (max-width: 479px) {
    .card-realisation .flex-direction-nav {
      top: 70%; } }

.card-container .flexslider {
  overflow: visible; }
  .card-container .flexslider .flex-direction-nav {
    margin: 0;
    padding-bottom: 25px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }
    .card-container .flexslider .flex-direction-nav li > .flex-prev {
      left: 20px; }
    .card-container .flexslider .flex-direction-nav li > .flex-next {
      right: 20px; }
  .card-container .flexslider .flex-control-paging {
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 900; }

.calform {
  background: #efefef;
  padding: 2em; }
  .calform-title {
    margin-bottom: 1.5em; }
  .calform input:not([type=submit]) {
    margin-bottom: 1em;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px #fff inset, 1px 2px 0 #eee;
    box-shadow: 0 0 0 1px #fff inset, 1px 2px 0 #eee;
    color: #8c8c8c;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    outline: medium none;
    padding: 14px 8px;
    position: relative;
    width: 100%; }
  .calform.submitted select:invalid,
  .calform.submitted input:invalid {
    -webkit-box-shadow: 0 0 0 1px #e1473c inset;
    box-shadow: 0 0 0 1px #e1473c inset; }
  .calform #btn_woodwork {
    text-transform: uppercase; }
  .calform select {
    margin-bottom: 1em; }
  .calform .result-final {
    color: #e1473c;
    font-weight: 600;
    font-size: 1.2em; }

.bibli-item,
.download-item {
  border-bottom: 1px solid #EEEEEE;
  width: 100%; }
  .bibli-item:first-of-type,
  .download-item:first-of-type {
    margin-top: -16px; }
  .bibli-item:last-of-type,
  .download-item:last-of-type {
    border: none; }

.bibli-header,
.download-header {
  position: relative;
  display: block;
  padding: 24px 56px 24px 0;
  text-decoration: none; }

.bibli-title > a, .bibli-title,
.download-title > a,
.download-title {
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 16px;
  color: #2b2b2b;
  font-size: 18px;
  line-height: 1; }
  .bibli-title > a:hover, .bibli-title:hover,
  .download-title > a:hover,
  .download-title:hover {
    text-decoration: underline;
    color: #2b2b2b; }

.bibli-desc,
.download-desc {
  color: #4E4E4E;
  font-size: 14px;
  line-height: 18px; }
  .bibli-desc p:last-of-type,
  .download-desc p:last-of-type {
    padding: 0; }

.bibli-more, .bibli-link,
.download-more,
.download-link {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #d5d5d5;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: .2s background-color ease-in-out;
  -o-transition: .2s background-color ease-in-out;
  transition: .2s background-color ease-in-out; }
  .bibli-more:hover, .bibli-link:hover,
  .download-more:hover,
  .download-link:hover {
    background-color: #e1473c; }

.bibli-title:hover ~ .bibli-more,
.bibli-title:hover ~ .bibli-link,
.download-title:hover ~ .bibli-more,
.download-title:hover ~ .bibli-link, .bibli-title:hover ~
.download-more,
.bibli-title:hover ~
.download-link,
.download-title:hover ~
.download-more,
.download-title:hover ~
.download-link {
  background-color: #e1473c; }

.bibli-link,
.download-link {
  background-image: url(images/picto-view.svg); }

.bibli-more,
.download-more {
  background-image: url(images/picto-plus.svg); }

.bibli-more.remove_in_session,
.bibli-list_open .bibli-more,
.download-more.remove_in_session,
.download-list_open .bibli-more,
.bibli-list_open
.download-more,
.download-list_open
.download-more {
  background-color: #e1473c;
  background-image: url(images/picto-minus.svg); }

.bibli-list,
.download-list {
  display: none;
  margin-bottom: 0;
  padding-bottom: 24px; }

.bibli-item * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bibli-ribbon {
  color: #e1473c;
  margin-right: 32px;
  text-transform: uppercase;
  font-size: 14px; }

.bibli-ref {
  font-size: 14px;
  color: #979797;
  font-style: italic; }

.bibli-thumb {
  max-height: 110px; }

.bibli_hidden {
  display: none; }
  .bibli_hidden.open {
    background-image: url(images/picto-up.svg); }

.bibli-info-wrapper {
  font-size: 14px;
  line-height: 22px; }

.bibli-title {
  margin-bottom: 10px; }

.bibli-desc {
  margin-top: 10px; }
  .bibli-desc p {
    text-align: left; }

.bibli-thumb {
  float: right; }

@media screen and (max-width: 939px) {
  .for-desktop {
    display: none; }
  .bibli-desc {
    text-align: left;
    margin-bottom: 32px; }
  .bibli-info {
    margin-bottom: 32px; }
  .bibli-more-info {
    margin-top: -32px;
    height: 32px;
    position: relative;
    z-index: 100;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(images/picto-down.svg); }
  .bibli-info-wrapper {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2; }
  .bibli-col-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row; }
  .bibli-thumb-wrapper {
    padding-left: 16px; } }

@media screen and (min-width: 940px) {
  .for-mobile {
    display: none; }
  .bibli-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row; }
    .bibli-header-wrapper {
      width: 50%; }
  .bibli-thumb-wrapper {
    width: 50%;
    padding-right: 16px; }
  .bibli-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    width: 50%; }
    .bibli-info-wrapper {
      width: 50%; } }

/*# sourceMappingURL=style.css.map */