123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336 |
- /*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
- html {
- color: #222;
- font-size: 1em;
- line-height: 1.4;
- }
- ::-moz-selection {
- background: #b3d4fc;
- text-shadow: none;
- }
- ::selection {
- background: #b3d4fc;
- text-shadow: none;
- }
- hr {
- display: block;
- height: 1px;
- border: 0;
- border-top: 1px solid #ccc;
- margin: 1em 0;
- padding: 0;
- }
- audio,
- canvas,
- iframe,
- img,
- svg,
- video {
- vertical-align: middle;
- }
- fieldset {
- border: 0;
- margin: 0;
- padding: 0;
- }
- textarea {
- resize: vertical;
- }
- .browserupgrade {
- margin: 0.2em 0;
- background: #ccc;
- color: #000;
- padding: 0.2em 0;
- }
- /* ==========================================================================
- Author's custom styles
- ========================================================================== */
- h1 {
- text-align: center;
- }
- .fonteQuestion {
- font-size: 32px;
- text-align: center;
- display: block;
- }
- .airedejeu {
- position: relative;
- margin: auto;
- width: 70%;
- border: 3px solid #73AD21;
- }
- .monfond {
- margin: auto;
- }
- #texteaera {
- position: absolute;
- top: 15%;
- left: 30%;
- width: 40%;
- height: 20%;
- background: lightgrey;
- border-radius: 15px;
- border-style: groove;
- border-color: white;
- opacity: 0.9;
- font-weight: bold;
- }
- button[disabled] {
- pointer-events: none;
- }
- #contenu {
- }
- .bouton {
- background:lightgrey;
- border-radius: 10px;
- border-style: groove;
- border-color: white;
- opacity: 0.9;
- font-size: 18px;
- font-weight: bold;
- }
- button:hover {
- background-color: #043ef9; /* Green #4CAF50;*/
- color: white;
- }
- #ajB1{
- position: absolute;
- top: 45%;
- left: 10%;
- width: 25%;
- height: 13%;
- }
- #ajB2 {
- position: absolute;
- top: 45%;
- left: 37.5%;
- width: 25%;
- height: 13%;
- }
- #ajB3 {
- position: absolute;
- top: 45%;
- left: 65%;
- width: 25%;
- height: 13%;
- }
- #ajB4 {
- position: absolute;
- top: 60%;
- left: 24%;
- width: 25%;
- height: 13%;
- }
- #ajB5 {
- position: absolute;
- top: 60%;
- left: 51%;
- width: 25%;
- height: 13%;
- }
- #ajB6 {
- position: absolute;
- top: 75%;
- left: 10%;
- width: 25%;
- height: 13%;
- }
- #ajB7 {
- position: absolute;
- top: 75%;
- left: 37.5%;
- width: 25%;
- height: 13%;
- }
- #ajB8 {
- position: absolute;
- top: 75%;
- left: 65%;
- width: 25%;
- height: 13%;
- }
- /* ==========================================================================
- Media Queries
- ========================================================================== */
- @media only screen and (min-width: 35em) {
- }
- @media print,
- (-o-min-device-pixel-ratio: 5/4),
- (-webkit-min-device-pixel-ratio: 1.25),
- (min-resolution: 120dpi) {
- }
- /* ==========================================================================
- Helper classes
- ========================================================================== */
- .hidden {
- display: none !important;
- visibility: hidden;
- }
- .visuallyhidden {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- }
- .visuallyhidden.focusable:active,
- .visuallyhidden.focusable:focus {
- clip: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- position: static;
- width: auto;
- }
- .invisible {
- visibility: hidden;
- }
- .clearfix:before,
- .clearfix:after {
- content: " ";
- display: table;
- }
- .clearfix:after {
- clear: both;
- }
- .clearfix {
- *zoom: 1;
- }
- /* ==========================================================================
- Print styles
- ========================================================================== */
- @media print {
- *,
- *:before,
- *:after {
- background: transparent !important;
- color: #000 !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- a,
- a:visited {
- text-decoration: underline;
- }
- a[href]:after {
- content: " (" attr(href) ")";
- }
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
- a[href^="#"]:after,
- a[href^="javascript:"]:after {
- content: "";
- }
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
- }
- thead {
- display: table-header-group;
- }
- tr,
- img {
- page-break-inside: avoid;
- }
- img {
- max-width: 100% !important;
- }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
- h2,
- h3 {
- page-break-after: avoid;
- }
- }
|