/*
Theme Name: Guarana
Theme URI: http://domaineiveshill.com/
Author: Guarana
Author URI: http://guaranadesign.com/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: guarana
*/

/* ====================================================================================================
   Normalize
==================================================================================================== */

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ====================================================================================================
   Selection
==================================================================================================== */

::selection { background: #000; color: #fff; text-shadow: none;}
::-moz-selection { background: #000; color: #fff; text-shadow: none;}
img::selection { background: transparent;}
img::-moz-selection { background: transparent;}
body { -webkit-tap-highlight-color: rgba(0,0,0,0.5);}

/* ====================================================================================================
   General
==================================================================================================== */

html { width: 100%; height: 100%; overflow-x: hidden; background: url(../images/wood-bg.png);}
body { width: 100%; height: auto; min-height: 100%; color: #2a2724; font-family: 'Quattrocento Sans', sans-serif; font-size: 16px; font-weight: normal; overflow-x: hidden;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
}

.hidden { display: none;}
.hidden-desktop, .visible-phone, .visible-tablet { display: none !important; visibility: hidden !important;}
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible { visibility: hidden;}

.clear { clear: both;}
.clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

h1, h2, h3, h4, h5, h6 { color: inherit; line-height: 1em; font-family: 'Quattrocento', serif; font-weight: bold;}
h1 { color: #442227; font-size: 2.250em; margin-top: 0; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.title h1 { border: none; padding: 0; margin: 0;}
h1.no-border { border: none;}
h2 { color: #442227; font-size: 1.625em; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; margin-top: 0;}
h3 { color: #bea549; font-size: 1.625em;}
h4 { }
h5 { }
h6 { }

p { color: inherit; font: inherit; margin: 0 0 1em 0;}

a, a:link, a:visited { color: #442227; font: inherit; text-decoration: underline;}
a:not(.guarana), a:not(.guarana):link, a:not(.guarana):visited {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		    transition: all 0.3s ease-out;
}
a:hover { color: #66333b; text-decoration: underline;}
a:focus, a:active { color: inherit;}

.align-left { text-align: left !important;}
.align-right { text-align: right !important;}
.align-center { text-align: center !important;}
.align-justify { text-align: justify !important;}

.float-left { float: left !important;}
.float-right { float: right !important;}
.float-none { float: none !important;}

.block { display: block;}

.relative { position: relative;}
ul.unstyled, ol.unstyled { margin: 0; padding: 0;}
ul.unstyled li, ol.unstyled li { list-style: none;}

img { vertical-align: middle; max-width: 100%; height: auto;}

.caps { text-transform: uppercase;}
.small { font-size: 0.857em; margin: 0;}
.large { font-size: 1.125em; margin: 0 !important;}

.no-animation {
    -webkit-transition: none !important;
       -moz-transition: none !important;
         -o-transition: color 0 ease-in !important;
         	transition: none !important;
}

.subtitle { color: #bea549; font-size: 1.125em; font-weight: bold;}
.toggle { color: #BEA549; cursor: pointer; font-weight: bold;}
.toggle:hover { text-decoration: underline;}

iframe { margin: 0 auto; display: block; max-width: 100%;}


/* ====================================================================================================
   Columns
==================================================================================================== */

#container { width: 100%; height: auto; overflow: hidden; z-index: 2; position: relative; background: url(../images/wood-bg.png); -webkit-backface-visibility: hidden; -webkit-transition: translate3d(0,0,0);}

.content { width: 100%; height: auto; margin: 0;}
.wrapper { width: 940px; height: auto; margin: 0 auto;}
.row     { margin: 0 0 0 -20px;}
.column  { width: auto; height: auto; float: left; margin-left: 20px;}
.inside  { width: auto; height: auto; padding: 30px;}

.col-1  { width: 60px;}
.col-2  { width: 140px;}
.col-3  { width: 220px;}
.col-4  { width: 300px;}
.col-5  { width: 380px;}
.col-6  { width: 460px;}
.col-7  { width: 540px;}
.col-8  { width: 620px;}
.col-9  { width: 700px;}
.col-10 { width: 780px;}
.col-11 { width: 860px;}
.col-12 { width: 940px;}

/* ====================================================================================================
	Header
==================================================================================================== */

.splash-holder { height: 0px; overflow: hidden; position: relative; z-index: 1;
	/*-webkit-transition: all 0.5s ease-out;
	   -moz-transition: all 0.5s ease-out;
		 -o-transition: all 0.5s ease-out;
		    transition: all 0.5s ease-out;*/
}
#splash { height: 0px; position: fixed; width: auto; left: 0; right: 0; top: 0; overflow: hidden;
	/*-webkit-transition: all 0.5s ease-out;
	   -moz-transition: all 0.5s ease-out;
		 -o-transition: all 0.5s ease-out;
		    transition: all 0.5s ease-out;*/
}
#splash > img { max-width: 100%; height: auto; position: relative; top: 0; position: absolute; left: 0; top: 0; z-index: 1;}
#splash .wrapper { height: 100%; position: relative; z-index: 2;}
#splash .wrapper p { color: #fff; font-family: 'Quattrocento', serif; z-index: 2; position: absolute; left: 30%; top: 30%; font-size: 1.75em;}
#splash .wrapper p span { display: inline-block; *display: inline; zoom: 1; background: rgba(0, 0, 0, 0.75); margin-bottom: 2px; padding: 2px 10px;}
#splash .wrapper img { position: absolute; left: 0; width: auto; max-width: 25%;}

.header-holder { height: 70px; position: relative; z-index: 20;}
.fixed #header { position: fixed; top: 0; left: 0;}
.tablet-fixed #header { position: fixed; top: 0; left: 0;}
#header { background: #442227; width: 100%; z-index: 3; position: relative;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.75);
			box-shadow: 0 5px 30px rgba(0, 0, 0, 0.75);
}
#header .wrapper { height: 70px;}

#logo { float: left; background: url(../images/logo.png) no-repeat; width: 283px; height: 70px; display: block;}

#nav { float: right;}
#nav ul { padding: 0; margin: 0; width: 100%;}
#nav li { display: inline-block; *display: inline; zoom: 1; position: relative;}
#nav li a { display: block; color: #b8aeae; border-bottom: 4px solid #442227; font-weigh: bold; font-size: 1em; text-decoration: none; text-shadow: 1px 1px 1px #2a1919; height: 66px; line-height: 70px; padding: 0 10px;}
#nav li a:hover { color: #fff;}
#nav li.current-menu-item, #nav li.sfHover { background: #331a1d;}
#nav li.current-menu-item > a, #nav li.sfHover > a, #nav li.current-menu-ancestor > a { border-bottom: 4px solid #bea549; color: #fff;}

#nav li:hover > .sub-menu { display: block;}
#nav .sub-menu { display: none; position: absolute; left: 0; top: 70px; width: 200px; height: auto; background: #f8f8f8; padding-bottom: 5px;
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
			box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
}
#nav .sub-menu li { width: 100%;}
#nav .sub-menu a { font-size: 1em; color: #2a2724; text-shadow: none; height: 36px; border: none; line-height: 36px; border-bottom: 1px dashed #d8d8d8;}
#nav .sub-menu a:hover, #nav li li.current-menu-item a { background: #d8d8d8 !important; color: #2a2724; border-bottom: 1px dashed #d8d8d8;}
#nav .sub-menu li:nth-child(odd) a { background: #f0f0f0;}

#breadcrumbs { background: #f8f8f8; border-bottom: 1px solid #f0f0f0; height: auto; padding: 0 30px; line-height: 30px;
	-webkit-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
}
#breadcrumbs li { display: inline-block; *display: inline; zoom: 1; font-size: 0.857em;}
#breadcrumbs li.sep { margin: 0 5px;}
#breadcrumbs li a { text-decoration: none;}

.mobile-nav-holder { padding: 10px; opacity: 0; display: none; -webkit-backface-visibility: hidden; position: relative; z-index: 1; overflow: hidden;
	-webkit-transition: all 0.5s ease-out;
	   -moz-transition: all 0.5s ease-out;
		 -o-transition: all 0.5s ease-out;
		    transition: all 0.5s ease-out;
}
.mobile-nav-holder.open { opacity: 1;}
#mobile-nav { background: rgba(0, 0, 0, 0.5); padding: 10px; -webkit-backface-visibility: hidden;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
#mobile-nav ul { margin: 0; padding: 0;}
#mobile-nav li:first-child { border: none;}
#mobile-nav li { border-top: 1px solid rgba(255, 255, 255, 0.15); display: block;}
#mobile-nav a { color: #fff; font-size: 1.125em; text-decoration: none; height: 30px; line-height: 30px; display: block;}
#mobile-nav li li a { padding-left: 20px;}

#container.en #lang_sel_list .icl-en { display: none; visibility: hidden;}
#container.fr #lang_sel_list .icl-fr { display: none; visibility: hidden;}
#lang_sel_list.lang_sel_list_vertical { float: right; width: auto;}
#lang_sel_list.lang_sel_list_vertical ul { border: none !important;}
#lang_sel_list.lang_sel_list_vertical ul li { width: auto; border: none !important;}
#lang_sel_list.lang_sel_list_vertical ul li a { background: transparent; border: none !important; color: #b8aeae !important;}
#lang_sel_list.lang_sel_list_vertical ul li a:hover { color: #fff !important;}

/* ====================================================================================================
	Slideshow
==================================================================================================== */

.slideshow-holder { margin-top: 30px;}
#slideshow, .swiper-container, .swiper-container .swiper-slide { height: 337px !important;}
#slideshow { background: #f0f0f0; position: relative;
	-webkit-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
}
#slideshow .holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}
.swiper-slide { position: relative;}
#slideshow .caption { position: absolute; left: 30px; right: 30px; bottom: 30px; z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		    transition: all 0.3s ease-out;
}
#slideshow .holder:hover .caption { bottom: 95px;}
#slideshow .caption p { color: #fff; background: rgba(0, 0, 0, 0.75); display: inline-block; *display: inline; zoom: 1; padding: 8px; margin: 0;}
#slideshow .arrow { display: block; width: 40px; height: 40px; background: #fff; color: #2a2724; text-align: center; line-height: 40px; font-size: 2em; position: absolute; top: 50%; margin-top: -20px; z-index: 2; text-decoration: none;
	-webkit-border-radius: 5px;
			border-radius: 5px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.75);
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.75);
}
#slideshow .arrow:hover { color: #fff; background: #442227;}
#slideshow .arrow.prev { left: -10px;}
#slideshow .arrow.next { right: -10px;}

#slideshow .holder:hover .swiper-holder { bottom: 0px;}
#slideshow .swiper-holder { background: rgba(0, 0, 0, 0.85); padding: 5px; height: 55px; position: absolute; left: 0px; bottom: -70px; right: 0px; z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		    transition: all 0.3s ease-out;
}
#slideshow .swiper-thumb { height: 50px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
}
.swiper-thumb .swiper-slide { height: auto !important; overflow: hidden;}
.swiper-thumb .swiper-slide img { border: 5px solid transparent;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
}
.swiper-thumb .swiper-slide a { opacity: 0.40; filter: alpha(opacity = 40); display: inline-block; *display: inline; zoom: 1; width: 100%;}
.swiper-thumb .swiper-slide a:hover { opacity: 1; filter: alpha(opacity = 100);}
.swiper-thumb .swiper-slide a.active { opacity: 1; filter: alpha(opacity = 100);}

/* ====================================================================================================
	Content
==================================================================================================== */

#page { margin: 30px 0 10px 0;}
#page .wrapper { background: #fff;
	-webkit-box-shadow: 0 0 5px #000;
			box-shadow: 0 0 5px #000;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
#page.home { margin-top: 0;}
#page.home .wrapper { margin-top: 0;
	-webkit-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
}

.main .inside { padding-right: 0;}

a.button, input.button { background: #f0f0f0; color: #2a2724; display: inline-block; *display: inline; zoom: 1; padding: 8px 15px; text-decoration: none; margin: 15px 0; border: none;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
a.button.small { padding: 4px 10px; font-size: 0.857em;}
a.button.dark, input.button.dark { background: #2a2724; color: #f0f0f0;}
a.button.dark:hover, input.button.dark:hover { background: #442227; color: #fff;}
a.button.red, input.button.red { background: #442227; color: #f0f0f0;}
a.button.red:hover, input.button.red:hover { background: #66333b; color: #fff;}
a.button.white, input.button.white { background: #fff; color: #2a2724;}
a.button.white:hover, input.button.white:hover { background: #2a2724; color: #fff;}

a.button.full { display: block;}
a.button span { margin-left: 5px;}

.cta { background: #f8f8f8; padding: 20px 0;
	-webkit-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
}

article { margin: 30px 0;}
article .thumb { overflow: hidden; display: inline-block; *display: inline; zoom: 1; float: left; width: 150px; height: 150px; margin-right: 30px; margin-bottom: 30px; position: relative;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
article.produit .thumb { width: 25%; height: auto;}
article .thumb img { display: block; margin: 0 auto;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}

article .thumb a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background: transparent;}
article .thumb a span { position: absolute; left: 0; top: 0; display: block; color: #fff; text-align: center; line-height: 150px; font-size: 42px; width: 100%; height: 100%; opacity: 0; margin: 0;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		    transition: all 0.3s ease-out;
	-webkit-transform: scale(2);
	   -moz-transform: scale(2);
	    -ms-transform: scale(2);
	     -o-transform: scale(2);
	    	transform: scale(2);
}
article .thumb a:hover span { opacity: 1; 
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	    	transform: scale(1);
}
article .thumb a:hover { background: rgba(0, 0, 0, 0.5);}

.meta { border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; margin: 0; padding: 0; height: auto; line-height: 30px;}
.meta p { margin: 0;}
.meta a { color: #bea549; text-decoration: none;}
.meta a:hover { text-decoration: underline;}

.share { border-top: 2px solid #f0f0f0; padding-top: 15px; width: 100%; float: left;}

.map { margin: 0; height: 275px;}
#map-canvas img { max-width: none;}
.gm-style-mtc { display: none !important;}

.featured { overflow: hidden; max-height: 337px;}

/* ====================================================================================================
	Products
==================================================================================================== */

.product { width: 30%; margin-right: 5%; float: left; margin-bottom: 5%;}
.product.last { margin: 0;}
.product.last { margin-right: 0;}
.product .image { background: #f0f0f0; height: 240px; margin-bottom: 10px; padding: 20px 0; position: relative; overflow: hidden;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
.product .image img { width: auto; height: auto; max-height: 100%; display: block; margin: 0 auto;}

.product .image a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background: transparent;}
.product .image a span { position: absolute; left: 0; top: 0; display: block; color: #fff; text-align: center; line-height: 280px; font-size: 42px; width: 100%; height: 100%; opacity: 0; margin: 0;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		    transition: all 0.3s ease-out;
	-webkit-transform: scale(2);
	   -moz-transform: scale(2);
	    -ms-transform: scale(2);
	     -o-transform: scale(2);
	    	transform: scale(2);
}
.product .image a:hover span { opacity: 1; 
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	    	transform: scale(1);
}
.product .image a:hover { background: rgba(0, 0, 0, 0.5);}

/* ====================================================================================================
	Forms
==================================================================================================== */

.half { width: 48%; margin-right: 4%; float: left;}
.half.last { margin-right: 0;}
.demi { width: 46%; margin: 0 2%; float: left;}

input.text, textarea { background: #f0f0f0; border: none; padding: 8px; width: 100%; margin-bottom: 15px; min-width: 100%; max-width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box; 
	-webkit-border-radius: 3px;
			border-radius: 3px;
}
.wpcf7-submit { margin-top: 0 !important;}

div.wpcf7-response-output { padding: 5px 10px; margin: 0;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
div.wpcf7-validation-errors { border: 2px solid #bea549; background: #efe8d1;}
div.wpcf7-mail-sent-ok { border: 2px solid #779451; background: #dde4d3;}

span.wpcf7-not-valid-tip { border: 2px solid #442227; background: #dac9c9; display: inline-block; *display: inline; zoom: 1; padding: 5px 10px; margin: 0;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}

/* ====================================================================================================
	Photos
==================================================================================================== */

.album { float: left; width: 25%;}
.album .photo { margin: 0 auto; overflow: hidden; height: 150px; width: 150px; position: relative;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
.album .photo a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.album .photo a span { position: absolute; left: 0; top: 0; display: block; color: #fff; text-align: center; line-height: 150px; font-size: 42px; width: 100%; height: 100%; opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		    transition: all 0.3s ease-out;
	-webkit-transform: scale(2);
	   -moz-transform: scale(2);
	    -ms-transform: scale(2);
	     -o-transform: scale(2);
	    	transform: scale(2);
}
.album .photo a:hover span { opacity: 1; 
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	    	transform: scale(1);
}
.album .photo a:hover { background: rgba(0, 0, 0, 0.5);}
.album a.title { margin-top: 10px; display: block; text-align: center; text-decoration: none;}

.gallery-item { margin-top: 0; width: 25% !important; float: left; position: relative;}
.gallery-item  img { border: none; display: block; margin: 0 auto;
	-webkit-border-radius: 5px;
			border-radius: 5px;
}
.gallery-caption { margin: 10px 0 0 0; text-align: center;}

.gallery-icon { position: relative; width: 120px; height: 120px; margin: 0 auto; overflow: hidden;
	-webkit-border-radius: 5px;
			border-radius: 5px;	
}
.gallery-icon a.over { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.gallery-icon a.over:hover { background: rgba(0, 0, 0, 0.5);}
.gallery-icon a.over span { position: absolute; left: 0; top: 0; display: block; color: #fff; text-align: center; line-height: 120px; font-size: 42px; width: 100%; height: 100%; opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		    transition: all 0.3s ease-out;
	-webkit-transform: scale(2);
	   -moz-transform: scale(2);
	    -ms-transform: scale(2);
	     -o-transform: scale(2);
	    	transform: scale(2);
}
.gallery-icon a.over:hover span { opacity: 1; 
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	    	transform: scale(1);
}

.isotope-item { z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	   -moz-transition-duration: 0.8s;
	    -ms-transition-duration: 0.8s;
	     -o-transition-duration: 0.8s;
	        transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	   -moz-transition-property: height, width;
	    -ms-transition-property: height, width;
	     -o-transition-property: height, width;
	        transition-property: height, width;
}
.isotope .isotope-item { width: 100%;
	-webkit-transition-property: -webkit-transform, opacity;
	   -moz-transition-property:    -moz-transform, opacity;
	    -ms-transition-property:     -ms-transform, opacity;
	     -o-transition-property:      -o-transform, opacity;
	        transition-property:         transform, opacity;
}

.option-set { width: 100%; text-align: center; margin-bottom: 20px !important;}
.option-set li { display: inline-block; *display: inline; zoom: 1; margin: 5px 1px;}
.option-set li a.button { margin: 0; padding: 6px 10px; font-size: 0.857em;}
.option-set li a.button.selected { background: #f0f0f0; color: #2a2724; outline: none;}

/* ====================================================================================================
	Contact
==================================================================================================== */

.equipe { margin: 30px 0;}
.membre { width: 22%; margin-right: 3%; float: left; margin-bottom: 20px;}
.membre p.nom, .membre p.nom a { color: #442227; text-decoration: none; font-weight: bold; margin: 0;}
.membre .photo { margin-bottom: 10px;}
.membre .photo img { }

/* ====================================================================================================
	Sidebar
==================================================================================================== */

#sidebar { background: #f8f8f8; -webkit-backface-visibility: hidden;}
#sidebar h3 { margin-top: 0;}

#sidebar aside { padding: 30px; border-top: 1px dashed #d8d8d8; position: relative;}
#sidebar aside:nth-child(even) { background: #f0f0f0;}
#sidebar aside:first-child { border: none;}

#sidebar .thumb { width: 75px; height: 75px; float: left; overflow: hidden; margin-right: 20px; margin-bottom: 20px; position: relative;
	-webkit-border-radius: 5px;
			border-radius: 5px;	
}
#sidebar .thumb img {
	-webkit-border-radius: 5px;
			border-radius: 5px;	
}
#sidebar .thumb a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background: transparent;}
#sidebar .thumb a span { position: absolute; left: 0; top: 0; display: block; color: #fff; text-align: center; line-height: 75px; font-size: 24px; width: 100%; height: 100%; opacity: 0; margin: 0;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
		    transition: all 0.3s ease-out;
	-webkit-transform: scale(2);
	   -moz-transform: scale(2);
	    -ms-transform: scale(2);
	     -o-transform: scale(2);
	    	transform: scale(2);
}
#sidebar .thumb a:hover span { opacity: 1; 
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	    	transform: scale(1);
}
#sidebar .thumb a:hover { background: rgba(0, 0, 0, 0.5);}

.textwidget { position: relative;}
.swiper-offres { width: auto; height: 200px; overflow: hidden; margin: 0 auto; width: 80%;}
.swiper-offres .image { height: 140px; background: #f0f0f0; margin-bottom: 10px; width: 100%; margin: 0 auto 10px auto; overflow: hidden;
	-webkit-border-radius: 5px;
			border-radius: 5px;	
}
.swiper-offres a.title { display: block; text-align: center; text-decoration: none;}
#sidebar a.arrow { position: absolute; width: 30px; height: 30px; display: block; color: #fff; background: #bea549; text-decoration: none; text-align: center; line-height: 30px; top: 35%; margin-top: -15px;
	-webkit-border-radius: 5px;
			border-radius: 5px;	
}
#sidebar a.arrow:hover { background: #2a2724; color: #fff;}
#sidebar a.prev { left: -10px;}
#sidebar a.next { right: -10px;}

/* ====================================================================================================
	Footer
==================================================================================================== */

#footer .copy, #footer .by { color: #999793; height: 20px; line-height: 30px; display: inline-block; *display: inline; zoom: 1; text-shadow: 1px 1px 1px #000;}
#footer .copy { float: left;}
#footer .by { float: right;}
#footer .by a { width: 71px; height: 20px; background: url(../images/guarana_1.png) no-repeat left top; display: inline-block; *display: inline; zoom: 1;}
#footer .by a:hover { background: url(../images/guarana_1.png) no-repeat left bottom;}

/* ====================================================================================================
	Video
==================================================================================================== */

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
 
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.wp-pagenavi { text-align: center;}
.wp-pagenavi a { width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; *display: inline; zoom: 1; background: #442227; color: #f0f0f0; text-decoration: none; margin: 0 2px;
	-webkit-border-radius: 100%;
			border-radius: 100%;
}
.wp-pagenavi a:hover { background: #66333b; color: #fff;}
.wp-pagenavi span { background: #f0f0f0; color: #2a2724; margin: 0 2px; display: inline-block; *display: inline; zoom: 1; width: 30px; height: 30px; text-align: center; line-height: 30px;
	-webkit-border-radius: 100%;
			border-radius: 100%;
}
.wp-pagenavi .pages { display: none; visibility: hidden;}
/*
     FILE ARCHIVED ON 20:07:59 Oct 15, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:26:06 Apr 23, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 5.344
  exclusion.robots: 0.026
  exclusion.robots.policy: 0.011
  esindex: 0.011
  cdx.remote: 12.411
  LoadShardBlock: 464.53 (3)
  PetaboxLoader3.datanode: 439.507 (4)
  PetaboxLoader3.resolve: 206.801 (2)
  load_resource: 208.537
*/