/*****************************************************************************************
* Reset
*****************************************************************************************/
*, *::before, *::after
{
    box-sizing: border-box; 
}

*
{
    margin: 0; 
    padding: 0; 
}

html:focus-within
{
    scroll-behavior: smooth; 
}

img, picture, svg, video, canvas
{
	max-width: 100%;
	height: auto;
	vertical-align: middle; 
	font-style: italic; 
	background-repeat: no-repeat; 
	background-size: cover;
	font: inherit; 
}

  

@media (prefers-reduced-motion: reduce)
{
	html:focus-within 
	{
		scroll-behavior: auto;
	}
	*, *::before, *::after 
	{
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
		transition: none;
	}
}

body, html
{
    height: 100%; 
    scroll-behavior: smooth; 
}

/*****************************************************************************************
* Vertical center code
*****************************************************************************************/
html,body{height:100%;padding:0;margin:0}.page
{
	position:relative;
	display:table;
	table-layout:fixed;
	width:100%;
	height:100%;
	line-height:normal;
	text-align:center;	
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-attachment:fixed}

h1,h2,h3,h4,h5
{
	line-height:1.3;
	font-weight:normal
}

.bg-position-top
{ background-position:50% 0 }

.bg-position-middle
{ background-position:50% 50% }

.bg-position-bottom
{ background-position:50% 100% }

.page:before
{ content:"";position:absolute;top:0;left:0;bottom:0;right:0;filter:alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";opacity:0.4}img{max-width:100%;width:auto\9;height:auto}a,a:link{color:inherit;filter:alpha(opacity=85);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";opacity:0.85}a:hover,a:focus,a:active{filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}ul,ol{display:inline-block;text-align:left;max-width:50%}

.container
{ position:relative;display:table-cell;width:100%;vertical-align:middle;padding:1em 2em;z-index:1 }




/*****************************************************************************************
* Main
*****************************************************************************************/
html,body{height:100%;padding:0;margin:0}.page
{
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
	background-color: #FFFFFF;	
}

p
{
	margin-top: 0.8em;
}

.content
{
	max-width: 900px;
	margin:0 auto;
}

h1 
{
	margin-bottom: 0.7em;
	margin-top: 0.7em;
	font-size: 3em;
}

#picture-menu-list 
{
	list-style: none;
}

#picture-menu-list a, #picture-menu-list a span 
{
	display: block;
	text-align: center;
	margin-bottom: 2em;
}

#contact_zone
{
	margin-top: 1em;
}

#picture-menu-list img, iframe
{
	border:1px #adadad solid
}

#contact_zone a 
{
	color: #FFFFFF;
	background-color: #FF0000;
}

.body-content p 
{
	font-size:1.3em;
	line-height:1.6em;
}

#footer 
{
	padding-left		:35px;
}

#footer a
{
	background-color	:#a7a7a7;
	color				:#ffffff;
	text-decoration		:none;
}

a.block-button-link
{
	background-color: #FF0000;
	color: #ffffff;
}

/*****************************************************************************************
* Lyrics & translations
*****************************************************************************************/
.explanation-note h3
{
	font-size: 1.3em;	
	color: #666666;
}

.explanation-note.highligt h3
{
	color: #ffffff;
	background-color: #ff0000;
}

.explanation-note.highligt p
{
	color: #ff0000;
}

.explanation-note a.back-link
{
	visibility: hidden;
}

.explanation-note.highligt a.back-link
{
	visibility: visible;
	border : red solid 1px;
}

.explanation-note
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.explanation-note.first
{
	margin-top: 0.1em;
}

.explanation-note p
{
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	color: #999999;
}

.explanation-note p span.original-lyric
{
	font-style:italic;
}

.lang-line
{
	display: block;	
}

.additional-block-group
{
	position: relative;
}

.additional-block-group .container
{
	position: absolute;
	width: auto;
	margin-top: 1em;
}

.additional-block
{
	background-color: #f6f6f6;
	max-width: 55%;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 1em;
}

.additional-block p
{
	margin-top: 0.1em;
}

.additional-block .inner
{ 
	padding: 1em; 
}

.additional-block h2
{
	text-align: center;	
	font-size: 1.25em;
	background-color: #e1e1e1;
 	color: #AAAAAA;
	line-height: normal;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.additional-block p
{
	font-size: 1.25em;
}

p.translation-group-line
{
	margin-bottom: 1em;	
}

p.translation-group-line span.fr
{
	color: #666666;
}