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

/*************************************** 
    Document   : css
    Author     : Ingrid Cochois
    Description: Jeremy Deller 
	Purpose of the stylesheet follows.
****************************************/
@media handled {
	#LinksArticle, #EarlyWorkArticle, #VideoArticle, #BatsArticle,#article,#MusicArticle,#PublicationArticle{
	width: 330px !important;
	margin:inherit;	
}
}

html{
	height:100%;
}

 body{
	margin-top:0px;
	font-size:16px !important;
	line-height: 23px!important;
	max-width:100%;
	max-height:100%;
	background-color:white;
	font-family:Garamand !important;
	color:#000;
	background:white !important;
}

#main {
    width:940px;
  	margin:auto;	
    max-width:100%;
    background-color:white;
    max-height:100%;
    height:980px;
}
	
h1#JDeller{
	font-weight: 800;
	clear: both;
	line-height: 0.9em;
	color: rgb(0, 0, 0) !important;
	text-align: left;
	margin-left:20px;
	margin-bottom:30px;
}
h1{
	font-size: 45px !important;
	color: rgb(0, 0, 0) !important;
	padding-left:15px;
}
h4{
margin:0 0 !important;
}
h3{
	font-weight: bold;
	color: #000;
	line-height:1.2em;
	margin-bottom: 30px !important;
}

.span2{
	margin:inherit;
	margin-top:10px;
}
.span10{
	margin-left:-40px;
} 

/****************************
		Nav                     
**************************/
.navbar{
	max-width:100%;
}
.navbar .nav{
	margin: 0px 15px 0px 0px !important;
}

.navbar .brand{
	padding:2% 0px 30px 10px !important
	}
	
.navbar-inner{
	padding:inherit !important;
	background:inherit !important;
	border:inherit!important;
	box-shadow: inherit !important;
}
.nav-collapse .dropdown-menu {
	margin-bottom:20px;
}
.divider-vertical{
	height:inherit !important;
	margin:inherit !important;
	border:inherit !important;	
	box-shadow:inherit;
	}
	
.navbar .nav > li > a{
	text-shadow: 0px 1px 0px #E0E0E0 !important;
	font-weight: 100;
	margin-left: -15px !important;
	margin: 0px 10px 0px 0px !important
	}
	
.navbar .divider-vertical{
	margin:inherit !important;
	border: inherit !important;
}

ul.nav{
	text-transform: uppercase;
	max-height: 10%;
	max-width:100%;	
	font-weight:bold;
}

.li-nav{
	margin:0 0;
	width:12,5%;
}
#navItem1{
	margin-left:-25px;
	margin-right:22px;
}

.navbar .brand {
    text-shadow: 0px 1px 0px rgba(0, 180, 255, 0.2) !important;
	margin:auto;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
   background-color:#FFF !important;
}

.btn {
	border: medium none !important;
	padding: 3px 10px;
	background:(to bottom,#6FC,#333 , rgba(165, 165, 165, 0,7)) !important;
	text-shadow:inherit !important;
  background-image:inherit !important;
	background-repeat: inherit !important;
	border-color :inherit !important;
}

.navbar .btn-navbar{
	color:#333 !important;
	text-shadow:inherit!important;
	background-image:inherit !important;
	background-repeat: inherit !important;
	border-color :inherit !important;
	border:none !important;
}


/*******************
	Nav lateral
********************/
LI.li-nav2{
	display:inline;
	line-height:1em;
}

a:hover,a:hover.a-nav2, a:focus, #JDeller:hover{
	color: #999 !important;
	text-decoration:none;
}


a.a-nav2{
    color: rgb(51, 51, 51);
    display: block;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-size: 0.8em;
	
}
/**********************************/

a {
	text-decoration: none;
	color:#000 !important;
}

li{
	display:inline-block;
	font-size: medium;
	background-repeat: no-repeat;
	margin: 0px;
	list-style-type: none;
}
.navbar .nav > li {
	    clear: none;
}

UL.span3{
	font-size: smaller;
	margin: 0px;
}

p, a.link{
	font-size: medium:;
	text-align: justify;
	max-width:550px;
	margin-bottom: 30px !important;
	
}

#descRow.row{
	margin: auto ;
	max-width: 1300px;
}

#descriptionRow.row{
	margin: 0px 20%;
	max-width: 1300px;
}

p#description{
	font-size: x-small;
	color: #000;
	float:right;
	width:100%;
	text-align:left;
}

#descRowLinks.row{
	margin: 0px 15% 5%
}

#pub-description{
		text-align:left;
}

/*****************************
			blocks
/****************************/
#aside{
	background-color: transparent;
	float:right;
	padding-top: 25px;
	padding-left:25px;
}
/****************************
			thumbnails   
*****************************/
UL{
	max-width:100%;
	margin: 0px !important;
}
.ulSpan{
	padding: 1em 5% !important;
}
.thumbnail{
	transition: none !important;
	box-shadow: inherit !important;
	border-radius: 4px;
	border:inherit !important;
	padding: 4px;
	display: block;
	
}
#thumbnail{
	margin:0 0;
}
Legend{
	font-weight:400;
	font-size:normal;
	line-height:17px !important;
	color:#000; 
	margin:0px;
	padding:0px;
	text-align:left;
	max-width: 550px;
	font-size:12px !important;
	padding: 2px 0 10px 0;
	border:none !important;
}

IMG{
	max-width: 100%;
	max-height: 100%;
	width:550px;
	height:auto;
}

img.span2{
	margin-bottom:20px;	
	margin-right:20px;
}

li.span2{
	position: relative;
color: #FFF;
vertical-align: top;
font-size: xx-small;
text-transform: capitalize;
width: auto;
margin-bottom: 1em;
}

li.span2 img{
	width: 100%;
height: auto;
}
/********************************

	 FOOTER / search
	 
********************************/
#footer{
	width:75%;
	display:inline-flex;
	padding-top:20px;
	margin: 0px;	
}

#search{
	color: rgb(51, 51, 51);
	font-size: 0.7em;
	text-transform: capitalize;
	width: 50%;
	padding-bottom: 20px;
	min-width: 200px;
 }
 
INPUT#earlyWorks-search.search-query{
	background-url: inherit;
	width: 50%;
    color: #000;
}
 
 
DIV#twitter{
	min-width: 170px;
	width:25%;
 }
 
#twitterPic{
	width: 25px;
	height: 25px;
}

#legal{
	color: #333;
	padding-top: 5px;
	font-size: 0.6em;
	text-align: right;
	min-width: 25%;
	padding-right: 10px;
 }

INPUT.search-query{
	margin: 0px;
  	border-radius: 30px;
	padding-left: 5px;
	width:50%;
	font-family:"Garamand" !important;
}


#bats-search{
	border-color: #F90;
}
#projects-search{
	border-color: #C33;
}
#earlyWorks-search{
	/*border-color:#2e89bb;*/
	border-color:rgb(51, 204, 255);
}
#video-search{
	border-color: #C39;
}
#music-search{
	border-color: rgb(51, 153, 0);
}
#contact-search{
	border-color: #999;
}
#publication-search{
	border-color:#c8c60c ;
}
#links-search{
	border-color: #003;
}

/*************************
       Result Form     
*************************/
#result{
	margin:0px;
}

/*************************
	Elements media        
*************************/
 video {
    max-width: 100%;
    height: auto;
	}

 iframe,
embed,
object {
     max-width: 100%;
    }

#videoContain {
     width: 100%;
     margin:0px auto;
 }

.slideshow {
	margin-bottom:20px;
}

#videoBats{
	max-width: 100%;
	max-height:auto;
	max-height:500px;
	width:550px;
	height:500px;
}

#videoExodus{
	max-width: 100%;
	max-height: 100%;
}

#VideoLegend{
	margin:0px;
	color: inherit;
}

#imgSpanNoLegend {
	padding-bottom: 30px;
}

#link {
	font-size: small;
}
#DividPics{
	padding-right: 12%;
	margin-left: -30px;
}
.VidOurHobtype {
	    margin-top: 15px;
}
/** link video Folk Archive**/
#folkArchFram{
	padding: 0 0 20px 0;
	max-width:550px;
	max-height:650px;
}

#linkback{
	background:inherit;
	border:inherit !important;
	background-color:#FFE4C4;
	font-family: inherit;
	font-size: 12px;
	padding: 6px 0px;
}

iframe#video.embed{
	width: inherit ;
	height:inherit ;
	
}
/*********************************
			Forms Contact
*********************************/

#contactContain {
  margin:0px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align:left;
	/*border: 1px solid rgba(51, 204, 255, 0.7);*/
	box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	-moz-box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	-webkit-box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	-o-box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cbcefb, Direction=134, Strength=0);
}

#contact{
	margin-left:7%;
}

FIELDSET{
 	margin:auto;
	border: none;	
	margin-bottom: 30px;
}

label {
	display: block;
	font-size: small;
	color: rgb(102, 102, 102);
	margin: 0px;
	width: 100%;
	padding: 20px 0px 0px;
}

#nom, #objet, #email {
	width:60% !important;
	}

#send {
	background-image: url("images/icones/mail-01.png");
	background-repeat: no-repeat;
	width: 25px;
	height: 20px;
	text-decoration: none;
	border: medium none;
	margin:auto;
	background-color: transparent;
}

#message{
	width:90% !important;
	max-height: 150px;
}
/*****************************************
		Search
*****************************************/

#searchContain{
	margin-left:-10px;
	box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	-moz-box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	-webkit-box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	-o-box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cbcefb, Direction=134, Strength=0);
}

IMG.gcsc-branding-img-noclear{
width:inherit;
}
/****************************************
	colors selected and colors->article
****************************************/

#LinksArticle, #EarlyWorkArticle, #VideoArticle, #BatsArticle,#article,#MusicArticle,#PublicationArticle  {
	margin:0px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align:left;
	/*border: 1px solid rgba(51, 204, 255, 0.7);*/
	box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	-moz-box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	-webkit-box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	-o-box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	box-shadow: 0px 2px 2px rgba(154, 151, 151, 0.7);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cbcefb, Direction=134, Strength=0);
}


.thumbLeg{
font-style:normal;
}

/*color->selected*/
a#aSelect{
	color:red !important;	
}

a#aSelectEarlyWork {
	color:#3CF !important;
}

#aSelectVideo {
	color: #C39 !important; 
}

#aSelectBats{
	color:#F90 !important;
}


#aSelectMusic{
	color:#390 !important;
}

#ProjectsArticle{
	margin:0px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#aSelectContact{
	color:#666!important;	
}

#VidProjArticle {
	margin:0px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#aSelectPublication{
	color:#c8c60c !important;
}

#aSelectLinks{
	color:#009 !important;
}


/*****************/
	/*home*/
/****************/

#home {
	background-image: none !important;
	background-size:100%;
	background-repeat:no-repeat;
	margin:0px;
	width:100%;
	height:auto;
}