/* Début partie menu */
:root
{
	--c-go-top-background: #2196F3;
	--c-go-top-color: #eee;
	--c-go-top-hover-color:  #fff;
	--c-go-top-hover-background: #0D47A1;
	--navbar-backgroung: #1565C0;
	--navbar-a-color: white;
	--sweep-top-before-background: #2196F3;
	--current-backgroung: #0D47A1;
	--menu-link-random: #0D47A1;
	--h1-text-shadow:  0 0px 0px rgba(33, 150, 243, 0.2), 
	0px -2px 5px rgba(33, 150, 243, 0.2), 
	0 -4px 4px rgba(33, 150, 243, 0.2), 
	0 4px 4px rgba(33, 150, 243, 0.2), 
	0 -8px 8px rgba(33, 150, 243, 0.2), 
	0 -8px 16px rgba(33, 150, 243, 0.3),
	10px 12px 32px rgba(0, 255, 255, 0.2),
	5px 5px 2px rgba(26,32,44, 0.7);
	--tooltip-dark-mode-top-dark-mode-color: #444444;
	--tooltip-dark-mode-top-dark-mode-background: #EEEEEE;
	--tooltip-dark-mode-top-dark-mode-i-after-background: #EEEEEE;
	--search-container-button-background: #90CAF9;
	--search-container-button-background-hover: #1E88E5;
	--search-container-button-color: #1f2933;
	--search-container-button-color-hover: white;
	--dropbtn-background: #42A5F5;
	--dropbtn-color: black;
	--submit-search-background: #90CAF9;
	--submit-search-color: black;
	--text-title-color: #212121;
	--max-width-1000px-h2-color: #424242;
	--max-width-1000px-topnav-a-icon-background: #0D47A1;
	--max-width-1000px-topnav-a-hover-background: #42A5F5;
	--max-width-1000px-topnav-a-hover-color: black;
	--max-width-1000px-title-mobile-background: #1565C0;

	--max-width-1000px-affiliate-tab-link-background-color: #0D47A1;
	--max-width-1000px-affiliate-tab-link-text-shadow:  0 0px 0px rgba(33, 150, 243, 0.2), 
	0px -2px 5px rgba(33, 150, 243, 0.2), 
	0 -4px 4px rgba(33, 150, 243, 0.2), 
	0 4px 4px rgba(33, 150, 243, 0.2), 
	0 -8px 8px rgba(33, 150, 243, 0.2), 
	0 -8px 16px rgba(33, 150, 243, 0.3),
	10px 12px 32px rgba(0, 255, 255, 0.2),
	5px 5px 2px rgba(26,32,44, 0.7);;
	--max-width-1000px-affiliate-tab-link-a-color:#edc298;
	--max-width-1000px-affiliate-tab-link-a-hover-color: #1ddecb;
	--max-width-1000px-vertical-line-background-color: #1ddecb;

	--max-width-1000px--cat-links: #333;
	--footer-background: #cee3f7;
	--footer-h4-color: #c62828;
	--footer-text-color: #212121;
	--font-color: #c62828;
	--p-right-color: white;
	--p-right-background: rgba(21, 101, 192, 0.8);
	--dark-button-background: #1565C0;
	--background-button: url("../images/svg/moon.svg")no-repeat;
	--tooltip-light: none;
	--tooltip-dark: block;
}

.darkmode
{
	--c-go-top-background: #3a4556;
	--c-go-top-color: #eee;
	--c-go-top-hover-color:  #eee;
	--c-go-top-hover-background: #2d3848;
	--navbar-backgroung: #2d3848;
	--navbar-a-color: #FFCC80;
	--sweep-top-before-background: #4a5568;
	--current-backgroung: #1F2933;
	--menu-link-random: #4a5568;
	--h1-text-shadow: 0 0px 0px rgba(255, 0, 153, 0.2), 
	0px -2px 5px rgba(255, 0, 153, 0.2), 
	0 -4px 4px rgba(255, 0, 153, 0.2), 
	0 4px 4px rgba(255, 0, 153, 0.2), 
	0 -8px 8px rgba(255, 0, 153, 0.2), 
	0 -8px 16px rgba(255, 0, 153, 0.3),
	10px 12px 32px rgba(0, 255, 255, 0.2),
	5px 5px 2px rgba(0, 255, 255, 0.7);
	--tooltip-dark-mode-top-dark-mode-color: white;
	--tooltip-dark-mode-top-dark-mode-background: #3A434C;
	--tooltip-dark-mode-top-dark-mode-i-after-background: #3A434C;
	--search-container-button-background: #EDC298; /* background loupe */
	--search-container-button-background-hover: #2E2E2E;
	--search-container-button-color: #1f2933;
	--search-container-button-color-hover: #1DDECB;
	--dropbtn-background: #1f2933; /* background loupe mobile */
	--dropbtn-color: white;
	--submit-search-background: #EDC298; /* background seconde loupe mobile */
	--submit-search-color: #1f2933; /* seconde loupe mobile */
	--text-title-color: #EDC298; /* text à coté titre */
	--max-width-1000px-h2-color: white; /* text à coté titre mobile */
	--max-width-1000px-topnav-a-icon-background: #1F2933; /* menu mobile */
	--max-width-1000px-topnav-a-hover-background: #3a4556;
	--max-width-1000px-topnav-a-hover-color: white;
	--max-width-1000px-title-mobile-background: #2d3848;

	--max-width-1000px-affiliate-tab-link-background-color: #383b40; /*inutile??*/
	--max-width-1000px-affiliate-tab-link-text-shadow:0 0px 0px rgba(255, 0, 153, 0.2), 
	0px -2px 5px rgba(255, 0, 153, 0.2), 
	0 -4px 4px rgba(255, 0, 153, 0.2), 
	0 4px 4px rgba(255, 0, 153, 0.2), 
	0 -8px 8px rgba(255, 0, 153, 0.2), 
	0 -4px 8px rgba(255, 0, 153, 0.3),
	10px 12px 32px rgba(0, 255, 255, 0.2),
	2px 2px 2px rgba(0, 255, 255, 0.7);
	--max-width-1000px-affiliate-tab-link-a-color: #FFCC80;
	--max-width-1000px-affiliate-tab-link-a-hover-color: #1ddecb;
	--max-width-1000px-vertical-line-background-color: #1ddecb;


	--max-width-1000px--cat-links: #333; /* background catégories menu mobile */
	--footer-background: #273037;
	--footer-h4-color: #EDC298;
	--footer-text-color: #AFB3B6;
	--font-color: #1DDECB;
	--p-right-color: #EDC298;
	--p-right-background: #1F2933;
	--dark-button-background: #2d3848;
	--background-button: url("../images/svg/sun.svg") no-repeat;
	--tooltip-light: block;
	--tooltip-dark: none;
}

html
{
	min-width: 320px;
}

h2
{
	font-size: 16px;
}

.pub /* probablement plus utile... */
{	
	margin: 0 auto;
	width: 900px;
	z-index: 1;
}

.pub-mobile
{
	display: none;
}

.c-go-top
{
	background: none repeat scroll 0 0 padding-box var(--c-go-top-background);
	bottom: 80px;
	border: 1px solid;
	border-radius: 4px;
	color: var(--c-go-top-color);
	display: none;
	height: 37px;
	opacity: 0.8;
	padding: 10px;
	position: fixed;
	right: 20px;
	text-decoration: none;
	z-index: 999;
}

.c-go-top:hover
{

	color: var(--c-go-top-hover-color);
	background: var(--c-go-top-hover-background);
	outline: 0;
	text-decoration: none;
}

.navbar /* menu classique */
{
	background: var(--navbar-backgroung);
	/*position: fixed;*/
	top: 0;
	width: 100%; /* width: calc(100% - 120px); */
	height: 48px;
	z-index: 99990;
	opacity: 0.95;
}

.navbar a
{
	display: block;
	color: var(--navbar-a-color);
	text-align: center;
	padding: 14px 16px 14px 8px;
	text-decoration: none;
	font-size: 17px;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L'; sans-serif;
	font-weight: 700;
}

.sweep-top svg
{
	position: relative;
	margin: -10px 5px 0 0;
	bottom: -5px;
	width: 25px;
	height: 25px;
}

.sweep-top
{
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: color 500ms;
	transition: color 500ms;
}

.sweep-top:before
{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--sweep-top-before-background);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition: 200ms ease-out;
	transition: 200ms ease-out;
}

.current
{
	background: var(--current-backgroung);
}

.sweep-top:hover:before
{
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.menu-link, .random
{
	float: left;
	border-right: 1px solid  var(--menu-link-random);

}

/*** Debut titre ***/
@keyframes float {
	0% {
		
		transform: translatey(0px);
	}
	50% {
		
		transform: translatey(-5px);
	}
	70% {
		
		transform: translatey(-3px);
	}
	100% {
		
		transform: translatey(0px);
	}
}

h1
{
	opacity: 1;
	/*margin: auto;*/
	font-family: 'arial';
	font-weight: 900;
	font-size: 90px;
	font-style:italic;
	text-shadow: var(--h1-text-shadow);
	transform: translatey(0px);
	animation: float 2s ease-in-out infinite;
	margin-top: -10px;
	width: 62%;
}

.title-you:nth-child(1)
{
	color: #FFCC80;
}
.title-porn:nth-child(2)
{
	color: #FFB74D;
}
.title-list:nth-child(3)
{
	color: #FF9800;
}
/*** Fin titre ***/

/*** Début partie langue/drapeau ***/

.list-flags
{
	display: none;
}

.lang-select
{
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 999999;
}

.lang-select a, .btn-select-lang /* Permet d'annuler les modifs apporté à "a" dans la barre de navigation */
{
	display: inline-block;
	color: black;
	font-weight: 700;
	text-align: center;
	padding: 0;
	text-decoration: none;
}

.btn-select-lang
{
	width: 100%;
	width: 70px;
	height: 48px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.btn-select-lang:hover li
{
	margin-left: 0px;
}

.btn-select-lang:hover
{
	background-color: #F4F3F3;
	border: 1px solid transparent;
	box-shadow: inset 0 0px 0px 1px #ccc;
}

.btn-select-lang:focus
{
	outline:none;
}

.list-lang /* liste déroulante qui apparait au clique */
{
	display: none;
	width: 100%;
	max-width: 70px; /* taille de la liste */
	max-height: 900px; /* taille maximal */
	overflow-y: auto; /* barre de déroulement */
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	/*border: 1px solid rgba(0,0,0,.15);*/
	border-radius: 0px 0px 0px 5px;
	position: absolute; /* pour ne pas tout décaler*/
	background-color: #fff;
}

#id-list-lang img, .btn-select-lang img
{
	width: 24px; /* pour changer la taille de l'image */
	vertical-align: middle;
}

#id-list-lang li span, .btn-select-lang span
{
	margin-left: 5px; /* marge entre drapeau et texte */
	font-size: 16px;
}

/* pour éviter de colorer le texte langue sur les différentes pages */
#id-list-lang a:hover
{
	color: black;
}

#id-list-lang
{
	padding-left: 0px;
}

#id-list-lang li
{
	list-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
}

#id-list-lang li:hover
{
	background-color: #F4F3F3;
}

#id-list-lang li img
{
	margin: 5px;
}

ul
{
	margin-bottom: 0; /* supprime la marge ( 1em par défaut) en bas de la liste */
}

.open
{
	display: show !important;
}

/*** Fin Partie langue/drapeau ***/

/*** Début partie Dark Mode bouton ***/ 
/* background derrière le bouton dark mode */
.dark-button
{
	background: var(--dark-button-background);
	/*position: fixed;*/
	position: relative;
	right: 0px;
	top: 0px;
	z-index: 99999;
	width:50px;
	height: 48px;
	opacity: 0.95;
	float: right;
}

.dark-mode-button /*, .dark-mode-button-mobile*/ /* paramètre bouton dark mode */
{
	border: 0px;
	border-bottom: 0px;
	/*margin: 4px 10px 4px 10px;*/
	margin: 4px 0px 4px 5px;
	background: transparent;
	cursor: pointer;
	width: 40px;
	height: 40px;
	
	background: var(--background-button);
	/*position: fixed;*/
	z-index: 99999;
	/*right: -5px;*/
}

@media screen and (min-width: 1000px) /* Effets visuelles qui disparaisse sur la version mobile */
{
	.dark-mode-button
	{
		transition: .2s ease;
	}

	.dark-mode-button:hover
	{
		animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
		transform: translate3d(0, 0, 0);
		perspective: 1000px;
	}
}

@keyframes shake 
{
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(1px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-2px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(2px, 0, 0);
	}
}


/** Début Tooltip ***/
/*contour bouton voir si n'apparait plus*/
.dark-button button:focus
{
	outline:0;
}

.affiliate_tab_link
{
	display: none;
}

.dark-mode-button:hover + .top-dark-mode
{
	display:block;
}

.top-dark-mode
{
	position:absolute;
	padding:5px;
	top:-webkit-calc(100% + 5px);
	top:calc(100% + 5px);
	left: 0px;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	display:none;
	z-index:2;
	text-transform:none;
	white-space:nowrap;
	color: var(--tooltip-dark-mode-top-dark-mode-color);
	font-weight:normal;
	font-size:13px;
	font-weight:normal;
	border-radius: 8px;
	box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.top-dark-mode:before
{
	content:'';
	display:inline-block;
	position:absolute;
	height: 100%;
	z-index:-1;
	width:100%;
	top:0;
	left:50%;
	border-radius: 8px;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	background:var(--tooltip-dark-mode-top-dark-mode-background);
}

/* pointe du tooltip */
.top-dark-mode:after
{
	content:'';
	display:inline-block;
	position:absolute;
	top:-4px;
	left:76%;
	width:7px;
	height:7px;
	-webkit-transform:translateX(-50%) rotate(135deg);
	-ms-transform:translateX(-50%) rotate(135deg);
	transform:translateX(-50%) rotate(135deg);
	background:var(--tooltip-dark-mode-top-dark-mode-background);
}

.tooltip-light
{
	display: var(--tooltip-light);
	font-size: 16px;
	font-weight: 700;
}

.tooltip-dark
{
	display: var(--tooltip-dark);
	font-size: 16px;
	font-weight: 700;
}
/*** Fin Tooltip ***/
/*** Fin Partie Dark Mode bouton ***/

/*** Début de la barre de recherche ***/
/*version classique*/
.search-container
{
	float: right;
	/*margin-right: 50px;*/
	margin-top: 6px;
}

.search-container button
{
	float: right;
	padding: 3px 6px 0.3pt 6px; /* 0.3pt pour annuler le décalage entre bouton loupe et barre de recherche */
	margin-right: 12px 0px 12px 12px;
	background: var(--search-container-button-background);
	color: var(--search-container-button-color);
	border: none;
	cursor: pointer;
	-webkit-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}

.search-container button:hover
{
	background: var(--search-container-button-background-hover);
	color: var(--search-container-button-color-hover);
}

input[type=text]
{
	padding: 6px;
	font-size: 20px;
	border: none;
	width: 450px;

}

/* enlève la bordure qui apparait quand on clique sur la barre de recherche */
input:focus 
{	
	outline:none!important;
}

/*** Début version mobile ***/
.dropdown /* Menu déroulant */
{
	position: relative;
}

.dropbtn
{
	float: right;
	background: var(--dropbtn-background);
	color: var(--dropbtn-color);
	border: none;
	cursor: pointer;
	height: 48px;
	width: 48px;  
	top: 0px;
	right: 50px;
	position: fixed;
	z-index: 9999999999;
}

.dropdown-content
{
	display: none;
	overflow: hidden;
	z-index: 9999;
	clear: both;
	max-width: 1040px;
	width: 100%;
	right: 0;
	top: 48px;
	position: fixed;
}

/* Inutile, vérifier...
#myInput
{
	border-box: box-sizing;
	padding: 0px 20px 0px 20px;
	border: none;
}

#myInput:focus
{
	outline: 3px solid #ddd;
}
*/

.search-zone
{
	height: 48px;
	width: calc(100% - 48px);
	font-size: 30px;
}

.submit-search
{
	padding-top: 5px;
	border: none;
	height: 48px;
	width: 48px;
	float: right;
	background: var(--submit-search-background);
	color: var(--submit-search-color);/
	font-size: 30px;
}

.show /*Afficher barre recherche mobile */
{
	display: block;
}
/** Fin version mobile ***/
/*** Fin de la barre de recherche ***/

/*** Début partie titre mobile ***/

.topnav /*menu mobile */
{
	display: none;
	position: relative;
	opacity: 0.95;
	z-index: 99999;
}

.text-title-mobile /* A déplacer vers la fin, je ne sais plus pourquoi... */
{
	display: none;
}

/***Fin partie titre mobile ***/

/*** partie en dessous du menu ***/

.header-content
{
	margin: auto;
	max-width: 1300px;
	height: 120px;
	margin-top: 48px;
}

.container
{
	width: 100%;
	max-width: 1300px;
	display: block;
	position: absolute;
}

.text-title
{
	width: 38%;
	float: right;
	margin-top: 30px;
	font-weight: bold;
	font-style: italic;
	color: var(--text-title-color);
	position: relative;
}

@media screen and (max-width: 1510px)
{
	/* barre de recherche */
	input[type=text]
	{
		width: 330px;
	}
}

@media screen and (max-width: 1400px)
{
	/* barre de recherche */
	input[type=text]
	{
		width: 200px;
	}
}

@media screen and (max-width: 1256px)
{
	.search-container
	{
		position: relative;
		top: 8px;
		right: -30px;
		margin-right: -5px;
	}
	/* barre de recherche */
	input[type=text]
	{
		width: 400px;
	}

	.text-title
	{
		margin-top: 30px;
	}
}

@media screen and (max-width: 1200px)
{
	input[type=text] /* inutile je crois... */
	{
		width: 380px;

	}

	h1
	{
		font-size: 80px;
		margin-top: 0;
	}
}
/*@media screen and (max-width: 1150px)
{
	h1
	{
		font-size: 70px;
	}
}*/
/*
@media screen and (max-width: 1100px)
{
	input[type=text]
	{
		width: 150px;
	}
}*/

@media screen and (max-width: 1200px)
{
	h2
	{
		font-size: 20px;
		color: var(--max-width-1000px-h2-color);
	}

	input[type=text]
	{
		width: calc(100% - 48px);
	}

	.c-go-top
	{
		right: 10px;
	}

	.navbar /* on désactive le menu classique */
	{
		display: none;
	}

	.pub
	{
		display: none;
	}

	.pub-mobile
	{
		display: inherit;
		margin: 0 auto;
		width: 300px;
	}

	.topnav /* on active le menu mobile */
	{
		display: inherit;
		position: fixed;
		width: calc(100% - 120px);
	}

	.topnav #myLinks
	{
		display: none;
	}

	.topnav a
	{
		color: white;
		text-decoration: none;
		display: block;
	}

	.topnav a.icon
	{
		background: var(--max-width-1000px-topnav-a-icon-background);
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		height: 48px;
		width: 48px;
		padding: 14px 14px;
	}

	.topnav a:hover
	{
		background: var(--max-width-1000px-topnav-a-hover-background);
		color: var(--max-width-1000px-topnav-a-hover-color);
	}

	.dark-mode-button
	{
		position: fixed;
	}

	/* On désactive tooltip mobile darkmode */
	.dark-mode-button:hover + .top-dark-mode
	{
		display:none;
	}

	.header-content
	{

		background: var(--max-width-1000px-title-mobile-background);
		height: 48px;	
		padding-left: 50px;
		width: 100%;
		font-weight: bold;
		margin-top: 0px;
		position: fixed;
		z-index: 9999;
	}

	.affiliate_tab_link
	{
		position: fixed;
		top: 48px;
		left: 0;
		width: 100%;
		padding: 5px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: var(--max-width-1000px-affiliate-tab-link-background-color);
		font-size: 24px;
		z-index: 9997;
		text-shadow: var(--max-width-1000px-affiliate-tab-link-text-shadow);

	}

	.affiliate_tab_link a
	{
		flex: 1;
		text-align: center;
		color: var(--max-width-1000px-affiliate-tab-link-a-color);
		font-style: italic;
		font-weight: bold;
	}

	.affiliate_tab_link a:hover
	{
		color: var(--max-width-1000px-affiliate-tab-link-a-hover-color);
		transition: 500ms;
	}

	.vertical_line
	{
		width: 2px;
		height: 20px;
		background-color: var(--max-width-1000px-vertical-line-background-color);
		z-index: 9998;
		position: relative;
	}

	h1
	{
		font-size: 42px;
		height: 48px;
		line-height: 48px;
	}

	#myLinks /* Menu déroulant mobile */
	{
		height: 100%;
		width: 100%;
		overflow-y: scroll;
		position: inherit;
		padding-bottom: 48px; /* Evite que la dernière catégorie dépasse du bas de l'écran */
		top: 48px;
	}

	#myLinks a
	{
		text-decoration: none;
	}

	.cat-links
	{
		text-align: center;
		background: var(--max-width-1000px--cat-links);
		padding: 14px 0px 14px 40px;
		opacity: 1;
		height: 50px;
		font-size: 22px;
		font-weight: 600;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.cat-links:nth-child(odd) /* 1 liste sur 2 sera un peu plus claire */
	{
		opacity: 0.9;
	}

	.cat-links img /* icone svg de chaque catégorie afficher dans le menu mobile*/
	{
		position: absolute;
		margin: -6px 0 0 -35px;
	}

	.text-title
	{
		display: none;
	}

	.zone-text-title-mobile
	{
		text-align: center;
	}

	.text-title-mobile
	{
		display: inherit;
		padding: 100px 7px 25px 7px;
	}
}

@media screen and (max-width: 810px)
{
	/*h1
	{
		font-size: 38px;
	}*/
	.affiliate_tab_link
	{
		font-size: 20px;
	}
}

@media screen and (max-width: 670px)
{
	.affiliate_tab_link
	{
		font-size: 15px;
	}
}

@media screen and (max-width: 510px)
{
	h1
	{
		font-size: 38px;
	}

	.affiliate_tab_link
	{
		font-size: 15px;
	}
}

@media screen and (max-width: 480px)
{
	h1
	{
		font-size: 34px;
	}
}

@media screen and (max-width: 440px)
{
	h1
	{
		font-size: 30px;	
	}
}

@media screen and (max-width: 415px)
{
	h1
	{
		font-size: 24px;
	}
}

@media screen and (max-width: 380px)
{
	/*Pour afficher le background à tout le menu */
	.dark-button
	{
		width: 100%;
		position: fixed;
	}

	.dark-mode-button
	{
		right: 5px;
	}

	.header-content
	{
		max-width: 370px;
		padding-left: 0;
		position: relative;
	}

	h1
	{
		font-size: 35px;
		margin-top: 85px;
		text-align: center;
	}
}
/*** Fin partie menu ***/

/*** Début partie footer ***/
.footer
{
	margin: 40px auto 0 auto;
	padding: 20px 0 0 0;
	background: var(--footer-background);
}

.footer p, .footer h4
{
	max-width: 1500px;
	margin: 0 auto;
}

.footer h4
{
	font-family: 'Oswald', serif;
	color: var(--footer-h4-color);
	font-size: 1.3em;
	padding: 0 20px 0 20px;
	margin-bottom: 10px;
}

.footer-text
{
	font-family: 'Oswald', serif;
	color: var(--footer-text-color); /*#381F26*/
	font-size: 1.1em;
	padding: 0 20px 20px 20px;
}

.font
{
	font-family: 'Oswald', serif;
	text-decoration: underline;
	color: var(--font-color);
	font-weight: 700;
}

p.right
{
	max-width: 100%;
	text-align: center;
	font-family: 'Oswald', serif;
	/*color: #381F26;*/
	color: var(--p-right-color);
	background: var(--p-right-background);
	padding: 10px 0;
}
/*** Fin partie footer ***/