* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html
{
	height:100%;
}

body
{
	background:#000;
    color:#484848;
    font-family:Arial,Helvetica,sans-serif;
    font-size:0.8em;
	height: 100%;
}

#bg_pic {
	position: fixed;
	left: 0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position: center center;
	opacity:0;
	transition:all 0.6s ease 0s;
	transform:scale(1.1);
}
.loaded #bg_pic {
	transform:scale(1.0);
	opacity:1;
}

.bgwidth {
	width: 100%;
}

.bgheight {
	height: 100%;
}

a, a:focus, a img
{
	border:none;
	outline:0;
	color:#000;
}


/*********************
       FontFace
*********************/
@font-face {
    font-family:'FontAwesome';
    src:url('../typos/fontawesome-webfont.eot');
    src:url('../typos/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/fontawesome-webfont.woff2') format('woff2'),
         url('../typos/fontawesome-webfont.woff') format('woff'),
         url('../typos/fontawesome-webfont.ttf') format('truetype'),
         url('../typos/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('../typos/BebasNeue-webfont.eot');
    src: url('../typos/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/BebasNeue-webfont.woff') format('woff'),
         url('../typos/BebasNeue-webfont.ttf') format('truetype'),
         url('../typos/BebasNeue-webfont.svg#BebasNeue') format('svg');
}


@font-face {
    font-family: 'intro';
    src: url('../typos/intro-webfont.eot');
    src: url('../typos/intro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/intro-webfont.woff') format('woff'),
         url('../typos/intro-webfont.ttf') format('truetype'),
         url('../typos/intro-webfont.svg#intro') format('svg');
}

/****************
     UTILS
****************/
div.clear
{
	display:block;
	clear:both;
}
	div.c_100 {
		height:100px;
	}
	div.c_50 {
		height:50px;
	}
	div.c_10 {
		height:10px;
	}
	div.h_50 {
		display:inline-block;
		height:50px;
		width:50%;
	}

/****************
   STRUCTURE
****************/
div#page
{
	min-height: 100%;
	position:relative;
	text-align:left;
	margin:80px 0;
}

/*******************
		MENU
*******************/
div#menu
{
	position: fixed;
	width:100%;
	z-index: 100000;
	background:#000;
	top:0;
	box-shadow: 3px 3px 3px #333333;
}

	div#in_menu
	{
		width:1008px;
		margin:0 auto;
	}
	
ul.dock_ul
{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	background:#fff;
	list-style-type: none;
	display:block;
}

li
{
	float:left;
	margin:0;
	padding:0;
	list-style-type: none;	
}

.nopadded li, .padded li
{
	list-style-image: url("../imgs/puce.png");
    list-style-type: none;
    margin: 0 0 0 10px;
}

a.dock_a
{
    color: #fff;
	background:#000;
	border-bottom:solid 5px #000;
    display: inline-block;
	float:left;
	font:24px/24px 'BebasNeue',Arial,sans-serif;
    text-decoration: none;
	margin: 21px 6px 8px;
}
a.dock_a_selected
{
	color: #fff;
	background:#000;
	border-bottom:solid 5px #fff;
	display: inline-block;
	float:left;
	font:24px/24px 'BebasNeue',Arial,sans-serif;
	text-decoration: none;
	margin: 21px 6px 8px;
}

a.dock_a:hover
{
	border-bottom:solid 5px #f2f0ea;
}

div.static_tile
{
	position:static;
}

div#options
{
	float:right;
	margin:21px 0 0;
}


div#separator
{
	height:10px;
}
	
/*****************
	   TILES
******************/

div#grid_container
{
	padding-bottom: 60px;
}

div#grid
{
	position:relative;
	max-width:1008px;
	margin:0 auto;
	/*opacity: 0;
	transform:translateY(100px);
	transition:all 0.6s ease 0s;*/
	padding: 20px 0;
}
.loaded div#grid {
	opacity: 1;
	transform:translateY(0);	
}
	div.bg_grid
	{
		box-shadow: 0 0 10px #333;
		background:rgba(255, 255, 255, 0.9);
	}
	div.no_bg_grid
	{
		background:transparent;
	}

div#in_grid
{
	background:transparent;
}

a.tile
{
	cursor:pointer;
	display:block;
	float:left;
	width:32px;
	height:32px;
	border:2px solid transparent;
}
a.tile:hover
{
	background:#ddd;
	border:solid 2px #ff0000;
}

/***************************
		Boxes Size
***************************/

div.b2_2 {
    background: rgba(0, 0, 0, 0) url("../imgs/opaque.png") repeat scroll 0 0;
    display: inline-block;
	margin: 0 2px 2px 0;
}
	div.b2_2 a
	{
		color:#fff;
		text-decoration:none;
		transition:all 0.3s ease 0s;
	}
	div.b2_2 a:hover {
		color:#c2966b;
		background:#000;
	}
	
	div.b_block::after {
		display:block;
	}

div.s2_2
{
	width:20%;
	display:inline-block;
	line-height: 0;
}

div.s4_2
{
	width:33.3333%;
	display:inline-block;
	line-height: 0;
}

div.s6_2
{
	width:50%;
	display:inline-block;
	line-height: 0;
}

div.l4_2
{
	width:75%;
	margin: 0 auto;
}

div.s4_4
{
	width:25%;
	display:inline-block;
	line-height: 0;
}

div.s2_4
{
	width:12.5%;
	display:inline-block;
	line-height: 0;
}

div.s6_4
{
	width:50%;
	display:inline-block;
	line-height: 0;
}

div.s4_6
{
	width:33.33%;
	display:inline-block;
	line-height: 0;
}

div.g6_4 {
    display: inline-block;
	line-height: 0;
}
	div.g_compiled {
		width:50%;
	}

div.d0_0
{
	position:absolute;
}

div.v0_0
{
	width:50%;
	background:rgba(255, 255, 255, 0.9);
	display: inline-block;
}

div.bg_grid div.v0_0
{
	background:transparent;
}

div.v1_1
{
	width:75%;
	background:rgba(255, 255, 255, 0.9);
}

div.bg_grid div.v1_1
{
	background:transparent;
}

div.tile, div.b_tile
{
	position:relative;
	vertical-align: top;
	opacity: 0;
	transform:translateY(100px);
	transition:all 0.6s ease 0s;
}
.loaded div.tile, .loaded div.b_tile {
	opacity: 1;
	transform:translateY(0);
}

div.static_tile
{
	position:static;
}

/* Les tiles "S" */
a.a_tile_s{
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
	background:transparent;
	text-decoration:none;
	line-height: 0;
}
a.a_tile_s:hover .titre_img {
	padding-bottom:20px;
}

div.panel1
{
	display:block;
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.9);
	padding:10px;
	min-height: 100px;
}

div.bg_grid div.panel1
{
	background:transparent;
}

div.panel2
{
	display:none;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;

}

	span.cat
	{
		display:block;
		color:#fff;
		padding: 8px 8px 0 8px;
		font: 18px/20px Arial,sans-serif;
		position:relative;
	}
	
	div.spacer
	{
		width:100%;
		height:6px;
	}
	
	h2 {
		color:#484848;
		font:22px Arial,sans-serif;
		margin:0;
	}
	h2.titre
	{
		color:#fff;
		font-weight:normal;
		padding:2px 8px 4px 8px;
		margin:0;
		font:22px Arial,sans-serif;
		position:relative;
		line-height:1em;
	}
	h3.sous_titre
	{
		color:#fff;
		font-weight:normal;
		padding:0 8px;
		margin:0;
		font:14px Arial,sans-serif;
		position:relative;	
		line-height:18px;
	}
	p
	{
		margin:0;
		position:relative;
		color:#fff;
		padding:10px;
		font:12px Arial,sans-serif;
		line-height:18px;
	}

	img.single {
		margin: 0;
	}	
	
/* Les tiles "H" */

div.h5_5
{
	display: inline-block;
    width: 33.3333%;
	background:rgba(255, 255, 255, 0.9);
}

div.bg_grid div.h5_5
{
	background:transparent;
}

div.h6_6
{
	display: inline-block;
    width:50%;
	background:rgba(255, 255, 255, 0.9);
}

div.bg_grid div.h6_6
{
	background:transparent;
}

div.h8_8
{
	width:100%;
	background:rgba(255, 255, 255, 0.9);
}

div.bg_grid div.h8_8
{
	background:transparent;
}

	span.h_cat
	{
		display:block;
		font:16px/16px Arial,sans-serif;
		margin: 4px 0 0;
	}
	span.h_titre, .padded h1
	{
		display:block;
		font:40px/40px 'BebasNeue',Arial,sans-serif;
	}
	span.h_sous_titre
	{
		display:block;
		font: normal 20px/20px Arial,sans-serif;
		padding:0 0 5px 0;
	}

/* Les tiles "T" */

div.t5_6
{
	width:33.3333%;
	background:rgba(255, 255, 255, 0.9);
	display: inline-block;
}

div.bg_grid div.t5_6
{
	background:transparent;
}

div.t6_6
{
	width:50%;
	background:rgba(255, 255, 255, 0.9);
	display:inline-block;
}

div.bg_grid div.t6_6
{
	background:transparent;
}

div.t8_8
{
	width:100%;
	background:rgba(255, 255, 255, 0.9);
	display:inline-block;
}

div.bg_grid div.t8_8
{
	background:transparent;
}

div.padded
{
	font:14px/20px Arial,sans-serif;
	padding:10px 18px;
	color:#242424;
}
	div.padded a
	{
		color:#1d1711;
		font-weight: bold;
	}
	div.padded a:hover
	{
		text-decoration:none;
	}
	
div.video div.padded {
    margin: 0 0 -10px;
    padding: 20px 10px 0;
}

div.padded_h
{
	font:14px/20px Arial,sans-serif;
	padding:2px 18px;
	color:#484848;
}

div.rightalign
{
	text-align:right;
}

/* Les tiles "G" */
div.galerie
{
	background:rgba(255, 255, 255, 0.9);
	padding:10px;
	text-align:center;
}

div.galerie_deploy
{
	padding:0;
	line-height:0;
	text-align: left;
}
	div#title_deploy
	{
		width:140px;
		height:140px;
		background:url('./../imgs/opaque.png') repeat;
		display: inline-block;
		vertical-align: top;	
		color:#000;
		border:1px #fff solid;
	}
	div.galerie_deploy img
	{
		background:rgba(255, 255, 255, 0.9);
		padding:1px;
		display:inline-block;
		width:140px;
		cursor:pointer;
		transition:all 0.3s ease 0s;
		opacity:1;
	}
	div.galerie_deploy img:hover {
		opacity:0.75;
	}

div.bg_grid div.galerie
{
	background:transparent;
}

	div.galerie img
	{
		cursor:pointer;
		width: 100%;
	}
	
div#pics_nb
{
	position:absolute;
	bottom:22px;
	height:30px;
	line-height:23px;
	left:15px;
	padding:4px 5px 4px 33px;
	color:#F2F0EA;
	background:url('../imgs/gallery.png') no-repeat top left #2D261F;
	font: 12px/23px "Times new roman", Serif;
	font-style: italic;
}

div.interface_media
{
	position:absolute;
	bottom:0;
	left:0;
	height:32px;
	background:#fff;
}
	
	a#img_next {
		background:url("../imgs/img_next.png") no-repeat scroll 0 0 transparent;
		cursor:pointer;
		display:block;
		float:right;
		height:32px;
		width:32px;
	}
	a#img_next:hover {
		background:url("../imgs/img_next.png") no-repeat scroll 0 -32px transparent;
	}
	a#img_prev {
		background:url("../imgs/img_prev.png") no-repeat scroll 0 0 transparent;
		cursor:pointer;
		display:block;
		float:right;
		height:32px;
		width:32px;
	}
	a#img_prev:hover {
		background:url("../imgs/img_prev.png") no-repeat scroll 0 -32px transparent;
	}
	a#img_fs {
		background:url("../imgs/img_fs.png") no-repeat scroll 0 0 transparent;
		cursor:pointer;
		display:block;
		float:left;
		height:32px;
		width:32px;
	}
	a#img_fs:hover {
		background:url("../imgs/img_fs.png") no-repeat scroll 0 -32px transparent;
	}

div.titre_glr_container
{
	position:absolute;
	top:10px;
	left:10px;
	color:#f2f0ea;
	background:url('../imgs/opaque.png') repeat;
}
	div.titre_glr
	{
		text-align:left;
		padding:8px 10px 4px;
		font:24px/24px 'BebasNeue',Arial,sans-serif;	
	}
	
	

div.titre_img_container {
    bottom: 10px;
    color: #f2f0ea;
    display: inline-block;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%;
}

	div.titre_img {
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
		font: 24px/24px "BebasNeue",Arial,sans-serif;
		padding: 4px 10px;
		text-align: left;
		transition: all 0.6s ease 0s;
	}
	
div#legend_container
{
	background:url('../imgs/legend_arrow.png') no-repeat 15px bottom;
	position:absolute;
	top:15px;
	left:15px;
	text-align:left;
	display:none;
	max-width:90%;
	font: 1px/15px "Times new roman", Serif;
}

	div.legend
	{
		margin:0 auto 20px auto;
	    color: #f2f0ea;
		font-style:italic;
		padding: 10px;
		background:#2d261f;
	}
	
	div.nopad
	{
		padding:0;
	}
	
	span.legend_nb
	{
		font-weight:bold;
		font-size:10px;
		display:block;
	}
	
/* Tile R */
.r1_1 {
	text-align:left;
}
	h1.titre_r1 {
		color: #000;
		font: 24px/24px 'BebasNeue',Arial,sans-serif;
		margin: 60px 42px 14px;		
		text-align: center;
		border-bottom: solid 5px #000;
	}
	
/* TOOLS */

a.tile_select
{
	display:block;
	width:60px;
	height:60px;
	float:left;
	border:solid 1px #aaa;
	margin:10px;
}
a.tile_select:hover
{
	border-color:#ff0000;
}
a.tile_selected {
	border:1px solid #ff0000;
}

/* FS gallery */
div#fs_bg
{
	position:fixed;
	top:0;
	left:0;
	z-index:200000;
	width:100%;
	height:100%;
	background:url('../imgs/opaque.png') repeat;
}

div#bigpic
{
	width:50px;
	padding:5px 5px 20px;
	margin:0;
	position:absolute;
	left:-1000px;
	background:url('../imgs/ajax-loader.gif') no-repeat center center #000;
}

img#fs
{
	position:absolute;
	top:-5000px;
	left:-5000px;
}

div#fs_legende
{
	background:url('../imgs/opaque.png');
	position:absolute;
	bottom:20px;
	font-size:11px;
	color:#fff;
	text-align:left;
	padding:5px;
	display:none;
}

a#fs_right
{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	cursor:pointer;
	background:url('../imgs/fs_right.png') no-repeat right -1000px;
}
a#fs_right:hover
{
	background:url('../imgs/fs_right.png') no-repeat right center;
}

a#fs_left
{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	cursor:pointer;
	background:url('../imgs/fs_left.png') no-repeat left -1000px;
}
a#fs_left:hover
{
	background:url('../imgs/fs_left.png') no-repeat left center;
}

div#fs_close
{
	width:100%;
	height:100%;
	cursor:pointer;
}

iframe
{
	padding:0;
	margin:0;
	border:none;
}

/* Footer */
div#footer_container
{
	position:fixed;
	height:40px;
	bottom: 0;
	width:100%;
	background:#000;
	display:block;
	z-index:1000;
}

	div#footer
	{
		margin: 0 auto;
	}
	
	
/* CONCERTS */
div.concert
{
	padding: 10px 5px 8px;
	background:rgba(255, 255, 255, 0.9);
	border-bottom:dotted 1px #b1855a;
	position:relative;
}

	.soldout {
		background: #ff0000 none repeat scroll 0 0;
		color: #fff;
		font: 24px/24px "BebasNeue",Arial,sans-serif;
		padding: 4px 11px 2px;
		position: absolute;
		top: 50%;
		right: 5px;
		transform: translateY(-50%) rotate(-10deg);
	}
	
	span.date {
		border-right: 2px solid #2d261f;
		color: #624c36;
		display: inline-block;
		margin-right: 10px;
		padding: 0 10px;
		vertical-align: middle;
	}
		span.jour, span.mois, span.annee
		{
			font: 20px/20px 'BebasNeue',Arial,sans-serif;
		}
		span.hour
		{
			display:block;
			font: 18px/18px 'BebasNeue',Arial,sans-serif;
		}

	span.lieu {
		display: inline-block;
		vertical-align: middle;
	}
		span.salle
		{
			color:#b1855a;
			font: 24px/24px 'BebasNeue',Arial,sans-serif;
			padding-right:20px;
		}
		span.ville
		{
			color:#2d261f;
			font:italic 14px/14px Arial,sans-serif;
		}
		span.pays
		{
			color:#2d261f;
			font:italic 14px/14px Arial,sans-serif;
		}
		div.desc
		{
			background: #e6e3db none repeat scroll 0 0;
			display: none;
			font-size: 12px;
			line-height: 20px;
			margin-left: 5px;
			margin-top: 35px;
			padding: 10px;
		}
		div.desc a
		{
			color:#000;
		}
	
	a.concert_detail
	{
		cursor: pointer;
		font: 40px/40px 'BebasNeue',Arial,sans-serif;
		position: absolute;
		left:0;
		text-align: right;
		top: 0;
		width: 100%;
		padding:0 15px;
	}
	a.concert_detail:hover
	{
	
	}
	

div.disk
{
	display:inline-block;
	position:relative;
	margin:24px 42px;
	vertical-align: middle;
}

	div.desc_disk {
		color: #242424;
		font: 13px/20px Arial,sans-serif;
		padding: 10px 0 0;
	}
	div.desc_disk a
	{
		color: #000;
		text-decoration:underline;		
	}
	div.desc_disk a.special
	{
		color: #fff;
		text-decoration:none;		
	}
	div.desc_disk a:hover
	{
		text-decoration:none;
	}
	img.diskPic {
		float:right;
		margin:0 0 10px;
		max-width:360px;
		width: 100%;
	}
	a.goYT {
		background:url('../imgs/YT.png') no-repeat center center;
		display:inline-block;
		height:20px;
		width:29px;
		vertical-align: middle;
		margin-left:20px;
	}

a.disk
{
	display:block;
	cursor:pointer;
}
a.disk:hover span.disk_infos {
	font-size:18px;
	opacity:1;
}

img.album 
{
	width:252px;
	box-shadow: 0 0 10px #333333;
}

span.disk_infos
{
	position:absolute;
	opacity:0;
	top:5px;
	left:5px;
	max-width:90%;
	font: 16px/24px "Times new roman", Serif;
	background:url('../imgs/legend_arrow.png') no-repeat 15px bottom;
	transition:all 0.3s ease 0s;
}
	span.titre_disk
	{
		display:block;
		background: #2D261F;
		color: #F2F0EA;
		margin: 0 auto 20px;
		padding: 10px;
	}
	
a#close_disk
{
	display:block;
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	background:url('../imgs/close_disk.png') no-repeat;
}

span.titre_song
{
	display:block;
	margin:1px 0 0;
	padding:4px 30px 4px 4px;
	color:#463f39;
	border-bottom: 1px dotted #999999;
}

div#album_desc
{
	text-align:left;
	background:rgba(255, 255, 255, 0.9);
    margin: 0;
    padding: 50px 25px;
    width: 100%;
	position: relative;
}

a.lyrics
{
	display:block;
	float:right;
	color:#624C36;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	text-decoration:underline;
	margin-right:30px;
}

div.lyrics
{
	display:none;
	padding: 30px 10px;
	font-size:11px;
}

a.lien_disk
{
	display:block;
	float:left;
	background:url('../imgs/panier.png') no-repeat center center  #fff;
	border:1px solid #fff;
	width:50px;
	height:40px;
	text-decoration:none;
	padding:5px;
	margin:20px 4px 0 0;
}
a.lien_disk:hover
{
	border:1px solid #624C36;
}
a.itunes_disk
{
	display:block;
	float:left;
	background:url('../imgs/itunes.png') no-repeat center center  #fff;
	border:1px solid #fff;
	width:50px;
	height:40px;
	text-decoration:none;
	padding:5px;
	margin:20px 4px 0 0;
}
a.itunes_disk:hover
{
	border:1px solid #624C36;
}

a#suite
{
	width:100%;
	height:50px;
	float:right;
	text-align:center;
	font:24px/50px 'BebasNeue',Arial,sans-serif;
	color: #B1855A;
	text-decoration:none;
}

a#suite:hover
{
	color: #C2966B;
	font:26px/50px 'BebasNeue',Arial,sans-serif;
}

span.main_titre
{
    color: #fff;
    display: inline;
    float: left;
    font: 60px/60px 'intro',Arial,sans-serif;
    margin: 5px 10px 0 0;
    text-align: center;
	letter-spacing:-2px;
}

/* Links */

div#links {
    margin: 0 auto;
    max-width: 1008px;
    padding: 8px 0;
	position:relative;
}

div#nw {
    display: inline-block;
    position: absolute;
    right: 0;
    vertical-align: middle;
}

a.links
{
	display:block;
	width:24px;
	height:24px;
	float:left;
	margin:0 0 0 2px;
	background-color:#333;
}
a.links:hover
{
	background-color:#555;
}

a#facebook {
    background-image: url("../imgs/facebook.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #fff;
    font: 19px/26px "BebasNeue",Arial,sans-serif;
    height: 24px;
    padding: 0 24px 0 0;
    text-decoration: none;
    width: auto;
}
a#twitter
{
	background-image:url('../imgs/twitter.png');
	background-repeat:no-repeat;
}
a#youtube
{
	background-image:url('../imgs/youtube.png');
	background-repeat:no-repeat;
}
a#deezer
{
	background-image:url('../imgs/deezer.png');
	background-repeat:no-repeat;
}
a#spotify
{
	background-image:url('../imgs/spotify.png');
	background-repeat:no-repeat;
}
a#instagram
{
	background-image:url('../imgs/instagram.png');
	background-repeat:no-repeat;
}

/* Langues */
a.bt_on, a.bt_off
{
	display:block;
	width:24px;
	height:24px;
	text-decoration:none;
	font:16px/20px 'BebasNeue',Arial,sans-serif;
	background:#333;
	color:#fff;
	padding:2px 0;
	float:left;
	text-align:center;
	margin:0 0 0 2px;
}

a.bt_on:hover, a.bt_off:hover
{
	background:#555;
}

div.vid
{
	cursor:pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
	padding:10px;
}
.news_medias div.vid {
	padding:0;
}
	div.vid img {
		width:100%;
	}

	div.vid_play
	{
		width:100%;
		height:100%;
		background:url('../imgs/vid_play.png') no-repeat center center;
		transition:all 0.3s ease-in-out 0s;
		transform:scale(1);
		position:absolute;
		top:0;
		left:0;
	}
	div.vid:hover div.vid_play
	{
		opacity:0.8;
		transform:scale(0.8);
	}

div#mc_embed_signup
{
	position:fixed;
	bottom:-300px;
	width:100%;
	background:#181818;
	padding:30px 0 80px;
	z-index:999;
}
	div#newswrapper
	{
		width:1008px;
		margin:0 auto;
	}
		label#newslabel
		{
			color: #fff;
			display: block;
			font: 24px/24px "BebasNeue",Arial,sans-serif;
			margin: 0 0 5px;
		}
		
input.email {
    display: block;
    margin: 0 4% 10px 0;
    min-width: 130px;
    padding: 8px 0;
    text-indent: 5px;
    width: 58%;
}
#mc_embed_signup input 
{
    border: 1px solid #999;
}
#mc_embed_signup .button 
{
    background-color: #ff0000;
    border: 0 none;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: 180px;
	transition:all 0.2s ease-in 0s;
}
#mc_embed_signup .button:hover
{
	background-color:#484848;
}

a#newsletter
{
	cursor:pointer;
	color:#fff;
	font: 19px/19px "BebasNeue",Arial,sans-serif;
	transition:all 0.2s ease-in 0s;
	background:#333;
	padding:3px 8px 2px;
	display:inline-block;
	vertical-align: middle;
}
a#newsletter:hover
{
	background:#ff0000;
}

/* 
   #1d1711 / Dark Brown for splashpage
   #2d261f / Semi-Dark Brown for rest of site, text
   #624c36 / Brown for paragraph text
   #463f39 / Muted Brown for Top Navigation bar links
   #b1855a / Medium Brown for links
   #cbb190 / light brown for footer links
   #f2f0ea / Light Beige for background color, reverse outs
   #e6e3db / divider line color
*/

div.padded a.special,  a.special {
    background:#333 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 19px/26px "BebasNeue",Arial,sans-serif;
    margin: 0 4px 2px 0;
    padding: 2px 12px 0;
    text-decoration: none;
	transition:all 0.3s ease-in-out 0s;
}
div.padded a.special:hover, a.special:hover {
	color:#c2966b;
	background:#000;
}

/* NEWS */

div.bb {
	box-sizing:border-box;
}

div.news {
	margin:50px 0 0;
	background:#fff;
}
	div.news_infos {
		width:55%;
		display:inline-block;
		background:#fff;
		padding:10px 20px;
		text-align:left;
		vertical-align: middle;
		color: #242424;
		line-height:1.6em;
	}

		span.news_desc {
			border-top: 2px solid #484848;
			display: block;
			margin: 8px 0;
			padding: 20px 0 0;
		}
		
	div.news_medias {
		width:45%;
		display:inline-block;
		background:#fff;
		padding:10px;
		vertical-align:top;
		text-align:center;
		vertical-align: middle;
		position: static;
		line-height:0;
	}
		.news_medias img {
			width: 100%;
			cursor:pointer;
			margin:0 0 3px;
		}
		img.inv {
			display:none;
		}
		
	div.thumbs_wrapper {
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
		img.thumbs {
			height: 40px;
			margin-right: 3px;
			width:auto;
		}

div.news_share {
    line-height: 0;
    margin: 25px 0 0;
    padding: 0 10px 10px 0;
}

a.facebook_news
{
	display:inline-block;
	width:26px;
	height:26px;
	text-decoration:none;
	background-color:#3b5998;
	background-image:url('../imgs/facebook.png');
	background-repeat:no-repeat;
	background-position:center center;
	transition:all 0.2s ease-in-out 0s;
	margin: 0 2px 0 0;
}
a.facebook_news:hover
{
	background-color:#6d84b4;	
}
	span.mention {
		padding-left:6px;
	}
a.twitter_news
{
	display:inline-block;
	width:26px;
	height:26px;
	text-decoration:none;
	background-color:#4099FF;
	background-image:url('../imgs/twitter.png');
	background-repeat:no-repeat;
	background-position:center center;
	transition:all 0.2s ease-in-out 0s;
}
a.twitter_news:hover
{
	background-color:#66ccff;	
}
span.imgs_count {
	display:block;
	font:12px/24px "BebasNeue",Arial,sans-serif;
}
div.except {
	padding:20px;
	font:24px/32px "BebasNeue",Arial,sans-serif;
	text-align:center;
	margin:50px 0 0;
}

/* FS */

div#galerie_FS {
    background: #141414 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    transition: all 0.3s ease-in-out 0.1s;
    width: 100%;
	z-index: 100001;
}
div.galerie_inv {
    top: 100%;
}
div.galerie_vis {
    top: 0;
}

div#wagon_1 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
div#wagon_2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

div#interface_FS_top {
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 100002;
}
div.interface_top_inv {
    top: -108px;
}
div.interface_top_vis {
    top: 0;
}

div#interface_FS_bot {
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 100002;
}
div.interface_bot_inv {
    top: -54px;
}
div.interface_bot_vis {
    top: 58px;
}

div.interface {
    transition: all 0.3s ease-in-out 0.1s;
}
a.interface {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    color: #fff;
    display: block;
    font: 20px/50px "FontAwesome";
    height: 50px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 50px;
	cursor:pointer;
}
a#prevFS {
	right: 54px;
}
a#prevFS:before {
	content:"\f053";
}
a#nextFS {
	right: 0;
}
a#nextFS:before{
	content:"\f054";
}
a#closeFS {
	left: 0;
	top: 0;
}
a#closeFS:before {
	content:'\f00d';
}

/* 768 */
@media screen and (max-width:768px){
	
	div#grid {
		padding: 20px 10px;
	}

	div#in_menu {
		width: 100%;
	}

	span.main_titre {
		display: block;
		float: none;
		font: 40px/40px "intro",Arial,sans-serif;
		margin: 5px auto;
	}
	
	div#options {
		margin:0;
		left: 2px;
		position: absolute;
		top: 5px;
	}
		
		a.bt_on, a.bt_off {
			float:none;
			height: 20px;
			margin: 0 0 2px;
			padding: 0;
		}
		
	ul.dock_ul {
		display:block;
		position:fixed;
		transition:all 0.3s ease 0s;
		height:100%;
		background:#000;
		padding: 50px 0;
	}
		.dock_out {
			left:-100%;
		}
		.dock_in {
			left:0;
		}
		
		li.dock_li {
			display:block;
			float:none;
			text-align: center;
		}
			a.dock_a, a.dock_a_selected {
				float:none;
				font: 34px/34px "BebasNeue",Arial,sans-serif;
				margin: 10px 0 0;
			}
	
	a#mobile_menu {
		display:inline-block;
		position:absolute;
		top:0;
		right:0;
		background:#ff0000;
		height:50px;
		width:50px;
		background:url('../imgs/mobile_menu.png') no-repeat;
		cursor:pointer;
	}
	
	div.s2_2 {
		width:25%;
	}
	
}

/* mobiles */
@media screen and (max-width:767px){
	
	a.dock_a, a.dock_a_selected {
		font: 26px/26px "BebasNeue",Arial,sans-serif;
		margin: 5px 0 0;
	}
	
	div.news_infos, div.news_medias {
		width:100%;
	}
	
	div.disk {
		margin: 24px auto;
	}

	div#links {
		margin: 5px;
	}
	span.mention {
		display:none;
	}
	
	div.t8_8, div.t6_6, div.t5_6, div.l4_2, div.v1_1, div.v0_0, div.h5_5, div.h6_6, div.s6_2, div.s4_6, div.s4_2, div.s6_4 {
		width: 100%;
	}
	div.s4_4, div.s2_2 {
		width:50%;
	}
	
	.r1_1 {
		text-align:center;
	}
	
		div.titre_img {
			font: 20px/24px "BebasNeue",Arial,sans-serif;
			padding: 2px 8px;
		}
		
	span.date {
		display:block;
		border-right:none;
		padding:0 10px 0 0;
	}
	
	div.galerie_deploy {
		text-align: center;
	}
}