/* CSS Document */

/*
bleu #1C14FF
bleu turquoise #00CFFF
vert #35ED84
jaune #FFDA00

ref bleu clair : #00CFFF
ref bleu + vif : #0080FF


*/
*, *::before, *::after {z-index: 1;}
div, section, header, footer {position: relative;}
html, body {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 16px;
	font-family: "montserrat", sans-serif;
}
body {min-height: 100vh;}
@media (min-width: 1440px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1440px;}}
section {padding:3rem 0;}
a, a:hover {color:#00CFFF;}
.navbar {border-bottom:24px solid #00CFFF;z-index: 100;background-color: #FFFFFF;}
.navbar .navbar-nav .nav-item {
	font-family: "montserrat", sans-serif;
	font-size: 18px;
	display: flex;
	align-items: center;
	padding-bottom:0.5rem;
	font-weight: 400;
	line-height: 117%;
}

.navbar .navbar-nav .nav-item.ddevis {
	background-color:#00CFFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.navbar-nav .nav-link {color:#1C14FF;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#BA00FF;}
.mnuadmin {display: block; position: absolute; top: 0; right: 0;font-size: 12px;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {text-align: center;text-transform: uppercase;}
h1, .h1, h2, .h2, h3, .h3 {
	font-size: 40px;
	font-weight: 900;
	color:#FFFFFF;
}
.accueil h2, .accueil .h2 {
	color:#1C14FF;
}
h2.txt32 {text-transform:none;}
h3, .h3 {
	font-weight: 700;
	font-size: 24px;
}
hr {width:150px;display: block;margin: 20px auto; height: 0; border:0; border-bottom: 2px solid #BA00FF;opacity:1;}
.btn-primary {
	background-color:#FFFFFF;
	color:#1C14FF;
	border:2px solid #1C14FF;
	font-weight: 700;
}
.btn-primary:hover {
	background-color:#00CFFF;
	color:#FFFFFF;
}
.btn-secondary {
	padding: 10px 16px;
	border-radius: 7px;
	border: 2px solid #FFFFFF;
	background-color: transparent;
	font-weight: 700;
	font-size: 16px;
}
.btn-secondary:hover {
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;
	color:#1C14FF;
}
.btn-secondary.actif {
	background-color:#00CFFF;
	color:#FFFFFF;
}
.trait {
	display:block;
	width:42px;
	height:14px;
	border-radius: 30px;
	margin-bottom: 2rem;
}
footer {
	padding:1.5rem 0;
	background-color:#1C14FF;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	width: 100%;
}
footer a {color:#FFFFFF;text-decoration: none;}
footer a:hover {color:#FFFFFF;text-decoration: underline;}
header {
	background:#020308 url("/pics/jeu/fd_header_nth6.jpg") center center no-repeat;
	background-size: cover;
	padding: 5rem 0;
	color:#FFFFFF;
}
.contenu {
  min-height: calc(100vh - 276px);   /* fallback */
  min-height: calc(100dvh - 276px);  /* mobile moderne */
  min-height: calc(100vh - 234px);   /* fallback */
  min-height: calc(100dvh - 234px);  /* mobile moderne */
}

/* ____________________________________________________________ ACCUEIL ____________________________________________________________ */
@media (min-width: 1400px) {
	.accueil header {background-image:url("/pics/home/fd_header_home.jpg");}
}
.accueil header {background:#082561;padding:0;}
.accueil .divchiffre span.plusde {
	font-weight: 900;
	font-size:30px;
}
.accueil .divchiffre span.num {
	font-weight: 900;
	font-size:100px;
}
.accueil .divchiffre span.txt {
	display: block;
	font-weight: 500;
	font-size: 24px;
	text-align: left;
}
.accueil .img1, .accueil .img2, .accueil .img3 {
	background:url("/pics/home/img1.jpg") center center no-repeat;
	background-size: cover;
}
.accueil .img2 {background-image:url("/pics/home/img2.jpg");}
.accueil .img3 {background-image:url("/pics/home/img3.jpg");}
.accueil .biglogo {margin-top:-30px;margin-bottom: 20px;}

/* ____________________________________________________________ GAMME ____________________________________________________________ */
.fdgamme {background:#020308 url("/pics/jeu/fd_gamme.jpg") center center no-repeat;background-size:cover;}
.div1gamme, .div1jeu {
	width:290px;
	height:454px;
	padding: 130px 5px 0 5px;
	margin-top:3rem;
	border-radius: 30px;
	background:#020308 url("/pics/fd_bleu_bulle.jpg") center center no-repeat;
	color:#FFFFFF;
	text-align: center;
	font-size: 24px;
	line-height: 100% !important;
}
.div1gamme .divtit, .div1jeu .divtit {
	font-weight: 700;
	text-transform: uppercase;
}
.div1jeu {
	height:480px;
	padding-top:30px;
	background-color: transparent;
}
.div1jeu.modulo1 {background-image: radial-gradient(closest-side at 50% 40%,rgba(201,0,229,0.8),rgba(201,0,229,0.8),rgba(201,0,229,0.4));}
.div1jeu.modulo2 {background-image: radial-gradient(closest-side at 50% 40%,rgba(53,237,132,0.8),rgba(53,237,132,0.8),rgba(53,237,132,0.4));}
.div1jeu.modulo3 {background-image: radial-gradient(closest-side at 50% 40%,rgba(255,139,0,0.8),rgba(255,139,0,0.8),rgba(255,139,0,0.4));}
.div1jeu.modulo4 {background-image: radial-gradient(closest-side at 50% 40%,rgba(0,207,255,0.8),rgba(0,207,255,0.8),rgba(0,207,255,0.4));}
.div1jeu.modulo5 {background-image: radial-gradient(closest-side at 50% 40%,rgba(252,66,66,0.8),rgba(252,66,66,0.8),rgba(252,66,66,0.4));}
.div1jeu.modulo6 {background-image: radial-gradient(closest-side at 50% 40%,rgba(0,128,255,0.8),rgba(0,128,255,0.8),rgba(0,128,255,0.4));}
.div1jeu.modulo7 {background-image: radial-gradient(closest-side at 50% 40%,rgba(255,218,0,0.8),rgba(255,218,0,0.8),rgba(255,218,0,0.4));}
.div1jeu.modulo8 {background-image: radial-gradient(closest-side at 50% 40%,rgba(128,128,128,0.8),rgba(128,128,128,0.8),rgba(128,128,128,0.4));}

.div1jeu .divbtn {position: absolute; bottom:20px; width: 100%;}
.div1gamme a {color:#FFFFFF; text-decoration: none;}
.div1gamme a:hover {color:#FFDA00;}
.div1gamme[class*="num"] {background-image:url("/pics/jeu/fd_gamme_nth0.jpg");}
.div1gamme.num1 {background-image:url("/pics/jeu/fd_gamme_nth1.jpg");}
.div1gamme.num2 {background-image:url("/pics/jeu/fd_gamme_nth2.jpg");}
.div1gamme.num3 {background-image:url("/pics/jeu/fd_gamme_nth3.jpg");}
.div1gamme.num4 {background-image:url("/pics/jeu/fd_gamme_nth4.jpg");}
.div1gamme.num5 {background-image:url("/pics/jeu/fd_gamme_nth5.jpg");}
.div1gamme.num6 {background-image:url("/pics/jeu/fd_gamme_nth6.jpg");}
.div1gamme.num7 {background-image:url("/pics/jeu/fd_gamme_nth7.jpg");}
.div1gamme.num8 {background-image:url("/pics/jeu/fd_gamme_nth8.jpg");}
.div1gamme .divimg {width:280px;height:180px;display: flex;}

header.modulo1 {background-image:url("/pics/jeu/fd_header_nth1.jpg");}
header.modulo2 {background-image:url("/pics/jeu/fd_header_nth2.jpg");}
header.modulo3 {background-image:url("/pics/jeu/fd_header_nth3.jpg");}
header.modulo4 {background-image:url("/pics/jeu/fd_header_nth4.jpg");}
header.modulo5 {background-image:url("/pics/jeu/fd_header_nth5.jpg");}
header.modulo6 {background-image:url("/pics/jeu/fd_header_nth6.jpg");}
header.modulo7 {background-image:url("/pics/jeu/fd_header_nth7.jpg");}
header.modulo8 {background-image:url("/pics/jeu/fd_header_nth8.jpg");}

.div1jeu .divimg {width:280px;height:230px;display: flex;}

/* ____________________________________________________________ JEU ____________________________________________________________ */
body.jeu[class*="jeu"],
body.jeu .container[class*="jeu"] {
	background:url("/pics/jeu/fd_jeu_0.jpg") top center no-repeat;
	background-size: cover;
	color:#FFFFFF;
}
body.jeu.jeu1, body.jeu.jeu1 .container.jeu1 {background-image: url("/pics/jeu/fd_jeu_1.jpg");}
body.jeu.jeu2, body.jeu.jeu2 .container.jeu2 {background-image: url("/pics/jeu/fd_jeu_2.jpg");}
body.jeu.jeu3, body.jeu.jeu3 .container.jeu3 {background-image: url("/pics/jeu/fd_jeu_3.jpg");}
body.jeu.jeu4, body.jeu.jeu4 .container.jeu4 {background-image: url("/pics/jeu/fd_jeu_4.jpg");}
body.jeu.jeu5, body.jeu.jeu5 .container.jeu5 {background-image: url("/pics/jeu/fd_jeu_5.jpg");}
body.jeu.jeu6, body.jeu.jeu6 .container.jeu6 {background-image: url("/pics/jeu/fd_jeu_6.jpg");}
body.jeu.jeu7, body.jeu.jeu7 .container.jeu7 {background-image: url("/pics/jeu/fd_jeu_7.jpg");}
body.jeu.jeu8, body.jeu.jeu8 .container.jeu8 {background-image: url("/pics/jeu/fd_jeu_8.jpg");}

body.jeu.jeu1, body.jeu.jeu2, body.jeu.jeu3, body.jeu.jeu4, body.jeu.jeu5, body.jeu.jeu6, body.jeu.jeu7, body.jeu.jeu8 {background-attachment: fixed;background-image: none;}

.jeu .div1tech {
	padding: 10px 40px 10px 70px;
	min-height:67px;
	border-radius: 15px;
	border:1px solid #FFFFFF;
	background:url("/pics/jeu/fd_joueur.png") left 10px center no-repeat;
}
.jeu .div1tech.poids {background-image:url("/pics/jeu/fd_poids.png");}
.jeu .div1tech.dimension {background-image:url("/pics/jeu/fd_dimension.png");}
.jeu .div1tech.joueur {background-image:url("/pics/jeu/fd_joueur.png");}
.jeu .btnzoom {position:absolute;left:10px;bottom: 10px;}

.variete .div1jeu {margin: 3rem 1rem;}
.fdpage, .fdpage1, .fdpage2 {background-repeat: no-repeat, no-repeat;}
.installation .fdpage {background-image:url("/pics/fd_page_1.jpg"), url("/pics/fd_page_2.jpg");background-position:right bottom, left top;}
.expertise .fdpage1 {background-image:url("/pics/fd_page_1.jpg"), url("/pics/fd_page_2.jpg");background-position:left top, right bottom;}
.expertise .fdpage2 {background-image:url("/pics/fd_page_1.jpg"), url("/pics/fd_page_2.jpg");background-position:right bottom, left top;}
.tact .fdpage {background-image:url("/pics/fd_page_1.jpg"), url("/pics/fd_page_2.jpg");background-position:right top, left bottom;}
.actu .fdpage {background-image:url("/pics/fd_page_1.jpg"), url("/pics/fd_page_2.jpg");background-position:right top, left bottom;}
/* ____________________________________________________________ CONTACT ____________________________________________________________ */
input, textarea, select {
	clear: both;
	border:0;
	margin:0 0 10px 0 ;
	width:100%;
	padding: 10px;
	color:#000000;
	background-color: #FFFFFF;
	border-radius: 5px;
}
label {font-weight:400;margin: 10px 0 0 0;}
textarea {min-height:200px;}
input.nowidth {width:auto !important;}
.erreur {padding: 4px 6px;background-color:#FFDA00;color:#000000;}
#messageFormulaire {padding: 0;}
.carte {max-width: 100%;}
.g-recaptcha {overflow: hidden;}

/* ____________________________________________________________ ACTU ____________________________________________________________ */
.filtre, .actu .kw {
	display:inline-block;
	border:1px solid #000000;
	padding:4px 10px;
	border-radius: 30px;
	text-decoration: none;
	color:#000000;
	margin-left: 10px;
}
.filtre:hover {
	color:#FFFFFF;
	background-color: #000000;
}
.filtre.actif {
	color:#FFFFFF;
	background-color: #1C14FF;
}
.div1actu {margin-bottom: 1.5rem;}
.actu .prems .divimg img {border:6px solid #1C14FF;}
.actu .kw {
	font-size: 12px;
	margin: 10px 10px 0 0;
}
.actu .kw.actif {border-color:#1C14FF;color:#1C14FF;}
.actu .date .kw {margin: 0 10px 10px 0;}
.div1actu .divchapo {
	height:0;
	overflow: hidden;
	transition: height .3s;
}
.actu .prems .divchapo {
	height:100px;
}
.divplus {
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: transform .3s, background-color .3s;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 16 16'><circle cx='8' cy='8' r='7' fill='white' stroke='%2300CFFF' stroke-width='1'/><path fill='%231C14FF' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/></svg>") no-repeat center;
	background-size: contain;
	position: absolute;
	top:-34px;
	right:0;
}
.divplus.moins {
	transform: rotate(45deg);
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 16 16'><circle cx='8' cy='8' r='7' fill='%231C14FF' stroke='%231C14FF' stroke-width='1'/><path fill='white' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/></svg>") no-repeat center;
	background-size: contain;
}
.div1actu h2 {
	text-align: left;
	font-weight: bold;
	margin-bottom: 0;
}
.actu .date {
	color:#1C14FF;
	margin: 0 0 0.25rem 0;
}
.pagination a, .pagination span {
	display: block;
	width: 46px;
	text-align: center;
	color:#000000;
	padding-top: 10px;
	text-decoration: none;
}
/* --- ÉTAT DÉSACTIVÉ --- */
.pagination span.precedent,
.pagination span.suivant {
	opacity: 0.3;
	cursor: default;
}
/* --- PRÉCÉDENT --- */
.pagination a.precedent,
.pagination span.precedent {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIyMyIgY3k9IjIzIiByPSIyMiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAwQ0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPHBhdGggZD0iTTI4IDExTDE2IDIzTDI4IDM1IiBzdHJva2U9IiMxQzE0RkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==");
	background-size: cover;
	height: 46px;
	padding: 0;
}
/* --- SUIVANT --- */
.pagination a.suivant,
.pagination span.suivant {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIyMyIgY3k9IjIzIiByPSIyMiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAwQ0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPHBhdGggZD0iTTE4IDExTDMwIDIzTDE4IDM1IiBzdHJva2U9IiMxQzE0RkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==");
	height: 46px;
	padding: 0;
}
/* --- HOVER ACTIF --- */
.pagination a:hover {opacity: 0.8;}
.pagination a.select {color:#1C14FF;font-weight: bold;}

.seo {font-size:12px;}

.txt60 {font-size:60px;font-weight: 500;}
.txt12 {font-size:12px;}
.txt20 {font-size:20px;}
.txt24 {font-size:24px;}
.txt32 {font-size:32px;}
.radius30 {border-radius: 30px;}

.txtblanc {color:#FFFFFF !important;}
.txtbleu, .legal h2 {color:#1C14FF !important;}
.txtbleuturquoise {color:#00CFFF !important;}
.txtvert, .legal h3 {color:#35ED84 !important;}
.txtrouge, .erreur {color:#FC4242;}
.txtjaune {color:#FFDA00;}
.txtviolet {color:#BA00FF;}
.txtrose {color:#FF008C;}

.fdblanc {background-color:#FFFFFF;}
.fdbleu {background-color:#1C14FF;color:#FFFFFF;}
.fdbleuturquoise {background-color:#00CFFF;}
.fdvert {background-color:#35ED84;}
.fdrouge {background-color:#FC4242;}
.fdjaune {background-color:#FFDA00;}
.fdviolet {background-color:#BA00FF;}
.fdrose {background-color:#FF008C;}

.fdfonce {background-color:#020308;}
.fdbleubulle {background:url("/pics/fd_bleu_bulle.jpg") center center no-repeat;background-size: cover;color:#FFFFFF;}
.bordblanc {border:2px solid #FFFFFF;}
.bordgblanc {border-left:2px solid #FFFFFF;}
.bold700 {font-weight:700;}

@media (max-width:1399.98px){
	.accueil .biglogo {margin-top:-60px;}
}
@media (max-width:1199.98px){
}
@media (max-width:991.98px){
	.accueil .biglogo {margin-top:-40px;}
	footer {position: static;}
	body {min-height: 100vh;padding-bottom: 0;}
	.navbar .navbar-nav .nav-item {padding:0.5rem;background-color:#35ED84; border-bottom: 1px solid #FFFFFF;}
	.navbar .navbar-nav .nav-item.ddevis {border-radius:0;}
	.navbar .container {padding:0;}
	.navbar-toggler {margin-right: 1rem;}
	.navbar-nav .nav-link {width:100%; text-align: center;color: #FFFFFF;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #1C14FF;}
	.accueil .img1 {min-height:200px;}
	.accueil .img2, .accueil .img3 {min-height:200px;width:48%;margin-top:20px;}
	.accueil .img2 {margin-right:2%;float:left;}
	.accueil .img3 {margin-left:2%;}
}
@media (max-width:767.98px){
	h1, .h1, h2, .h2 {font-size: 30px;}
	header {padding: 2rem 0;}
}
@media (max-width:575.98px){
	.accueil .bordgblanc {border-left:0; border-top:2px solid #FFFFFF;}
	.installation iframe {width:90vw;height:200px}
	.installation .fdpage {background-position:left -180px top -6px, right -100px bottom -290px;}
	.carte {height:400px;width:400px; display: block; margin-left: auto; margin-right: auto;}
}