@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; list-style: none; }
body { background: rgba(7,12,16); font-family: 'Open Sans', sans-serif; font-size: 16px; color: rgba(255,255,255); }
a { text-decoration: none; color: inherit; transition: all 300ms linear; }
img { vertical-align: middle; }
.shadowed { box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.50), inset 0 -10px 10px -10px rgba(0,0,0,0.50); }
#website { position: relative; transition: all 500ms ease-in-out; overflow: hidden; }
#scrolltotop { display: none; position: fixed; bottom: 20px; right: 20px; width: 30px; height: 30px; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0); cursor: pointer; background: rgba(255,255,255); opacity: 0.5; z-index: 9999; text-align: center; }
#scrolltotop i { font-size: 16px; color: rgba(33,33,33); margin: 6px 0 0 0; }
#scrolltotop:hover { opacity: 1; }
.fancybox__content { padding: 0 !important; }
.container { margin: 0 auto; }
header .top { background: rgba(41,50,56); font-size: 12px; }
header .top .container { height: 40px; display: flex; justify-content: space-between; align-items: center; }
header .top span { text-transform: uppercase; font-style: italic; border-left: 2px rgba(224,9,24) solid; text-indent: 8px; }
header .top ul { display: flex; justify-content: space-between; align-items: center; }
header .top ul li:not(:last-child) { border-right: 2px rgba(224,9,24) solid; margin: 0 10px 0 0; padding: 0 10px 0 0; }
header .top ul li i { margin: 0 8px 0 0; }
header .center { display: flex; justify-content: center; align-items: center; }
header .center img { height: 120px; margin: 40px 0; }
header .bottom { background: rgba(41,50,56); }
header .bottom nav span { display: flex; justify-content: center; align-items: center; height: 40px; }
header .bottom nav span i { color: rgba(255,255,255); cursor: pointer; }
header .bottom nav ul { display: flex; justify-content: center; align-items: center; }
header .bottom nav ul li a { height: 40px; padding: 0 30px; display: flex; justify-content: center; align-items: center; border-bottom: 2px rgba(41,50,56) solid; }
header .bottom nav ul li a:hover, header .bottom nav ul li a.active { background: rgba(255,255,255,0.10); border-bottom: 2px rgba(224,9,24) solid; }
header .bottom nav ul li ul { position: absolute; display: none; background: rgba(41,50,56); z-index: 2; }
header .bottom nav ul li:hover ul { display: flex; flex-direction: column; }
header .bottom nav ul li ul li { width: 100%; }
header .bottom nav ul li ul li a { width: 100%; padding: 0 15px; display: flex; justify-content: flex-start; align-items: center; }
header .bottom nav ul li ul li a i { font-size: 10px; margin: 0 8px 0 0; }
header .bottom nav ul li ul li a:hover, header .bottom nav ul li ul li a.active { background: rgba(255,255,255,0.10); border-bottom: 2px rgba(255,255,255,0) solid; }
header .bottom nav ul li ul li a:hover i, header .bottom nav ul li ul li a.active i { color: rgba(224,9,24); }
header .bottom.fixed { position: fixed; top: 0; width: 100%; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
main { text-align: center; }
main section { padding: 45px 0 15px 0; }
main section h1, main section h2 { font-family: 'Roboto', sans-serif; text-transform: uppercase; margin: 0 0 30px 0; }
main section h1 { font-size: 36px; }
main section h2 { font-size: 24px; }
main section h1 span, main section h2 span { color: rgba(224,9,24); }
main section hr { background: rgba(224,9,24); height: 2px; width: 10%; margin: 0 auto 30px auto; }
main section p { text-align: justify; text-align-last: center; margin: 0 0 30px 0; }
.slider { position: relative; }
.slider .slider-content { position: absolute; height: calc(100vh - 280px); }
.slider .slider-content .slide { height: 100%; position: reltaive; }
.slider .slider-content .slide .background { position: absolute; top:0; right: 0; bottom: 0; left: 0; }
.slider .slider-content .slide .background img { width: 100%; height: 100%; object-fit: cover; }
.slider .slider-content .slide .overlay { position: absolute; top: 0; right: 0; bottom: 20px; left: 0; display: flex; justify-content: center; align-items: end; }
.slider .slider-content .slide .overlay i { font-size: 36px; color: rgba(41,50,56); animation: blink 2s ease infinite; text-shadow: 0 0 50px rgba(0,0,0,0.75); }
.slider .slider-content .slide .overlay i:hover { color: rgba(224,9,24); animation-play-state: paused; }
@keyframes blink { 0% {  } 50% {  transform: translateY(10px); } }
.slider .bx-wrapper { border: none !important; margin-bottom: 0 !important; box-shadow: none !important; }
.slider .bx-viewport { height: 100% !important; }
.index-presentation .container { display: flex; justify-content: space-between; align-items: center; }
.index-presentation .block { width: calc((100% - 30px) / 2); }
.index-presentation .block:nth-child(1) p { margin: 0 0 30px 0; }
.index-presentation .block:nth-child(2) { display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
.index-presentation .block:nth-child(2) table { border-spacing: 0; border-collapse: collapse; border-radius: 10px; width: 70%; }
.index-presentation .block:nth-child(2) table:nth-child(1) { background: rgba(41,50,56); margin: 0 0 30px 0; }
.index-presentation .block:nth-child(2) table tr:not(:last-child) { border-bottom: 1px rgba(255,255,255,0.1) solid; }
.index-presentation .block:nth-child(2) table tr:hover { background: rgba(255,255,255,0.05); }
.index-presentation .block:nth-child(2) table tr.active { background: rgba(255,255,255,0.05); }
.index-presentation .block:nth-child(2) table tr td { padding: 15px 20px; }
.index-presentation .block:nth-child(2) table tr td:nth-child(1) { text-align: left; }
.index-presentation .block:nth-child(2) table tr td:nth-child(2) { text-align: right; }
.index-presentation .block:nth-child(2) ul { width: 70%; display: flex; justify-content: center; align-items: center; }
.index-presentation .block:nth-child(2) ul li { margin: 0 15px; }
.index-presentation .block:nth-child(2) ul li:first-child { margin: 0 15px 0 0; }
.index-presentation .block:nth-child(2) ul li:last-child { margin: 0 0 0 15px; }
.index-presentation .block:nth-child(2) ul li a { width: 80px; height: 80px; background: rgba(224,9,24); border-radius: 100px; display: flex; justify-content: center; align-items: center; }
.index-presentation .block:nth-child(2) ul li a:hover { background: rgba(41,50,56); }
.index-presentation .block:nth-child(2) ul li a i { font-size: 28px; }
.index-proximite .container { display: flex; justify-content: space-between; align-items: center; }
.index-proximite .block { width: calc((100% - 30px) / 2); }
.index-proximite .block img { width: 90%; transform: rotate(-2deg); border: 5px rgba(255,255,255) solid; }
.index-habilitation .container { display: flex; justify-content: space-between; align-items: center; }
.index-habilitation .block { width: calc((100% - 30px) / 2); }
.index-habilitation .block img { width: 70%; }

.index-video iframe { width: 100%; }

.index-temoignages p { margin: 0 0 30px 0; }
.index-temoignages ul { text-align: left; }
.index-temoignages ul li { background: rgba(41,50,56); border-radius: 10px; padding: 20px; margin: 0 0 30px 0; }
.index-temoignages ul li .identite { display: flex; align-items: center; }
.index-temoignages ul li .identite span:nth-child(1) { width: 32px; height: 32px; background: rgba(224,9,24); border-radius: 100px; font-weight: bold; display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; }
.index-temoignages ul li .identite span:nth-child(2) { font-size: 18px; }
.index-temoignages ul li .note { margin: 10px 0; }
.index-temoignages ul li .note i { font-size: 12px; color: rgba(7,12,16); }
.index-temoignages ul li .note i.on { color: rgba(224,9,24); }
.index-temoignages ul li .avis { font-style: italic; text-align: justify; text-align-last: left; }
.index-temoignages a { display: inline-block; padding: 10px 20px; background: rgba(224,9,24); border-radius: 10px; }
.index-temoignages a:hover { background: rgba(41,50,56); }
.index-temoignages a:nth-of-type(1) { margin: 0 0 30px 0; }
.index-temoignages a:nth-of-type(2) { margin: 0; }
.index-demarches p { margin: 0 0 30px 0; }
.index-demarches ul { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.index-demarches ul li { width: calc((100% - 90px) / 4); margin: 0 0 30px 0; }
.index-demarches ul li a { width: 100%; height: 100%; padding: 40px; background: rgba(41,50,56); border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.index-demarches ul li a:hover { background: rgba(224,9,24); }
.index-demarches ul li a i { display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; background: rgba(224,9,24); border-radius: 100px; font-size: 28px; margin: 0 0 15px 0; }
.index-demarches ul li a:hover i { background: rgba(41,50,56); color: rgba(255,255,255); }
.vos-demarches table { border-spacing: 0; border-collapse: collapse; border-radius: 10px; width: 100%; background: rgba(41,50,56); margin: 0 0 30px 0; }
.vos-demarches table tr:not(:last-child) { border-bottom: 1px rgba(255,255,255,0.1) solid; }
.vos-demarches table tr:hover { background: rgba(255,255,255,0.05); }
.vos-demarches table tr.active { background: rgba(255,255,255,0.05); }
.vos-demarches table tr td { padding: 15px 20px; }
.vos-demarches table tr td:nth-child(1) { text-align: left; }
.vos-demarches table tr td:nth-child(2) { text-align: center; }
.vos-demarches table tr td:nth-child(2) a { font-size: 12px; }
.vos-demarches table tr td:nth-child(2) a:hover { color: rgba(224,9,24); }
.vos-demarches table tr td:nth-child(2) a i { font-size: 16px; margin: 0 8px 0 0; }
.plaques .blocks { margin: 30px 0 0 0; display: flex; justify-content: space-between; }
.plaques .blocks .block { width: calc((100% - 30px) / 2); }
.plaques .blocks .block img { width: 70%; margin: 0 0 30px 0; }
.map { height: 550px; filter: grayscale(1); }
footer .content { background: rgba(41,50,56); color: rgba(255,255,255); padding: 60px 0; }
footer .content .container { display: flex; justify-content: space-between; }
footer a:hover { color: rgba(224,9,24); }
footer .content .column { margin: 0 15px; }
footer .content .column:first-child { margin: 0 15px 0 0; }
footer .content .column:last-child { margin: 0 0 0 15px; }
footer .content .column .block:not(:last-child) { margin: 0 0 30px 0; }
footer .content .column img { display: block; width: 200px; }
footer .content .column span { display: block; margin: 0 0 20px 0; font-family: 'Roboto', sans-serif; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
footer .content .column ul.quick-links li a { display: flex; justify-content: flex-start; }
footer .content .column ul.quick-links li a i { font-size: 10px; margin: 5px 5px 0 0; color: rgba(224,9,24); }
footer .content .column ul.social-links { display: flex; }
footer .content .column ul.social-links li:not(:last-child) { margin: 0 10px 0 0; }
footer .content .column ul.social-links li a { font-size: 22px; }
footer .credits { color: rgba(255,255,255,0.25); font-size: 12px; padding: 10px 0; }
footer .credits .container { display: flex; justify-content: center; align-items: center; }
#navigation { position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; background: rgba(41,50,56); margin: 0 -100vw 0 0; transition: all 500ms ease-in-out; }
#navigation nav { text-align: center; }
#navigation nav span i { line-height: 60px; color: rgba(255,255,255); cursor: pointer; }
#navigation nav ul { list-style-type: none; }
#navigation nav ul li a { display: block; line-height: 60px; color: rgba(255,255,255); text-decoration: none; }
#navigation nav ul li ul { display: none; }
#navigation nav ul li ul li { width: 100%; background: rgba(41,50,56); }
#navigation nav ul li ul li a { display: block; }
#navigation nav ul li ul li a i { margin: 0 8px 0 0; }
#navigation nav ul li a.active, #navigation nav ul li a:hover { background: rgba(255,255,255,0.10); }

@media screen and (min-width: 1200px) {
	/* TV */
	.container { width: 100%; max-width: 1280px; padding: 0 40px; }
	header .bottom nav span { display: none; }
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
	/* DESKTOP */
	.container { width: 100%; padding: 0 20px; }
	header .bottom nav span { display: none; }
	header .bottom nav ul li a { padding: 0 20px; }
}

@media screen and (min-width: 770px) and (max-width: 999px) {
	/* LAPTOP */
	.container { width: 100%; padding: 0 20px; }
	header .bottom nav ul { display: none; }
	.index-presentation .container { flex-direction: column; }
	.index-presentation .block { width: 100%; }
	.index-proximite .container { flex-direction: column; }
	.index-proximite .block { width: 100%; }
	.index-proximite .block img { transform: rotate(0); margin: 0 0 30px 0; }
	.index-habilitation .container { flex-direction: column; }
	.index-habilitation .block { width: 100%; }
	.index-demarches ul li { width: calc((100% - 60px) / 3); margin: 0 0 30px 0; }
	.plaques .blocks { flex-direction: column; }
	.plaques .blocks .block { width: 100%; }
}

@media screen and (min-width: 480px) and (max-width: 769px) {
	/* TABLET */
	.container { width: 100%; padding: 0 10px; }
	header .top ul { display: none; }
	header .bottom nav ul { display: none; }
	.index-presentation .container { flex-direction: column; }
	.index-presentation .block { width: 100%; }
	.index-proximite .container { flex-direction: column; }
	.index-proximite .block { width: 100%; }
	.index-proximite .block img { transform: rotate(0); margin: 0 0 30px 0; }
	.index-habilitation .container { flex-direction: column; }
	.index-habilitation .block { width: 100%; }
	.index-demarches ul li { width: calc((100% - 30px) / 2); margin: 0 0 30px 0; }
	.vos-demarches table tr td { display: block; text-align: center !important; }
	.vos-demarches table tr td:first-child { padding: 15px 0; }
	.vos-demarches table tr td:last-child { padding: 0 0 15px 0; }
	.plaques .blocks { flex-direction: column; }
	.plaques .blocks .block { width: 100%; }
	footer .content .container { flex-direction: column; }
	footer .content .column { margin: 15px 0; }
	footer .content .column:first-child { margin: 0 0 15px 0; }
	footer .content .column:last-child { margin: 15px 0 0 0; }
}

@media screen and (max-width: 479px) {
	/* SMARTPHONE */
	.container { width: 100%; padding: 0 10px; }
	header .top ul { display: none; }
	header .bottom nav ul { display: none; }
	.index-presentation .container { flex-direction: column; }
	.index-presentation .block { width: 100%; }
	.index-presentation .block:nth-child(2) table { width: 100%; }
	.index-presentation .block:nth-child(2) table tr td { display: block; }
	.index-presentation .block:nth-child(2) table tr td:nth-child(1) { text-align: center; padding: 15px 0; }
	.index-presentation .block:nth-child(2) table tr td:nth-child(2) { text-align: center; padding: 0 0 15px 0; }
	.index-proximite .container { flex-direction: column; }
	.index-proximite .block { width: 100%; }
	.index-proximite .block img { transform: rotate(0); margin: 0 0 30px 0; }
	.index-habilitation .container { flex-direction: column; }
	.index-habilitation .block { width: 100%; }
	.index-demarches ul li { width: 100%; margin: 0 0 30px 0; }
	.vos-demarches table tr td { display: block; text-align: center !important; }
	.vos-demarches table tr td:first-child { padding: 15px 0; }
	.vos-demarches table tr td:last-child { padding: 0 0 15px 0; }
	.plaques .blocks { flex-direction: column; }
	.plaques .blocks .block { width: 100%; }
	footer .content .container { flex-direction: column; }
	footer .content .column { margin: 15px 0; }
	footer .content .column:first-child { margin: 0 0 15px 0; }
	footer .content .column:last-child { margin: 15px 0 0 0; }
}