/* Copyright © DVN Communication - dvn.fr - Tous droits réservés
Toute reproduction, totale ou partielle, et toute représentation du contenu substantiel de ce document, d’un ou de plusieurs de ses composants, par quelque procédé que ce soit, sans autorisation expresse de DVN Communication, est interdite, et constitue une contrefaçon sanctionnée par les articles L.335-2 et suivants du Code de la propriété intellectuelle.*/

html {
	min-height: 100vh;
}

body {
	font-family: var(--primary-typo);
	min-height: 100vh;
}

/*
 * NAVIGATION
 */

#title {
	background-color: #35393e;
	font-size: 22px;
	font-weight: 800;
	text-align: center;
	line-height: 60px;
	height: 60px;
}
@media (min-width: 768px) {
	#title {
		font-size: 26px;
	}
}

#title a {
	color: #35393e;
	text-decoration: none;
}

#navigation {
	background-color: #35393e;
	text-align: center;
	color: var(--text-color);
	margin: auto;
	height: 60px;
}


/* TAILLE LOGO SVG HEADER */

#logosize {
    width: 425px;
}

/*
 * BOUTONS
 */
.btn-custom {
	display: block;
	font-size: 18px;
	font-weight: 500;
	padding: 5px 20px;
	border-radius: 5px;
	margin: auto;
	text-transform: uppercase;
	transition: all .4s ease;
}

.btn-custom-plain:hover {
	text-decoration: none;
}

.btn-custom-plain {
	color: var(--text-color);
	border: solid 1px var(--text-color);
	background-color: var(--primary-color);
}

.btn-custom-plain:hover {
	background-color: var(--text-color);
	color: var(--primary-color);
}

.btn-custom-outline {
	color: var(--primary-color);
	border: solid 1px var(--primary-color);
	background-color: var(--primary-color);
}

.btn-custom-outline:hover {
	background-color: var(--primary-color);
	color: var(--primary-color);
}

/*
 * IFRAME
 */

.container-iframe {
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	bottom: 0;
}
@media (min-width: 768px) {
	.container-iframe {
		top: 60px;
	}
}

/*
 * POPUP PARTAGE
 */

.modal-header {
	background-color: var(--secondary-color);
	color: var(--text-color);
}

.modal-header .close {
	color: var(--text-color);
}

.rs-link {
	color: var(--secondary-color);
}

.rs-link:hover {
	text-decoration: none;
	color: var(--secondary-color);
}