html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* REAL CSS */


@font-face{ 
	font-family: 'Clarendon Cn BT';
	src: url('clarendon_bold_condensed_bt-webfont.eot');
	src: url('clarendon_bold_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'),
	     url('clarendon_bold_condensed_bt-webfont.woff') format('woff'),
	     url('clarendon_bold_condensed_bt-webfont.ttf') format('truetype'),
	     url('clarendon_bold_condensed_bt-webfont.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'Akzidenz-Grotesk BQ Condensed A';
	src: url('akzidenzgrotesk-boldcondalt-webfont.eot');
	src: url('akzidenzgrotesk-boldcondalt-webfont.eot?#iefix') format('embedded-opentype'),
	     url('akzidenzgrotesk-boldcondalt-webfont.woff') format('woff'),
	     url('akzidenzgrotesk-boldcondalt-webfont.ttf') format('truetype'),
	     url('akzidenzgrotesk-boldcondalt-webfont.svg#webfont') format('svg');
}
    body{
    padding:0;
    margin:0;
    font-family:'Clarendon Cn BT';
    font-size:1.5em;
    background:#F5F0EB;
    color:#2E2C2A;
}
a{
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
a:hover{
    opacity:0.6;
}

#logo{
    margin-bottom:10px;
}

#top a{
    color:#F5F0EB;
    padding:0px 4px 10px 4px;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    text-decoration:none;
}
#top{
    height:110px;
    /*background:url('../img/bkg2.png') no-repeat bottom;*/
    background:#2E2C2A;
    color:#F5F0EB;
    padding-top:10px;
    
}

#top a:hover{
    color:#2E2C2A;
    background:#F5F0EB;
    opacity:1;
}

#soustop{
    width:800px;
    margin:0 auto;
    text-align:center;
}

#nav{
    width:800px;
    height:50px;
    text-align:center;
    vertical-align:top;
    margin-top:7px;
    font-size:1em;
}

#content{
    width:900px;
    margin:50px auto;
    margin-bottom:300px;
    text-align:center;
}

#content h1{
    text-transform:uppercase;
    margin:30px auto;
    padding:8px 0px 8px 0px;
    border-bottom:solid 1px #2E2C2A;
    border-top:solid 1px #2E2C2A;
    font-size:2em;
    width:900px;
}

#content img{
    margin:10px;
}
#content p{

    margin:20px;
    font-size:0.8em;
    color:#9e9e9e;
}

#content a{
    color:#2E2C2A;
    text-decoration: underline;
}

.para p{
    font-family:'Clarendon Cn BT';
    font-size:0.6em;
    color:#9e9e9e;
}

.para{
    display:inline-block;
}
.petitediv{
    display:inline-block;
    width:500px;
    margin-top:-30px;
}
form{
    
}

#footer{
    width:100%;
    position:fixed;
    bottom:0px;
    height:30px;
    background:#2E2C2A;
    font-size:0.8em;
    color:#F5F0EB;
    text-align:center;
    padding-top:5px;
}
#footer a{
    color:#F5F0EB;
    text-decoration:none;

}

#fauxlien{
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
#fauxlien:hover{
    cursor:pointer;
    opacity:0.6;
}

.entryDate{
    text-align:center;
    margin:25px auto 0px;
    width:50px;
    font-family:'Akzidenz-Grotesk BQ Condensed A';
    padding-right:5px;
}
.month{
    background:#2E2C2A;
    color:#F5F0EB;
    width:50px;
    margin-bottom:5px;
    display: block;
    font-size: 0.7em;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
}
.day{
    background:#F5F0EB;
    color:#2E2C2A;
    width:53px;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    border:1px solid #2E2C2A;

}

.details p{
    margin-top:4px !important;
}

.moduleItem h4{
    margin-top:15px;
}

.moduleItem{
    display:inline-block;
    width:300px;
    padding:0px 50px 0 50px;
    vertical-align:top;
    font-size:0.7em;
}

.details{
        background:url('../img/bkg-menu2.png') bottom center no-repeat;
        padding-bottom:10px;
}

#texte-input{
    z-index:999;
}

.actif{
    background:#F5F0EB !important;
    color:#2E2C2A !important;
}
.actif:hover{
    opacity:1;
    
}

.smalltxt span{
    display:block;
    font-family:"Akzidenz-Grotesk BQ Condensed A";
    color:#2E2C2A;
    margin-top:20px;
    text-decoration:underline;
}

h2{
    margin-top:10px;
}

.smalltxt{
    font-size:0.9em;
    padding-top:30px;
}

.newsGlobal{
	width:1200px!important;
}
#dynamicNews{
	width:500px;
	float:left;
	height:455px;
	padding-top: 50px;

}

.newsContainer{
    overflow: auto;
    text-align:center;
    width: 500px;
    font-family:"Clarendon Cn BT";
    color:#696461;
}


.newsLeft{
	width:54px;
	float:left;
	margin-right:30px;
}

.newsRight{
    padding-top:20px;
    font-size:0.7em;
    width:400px;
    margin-bottom:30px;
    float: left;
    text-align: left;
}

.newsRight img{
    display:block;
    margin-left:-2px!important;
    margin-top: 10px!important
}

#vinyl{
	float:left;
	width:637px;
	margin-right: 50px;
	padding-top: 50px;

}

.instagram-placeholder {
	float:left;
	position:relative;
}

.instagram-placeholder {
        float:left;
        position:relative;
}

.instagram-placeholder img {
        position:relative;
	cursor:pointer;
}


.instagram {
	padding-left:0px;
}

.instagram-caption {
	text-align:left;
	font-size:16px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.7);
	height: 60px;
	margin: 10px;
}

.instagram-caption-user {
	white-space:nowrap;
	float: left;
	width:30%;
	overflow: hidden;
}

.instagram-username {
	font-weight: bold;
}

.instagram-profile-image {
	width: 40px;
	vertical-align: middle;
	margin-right: 10px;
}

.instagram-caption-desc {
	padding-top:10px;
	float: right;
	width:70%;
	overflow: hidden;
}

.instagram-ajax-loader {
        position: absolute;
        left: 10;
        top: 10;
	z-index: 900;
}