@import url(https://fonts.googleapis.com/css?family=Montserrat:500,800);

body
{
	background : #f5f5f5;
	font-family : Montserrat, sans-serif;
	font-weight:500;
	font-size : 18px;
	padding : 10px;
}
form
{
	margin : 0;
	padding : 0;
	margin-block-end : 0;
}
p
{
	font-family : Montserrat, sans-serif;
	font-weight:500;
	font-size : 14px;
	letter-spacing : 0.3px;
	line-height : 20px;
}
p b
{
	font-weight : 800;
}
p a
{
	color : inherit;
	text-decoration : underline;
}
div.row
{
	overflow : hidden;
	line-height : 30px;
	border-radius : 3px;
	margin-bottom : 2px;
	background : #e08b77;
	margin-right : 20px;
}
.bigTitle
{
	color : #2d2c29;
	font-size : 30px;
	line-height : 50px;
	margin : 10px 0 20px 0;
}
.bigTitle img
{
	height : 50px;
	vertical-align:bottom;
}
div.row.title 
{
	background : transparent;
}
div.day
{
	min-width : 800px;
	margin : 2px; 
}
div.dayOff
{
	opacity : 0.6;
}
.dateday, span.date
{
	font-size: 14px;
}
span.dateday
{
	float : left;
	width : 8%;
	text-align : right;
}
span.nb
{
	float : left; 
	width : 5%;
	text-align : center;
}
span.date
{
	float : left;
	width : 7%;
}
span.descr
{
	float : left;
	width : 48%;
	padding : 1px 5px 1px 0;
}
span.author
{
	float : left;
	width : 20%;
}
span.descr, span.author
{	padding : 3px 5px 3px 0;
}
.descr input, .author input
{
	width : 100%;
	line-height : 25px;
	font-size: 14px;
	background : #e08b77;
	border-radius : 5px;
	border : none;
	padding : 0 5px 0 5px;
	font-family : Montserrat, sans-serif;

}
.btn
{
	float : left;
	width : 8%;
	background : #fff;
	text-align : center;
	border-radius : 5px;
	line-height : 25px;
	margin : 2px;
	font-size : 12px;
	cursor : pointer;
}
.btn:not(.inactive):hover
{
	background: #2d2c29;
	color : #fff;
}
.btn.inactive
{
	opacity : 0.2;
	cursor : default;
}
.btn.more
{
	width : 1%;
	line-height: 15px;
	font-size : 14px;
	margin-top : 10px;
	margin-left : 10px;
}
.btn.more.inactive
{
	display : none;
}
.title, .title .dateday, .title .descr
{
	font-size : 18px;
}
.twoColumns
{
	overflow : hidden;
}
.main
{
	float : left;
	width : 60%;
}
.artistInfo
{
	float : right; 
	width : 32%;
	background : #ebe4de;
	border-radius : 5px;
	padding : 0 10px 10px 10px;
}
.artistInfo .title
{
	font-weight : 800;
}
.formArtist input
{
	width : 70%;
	line-height : 25px;
	font-size: 14px;
	border-radius : 5px;
	border : none;
	padding : 0 5px 0 5px;
	font-family : Montserrat, sans-serif;
	float : left;
	background : #e08b77;
}
.formArtist input.default
{
	color : #a26456;
}
.formArtist .btn
{
	width : 27%;
	margin-left: 2%;
	margin-top : 0;
}
p.listParticipants
{
	line-height: 26px;
}
.artistInfo .participant
{
	background : #e08b77;
	padding : 1px 3px 1px 3px;
	line-height : 16px;
	border-radius : 5px;
	margin-left : 5px; 
	color : #f5f5f5;
	display : inline-block;
}
.productions 
{
	margin-top : 1em;
}
.productions a
{
	display : inline-block;
	color : inherit;
	text-decoration : none;

}
.productions a img
{
	height : 150px;
	border:none;

}
.productions a .legend
{
	display : inline;
	clear : left;
	font-size : 0.8em;
	text-decoration : none;
	position : relative; 
	top : -1.3em;
	left : 2px;
	background : #e08b77;
	color : #fff;
	border-radius :5px;
	padding : 0 2px 0 2px;
}

.popupBg
{
	text-align : center;
	width : 100vw;
	text-align	: center;
}
.popupTitle
{
	font		: 16px Montserrat, sans-serif;
	color		: #ffffff;	
	padding		: 2px 0 0 0;
	text-align	: center;
}
.CSSPopupFrame
{
	width : 100vw;
	height : 100vh;
	display : block;
	position : fixed;
	top : 0;
	left : 0;
	text-align : center;
}
.CSSPopupImage
{
	max-height : 90vh;
	max-width : 90vw;
	display : inline-block;
	top : 0;
	left : 0;
	position : relative;
	margin-top : 3vh;
	margin-left : auto;
	margin-right: auto;
}
.productions .subject
{
	font-size: 12px; 
} 
.productions .subject .titre
{
	font-variant : italic;
}
.productions .author
{
	font-size : 10px;
	float : none;
	width : auto;
}

@media screen and (max-width: 800px)
{

	.main, .artistInfo
	{
		float : none;
		width : auto;
	}
	.row .dateday
	{
		display : none;
	}
	.row .date
	{
		display : none;
	}

	div.day
	{
		min-width : auto;
	}

	span.descr
	{
		float : left;
		width : 58%;
		padding : 1px 5px 1px 0;
	}
	span.author
	{
		float : left;
		width : 26%;
	}

}