@font-face {
  font-family: 'Swiss721BT-RomanCondensed';
  src: url('fonts/Swiss721BT-RomanCondensed.eot?#iefix') format('embedded-opentype'),  url('fonts/Swiss721BT-RomanCondensed.woff') format('woff'), url('fonts/Swiss721BT-RomanCondensed.ttf')  format('truetype'), url('fonts/Swiss721BT-RomanCondensed.svg#Swiss721BT-RomanCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {background-color: #383431; color: #ffffff; font-family: 'Swiss721BT-RomanCondensed';}
@media (min-width: 1024px)
{
.container { max-width: 768px; }
}

h2 {font-size: 1.0rem;}
h3 {}
.color-vert {color: #7cb528;}
.text-success {color: #7cb528!important;}
.text-danger {color: #d50653!important;}

.btn-primary {background-color: #7cb528; color: #FFF; border-radius: 0; font-weight: bold; border-color: #7cb528;}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background-color: #5c881c; border-color: #7cb528;}
.btn-primary:focus {background-color: #5c881c; border-color: #7cb528; box-shadow: 0 0 0 0.2rem rgba(124,181,40,.5);}

input.form-control {border-radius: 0px; background-color: #534d49; border-color: #383431; color: #7cb528;}
input.form-control:focus {background-color: #534d49; border-color: #7cb528; color: #7cb528; box-shadow: 0 0 0 0.2rem rgba(124,181,40,.5); }
#mainlogo {max-width: 60vw;}
#logoquizz {max-width: 60vw;}
#logoparticipez {max-width: 60vw;}

#resultat {color: #FFF; }
#resultat strong {font-size: 3rem; padding-left: 15px;} 
#offre {font-weight: bold; color: #7cb528;}

@media (min-width: 1024px) {
	#mainlogo {max-width: 200px;}
	#logoquizz {max-width: 200px;}
	#logoparticipez {max-width: 200px;}
}

footer {font-size: 0.8rem; margin-bottom: 20px;}
footer .logo {max-width: 120px;}
footer ul {padding: 0;}
footer ul li {list-style-type: none;}
footer .h3 {font-size: 1.1rem; font-weight: normal;}
footer .mentions {font-size: 0.6rem; color: #a8a8a8;}
footer .mentions a, footer .mentions a:hover {color: #a8a8a8; }
#budget_cave {margin-top: -40px; font-size: 1.0rem; }
@media(max-width: 300px)
{
	#budget_cave {margin-top: -30px;}
}

#ml a {color: #7cb528;}