@font-face {
    font-family: 'DIN Pro';
    src: url('./templates/protostar/css/fonts/DINPro.eot');
    src: url('./templates/protostar/css/fonts/DINPro.eot?') format('embedded-opentype'),
        url('./templates/protostar/css/fonts/DINPro.woff2') format('woff2'),
        url('./templates/protostar/css/fonts/DINPro.woff') format('woff'),
        url('./templates/protostar/css/fonts/DINPro.ttf') format('truetype'),
        url('./templates/protostar/css/fonts/DINPro.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('./templates/protostar/css/fonts/DINPro-Bold.eot');
    src: url('./templates/protostar/css/fonts/DINPro-Bold.eot?') format('embedded-opentype'),
        url('./templates/protostar/css/fonts/DINPro-Bold.woff2') format('woff2'),
        url('./templates/protostar/css/fonts/DINPro-Bold.woff') format('woff'),
        url('./templates/protostar/css/fonts/DINPro-Bold.ttf') format('truetype'),
        url('./templates/protostar/css/fonts/DINPro-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{font-family: 'DIN Pro';color:#FFFFFF;font-size:16px;line-height:20px;background:url(../img/fond-home.jpg)}
body.site{padding:0;border-top:0!important;}
.body .container{box-shadow:none;padding:0;border:0;background:transparent;}

.container{max-width:100%;}
.bg_blue{background:#004FC1}
.bg_black{background:#000000}
.bg_white{background:#FFFFFF;}
.bg_grey{background:#D7D8DD;}
.text-white{color:#FFFFFF;}
.text-black{color:#000000;}
.text-blue{color:#004fc1}
.nomarginleft{margin-left:0!important;}
.text-uppercase{text-transform:uppercase;}

.title{font-family: brandon-grotesque, sans-serif;font-weight: 700;font-style: normal;font-size:20px;text-transform:uppercase;}
body.itemid-101{background:url(../img/fond-home.jpg)}
.header{background:linear-gradient(to bottom, #fff 66%, #B9B6B6 64%, transparent 64%);position:relative;width:100%;padding-top:45px;}
.header-inner{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;}
.title h2{width:max-content;padding:5px 10px;margin-left:auto;margin-right:auto;}

/*menu*/
div#maximenuck90 ul.maximenuck{background:transparent!important;border-top:0!important;z-index:9999!important;font-family: brandon-grotesque, sans-serif!important;font-weight: 700!important;font-style: normal!important;}
div#maximenuck90 ul.maximenuck li.maximenuck.level1{display:inline-block!important;float:left!important;padding:0 15px!important}
div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck90 ul.maximenuck li.maximenuck.level1 > span.separator{padding:10px 0 6px!important;border-bottom:2px solid transparent!important;color:#004fc1!important;font-size:20px;text-transform:uppercase!important;}
div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a:hover,div#maximenuck90 ul.maximenuck li.maximenuck.level1 > span.separator:hover{border-bottom:2px solid #000000!important}
div#maximenuck90 ul.maximenuck li.maximenuck.level1{border-bottom:0!important}
body.itemid-101 div#maximenuck90 ul.maximenuck li.maximenuck.level1.item109{padding-right:280px!important;}
div#maximenuck90 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck90 ul.maximenuck li.maximenuck.level1.active, div#maximenuck90 ul.maximenuck li.maximenuck.level1.clickedck{background:transparent!important;border-bottom:0!important}
[data-id="maximenuck90"] .mobilemenuck-bar-title,[data-id="maximenuck90"] .mobilemenuck-bar-button,[data-id="maximenuck90"] .mobilemenuck-title,[data-id="maximenuck90"].mobilemenuck{background:black!important}
[data-id="maximenuck90"] .mobilemenuck-item > .level1{background:transparent!important}
[data-id="maximenuck90"].mobilemenuck a{font-family:brandon-grotesque, sans-serif!important;text-transform:uppercase;}
/*homepage*/
.top{position:absolute;top:0;left:calc(50% - 270px);z-index:999}
#bloc_club{border-top:18px solid #000000;margin-left:0;width:100%;margin-top:351px}
#bloc_club .span6:last-child .title{margin-top:50px;margin-bottom:35px}
#bloc_chiffre{padding:55px 0;}
#details_chiffres .number{max-width:1050px;width:100%;margin-left:auto;margin-right:auto;text-align:center;font-family: brandon-grotesque, sans-serif;font-weight: 700;font-style: normal;font-size:20px;}
#details_chiffres .number .span3{border-left:3px solid #004fc1;margin-left:0!important}
#details_chiffres .number .span3:first-child{border-left:0;padding-top:80px;}
#details_chiffres .number .span3:last-child{padding-top:65px;padding-bottom:80px;}
#details_chiffres .number .span3 img{margin-bottom:25px;}
#details_chiffres .number .span3 div:first-child{margin-bottom:40px;}
#bloc_coachs{padding:100px 0 45px;}
.coach{max-width:1020px;margin-left:auto;margin-right:auto;width:100%;}
.coach .span3 .prez{position:absolute;top:30px;left:0;font-size:12px;line-height:16px;}
.coach .span3 .prez .maj{font-size:14px;line-height:18px;font-family: brandon-grotesque, sans-serif;font-weight: 700;font-style: normal;text-transform:uppercase}
.coach .span3{position:relative;min-height:293px;}
.coach .span3 img{position:absolute;bottom:0;}
#instagram{padding:45px 0;}
.ingallery-layout-grid{max-width:1020px;width:100%;margin-left:auto;margin-right:auto;padding-top:85px;}
.ingallery-loadmore{padding:15px 0 45px!important}
#ingallery-1 .ingallery-loadmore-btn{border-color:rgba(0, 79, 193, 1)!important;border:3px solid;border-radius:50%;width:37px;height:37px;font-family: brandon-grotesque, sans-serif;font-weight: 700;font-style: normal;font-size:22px}
.ingallery-loadmore-btn{padding:8px 10px!important;}
#partners{padding-bottom:60px;}
#partners .title{padding:49px 0;}
.details_partners{text-align:center;}
.details_partners img{margin:0 9px}
a.ingallery-item-link{border:14px solid #004fc1!important}

#categories{text-align:center;padding-bottom:65px;}
#categories .title{padding:70px 0 80px}
#cours .title{padding:100px 0 55px}
#details_cours{text-align:center}
#details_cours .span3{padding:45px;width:25%!important;margin-left:0;min-height:390px}

#planning-inscription .span6{width:50%!important;margin-left:0!important;height:520px}
#planning-inscription .span6:first-child{background:url(../img/photo-fond-planning.jpg);padding-top:175px}
#planning-inscription .span6:last-child{background:url(../img/fond-inscription.jpg);padding-top:130px}

/*page interieure*/
.img-top{margin-top:-70px;text-align:center;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden;}
.img-top img, .img-top-contact img{max-width:100%!important;height:auto!important;display:block!important;margin:0 auto!important;}
.link{margin-top:25px}
.link a{font-family: brandon-grotesque, sans-serif;font-weight: 700;font-style: normal;font-size:14px;text-transform:uppercase;color:#FFFFFF;border-radius:8px;border:2px solid #FFFFFF;padding:5px 10px;}
.link a:hover{background:#FFFFFF;color:#000000;text-decoration:none;}
#contact .title{padding-top:75px;padding-bottom:35px;}
.infos-contact .details{max-width:950px;width:100%;margin-left:auto;margin-right:auto;font-family: 'DINPro';font-weight: bold;font-style: normal;font-size:15px;line-height:25px;}
.infos-contact .details .span6{padding-top:57px;padding-bottom:57px;}
.infos-contact .details .span6:first-child{background:url(../img/separateur.jpg) #D7D8DD center right no-repeat}
#formulaire .title{padding-top:95px}
.img-top-contact{margin-top:-71px;text-align:center;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden;}

/* Styling mentions légales */
.legal-content {
    background: #FFFFFF !important;
    color: #000000 !important;
    padding: 45px 50px !important;
    margin-top: 40px !important;
    margin-bottom: 50px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}
.legal-content h2 {
    color: #004FC1 !important;
    font-size: 22px !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #004FC1 !important;
    font-family: brandon-grotesque, sans-serif !important;
    text-transform: uppercase !important;
}
.legal-content p, .legal-content span, .legal-content strong, .legal-content li, .legal-content div {
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    margin-bottom: 15px !important;
}
.legal-content a {
    color: #004FC1 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}
.legal-content a:hover {
    color: #000000 !important;
}

.visCSSlabel{text-transform:uppercase;color:#004FC1;font-size:15px;line-height:16px;font-family: brandon-grotesque, sans-serif;font-weight: 700;font-style: normal;width:100%;letter-spacing:2px;margin-bottom:0px;margin-top:5px}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], 
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
		margin-top:5px;border-bottom:1px solid #000000;border-left:0;border-right:0;border-top:0;border-radius:0;box-shadow:none;background:#f5f9ff!important;width:99%;
}
.visforms-form{max-width:500px;width:100%;margin-left:auto;margin-right:auto;}
.visform textarea{height:150px;border-bottom:1px solid #000000;border-left:0;border-right:0;border-top:0;width:100%;}
button.btn, input[type="submit"].btn{box-shadow:none;text-shadow:none;font-family: brandon-grotesque, sans-serif;font-weight: 700;font-style: normal;font-size:14px;text-transform:uppercase;color:#004fc1;border-radius:8px;border:2px solid #004fc1;padding:5px 30px;background:transparent}
button.btn, input[type="submit"].btn:hover{background:#004fc1;color:#FFFFFF}
/*footer*/
.back_to_top{position:relative;height:90px;}
.back_to_top img{position:absolute;left:calc(50% - 21px);bottom:-22px}
.footer-top {padding:45px 0 35px;font-family: 'DINPro';font-weight: bold;font-style: normal;}
.footer-left{width:100%;max-width:435px;float:left;text-align:right;}
.footer-left{font-size:10px;line-height:12px;text-transform:uppercase;letter-spacing:2px;background:url(../img/mire.png) center right no-repeat;padding-right:30px}
.footer-center{max-width:275px;width:100%;float:left;text-align:center;}
.footer-contact{max-width:340px;width:100%;float:left;text-align:left;padding-top:10px;}
.tel{margin-bottom:5px;padding-left:5px}
.tel img{margin-right:15px}
.mail img{margin-right:10px}
.tel a,.mail a{color:#FFFFFF;text-decoration:none;font-size:12px;line-height:14px;}
.footer-right{max-width:100px;width:100%;float:left;text-align:center;border-left:2px solid #FFFFFF;padding:25px 0}
footer .container-fluid{max-width:1200px;margin-left:auto;margin-right:auto;width:100%;}
.footer-bottom {color:#004fc1;font-size:10px;line-height:14px;padding:15px 0;text-transform:uppercase;}
.footer-bottom a{color:#004fc1;text-decoration:none}

@media (min-width: 1200px){
	.container-fluid{padding-left:0;padding-right:0;}
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:1200px;}
}

@media (max-width: 797px){
	.header{background:#FFFFFF;margin-bottom:0;padding-bottom:45px;}
	.top{display:none;}
	#bloc_club{margin-top:0;}
	.img-top{margin-top:0;}
	#bloc_club .span6:last-child{padding:0 25px 45px;}
	#details_chiffres .number .span3{border-left:0}
	#details_chiffres .number .span3:first-child{padding-top:0;padding-bottom:25px;}
	#details_chiffres .number .span3 div:first-child,#details_chiffres .number .span3 div:last-child{margin-bottom:25px}
	.coach .span3 img{right:30px}
	.coach .span3 .prez{left:30px;font-size:14px;}
	#details_cours .span3{width:100%!important;min-height:auto;}
	#planning-inscription .span6{width:100%!important;}
	#ingallery-1 .ingallery-items{margin-left:0;margin-right:0;}
	.img-top-contact{margin-top:0}
	.visforms  h1{margin:0}
	.visform{padding-left:25px;padding-right:25px;margin-top:0}
	.footer-left{max-width:100%;padding-right:0;text-align:center;background:none}
	.footer-center{padding-top:25px;padding-bottom:25px;max-width:100%;}
	.footer-contact{text-align:center;max-width:100%;}
	.footer-right{max-width:100%;text-align:center;padding-top:10px;padding-bottom:0;border-left:0}
	.infos-contact .details .span6:first-child{background-image:none;}
}