@font-face {
font-family: 'trade';
src: url('../fonts/tradegothicltstd.eot?') format('eot'),
 url('../fonts/tradegothicltstd.otf') format('truetype'),
 url('../fonts/tradegothicltstd.woff') format('woff'),
 url('../fonts/tradegothicltstd.svg#TradeGothicLTStdRegular') format('svg');
}

@font-face {
font-family: 'tradebold';
src: url('../fonts/tradegothicltstd-bold.eot?') format('eot'),
 url('../fonts/tradegothicltstd-bold.otf') format('truetype'),
 url('../fonts/tradegothicltstd-bold.woff') format('woff'),
 url('../fonts/tradegothicltstd-bold.svg#TradeGothicLTStdBold') format('svg');
}

@font-face {
font-family: 'tradebold-2';
src: url('../fonts/tradegothicltstd-bd2.eot?') format('eot'),
 url('../fonts/tradegothicltstd-bd2.otf') format('truetype'),
 url('../fonts/tradegothicltstd-bd2.woff') format('woff'),
 url('../fonts/tradegothicltstd-bd2.svg#TradeGothicLTStdBoldNo.2') format('svg');
}

body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-image:url(../images/ecailles.png);
  padding-bottom: 20px;
	font-size:14px;
	color:#000000;
	line-height: 1.42857143;
}

a, a:hover, a:focus{
	color:#000000;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: inherit;
  margin-top: 0px;
  margin-bottom: 0px;
	text-align:inherit;
}

h1,
.h1 {
	font-family:tradebold-2;
  font-size: 28px;
	text-transform:uppercase;
  margin-top: 10px;
}
h2,
.h2 {
	font-family:tradebold-2;
  font-size: 19px;
	text-transform:uppercase;
}
h3,
.h3 {
	font-family:trade;
  font-size: 20px;
	text-transform:uppercase;
}
h4,
.h4 {
	font-family:trade;
  font-size: 14px;
	text-transform:uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
}
h5,
.h5 {
	font-family:tradebold-2;
  font-size: 13px;
	text-transform:uppercase;
}
h6,
.h6 {
	font-family:tradebold;
  font-size: 13px;
	text-transform:uppercase;
}

@media (min-width: 768px) {
	h1,
	.h1 {
		font-size: 32px;
	}
	h3,
	.h3 {
		font-size: 22px;
	}
	h5,
	.h5 {
		font-size: 16px;
	}
	h6,
	.h6 {
		font-size: 16px;
	}
}

/* Customize container */
@media (min-width: 768px) {
	.container {
		width: 960px;
		padding-left:0px;
		padding-right:0px;
	}
}

.no-padding{
	padding:0px;
}

/* NAVBAR
-------------------------------------------------- */
.navbar {
	max-width: 960px;
	background-color:#FFFFFF;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
	position: fixed;
	margin-right: auto;
	margin-left: auto;
	border-width: 0 0 0px;
}

@media (min-width: 768px) {
	.navbar {
		width: 960px;
	}
	
	.navbar-fixed-top,
	.navbar-fixed-bottom {
		border-radius: 0;
	}
}

.navbar-fixed-top {
	top: 0;
	z-index: 1030;
}
	
.navbar-default .navbar-nav {
	font-family:tradebold-2, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-color:#FFF;
	padding-bottom:10px;
}


@media (min-width: 768px) {
	.navbar-default .navbar-nav {
		padding-bottom:0px;
	}

	.navbar-nav > li > a {
		padding:0px;
		padding-top: 10px;
		margin-right: 10px;
		margin-left: 10px;
	}

	.navbar-nav > .news > a {
		margin-left: 5px;
	}

	.navbar-nav > .last > a {
		margin-right: 5px;
	}
}

@media (min-width: 992px) {
	.navbar-default .navbar-nav {
		padding-bottom:5px;
	}
	
	.navbar-nav > li > a {
		padding:0px;
		padding-top: 30px;
	}

	.navbar-nav > .news > a {
		margin-left: 5px;
	}
	
	.navbar-nav > .last > a {
		margin-right: 5px;
	}
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #000000;
	background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	border-bottom:#c3d100 2px solid;
}

.navbar-toggle {
	position: relative;
	float: right;
	margin-top: 20px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-default .navbar-toggle {
	background-color:#FFFFFF;
	border-color: #000000;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color:#FFFFFF;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #000000;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color:transparent;
}

/* PROGRAMME
-------------------------------------------------- */

.row-programme{
	margin-right:0px;
	margin-top:15px;
	margin-bottom:15px;
}

/* BILLETS	
-------------------------------------------------- */

.btn-billet {
	color: #000;
	background-color: #fff;
	border-color: #000;
}

.btn-billet > a {
color: #c3d100;
}

.btn-billet:hover > a,
.btn-billet:focus > a,
.btn-billet:active > a,
.btn-billet.active > a {
color: #fff;
	text-decoration:none;
}

.btn-billet:hover,
.btn-billet:focus,
.btn-billet:active,
.btn-billet.active,
.open .dropdown-toggle.btn-billet {
color: #000;
background-color: #c3d100;
border-color: #000;
}


/* LIEU	
-------------------------------------------------- */
.row-lieu{
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
}

.ligne-bottom-lieu{
	border-bottom:#000 1px solid;
	margin-top:16px;
	margin-bottom:18px;
}


/* FESTIVAL	
-------------------------------------------------- */
.personnage{
	background-image:url(../images/personnage.png);
	background-repeat:no-repeat;
	padding-top:350px;
	padding-left:318px;
}

.personnage-texte{
	border-top:1px solid #d64191;
	padding-top:5px;
}

/* PARTENAIRES
-------------------------------------------------- */

.row-partenaires{
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
}

/* CONTACT
-------------------------------------------------- */

.border-bleu{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #18b8e6;
}

.border-bleu-fin{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #18b8e6;
}

@media (min-width: 992px) {
.border-bleu{
	padding-top:0px;
	padding-bottom:0px;
	border-right:1px solid #18b8e6;
	border-bottom:none;
}

.border-bleu-fin{
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:none;
}
}


.contact{
	text-align:center;
	font-size:12px;
}

@media (min-width: 768px) {
.contact{
	text-align:center;
	font-size:16px;
}
}
.contact a{
	color:#000000;
}

.contact a:hover,
.contact a:focus{
	color:#18b8e6;
	text-decoration:none;
}

.row-contact {
	margin:50px;
	margin-right: 0px;
	margin-left: 0px;
}

.bloc_texte{
	padding:10px;
}

.bloc_texte, .bloc_texte > a, .bloc_texte > p> a{
  color: #000;
  background-color: #FFF;
}

.bloc_texte > div > a.btn, .bloc_texte > div > div > a.btn, .bloc_texte > a.btn {
	border:1px solid #000;
	color:#000;
}

.bloc_texte > div > a, .bloc_texte > div > p > a, .bloc_texte > address > a {
  color: #000;
}

.bloc_bouton{
	margin-top:20px;
}

.ligne{
	width:87px;
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
}
		
.bloc_entete{
	margin-top:30px;
}

.bloc_entete > div.ligne, .bloc_entete > div > a.btn, .bloc_entete > a.btn, .bloc_entete_sans_image > div.ligne, .bloc_entete_sans_image > div > a.btn, .bloc_entete_sans_image > a.btn {
	border:1px solid #000;
	color:#000;
}


.thumbnail {
  display: inline-block;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  margin-bottom: 0px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 0px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnail > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

.switch_site{
	padding:0px;
	height:80px;
	background-color:#FF0;
}

.switch_menu_social{
  position: absolute;
	float:left;
	top:50%;
	left:100%;
	width:130px;
	height: 30px;
	margin-top: -15px;
	margin-left: -130px;
}

.switch_site_facebook, .switch_site_twitter, .switch_site_youtube, .switch_site_facebook_noir, .switch_site_twitter_noir, .switch_site_youtube_noir{
	float:left;
	background-size:contain;
	height:30px;
	width:30px;
	cursor:pointer;
}

.switch_site_facebook{
	background-image:url(http://www.lesarts.ch/site/images/logo/facebook_gris_menu.png);
	margin-right:20px;
}

.switch_site_facebook:hover{
	background-image:url(http://www.lesarts.ch/site/images/logo/facebook_noir_menu.png);
}

.switch_site_twitter{
	background-image:url(http://www.lesarts.ch/site/images/logo/twitter_gris_menu.png);
	margin-right:20px;
}

.switch_site_twitter:hover{
	background-image:url(http://www.lesarts.ch/site/images/logo/twitter_noir_menu.png);
}

.switch_site_youtube{
	background-image:url(http://www.lesarts.ch/site/images/logo/youtube_gris_menu.png);
}

.switch_site_youtube:hover{
	background-image:url(http://www.lesarts.ch/site/images/logo/youtube_noir_menu.png);
}

.switch_site_facebook_noir{
	background-image:url(http://www.lesarts.ch/site/images/logo/facebook_noir_menu.png);
	margin-right:20px;
}

.switch_site_facebook_noir:hover{
	background-image:url(http://www.lesarts.ch/site/images/logo/facebook_gris_menu.png);
}

.switch_site_twitter_noir{
	background-image:url(http://www.lesarts.ch/site/images/logo/twitter_noir_menu.png);
	margin-right:20px;
}

.switch_site_twitter_noir:hover{
	background-image:url(http://www.lesarts.ch/site/images/logo/twitter_gris_menu.png);
}

.switch_site_youtube_noir{
	background-image:url(http://www.lesarts.ch/site/images/logo/youtube_noir_menu.png);
}

.switch_site_youtube_noir:hover{
	background-image:url(http://www.lesarts.ch/site/images/logo/youtube_gris_menu.png);
}

/* WRAPPER
-------------------------------------------------- */
.wrapperSeparateur{
	padding-top:70px;
}
.wrapperContent{
	font-family:trade, Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	padding-bottom:0px;
	padding-top:20px;
	border-top:#c3d100 2px solid;
}

@media (min-width: 992px) {
 .wrapperContent{
		padding:30px;
		padding-top:80px;
		padding-bottom:0px;
	}
}