/* Global */
html {
}
body {
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
font: 300 16px/30px 'Open Sans', sans-serif;
background: #fff;
overflow-x: hidden;
}
body.loading {
overflow: hidden;
}
.btn-langue .dropdown-toggle {
background: none;
border: 0;
outline: 0;
}
.btn-langue .dropdown-menu {
min-width: inherit;
width: 55px;
padding: 0;
margin: 0;
}
.btn-langue .dropdown-item {
padding: 0;
text-align: center;
}
.btn-langue .dropdown-item img {
display: inline-block;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.navbar-brand {
margin-right: 0px;
}
}
.content-lang {
display: inline-block;
}
@media screen and (max-width: 768px) {
.btn-langue .dropdown-menu {
min-width: inherit;
width: 100%;
padding: 0;
margin: 0;
}
.bloc-langues {
width: 100%;
}
.btn-langue .dropdown-toggle {
width: 100%;
text-align: left;
padding: 0 36px;
border-bottom: 1px solid #000;
}
.btn-langue .dropdown-item,
.btn-langue .dropdown-toggle {
font: 400 20px/45px 'Teko';
text-transform: uppercase;
text-align: left;
}
.btn-langue .dropdown-item {
padding: 0 36px;
}
.content-lang {
width: 89%;
display: inline-block;
}
}
/* Colors */
.color1 {
color: #e3000b;
}
.color2 {
color: #000000;
}
.colorlight {
color: #fff;
}
.facebook {
color: #4460a0;
}
.instagram {
color: #eb4487;
}
.linkedin {
color: #007ebb;
}
.twitter {
color: #0d9ee0;
}
.youtube {
color: #ce1312;
}
/* End Colors */
/* Backgrounds */
.bg-color1 {
background: #e3000b;
color: #000;
}
.bg-color2 {
background: #010101;
color: #fff;
}
.bg-colorlight {
background: #fff;
color: #000;
}
.bg-facebook {
color: #fff;
background-color: #4460a0;
}
.bg-instagram {
color: #fff;
background-color: #eb4487;
}
.bg-linkedin {
color: #fff;
background-color: #007ebb;
}
.bg-twitter {
color: #fff;
background-color: #0d9ee0;
}
.bg-youtube {
color: #fff;
background-color: #ce1312;
}
/* End Backgrounds */
/* Borders */
.bd-color1 {
border-color: #e3000b;
}
.bd-color2 {
border-color: #010101;
}
.bd-facebook {
border-color: #4460a0;
}
.bd-instagram {
border-color: #eb4487;
}
.bd-linkedin {
border-color: #007ebb;
}
.bd-twitter {
border-color: #0d9ee0;
}
.bd-youtube {
border-color: #ce1312;
}
/* End Borders */
/* Paragraphs */
p strong {
font-weight: 600;
}
p + p {
margin-top: 30px;
}
hr {
border-color: #000;
margin: 40px 0;
}
/* End Paragraphs */
/* Links */
a {
color: #ce1312;
}
a,
a:hover,
a:active {
text-decoration: none;
}
/* End Links */
.redBord {
border: 2px solid red !important;
}
input[type='submit'].wpcf7-form-control {
font: 500 20px/45px 'teko' !important;
color: #fff !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
}
input[type='submit'].wpcf7-form-control:hover {
font: 500 20px/45px 'teko' !important;
color: #fff !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
background: #e3000b !important;
}
/* Buttons */
.btn {
position: relative;
display: inline-flex;
width: auto;
height: 49.8px;
margin: 0 14px;
padding: 0;
border-radius: 0;
border: 0;
z-index: 0;
}
.btn:hover,
.btn:active,
.btn:focus {
outline: 0;
box-shadow: none;
}
.btn span {
position: relative;
display: inline-flex;
width: auto;
height: 50px;
margin: 0;
padding: 0 14px;
font: 500 20px/53px 'teko';
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 0;
border: 0;
}
.btn span:before,
.btn span:after {
content: '';
position: absolute;
width: 34px;
height: 34px;
transform: translate(-50%, -50%) rotate(-45deg) skew(-15deg, -15deg) scale(0.825);
background-color: inherit;
top: 50%;
z-index: -1;
}
.btn span:before {
left: 0;
}
.btn span:after {
left: 100%;
}
.btn .plus {
justify-content: center;
width: 28px;
padding: 0;
z-index: 2;
}
.btn .plus i {
font-size: 20px;
line-height: 46px;
}
.btn span + span {
padding-left: 36px;
margin-left: -10px;
padding-right: 12px;
z-index: 1;
}
.btn span + span:after {
z-index: -2;
}
/* small buttons */
.btn.btn-sm {
height: 34px;
}
.btn.btn-sm span {
height: 34px;
margin: 0;
padding: 0 9.5px;
font: 500 18px/37px 'Teko';
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.btn.btn-sm .plus {
width: 20px;
}
.btn.btn-sm span:before,
.btn.btn-sm span:after {
width: 23.12px;
height: 23.12px;
}
.btn.btn-sm span + span {
padding-left: 30px;
}
.btn.btn-sm .plus i {
line-height: 36px;
}
/* large buttons : lg only */
@media screen and (min-width: 992px) {
.btn.btn-lg {
height: 74px;
}
.btn.btn-lg span {
height: 74px;
margin: 0;
padding: 0 21px;
font: 500 50px/78px 'teko';
letter-spacing: 2px;
}
.btn.btn-lg span.plus i {
font-size: 30px;
line-height: 72px;
}
.btn.btn-lg span:before,
.btn.btn-lg span:after {
width: 51px;
height: 51px;
}
.btn.btn-lg span + span {
padding-left: 42px;
}
}
/* bg rouge */
.btn.btn-color1 {
background: #1e1d1c;
}
.btn.btn-color1 span {
background: #e3000b;
}
.btn.btn-color1 span {
background: #e3000b;
}
.btn.btn-color1 span + span {
background: none;
}
.btn.btn-color1 span + span:after {
background: #1e1d1c;
}
/* bg noir */
.btn.btn-color2 {
background: #e3000b;
}
.btn.btn-color2 span {
background: #1e1d1c;
}
.btn.btn-color2 span + span {
background: none;
}
.btn.btn-color2 span + span:after {
background: #e3000b;
}
/* bg blanc */
.btn.btn-reverse {
background: #fff;
}
.btn.btn-reverse span:not(.plus) {
color: #1e1d1c;
}
.btn.btn-reverse span + span:after {
background: #fff;
}
.btn.btn-reverse:hover span:not(.plus) {
color: #e3000b;
}
.btn.btn-reverse:hover span + span:not(.plus) {
color: #fff;
}
/* hover sans animation compatible IE et Edge*/
/*
.btn.btn-color1:hover span,
.btn.btn-color1:hover span + span:after {
background: #E3000B;
color: #ffffff;
}
.btn.btn-color2:hover span,
.btn.btn-color2:hover span + span:after {
background: #1E1D1C;
color: #ffffff;
}
.btn.btn-color1.btn-reverse span:not(.plus),
.btn.btn-color2.btn-reverse span:not(.plus) {
background: #fff;
}
.btn.btn-color1.btn-reverse:hover span:not(.plus),
.btn.btn-color1.btn-reverse:hover span + span:after,
.btn.btn-color2.btn-reverse:hover span:not(.plus),
.btn.btn-color2.btn-reverse:hover span + span:after {
background: #ffffff;
color: #E3000B;
}
*/
/* hover animation : ne fonctionne correctement que sur Webkit & Firefox */
.btn span + span:before {
left: -10px;
-webkit-clip-path: polygon(0% 0%, calc(100% - 16.5px) 0%, 100% 50%, calc(100% - 16.5px) 100%, 0% 100%);
clip-path: polygon(0% 0%, calc(100% - 16.5px) 0%, 100% 50%, calc(100% - 16.5px) 100%, 0% 100%);
transform: translateY(-50%);
height: 100%;
border: 0;
width: 34px;
transition: width 0.3s ease-out, clip-path 0.3s ease-out;
z-index: -1;
}
.btn:hover span + span:before {
width: calc(100% + 27px);
}
.btn.btn-sm span + span:before {
height: 100%;
-webkit-clip-path: polygon(0% 0%, calc(100% - 11px) 0%, 100% 50%, calc(100% - 11px) 100%, 0% 100%);
clip-path: polygon(0% 0%, calc(100% - 11px) 0%, 100% 50%, calc(100% - 11px) 100%, 0% 100%);
}
.btn.btn-sm:hover span + span:before {
width: calc(100% + 20px);
}
@media screen and (min-width: 992px) {
.btn.btn-lg span + span:before {
left: -20px;
height: 100%;
-webkit-clip-path: polygon(0% 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%);
clip-path: polygon(0% 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%);
}
.btn.btn-lg:hover span + span:before {
width: calc(100% + 42px);
}
}
.btn.btn-color1 span + span:before,
.btn.btn-color2 span + span:before {
background: #e3000b;
}
.btn.btn-reverse span:first-child:not(.plus) {
background: #fff;
}
/* End Buttons */
/* Headings */
h1,
.h1 {
font: 500 45px/86px 'Teko';
text-transform: uppercase;
letter-spacing: 1px;
}
h2,
.h2 {
margin: 0;
color: #000;
font: normal 48px/45px 'Teko';
text-transform: uppercase;
}
h2:after,
.h2:after {
content: '';
display: block;
margin-top: 20px;
margin-bottom: 26px;
width: 70px;
height: 4px;
background: #e3000b;
}
.text-center h2:after,
.text-center .h2:after,
h2.text-center:after,
.h2.text-center:after {
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 576px) {
.text-sm-left h2:after,
.text-sm-left .h2:after,
h2.text-sm-left:after,
.h2.text-sm-left:after {
margin-left: 0;
}
}
@media screen and (min-width: 768px) {
.text-md-left h2:after,
.text-md-left .h2:after,
h2.text-md-left:after,
.h2.text-md-left:after {
margin-left: 0;
}
}
@media screen and (min-width: 992px) {
.text-lg-left h2:after,
.text-lg-left .h2:after,
h2.text-lg-left:after,
.h2.text-lg-left:after {
margin-left: 0;
}
}
@media screen and (min-width: 1200px) {
.text-xl-left h2:after,
.text-xl-left .h2:after,
h2.text-xl-left:after,
.h2.text-xl-left:after {
margin-left: 0;
}
}
h2 span,
.h2 span {
display: block;
color: #e3000b;
}
.consignes span {
color: #e3000b;
font-family: 'Teko', sans-serif;
text-transform: uppercase;
}
.bg-color1 h2,
.bg-color1 .h2 {
color: #fff;
}
.bg-color1 h2 span,
.bg-color1 .h2 span {
color: #010101;
}
.bg-color1 h2:after,
.bg-color1 .h2:after {
background: #010101;
}
.bg-color2 h2,
.bg-color2 .h2 {
color: #fff;
}
.bg-color2 h2 span,
.bg-color2 .h2 span {
color: #e3000b;
}
.bg-color2 h2:after,
.bg-color2 .h2:after {
background: #e3000b;
}
.bg-colorlight h2,
.bg-colorlight .h2 {
color: #000;
}
.bg-colorlight h2:after,
.bg-colorlight .h2:after {
background: #000;
}
h3,
.h3 {
margin: 0;
color: #000;
font: normal 35px/45px 'Teko';
text-transform: uppercase;
letter-spacing: 1px;
}
h3 span,
.h3 span {
display: block;
color: #e3000b;
}
.bg-color1 h3,
.bg-color1 .h3 {
color: #fff;
}
.bg-color1 h3 span,
.bg-color1 .h3 span {
color: #010101;
}
.bg-color2 h3,
.bg-color2 .h3 {
color: #fff;
}
.bg-color2 h3 span,
.bg-color2 .h3 span {
color: #e3000b;
}
.bg-colorlight h3,
.bg-colorlight .h3 {
color: #000;
}
.bg-colorlight h3:after,
.bg-colorlight .h3:after {
background: #000;
}
/* End Headings */
/* Contents */
.section-p {
padding: 50px 0;
}
.section-pt {
padding-top: 50px;
}
.section-pb {
padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
.section-p {
padding: 100px 0;
}
.section-pt {
padding-top: 100px;
}
.section-pb {
padding-bottom: 100px;
}
}
blockquote {
font: normal 25px/40px 'Open Sans';
font-style: italic;
letter-spacing: 1px;
margin-bottom: 30px;
}
small {
font: 300 14px/20px 'Open Sans';
}
/* End Contents */
/* Lists */
ul {
list-style: none;
padding: 0;
}
main ul li {
position: relative;
padding-left: 20px;
}
main ul li:before {
content: '\e90e';
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
font: normal 10px/30px 'icomoon';
color: #e3000b;
text-align: center;
}
main ul.nodisc li:before {
content: '';
}
main ul.puce-list,
main ul.check-list {
padding: 0;
}
main ul.check-list li {
padding-left: 40px;
font: 700 16px/40px 'Open Sans';
}
main ul.check-list li:before {
content: '\e90f';
font-size: 28px;
line-height: 40px;
}
main ul.list-unstyled li {
padding: 0;
}
main ul.list-unstyled li:before {
display: none;
}
#focus main ul.check-list li {
padding-right: 10px;
}
/* End Lists */
/* Videos */
/* Video */
.video-toggler {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
height: 0;
padding-bottom: 56.25%;
background: #e3000b;
}
.video-toggler .player {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.video-toggler .video-container {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 10;
}
.video-toggler .video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#modal-video .modal-dialog {
margin: 3rem auto;
}
#modal-video .close {
position: absolute;
top: -30px;
right: 0;
color: #fff;
}
#modal-video .modal-body {
padding: 0;
height: 0;
padding-bottom: 56.25%;
}
#modal-video .modal-body iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#modal-nl .modal-dialog {
margin: 1rem auto;
}
#modal-nl .close {
position: absolute;
top: -30px;
right: 0;
color: #fff;
}
#modal-nl .modal-body {
padding: 30px;
}
#modal-nl p {
font-weight: 600;
margin-top: 0px;
}
#modal-nl p span {
color: #e3000b;
}
#modal-nl input[type='text'] {
width: 100%;
}
#modal-nl input[type='email'] {
width: 100%;
}
#modal-nl form input[type='submit'] {
background: #000;
color: #fff;
border: none;
padding: 6px 15px;
text-transform: uppercase;
font-size: 13px;
width: auto;
}
/* End Videos */
/* Header */
#body-header {
background: #fff;
box-shadow: 0 4px 18px -2px gray;
}
#body-header .navbar {
padding: 0;
align-items: unset;
}
/* Logo */
.navbar-brand {
padding: 20px 0;
}
.navbar-brand img {
height: 65px;
width: auto;
}
@media screen and (min-width: 1200px) {
.navbar-brand img {
height: 75px;
}
}
@media screen and (min-width: 1440px) {
.navbar-brand img {
height: 86px;
}
}
/* End Logo */
/* Double nav */
.navbar-toggler {
font-size: 40px;
color: #e3000b;
}
.navbar-toggler:focus,
.navbar-toggler:active {
outline: 0;
box-shadow: none;
}
.navbar-toggler.collapsed .icon-bars,
.navbar-toggler .icon-times {
display: block;
}
.navbar-toggler .icon-bars,
.navbar-toggler.collapsed .icon-times {
display: none;
}
.double-nav {
display: flex;
flex-direction: column;
margin: 0 -15px;
max-height: calc(100vh - 105px);
/*overflow-y: auto;*/
}
.double-nav::-webkit-scrollbar {
display: none;
}
.navbar-nav .dropdown-menu {
position: absolute !important;
}
@media screen and (max-width: 992px) {
.navbar-nav .dropdown-menu {
position: static !important;
}
}
@media screen and (min-width: 992px) {
.double-nav {
margin: 0;
}
}
.navbar-nav {
width: 100%;
}
@media screen and (min-width: 992px) {
.navbar-nav {
width: auto;
}
}
/* Top nav */
.top-nav {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
flex-shrink: 0;
}
@media screen and (min-width: 992px) {
.top-nav {
flex-direction: row;
}
}
@media screen and (min-width: 992px) {
.top-nav {
justify-content: flex-end;
}
}
/* Social menu */
.social {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 12px;
padding: 15px 30px;
}
@media screen and (min-width: 992px) {
.social {
justify-content: flex-start;
width: auto;
padding: 0;
}
}
@media screen and (min-width: 992px) {
.social {
justify-content: center;
}
}
.social a {
margin: 0 12px;
font-size: 16px;
line-height: 45px;
color: #1c1b1a;
}
.social a:hover {
color: #e3000b;
}
/* End Social menu */
/* Mini menu */
.mini-menu {
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
background: #e3000b;
}
.mini-menu > div {
width: 100%;
display: flex;
}
@media screen and (min-width: 992px) {
.mini-menu {
flex-direction: row;
width: auto;
background: none;
}
.mini-menu-nav > div {
justify-content: flex-end;
}
}
.mini-menu li {
padding: 0 36px;
margin: 0;
}
.mini-menu a {
position: relative;
display: flex;
align-items: center;
padding: 15px 0;
font: 400 20px/45px 'Teko';
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
.mini-menu li + li a {
border-top: 1px solid #e56262;
}
.navbar-expand-lg .mini-menu .navbar-nav .nav-link {
/* surcharge bootstrap */
padding: 0;
}
@media screen and (min-width: 992px) {
.mini-menu .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
}
.mini-menu li {
padding: 0;
}
.mini-menu a {
height: 46px;
padding: 0;
font: 400 20px/46px 'Teko';
letter-spacing: 1px;
}
.mini-menu li + li a {
border: 0;
}
.mini-menu a span {
padding: 0 15px;
background: #e3000b;
}
.mini-menu a:hover span {
background: #1c1b1a;
}
.mini-menu a:before,
.mini-menu a:after {
content: '';
display: block;
width: 0;
border-style: solid;
border-width: 23px 13px;
}
.mini-menu li:nth-child(1) a:before {
border-color: #e3000b #e3000b transparent transparent;
}
.mini-menu li:nth-child(1) a:hover:before {
border-color: #1c1b1a #1c1b1a transparent transparent;
}
.mini-menu li:nth-child(1) a:after {
border-color: #e3000b transparent transparent #e3000b;
}
.mini-menu li:nth-child(1) a:hover:after {
border-color: #1c1b1a transparent transparent #1c1b1a;
}
.mini-menu li:nth-child(2) a {
margin-left: -32px;
}
.mini-menu li:nth-child(2) a span {
background: #be060f;
}
.mini-menu li:nth-child(2) a:hover span {
background: #1c1b1a;
}
.mini-menu li:nth-child(2) a:before {
border-color: transparent #be060f #be060f transparent;
}
.mini-menu li:nth-child(2) a:hover:before {
border-color: transparent #1c1b1a #1c1b1a transparent;
}
.mini-menu li:nth-child(2) a:after {
border-color: #be060f transparent transparent #be060f;
}
.mini-menu li:nth-child(2) a:hover:after {
border-color: #1c1b1a transparent transparent #1c1b1a;
}
.mini-menu li:nth-child(3) a {
margin-left: -32px;
}
.mini-menu li:nth-child(3) a span {
background: #a5020a;
}
.mini-menu li:nth-child(3) a:hover span {
background: #1c1b1a;
}
.mini-menu li:nth-child(3) a:before {
border-color: transparent #a5020a #a5020a transparent;
}
.mini-menu li:nth-child(3) a:hover:before {
border-color: transparent #1c1b1a #1c1b1a transparent;
}
.mini-menu li:nth-child(3) a:after {
border-color: #a5020a transparent transparent #a5020a;
}
.mini-menu li:nth-child(3) a:hover:after {
border-color: #1c1b1a transparent transparent #1c1b1a;
}
}
@media screen and (min-width: 992px) {
.navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
flex-basis: auto;
}
}
/* End Mini menu */
/* End Top nav */
/* Bottom nav */
.bottom-nav {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
flex-shrink: 0;
margin-top: auto;
background: #1c1b1a;
}
.bottom-nav > div {
width: 100%;
display: flex;
}
@media screen and (min-width: 992px) {
.bottom-nav {
background: none;
}
}
@media screen and (min-width: 1200px) {
.bottom-nav > div {
justify-content: flex-end;
}
}
.bottom-nav .nav-item {
padding: 0 36px;
}
.bottom-nav .nav-link {
padding: 15px 0;
font: 400 20px/45px 'Teko';
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
.bottom-nav .nav-item + .nav-item .nav-link {
border-top: 1px solid #626262;
}
.navbar-expand-lg .bottom-nav .navbar-nav .nav-link {
/* surcharge bootstrap */
padding: 0 36px;
}
.dropdown-item {
width: 100%;
}
.dropdown-menu li {
padding: 0 40px 0 0px !important;
width: 100%;
text-align: left;
padding-right: 50px;
}
.dropdown-menu {
border-radius: 0 !important;
border-bottom: 2px solid #e3000b;
}
.dropdown-menu li:hover {
background-color: #f4f4f4 !important;
}
.dropdown-menu li:hover a {
color: #e3000b !important;
}
.dropdown-menu li a {
font: 500 14px/30px 'Open Sans';
}
.menu-item-has-children .dropdown-menu li a {
font: 400 20px/30px 'Teko' !important;
letter-spacing: 0.6px !important;
}
.dropdown-menu li a:active,
.dropdown-menu li a:focus {
background-color: #e3000b !important;
color: #fff;
}
@media screen and (min-width: 992px) {
.bottom-nav .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
}
.bottom-nav .nav-link {
padding: 0;
font: 400 20px/45px 'Teko';
color: #1c1b1a;
border-bottom: 5px solid transparent;
}
.bottom-nav .nav-link:hover {
color: #e3000b;
}
.bottom-nav .active .nav-link {
color: #e3000b;
border-color: #e3000b;
}
.bottom-nav .nav-item + .nav-item .nav-link {
border-top: 0;
}
}
@media screen and (min-width: 992px) {
.header-content .navbar-toggler {
display: none;
}
}
/* End Bottom nav */
/* End Double nav */
/* End Header */
/* Breadcrumbs */
#breadcrumbs {
padding: 10px 0 0 0;
background: #000 url(../images/fond-titre.jpg) center center / cover no-repeat;
max-height: 120px;
}
.home #breadcrumbs {
display: none;
}
#breadcrumbs h1 {
color: #fff;
margin-top: 0px;
margin-bottom: 0;
font: 300 35px/50px 'Teko';
}
.breadcrumb {
background: none;
margin: 0;
border: 0;
border-radius: 0;
padding: 0;
}
.breadcrumb-item {
font: 300 16px/29px 'Teko';
text-transform: uppercase;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 15px;
}
.breadcrumb-item + .breadcrumb-item::before {
content: '>';
padding-right: 15px;
color: #fff;
}
.breadcrumb-item,
.breadcrumb-item.active,
.breadcrumb-item a {
color: #fff;
}
@media screen and (max-width: 992px) {
#breadcrumbs h1 {
color: #fff;
margin-top: 0px;
margin-bottom: 0;
font: 300 30px/35px 'Teko';
}
}
/* End Breadcrumbs */
/* Popin test Profile */
#popin-test-profile {
position: fixed;
top: 100%;
right: 0;
transform: translateY(-40px);
max-width: 375px;
max-height: calc(100vh - 160px);
z-index: 1010;
transition: transform 0.3s ease-in-out;
}
#popin-test-profile:hover {
transform: translateY(-95%);
}
/* Sidebar avec texte a 90deg */
#popin-test-profile .sidebar {
display: inline-flex;
align-items: center;
}
#popin-test-profile .sidebar .text {
position: relative;
display: flex;
align-items: center;
height: 40px;
margin: 0 22px;
padding: 0 8px;
background: #e3000b;
font: 500 16px/40px 'Teko';
color: #fff;
text-transform: uppercase;
}
#popin-test-profile .sidebar .text:before,
#popin-test-profile .sidebar .text:after {
content: '';
display: block;
position: absolute;
left: -22px;
top: 0;
bottom: 0;
width: 0;
border-style: solid;
border-width: 20px 11px;
border-color: transparent #e3000b #e3000b transparent;
}
#popin-test-profile .sidebar .text:after {
left: 100%;
border-color: #e3000b transparent transparent #e3000b;
}
#popin-test-profile .sidebar span {
padding: 0 10px 0 20px;
color: #1c1b1a;
}
#popin-test-profile .sidebar .img {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
background: #fff;
padding: 0 9px;
margin-right: 22px;
}
#popin-test-profile .sidebar .img img {
width: 70px;
height: auto;
}
#popin-test-profile .sidebar .img:before,
#popin-test-profile .sidebar .img:after {
content: '';
display: block;
position: absolute;
left: -22px;
top: 0;
bottom: 0;
width: 0;
border-style: solid;
border-width: 20px 11px;
border-color: transparent #fff #fff transparent;
}
#popin-test-profile .sidebar .img:after {
left: 100%;
border-color: transparent transparent #fff #fff;
}
/* Contenu : partie non visible */
#popin-test-profile .content {
max-width: 100%;
max-height: calc(100vh - 220px);
overflow-y: auto;
padding: 26px;
background: #fff;
}
#popin-test-profile .content p {
margin-bottom: 30px;
font: 300 16px/28px 'Open Sans';
}
#popin-test-profile .content p strong {
font-weight: 600;
}
/* End Contenu : partie non visible */
@media screen and (min-width: 992px) {
#popin-test-profile {
top: auto;
bottom: 0;
right: -430px; /* Match #popin-test-profile .content width */
max-width: unset;
max-height: unset;
height: 100vh;
transition: right 0.3s ease-in-out;
transform: none;
z-index: 1020;
}
#popin-test-profile:hover {
right: 0;
transform: translateY(0);
}
/* Sidebar avec texte a 90deg */
#popin-test-profile .sidebar {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100vh;
transform: rotate(-90deg) translate(-100%, -100%);
transform-origin: top left;
}
#popin-test-profile .sidebar .text {
letter-spacing: 1.75px;
}
#popin-test-profile .sidebar span {
padding: 0 10px 0 20px;
color: #1c1b1a;
}
#popin-test-profile .sidebar .img {
padding: 0 24px;
}
/* End Sidebar avec texte a 90deg */
/* Contenu : partie non visible */
#popin-test-profile .content {
display: flex;
flex-direction: column;
justify-content: center;
width: 430px;
height: 100%;
max-width: calc(100vw - 70px);
max-height: unset;
overflow: hidden;
padding: 53px 58px 55px 52px;
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
}
/* End Contenu : partie non visible */
}
/* End Popin test Profile */
/* Sidebar Share */
@media screen and (min-width: 992px) {
#share {
position: fixed;
top: 50vh;
left: 0;
z-index: 1010;
}
#share ul {
padding: 0;
margin: 0;
}
#share .share-btn {
position: relative;
background: url(../images/share.svg);
z-index: 1;
}
#share ul ul {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
#share:hover ul ul {
opacity: 1;
}
#share:hover ul ul li {
transform: translateY(0) !important;
opacity: 1;
}
#share ul ul li {
position: relative;
display: block;
width: 45px;
transform: translateY(-100%);
z-index: 3;
transition: transform 0.3s ease-in-out;
}
#share ul ul li a {
position: relative;
display: block;
width: 100%;
padding: 12px 0;
background: #be060f;
color: #fff;
text-align: center;
transform: skew(0, -29deg);
}
#share ul ul li a:hover {
background: #1c1b1a;
}
#share ul ul li a i {
display: block;
font-size: 20px;
line-height: 45px;
transform: skew(0, 29deg);
}
#share ul ul li:nth-child(1) {
margin-top: -13px;
}
#share ul ul li:nth-child(2) {
z-index: 2;
transform: translateY(-200%);
}
#share ul ul li:nth-child(2) a {
background: #a5020a;
}
#share ul ul li:nth-child(2) a:hover {
background: #1c1b1a;
}
#share ul ul li:nth-child(3) {
z-index: 1;
transform: translateY(-300%);
}
#share ul ul li:nth-child(3) a {
background: #84050b;
}
#share ul ul li:nth-child(3) a:hover {
background: #1c1b1a;
}
}
/* End Sidebar Share */
/* footer */
#body-footer {
margin-top: auto;
}
.footer-content {
padding: 50px 0;
background: #000;
}
/* Logo Footer */
.footer-content .logo-footer {
}
/* End Logo Footer */
/* Social links */
.footer-content .social {
padding: 40px 0 60px;
margin: 0;
}
.footer-content .social a {
margin: 0 20px;
font-size: 25px;
line-height: 25px;
color: #fff;
}
@media screen and (min-width: 992px) {
.footer-content .social {
padding-top: 42px;
padding-bottom: 61px;
justify-content: center;
}
}
/* End Social links */
/* Partners */
.footer-content .partners .btn {
font: 700 16px/46px 'Open Sans Condensed';
}
.footer-content .partners .btn {
margin-top: 20px;
}
.footer-content .partners .btn span:not(.plus) {
justify-content: center;
}
@media screen and (min-width: 992px) {
.footer-content .partners .btn {
margin-top: 0;
}
.footer-content .partners .btn span:not(.plus) {
width: 200px;
}
}
.bloc-partner {
margin: 0 30px;
}
.footer-partners {
margin: 0 auto;
}
.footer-partners .item img {
margin: 0 auto;
}
.title-partners {
margin-top: 60px;
font: 500 25px/1 'Teko';
color: #000;
text-transform: uppercase;
margin-bottom: 35px;
}
.partners-s {
padding: 50px 0;
}
.partners-s .slick-arrow {
position: absolute;
top: 50%;
padding: 0;
background: none;
border: 0;
font-size: 30px;
color: #e3000b;
cursor: pointer;
}
.partners-s .slick-arrow.prev {
left: 0%;
}
.partners-s .slick-arrow.next {
right: 0%;
}
.partners-s .bloc-partner-slides .slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
color: red;
}
.partners-s .bloc-partner-slides .slick-arrow {
position: absolute;
bottom: 0%;
top: inherit;
left: 50%;
padding: 0;
background: none;
border: 0;
font-size: 20px;
color: #e3000b;
cursor: pointer;
}
.partners-s .slick-arrow.prev.inner {
transform: translateX(-50px);
}
.partners-s .slick-arrow.next.inner {
transform: translateX(50px);
}
.title-partners span {
display: block;
font: 700 20px/25px 'Open Sans';
color: #e3000b;
}
.title-partners:after {
content: '';
display: block;
margin: 10px auto 26px auto;
width: 70px;
height: 4px;
background: #e3000b;
}
/* End Partners */
/* Menu Footer */
.footer-menu {
padding: 35px 0 90px;
background: #e3000b;
text-align: center;
}
.footer-menu .navbar-nav {
display: flex;
}
@media screen and (min-width: 992px) {
.footer-menu {
padding: 18px 0;
}
.footer-menu .navbar-nav {
flex-direction: row;
justify-content: center;
}
}
.footer-menu .nav-link {
padding: 0 20px;
font: 300 20px/35px 'Teko';
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
@media screen and (min-width: 992px) {
.footer-menu .nav-link {
font: 300 20px/19px 'Teko';
}
}
/* End Menu Footer */
/* End Footer */
/* Loading frame */
#loader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
background: #fff;
text-align: center;
z-index: 1030;
}
#loader .lds-ellipsis {
margin: 0 auto;
}
/* loader */
@keyframes lds-ellipsis3 {
0%,
25% {
left: 32px;
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
left: 32px;
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
left: 100px;
}
100% {
left: 168px;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes lds-ellipsis3 {
0%,
25% {
left: 32px;
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
left: 32px;
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
left: 100px;
}
100% {
left: 168px;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes lds-ellipsis2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes lds-ellipsis2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes lds-ellipsis {
0% {
left: 32px;
-webkit-transform: scale(0);
transform: scale(0);
}
25% {
left: 32px;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
left: 100px;
}
75% {
left: 168px;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
left: 168px;
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes lds-ellipsis {
0% {
left: 32px;
-webkit-transform: scale(0);
transform: scale(0);
}
25% {
left: 32px;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
left: 100px;
}
75% {
left: 168px;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
left: 168px;
-webkit-transform: scale(0);
transform: scale(0);
}
}
.lds-ellipsis {
position: relative;
}
.lds-ellipsis > div {
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
}
.lds-ellipsis div > div {
width: 20px;
height: 11.55px;
margin: 5.77px 0;
background: #f00;
position: absolute;
top: 100px;
left: 32px;
-webkit-animation: lds-ellipsis 2.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
animation: lds-ellipsis 2.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
}
.lds-ellipsis div > div:before,
.lds-ellipsis div > div:after {
content: '';
position: absolute;
width: 0;
transform: translateX(-50%);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.lds-ellipsis div > div:before {
bottom: 100%;
border-bottom: 5.77px solid #f00;
}
.lds-ellipsis div > div:after {
top: 100%;
width: 0;
border-top: 5.77px solid #f00;
}
.lds-ellipsis div:nth-child(1) div {
-webkit-animation: lds-ellipsis2 2.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
animation: lds-ellipsis2 2.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
}
.lds-ellipsis div:nth-child(2) div {
-webkit-animation-delay: -1.25s;
animation-delay: -1.25s;
}
.lds-ellipsis div:nth-child(3) div {
-webkit-animation-delay: -0.625s;
animation-delay: -0.625s;
}
.lds-ellipsis div:nth-child(4) div {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.lds-ellipsis div:nth-child(5) div {
-webkit-animation: lds-ellipsis3 2.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
animation: lds-ellipsis3 2.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
}
.lds-ellipsis {
width: 200px !important;
height: 200px !important;
-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
/* End loading */
/* Video */
/* End Video*/
/* Sliders */
.slick-slider .item:focus,
.slick-slider .item:active {
outline: 0;
box-shadow: none;
}
button.slick-arrow:focus,
.slick-slider button:focus,
button.slick-arrow:active,
.slick-slider button:active {
outline: 0;
box-shadow: none;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-double-nav {
position: relative;
}
.slick-double-nav .double-navigation {
}
.double-navigation .navigation {
position: relative;
}
.double-navigation .navigation .slick-dots {
position: relative;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
margin: 30px 0 0;
z-index: 0;
}
.double-navigation .navigation .slick-dots li {
margin: 0 6px;
}
.double-navigation .navigation .slick-dots li:before {
display: none;
}
.double-navigation .navigation .slick-dots li button {
font-size: 0;
}
.double-navigation .navigation .slick-dots li button:before {
content: '\e90e';
font-family: 'icomoon';
font-size: 21px;
color: #1c1b1a;
opacity: 1;
}
.double-navigation .navigation .slick-dots li.slick-active button:before {
color: #e3000b;
opacity: 1;
}
.double-navigation .navigation .arrows button {
position: absolute;
top: 50%;
left: 50%;
margin-left: -17px;
background: none;
border: 0;
font-size: 21px;
color: #1c1b1a;
z-index: 1;
cursor: pointer;
}
.double-navigation .navigation .arrows button.prev {
transform: translate(-110px, -50%);
}
.double-navigation .navigation .arrows button.next {
transform: translate(110px, -50%);
}
@media screen and (min-width: 992px) {
.slick-double-nav .double-navigation {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.double-navigation .navigation .slick-dots {
margin: 45px 0;
}
.double-navigation .navigation .slick-dots li button:before {
color: #fff;
}
.double-navigation .navigation .arrows button {
color: #fff;
}
}
/* End Sliders */
/* Pagination */
.wp-pagenavi {
margin: 60px 0 30px;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi .page-item.disabled {
visibility: hidden;
}
.wp-pagenavi .page {
width: 50px;
border: 0;
font: 500 25px/40px 'Teko';
letter-spacing: 1px;
color: #1c1b1a;
text-align: center;
display: inline-block;
}
.wp-pagenavi .page:hover {
color: #e3000b;
background: none;
}
.wp-pagenavi .current {
background: transparent url(../images/puce-active.svg) center center / contain no-repeat;
color: #fff;
width: 50px;
border: 0;
font: 500 25px/40px 'Teko';
letter-spacing: 1px;
display: inline-block;
text-align: center;
}
.wp-pagenavi .nextpostslink {
font-size: 22px;
line-height: 36px;
}
/* End Pagination */
/* Home page */
#bilboard {
}
@media screen and (min-width: 992px) {
#bilboard {
height: calc(100vh - 140px);
overflow: hidden;
}
}
.bilboard-navigation {
transform: translateY(-41px);
}
.bilboard-navigation .btn,
.item-slideh .btn {
margin-top: 15px;
}
@media screen and (min-width: 992px) {
.bilboard-navigation .btn,
.item-slideh .btn {
margin-top: 0;
}
}
.bilboard-slider {
background: url(../images/bilboard/billboard-mobile.jpg) center center / cover no-repeat;
}
@media screen and (min-width: 992px) {
.bilboard-slider {
background: none;
}
.bilboard-slider .slick-list .slick-track .slick-slide {
min-height: calc(100vh - 140px);
}
}
.bilboard-slider .item {
position: relative;
height: calc(100vh - 140px);
overflow: hidden;
}
.bilboard-slider .item:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
left: 0;
background: rgba(0, 0, 0, 0.65);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.65+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
@media screen and (min-width: 992px) {
.bilboard-slider .item:before {
display: none;
}
}
.bilboard-slider figure {
display: flex;
width: 100.5%;
height: 100%;
flex-shrink: 0;
align-items: flex-end;
justify-content: center;
padding-bottom: 50px;
}
.bilboard-slider figure figcaption {
padding: 0 15px;
}
.bilboard-slider figure.full figcaption {
width: 100%;
max-width: 160px;
}
.bilboard-slider figure figcaption .title {
font: 600 20px/25px 'Open Sans';
color: #fff;
}
.bilboard-slider .item .title-slider {
font: 600 60px/50px 'Teko';
color: #fff;
text-align: center;
width: 100%;
}
.bilboard-slider .item .content-slider p {
font: 500 16px/30px 'Open Sans';
color: #fff;
text-align: center;
width: 100%;
margin-top: 30px;
}
.btnslideh {
display: block !important;
background: transparent !important;
margin: 20px auto 0 auto !important;
}
@media screen and (max-width: 992px) {
.btnslideh-invisible {
height: 50px;
margin-top: 20px;
}
}
.bilboard-slider figure figcaption .title span {
display: block;
font: 700 25px/25px 'Open Sans';
color: #e3000b;
}
@media screen and (min-width: 992px) {
.bilboard-slider .item:first-child {
z-index: 2;
}
.bilboard-slider .item:not(:first-child) {
width: 100%;
opacity: 0;
transition: opacity 0.3s ease-out;
}
.bilboard-slider .item.active {
z-index: 10;
opacity: 1;
}
.bilboard-slider figure {
display: block;
height: 100%;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bilboard-slider figure .close {
position: absolute;
top: 60px;
right: 60px;
z-index: 10;
color: #fff;
cursor: pointer;
text-shadow: none;
}
.bilboard-slider figure figcaption {
position: absolute;
top: 50%;
padding: 0;
z-index: 3;
transform: translateY(-50%);
width: 100% !important;
left: 0% !important;
}
.bilboard-slider figure.full {
background: url(../images/bilboard/fond-billboard.jpg) center center / cover no-repeat;
}
.bilboard-slider figure.full svg {
position: relative;
height: calc(100vh - 140px);
left: 50%;
transform: translateX(-50%);
}
.bilboard-slider figure.full .clip-path {
transition: transform 0.3s ease-out;
transform-origin: center center;
cursor: pointer;
}
.bilboard-slider figure.full .clip-path:hover {
transform: scale(1.025);
filter: url(#dropshadow);
}
.bilboard-slider figure.full figcaption {
max-width: 159px;
left: 50%;
transform: translate(-50%, 60%);
z-index: 6;
}
.bilboard-slider figure.tony figcaption {
right: 49.48%;
}
.bilboard-slider figure.romain figcaption {
left: 32.81%;
}
.bilboard-slider figure.lea figcaption {
left: 41.41%;
}
.bilboard-slider figure.charles figcaption {
right: 46.61%;
}
.bilboard-slider figure.jennifer figcaption {
right: 32.55%;
}
.bilboard-slider figure figcaption .title {
font: 600 30px/45px 'Open Sans';
}
.bilboard-slider figure figcaption .title span {
font: 700 35px/45px 'Open Sans';
}
#bilboard.slick-double-nav .double-navigation {
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 2000px) {
.bilboard-slider figure.romain figcaption {
left: 40%;
}
}
/* Faux diapo avec effet au click */
@media screen and (min-width: 2000px) {
.bilboard-slider .item {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 1;
}
.bilboard-slider .item:hover,
.bilboard-slider .item:focus {
outline: 0;
box-shadow: none;
}
.bilboard-slider figure:not(.full) img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.bilboard-slider figure.full [class^='elem-'] {
display: flex;
align-items: flex-end;
position: absolute;
bottom: 0;
left: 50%;
transition: transform 0.3s ease-out;
cursor: pointer;
}
.bilboard-slider figure.full [class^='elem-']:hover {
transform: scale(1.05);
z-index: 6;
}
.bilboard-slider figure.full [class^='elem-'] img {
position: relative;
}
.bilboard-slider .item .elem-tony {
width: 23%;
margin-left: -13.3%;
z-index: 5;
}
.bilboard-slider .item .h1,
.bilboard-slider .item h1 {
text-transform: inherit;
font: 500 30px/45px 'Open Sans';
}
.bilboard-slider .item .h1 span,
.bilboard-slider .item h1 span {
font-size: 40px;
}
.bilboard-slider .item p {
font: 300 16px/24px 'Open Sans';
margin: 0;
padding: 0;
clear: both;
}
.bilboard-slider .item .underline {
display: inline-block;
margin-top: 10px;
margin-bottom: 16px;
width: 70px;
height: 4px;
background: #e3000b;
}
.bilboard-slider .item .elem-romain {
margin-left: -39.3%;
z-index: 4;
}
.bilboard-slider .item .elem-lea {
margin-left: -27.9%;
z-index: 3;
}
.bilboard-slider .item .elem-charles {
margin-left: 6.25%;
margin-bottom: 31px;
z-index: 2;
}
.bilboard-slider .item .elem-jennifer {
margin-left: 20.35%;
z-index: 1;
}
}
#content-home-academy {
padding: 50px 0;
}
.slider-home-academy {
margin-top: 50px;
background: url(../images/accueil/academy-bg.png) center center / contain no-repeat;
}
#content-home-academy .slick-list {
height: auto !important;
}
@media screen and (min-width: 992px) {
#content-home-academy {
padding: 100px 0;
}
.slider-home-academy {
margin: 0;
}
}
.slider-home-academy .slick-arrow {
position: absolute;
top: 76px;
left: 50%;
margin-left: -30px;
padding: 0;
background: none;
border: 0;
font-size: 60px;
color: #e3000b;
cursor: pointer;
}
.slider-home-academy .slick-arrow.prev {
transform: translateX(-140px);
z-index: 999;
}
.slider-home-academy .slick-arrow.next {
transform: translateX(140px);
}
@media screen and (min-width: 992px) {
.slider-home-academy .slick-arrow.prev {
transform: translateX(-200px);
}
.slider-home-academy .slick-arrow.next {
transform: translateX(200px);
}
}
.slider-home-academy figure {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.slider-home-academy figure .title {
margin: 30px 0 0;
color: #000;
font: normal 50px/45px 'Teko';
text-transform: uppercase;
text-align: center;
}
.slider-home-academy figure .title span {
display: block;
color: #e3000b;
}
#content-home-tony {
}
#content-home-tony blockquote {
margin-top: 50px;
}
@media screen and (min-width: 992px) {
#content-home-tony blockquote {
margin-top: 0;
}
}
#content-home-campus figure {
position: relative;
width: 100%;
height: 100%;
min-height: 240px;
overflow: hidden;
}
#content-home-campus figure img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50.125%);
min-width: 100%;
min-height: 100%;
object-fit: cover;
}
#content-home-campus .content {
padding: 50px 25px;
}
#content-home-campus .content p {
margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
#content-home-campus .content {
padding: 100px;
}
}
#contact .row {
margin-bottom: 20px;
}
#contact form p {
margin-bottom: 0px;
margin-top: 0px;
}
#contact form input {
margin-bottom: 20px;
width: 100%;
}
#contact form input[type='radio'] {
margin-bottom: 0px;
}
#contact form textarea {
margin-bottom: 20px;
width: 100%;
}
#contact form .mandatory-fields {
position: absolute;
right: 20px;
bottom: 20px;
font-size: 13px;
color: #000;
}
#contact form input[type='submit'] {
background: #000;
color: #fff;
border: none;
padding: 6px 15px;
text-transform: uppercase;
font-size: 13px;
width: auto;
}
#focus {
}
#focus .nav {
position: relative;
padding-bottom: 60px;
}
#focus .nav:after {
content: '';
display: block;
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
height: 2px;
background: #e3000b;
z-index: 1;
}
#focus .nav-link {
padding: 0;
font: 500 50px/45px 'Teko';
color: #434343;
text-transform: uppercase;
}
#focus .nav-link.active {
color: #e3000b;
}
#focus .nav-link i {
font-size: 40px;
line-height: 45px;
color: #e3000b;
margin-left: 20px;
}
#focus .nav-link.active i {
color: #434343;
}
#focus .nav-link + .nav-link i {
margin-left: 0;
margin-right: 20px;
}
#focus #pills-sport p {
padding-right: 25px;
}
@media screen and (max-width: 991.98px) {
#focus .nav-item {
display: block;
}
#focus .nav-item i {
display: none;
}
}
#focus figure {
position: relative;
width: 100%;
height: 100%;
margin: 0;
}
#focus figure .focus-sport {
transform: translateY(100px);
}
#focus figure .focus-job {
position: absolute;
bottom: -100px;
left: 0;
z-index: 2;
}
#focus figure .focus-job {
left: 50%;
}
@media screen and (min-width: 992px) {
#focus figure .focus-sport,
#focus figure .focus-job {
position: absolute;
bottom: -100px;
left: 26px;
z-index: 2;
transform: translateX(-36%);
}
#focus figure .focus-job {
left: 55%;
}
}
@media screen and (min-width: 1200px) {
#focus figure .focus-sport,
#focus figure .focus-job {
transform: translateX(-44%);
}
}
@media screen and (min-width: 1400px) {
#focus figure .focus-sport,
#focus figure .focus-job {
position: absolute;
bottom: -100px;
left: 0;
z-index: 2;
transform: translateX(-36%);
}
#focus figure .focus-job {
left: 50%;
}
}
#home-partners {
border-top: 1px solid #707070;
}
.col-home-partner + .col-home-partner {
border-top: 1px solid #707070;
}
.bloc-home-partner {
margin: 50px auto;
max-width: 480px;
}
.bloc-home-partner figure {
display: flex;
flex-direction: column;
align-items: center;
height: 160px;
margin-bottom: 40px;
}
.bloc-home-partner p {
margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
.bloc-home-partner {
margin: 50px 75px;
}
.col-home-partner + .col-home-partner {
border-top: 0;
border-left: 1px solid #707070;
}
}
/* End Home page */
/* Academy page */
#academy {
}
#academy .fancy-text {
color: #000;
}
@media screen and (min-width: 992px) {
#academy .fancy-text {
font-size: 105px;
}
}
#academy-overview {
}
#academy-overview figure,
#academy-overview p {
margin-bottom: 30px;
}
#concept {
overflow-x: hidden;
}
#concept .fancy-text {
display: table;
margin: 0 auto;
color: #fff;
}
#concept .fancy-text ~ figure {
position: relative;
}
#concept .fancy-text ~ figure img {
max-width: 100%;
height: auto;
}
@media screen and (min-width: 1200px) {
#concept .fancy-text {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 0;
font-size: 72px;
z-index: 2;
}
#concept .fancy-text ~ figure {
padding: 75px 0 0 100px;
}
#concept .fancy-text ~ figure img {
max-width: 50vw;
width: 100vw;
}
}
.slider-valeurs figure {
position: relative;
}
.slider-valeurs figure figcaption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slider-valeurs figure figcaption .valeur {
margin: 0;
font: normal 25px/40px 'Teko';
text-transform: uppercase;
letter-spacing: 4px;
}
.slider-valeurs figure figcaption .title {
margin: 0;
font: normal 50px/45px 'Teko';
text-transform: uppercase;
letter-spacing: 1px;
}
.slider-valeurs figure figcaption .title span {
color: #e3000b;
}
.slider-valeurs figure figcaption .title.white {
color: #fff;
}
.slider-valeurs figure figcaption .title.red {
color: #e3000b;
}
.slider-valeurs figure figcaption .valeur.white {
color: #fff;
}
@media screen and (min-width: 992px) {
.slider-valeurs figure figcaption .valeur {
font: normal 35px/50px 'Teko';
}
.slider-valeurs figure figcaption .title {
font: normal 80px/115px 'Teko';
}
}
#valeurs .double-navigation .navigation .arrows button.prev {
transform: translate(-75px, -50%);
}
#valeurs .double-navigation .navigation .arrows button.next {
transform: translate(75px, -50%);
}
@media screen and (min-width: 992px) {
#academy-presentation {
background-image: url(../images/academy/ilu-1.svg), url(../images/academy/ilu-2.svg);
background-position: 44% 60px, 16% bottom;
background-repeat: no-repeat, no-repeat;
background-size: 72px, 96px;
}
#academy-overview {
background-image: url(../images/academy/ilu-3.svg), url(../images/academy/ilu-4.svg),
url(../images/academy/ilu-5.svg), url(../images/academy/ilu-6.svg), url(../images/academy/ilu-7.svg);
background-position: 70% 40px, 16% 28%, 78% 46%, 16% 64%, 64% 91%;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 300px, 275px, 300px, 500px, 250px;
}
}
@media screen and (min-width: 1200px) {
#academy-overview {
background-size: 500px, 400px, 500px, 760px, 350px;
}
}
#fondateurs {
}
#fondateurs figure {
position: relative;
overflow: hidden;
}
#fondateurs figure:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.69);
opacity: 0;
z-index: 1;
transition: opacity 0.3s ease-in-out;
}
#fondateurs figure figcaption {
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
padding: 15px 30px;
transform: translateY(-80px);
color: #fff;
z-index: 2;
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}
#fondateurs figure figcaption.teamacademy {
color: #000;
}
@media screen and (min-width: 992px) {
#fondateurs figure figcaption.fondateur4 {
max-width: 60%;
margin: 0 auto;
}
}
#fondateurs .title {
font: normal 50px/45px 'Teko';
text-transform: uppercase;
margin-bottom: 100px;
transition: margin 0.3s ease-in-out;
}
#fondateurs .title span {
color: #e3000b;
}
#fondateurs .description {
margin: 0 auto;
font: 600 20px/30px 'Open Sans';
opacity: 0;
transition: opacity 0.3s ease-in-out;
max-width: 400px;
}
#fondateurs figure:hover:before,
#fondateurs figure:focus:before {
opacity: 1;
}
#fondateurs figure:hover figcaption,
#fondateurs figure:focus figcaption {
top: 50%;
transform: translateY(-50%);
}
#fondateurs figure:hover .title,
#fondateurs figure:focus .title {
margin-bottom: 10px;
}
#fondateurs figure:hover .description,
#fondateurs figure:focus .description {
opacity: 1;
}
#staff {
}
#staff figure {
position: relative;
overflow: hidden;
}
#staff figure:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.69);
opacity: 0;
z-index: 1;
transition: opacity 0.3s ease-in-out;
}
#staff figure figcaption {
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
padding: 15px 30px;
transform: translateY(-140px);
color: #fff;
z-index: 2;
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}
#staff figure figcaption.teamacademy {
color: #000;
}
@media screen and (min-width: 992px) {
#staff figure figcaption.fondateur4 {
max-width: 60%;
margin: 0 auto;
}
}
#staff .title {
font: normal 50px/45px 'Teko';
text-transform: uppercase;
margin-bottom: 0px;
transition: margin 0.3s ease-in-out;
}
#staff .title span {
color: #e3000b;
}
#staff .description {
margin: 0 auto;
font: 600 20px/30px 'Open Sans';
opacity: 0;
transition: opacity 0.3s ease-in-out;
max-width: 400px;
}
#staff figure:hover:before,
#staff figure:focus:before {
opacity: 1;
}
#staff figure:hover figcaption,
#staff figure:focus figcaption {
top: 50%;
transform: translateY(-50%);
}
#staff figure:hover .title,
#staff figure:focus .title {
margin-bottom: 10px;
}
#staff figure:hover .description,
#staff figure:focus .description {
opacity: 1;
}
#direction {
overflow-x: hidden;
}
#direction figure {
position: relative;
}
#direction figure img {
max-width: 100%;
height: auto;
}
@media screen and (min-width: 992px) {
#direction figure img {
max-width: 67vw;
width: 100vw;
}
}
@media screen and (max-width: 768px) {
.bilboard-slider figure {
padding-top: 50px;
}
.bilboard-slider .item .title-slider {
font: 600 36px/35px 'Teko';
color: #fff;
text-align: center;
width: 100%;
}
.bilboard-slider .item .content-slider p {
font: 500 16px/22px 'Open Sans';
color: #fff;
text-align: center;
width: 100%;
margin-top: 30px;
text-align: center;
}
.bilboard-slider .item .content-slider p br {
display: none;
}
#fondateurs .fondateur4 p {
font-size: 11px;
line-height: 14px;
}
.slick-list {
height: auto !important;
}
.slider-valeurs .item {
background: #000;
padding-top: 75px;
height: 180px;
}
.slider-valeurs figure figcaption .valeur {
color: #fff !important;
}
.slider-valeurs figure figcaption .title {
color: #fff !important;
}
}
/* End Academy page */
/* Experience page */
#experience {
}
#experience .intro figure {
margin: 0;
height: 100%;
}
#experience .intro figure img {
height: 100%;
width: auto;
}
#experience .unique figure {
position: relative;
}
#experience .unique figure img {
position: relative;
z-index: 1;
}
#experience .unique figure .ilu-1 {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
#experience .unique figure .ilu-2 {
position: absolute;
top: 0;
right: 0;
z-index: 0;
}
@media screen and (max-width: 768px) {
#experience .intro figure img {
height: auto;
width: 100%;
}
}
@media screen and (max-width: 991.98px) {
#experience .unique figure {
padding-top: 50px;
}
}
#experience .col-badge + .col-badge {
border-top: 1px solid #707070;
}
#experience .bloc-badge {
margin: 70px auto 40px;
max-width: 480px;
}
#experience .bloc-badge .title {
font: 700 30px/45px 'Open Sans Condensed';
letter-spacing: 1px;
color: #1c1b1a;
text-transform: uppercase;
}
#experience .bloc-badge .title:after {
content: '';
display: block;
margin: 20px auto;
width: 70px;
height: 4px;
background: #e3000b;
}
#experience .bloc-badge .title span {
display: block;
font-weight: 300;
line-height: 15px;
}
#experience .bloc-badge figure {
margin-bottom: 20px;
}
#experience .bloc-badge p {
margin-bottom: 0;
font-weight: 600;
margin-top: 20px;
}
#experience .bloc-badge p span {
font-weight: 300;
}
@media screen and (min-width: 992px) {
#experience .bloc-badge {
margin: 50px 75px;
}
#experience .col-badge + .col-badge {
border-top: 0;
border-left: 1px solid #707070;
}
}
.parcours .wrapper-content {
max-width: 630px;
}
#accordion-parcours {
margin-top: 40px;
border-top: 1px solid #fff;
max-width: 700px;
}
#accordion-parcours .title {
font: normal 30px/47px 'Teko';
letter-spacing: 1px;
cursor: pointer;
}
#accordion-parcours .btn,
#accordion-parcours .btn span {
height: 40px;
}
#accordion-parcours .btn span:before,
#accordion-parcours .btn span:after {
width: 27.2px;
height: 27.2px;
}
#accordion-parcours .btn span:before {
border-left: 2px solid #e3000b;
border-top: 2px solid #e3000b;
}
#accordion-parcours .btn span:after {
border-right: 2px solid #e3000b;
border-bottom: 2px solid #e3000b;
}
#accordion-parcours .btn .plus {
width: 24px;
}
#accordion-parcours .btn .plus i {
line-height: 36px;
}
#accordion-parcours .card {
padding: 0;
background: none;
border-radius: 0;
border: 0;
border-bottom: 1px solid #fff;
}
#accordion-parcours .card-header {
padding: 20px 0;
}
#accordion-parcours .card-body {
padding: 0 0 20px;
}
#experience #accordion-parcours .card-body p {
font-weight: 500;
}
.figure-bg {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
width: 100vw;
left: 50%;
transform: translateX(-50%);
padding-top: 50px;
margin: 0;
height: 100%;
min-height: 700px;
}
.figure-bg.bg-entreprise {
padding-top: 100px;
align-items: center;
}
.figure-bg.bg-campus {
padding: 0;
align-items: center;
}
.figure-bg.bg-job {
padding: 0 0 50px;
align-items: flex-end;
}
.bg-parcours {
background: url(../images/experience/scolaire.jpg) center center / cover no-repeat;
}
.bg-entreprise {
background: url(../images/experience/entreprise.jpg) center center / cover no-repeat;
}
.bg-campus {
background: url(../images/experience/campus.jpg) center center / cover no-repeat;
}
.bg-job {
background: url(../images/experience/job.jpg) center center / cover no-repeat;
}
@media screen and (max-width: 768px) {
.figure-bg {
min-height: 400px;
}
.bg-parcours {
background: url(../images/experience/scolaire.jpg) center center / cover no-repeat;
}
.bg-entreprise {
background: url(../images/experience/entreprise.jpg) center center / cover no-repeat;
}
.bg-campus {
background: url(../images/experience/campus.jpg) center center / cover no-repeat;
}
.bg-job {
background: url(../images/experience/job.jpg) center center / cover no-repeat;
}
}
@media screen and (min-width: 992px) {
.figure-bg {
width: 44vw;
left: auto;
transform: none;
min-height: 0;
}
.figure-bg.bg-parcours {
width: 38vw;
padding-top: 187px;
}
.entreprise .wrapper-content,
.job .wrapper-content {
padding-left: 100px;
}
.figure-bg.bg-entreprise,
.figure-bg.bg-job {
float: right;
}
}
/* End Experience page */
/* Campus page */
#campus {
}
#campus .presentation figure {
padding-right: 30px;
}
.zone .img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.zone .img,
.zone .video-toggler {
height: 100%;
min-height: 300px;
}
.zone .content-wrapper {
padding: 80px 30px;
max-width: 435px;
}
.zone .content-wrapper p {
margin: 0;
}
.work-zone .video-toggler {
background: url(../images/campus/work-zone.jpg) center center / cover no-repeat;
}
.life-zone .video-toggler {
background: url(../images/campus/share-zone.jpg) center center / cover no-repeat;
}
.play-zone .video-toggler {
background: url(../images/campus/play-zone.jpg) center center / cover no-repeat;
}
@media screen and (min-width: 992px) {
.zone .content-wrapper {
padding: 160px 60px;
}
#campus .presentation figure {
width: 50vw;
float: right;
}
#campus .presentation figure img {
width: 100%;
height: auto;
}
}
.acces-map {
}
.acces-map .content-wrapper {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.acces-map .acces {
display: flex;
font-weight: 600;
}
.acces-map .acces + .acces {
margin-top: 40px;
}
.acces-map .acces i {
margin-right: 30px;
flex-shrink: 0;
color: #e3000b;
font-size: 35px;
}
.acces-map .acces .title {
text-transform: uppercase;
font-size: 20px;
}
.acces-map .acces a {
color: #fff;
}
@media screen and (min-width: 992px) {
.acces-map .content-wrapper {
padding-left: 100px;
}
}
.video-onlylyon .video-toggler {
height: 0;
min-height: 500px;
padding-bottom: 42.6%;
}
.video-onlylyon .video-toggler img {
transform: translateX(-50%);
}
.video-onlylyon .video-toggler h2 {
position: absolute;
top: 100px;
left: 50%;
transform: translateX(-50%);
}
.video-onlylyon .video-toggler h2:after {
display: none;
}
@media screen and (min-width: 992px) {
.video-onlylyon .video-toggler h2 {
font-size: 80px;
line-height: 75px;
}
}
@media screen and (max-width: 991.98px) {
.lyon-3 {
padding-top: 50px;
}
}
/* End Campus page */
/* Agence page */
#agence {
}
#agence .wrapper-content {
padding: 50px 25px;
}
#agence .visuel-content {
padding: 0 25px 50px;
}
#agence .visuel-content .btn {
margin: 40px 0;
}
#agence .visuel-content p:last-child {
max-width: 370px;
margin: 0 auto;
line-height: 35px;
}
@media screen and (min-width: 1200px) {
#agence .wrapper-content {
padding: 100px;
}
#agence .visuel-content {
padding: 0 100px 100px;
}
}
/* End Agence page */
/* Business page */
#business {
}
#business .wrapper-content {
padding: 0px 15px 50px 15px;
}
@media screen and (min-width: 992px) {
#business .presentation figure {
padding-right: 30px;
}
#business .business-txt {
padding-right: 80px;
}
}
#business .services .btn {
height: auto;
font: 700 25px/34px 'Open Sans Condensed';
padding: 30px 60px;
background: #fff;
color: #000;
text-transform: uppercase;
margin-top: 30px;
}
#business .services {
}
#business .services p {
margin: 0;
}
#business .services .col-card .card {
margin-top: 30px;
border: 0;
border-radius: 0;
}
#business .services .col-card .card .card-body {
padding: 40px;
}
#business .services .col-card .card h3:after,
#business .services .col-card .card .h3:after {
content: '';
display: block;
margin-top: 10px;
margin-bottom: 10px;
width: 40px;
height: 2px;
background: #000;
}
@media screen and (min-width: 768px) {
#business .services .btn {
margin-top: 50px;
}
#business .services .col-card .card {
margin-top: 50px;
}
#business .services .col-card:nth-child(2n + 1) .card {
margin-right: 12.5px;
}
#business .services .col-card:nth-child(2n + 2) .card {
margin-right: 0;
margin-left: 12.5px;
}
}
@media screen and (min-width: 992px) {
#business .services .col-card .card {
margin-top: 75px;
}
#business .services .col-card:nth-child(3n + 1) .card {
margin-left: 0;
margin-right: 30px;
}
#business .services .col-card:nth-child(3n + 2) .card {
margin-right: 15px;
margin-left: 15px;
}
#business .services .col-card:nth-child(3n + 3) .card {
margin-right: 0;
margin-left: 30px;
}
}
/* News Category */
#category-news {
}
@media screen and (max-width: 991.98px) {
.category-news .last-post .btn {
margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
.category-news .col-latest-news:nth-child(2) {
margin-top: 0;
}
}
@media screen and (min-width: 992px) {
#category-news .wrapper-all-posts .col-latest-news:nth-child(2n + 1) .bloc-latest-news {
margin-right: 20px;
}
#category-news .wrapper-all-posts .col-latest-news:nth-child(2n + 2) .bloc-latest-news {
margin-left: 10px;
margin-right: 10px;
}
.category-news .list-categories,
.category-news .latest-tweets {
margin-left: 20px;
}
#single-news .post-detail,
#single-news .wrapper-all-posts {
margin-right: 30px;
}
#single-news .wrapper-all-posts .col-latest-news:nth-child(2n + 1) .bloc-latest-news {
margin-right: 15px;
}
#single-news .wrapper-all-posts .col-latest-news:nth-child(2n + 2) .bloc-latest-news {
margin-left: 15px;
margin-right: 0;
}
}
.category-presse .bloc-latest-presse {
margin-bottom: 60px;
}
.category-news .list-categories {
padding: 30px 40px;
margin-bottom: 30px;
}
.category-news .list-categories .h3:after {
content: '';
display: block;
width: 40px;
margin: 10px 0;
background: #e3000b;
}
.category-news .list-categories li {
font-weight: 600;
line-height: 40px;
}
.category-news .list-categories li:before {
line-height: 40px;
}
.category-news .list-categories li a {
color: #fff;
}
/* End News Category */
/* News post */
#single-news {
}
.posted-on {
font: 300 15px/24px 'Open Sans';
margin-bottom: 20px;
}
.post-detail {
}
.post-detail .post-img {
margin-bottom: 40px;
}
/* End News post */
/* jointpaa page */
#page-jointpaa {
}
#page-jointpaa .btn-join {
margin-top: 30px;
}
#page-jointpaa .wrapper-content {
padding: 50px 15px;
}
#page-jointpaa .fancy-text {
color: #000;
}
.jointpaa-form h6 {
color: #e3000b;
font-weight: 600;
margin-top: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #000;
margin-bottom: 15px;
}
.jointpaa-form h6 span {
color: #000;
}
.jointpaa-form p {
margin-bottom: 0px;
margin-top: 0px;
}
.jointpaa-form form input {
margin-bottom: 20px;
width: 100%;
}
.jointpaa-form form .row-birthday input,
.jointpaa-form form .row-birthday select {
width: 30%;
display: inline-block;
margin-right: 1%;
}
.jointpaa-form form textarea {
margin-bottom: 20px;
width: 100%;
}
.jointpaa-form form select {
margin-bottom: 20px;
width: 100%;
height: 36px;
}
.jointpaa-form p span {
color: #e3000b;
}
.jointpaa-form .wpcf7 {
width: 100%;
}
.jointpaa-form form input[type='submit'] {
background: #000;
color: #fff;
border: none;
padding: 6px 15px;
text-transform: uppercase;
font-size: 13px;
width: auto;
}
#page-jointpaa .wrapper-content nav {
margin-bottom: 50px;
}
@media screen and (min-width: 576px) {
#page-jointpaa .wrapper-content {
max-width: 720px;
margin: 0 auto;
padding: 0 100px 100px 100px;
}
}
@media screen and (min-width: 768px) {
#page-jointpaa .join .wrapper-content {
max-width: 720px;
}
}
@media screen and (max-width: 991.98px) {
#page-jointpaa .container {
max-width: 100% !important;
}
}
@media screen and (min-width: 992px) {
#page-jointpaa .join .wrapper-content {
max-width: 720px;
margin: 0;
}
#page-jointpaa .fancy-text {
font-size: 100px;
}
}
@media screen and (min-width: 1200px) {
#page-jointpaa .join {
background: #010101 url('../images/rejoignez.jpg') top center / contain no-repeat;
}
#page-jointpaa .fancy-text {
font-size: 115px;
margin-left: 50px;
padding: 0;
}
}
.rejoindre.section-p form p {
margin-top: 0px;
margin-bottom: 0px;
}
.rejoindre.section-p form input {
margin-bottom: 20px;
width: 100%;
}
.rejoindre.section-p form .mandatory-fields {
position: absolute;
right: 20px;
bottom: 20px;
font-size: 13px;
color: #000;
}
.rejoindre.section-p form input[type='submit'] {
background: #000;
color: #fff;
border: none;
padding: 6px 15px;
text-transform: uppercase;
font-size: 13px;
width: auto;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #be060f !important;
background: #be060f;
color: #fff;
font-size: 13px;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #49a001 !important;
background: #49a001;
color: #fff;
font-size: 13px;
}
/* End jointpaa page */
/* camps page */
#page-camps {
}
#page-camps .double-navigation .navigation .slick-dots {
margin: 20px 0;
}
#page-camps .double-navigation .navigation .arrows button.prev {
transform: translate(-75px, -50%);
}
#page-camps .double-navigation .navigation .arrows button.next {
transform: translate(75px, -50%);
}
#page-camps .bloc-agenda p {
padding-top: 10px;
}
@media screen and (min-width: 768px) {
#page-camps .slick-double-nav .double-navigation {
position: relative;
bottom: auto;
}
#page-camps .double-navigation .navigation .arrows button,
#page-camps .double-navigation .navigation .slick-dots li button:before {
color: #000;
}
#page-camps .double-navigation .navigation .slick-dots li.slick-active button:before {
color: #e3000b;
}
#page-camps .slick-double-nav {
float: right;
width: 50vw;
padding-right: 30px;
}
}
#page-camps .agenda {
background: url(../images/camps/img-fond.jpg) center center / cover no-repeat;
}
@media screen and (min-width: 1200px) {
#page-camps .agenda {
padding: 160px 0;
}
}
.slider-agenda-navigation {
text-align: right;
}
.slider-agenda-navigation button {
background: none;
border: 0;
font-size: 40px;
color: #fff;
cursor: pointer;
}
.slider-agenda-navigation button + button {
margin-left: 20px;
color: #e3000b;
}
.slider-agenda-navigation button i {
line-height: 25px;
}
#page-camps .agenda .title span {
line-height: 25px;
}
#page-camps .agenda .title:after {
content: '';
display: block;
width: 40px;
margin: 10px 0;
background: #e3000b;
}
#page-camps .agenda ul {
padding: 0;
margin-bottom: 40px;
}
/* End camps page */
/* Contenus récurrents */
#bandeau-social .follow {
border-top: 1px solid #1c1b1a;
padding: 25px 0 80px;
}
#latest-news {
padding: 50px 0;
}
#latest-news .social-links a.btn i {
line-height: 46px;
font-size: 24px;
}
@media screen and (min-width: 992px) {
#latest-news {
padding: 100px 0 0px 0;
}
#homepage #bandeau-social .follow {
padding-bottom: 100px;
}
}
.slider-latest-news {
margin: 0 -15px;
}
.slider-latest-news-navigation {
}
.slider-latest-news-navigation button {
background: none;
border: 0;
font-size: 40px;
color: #1c1b1a;
cursor: pointer;
}
.slider-latest-news-navigation button + button {
margin-left: 20px;
color: #e3000b;
}
.col-latest-news {
padding: 0 15px;
}
@media screen and (max-width: 991.98px) {
.col-latest-news + .col-latest-news {
margin-top: 30px;
}
}
.bloc-latest-news {
position: relative;
font: normal 20px/30px 'Open Sans Condensed';
cursor: pointer;
margin-bottom: 50px;
}
.bloc-latest-news .img-news {
position: relative;
display: block;
width: 100%;
height: 0;
padding-bottom: 75%;
background: #1c1b1a;
margin-bottom: 20px;
overflow: hidden;
}
.bloc-latest-news .img-news span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bloc-latest-news .img-news .btn {
display: none;
z-index: 2;
}
.bloc-latest-news .img-news img {
z-index: 1;
min-width: 100%;
min-height: 100%;
}
@media screen and (max-width: 992px) {
.bloc-latest-news .img-news img {
z-index: 1;
max-width: 100%;
min-height: 100%;
}
}
.bloc-latest-news .title-news {
margin: 0 0 10px;
color: #000;
font-weight: 700;
}
.bloc-latest-news .title-news:after {
content: '';
display: block;
margin-top: 20px;
margin-bottom: 26px;
width: 40px;
height: 2px;
background: #e3000b;
}
.bloc-latest-presse {
position: relative;
font: normal 20px/30px 'Open Sans Condensed';
cursor: pointer;
}
.bloc-latest-presse .img-news {
position: relative;
display: block;
width: 100%;
height: 0;
padding-bottom: 75%;
background: #1c1b1a;
margin-bottom: 20px;
overflow: hidden;
}
.bloc-latest-presse .img-news span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bloc-latest-presse .img-news .btn {
display: none;
z-index: 2;
}
.bloc-latest-presse .img-news img {
z-index: 1;
min-width: 100%;
min-height: 100%;
}
.bloc-latest-presse .title-news {
margin: 0 0 10px;
color: #000;
font-weight: 700;
}
.bloc-latest-presse .title-news:after {
content: '';
display: block;
margin-top: 20px;
margin-bottom: 26px;
width: 40px;
height: 2px;
background: #e3000b;
}
.bloc-latest-presse:hover .btn-sm span {
background: #e3000b;
border-color: #e3000b;
color: #fff;
}
.bloc-latest-presse:hover .btn-sm span:before,
.bloc-latest-presse:hover .btn-sm span:after {
background: #e3000b;
border-color: #e3000b;
}
.bloc-latest-news:hover {
}
.bloc-latest-news:hover .img-news .btn {
display: block;
}
.bloc-latest-news:hover .img-news img {
opacity: 0.7;
}
.bloc-latest-news:hover .title-news {
color: #e3000b;
}
.bloc-latest-news:hover .btn-sm span {
background: #e3000b;
border-color: #e3000b;
color: #fff;
}
.bloc-latest-news:hover .btn-sm span:before,
.bloc-latest-news:hover .btn-sm span:after {
background: #e3000b;
border-color: #e3000b;
}
.bloc-latest-news a {
color: #000 !important;
outline: 0;
}
#jointpaa {
padding: 50px 10px;
background: #000000 url(../images/accueil/rejoignez-tpaa-mobile.jpg) right top / contain no-repeat;
}
#jointpaa .content {
position: relative;
z-index: 1;
}
@media screen and (min-width: 992px) {
#jointpaa {
padding: 0;
background: #000000;
}
#jointpaa .content {
padding: 90px 0 120px;
}
}
#jointpaa h2 span {
display: block;
}
#jointpaa p {
margin-bottom: 30px;
}
#jointpaa .jointpaa-img {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
@media screen and (min-width: 992px) {
#jointpaa .jointpaa-img img {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 0;
}
}
#jointpaa .col-fancy-text {
position: relative;
z-index: 2;
}
#jointpaa .fancy-text {
color: #fff;
padding: 50px 0;
}
@media screen and (min-width: 992px) {
#jointpaa .fancy-text {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 0;
white-space: nowrap;
font-size: 119px;
}
}
#wearetpaa {
padding: 50px 0 50px;
}
.fancy-text {
padding: 15px;
font: normal 74px/0.7 'Have Heart One';
color: #fff;
}
.fancy-text .fancy-md {
font-size: 0.67em;
padding-left: 0.5em;
}
.fancy-text .fancy-sm {
font-size: 0.57em;
padding-left: 1.6em;
}
/* End Contenus récurrents */
@media (min-width: 1440px) {
.container {
max-width: 1360px;
}
}
.join .section-p {
padding-top: 60px;
}
.u-floatRight,
.u-floatLeft {
display: none;
}
.pdlr100 {
padding-left: 100px;
padding-right: 100px;
}
.slick-track {
height: 100%;
}
.slider-home-academy {
display: none;
}
.slider-home-academy figure {
margin: 0 !important;
}
#content-home-academy .firstcol {
padding-bottom: 12px;
}
.slider-home-academy.slick-initialized {
display: block;
}
.badge-contact {
margin-top: 20px;
}
.badge-contact .h2 {
margin-top: 20px;
padding: 0;
font-size: 30px !important;
line-height: 30px !important;
}
.badge-contact .h2 span {
font-weight: 100;
color: inherit !important;
}
.badge-contact .bdc {
padding: 20px 7px 7px 7px;
}
.badge-contact .bdc.active {
background: #e3000b;
}
.badge-contact .bdc.active .h2 {
color: #fff !important;
}
.badge-contact .bdc.active .h2:after {
background: #fff !important;
}
.badge-contact .bdc.active:after {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-top: solid 25px #e3000b;
border-left: solid 50px transparent;
border-right: solid 50px transparent;
}
.menu-item-299,
.menu-item-3741 {
margin-left: 15px !important;
}
.menu-item-299 a span,
.menu-item-3741 a span {
background: #000 !important;
}
.menu-item-299 a:after,
.menu-item-3741 a:after {
border-color: #000 transparent transparent #000 !important;
}
.menu-item-299 a:before,
.menu-item-3741 a:before {
border-color: transparent #000 #000 transparent !important;
}