body { display: flex; flex-direction: column; min-height: 100vh; background: #fff; color: #666666; font-family: "Open Sans", sans-serif }header + #login { padding: 24px 15px }header + * { flex-grow: 1 }a { color: #25d8fc; transition: 0.5s; }a:hover, a:active, a:focus { color: #03c5ec; outline: none; text-decoration: none; }p { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6 { font-family: "Raleway", sans-serif; font-weight: 400; margin: 0 0 20px 0; padding: 0; }.fs-13{ font-size: 13px;}.back-to-top { position: fixed; display: none; background: rgba(0, 0, 0, 0.2); color: #fff; padding: 6px 12px 9px 12px; font-size: 16px; border-radius: 2px; right: 15px; bottom: 15px; transition: background 0.5s; z-index: 12; }@media (max-width: 768px) {.back-to-top { bottom: 15px; }}.back-to-top:focus { background: rgba(0, 0, 0, 0.2); color: #fff; outline: none; }.back-to-top:hover { background: #03C4EB; color: #fff; }.bt-primary { background: #03C4EB; border: 0; padding: 10px 24px; color: #fff; transition: 0.4s; cursor: pointer;}.bt-primary:hover { background: #25d8fc; color: #fff; }.bt-secondary { background: #666666; border: 0; padding: 10px 24px; color: #fff; transition: 0.4s; cursor: pointer;}.bt-secondary:hover { background: #7A7A7A; color: #fff; }.actions { margin: 30px 0 30px 0; }h1.title { font-size: 30px; margin: 30px 0 30px 0;  color: #03C4EB; }#hero { display: table; width: 100%; height: 100vh; background: url(prixgemeaux-17764de4f9c621459786c4808ec956d2.png) top center fixed; background-size: contain; }#hero .hero-container { background: rgba(0, 0, 0, 0.8); display: table-cell; margin: 0; padding: 0; text-align: center; vertical-align: middle; }#hero h1 { margin: 30px 0 10px 0; font-weight: 700; line-height: 48px; text-transform: uppercase; color: #fff; font-size: 45px; }@media (max-width: 768px) {#hero h1 { font-size: 28px; line-height: 36px; }}#hero h2 { color: #999; margin-bottom: 50px; }@media (max-width: 768px) {#hero h2 { font-size: 24px; line-height: 26px; margin-bottom: 30px; }#hero h2 .rotating { display: block; }}#hero .rotating > .animated { display: inline-block; }#hero .actions a { font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 8px 20px; border-radius: 2px; transition: 0.5s; margin: 10px; }#hero .btn-get-started { background: #03C4EB; border: 2px solid #03C4EB; color: #fff; }#hero .btn-get-started:hover { background: none; border: 2px solid #fff; color: #fff; }#hero .btn-services { border: 2px solid #fff; color: #fff; }#hero .btn-services:hover { background: #03C4EB; border: 2px solid #03C4EB; }#header { background: #111; padding: 20px 0; height: 90px; }#header #logo { float: left; }#header #logo h1 { font-size: 36px; margin: 0; padding: 6px 0; line-height: 1; font-family: "Raleway", sans-serif; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }#header #logo h1 a, #header #logo h1 a:hover { color: #fff; }#header #logo img { padding: 0; margin: 0; width: 28px; }#header #logo.kpmg img { padding: 0; margin: 0; width: 132px; }@media (max-width: 768px) {#header { height: 80px; }#header #logo h1 { font-size: 26px; }#header #logo img { max-height: 40px; }}.is-sticky #header { background: rgba(0, 0, 0, 0.85); }.nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; }.nav-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }.nav-menu li { position: relative; white-space: nowrap; }.nav-menu > li { float: left; }.nav-menu li:hover > ul,.nav-menu li.sfHover > ul { display: block; }.nav-menu ul ul { top: 0; left: 100%; }.nav-menu ul li { min-width: 180px; }.sf-arrows .sf-with-ul { padding-right: 30px; }.sf-arrows .sf-with-ul:after { content: "\f107"; position: absolute; right: 15px; font-family: FontAwesome; font-style: normal; font-weight: normal; }.sf-arrows ul .sf-with-ul:after { content: "\f105"; }#nav-menu-container { float: right; margin: 5px 0; }@media (max-width: 768px) {#nav-menu-container { display: none; }}.nav-menu a { padding: 10px 15px; text-decoration: none; display: inline-block; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 14px; outline: none; }.nav-menu a:hover, .nav-menu li:hover > a, .nav-menu .menu-active > a { color: #03C4EB; }.nav-menu ul { margin: 4px 0 0 15px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08); }.nav-menu ul li { background: #fff; border-top: 1px solid #f4f4f4; }.nav-menu ul li:first-child { border-top: 0; }.nav-menu ul li:hover { background: #f6f6f6; }.nav-menu ul li a { color: #333; }.nav-menu ul ul { margin: 0; }#mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 999; margin: 20px 20px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer}#mobile-nav-toggle i { color: #fff; }@media (max-width: 768px) {#mobile-nav-toggle { display: inline; }}#mobile-nav { position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(0, 0, 0, 0.9); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s; }#mobile-nav ul { padding: 0; margin: 0; list-style: none; }#mobile-nav ul li { position: relative; }#mobile-nav ul li a { color: #fff; font-size: 16px; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; }#mobile-nav ul li a:hover { color: #fff; }#mobile-nav ul li li { padding-left: 30px; }#mobile-nav ul .menu-has-children i { position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff; }#mobile-nav ul .menu-has-children i.fa-chevron-up { color: #03C4EB; }#mobile-nav ul .menu-item-active { color: #03C4EB; }#mobile-body-overly { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(0, 0, 0, 0.6); display: none; }body.mobile-nav-active { overflow: hidden; }body.mobile-nav-active #mobile-nav { left: 0; }body.mobile-nav-active #mobile-nav-toggle { color: #fff; }.section-title { font-size: 32px; color: #111; text-transform: uppercase; text-align: center; font-weight: 700; }.section-description { text-align: center; margin-bottom: 40px; }.section-title-divider { width: 50px; height: 3px; background: #03C4EB; margin: 0 auto; margin-bottom: 20px; }#about { background: #fff; padding: 80px 0; }#about .about-container { background: url(../img/about-img.jpg) left top no-repeat; }#about .about-content { background: #fff; }#about .about-title { color: #333; font-weight: 700; font-size: 28px; }#about .about-text { line-height: 26px; }#about .about-text:last-child { margin-bottom: 0; }#connexion { background: #f7f7f7; padding: 80px 0; }#connexion .info { color: #333333; }#connexion .info img { width: 108px; }#connexion .info p { padding: 0 0 10px 50px; line-height: 24px; }#connexion .form #sendmessage { color: #03C4EB; border: 1px solid #03C4EB; display: none; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; }#connexion .form #errormessage { color: red; display: none; border: 1px solid red; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; }#connexion .form #sendmessage.show, #connexion .form #errormessage.show, #connexion .form .show { display: block; }#connexion .form .validation { color: red; display: none; margin: 0 0 20px; font-weight: 400; font-size: 13px; }#connexion .form input, #connexion .form textarea { border-radius: 0; box-shadow: none; }#footer { background: #111; padding: 30px 0; color: #fff; }#footer .copyright { text-align: center; }#footer .credits { padding-top: 10px; text-align: center; font-size: 13px; color: #ccc; }#vote .item h2 img { width: 20px; padding-bottom: 5px; margin-right: 10px; }#vote a.animated-button:link, #vote a.animated-button:visited { position: relative; padding: 14px 15px; color: #D24D57; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; overflow: hidden; letter-spacing: .08em; border-radius: 0; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }#vote a.animated-button:link:after, #vote a.animated-button:visited:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; }#vote a.animated-button:link:hover, #vote a.animated-button:visited:hover { color: #FFF; text-shadow: none; }#vote a.animated-button { border: 2px solid #D24D57; width: 50px; }#vote a.animated-button:after { background: #D24D57; opacity: .5; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); }#vote a.animated-button.active { background: #D24D57; color: #FFF; }#vote a.animated-button:hover:after { opacity: 1; height: 600% !important; }#vote .item { border-radius: 10px; padding: 20px; margin-bottom: 40px; margin-left: 30px; padding-bottom: 5px; }#vote .item .action { margin-left: 30px; }#vote h1 img { width: 50px; margin-right: 10px; }#vote #recap { position: fixed; border: 1px #666 solid; width: 23%; padding: 20px; border-top-style: solid; border-top-width: 1px; border-color: rgba(0,0,0,0.1); background-color: #f4f1d3; }#vote #recap #myProgress { width: 100%; background-color: #ddd; }#vote #recap #myBar { width: 1%; height: 30px; background-color: #03C4EB; }@media screen and (max-width: 720px) {#vote #recap{position:relative; width:auto;}}.nav-tabs{margin-top:30px; margin-bottom:30px;}.loading { position: fixed; z-index: 99999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: none;}.loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }.loading:not(:required) {  font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }.loading:not(:required):after { content: ''; display: block; font-size: 17px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; }@-webkit-keyframes spinner {0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }}@-moz-keyframes spinner {0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }}@-o-keyframes spinner {0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes spinner {0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }}.btn-vote {color: #fff;background-color: Grey;border-color: Grey;}.btn-vote:not(:disabled):not(.disabled):active, .btn-vote:not(:disabled):not(.disabled).active, .show > .btn-vote.dropdown-toggle {color: #fff;background-color: #0062cc;border-color: #005cbf;}section.title-concours{background-image:linear-gradient(5deg, #007bff, black);color: white;}section.title-concours button a{color: white;}.nav-pills .nav-link{border-right: 1px #c1c1c1 solid;color: black;border-radius:0;}.nav-pills .nav-link.active{background-color:white;border-left: 1px #c1c1c1 solid;border-top: 1px #c1c1c1 solid;border-right: none;border-bottom: 1px #c1c1c1 solid;color: black;}.login_message{color: red;}.bd-spinner-modal-lg .modal-dialog{display: table;position: relative;margin: 0 auto;top: calc(50% - 24px);}.bd-spinner-modal-lg .modal-dialog .modal-content{background-color: transparent;border: none;}