body {
	font-family:'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:26px;
	background:#fff;
	color:#000;
}

@media screen and (max-width: 1140px) {
body {
    font-size:28px;
	line-height:36px;
  }
}

.space {
	display:none;
	clear:both;
	height:60px;
}

@media screen and (max-width: 1140px) {
.space {
    display:block;
  }
}

.clear {
	display:block;
	clear:both;
}

.logo-tournee {
	display:block;
	position:fixed;
	width:400px;
	height:313px;
	z-index:200;
	top:80px;
	left:50%;
	margin-left:-200px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

.logo-tournee img {
	width:100%;
}

.logo-tournee-reduit {
	display:block;
	position:fixed;
	width:240px;
	height:117px;
	z-index:1200;
	top:-200px;
	left:30px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

.logo-tournee-reduit img {
	width:100%;
}

.menu-principal {
	display:block;
	position:fixed;
	z-index:1000;
	height:80px;
	width:100%;
	top:0;
	right:0;
	background:#fff;
}

.menu-principal a {
	text-decoration:none;
	color:inherit;
}

.lien-menu {
	display:block;
	height:80px;
	float:right;
	font-weight:700;
	font-size:18px;
	line-height:80px;
	text-transform:uppercase;
	box-sizing: border-box;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
	cursor:pointer;
}

@media screen and (max-width: 1140px) {
.lien-menu {
    font-size:50px;
  }
}

.home {
	width:100px;
	background:url("/img/icon-home.png") no-repeat;
	background-size:29px 40px;
	background-position: top 18px left 0px;
	padding:0 0 0 40px;
	margin:0 15px 0 0;
}

@media screen and (max-width: 1140px) {
.home {
    width:200px;
  }
}

.home:hover {
	color:#4b84ff;
	background-image:url("/img/icon-home-hover.png");
}

.articles {
	width:140px;
	background:url("/img/icon-voiture.png") no-repeat;
	background-size:47px 40px;
	background-position: top 22px left 0px;
	padding:0 0 0 55px;
	margin:0 15px 0 0;
}

@media screen and (max-width: 1140px) {
.articles {
    width:280px;
  }
}

.articles:hover {
	color:#e1001a;
	background-image:url("/img/icon-voiture-hover.png");
}

.articles-active {
	color:#e1001a;
	background-image:url("/img/icon-voiture-hover.png");
}

.brasserie {
	width:160px;
	background:url("/img/icon-beer.png") no-repeat;
	background-size:36px 40px;
	background-position: top 20px left 0px;
	padding:0 0 0 45px;
	margin:0 30px 0 0;
}

.brasserie:hover {
	color:#4b84ff;
	background-image:url("/img/icon-beer-hover.png");
}

h1.titre-page {
	display:block;
	width:500px;
	text-align:left;
	font-weight:700;
	font-size:40px;
	line-height:40px;
	color:#4b84ff;
	padding:0 0 0 15px;
	box-sizing: border-box;
}

.page {
	display:block;
	width:960px;
	margin:0 auto;
	margin-top:140px;
}

@media screen and (max-width: 1140px) {
.page {
    margin-top:200px;
  }
}

.presentation {
	display:block;
	width:100%;
	margin-top:400px;
	margin-bottom:30px;
}

.presentation video {
	display:block;
	width:100%;
	margin:0 auto;
}

.presentation p {
	display:block;
	width:800px;
	margin:0 auto;
	text-align:center;
	font-size:20px;
	line-height:24px;
	color:#000;
	padding-bottom:40px;
	margin-top:20px;
}

@media screen and (max-width: 1140px) {
.presentation p {
    font-size:30px;
	line-height:34px;
  }
}

.bandeau {
	display:block;
	width:900px;
	margin:0 auto;
}

.bandeau p {
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:32px;
	box-sizing:border-box;
}

@media screen and (max-width: 1140px) {
.bandeau p {
    font-size:34px;
	line-height:42px;
  }
}

.bandeau p span {
	display:block;
	width:100%;
	font-size:40px;
	line-height:40px;
	font-weight:700;
	margin-bottom:20px;
	color:#4b84ff;
}

@media screen and (max-width: 1140px) {
.bandeau p span {
    font-size:50px;
	line-height:50px;
  }
}

.bandeau h2 {
	display:block;
	width:100%;
	font-size:40px;
	line-height:40px;
	font-weight:700;
	color:#4b84ff;
	margin:40px 0 15px 0;
	text-align:center;
}

@media screen and (max-width: 1140px) {
.bandeau h2 {
    font-size:50px;
	line-height:50px;
  }
}

.bandeau .voir-tous {
	display:block;
	width:235px;
	height:120px;
	margin:0 auto;
	margin-top:10px;
	background:url("/img/voir-tous-les-articles-lent.gif") no-repeat;
	background-size:contain;
}

@media screen and (max-width: 1140px) {
.bandeau .voir-tous {
    width:270px;
	height:138px;
  }
}

.bandeau .voir-tous:hover {
	background:url("/img/voir-tous-les-articles-rapide.gif") no-repeat;
	background-size:contain;
}

.bandeau .savoir-plus {
	display:block;
	width:235px;
	height:38px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:40px;
	background:url("/img/en-savoir-plus-lent.gif") no-repeat;
	background-size:contain;
}

@media screen and (max-width: 1140px) {
.bandeau .savoir-plus {
    width:270px;
	height:44px;
  }
}

.bandeau .savoir-plus:hover {
	background:url("/img/en-savoir-plus-rapide.gif") no-repeat;
	background-size:contain;
}

.bandeau .thumb-article {
	display:block;
	width:430px;
	float:left;
	margin:15px 10px 15px 10px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

.bandeau .thumb-article a {
	text-decoration:none;
	color:inherit;
}

.bandeau .thumb-article .last-article {
	display:block;
	width:100%;
	float:left;
	padding:14px;
	box-sizing: border-box;
}

.bandeau .thumb-article .last-article img {
	display:block;
	width:100%;
	float:left;
}

.bandeau .thumb-article .last-article .infos {
	display:block;
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:10px 10px 0 10px;
}

.bandeau .thumb-article a.decouvrir {
	display:block;
	float:right;
	text-align:center;
	background:#4b84ff;
	font-size:14px;
	line-height:14px;
	margin:20px 0 0 0;
	padding:10px 20px 10px 20px;
	color:#fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

@media screen and (max-width: 1140px) {
.bandeau .thumb-article a.decouvrir {
    font-size:26px;
	line-height:26px;
	float:none;
	margin-top:30px;
  }
}

.bandeau .thumb-article a.decouvrir:hover {
	background:#e1001a;
	padding:10px 30px 10px 30px;
	color:#fff;
	cursor:pointer;
}

.bandeau .thumb-article .infos h3 {
	display:block;
	width:100%;
	font-family:'Playfair Display', sans-serif;
	font-weight:900;
	font-size:28px;
	line-height:32px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

@media screen and (max-width: 1140px) {
.bandeau .thumb-article .infos h3 {
    font-size:38px;
	line-height:42px;
  }
}

.bandeau .thumb-article .infos p {
	display:block;
	width:100%;
	margin-top:16px;
	font-size:16px;
	line-height:20px;
	color:#aaa;
	text-align:left;
}

@media screen and (max-width: 1140px) {
.bandeau .thumb-article .infos p {
    font-size:26px;
	line-height:30px;
  }
}

.bandeau .thumb-article:hover {
	background:url("/img/pattern-2.png") repeat #f6e8e0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}

.bandeau .thumb-article .last-article:hover h3, .thumb-article .last-article.hover h3 { 
	color:#e1001a;
}

.bandeau .thumb-article .last-article:hover p, .thumb-article .last-article.hover p { 
	color:#000;
}

.bandeau .thumb-article .last-article:hover a.decouvrir, .thumb-article .last-article.hover a.decouvrir { 
	padding:10px 30px 10px 30px;
}

.full-soutien-presse {
	display:block;
	width:100%;
	background:url("/img/pattern-bleu.png") repeat #4b84ff;
	padding:40px 0 40px 0;
	margin-top:60px;
}

.soutien {
	display:block;
	float:left;
	width:320px;
	height:450px;
	padding:24px;
	margin:15px 10px 15px 100px;
	box-sizing:border-box;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media screen and (max-width: 1140px) {
.soutien  {
	width:430px;
	height:auto;
	margin:15px 0 15px 0;
  }
}

.soutien img {
	display:block;
	width:176px;
	margin:0 auto;
	margin-bottom:20px;
}

@media screen and (max-width: 1140px) {
.soutien img  {
	width:200px;
	margin-bottom:20px;
  }
}

.soutien h3 {
	font-size:28px;
	line-height:28px;
	font-weight:700;
	margin:0 0 15px 0;
	color:#4b84ff;
	text-align:center;
}

@media screen and (max-width: 1140px) {
.soutien h3  {
    font-size:38px;
	line-height:38px;
  }
}

.soutien p {
	text-align:center;
	font-size:16px;
	line-height:20px;
}

@media screen and (max-width: 1140px) {
.soutien p  {
    font-size:26px;
	line-height:30px;
  }
}

.soutien a {
	display:block;
	width:240px;
	margin:0 auto;
	margin-top:26px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: 0.2s;
	cursor:pointer;
}

@media screen and (max-width: 1140px) {
.soutien a  {
	width:340px;
	margin-top:36px;
  }
}

.soutien a:hover {
	-webkit-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.66);
	box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.66);
}

.soutien a img {
	display:block;
	width:240px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

@media screen and (max-width: 1140px) {
.soutien a img  {
	width:340px;
  }
}

.presse {
	display:block;
	float:left;
	width:320px;
	height:auto;
	padding:24px;
	margin:15px 10px 15px 40px;
	box-sizing:border-box;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media screen and (max-width: 1140px) {
.presse  {
	width:430px;
    height:auto;
	margin:15px 0 15px 40px;
  }
}

.presse img {
	display:block;
	width:176px;
	margin:0 auto;
	margin-bottom:20px;
}

@media screen and (max-width: 1140px) {
.presse img  {
	width:200px;
	margin-bottom:20px;
  }
}

.presse h3 {
	font-size:28px;
	line-height:28px;
	font-weight:700;
	margin:0 0 15px 0;
	color:#4b84ff;
	text-align:center;
}

@media screen and (max-width: 1140px) {
.presse h3  {
    font-size:38px;
	line-height:38px;
  }
}

.presse p {
	text-align:center;
	font-size:16px;
	line-height:20px;
}

@media screen and (max-width: 1140px) {
.presse p  {
    font-size:26px;
	line-height:30px;
  }
}

.presse a.lien-presse {
	display:block;
	width:272px;
	margin:0 auto;
	padding:5px;
	box-sizing:border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: 0.2s; /* For Safari 3.1 to 6.0 */
	transition: 0.2s;
	cursor:pointer;
	color:#aaa;
}

@media screen and (max-width: 1140px) {
.presse a.lien-presse  {
    width:380px;
  }
}

.presse .lien-presse:hover {
	-webkit-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.66);
	box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.66);
}

.presse .lien-presse img {
	display:block;
	width:72px;
	float:left;
	margin:0;
}

@media screen and (max-width: 1140px) {
.presse .lien-presse img  {
    width:100px;
  }
}

.presse .lien-presse p {
	display:block;
	width:180px;
	float:left;
	margin:0;
	text-align:left;
	box-sizing:border-box;
	padding:0 0 0 20px;
}

@media screen and (max-width: 1140px) {
.presse .lien-presse p {
    width:260px;
  }
}

.presse .lien-presse p span {
	font-size:18px;
	line-height:18px;
	margin:6px 0 0 0;
	text-align:left;
	color:#000;
}

@media screen and (max-width: 1140px) {
.presse .lien-presse p span  {
    font-size:28px;
	line-height:28px;
  }
}

.full-bandeau {
	display:block;
	width:100%;
	background:url("/img/pattern.png") repeat #f6e8e0;
	padding:40px 0 40px 0;
	margin-top:20px;
}

.full-bandeau h1 {
	text-align:center;
	font-family:'Playfair Display', sans-serif;
	font-weight:900;
	font-size:50px;
	line-height:50px;
	color:#e1001a;
}

@media screen and (max-width: 1140px) {
.full-bandeau h1 {
    font-size:60px;
	line-height:60px;
  }
}

.nav-carte {
	display:block;
	width:960px;
	margin:0 auto;
	margin-top:40px;
}

.carte-spots {
	dislay:block;
	width:500px;
	height:527px;
	background:url("/img/carte-france-nav-01.png") no-repeat;
	background-size:contain;
	float:left;
}

@media screen and (max-width: 1140px) {
.carte-spots {
    float:none;
	margin:0 auto;
  }
}

.spot {
	display:block;
	position:relative;
	width:24px;
	height:24px;
	background-color:#d5c4bc;
	/* background-color:#4b84ff; */
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	-webkit-transition: 0.2s; /* For Safari 3.1 to 6.0 */
	transition: 0.2s;
	cursor:pointer;
}

.spot:hover {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

.papillon {
	top:340px;
	left:130px;
	z-index:1;
	background-color:#4b84ff;
}

.sabotage {
	top:400px;
	left: 210px;
	z-index:2;
	background-color:#4b84ff;
}

.drapeau-rouge {
	top:370px;
	left: 320px;
	z-index:3;
	background-color:#4b84ff;
}

.dulion {
	top:250px;
	left: 355px;
	z-index:40;
	background-color:#4b84ff;
}

.ninkasi {
	top:195px;
	left: 365px;
	z-index:45;
	display:block;
	background-color:#4b84ff;
}

.two-dudes {
	top:138px;
	left: 370px;
	z-index:50;
	background-color:#4b84ff;
}

.vignoble {
	top:30px;
	left: 425px;
	z-index:60;
	background-color:#4b84ff;
}

.piggy {
	top:-35px;
	left: 415px;
	z-index:70;
	background-color:#4b84ff;
}

.thibord {
	top:-15px;
	left: 350px;
	z-index:80;
	background-color:#4b84ff;
}

.fauve {
	top:-85px;
	left: 274px;
	z-index:90;
	background-color:#4b84ff;
}

.singe-savant {
	top:-190px;
	left: 280px;
	z-index:100;
}

.duchmann {
	top:-175px;
	left: 250px;
	z-index:105;
}

.berouinette {
	top:-175px;
	left: 175px;
	z-index:110;
}

.skumenn {
	top:-155px;
	left: 110px;
	z-index:120;
}

.istribilh {
	top:-185px;
	left: 30px;
	z-index:13;
}

.aerofab {
	top:-147px;
	left: 113px;
	z-index:140;
}

.manufacture {
	top:-125px;
	left: 173px;
	z-index:150;
}

.bram {
	top:-105px;
	left: 220px;
	z-index:16;
}

.ouche {
	top:-178px;
	left: 275px;
	z-index:170;
}

.brass-band {
	top:-150px;
	left: 285px;
	z-index:180;
	background-color:#4b84ff;
}

.spot img {
	display:block;
	width:100%;
}

.carte-panneaux {
	display:block;
	width:460px;
	float:left;
	padding:0 0 0 40px;
	box-sizing:border-box;
}

@media screen and (max-width: 1140px) {
.carte-panneaux {
	width:900px;
    float:none;
	margin:0 auto;
	margin-top:30px;
  }
}

.panneau {
	display:block;
	width:190px;
	float:left;
	margin:5px 0 0 20px;
	height:50px;
	box-sizing:border-box;
	background:url("/img/panneau-marron.png") no-repeat;
	background-size:contain;
	text-decoration:none;
	font-size:18px;
	line-height:50px;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
	-webkit-transition: 0.2s; /* For Safari 3.1 to 6.0 */
	transition: 0.2s;
	cursor:pointer;
}

.panneau-papillon {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-brass-band {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-sabotage {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-drapeau-rouge {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-dulion {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-ninkasi {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-two-dudes {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-vignoble {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-piggy {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-thibord {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

.panneau-fauve {
	box-sizing:border-box;
	background:url("/img/panneau-bleu.png") no-repeat;
	background-size:contain;
}

@media screen and (max-width: 1140px) {
.panneau {
	width:260px;
	height:68px;
	margin:10px;
	font-size:26px;
	line-height:68px;
  }
}


.panneau:hover {
	background:url("/img/panneau-marron.png") no-repeat;
	background-size:contain;
	cursor:pointer;
}

.rappel {
	display:block;
	width:960px;
	margin:0 auto;
	text-align:center;
	padding:30px;
	box-sizing: border-box;
	background:url("/img/pattern-2.png") repeat #f6e8e0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media screen and (max-width: 1140px) {
.rappel {
    width:900px;
  }
}


.rappel h3 {
	font-family:'Playfair Display', sans-serif;
	font-weight:900;
	font-size:44px;
	line-height:44px;
	color:#e1001a;
	margin:10px 0 20px 0;
}

@media screen and (max-width: 1140px) {
.rappel h3 {
    font-size:54px;
	line-height:54px;
  }
}


.bullets p {
	display:block;
	width:296px;
	float:left;
	padding:30px;
	box-sizing:border-box;
	font-size:26px;
	line-height:28px;
	margin:0;
	font-weight:700;
	color:#e1001a;
}

@media screen and (max-width: 1140px) {
	.rappel .bullets p {
		display:block;
		width:276px;
		float:left;
		padding:30px;
		box-sizing:border-box;
		font-size:34px;
		line-height:36px;
		margin:0;
		font-weight:700;
		color:#e1001a;
	}
}

@media screen and (max-width: 1140px) {
.bullets p {
    font-size:34px;
	line-height:36px;
  }
}

.bullets img {
	display:block;
	width:140px;
	margin:0 auto;
	margin-bottom:20px;
}

.nav {
	display:block;
	width:700px;
	margin:30px 0 0 0;
}

.nav a {
	display:block;
	width:300px;
	height:60px;
	font-weight:700;
	font-size:24px;
	line-height:24px;
	text-transform:uppercase;
	box-sizing: border-box;
	-webkit-transition: 0.2s; /* For Safari 3.1 to 6.0 */
	transition: 0.2s;
	color:inherit;
	text-decoration:none;
}

@media screen and (max-width: 1140px) {
.nav a {
    font-size:34px;
	line-height:34px;
  }
}

.nav a.previous {
	float:left;
	background:url("/img/icon-fleche-prev.png") no-repeat;
	background-size:70px 26px;
	background-position: top 0px left 0px;
	padding:0 0 0 84px;
	margin:0 0 0 10px;
}

.nav a.previous:hover {
	margin:0 0 0 0;
	cursor:pointer;
}

.nav a.next {
	float:right;
	text-align:right;
	background:url("/img/icon-fleche.png") no-repeat;
	background-size:70px 26px;
	background-position: top 0px right 0px;
	padding:0 80px 0 0;
	margin:0 10px 0 0;
}

.nav a.next:hover {
	margin:0 0 0 0;
	cursor:pointer;
}

.full {
	display:block;
	width:100%;
	background:#fff;
	margin:80px 0 0 0;
}

.qui-sommes-nous {
	display:block;
	width:880px;
	margin:0 auto;
	margin-top:40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#000;
	padding:40px 40px 50px 40px;
	box-sizing:border-box;
	text-align:left;
	background:url("/img/pattern-2.png") repeat #f6e8e0;
}

@media screen and (max-width: 1140px) {
.qui-sommes-nous {
    width:900px;
  }
}


.qui-sommes-nous h3 {
	font-size:40px;
	line-height:40px;
	font-weight:700;
	margin:0 0 15px 0;
	color:#e1001a;
}

@media screen and (max-width: 1140px) {
.qui-sommes-nous h3 {
    font-size:50px;
	line-height:50px;
  }
}

.qui-sommes-nous p {
	text-align:left;
	font-size:20px;
	line-height:26px;
}

@media screen and (max-width: 1140px) {
.qui-sommes-nous p {
    font-size:30px;
	line-height:36px;
  }
}

.qui-sommes-nous .rs {
	text-align:left;
	display:block;
	margin-top:20px;
}

.qui-sommes-nous .rs a {
	display:inline-block;
	width:50px;
	margin:0 10px 0 0;;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

.qui-sommes-nous .rs a img {
	display:inline-block;
	width:100%;
}

.qui-sommes-nous .rs a:hover {
	display:inline-block;
	width:50px;
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

.contenu {
	display:block;
	width:700px;
	float:left;
}

@media screen and (max-width: 1140px) {
.contenu {
    width:900px;
	margin:0 auto;
	float:none;
  }
}

.sidebar {
	display:block;
	width:200px;
	float:left;
	margin-left:60px;
}

@media screen and (max-width: 1140px) {
.sidebar {
    width:700px;
	float:none;
	margin:0 auto;
	text-align:center;
  }
}

.sidebar .last {
	display:block;
	width:100%;
}

.sidebar  img {
	display:block;
	width:100%;
}

@media screen and (max-width: 1140px) {
	.sidebar  img {
		width:300px;
		margin:0 auto;
		margin-top:60px;
		margin-bottom:10px;
	}
}

@media screen and (max-width: 1140px) {
	.partenaires {
		display:inline-block;
		width:240px;
		text-align:center;
		margin:0 20px 0 20px;
	}
}

@media screen and (max-width: 1140px) {
	.partenaires img{
		display:inline-block;
		width:240px;
		text-align:center;
		margin:20px 0 0 0;
	}
}

.image-titre {
	margin:50px 0 15px 0;
}

.sidebar-brasserie {
	display:block;
	margin:50px 0 15px 0;
	width:100%;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:20px 10px 20px 10px;
	box-sizing: border-box;
	text-align:center;
	color:#e1001a;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

.sidebar-brasserie:hover {
	background:#f6e8e0;
}

.sidebar-brasserie a {
	display:inline-block;
	padding:4px 12px 4px 12px;
	background:#4b84ff;
	color:#fff;
	font-size:14px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

@media screen and (max-width: 1140px) {
.sidebar-brasserie a {
    font-size:24px;
  }
}

.sidebar-brasserie a:hover {
	cursor:pointer;
	background:#e1001a;
	padding:4px 18px 4px 18px;
}

.anim-etiquettes {
	display:block;
	width:100%;
	margin:20px 0 20px 0;
}

.sidebar-brasserie h3 {
	font-size:24px;
	line-height:26px;
	font-weight:700;
}

@media screen and (max-width: 1140px) {
.sidebar-brasserie h3 {
    font-size:34px;
	line-height:36px;
  }
}

.sidebar .voir-tous {
	display:block;
	margin:50px 0 15px 0;
	width:200px;
	height:102px;
	background:url("/img/voir-tous-les-articles-lent.gif") no-repeat;
	background-size:contain;
}

@media screen and (max-width: 1140px) {
.sidebar .voir-tous {
    width:340px;
	height:174px;
	margin:0 auto;
	margin-top:60px;
	margin-bottom:20px;
  }
}

.sidebar .voir-tous:hover {
	background:url("/img/voir-tous-les-articles-rapide.gif") no-repeat;
	background-size:contain;
}

.sidebar .rs {
	text-align:center;
}

.sidebar .rs a {
	display:inline-block;
	width:50px;
	margin:0 5px 0 5px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

@media screen and (max-width: 1140px) {
.sidebar .rs a {
    width:100px;
  }
}

.sidebar .rs a:hover {
	display:inline-block;
	margin:0 5px 0 5px;
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

.sidebar .rs img {
	display:inline-block;
	width:100%;
	margin:0 5px 0 5px;
}

.sidebar .last .last-article {
	display:block;
	width:100%;
	margin-top:30px;
	box-sizing:border-box;
}

.sidebar .last .last-article  img {
	display:block;
	width:100%;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

.sidebar .last h2 {
	display:block;
	width:100%;
	margin-top:10px;
	font-weight:700;
	font-size:24px;
	line-height:24px;
}

@media screen and (max-width: 1140px) {
.sidebar .last h2 {
    font-size:34px;
	line-height:34px;
  }
}

.sidebar .last .last-article h3 {
	display:block;
	width:100%;
	margin-top:10px;
	font-family:'Playfair Display', sans-serif;
	font-weight:900;
	font-size:20px;
	line-height:24px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

@media screen and (max-width: 1140px) {
.sidebar .last .last-article h3 {
    font-size:50px;
	line-height:54px;
	margin-top:20px;
	margin-bottom:20px;
  }
}

.sidebar .last .last-article:hover {
	cursor:pointer;
}
.sidebar .last-article:hover h3, .sidebar .last-article.hover h3 { 
	color:#e1001a;
}

.sidebar .last-article:hover img, .sidebar .last-article.hover img { 
-moz-transform: scale(0.9) rotate(-3deg);
-webkit-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}

.sidebar p {
	display:block;
	width:100%;
	margin-top:10px;
	font-size:14px;
	line-height:18px;
	color:#aaa;
}

@media screen and (max-width: 1140px) {
.sidebar p {
    font-size:34px;
	line-height:40px;
  }
}

.contenu .thumb-article {
	display:block;
	width:700px;
	float:left;
	margin:15px 0 15px 0;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

@media screen and (max-width: 1140px) {
.contenu .thumb-article {
    width:100%;
  }
}

.contenu .thumb-article a {
	text-decoration:none;
	color:inherit;
}

.contenu .thumb-article .last-article {
	display:block;
	width:100%;
	float:left;
	padding:14px;
	box-sizing: border-box;
}

.contenu .thumb-article .last-article img {
	display:block;
	width:350px;
	float:left;
}


.contenu .thumb-article .last-article .infos {
	display:block;
	width:292px;
	float:left;
	margin:0 0 0 30px;
}

@media screen and (max-width: 1140px) {
.contenu .thumb-article .last-article .infos {
    width:480px;
  }
}

.contenu .thumb-article a.decouvrir {
	display:block;
	float:right;
	text-align:center;
	background:#4b84ff;
	font-size:14px;
	line-height:14px;
	margin:20px 0 0 0;
	padding:10px 20px 10px 20px;
	color:#fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

@media screen and (max-width: 1140px) {
.contenu .thumb-article a.decouvrir {
    font-size:24px;
	line-height:34px;
	margin-top:40px;
	float:left;
  }
}

.contenu .thumb-article a.decouvrir:hover {
	background:#e1001a;
	padding:10px 30px 10px 30px;
	color:#fff;
	cursor:pointer;
}

.contenu .thumb-article .infos h3 {
	display:block;
	width:100%;
	font-family:'Playfair Display', sans-serif;
	font-weight:900;
	font-size:28px;
	line-height:32px;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

@media screen and (max-width: 1140px) {
.contenu .thumb-article .infos h3 {
    font-size:38px;
	line-height:42px;
  }
}

.contenu .thumb-article .infos p {
	display:block;
	width:100%;
	margin-top:16px;
	font-size:16px;
	line-height:20px;
	color:#aaa;
}

@media screen and (max-width: 1140px) {
.contenu .thumb-article .infos p {
    font-size:26px;
	line-height:30px;
  }
}

.contenu .thumb-article:hover {
	background:url("/img/pattern-2.png") repeat #f6e8e0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}

.contenu .thumb-article .last-article:hover h3, .thumb-article .last-article.hover h3 { 
	color:#e1001a;
}

.contenu .thumb-article .last-article:hover p, .thumb-article .last-article.hover p { 
	color:#000;
}

.contenu .thumb-article .last-article:hover a.decouvrir, .thumb-article .last-article.hover a.decouvrir { 
	padding:10px 30px 10px 30px;
}

h1.titre-principal {
	display:block;
	width:100%;
	text-align:center;
	font-family:'Playfair Display', sans-serif;
	font-weight:900;
	font-size:60px;
	line-height:64px;
	margin-bottom:10px;
	color:#e1001a;
}

@media screen and (max-width: 1140px) {
h1.titre-principal {
	width:700px;
	margin:0 auto;
    font-size:70px;
	line-height:74px;
	margin-bottom:10px;
  }
}

.etape {
	display:block;
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:700;
	margin-bottom:40px;
}

@media screen and (max-width: 1140px) {
.etape {
   font-size:34px;
	line-height:40px;
	width:700px;
	margin:0 auto;
	margin-bottom:40px;
  }
}

.exergue {
	display:block;
	width:700px;
	font-size:24px;
	line-height:30px;
	color:#000;
}

@media screen and (max-width: 1140px) {
.exergue {
    font-size:34px;
	line-height:40px;
	width:900px;
	margin:0 auto;
	text-align: center;
  }
}

.video-article {
	display:block;
	wdth:960px;
	margin-top:40px;
	margin-bottom:40px;
	padding:30px;
	box-sizing: border-box;
	background:url("/img/pattern-2.png") repeat #f6e8e0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.video-article iframe {
	display:block;
	wdth:700px;
	margin:0 auto;
	margin-bottom:50px;
}

.video-article .exergue {
	display:block;
	width:340px;
	font-size:16px;
	line-height:18px;
	color:#000;
	float:left;
}

@media screen and (max-width: 1140px) {
.video-article .exergue {
    font-size:26px;
	line-height:28px;
  }
}


.video-article .exergue img {
	display:block;
	width:140px;
	margin:0 0 25px 0;
}

.video-article .recap {
	display:block;
	width:180px;
	float:left;
	text-align:center;
	margin:0 0 0 0;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	font-weight:700;
	padding:0 30px 0 30px;
	box-sizing: border-box;
}

@media screen and (max-width: 1140px) {
.video-article .recap {
    font-size:24px;
	line-height:26px;
  }
}

.video-article .recap img {
	display:block;
	width:80px;
	margin:0 auto;
	margin-bottom:15px;
}

.video-article .recap a {
	display:block;
	width:100%;
	margin:4px 0 0 0;
	color:#e1001a;
	text-decoration:none;
	font-size:16px;
	line-height:16px;
	text-transform:none;
}

@media screen and (max-width: 1140px) {
.video-article .recap a {
    font-size:26px;
	line-height:36px;
  }
}

.video-article .recap span {
	display:block;
	width:100%;
	margin:4px 0 0 0;
	color:#e1001a;
	text-decoration:none;
	font-size:30px;
	line-height:30px;
	text-transform:none;
}

@media screen and (max-width: 1140px) {
.video-article .recap span {
    font-size:40px;
	line-height:40px;
  }
}

.content-article {
	display:block;
	width:700px;
}

@media screen and (max-width: 1140px) {
.content-article {
    width:900px;
	margin:0 auto;
  }
}

.content-article div {
	display:block;
	width:100%;
}

.content-article img {
	display:block;
	width:100%;
	margin:0;
}

.content-article b {
	font-weight:700;
}

.content-article i {
	font-style: italic;
}

.content-article u {
	text-decoration:underline;
}

.content-article ol {
	list-style-type:disc;
	margin:0 0 0 20px;
}

.content-article ul {
	list-style-type:square;
	color:#aaa;
	margin:0 0 0 60px;
}

.content-article blockquote {
	display:block;
	text-align:center;
	box-sizing:border-box;
	padding:30px;
	background:url("/img/pattern-2.png") repeat #f6e8e0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family:'Playfair Display', sans-serif;
	font-weight:700;
	font-size:24px;
	line-height:30px;
	margin:20px 0 20px 0;
	color:#000;
}

@media screen and (max-width: 1140px) {
.content-article blockquote {
    font-size:34px;
	line-height:40px;
  }
}

.content-article a {
  background:
    linear-gradient(
      to bottom, #a9c3fd 0%,
      #a9c3fd 100%
    );
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 4px 6px;
  color: #000;
  text-decoration: none;
  transition: background-size ease-in-out .3s;
}

.content-article a:hover {
  background-size: 4px 50px;
}

.content-article h1 {
	text-align:left;
	font-family:'Playfair Display', sans-serif;
	font-weight:900;
	font-size:44px;
	line-height:44px;
	color:#e1001a;
}

@media screen and (max-width: 1140px) {
.content-article h1 {
    font-size:54px;
	line-height:54px;
  }
}

.content-article h2 {
	text-align:left;
	font-weight:700;
	font-size:30px;
	line-height:30px;
	color:#4b84ff;
}

@media screen and (max-width: 1140px) {
.content-article h2 {
    font-size:40px;
	line-height:40px;
  }
}

.footer {
	display:block;
	width:100%;
	margin:30px 0 50px 0;
	padding:20px 0 10px 0;
	box-sizing:border-box;
}

.footer a {
font-size:14px;
	line-height:20px;
  background:
    linear-gradient(
      to bottom, #c5d7ff 0%,
      #c5d7ff 100%
    );
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 4px 6px;
  color: #000;
  text-decoration: none;
  transition: background-size ease-in-out .3s;
}


@media screen and (max-width: 1140px) {
.footer a {
    font-size:24px;
	line-height:30px;
  }
}

.footer a:hover {
  background-size: 4px 50px;
}

.footer-center {
	display:block;
	width:960px;
	margin:0 auto;
}

@media screen and (max-width: 1140px) {
.footer-center {
    width:900px;
  }
}

.footer .mentions-legales {
	display:block;
	width:300px;
	float:left;
	font-size:14px;
	text-align:right;
	line-height:16px;
}

@media screen and (max-width: 1140px) {
.footer .mentions-legales {
    font-size:24px;
	line-height:26px;
	width:100%;
	text-align:center;
  }
}

.footer .mentions-legales a.logo-footer {
	background:none;
}

.footer .mentions-legales img {
	display:inline-block;
	width:200px;
	margin:30px 0 5px 0;
	opacity: .7;
	background:none;
}

.footer .footer-last {
	display:block;
	width:400px;
	float:left;
}

@media screen and (max-width: 1140px) {
.footer .footer-last {
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:26px;
  }
}

.footer .footer-reseaux {
	display:block;
	width:260px;
	float:left;
}

@media screen and (max-width: 1140px) {
.footer .footer-reseaux {
    font-size:24px;
	line-height:26px;
	width:100%;
	text-align:center;
	margin-top:30px;
  }
}

.popup-wait {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99999;
	background:rgba(0,0,0,.7);
}

.content-popup {
	display:block;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-160px;
	margin-left:-350px;
	width:700px;
	height:320px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#000;
	padding:40px 40px 50px 40px;
	box-sizing:border-box;
	text-align:center;
	background:url("/img/pattern-2.png") repeat #f6e8e0;
}

@media screen and (max-width: 1140px) {
.content-popup {
    height:440px;
	margin-top:-220px;
  }
}

.content-popup h4 {
	font-weight:700;
	font-size:30px;
	line-height:30px;
	color:#4b84ff;
	margin-bottom:20px;
}

@media screen and (max-width: 1140px) {
.content-popup h4 {
    font-size:40px;
	line-height:40px;
  }
}

.content-popup .rs {
	display:block;
	margin-top:20px;
}

.content-popup .rs a {
	display:inline-block;
	width:50px;
	margin:0 10px 0 0;;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

.content-popup .rs a img {
	display:inline-block;
	width:100%;
}

.content-popup .rs a:hover {
	display:inline-block;
	width:50px;
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

.close-popup {
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}

.close-popup img {
	display:block;
	width:30px;
	height:30px;
}

.home-partenaires {
	display:block;
	width:960px;
	margin:0 auto;
	text-align:center;
	margin-top:60px;
}

.home-partenaires img {
	display:inline-block;
	height:160px;
	margin:0 20px 0 20px;
}

.home-partenaires a {
	display:inline-block;
}

@keyframes multicolor {
    0% {
        background-color: #4b84ff;
    }
	25% {
        background-color: #4b84ff;
    }
    26% {
        background-color: #ffce37;
    }
	50% {
        background-color: #ffce37;
    }
    51% {
        background-color: #e1001a;
    }
	75% {
        background-color: #e1001a;
    }
    76% {
        background-color: #000000;
    }
    100% {
        background-color: #000000;
    }
}
@-webkit-keyframes multicolor {
    0% {
        background-color: #4b84ff;
    }
	25% {
        background-color: #4b84ff;
    }
    26% {
        background-color: #ffce37;
    }
	50% {
        background-color: #ffce37;
    }
    51% {
        background-color: #e1001a;
    }
	75% {
        background-color: #e1001a;
    }
    76% {
        background-color: #000000;
    }
    100% {
        background-color: #000000;
    }
}

a.popup {
  background:
    linear-gradient(
      to bottom, #a9c3fd 0%,
      #a9c3fd 100%
    );
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 4px 6px;
  color: #000;
  text-decoration: none;
  transition: background-size ease-in-out .3s;
}

a.popup:hover {
  background-size: 4px 50px;
}