html, body
{
overflow-y: hidden;
}
body
{
	max-width: 720px;
	margin: auto;
	display: block;
}
h2{
	font-family: 'Droid Serif', serif;
	font-weight: 900;
	padding: ; 
	opacity: 0.74;
	font-size:14pt;
	margin:  15px 5px;
	margin-top: 5px;
	padding-bottom: 2pt;
		font-style: italic;
}

@media (max-width: 350px){
	p{
	max-width: 400px;
	font-family: "Lato";
	color: rgba(0,0,0.84);
	margin: 2em  15px 12px 15px;

	font-size: 1em;
	text-align: justify;  
    -moz-text-align-last: left; /* Code for Firefox */
    text-align-last: left;
	}
}
@media (min-width: 350px){
	p{
	max-width: 400px;
	font-family: "Lato";
	color: rgba(0,0,0.84);
	margin: 2em  auto 12px auto;
	font-size: 1em;
	text-align: justify;  
    -moz-text-align-last: left; /* Code for Firefox */
    text-align-last: left;
	}
}

p.intro
{
	font-family: "Lato";
	max-width: none;
	margin: 30px;
	font-weight: 500;
	margin-bottom: 15px;

}

.lireplus p:first-of-type::first-letter {
  font-size: 130%;
}

i{
	font-family: "Lato";
	font-weight: 300;
	font-style: italic;
}

q {
  quotes: "“" "”" "‘" "’";
}
q:before {
    content: open-quote;
    font-size: 120%;
}
q:after {
    content: close-quote;
        font-size: 120%;
}
q:before, q:after {
/*    color:  #4285f4;
    font-weight: 900;*/
}
.legend
{
	margin: 5px;
	margin-right: 15px;
	float: right;
	font-family: "Lato";
	font-weight: 300;
	font-style: italic;
	font-size: 0.6;
}

.imgcntr
{
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	margin-bottom: 50px;
}
img
{
	width: 100%;
}
.lireplus
{
	
	max-height: 0px;
	overflow: hidden;
	display: block;
	transition: max-height 0.8s ease-out;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    overflow: hidden;

}


.lireplus.selected
{
	max-height: 	3000px;
		overflow: none;
		display: block;
    padding-bottom: 30px;
    transition: max-height 2s ease-out;

}


.Lireplusbtn
{
	display: block;
	width: 100%;
	margin-bottom: 60px
}

.lirePlusTitre
{
	font-size: 14px;
    line-height: 1.42857143;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
        color: #4285f4;
            padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	background-color: #f5f5f5;
	  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.lirePlusTitre:hover
{
color:#ffffff;
	background-color: #4285f4;
}