@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,700);

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,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%;-ms-text-size-adjust:100%;-webkit-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:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}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 silver;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,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html 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}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com
   ========================================================================== */

html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}


/* ===== Primary Styles =====================================================

   ========================================================================== */
body {
	font: 15px Arial, Helvetica, sans-serif;
	color: #4b4a4d;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	font-weight: normal;
}

blockquote {
	border-left: 1px solid rgba(0,0,0,0.33);
	margin: 1em 0;
	padding-left: 40px;
}

nav ul {
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 1000px;
	margin: 0 auto;
}
.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.t {
	display: table;
	width: 100%;
	height: 100%;
}
.tt {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

a {
	-webkit-transition: all .2s ease-in-out;	
	-moz-transition: all .2s ease-in-out;	
	-o-transition: all .2s ease-in-out;	
	-ms-transition: all .2s ease-in-out;	
	transition: all .2s ease-in-out;
	color: #b4883b;
	text-decoration: none;
}
a:hover {
	color: #b4883b;
}

#header {
	height: 45px;
	background: #fff;
	position: relative;
	z-index: 999;
	margin-bottom: 0;
}

#logo {
	background: url('../img/CCVB_Logo.png') no-repeat center center #fff;
	background-size: 210px 123px;
	border: solid 1px #434343;
	border-top: 0;
	width: 228px;
	height: 146px;
	display: block;
	float: left;
	font-size: 0em;
	text-indent: -9999999px;
	margin-bottom: -102px;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.16);
	box-shadow: 0 5px 15px rgba(0,0,0,0.16);
}

.no-svg #logo {
	background-image: url('../img/cite-vins-bourgogne.png');
}

#header aside {
	float: right;
	width: 755px;
}

#top {
	height: 80px;
    display: none;
}
#top ul {
	float: left;
	margin-top: 10px;
}
#top ul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	color: #b8b8b8;
	margin-left: 11px;
	vertical-align: top;
}
#top ul li a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	color: #b8b8b8;
	padding-top: 8px;
	padding-left: 25px;
}
#top ul li.ico-lang a {
	padding-left: 0;
	padding-top: 0;
}
#top ul li.ico-lang {
	padding-top: 8px;
}
#top ul li a:hover, #top ul li a.active {
	color: #fff;
}
#top ul li.ico-search a {
	background: url('../img/icon-search.svg') no-repeat 0 0;
	background-size: 20px 20px;
}
.no-svg #top ul li.ico-search a { 
	background-image: url('../img/icon-search.png');
}
#top ul li.ico-user a {
	background: url('../img/icon-extranet.svg') no-repeat 0 0;
	background-size: 20px 20px;
}
.no-svg #top ul li.ico-user a { 
	background-image: url('../img/icon-extranet.png');
}
#top ul li.ico-newsletter a {
	background: url('../img/icon-newsletter.svg') no-repeat 0 0;
	background-size: 20px 20px;
}
.no-svg #top ul li.ico-newsletter a { 
	background-image: url('../img/icon-newsletter.png');
}
#top ul li.ico-lang  {
	background: url('../img/icon-lang.svg') no-repeat 0 0;
	padding-left: 25px;
	background-size: 20px 20px;
}
.no-svg #top ul li.ico-lang { 
	background-image: url('../img/icon-lang.png');
}
#top ul li.ico-bivb a {
	background: url('../img/icon-bivb.svg') no-repeat 0 0;
	background-size: 20px 20px;
.no-svg #top ul li.ico-bivb { 
	background-image: url('../img/icon-bivb.png');
}
}
.no-svg #top ul li.ico-bivb a { 
	background-image: url('../img/icon-bivb.png');
}
#top .social {
	float: right;
	font-size: 0em;
	margin-top: 12px;
}
#top .social a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 11px;
	width: 22px;
	height: 22px;
	text-indent: -999999px;
	background-size: 22px 22px !important;
	opacity: 0.66;
}
#top .social a.facebook {
	background: url(../img/icon-facebook.svg);
}
#top .social a.twitter {
	background: url(../img/icon-twitter.svg);
}
#top .social a:hover {
	opacity: 1;
}

#mobile-nav, #mobile-nav-opener {
	display: none;
}
#nav {
	height: 35px;
	margin: 
}
#nav ul li {
	display: block;
	float: left;
	position: relative;
}
#nav ul li a {
	display: block;
	float: left;
	height: 40px;
	line-height: 44px;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	color: #222;
	padding: 0 10px;
	margin: 0 10px;
	
}
#nav ul li a:hover, #nav ul li a.active, #nav ul li a.hover {
	background: #ffffff;
	color: #4b4a4d;
}
#nav ul ul {
	background: #fff;
	position: absolute;
	top: 45px;
	left: -1px;
	border: solid 1px #4b4a4d;
	border-top: 0;
	width: 245px;
	padding: 8px 0 5px 0;
	display: none;
    z-index: 1000;
}
#nav ul ul li {
	float: none;
	padding: 0 1px 3px 1px;
	position: relative;
}
#nav ul ul li a {
	float: none;
	height: auto;
	line-height: normal;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4b4a4d !important;
	background: none !important;
	padding: 3px 3px 3px 10px;
	display: block;
	margin: 0;
}
#nav ul ul li a:hover,
#nav ul ul li a.hover {
	background: #4b4a4d !important;
	color: #fff !important;
}
#nav ul ul ul {
	top: 0;
	left: 0;
	margin-left: 100%;
	padding: 3px 0 5px 0;
	border: solid 1px #4b4a4d;
	margin-top: -3px;
}

#slider {
	width: 100%;
	// max-width: 1120px;
	margin: 0 auto;
	padding-bottom: 60px;
	overflow: hidden;
}
#slider .slide {
	width: 100%;
	position: relative;
	min-height: 26vw;
	z-index: -1;
}
#slider .slide::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20vw;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.33));
	z-index: -1;
}
#slider .slide img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: -2;
}
#slider .box {
	padding: 10px 20px;
	color: #fff;
	display: inline-block;
	display: inline;
	zoom: 1;
	/* width: 400px; */
	/* background-color:rgba(64,64,64,0.66); */
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#slider .tt {
	display: table-cell;
	vertical-align: bottom;
	width: 100%;
    padding-bottom: 20px;
}

#slider .box h1 {
	font-family: 'Euro', sans-serif;
	font-size: 3vw;
	font-weight: 400;
	color: #fff;
	line-height: 3.2vw;
}
#slider .box h1.texte_blanc {
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
#slider .box h1.texte_noir {
	color: #000;
	text-shadow: none;
}

#slider .cycle-pager {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 34px;
	left: 0;
	font-size: 0em;
}
#slider .cycle-pager span {
	width: 10px;
	height: 10px;
	background: #a9a9a9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-indent: -999999px;
	margin: 0 6px;
	cursor: pointer;
    border: 2px solid #a9a9a9;
}
#slider .cycle-pager span:hover, #slider .cycle-pager span.cycle-pager-active {
	background: #fff;
    border: 2px solid #a9a9a9;
}

#content {
	/* margin-bottom: 30px; */
	margin-bottom: 0;
	margin-top: 130px;	
}

#filter {
	height: 26px;
	line-height: 26px;
	border-bottom: solid 1px #dbdbdb;
	margin-bottom: 20px;
}
#filter .back {
	display: inline-block;
	*display: inline;
	zoom: 1;
	background:	url('../img/icon-menu.svg') no-repeat center left;
	background-size: 16px 16px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	padding-left: 26px;
	float: left;
	opacity: 0.66;
}
#filter .back:hover {
	opacity: 1;
}
.no-svg #filter .back {
	background-image: url('../img/icon-menu.png') ;
}
#filter aside {
	float: right;
}
#filter .prev, #filter .next {
	background: url('../img/icon-previous.svg');
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
	display: block;
	float: left;
	margin-left: 18px;
	opacity: 0.66;
}
.no-svg #filter .prev {
	background: url('../img/icon-previous.png');
}
#filter .next {
	background: url('../img/icon-next.svg');
	background-position: right bottom;
}
.no-svg #filter .next {
	background: url('../img/icon-next.png');
}
#filter .prev:hover, #filter .next:hover {
	opacity: 1;
}
#content h1 {
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	font-size: 48px;
	color: #b4883b;
	margin-bottom: 10px;
}
#content h2,
.opening h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #b4883b;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
}
#content h3 {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 30px;
}
#content h4 {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #b4883b;
	margin-bottom: 12px;
}
#content .decal h4 {
	padding-left: 30px;
}
#content p {
	margin-bottom: 16px;
	line-height: 1.4em;
	text-align: justify;
}
#content ul {
	line-height: 1.4em;
	margin: 0;
}
#content ul li {
	margin-bottom: 13px;
}
#content .links {
	margin-bottom: 20px;
}
#content .links a {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 28px;
	margin-bottom: 10px;
	color: #b4883b;
	display: block;
	line-height: 21px;
}
#content .links a:hover {
	color: #4b4a4d;
}
#content .links a.external {
	background: url('../img/icon-link.svg') no-repeat left center;
	background-size: 20px 20px;
}
.no-svg #content .links a.external {
	background-image: url('../img/icon-link.png');
}
#content .links a.download {
	background: url('../img/icon-download-n.svg') no-repeat left center;
	background-size: 20px 20px;
}
.no-svg #content .links a.download {
	background-image: url('../img/icon-download.png');
}
#content .box {
	width: 800px;
	margin: 0 auto;
}
#content .box-bottom {
	border-top: solid 1px #dbdbdb;
	padding: 10px 0;
}
#content .share {
	height: 21px;
	float: left;
	line-height: 21px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color:#000;
	opacity: 0.66;
}
#content .share span {
	padding-right: 4px;
}
#content .share a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-indent: -999999px;
	width: 21px;
	height: 21px;
	margin-left: 4px;
	background-size: 21px 21px !important;
	opacity: 0.66;
}
#content .share a.facebook {
	background: url('../img/icon-facebook-s.svg');
}
.no-svg #content .share a.facebook {
	background: url('../img/icon-facebook-s.png');
}
#content .share a.twitter  {
	background: url('../img/icon-twitter-s.svg');
}
.no-svg #content .share a.twitter  {
	background: url('../img/icon-twitter-s.png');
}
#content .share a:hover {
	opacity: 1;
}
#content .send {
	float: right;
	line-height: 21px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	opacity: 0.66;
}
#content .send:hover {
	opacity: 1;
}

#content-menu {
	padding: 20px 0 25px 0;
}
#content-menu li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 10px;
}
#content-menu li a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	line-height: 22px;
	height: 22px;
	padding: 0 6px;
	font-size: 14px;
	font-weight: bold;
	color: #4b4a4d;
	text-transform: uppercase;
}
#content-menu li a:hover, #content-menu li a.active {
	color: #fff;
	background: #b4883b;
}
#content .news article {
	box-sizing: border-box;
	float: left;
	margin: 0 0 3% 1.5%;
	width: 48.5%;
	border: solid 1px #939294;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	height: 140px;
}
#content .news article.first { 
	margin: 0 1.5% 3% 0;
}
#content .news article, #content .news article aside {
	overflow: hidden;
	*overflow: visible;
	zoom: 1;
}

#content .news article img {
	display: block;
	float: left;
	margin: -1px 10px -1px -1px;
}
#content .news h2 {
	font-size: 18px;
	color: #b4883b;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 2px;
}
#content .news h3 {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #4b4a4d;
	line-height: 1.4em;
	margin-bottom: 0;
}
#content .news h4 {
	font-size: 14px;
	color: #000;
	text-transform: none;
	margin-bottom: 10px;
}
#content .news article aside {
	padding: 10px 20px 0 0;
}

#content .gallery {
	font-size: 0em;
	padding-bottom: 20px;
	width: 102.43%;
	margin-left: -2.43%;
}
#content .gallery.partenaire {
	width: calc(100% + 1rem);
	margin-left: -1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#content .gallery a {
	display: block;	
	float: left;
	border: solid 1px #4b4a4d;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	margin-left: 2.43%;
	margin-bottom: 2%;
	color: #000;
	text-transform: uppercase;
	width: 22.53%;
	box-sizing: border-box;
	background-color: #eee;
}
#content .gallery.partenaire a {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: calc(11% - 1rem);
	margin-left: 1rem;
	margin-bottom: 1rem;
	position: relative;
	background-color: #fff;
}
#content .gallery a img {
	display: block;
	width: 100%;
}
#content .gallery a .mask {
	background: url(../img/tt-n.png);
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#content .gallery.partenaire a .mask {
	font-size: 10px;
	word-break: break-word;
}
#content .gallery a .mask .tt {
	padding: 0 27px;
}
#content .gallery.partenaire a .mask .tt {
	padding: 0 8px;
}
#content .search {
	margin-top: 40px;
}
#content .search article h4 {
	margin-bottom: 2px;
}

#content .form {
	margin-top: 50px;
}

#content .hr-sep {
	width: 100%;
	height: 2px;
	border: none;
	background-color: #b4883b;
	margin: 2rem auto 2rem auto;
}

#content .mecene {
	margin: 2rem 0;
}
#content .mecene,
#content .mecene-categorie-logos {
	width: calc(100% + 1rem);
	margin-left: -1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#content .mecene-categorie,
#content .mecene-categorie-logos a.mecene-categorie-logos-item {
	width: calc(50% - 1rem);
	margin-left: 1rem;
	margin-bottom: 1rem;	
}
#content .mecene-categorie-logos a.mecene-categorie-logos-item {
	width: calc(33% - 1rem);
}
#content .mecene-categorie-logos.mecene-categorie-2 a.mecene-categorie-logos-item {
	width: calc(20% - 1rem);
}
#content .mecene-categorie-logos.mecene-categorie-3 {
	padding: 0 4rem;
	box-sizing: border-box;
	text-align: center;
	display: block;
}
#content .mecene-categorie-logos.mecene-categorie-3 a {
	color: #000;
}
#content .mecene-categorie-logos img {
	width: 100%;
}
#content .mecene-categorie-title {
	font-size: 1.2rem;
	color: #000;
	font-weight: bold;
	width: calc(100% - 4rem);
	margin: 1rem 2rem;
	padding-bottom: 0.5rem;
	text-align: center;
	border-bottom: 1px solid #b4883b;
}
#content .mecene .mask {
	display: none;
}

.form {
	width: 658px;
	margin: 0 auto 50px auto;
}
.form  {
  box-sizing: border-box;
}
.form *, .form *:before, .form *:after {
  box-sizing: inherit;
}
.form label {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #4b4a4d;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.form .btn {
	text-align: center;
}
.form .half {
	width: 48.5%;
	float: left;
}
.form .half.right {
	float: right;
}
.form input.txt, .form textarea {
	width: 100%;
	border: solid 1px #dbdbdb;
	padding: 9px 12px;
	font: 18px Arial, Helvetica, sans-serif;
	outline: 0 none;
	background: #f7f7f7; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 33%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(33%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 33%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 33%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 33%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 33%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.customSelect {
	background: #ffffff; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 67%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(67%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 67%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 67%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 67%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 67%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
	padding: 0 12px;
	font: 18px Arial, Helvetica, sans-serif;
	color: #4b4a4d;
	height: 41px;
	line-height: 41px;
	border: solid 1px #dbdbdb;
}
.customSelectInner {
	background: url(../img/select-arrow.png) no-repeat right center;
}
.form select {
	width: 100%;
}
.form textarea {
	height: 160px;
}
.form .row {
	margin-bottom: 15px;
}
.form .row small {
	display: block;
	font-size: 13px;
	color: #b4883b;
	margin-top: 3px;
}
.form .btn {
	margin-top: 30px;
}
.form .error input.txt, .form .error textarea {
	border: solid 1px #94092b;	
	color: #94092b;
}

.form .radio,
.form .check {
	background: url(../img/ico-radio.png) no-repeat 0 0;
	padding-left: 35px;
	position: relative;
	overflow: hidden;
	font-size: 18px;
	color: #4b4a4d;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
}
.form .check {
	background: url(../img/ico-check.png) no-repeat 0 0;
	padding-left: 40px;
}
.form .radio input,
.form .check input {
	position: absolute;
	left: -100px;
}
.form .radio.checked {
	background-position: 0 -90px;
}
.form .check.checked {
	background-position: 0 -90px;
}

button {
	padding: 12px 42px;
	background: #b4883b;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	border: 0;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	outline: 0 none;
}
button:hover {
	background: #4b4a4d;
}

#map {
	width: 100%;
	height: 400px;
}

#contact {
	padding: 25px 0 0 0;
}
#contact .form label {
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 5px;
}
#contact h4 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	color: #b4883b;
	margin-bottom: 30px;
}

#focus {
	text-align: center;
	font-size: 0em;
}
#focus article {
	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 220px;
	font-size: 18px;
	text-align: left;
	margin: 0 40px 30px 40px;
}
#focus article .title {
	height: 50px;
	background: #adadad;
	position: relative;
}
#focus article h2 {
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	padding: 0 17px;
    text-align: center;
}
#focus article.vert .title {
	background: #4ea783;
}
#focus article.vertclair .title {
	background: #b2ca2c;
}
#focus article.violet .title {
	background: #8760a1;
}
#focus article.rouge .title {
	background: #940A2B;
}
#focus article.gris .title {
	background: #4B4B4D;
}
#focus article.orange .title {
	background: #EFAA2B;
}
#focus article.marron .title {
	background: #b4883b;
}
#focus article.gris2 .title {
	background: #616161;
}
#focus article.noir .title {
	background: #000;
}
#focus article img {
	display: block;
	width: 100%;
	height: auto;
}

#bottom {
	background: #a5a4a6;
	padding: 5px 0 5px 0;
	color: #fff;
	margin-top: 25px;
}
#bottom .social {
	text-align: center;
	font-size: 0em;
}
#bottom .social h6 {
	font-size: 12px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 0.5em;
}
#bottom .social a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 32px;
	height: 32px;
	text-indent: -9999999px;
	margin: 0 9px;
	background-size: 32px 32px !important;
}
#bottom .social a.facebook {
	background: url('../img/icon-facebook.svg');
}
.no-svg #bottom .social a.facebook {
	background: url('../img/icon-facebook.png');
}
#bottom .social a.twitter {
	background: url('../img/icon-twitter.svg');	
}
.no-svg #bottom .social a.twitter {
	background: url('../img/icon-twitter.png');	
}
#bottom .social a:hover {
	opacity: 0.8;
}

#bottom .menu {
	float: left;
	width: 250px;
	margin-bottom: 20px;
}
#bottom .menu.last {
	width: 226px;
}
#bottom .menu h3 {
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#bottom .menu ul li {
	line-height: 2em;
}
#bottom .menu ul li a {
	color: #fff;
	font-size: 12px;
}
#bottom .menu ul li a:hover {
	color: #ededed;
}

#bottom .bottom-menu {
	// border-top: solid 1px #d2d2d3;
	// border-bottom: solid 1px #d2d2d3;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 0;
}
#bottom .bottom-menu ul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#bottom .bottom-menu ul li a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	color: #fff;
	padding: 11px 10px;
}
#bottom .bottom-menu ul li a:hover {
	color: #ededed;
}

#footer {
	padding: 10px 0 20px 0;
	text-align: center;
}

#footer .partners {
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: solid 1px #dbdbdb;
	text-align: center;
}
#footer .partners a {
	display: inline-block;
	*diplay: inline;
	zoom: 1;
	background: url('../img/partners.png') no-repeat;
	height: 87px;
	width: 118px;
	-webkit-transition: all .0s ease-in-out;	
	-moz-transition: all .0s ease-in-out;	
	-o-transition: all .0s ease-in-out;	
	-ms-transition: all .0s ease-in-out;	
	transition: all .0s ease-in-out;
	font-size: 0em;
	text-indent: -999999px;
	margin: 0 25px;
	background-size: 960px auto;
    transform: scale(0.66);
}

#footer .partners .bvb {
	background-position: 0 -87px;
}
#footer .partners .bvb:hover {
	background-position: 0 0;
}
#footer .partners .europe {
	background-position: -172px -87px;
	width: 122px;
}
#footer .partners .europe:hover {
	background-position: -172px 0;
}
#footer .partners .leader {
	background-position: -362px -87px;
	width: 77px;
}
#footer .partners .leader:hover {
	background-position: -362px 0;
}
#footer .partners .pays {
	background-position: -488px -87px;
	width: 180px;
}
#footer .partners .pays:hover {
	background-position: -488px 0;
}
#footer .partners .bourgogne {
	background-position: -727px -87px;
	width:115px;
}
#footer .partners .bourgogne:hover {
	background-position: -727px 0;
}

#footer p {
	font-size: 12px;
	color: #979798;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
.alignleft { display: inline;	float: left;	margin-right: 30px; }
.alignright { display: inline;	float: right;	margin-left: 30px; }
.aligncenter { clear: both;	display: block;	margin-left: auto;	margin-right: auto; }
.aligncenter img {
	display: block;
	width: 100%;
	height: auto;
}
.alignleft, .alignright, .aligncenter { margin-bottom: 18px; border: solid 1px #7f7f7f;}

@media only screen and (max-width: 1023px) { 
	.wrapper {
		width: 90%;
	}
	
	#header {
		height: 60px;
		margin-bottom: 0;
	}
	
	#logo {
		width: 170px;
		height: 108px;
		background-size: 91px 80px;
		float: none;
		margin: 0 auto -49px auto;
	}
	
	#top, #nav, #univers {
		display: none;
	}
	
	#slider {
		margin-top: 70px;
	}
	
	#mobile-nav-opener {
		background: url(../img/mobile-menu.png) no-repeat;
		width: 25px;
		height: 18px;
		background-size: 25px 18px;
		position: absolute;
		top: 20px;
		right: 5%;
		cursor: pointer;
		display: block;
	}
	
	#mobile-nav {
		display: block;
		width: 100%;
		background: #fff;
		font-family: 'Raleway', sans-serif;
	}
	#mobile-nav ul {
		display: none;
		padding-top: 58px;
		text-align: center;
	}
	#mobile-nav ul li {
		border-top: solid 1px #99999a;
		position: relative;
		display: block;
	}
	#mobile-nav ul li a {
		padding: 8px 5%;
		font-size: 18px;
		color: #222;
		display: block;
		outline: 0 none;
	}
	
	#mobile-nav ul ul li {
		border: 0;
		padding: 0 5%;
		position: relative;
	}
	#mobile-nav ul ul li:before {
		content: '';
		background: #99999a;
		width: 24px;
		height: 1px;
		left: 50%;
		margin-left: -12px;
		top: 0;
		position: absolute;
	}
	#mobile-nav ul ul {
		padding: 20px 0 20px 0;
		display: none;
		border-bottom: 0;
		background-color: #fff;
	}
	#mobile-nav ul ul li a {
		height: auto;
		line-height: normal;
		padding: 10px;
		display: block;
		text-transform: none;
		font-size: 14px;
		font-weight: normal;
		font-family: Arial, sans-serif;
		opacity: 0.66;
	}
	#mobile-nav ul ul li a:hover {
		opacity: 1;
	}
	
	#mobile-nav ul li em {
		position: absolute;
		top: 0;
		right: 0;
		line-height: 36px;
		height: 36px;
		width: 36px;
		text-align: center;
		color: #fff;
		font-style: normal;
		border-left: solid 1px #fff;
		cursor: pointer;
		font-size: 20px;
		z-index: 200;
		font-family: Arial;
	}
	#mobile-nav ul li em:before {
		content: '+';
	}
	#mobile-nav ul li em.active:before {
		content: '-';
	}
	
	#focus article {
		width: 210px;
		margin: 0 10px 60px 10px;
	}
	
	
	#content {
		padding-top: 70px;
	}
	#filter .next {
		margin: 7px;
	}
	#filter .prev {
		margin: 7px 20px; 
	}
	#filter {
		margin-bottom: 10px;
		height:35px;
	}
	#content h1 {
		font-size: 36px;
		margin-bottom: 10px;
		line-height: 1em;
	}
	#content h2,
	.opening h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	#content h3 {
		margin-bottom: 10px;
	}
	
	#content .box {
		width: 100%;
	}
	#content .box-bottom {
		text-align: center;
	}
	#content .share {
		float: none;
		height: auto;
		line-height: normal;
		padding-bottom: 20px;
	}
	#content .share span {
		display: block;
		padding-right: 0;
		padding-bottom: 4px;
	}
	#content .send {
		float: none;
	}
	
	#content .news h2 {
		font-size: 15px;
	}
	#content .news h4 {
		font-size: 12px;
	}
	#content .news h3 {
		display: none;
	}
	
	#content .gallery a .mask .tt {
		padding: 0 10px;
	}
	
	.form {
		width: 100%;
	}
	
	#content .share a {
		/* background: url(../img/social-mobile.png) no-repeat; */
		background-size: 95px 38px;
		width: 38px;
		height: 38px;
		margin: 0 10px;
		background-size: contain !important;
	}
	#content .share a.twitter {
		background-position: -50% 0;
	}
	
	#bottom .bottom-menu {
		font-size: 15px;
	}
	#bottom .social a {
		background-size: 40px 40px !important;
		height: 40px;
		width: 40px;
	}
	
	#bottom {
		padding: 5px 0 10px 0;
	}
	#bottom .menu {
		display: none;
	}
	#bottom .bottom-menu {
		border: 0;
		margin-bottom: 10px;
	}
	#bottom .bottom-menu ul li {
		display: block;
		padding: 0;
	}
	#bottom .bottom-menu ul li a {
		display: block;
		text-align: center;
		padding: 0;
		line-height: 2em;
	}
	#footer {
		padding-top: 0;
		padding-bottom: 20px;
	}
	#footer .partners {
		padding-top: 0;
		padding-bottom: 10px;
	}
	#footer .partners a {
		margin: 0 20px 20px 20px;
	}
	
	.alignleft, .alignright, .aligncenter {
		/* float: none !important; 
		display: block;
		margin: 0 0 18px 0; */
	}
	.alignleft img, .alignright img, .aligncenter img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	#content .gallery a,
	#content .gallery.partenaire a	{
		width: 14%;
	}
} 

@media only screen and (max-width: 767px) {
	
	#slider {
		padding-bottom: 30px;
	}
	#slider .mask {
		position: static;
	}
	#slider .slide::before {
		background: none;	
	}
	#slider .tt {
        padding-bottom: 20px;
    }
	#slider .slide .wrapper {
		width: 100%;
	}
	#slider .slide .box {
		width: 90%;
		padding: 6px 5%;
	}
	#slider .slide .box h1 {
		font-size: 18px;
        color: #222;
        text-shadow: none;
        padding: 6px 5%;
	}
	#slider .cycle-pager {
		bottom: 20px;
	}
	#slider .cycle-pager span {
		width: 7px;
		height: 7px;
		margin: 0 3px;
	}
	
	#focus {
		padding-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	#focus article {
		display: block;
		padding: 0;
		margin: 0 auto 30px auto;
		width:100%;
	}
	
	#content {
		margin-bottom: 15px;
		margin-top: 0;
	}
	#content h2,
	.opening h2 {
		font-size: 23px;
	}
	#content ul {
		padding-left: 20px;
	}
	#content-menu {
		padding: 5px 0 10px 0;
	}
	#content-menu ul {
		padding-left: 0;
	}
	#content-menu ul li {
		margin-right: 5px;
		margin-bottom: 10px;
	}
	#content-menu ul li a {
		font-size: 12px;
	}
	
	#content .search {
		margin-top: 30px;
	}
	#content .form {
		margin-top: 20px;
	}
	.form .btn {
		margin-top: 20px;
	}
	
	#content .news article {
		width: 100%;
		float: none !important;
		margin-bottom: 15px;
		margin-left: 0;
	}
	#content .news article img {
		width: 84px;
		height: auto;
		margin-right: 10px;
	}
	#content .news article aside {
		padding-right: 0;
	}
	#content .search article h4, #content .search article p {
		font-size: 12px;
	}
	
	#content .gallery {
		padding-bottom: 0;
	}

	.lb-data .lb-close {
		margin: 0 !important;
		position: relative;
		top: -5px;
	}
	
	
	
	.form {
		margin-bottom: 0;
	}
	.form .half {
		width: 100%;
		float: none !important;
		margin-bottom: 15px;
	}
	
	#contact {
		padding-bottom: 35px;
	}
	#contact h4 {
		margin-bottom: 18px;
	}
	#contact .row {
		margin-bottom: 0;
	}
	
	#map {
		height: 200px;
	}
	#content .box-bottom {
		padding-bottom: 0;
	}
	
	#footer {
		padding-bottom: 20px;
	}
	#footer .partners {
		margin-bottom: 10px;
	}
	#footer .partners a {
		background-size: 817px 148px;
		height: 74px;
		margin: 0 10px 10px 10px;
	}
	#footer .partners a.bvb {
		background-position: 0 -74px;
		width: 100px;
		margin-right: 20px;
	}
	#footer .partners a.bvb:hover {
		background-position: 0 0;
	}
	#footer .partners a.europe {
		background-position: -147px -74px;
		width: 103px;
		margin-right: 30px;
	}
	#footer .partners a.europe:hover {
		background-position: -147px 0;
	}
	#footer .partners a.leader {
		background-position: -308px -74px;
		width: 66px;
		margin-left: 30px;
		margin-right: 14px;
	}
	#footer .partners a.leader:hover {
		background-position: -308px 0;
	}
	#footer .partners a.pays {
		background-position: -415px -74px;
		width: 154px;
	}
	#footer .partners a.pays:hover {
		background-position: -415px 0;
	}
	#footer .partners .bourgogne {
		background-position: -618px -74px;
		width:166px;
	}
	#footer .partners .bourgogne:hover {
		background-position: -618px 0;
	}
	
	#footer p {
		font-size: 8px;
	}
	
	.alignleft, .alignright, .aligncenter {
		float: none !important; 
		display: block;
		margin: 0 0 18px 0;
	}
	
	#content .gallery a,
	#content .gallery.partenaire a {
		width: 18%;
	}
	
	.tinymce_image_width_part1,
	.tinymce_image_width_part2,
	.tinymce_image_width_part3,
	.tinymce_image_width_part4 { 
		float: none !important; 
		width: 100% !important;
		margin-right:0 !important; 
	}
	
	#content .mecene-categorie {
		width: 100%;		
	}
	#content .mecene-categorie-logos a.mecene-categorie-logos-item {
		width: calc(50% - 1rem);
	}
	#content .mecene-categorie-logos.mecene-categorie-2 a.mecene-categorie-logos-item {
		width: calc(33% - 1rem);
	}

} 

/* Images Retina */

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#footer .partners a {
    	background-image: url('../img/partners@2x.png');
	}
}


/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #4b4a4d;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: #4b4a4d;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 1px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);

}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 100%;
  text-align: center;
  line-height: 1.1em;
  padding-top: 7px;
}

.lb-data .lb-caption {
  font-size: 18px;
  line-height: 1em;
  text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	color: #fff;
}

.lb-data .lb-number {
	display: none !important;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url('../img/icon-close.svg');
  background-size: 30px 30px;
  text-align: right;
  outline: none;
  cursor: pointer;
  margin-right: -33px;
}
.no-svg .lb-data .lb-close {
  background: url('../img/icon-close.png') top right no-repeat;
}



/**** ajouts ****/
#sendmessage {
	background:#DFF2BF;
	border:1px solid #4F8A10;
	color:#4F8A10;
	padding:15px 12px 15px 65px;
	margin:10px 0;
}
#errormessage {
	background:#ffc9c9;
	border:1px solid #cd1b1b;
	color:#cd1b1b;
	padding:15px 12px 15px 65px;
	margin:10px 0;
}

/* TinyMCE */

.tinymce_image_margin {
	margin: 0 30px 20px 0;
	box-sizing: border-box;
}

.tinymce_image_width_part1 { width: 25%;float: left;border: 1px solid #7f7f7f; }
.tinymce_image_width_part2 { width: 50%;float: left;border: 1px solid #7f7f7f; }
.tinymce_image_width_part3 { width: 75%;float: left;border: 1px solid #7f7f7f; }
.tinymce_image_width_part4 { width: 100%;float: left;border: 1px solid #7f7f7f;margin-right:0; }

.tinymce_video_width_part1 { width: 25%;float: left;margin-right: 20px; }
.tinymce_video_width_part2 { width: 50%;float: left;margin-right: 20px; }
.tinymce_video_width_part3 { width: 75%;float: left;margin-right: 20px; }
.tinymce_video_width_part4 { width: 100%;float: left; }

.spacer {
	clear:both;
	height:20px;
}


.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope {
    transition-property: height, width;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    transition-duration: 0s;
}


.fancybox-skin .fancybox-title .child {
	font-family: "Raleway",sans-serif;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
	font-weight: normal;
	background: none;
}
.fancybox-skin .fancybox-close {
	background: rgba(0, 0, 0, 0) url("../../img/icon-close.svg") repeat scroll 0 0 / 30px 30px;
	right: -30px;
	top: -30px;
	width: 30px;
	height: 30px;
}

#inline_search,
#inline_newsletter,
#inline_ami {
	position: relative;
	width: 822px;	
	height: 70px;
	font-size: 36px;
	overflow: hidden;
	background: none;
}
#inline_search input[type=text],
#inline_newsletter input[type=text],
#inline_ami input[type=text] {
	position: absolute;
	width: 100%;	
	padding: 7px 20px 7px 20px;
	font-family: "Raleway",sans-serif;
	height: 70px;
	box-sizing: border-box;
	border:none;
	font-size: 28px;
}
#inline_search input[type=submit],
#inline_newsletter input[type=submit],
#inline_ami input[type=submit] {
	position: absolute;
	right: 0;
	top: 1px;
	height: 45px;
	box-sizing: content-box;
	padding: 7px 20px;
	border: 1px solid #f0f0f0;
	background-color: #f9f9f9;
	font-family: "Raleway",sans-serif;
	display: none;
}

/*

    TIMELINE

*/

.timeline {
    box-sizing: border-box;
    position: relative;
    padding: 10px 0;
    width: 80%;
}
.timeline::before {
    content:"";
    position: absolute;
    display: block;
    background-color: #b4883b;
    width: 20px;
    height: 2px;
}
.timeline:nth-child(odd) {
    margin: 0 0 0 50%;
    border-left: 1px solid #ccc;
    padding-left: 1rem;
    width: 40%;
}
.timeline:nth-child(odd)::before {
    left: -10px;
    top: 0;
}
.timeline:nth-child(even) {
	margin: 0 0 0 10%;
    border-right: 1px solid #ccc;
    padding-right: 1rem;
    width: calc(40% + 1px);
}
.timeline:nth-child(even)::before {
    right: -10px;
    top: 0
}


.timeline img {
    width: 50%;
    margin-bottom: 10px;
}
#content .timeline *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .timeline:nth-child(odd),
    .timeline:nth-child(even) {
        width: 100%;
        margin: 0;
    }
    .timeline:nth-child(even) {
        border-right: none;
        border-left: 1px solid #ccc;
         padding-right: 0;
         padding-left: 1rem;
    }
    .timeline:nth-child(even)::before {
        left: -10px;
        top: 0
    }
}

.opening {
	text-align: center;
	background-color: #eee;
	padding: 5px;
}

#newsletter {
	text-align: center;
}
#newsletter h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #b4883b;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}
#newsletter p {
	margin: 20px 0;
}
#newsletter label {
	font-style: italic;
	font-size: 12px;
}
#newsletter input.txt {
	width: 50%;
	margin-right: 30px;
	border: solid 1px #dbdbdb;
	padding: 9px 12px;
	font: 18px Arial, Helvetica, sans-serif;
	outline: 0 none;
	background: #f7f7f7; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 33%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(33%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 33%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 33%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 33%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 33%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}