.arobase::before { content: "\0040"; } /* Code unicode pour @ */

span[class^="zero-"]{
	font-size:1px;
	font-size:0.01rem
}

span[class^="zero-"]::before{
	font-size:initial
}	

.zero-neuf::before{
	content:"09";
	color: #4a6785;
	font-size:14px;
	font-family: 'Optima LT Pro';
}

@font-face {
	font-family: 'Louize Bold Italic';
	src: url('../assets/fonts/louize_display_-_bold_italic-205tf-webfont.woff2') format('woff2'),
	url('../assets/fonts/louize_display_-_bold_italic-205tf-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Louize Bold';
	src: url('../assets/fonts/louize_display_-_bold-205tf-webfont.woff2') format('woff2'),
	url('../assets/fonts/louize_display_-_bold-205tf-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Optima LT Pro';
	src: url('../assets/fonts/OptimaLTPro-Roman.woff2') format('woff2'),
	url('../assets/fonts/OptimaLTPro-Roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden;
}

body {
	font-family: 'Optima LT Pro';
}

.margin-reset{
	padding:0;
	margin:0;
}

/**************************/
/* CODES COULEURS
/*
/* Gris clair : e9e9e5
/* Gris foncé : 3b3c3b
/* Bleu : 4a6785
/*
/**************************/

.color-gris-clair {
	color: #e9e9e5;
}

.color-gris-fonce {
	color: #3b3c3b;
}
.color-bleu {
	color: #4a6785;
}

.color-blanc {
	color: #fff;
}

.bg-gris-clair {
	background-color: #e9e9e5;
}

.bg-gris-fonce {
	background-color: #3b3c3b;
}

.bg-bleu {
	background-color: #4a6785;
}

.bg-noir {
	background-color: #000;
}

h1{
	font-size:52px;
	font-family: 'Louize Bold';
	padding-bottom:10px;
	padding-top:20px;
}

h2{
	font-size:28px;
	font-family: 'Louize Bold';
	padding-bottom:25px;
}

h3{
	font-size:18px;
	font-family: 'Louize Bold';
	padding-bottom:22px;
}

p{
	font-size:18px;
	font-family: 'Optima LT Pro';
	line-height: 24px;
}

.bandeau-parallax{
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.redirect{
	cursor:pointer;
}

#bloc-accroche p{
	font-size:24px;
	font-family: 'Optima LT Pro';
	line-height: 32px;
}

/**************************/
/* Navbar */
/**************************/

.navbar-brand img{
	height:40px;
}

.navbar-dark .navbar-nav .nav-link.active {
	color: #4a6785;
}

.navbar-dark .navbar-nav .nav-link {
	color: #4a6785;
	font-size:14px;
	font-family: 'Optima LT Pro';
	margin:0px 10px;
}

.navbar-dark .navbar-nav .nav-link:hover{
	color: #4a6785;
}

.navbar-light .navbar-nav .nav-link.active {
	color: #4a6785;
}

.navbar-light .navbar-nav .nav-link {
	color: #4a6785;
	font-size:14px;
	font-family: 'Optima LT Pro';
	margin:0px 10px;
}

.navbar-light .navbar-nav .nav-link:hover{
	color: #4a6785;
}

.collapsed{
	border:1px solid #000;
}

.dropdown-menu{
	background-color: #e9e9e5;
	border-radius:0;
	border:0;
}

.dropdown-menu .dropdown-item {
	color: #000;
	font-size:14px;
	font-family: 'Optima LT Pro';
}

.dropdown-menu .dropdown-item:hover {
	background-color: transparent;
	color:#4a6785;
}

.dropdown-menu .dropdown-item.active {
	color: #4a6785;
	background-color: transparent;
}

/**************************/
/* Footer */
/**************************/

footer img{
	height:40px;
}

#footer-menu{
	margin:0;
	padding:0;
	text-align: right;
}

ul#footer-menu li {
	display: inline;
	text-align: right;
	margin:auto;
	vertical-align: middle;
	padding:10px;
}

#footer-menu a{
	color:#fff;
	text-decoration: none;
	font-size:14px;
	font-family: 'Optima LT Pro';
}

#footer-menu a:hover{
	color:#e9e9e5;
}

#cookieNotice a{
	color:#fff;
	text-decoration: none;
}

#cookieNotice a:hover{
	color:#fff;
	text-decoration: underline;

}

#footer-bottom{
	text-align: right;
	padding-right:20px;
}

/** PAGE HOME **/

#home-1 p{
	font-size:33px;
	font-family: 'Optima LT Pro';
	line-height: 36px;
}

.light-link {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.light-link:hover{
	color: #fff;
}


.dark-link {
	font-size: 14px;
	color: #3b3c3b;
	text-decoration: none;
}

.dark-link:hover{
	color: #3b3c3b;
}

/** PAGE EQUIPEMENTS **/

.padding_5{
	padding:3rem 3rem 3rem 3rem;
}


/*
#equipements-2 .boxcontent1{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#equipements-2 .boxhover-equipements1{
margin:0;
padding:0;
position: relative;
text-align: center;
cursor:pointer;
}
*/

#equipements-2 .boxhover-equipements{
	margin:0;
	padding:0;
	position: relative;
	text-align: center;
	cursor:pointer;
}

#equipements-2 .boxcontent{
	display:none;
}

#equipements-2 h2{
	position: absolute;
	padding: 30px 30px 30px 30px;
	text-transform: uppercase;

	/* POUR TOUT CENTRER
	top: 50%;
	line-height: 24px;
	left: 50%;
	width:80%;
	transform: translate(-50%, -50%);
	*/
}

#equipements-2 h2 div{
	font-size:15px;
	line-height: 20px;
	margin-top:15px;
	font-family:'Optima LT Pro';
	text-transform: none;
}

#bandeau-equipements-top{
	margin-top:60px;
	background-image: url("../images/equipements/bandeau-top-nos-equipements.jpg");
	height:650px;
}

#equipements-partenaires img{
	height:40px;
	margin-bottom:20px;
}

#equipements-partenaires .collapsed{
	border: 0;
}

#equipements-partenaires .card{
	border-radius: 0;
	border-bottom: 1px solid #3b3c3b;
	border-left: 1px solid #3b3c3b;
	border-right: 1px solid #3b3c3b;
}

.boxplus_equipements{
	position:absolute;
	bottom:10px;
	right:10px;
}

#equipements-2 .boximg{
	display: block;
}

.accordion_dibona{
	border: 1px solid #3b3c3b;
}

.accordion_dibona a,
.accordion_dibona .fas{
	color: #3b3c3b;
	text-decoration: none;
	padding: 8px 8px 8px 8px;
}

.accordion_dibona a: hover{
	color: #3b3c3b;
	text-decoration: none;
}

/** PAGE CONSEILS **/

#bandeau-conseils-top{
	margin-top:60px;
	background-image: url("../images/conseils/bandeau-top-conseils.jpg");
	height:600px;
}

#conseils-2{
	cursor:pointer;
}

#conseils-2 h2{
	text-transform: uppercase;
	font-size:18px;
	font-family: 'Louize Bold';
	padding-bottom:20px;
}

#logo-fnm-consult-conseil{
	width:100%;
	padding:40px;
}

/* SOLUTION POUR DIV CARRÉ
.square {
padding-bottom: 100%;
position: relative;
height: 0;
}

.square>div {
position: absolute;
height: 100%;
overflow-y: auto;
padding: 0;
}
*/

#conseils-2 .boxcontent{
	display:none;
}

.square {
	height:300px;
	display: table-cell;
	vertical-align: top;
	text-transform: left;
}

.square p{
	font-size:20px;
	font-family: 'Optima LT Pro';
	line-height: 22px;
}

.square-2 {
	height:440px;
	display: table-cell;
	background
	vertical-align: middle;
	text-transform: center;
}

/** PAGE GRAVITE **/

.video_fluid {
	height: 340px;
}

#bandeau-gravite-top{
	margin-top:60px;
	background-color:#4a6785;
	height:350px;
}

#bandeau-gravite-top h1{
	font-size:52px;
	font-family: 'Louize Bold';
	padding-bottom:0px;
}

#gravite-1 .boxhover-gravite{
	margin:0;
	padding:0;
	position: relative;
	text-align: center;
	cursor:pointer;
}

#gravite-1 .boxcontent{
	display:none;
}

#gravite-1 h2{
	position: absolute;
	text-transform: uppercase;
	padding: 30px 0px 0px 30px;

	/* POUR TOUT CENTRER
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);*/
}

.gravite-ancre h2{
	font-size:42px;
	font-family: 'Louize Bold';
	padding-bottom:10px;
	text-transform: uppercase;
}

.gravite-ancre .padding_5{
	padding:3rem;
}

.bloc_fichetech{
	height:40px;
	padding:8px 5px 2px 5px;
	text-align: center;
	width:150px;
	vertical-align:middle;
	cursor:pointer;
}

.gravite-ancre .color-gris-fonce {
	color: #3b3c3b;
	text-decoration: none;
}

.gravite-ancre .color-blanc {
	color: #fff;
	text-decoration: none;
}

section {
	scroll-margin-top: 4rem;
}

.boxplus_gravite{
	position:absolute;
	bottom:10px;
	right:10px;
	display:none;
}

#gravite-1 .boximg{
	display: block;
}

/** PAGE PUISSANCE DE L'EAU **/

#bandeau-puissance-top{
	margin-top:60px;
	background-color:#e9e9e5;
	height:350px;
}

#logo-starpool-blanc{
	position:absolute;
	bottom:0;
	right:0;
	height:100px;
}

#logo-aquademy-blanc{
	position:absolute;
	bottom:0;
	right:0;
	height:30px;
}

#page-puissance h2{
	font-size:26px;
	font-family: 'Louize Bold';
	padding-bottom:10px;
}

#page-puissance h3{
	font-size:20px;
	font-family: 'Louize Bold';
	padding-bottom:0px;
	padding-top:0px;
}

#page-puissance p{
	font-size:18px;
	line-height: 23px;
}

#page-puissance .col-pad{
	padding:30px 30px 30px 30px;
}

#page-puissance .col-pad-h50{
	padding:20px 20px 20px 20px;
}

#page-puissance .line-h50 p{
	line-height: 19px;
}

#puissance-catalogue h3{
	margin: 0;
	padding: 0;
}

/** PAGE CONTACT **/

#bandeau-contact-top{
	margin-top:60px;
	background-color:#4a6785;
	height:350px;
}

.form-group input,
.form-group textarea
{
	border-radius:0;
	border:#3b3c3b 1px solid;
}

.form-control:focus {
	color: #212529;
	background-color: #fff;
	border-color: #1967b8;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(74, 103, 133, 0.35);
}

.form-check-input:checked{
	background-color: #4a6785;
	border-color: #4a6785;
}

.subject-border{
	border:1px solid #3b3c3b;
}

.btn-envoyer {
	color: #fff;
	background-color: #4a6785;
	border-color: #4a6785;
	border-radius:0;
}

.btn-envoyer:hover {
	color: #fff;
	background-color: #37485b;
	border-color: #37485b;
	border-radius:0;
}

#page-mentions p{
	font-size:18px;
	font-family: 'Optima LT Pro';
	line-height: 24px;
}

/* PAGE CONSEILS */
.boxplus_conseils{
	position:absolute;
	bottom:10px;
	right:10px;
	display:none;
}

/* ============ desktop view ============ */
/* On met le dropdown du menu en hover pour les versions destkop */
@media all and (min-width: 992px) {
	/*.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }*/
}
/* ============ desktop view .end// ============ */

/* ============ RESPONSIVE VIEW ============ */
@media all and (min-width: 1200) and (max-width: 1400px)
{

}

@media all and (min-width: 992px) and (max-width: 1200px)
{
	.bandeau-parallax{
		background-attachment: scroll;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	h1{
		font-size:42px;
		font-family: 'Louize Bold';
		padding-bottom:10px;
		padding-top:20px;
	}

	h2{
		font-size:26px;
		font-family: 'Louize Bold';
		padding-bottom:23px;
	}

	h3{
		font-size:18px;
		font-family: 'Louize Bold';
		padding-bottom:22px;
	}

	p{
		font-size:20px;
		font-family: 'Optima LT Pro';
		line-height: 24px;
	}

	#page-gravite p{
		font-size:20px;
		line-height: 24px;
	}

	/* Page équipements */

	#equipements-2 h2{
		font-size:22px;
	}

	#equipements-2 h2 div {
		font-size: 13px;
		line-height: 14px;
		margin-top: 10px;
		font-family: 'Optima LT Pro';
		text-transform: none;
	}

	/* Page Puissance Responsive */

	#page-puissance h2{
		padding-bottom:6px;
	}

	#page-puissance h3{
		font-size:18px;
		font-family: 'Louize Bold';
		padding-bottom:0px;
		padding-top:0px;
		line-height:20px;
	}

	#page-puissance p{
		font-size:20px;
		line-height: 24px;
	}

	#page-puissance .col-pad{
		padding:40px 40px 40px 40px;
	}

	#page-puissance .col-pad-h50{
		padding:10px 40px 10px 40px;
	}

	#page-puissance .line-h50 p{
		line-height: 30px;
	}

	/* Page gravité */

	.gravite-ancre .padding_5{
		padding:2rem;
	}

	.gravite-ancre h2{
		font-size:30px;
	}

	.gravite-ancre p{
		font-size:16px;
		line-height: 22px;
	}
}

@media all and (min-width: 768px) and (max-width: 992px)
{
	/* Page équipements */

	#bandeau-equipements-top{
		margin-top:60px;
		background-image: url("../images/equipements/bandeau-top-nos-equipements.jpg");
		height:550px;
	}

	.bandeau-parallax{
		background-attachment: scroll;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.padding_5{
		padding:0 3rem 0 3rem;
	}

	#page-equipements #bloc-contact,
	#page-equipements #equipements-partenaires{
		margin-top:3rem;
	}

	/* Page équipements */

	#equipements-2 h2{
		font-size:24px;
	}

	#equipements-2 h2 div {
		font-size: 14px;
		line-height: 14px;
		margin-top: 10px;
		font-family: 'Optima LT Pro';
		text-transform: none;
	}

	#equipements-2 .boxhover-equipements{

	}

	#equipements-2 .boxcontent{
		width:100%;
		margin:auto;
		padding:2rem;

	}

	#equipements-2 .boxcontent h2{
		position: relative;
		padding: 0;
		text-transform: uppercase;
	}

	/* Page gravite */

	#logo-starpool-blanc{
		position:relative;

		height:60px;
		margin-bottom:30px;
	}

	#bandeau-gravite-top {
		margin-top: 60px;
		background-color: #4a6785;
		height: 400px;
	}

	.gravite-ancre h2{
		font-size:28px;
	}

	.gravite-ancre p{
		font-size:16px;
		line-height: 22px;
	}

	.gravite-ancre .padding_5{
		padding:1rem 2rem 2rem 2rem;
	}

	/* Page puissance */

	#puissance-1 .padding_5{
		padding:1rem 1rem 1rem 1rem;
	}

	#page-puissance .col-pad{
		padding:3rem;
	}

	#page-puissance .col-pad-h50{
		padding:10px 30px 10px 30px;
	}

	.img-fluid{
		width:100%;
	}

	.video_fluid {
		height: 190px;
	}

	#page-puissance p{
		font-size:16px;
		line-height: 20px;
	}

	/* Page conseils */

	#logo-fnm-consult-conseil{
		width:450px;
		padding:40px;
	}

	footer{
		text-align: center;
	}

	#footer-menu a{
		color:#fff;
		text-decoration: none;
		font-size:12px;
		font-family: 'Optima LT Pro';
	}

	.logo-footer{
		height:50px;
	}

	#footer-menu{
		text-align: center;
		font-size:12px;
		margin-top:20px;
		margin-bottom:20px;
	}

	ul#footer-menu li {
		display: inline-block;
		text-align: right;
		vertical-align: middle;
		margin-bottom:0;
		padding-bottom:0;
		margin-top:0;
		padding-top:0;
	}

	#footer-bottom{
		text-align: center;
		padding-right:0px;
		font-size:12px;
	}

}

@media all and (min-width: 480px) and (max-width: 768px)
{
	footer{
		text-align: center;
	}

	/* Page équipements */

	#bandeau-equipements-top{
		margin-top:60px;
		background-image: url("../images/equipements/bandeau-top-nos-equipements.jpg");
		height:350px;
	}

	.bandeau-parallax{
		background-attachment: scroll;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.padding_5{
		padding:0 3rem 0 3rem;
	}

	#page-equipements #bloc-contact,
	#page-equipements #equipements-partenaires{
		margin-top:3rem;
	}

	#equipements-2 .boxhover-equipements{
		width:100%;
		height:100%;
	}

	#equipements-2 .boxcontent{
		width:100%;
		margin:auto;
		padding:2rem;
	}

	#equipements-2 .boxcontent h2{
		position: relative;
		padding: 0;
		text-transform: uppercase;
	}

	/* Page gravite */

	#logo-starpool-blanc{
		position:relative;

		height:60px;
	}

	#bandeau-gravite-top
	{
		height:380px;
	}

	/* Page puissance */

	#logo-aquademy-blanc{
		position:relative;
		height:20px;
	}

	#bandeau-puissance-top
	{
		height:380px;
	}

	.img-fluid{
		width:100%;
	}

	#puissance-1 .padding_5{
		padding-left:2rem;
		padding-right:2rem;
	}

	#page-puissance .col-pad{
		padding:2rem;
	}

	/* Page conseils */

	#bandeau-conseils-top{
		height:350px;
	}

	#logo-fnm-consult-conseil{
		width:450px;
		padding:40px;
	}

	/* Page contact */

	#bandeau-contact-top{
		height:270px;
	}

	/****/

	#footer-menu a{
		color:#fff;
		text-decoration: none;
		font-size:12px;
		font-family: 'Optima LT Pro';
	}

	.logo-footer{
		height:50px;
	}

	#footer-menu{
		text-align: center;
		font-size:12px;
		margin-top:20px;
		margin-bottom:20px;
	}

	ul#footer-menu li {
		display: inline-block;
		text-align: right;
		vertical-align: middle;
		margin-bottom:0;
		padding-bottom:0;
		margin-top:0;
		padding-top:0;
	}

	#footer-bottom{
		text-align: center;
		padding-right:0px;
		font-size:12px;
	}

}

@media all and (max-width: 480px)
{
	h1 {
		font-size: 42px;
		font-family: 'Louize Bold';
		padding-bottom: 10px;
		padding-top: 20px;
	}

	/* Page équipements */

	#bandeau-equipements-top{
		margin-top:60px;
		background-image: url("../images/equipements/bandeau-top-nos-equipements.jpg");
		height:350px;
	}

	.bandeau-parallax{
		background-attachment: scroll;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.padding_5{
		padding:0 3rem 0 3rem;
	}

	#page-equipements #bloc-contact,
	#page-equipements #equipements-partenaires{
		margin-top:3rem;
	}

	#equipements-2 .boxhover-equipements{
		width:100%;
		height:100%;
	}

	#equipements-2 .boxcontent{
		width:100%;
		margin:auto;
		padding:2rem;
	}

	#equipements-2 .boxcontent h2{
		position: relative;
		padding: 0;
		text-transform: uppercase;
	}

	/* Page gravite */

	#logo-starpool-blanc{
		position:relative;
		height:50px;
	}

	#bandeau-gravite-top
	{
		height:390px;
	}

	#bandeau-gravite-top h1
	{
		font-size:32px;
		font-family: 'Louize Bold';
		padding-bottom: 0px;
	}

	#page-gravite p {
		font-size: 16px;
		line-height: 22px;
	}

	.gravite-ancre h2 {
		font-size: 32px;
	}

	/* Page puissance */

	#page-puissance h2{
		font-size:32px;
		font-family: 'Louize Bold';
		padding-bottom: 0px;
	}

	#logo-aquademy-blanc{
		position:relative;
		height:20px;
	}

	#bandeau-puissance-top
	{
		height:390px;
	}

	#bandeau-puissance-top h1
	{
		font-size:32px;
		font-family: 'Louize Bold';
		padding-bottom: 0px;
	}

	#page-puissance p {
		font-size: 16px;
		line-height: 22px;
	}

	.img-fluid{
		width:100%;
	}

	#puissance-1 .padding_5{
		padding-left:2rem;
		padding-right:2rem;
	}

	#page-puissance .col-pad{
		padding-left:3rem;
		padding-right:3rem;
	}

	#puissance-catalogue h3{
		padding:3rem;
	}

	/* Page conseils */

	#bandeau-conseils-top{
		height:350px;
	}

	/* Page contact */
	#bandeau-contact-top{
		height:200px;
	}

	/****/

	#home-1 h1{
		font-size:32px;
		font-family: 'Louize Bold';
		padding-bottom:10px;
		padding-top:20px;
	}

	#home-1 p {
		font-size: 20px;
		font-family: 'Optima LT Pro';
		line-height: 26px;
	}

	#home-2 p{
		font-size:18px;
		font-family: 'Optima LT Pro';
		line-height: 20px;
	}

	footer{
		text-align: center;
	}

	#footer-menu a{
		color:#fff;
		text-decoration: none;
		font-size:12px;
		font-family: 'Optima LT Pro';
	}

	.logo-footer{
		height:50px;
	}

	#footer-menu{
		text-align: center;
		font-size:12px;
		margin-top:20px;
		margin-bottom:20px;
	}



	ul#footer-menu li {
		display: inline-block;
		text-align: right;
		vertical-align: middle;
		margin-bottom:0;
		padding-bottom:0;
		margin-top:0;
		padding-top:0;
	}

	#footer-bottom{
		text-align: center;
		padding-right:0px;
		font-size:12px;
	}

	#bandeau-conseils-top h1{
		font-size: 32px;
		font-family: 'Louize Bold';
		padding-bottom: 0px;
	}

	#bandeau-contact-top h1 {
		font-size: 32px;
		font-family: 'Louize Bold';
		padding-bottom: 0px;
	}

	.video_fluid {
		height: 210px;
	}

}

/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }

/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }

/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}