body{
	background: #0a0200;
	color: #fffee4;
}
#main{
	margin:0.313em;
	margin-top:0em;
}
footer{
	background: #0F0200;
	width: 100%;
	max-width: none;
	min-height: 15em;
	padding-left: 3em;
	padding-right: 3em;
}
.appLogo{
	background-repeat: no-repeat;
	background-blend-mode:darken;
	background-size:contain;
}
a{
	color:#ffdddd;
	text-decoration: underline;
	text-decoration-skip: edge ink;
	text-decoration-skip-ink: auto;
}
a:hover{
	color:#ddffdd;
	text-decoration: underline;
	text-decoration-skip: edge ink;
	text-decoration-skip-ink: auto;
}
/* "Open Iconic — www.useiconic.com/open"  MIT license*/
.appExterne:after {
	content: "";
	display: inline-block; 
    background: url(../img/link.svg) no-repeat top right;
	width: 0.5em;
	height: 0.5em;
	margin-left: 0.15em;
	margin-bottom: 0.3em;
}
.appExterne:hover:after {
	content: "";
    display: inline-block; 
    background: url(../img/linkg.svg) no-repeat top right;
	width: 0.5em;
	height: 0.5em;
	margin-left: 0.15em;
	margin-bottom: 0.3em;
}
p{
	font-family: Georgia, "Times New Roman", Times, serif;
}
.cell p, h3{
	margin-left:1em;
	margin-right:1em;
	margin-top:1em;
}
.cell #social-sharing{
	margin-left:1em;
	margin-right:0.5em;
}
.cell img{
	margin-top:1em;
	margin-bottom:1em;
}
.grid-x{
	margin-top:2em;
}
h1{
	font-family: font1, "Times New Roman", Georgia, Times, serif;
	text-shadow:
	-1px -1px 0 #0a0200,
	1px -1px 0 #0a0200,
	-1px 1px 0 #0a0200,
	1px 1px 0 #0a0200;
	/* vertical-align: middle; */
}
h2{
	/* padding-bottom:10em; */
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0a0200;
	text-shadow:
    -1px -1px 0 #fffee4,
    1px -1px 0 #fffee4,
    -1px 1px 0 #fffee4,
    1px 1px 0 #fffee4;
}
.appContenu{
	margin-left:0.938em; 
	margin-top: 1.563em; 
	margin-right:0.938em;
}
.appMinBlocSize{
	min-width:7em;
}
@media only screen and (min-width: 40.063em){
	#main{
		width:75%;
		margin-left:12%;
	}
	#main:before{
		position:absolute;
		z-index:-1;
		top:0;
		width:6.250em;
		margin-left:2.188em;
		margin-top:3.750em;
		height:100%;
		max-height:24em;
		content:"";
		
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a0200+0,cc4514+23,0a0200+100 */ 
		
		background: #CC3614;/*  Old browsers */
		background: -moz-linear-gradient(top, #0a0200 0%, #CC3614 23%, #0a0200 100%); /* FF3.6-15 */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a0200), color-stop(23%,#CC3614), color-stop(100%,#0a0200)); /* Chrome4-9,Safari4-5 */
		background: -webkit-linear-gradient(top, #0a0200 0%,#CC3614 23%,#0a0200 100%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(top, #0a0200 0%,#CC3614 23%,#0a0200 100%);/*  Opera 11.10-11.50 */
		background: -ms-linear-gradient(top, #0a0200 0%,#CC3614 23%,#0a0200 100%); /* IE10 preview */
		background: linear-gradient(to bottom, #0a0200 0%,#CC3614 23%,#0a0200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC3614', endColorstr='#0a0200',GradientType=0 ); /* IE6-9 */ 
		
		
	}
	.appLogo{
		background-image: url("../img/Fleur et feuille de cerisier japonais - Sakura No-Ha ®- 200x120.png");
		height:7.500em;	
	}
	h1{
		font-size:5em;
		line-height: 1.875em;
		margin-left:0.85em;		
	}
	.appIsnotsmall{
		display:none;
	}
	h2{
		/* padding-bottom:5.5em;	  */
		padding-bottom:2.5em;
		line-height: 1.1em;
	}
	h3{
		font-size:1.5em;
	}
 	.appHero{
		position:absolute;
		width:100%;
		z-index:-2;
		/* top:7.5em;  */
		top:0em;
		margin-left:-12%;
		background-image: url("../img/Sakura-no-ha-de-pres2048.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		height:24em;
		
	}
	.appContenu{
		margin-left:10.625em;
		margin-top:5.5em; 
		
	}
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx){
		.appLogo{
			background-image: url("../img/Fleur et feuille de cerisier japonais - Sakura No-Ha ®- 400x240.png");
			height:7.5em;
			/* background-size:12.5em; */
		}
		.appHero{
			background-image: url("../img/Sakura-no-ha-de-pres2048.jpg");
			/* height:20em; */
		}
	}
}
@media only screen and (orientation: portrait) and (max-width: 40em){
	.appLogo{
		background-image: url("../img/Fleur et feuille de cerisier japonais - Sakura No-Ha ®- 200x120.png");
		height:7.500em;
	}
	.appHero{
		position:absolute;
		width:100%;
		z-index:-2;
		top:10em; 
		margin-left:-0.313em;
		background-image: url("../img/Sakura-no-ha-de-pres1024.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		height:10em;
	}
	.appContenu{
		margin-top: 6em; 
	}
	h1{
		font-size:4em;
		line-height: 0.20em;
		padding-top:0.75em;
	}
	.appFleur{
		margin-left:1.0em;
	}
	.appFeuille{
		margin-left:2.00em;
	}
	.appIssmall{
		display:none;
	}
	h2{
		padding-bottom:2.5em;
	}
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx){
		.appLogo{
			background-image: url("../img/Fleur et feuille de cerisier japonais - Sakura No-Ha ®- 400x240.png");
			height:7.5em;
			/* background-size:12.5em; */
		}
		
	}
}
@media only screen and (orientation: landscape) and (max-width: 40em){
	.appLogo{
		background-image: url("../img/Fleur et feuille de cerisier japonais - Sakura No-Ha ®- 100x60.png");
		height:3.75em;
	}
	.appContenu{
		margin-top: 3em;		
	}
	h1{
		font-size:3em;
		line-height: 0.5em;
		margin-left:0.8em;
		padding-top:0.55em;
	}
	h2{
		padding-bottom:2.5em;
		font-size:2em;
	}
	.appHero{
		position:absolute;
		width:100%;
		z-index:-2;
		top:4.5em; 
		margin-left:-0.313em;
		background-image: url("../img/Sakura-no-ha-de-pres1024.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		height:10em;
	}
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx){
		.appLogo{
			background-image: url("../img/Fleur et feuille de cerisier japonais - Sakura No-Ha ®- 200x120.png");
			height:3.75em;
			/* background-size:6.25em; */
		}
	}
}
#appMentions{
	min-height:150em;
}
#appMentions h3{
	margin-left:0;
} 
#appMentions p{
	margin-bottom:3em;
}
#appLogoRDG{
	max-height:8em;
}
figcaption{
	margin-top:-1em;
	font-size:0.75em;
	color:#3A0F0D;
}