@charset "UTF-8";
/* CSS Document */

body {
width:980px;
margin: 0 auto;
font-family: 'Montserrat', sans-serif;
}

body:after {
	display: block;
	content: '';
	clear: both;
}

#home {
	width:980px;
margin: 0 auto;
	/*background:url(images/anim.gif) repeat;*/
background-size:40px;
}

ul, li {
	list-style-type:none;
}

a {
	text-decoration:none;
	color:black;
}

#menu a:hover {
	color:gray;
}


#menu {
	position:fixed;
	top: 240px;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-size: 12px;
font-weight: bold;
}

#menubis {
		color:gray;
float: left;
margin-left: -200px;
margin-top: -12px;
text-transform:capitalize;

}

#menu ul {
	padding-left:0;
}

#menu li {
	padding-bottom:15px;
}

#menu a {
	color:black;
}

#lab {
	width:300px;
	height:500px;
	background:black;
	overflow-y:scroll;
}

#header {
	width:980px;
	clear:both;

}

#content {
	margin-left:280px;
	float:left;
	margin-top:60px;
	font-size:11px;
font-weight: normal;
	font-family: 'Montserrat', sans-serif;
	text-align:justify;

	
}
/*
#espace_img {
	padding-right:20px;
}*/

#espace_img ul li {
display:inline;
}


#espace_img li {
	float:left;
}
/* HOME */

.bloc {
	display: block;
	margin-bottom: 50px
}

.bloc:after {
	display: block;
	content: '';
	clear: both;
}

#bloc-head {
	width:980px;
	margin:0 auto;
	margin-top: 150px;
}

.logo {
float:left;
width:60px;
margin-top:40px;
}

.studio {
width:380px;
margin-top:176px;
float: left;
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
font-size: 13px;
font-weight: bold;

}

.studio a {
	color:black;
}

.studio a:hover {
	background:black;
	color:white;
	padding:4px;
}

.coltiers {
	width:210px;
	float:left;
}

#footer {
	position:absolute; 
	bottom: 10px;
	text-align:center;
	width:980px;
	font-size:10px;
	clear:both;
	
}
	
li.mag_t {
	float: left;
	width: 210px;
	padding-bottom: 20px;
	color:gray;
	text-transform: uppercase;
	font-size: 10px;
}

li.mag_t a {
	display: block;
	width: 210px;
	height: 150px;
}

.mag_t img {
	max-width: 210px;
	max-height: 150px;
	width: auto;
	height: auto;
}

#work ul {
	display:inline;
}

.bloc_title {
	font-weight: bold;
margin-bottom: 30px;
	font-size:12px;

}

#team img {
	margin-bottom:20px;
}

#espace_img a {
	color:black;
}

.son a {
	color: black;
}

.image a {
	color: black;

}

#gallery {
	margin-top: 20px;
}

#gallery, #badge, #gallerybis {
	width:700px !important;
	overflow-x: auto!important;
	overflow-y: hidden!important;
}

#gallery img {
	margin: 0!important;
}

/* You can modify these CSS styles */
.vimeoBadge { 
	margin: 0; 
	padding: 0; 
	font: normal 9px inherit,sans-serif;
	text-transform:uppercase; 
}
.vimeoBadge img { 
	border: 0; 
}
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { 
	color: gray; text-decoration: none; cursor: pointer; font-size:9px; 
}
.vimeoBadge a:hover { color:black; }
.vimeoBadge #vimeo_badge_logo { 
	margin-top:10px; width: 57px; height: 16px; 
}
.vimeoBadge .credit { font: normal 9px inherit,sans-serif }
.vimeoBadge .clip { 
	padding:0; float:left; margin:0 10px 10px 0; line-height:0; 
}

.vimeoBadge.horizontal {
	max-width: none;
	max-height: 600px;
}

#gallerybis.columns,
.vimeoBadge.horizontal {
	position: relative;
	white-space: nowrap;
}

.clip-column {
	display: inline-block !important;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

.clip-column > * {
	display: block;
	margin-bottom: 0 !important;
	padding: 0 !important;
	float: left;
	clear: left;
}

.clip-column > * + * {
	margin-top: 10px !important;
}

.vimeoBadge .caption { 
	font: normal 9px inherit,sans-serif; overflow:hidden; width: auto; height: 30px; line-height:17px;
}
        .vimeoBadge .credit { font: normal 11px verdana,sans-serif; }

.vimeoBadge .clear { display: block; clear: both; visibility: hidden; }
.vimeoBadge .s160 { width: 160px; }
.vimeoBadge .s80 { width: 80px; }
.vimeoBadge .s100 { width: 100px; }
.vimeoBadge .s200 { width: 200px; }


/* The custom scrollbar */

/* theme: "dark" */


.mCustomScrollbar {
	padding-bottom: 52px!important;
}

.mCS-flesh.mCSB_scrollTools  {
	opacity: 1;
}

.mCS-flesh.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 48px;
	bottom: 0;
}

.mCS-flesh.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer {
	margin: 0;
	left: 48px !important;
}

.mCS-flesh.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 48px;
}

.mCS-flesh.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ 
	background: black;
	border-radius: 0;
	height: 6px; margin: 0;
	top: 21px;
}

.mCS-flesh.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background: black;
	border-radius: 0;
	
	position: absolute;
	top: 23px; left: -2px;
	height: 2px;
	margin: 0;
}

.mCS-flesh.mCSB_scrollTools .mCSB_buttonRight {
	opacity: 1;
	background: none;
	
	width: 48px; height: 48px;
	
	top: 0; left: 0;
	right: auto; bottom: auto;
}

.mCS-flesh.mCSB_scrollTools .mCSB_buttonRight:before,
.mCS-flesh.mCSB_scrollTools .mCSB_buttonRight:after {
	display: block;
	content: '';
	position: absolute;
	background: black;
	top: 0; left: 0; 
	width: 100%;
	height: 100%;
}
.mCS-flesh.mCSB_scrollTools .mCSB_buttonRight:before {
	left: 21px; width: 6px;
	
}
.mCS-flesh.mCSB_scrollTools .mCSB_buttonRight:after {
	top: 21px; height: 6px;
}


.mCS-flesh.mCSB_scrollTools .mCSB_buttonUp,
.mCS-flesh.mCSB_scrollTools .mCSB_buttonLeft {
	display: none !important;
}