*{margin:0px;padding:0px;border:0px;}
.centre{display:flex;align-items:center;justify-content:center;}
.pa5{padding:5px}
.pa10{padding:10px}
.input{font:25px Georgia;}
.body{background-color: black;font-size:2vh;}
.header{height:150px;color:white;text-align: center;padding: 5px;}
.main{background-color: black;;color:white;margin-top:20px}

.footer{grid-area:footer;}
.parent{height:100vh;}
.grid-area{}
.parent{display:grid;grid-template-columns:auto;grid-template-rows:50px auto 50px;grid-template-areas:"header" "main" }

.auth{height:60px}
#form_auth{height:80%}

 .page{display:none;}
.page.activee{display:block;}

 a, a:link, a:visited, a:hover{text-decoration: none;color:black;} 
section{float:left;width:33.33%;min-height:100px;text-align:center;}
.checkbox{position:relative;display:inline-block;}
.checkbox label{position:relative;display:inline-block;color:white;}
.checkbox label:before,.checkbox label:after{content:'\f11a';font-family:FontAwesome;font-feature-settings:normal;font-weight:normal;line-height:1;text-rendering:auto;font-size:60px;display:block;}
.checkbox label:after{content:'\f096';font-size:32px;}
.checkbox input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:0;cursor:pointer;}
#checkbox1 input:checked + label{color:#4BD865;}
#checkbox1 input:checked + label:before{content:'\f118';}
#checkbox1 input:checked + label:after{content:'\f046';}
#checkbox2 input:checked + label{color:orange;}
#checkbox2 input:checked + label:before{content:'\f11a';}
#checkbox2 input:checked + label:after{content:'\f046';}
#checkbox3 input:checked + label{color:red;}
#checkbox3 input:checked + label:before{content:'\f119';}
#checkbox3 input:checked + label:after{content:'\f046';}



.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.hamRotate.active{transform:rotate(45deg);}
.hamRotate180.active{transform:rotate(180deg);}
.line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:white;stroke-width:5.5;stroke-linecap:round;}
.ham3 .top{stroke-dasharray:40 130;}
.ham3 .middle{stroke-dasharray:40 140;}
.ham3 .bottom{stroke-dasharray:40 205;}
.ham3.active .top{stroke-dasharray:75 130;stroke-dashoffset:-63px;}
.ham3.active .middle{stroke-dashoffset:-102px;}
.ham3.active .bottom{stroke-dasharray:110 205;stroke-dashoffset:-86px;}

/* #menu ul{list-style:none;padding:0;}
#menu ul li{width:100%;transition:all 0.15s ease;}
#menu ul li a{display:block;padding:20px;width:100%;height:100%;}
#menu ul li:hover{background:#8E44AD;color:#eee;transition:all 0.15s ease;} */
/* #menu.visible{display:block;transform:translateX(0);opacity:1;} */
#menu{position: absolute;width: 100%;height: 175px;left: 0;top: 70px;background-color: white;color: black;z-index:1;}

.choix_menu{height: 35px;width: 100%;background-color: white;color: black;padding: 10px;border-top: solid 2px black;border-bottom: solid 2px black;}
.question{padding: 10px;}

.btn_edit_question{width:100%;height: 50px;background-color: green;color:white;font-size: 2vh;}
.btn_del_question{width:100%;height: 50px;background-color: red;color:white;font-size: 2vh;}

.maudale{position: absolute;width: 100%;height: 400px;left: 0;top: 70px;background-color: white;color: black;z-index:1;}




input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

 #myChart{width: 300px !important;height: 300px !important;}
/* ------------------------------------------------------------------- MOBILE ------------------------------------------------------------------------------------------ */

@media (max-width:400px){
    .parent{grid-template-columns:auto;grid-template-rows:50px auto auto 50px;grid-template-areas:"header" "main" }
}