/* ------------- DIV CONSTRUCTION ------------- */



html, body{

	background: url("https://www.lojo.org/imgs/bg.jpg");

	background-color : #1f1f1f;

	font-family: 'Open Sans', sans-serif, Arial, Helvetica,sans-serif;

	font-size: 14px;

	font-weight: 400;

	text-align: justify;

	height: 100%;

	margin: 0 auto;

	min-height: 100%;

	padding: 0;

	width: 100%;

    color: #FFFFFF;

}



#principal

{

	height    : auto;

	margin    : 0;

	min-height: 100%;

	overflow  : hidden;

	padding   : 0;

	position  : relative;

	width     : 100%;

}

#container {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  height: auto;
  margin: auto;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
  padding-bottom: 112px;
}

#container-centre 
{
    height: auto;
    margin: auto;
    min-height: 100%;
    overflow: hidden;
    padding-bottom: 50px;
    width: 980px;
    border-bottom: 2px solid #f9b134;
}

p{
	font-size: 13px;
	color: #fff;
	font-weight: 100;
	font-family: 'Open Sans', sans-serif, Arial, Helvetica,sans-serif;
}

a {

	font-family: 'Open Sans', sans-serif, Arial, Helvetica,sans-serif;

	color: #f9b134;

	font-size: 14px;

	margin: 0;

	text-align: center;

	line-height: 30px;

	text-decoration: none;

}
p a { font-size: 12px; }
#lojoindex p a { color: #767676; }

a:hover{

	color: #ed7a27;

}

h1 {
  color: #fff;
  font-family: "Oswald",sans-serif,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 15px 0 15px 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

h2{

	color: #fff;
    font-family: "Oswald",sans-serif,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    margin: 0;

}

.h2-min{
	text-transform: none;
	margin-bottom: 10px;
}



h3
{

    color: #f9b134;

    font-family: "Oswald",sans-serif,Arial,Helvetica,sans-serif;

    font-size: 16px;

    font-weight: 400;

    width: 100%;

    text-align: left;

    float: left;

}
h3.sstitre
{
    color: #FFFFFF;
    font-family: "Oswald",sans-serif,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 200;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    float: left;
}
#main-content h1, #actu-thumb h1
{
	float: left;
    line-height: 19px;
    margin-right: 5px;
    width: auto;
    display: block;
    color: #f9b134;
    font-family: "Oswald",sans-serif,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 0px;
}

/*Galerie Photo */

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.img-list li {
  display: inline-block;
  height: 150px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 192px;
  float: left;
}

/*Texte sur photo */

span.text-content {
  background: rgba(255,255,255,0.7);
  color: #000;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 192px;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/*Affichage texte survol */

span.text-content {
  font-family: 'Oswald', sans-serif,Arial,Helvetica,sans-serif;
  font-size: 16px;
  background: rgba(255,255,255,0.7);
  color: #000;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 192px;
  opacity: 0;
}

ul.img-list li:hover span.text-content {
  opacity: 1;
}

/*Animation Photo */

span.text-content {
  background: rgba(255,255,255,0.7);
  color: #000;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 192px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.italic{
	font-size: 14px;
	color: #f9b134;
	font-style: italic;
	text-transform: uppercase;
}

.date
{
    width: 161px;
    float: left;
    margin: 13px 0;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 0px;
    font-size: 12px;
}

.titre{
	width: 536px;
	float: left;
	line-height: 19px;
}

.titre-min{
	float: left;
    line-height: 19px;
    margin-right: 5px;
    width: auto;
    display: block;
}

.titre-complicite{
	width: 100%;
    float: left;
    line-height: 19px;
    margin-left: 5px;
}


.typo-jaune{

	font-family: 'Open Sans', sans-serif, Arial, Helvetica,sans-serif;
	font-size: 13px;
	color: #f9b134;
	font-weight: 700;

}

a.show-dates{

    margin-top: 10px;
    float: left;
    background: #f9b134;
    color: #000;
    padding: 3px 10px;
    border-radius: 4px;

}

a.show-dates:hover{
	color: #fff;
}

a.typo-noir{

	font-family: 'Open Sans', sans-serif, Arial, Helvetica,sans-serif;

	font-size: 14px;

	color: #1f1f1f;

	font-weight: 700;

	text-transform: none;
}



a.typo-noir:hover{

	text-decoration: underline;

}



.typo-blanche{

	font-family: 'Open Sans', sans-serif, Arial, Helvetica,sans-serif;

	color: #ffffff;

	font-weight: 300;

	font-size: 12px;

	text-transform: uppercase;

	margin: 0;

	text-align: center;

	line-height: 30px;

}



a.typo-blanche{

	font-family: 'Open Sans', sans-serif, Arial, Helvetica,sans-serif;

	color: #ffffff;

	font-weight: 300;

	font-size: 12px;

	text-transform: uppercase;

	margin: 0;

	text-align: center;

	line-height: 30px;

	list-style-type: none;

}



a.typo-blanche:hover{

	text-decoration: underline;

}

a.lien-article{
	color: #f9b134;
    float: right;
    font-size: 14px;
    font-weight: 400;
}

a.lien-article:hover{
	color: #f9b134;
	text-align: right;
	text-decoration: underline;
}



/* ------------- HEADER ------------- */



#top{

	background-color: #1f1f1f;

	color: #1f1f1f;

	height: 55px;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 1000;

}



#menu-top{

	color: #1f1f1f;

	width: 980px;

	height: 55px;

	margin: auto;

}



#baseline{

	background-image: url("https://www.lojo.org/imgs/bg_top.jpg");

	float: left;

	height: 38px;

	padding-bottom: 5px;

	padding-top: 12px;

	width: 595px;

	margin-left: 5px;

}



#top-contacts{

	width: 352px;

	height: 55px;

	float: left;

	margin: 0;

	padding: 0;

	list-style-type: none;

	margin-top: 11px;

	margin-left: 25px;

}

header {
  height: auto;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 100;
}

#head-top{

	width: 980px;
	height: 535px;
	margin: auto;
	background-image: url('https://www.lojo.org/imgs/header.jpg');

}

#menu-social {
  float: right;
  height: 48px;
  width: 203px;
  margin-top: 10px;
}

#menu-social li{
	list-style-type: none;
}


#site-title{

	width: 168px;

	height: 122px;

	float: left;

}

#menu-head{
	/*background-image: url("https://www.lojo.org/imgs/fond_menu.jpg");*/
	height          : 40px;
	margin          : auto;
	width           : 100%;
}



#menu li{

	float: left;

	list-style-type: none;

	display: block;

}


#menu{

	height: 40px;

	margin: auto;

	padding: 0;

	width: 980px;

}



#menu a{

	font-family: 'Open Sans', sans-serif, Arial, Helvetica,sans-serif;

	color: #ffffff;

	font-size: 16px;

	font-weight: 300;

	text-transform: uppercase;

	text-decoration: none;

	text-align: center;

	line-height: 38px;

}

#diapo{

	width: 970px;

	height: 100%;

	margin: auto;

}

#menu-side{

	float: left;

	height: auto;

	margin: 20px 40px 0 0;

	min-height: 100%;

	width: 300px;

}

#newsletter{
	width: 300px;
	height: 100px;
	margin-top: 20px;
	display: block;
	float: left;
}

input.newsletter
{
	background-image: url('https://www.lojo.org/imgs/icon-newsletter.png');
    border: 0;
    width: 115px;
    height: 28px;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: transparent;
}

input.newsletter:hover{
	background-image: url('https://www.lojo.org/imgs/icon-newsletter-hover.png');
	border: 0;
}

#produit{
	width: 140px;
	margin: 0 10px 20px 0;
	float: left;
}

#disc{
	width: 184px;
	margin: 0 0px 20px 12px;
	float: left;
	min-height: 230px;

}

a.lien-disc:hover{
	color: #f9b134;
}

#titre-disc{
	width: 184px;
	line-height: 18px;
	float: left;
	margin: auto;
	display: block;
}

#disc a{
	width: 184px;
	float: left;
	min-height: 230px;
	color: #fff;
}

#disc a:hover{
	color: #f9b134;
}

#picture{
	width: 192px;
	margin: 0 16px 20px 0;
	float: left;
	min-height: 180px;
}

#picture:hover{
	background-image: url('https://www.lojo.org/imgs/photo.png');
}


#produit-titre{
	width: 130px;
  	height: auto;
  	/* background-color: #9f2e09; */
  	text-align: center;
  	float: left;
  	padding: 5px 5px 5px 5px;
  	color: #f9b134;
  	font-size: 12px;
  	font-weight: bold;
  	text-transform: uppercase;
}

#main-img {
  margin: 20px auto;
}

#contenu {
  float: left;
  height: auto;
  margin: 20px 0 0 0;
  min-height: 100%;
  width: 630px;
  border-bottom: 2px solid #f9b134;
  padding-bottom: 20px;
}

#contenu-full {
  float: left;
  height: auto;
  margin: 20px 0 0 0;
  min-height: 100%;
  width: 980px;
  border-bottom: 1px solid #f9b134;
  padding-bottom: 40px;
  margin-bottom: 10px;
}


#main-content{
	width: 624px;
	height: auto;
	min-height: 100%;
	float: left;
}

#main-content-full{
	width: 980px;
	height: auto;
	min-height: 100%;
	margin: 20px 0;
    float: left;

}

#tracklist{
	width: 550px;
	height: auto;
	min-height: 100%;
	float: left;
	margin-left: 30px;
}

#actu-thumb{
	width: 295px;
	height: auto;
	min-height: 100%;
	float: left;
	margin: 20px 20px 10px 0;
}


#article-1{

	height: auto;

	margin-bottom: 20px;

	margin-left: 30px;

	margin-top: 20px;

	min-height: 100%;

	width: 590px;

	float: left;

}



#article-2{

	height: auto;

	margin-bottom: 20px;

	margin-left: 30px;

	margin-top: 30px;

	min-height: 100%;

	width: 910px;

	float: left;

}

#large{
	width: 100%;
	float:left;
	margin-bottom: 15px;
}



#article-colonne{

	float: left;

	height: auto;

	margin-left: 29px;

	min-height: 100%;

	width: 283px;

}



#photo{

	width: 910px;

	height: 100%;

	margin-left: 30px;

	float: left;

}



#photo-min{

	width: 300px;

	height: 100%;

	margin-left: 30px;

	float: left;

}



#photo-colonne{

	width: 283px;

	height: 190px;

	float: left;

	margin-bottom: 10px;

}





/* ------------- CONTACTS ------------- */



#structure_article{

	width: 910px;

	height: auto;

	min-height: 100%;

	float: left;

	margin-left: 30px;

	margin-top: 30px;

}



form{

	height: 332px;

	margin-top: 30px;

	width: 474px;

}



#titre-champ{

	float: left;

	margin-bottom: 10px;

	width: 126px;

}



#form-champ{

	float: left;

	margin-bottom: 12px;

	width: 223px;

}



#form-champ-texte{

	margin-bottom: 12px;

	width: 223px;

}



#desc{

	background-color: #00853E; 

	width: 217px;

	height: 300px;

	float: left;

}



#champ-text

{

	width: 177px;

	height: 260px;

	float: left;

	margin-left: 20px;

	margin-top: 20px;

	text-align: justify;

}



#contact-form{

	width: 740px;

	margin-left: 210px;

	margin-top: 20px;

}



#adresse{

	width: 400px;

	height: 250px;

	float: left;

}



#img-texte {

	height: 426px;

	width : 970px;

}



/* ------------- FOOTER ------------- */



footer {

	background: none repeat scroll;

	background-position: center top;

	bottom    : 0;

	height    : 90px;

	margin    : auto;

	padding   : 0;

	position  : absolute;

	width     : 100%;

	z-index   : 1000;

}



#menu-footer{

	width: 460px;

	height: 40px;

	float: left;

	margin-left: 30px;

	display: block;

	list-style-type: none;

	padding: 0;

	margin-bottom: 0;

}



#menu-footer-align{

	margin: 9px 0 0;

}



#footer-align {

	height:60px;

	width:980px;

	margin:auto;

}



#credits-footer{

	width: 306px;

	height: 40px;

	float: right;

	margin-top: 15px;

}

#header_two{ 
	display: none;
	background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
	width: 100%;
	position: fixed;
	z-index: 10000;
	padding-top: 13px;
}


/* --------------- BANDSINTOWN -------------*/ 

iframe{ border: 0px !important; }
#bit-events td .bit-uiButton { height: 28px !important; display: none !important; }

.bit-widget a.bit-details
{
	text-align : left;
	line-height: 22px;
	font-size  : 13px;
	float      : left;
	max-width  : 180px;
}

.bit-widget .bit-details.bit-event-buttons .bit-rsvp-container{ display: none; }

.bit-widget .bit-event
 {
 	min-height: 65px;
    height: auto;
    overflow: hidden;
 }
.bit-widget .bit-event .bit-event-buttons{ margin: 0px !important; float: right !important; }
.bit-widget .bit-event .bit-details a{ padding: 0px 5px;  line-height: 25px; }

.bit-widget .bit-offers{ background-color: transparent !important; }
.bit-widget .bit-event .bit-offers-text{ text-transform: none !important; font-weight: 500 !important; }
.entournee .bit-widget a.bit-details{ max-width: 475px; }
.entournee .bit-widget.bit-layout-ipad .bit-event .bit-button{ width: 95px; }