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

html {
	font-family:Arial, Helvetica, sans-serif;
	color:#323232;
}

body {
	background:#fff;
	/*font-family: 'Dosis', sans-serif;*/
	font-family: 'Josefin Sans', sans-serif;
	font-size:0.875em;
	line-height:1.4em;
	font-weight:300;
	color:#323232;
	width:100%;
	height:100%;
}

strong {
	font-weight: 600;
}

.headerContent,
.sectionContent,
.footerContent {
	width:100%;
	max-width:992px;
	margin:0 auto;
	overflow:hidden;
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:992px) and (orientation : portrait) {
	.headerContent,
	.sectionContent,
	.footerContent {
		max-width:none;
	}
}


/*---------------------------------
COMMON
-----------------------------------*/
section {
	position:relative;
	width:100%;
	margin:0 auto 35px 0;
	padding:0 15px;
	box-sizing:border-box;
}

.sectionContent {
	margin:20px auto -18px auto;
}

article {
	position:relative;
	margin-bottom:22px;
}

h1,
h2 {
	font-weight:normal;
}

h1 {
	font-size:2.4em;
	line-height:0.9em;
	font-weight:700;
}

section > h1 {
	letter-spacing:0.03em;
	color:#F8A301;
}

article h1 {
	font-size:2.6em;
	font-weight:500;
	margin-bottom:10px;
}

article h1 span {
	font-size:0.7em;
	line-height:2em;
	/*margin-bottom:-10px;*/
}

article h1 span p {
	font-size:1em;
	line-height:auto;
}

h2 {
	font-size:1.8em;
	line-height:1em;
	font-weight:500;
}

article h2 {
	font-size:1.45em;
	margin-bottom:9px;
}

section p {
	font-size:1.25em;
	line-height:1.15em;
	/*letter-spacing:0.01em;*/
}

.sidr-inner ul li,
footer .footerContent > div,
#partenaires ul li,
#partenaires ul li a,
footer .footerContent ul li,
footer .footerContent ul li a {
	display:inline-block;
	vertical-align:top;
}

body > a,
article h1 span {
	display:block;
}

.headerContent p span,
footer a span,
body > a span,
#partenaires ul li  a span {
	display:block;
	text-indent:-9999px;
	text-align:left;
	overflow:hidden;
}

section > h1 {
	text-transform:uppercase;
}

a,
a:hover,
a:focus {
	color:#F8A301; /* #db683b*/
	text-decoration:underline;
}

body > a {
	background:url(../../assets/images/structure/icon-up-2021.png) left top no-repeat;
	width:50px;
	height:50px;
	position:fixed;
	top:50%;
	right:0;
}

.carousel {
	width: 223px;
}

.carousel-control.left, .carousel-control.right {
	color: #F8A301;
	opacity: 1;
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {
	section {
		padding:0 10px 0 50px;
	}

	h1 {
		font-size:3.6em;
	}

	article h1 {
		font-size:3em;
	}

	h2 {
		font-size:2.4em;
	}

	article h2 {
		font-size:1.75em;
	}

	section p {
		/*font-size:1.55em;*/
		font-size:1.4em;
	}
}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:992px) {
	.sectionContent {
		margin:-98px auto -18px auto;
	}

	section {
		padding-left:250px;
	}

	h1 {
		font-size:3.8em;
		line-height:0.9em;
		font-weight:700;
	}
}


/*---------------------------------
HEADER
-----------------------------------*/
header .headerContent > p {
	float:left;
	/*background:url(../../assets/images/structure/mostra-teatrale-di-pieve.gif) center center no-repeat;*/
	background:url(../../assets/images/structure/logo-mostra-2024.png) center center no-repeat;
	background-size:105px 143px;
	width:105px;
	height:143px;
}

header .pull-right {
	margin-top: 60px;
	margin-right: 10px;
}

header .change_lang.btn-primary {
	background: #F8A301;
	border-color: #F8A301;
}

.sidr-inner {
	margin:50px 20px 0 20px;
}

.sidr-inner ul li {
	margin-bottom:16px;
	width:100%;
}

.sidr-inner ul li a {
	font-size:1.6em;
	line-height:1.2em;
	font-weight:400;
	color:#323232;
	text-decoration:none;
}

.sidr-inner ul li a:hover,
.sidr-inner ul li a.active {
	font-weight:600;
}

body.sidr-right-open .sidr a {
	color:#fff;
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {
	header .headerContent > p {
		background-size:214px 291px;
		width:214px;
		height:291px;
	}
}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:992px) {
	header .headerContent .sidr-inner {
		float:right;
		margin:30px 0 0 0;
	}

	.sidr-inner ul li {
		margin:0 28px 0 5px;
	}

	.sidr-inner ul li:nth-child(1) {
		width:/*105*/65px;
	}

	.sidr-inner ul li:nth-child(2) {
		width:68px;
	}

	.sidr-inner ul li:nth-child(3) {
		width:102px;
	}

	.sidr-inner ul li:nth-child(4) {
		width:74px;
	}

	.sidr-inner ul li:nth-child(5) {
		width:74px;
	}

	header .pull-right {
		margin-top: 25px;
		margin-right: 0;
	}


}


/*---------------------------------
MENU MOBILE
-----------------------------------*/
body.sidr-right-open {
	overflow:hidden;
}

body .sidrCover {
	display:none;
}

body.sidr-right-open .sidr {
	background:#F8A301;
}

#mobileNav {
	display:block;
	position:absolute;
	top:21px;
	right:1.5%;
	z-index:5001;
}

#mobileNav span {
	background:#F8A301;
	display:block;
	height:4px;
	margin:0 0 5px;
	transform:translate3d(0px, 0px, 0px);
	transition:all 0.4s ease 0s;
	width:27px;
}

body.sidr-right-open #mobileNav span:nth-child(1) {
	-ms-transform:rotate(45deg) translate3d(4px, 9px, 0px); /* IE 9 */
	-webkit-transform:rotate(45deg) translate3d(4px, 9px, 0px); /* Safari and Chrome */
	-o-transform:rotate(45deg) translate3d(4px, 9px, 0px); /* Opera */
	-moz-transform:rotate(45deg) translate3d(4px, 9px, 0px); /* Firefox */
	transform:rotate(45deg) translate3d(4px, 9px, 0px);
	margin-left:3px;
}

body.sidr-right-open #mobileNav span:nth-child(2) {
	opacity:0;
}

body.sidr-right-open #mobileNav span:nth-child(3) {
	-ms-transform:rotate(-45deg) translate3d(4px, -9px, 0px); /* IE 9 */
	-webkit-transform:rotate(-45deg) translate3d(4px, -9px, 0px); /* Safari and Chrome */
	-o-transform:rotate(-45deg) translate3d(4px, -9px, 0px); /* Opera */
	-moz-transform:rotate(-45deg) translate3d(4px, -9px, 0px); /* Firefox */
	transform:rotate(-45deg) translate3d(4px, -9px, 0px);
	margin-left:3px
}

#sidr {
	display:none;
}

/* Copy from jquery.sidr.light.css */
.sidr {
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:99999;
	width:270px;
	overflow-x:none;
	overflow-y:auto;
	background:#fff;
	color:#323232;
}

.sidr .sidr-inner {
	padding:0 0 15px;
}

.sidr.right {
	left:auto;
	right:-270px;
}
/* fin copy from jquery.sidr.light.css */

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:992px) {
	#mobileNav {
		display:none;
	}

	#sidr {
		display:block;
	}
}


/*---------------------------------
PROGRAMME => VOIR
-----------------------------------*/
#programme > h2, .programme > h2 {
	margin-bottom:10px;
	font-weight:600;
}

#programme ul, .programme ul {
	margin-bottom:17px;
}

#programme .desc, .programme .desc {
	margin-top: 17px;
}

#programme ul li, .programme ul li {
	font-size:1.35em;
	line-height:1.05em;
}

#programme img.pale, .programme img.pale {
	margin-bottom:17px;
}

#programme p + ul, .programme p + ul {
	margin-top:17px;
}

@media screen and (max-width:992px) {
	#programme .carousel, .programme .carousel {
		top:0 !important;
	}
}


/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {
	#programme ul li, .programme ul li {
		font-size:1.6em;
	}
}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:992px) {
	#programme h1 br, .programme h1 br {
		display:none;
	}

	#programme img.pale, .programme img.pale, .carousel {
		position:absolute;
		top:55px;
		left:-250px;
	}

	#programme .carousel, .programme .carousel {
		position:absolute;
	}
}


/*---------------------------------
CONTACT => VENIR
-----------------------------------*/
#contact h2 {
	font-size:1.45em;
	margin-top:24px;
}

.carte {
	margin: 15px 0;
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:992px) {
	#contact h2 {
		font-size:1.8em;
	}
}


/*---------------------------------
PARTENAIRES => SOUTENIR
-----------------------------------*/
#partenaires h1 {
	margin-bottom:8px;
}

#partenaires ul li {
	margin:0 34px 23px 0;
}

#partenaires p span {
	font-weight:600;
}

footer .footerContent ul li a {
	background-position:left top;
	bakground-repeat:no-repeat;
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:992px) {
	#partenaires p {
		font-size:1.65em;
		line-height:1.05em
	}

	#partenaires p span {
		font-size:1.05em;
	}
}


/*---------------------------------
RENCONTRER
-----------------------------------*/
#rencontrer h2 {
	font-size:1.45em;
	margin-top:24px;
}

#rencontrer img {
	margin: 5px 5px 5px 0;
}


/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:992px) {
	#rencontrer h2 {
		font-size:1.8em;
	}
}


/*---------------------------------
FOOTER
-----------------------------------*/
footer .footerContent {
	/*padding-top:16px;*/
	padding-top:28px;
}

footer .footerContent > div {
	position:relative;
	/*background:#323232;*/
	background:#bbac9f;
	width:100%;
}

footer .footerContent p {
	font-size:1em;
	font-weight:400;
	color:#fff;
	margin-bottom:15px;
	padding-left:72px;
}

footer .footerContent > div p:first-child {
	position:relative;
	/*background:url(../../assets/images/structure/mostra-teatrale-di-pieve-small.png) left top no-repeat;*/
	background:url(../../assets/images/structure/logo-mostra-2024-small.png) left top no-repeat;
	/*padding-top:34px;
	margin:-16px 0 0 0;*/
	padding-top:46px;
	margin:-28px 0 0 0;
	min-height:29px;
}

footer .footerContent ul {
	width:100%;
	text-align:center;
}

footer .footerContent ul li {
	margin:0 6px;
}

footer .footerContent ul li a {
	background-position:left top;
	bakground-repeat:no-repeat;
	width:39px;
	height:39px;
}

footer .footerContent ul li:nth-child(1) a {
	background-image:url(../../assets/images/structure/icon-google+.png);
}

/*footer .footerContent ul li:nth-child(2) a {
	background-image:url(../../images/structure/icon-linkedin.png);
}*/

footer .footerContent ul li:nth-child(2) a {
	background-image:url(../../assets/images/structure/icon-facebook.png);
}

footer .footerContent ul li:nth-child(3) a {
	background-image:url(../../assets/images/structure/icon-insta.png);
}


/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {
	footer .footerContent > div p:first-child {
		float:left;
		padding-left:92px;
	}

	footer .footerContent p {
		margin:0;
		font-size:1.2em;
	}

	footer .footerContent p + p {
		position:absolute;
		z-index:1;
		top:17px;
		left:0;
		width:100%;
		text-align:center;
		padding-left:132px;
		box-sizing:border-box;
	}

	footer .footerContent ul {
		position:relative;
		z-index:2;
		float:right;
		width:auto;
		margin:6px 11px 0 0;
	}

	footer .footerContent a {
		color:#fff;
		text-decoration:none;
	}
}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:992px) {
	footer .footerContent p + p {
		padding-left:72px;
	}
}


/*---------------------------------
Special Firefox
-----------------------------------*/
@-moz-document url-prefix()
{

}


/*---------------------------------
IPAD / IPHONE
-----------------------------------*/
/* Modifier la couleur des numéros de téléphone */
h1 a {
	text-decoration:none;
}


/*---------------------------------
IE 9
-----------------------------------*/