:root {
	font-size:16px;
	line-height:20px;
}

html {scroll-behavior:smooth;}

body {
	margin:0;
	background-color:rgba(245,240,227,0.35);
	background-image: url(../img/une_minute_avec_elle_bg1.png);
	background-position: top right;
	background-repeat:no-repeat;
	background-size: auto 100vh;
	background-attachment:fixed;
    font-family: 'callunaregular', 'Times New Roman', serif;
	font-size:1em;
	line-height:1.25em;
	letter-spacing:0.06em;
	color:rgba(118,39,38,1);
}

/*! Generated by Fontspring (https://www.fontspring.com) on May 16, 2022 
* 
* Fully installable fonts can be purchased at https://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and 
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2022 Fontspring
*
*
*/

@font-face {
    font-family: 'callunaregular';
    src: url('Calluna-Regular-webfont.eot');
    src: url('Calluna-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Calluna-Regular-webfont.woff2') format('woff2'),
         url('Calluna-Regular-webfont.woff') format('woff'),
         url('Calluna-Regular-webfont.ttf') format('truetype'),
         url('Calluna-Regular-webfont.svg#callunaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Fin credits fontes */

a {	color:rgba(118,39,38,1); text-decoration:none; transition:color 2s ease-in-out;}
a:link { color:rgba(118,39,38,1); text-decoration:none;}
a:hover { color:rgba(118,39,38,0.4); text-decoration:none;}
a:visited { color:rgba(118,39,38,1); text-decoration:none;}

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

img {
    max-width:100%;
    height:auto;
  	animation:titre;
  	animation-duration:2s;
  	animation-timing-function:ease-in-out;
}

header {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	width:100%;
	height:42px;
	justify-content:flex-end;
	align-items:center;
	padding-right:16px;
}

.bt_langue:link {
    font-family: Tahoma, Verdana;
	font-size:0.85em;
	letter-spacing:0.2em;
	text-decoration:none;
  	animation:titre;
  	animation-duration:1.5s;
  	animation-timing-function:ease-in-out;
}

header span {
    opacity:25%;
}

h1, h2, h3, h4, h5 { margin:0;}

h1 {
	font-size:3em;
	line-height:1.05em;
	letter-spacing:0.075em;
	color:rgba(155,32,35,0.75);
	margin-bottom:0.05em;
  	animation:titre;
  	animation-duration:6s;
  	animation-timing-function:ease-in-out;
}

h2 {
	width:75%;
	font-size:2em;
	line-height:1.25em;
	font-style:italic;
	color:rgba(118,39,38,0.75);
  	animation:titre;
  	animation-duration:12s;
  	animation-timing-function:ease-in-out;
}

h3 {
	width:55%;
	font-size:1.5em;
	line-height:1.25em;
	font-style:italic;
	color:rgba(118,39,38,0.75);
	margin-bottom:0.5em;
  	animation:titre;
  	animation-duration:12s;
  	animation-timing-function:ease-in-out;
}

.jour {
	margin-bottom:1em;
}

.num {
	color:rgba(118,39,38,0.25);
}

@keyframes titre {
  	from {opacity:0}
  	to {opacity:1}
}

section {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction:column;
	justify-content:center;
	min-height:100vh;
	padding: 2% 8% 1% 8%;
}

.nobg {background-image:none;}
.pay {padding: 2% 2% 1% 2%;}

.var_sec { 
	padding-top:3%;
}

p {
	font-size:1.15em;
	line-height:1.25em;
	margin: 0 0 0.75em 0;
}

p:last-child {margin:0;}

.bloc_parag {
	display:block;
	border: solid rgba(118,39,38,0.15);
	border-width: 0 0 0 1px;
	padding: 0 0 0 1.5em;
}

.txt_jour p {
	font-size:1.25em;
	line-height:1.25em;
	margin-bottom:0.75em;
  	animation:titre;
  	animation-duration:12s;
  	animation-timing-function:ease-in-out;
}

.txt_jour p:last-child {
	margin-bottom:0;
}

.bt {	
	text-decoration:none; 
	border: solid rgba(118,39,38,0.3); 
	border-width: 0 0 1px 0; 
	transition:color 2s;
}

.bt_suite {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	z-index:5;
	width:1.5em;
	height:1.5em;
	align-items:center;
	justify-content:center;
	font-size:2.5em;
	line-height:2.75em;
	text-decoration:none;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border: 1px solid rgba(118,39,38,0.25);
	border-radius:50%;
	margin-top:1em;
  	animation:nav_section;
  	animation-duration:14s;
  	animation-timing-function:ease-in-out;
  	transition: all 2s;
}

@keyframes nav_section {
  from {opacity:0}
  to {opacity:1}
}

.bt_suite:link {color:rgba(118,39,38,0.35); background-color:rgba(255,255,255,0.25);}
.bt_suite:hover {color:#ffff; background-color:rgba(118,39,38,0.25);}
.bt_suite:visited {color:rgba(118,39,38,0.35); background-color:rgba(255,255,255,0.25);}

.bt_home {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	position:fixed;
	z-index:5;
	right:1em;
	bottom:1em;
	width:1.5em;
	height:1.5em;
	align-items:center;
	justify-content:center;
	font-size:2.5em;
	line-height:2.75em;
	text-decoration:none;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border: 1px solid rgba(118,39,38,0.25);
	border-radius:50%;
}

.bt_home:link {color:rgba(118,39,38,0.35); background-color:rgba(255,255,255,0.25);}
.bt_home:hover {color:#ffff; background-color:rgba(118,39,38,0.25);}
.bt_home:visited {color:rgba(118,39,38,0.35); background-color:rgba(255,255,255,0.25);}

.bt_kofi {
	width:220px;
	height:auto;
	margin-bottom:16px;
	transition: all 2s;
}

.bt_kofi:hover {
	opacity:60%;
}

.bt_qr {
	border: 1px solid rgba(118,39,38,0.25);
	border-radius:12px;
}

.paybloc {
	background-color:rgba(255,255,255,0.65);
	border: 1px solid rgba(118,39,38,0.25);
	border-radius:16px;
	padding:1em;
	margin-bottom:2em;
}

.item-header {
	width:100%;
	overflow-wrap:inherit;
}

.currency-label {margin-right:8%;}

.currency-symbol {display:none;}

.spc {
	display:block;
	height:2em;
}

.nav_footer {padding-left:2em;}

footer {
	text-align:right;
	font-size:0.885em;
	line-height:1.15em;
	color:#cdb191;
	padding: 1em 1em 0.5em 1em;
}

footer a:link {color:#cdb191;}
footer a:visited {color:#cdb191;}


	@media all and (max-width: 980px) and (min-width: 601px) {


body {
	background-image: url(../img/une_minute_avec_elle_bg2.png);
	background-size: 85vh auto;
}

section {
	padding: 1% 4% 1% 8%;
}

	}


	@media all and (max-width: 600px) {


body {
	background-image: url(../img/une_minute_avec_elle_bg3.png);
	background-size: 50vh auto;
}

h1 {
	font-size:2.5em;
	line-height:1.05em;
}

h2 {
	width:inherit;
	font-size:1.5em;
	line-height:1.25em;
}

h3 {
	width:inherit;
	font-size:1.15em;
	line-height:1.25em;
}

.bt_langue:link {
	font-size:1em;
}

section {
	padding: 1em 2em 1em 2em;
}

.pay { 
	padding: 1em 2em 1em 2em;
}

.var_sec { 
	padding-top:2em;
}

.bloc_parag {
	border-width:0;
	padding:0;
}

.bt_home {
	display:none;
}

footer {
	text-align:center;
	padding:1em;
}


	}