header {
  background: #f00;
  width: 360px;
  padding: 0 20px;
  display:inline-block;
  vertical-align:top;
}
body{font-family:'Source code pro',Calibri,serif;margin:0px;padding:0px;}

/* body{font-family:'Source code pro',Calibri,serif;margin:0px;padding:0px;} */

#menu_choix_ceinture{width:98%;margin:5px auto;}

.sous_menu_choix_ceinture{width:7%;display:inline-block;text-align:center;}

.sous_menu_choix_ceinture > a > img{width:80%}

.sous_menu_choix_ceinture > img{width:80%}

#div_banniere{width:95%;margin:5px;float:left;text-align:center;}

#div_contenu_banniere{width:400px;margin:5px;float:left;text-align:center;}

#div_ensemble_exercice{width:95%;margin:5px;float:left;text-align:center;}

#div_methode{width:30%;margin:5px;float:left;text-align:center;}

#div_methode_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
 /align-items: center;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  /*padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
  opacity:1;
}

.modal.show {pointer-events:auto;opacity:1;}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* .cmath { */
  /* display: block; */
  /* margin: 20px 0px 20px 30px; */
  /* padding-left: 50px; padding-top: 8px; padding-bottom: 8px; */
  /* white-space : pre; */
/* } */

/* .katex{ */
    /* font-size: 100% !important; */
/* } */

#div_ensemble_bouton{width:95%;margin:0px;float:left;text-align:center;}

/*#contenu_connaissance{width:400px;margin:5px;float:left;text-align:center;}*/


/* #contenu_connaissance{width:90%;margin:5px;float:left;min-width:700px;max-width:1200px;padding:10px 0px 0px 0px;text-align:center;} */

#contenu {text-align:center;}

#contenu > h1{width:100%;font-size:40px;font-weight:normal;text-align:center;margin:5px auto;}

#contenu > p{margin:0px auto;font-size:20px;width:100%}

#contenu > img{width:30%;}

#A_propos{text-align:justify;width:90%;margin:2px auto;}

#A_propos > h1{text-align:left;}

#A_propos > h2{color:#2a88c8;}

#A_propos >p{font-size:18px;}

#A_propos li{	font-size:18px;}

#Contact{text-align:center;width:90%;margin:2px auto;font-size:18px;}

#titre_ceinture{width:100%;text-align:center;font-weight:bold;}

#titre_ceinture > h1{margin:0px;font-size:20px;}

/* #titre_geometrie{width:30%;text-align:center;font-weight:bold;margin:0px 5px;} */
#titre_geometrie{width:95%;text-align:center;font-weight:bold;margin:0px 5px;}

#div_bouton_correction{width:400px;margin:0px 5px;float:left;text-align:center;}

#titre_ceinture > h1{margin:0px;font-size:20px;}

#titre_ceinture > h2{margin:5px;font-size:16px;}

#titre_ceinture > p{margin:5px;font-size:14px;}

#titre_geometrie > h1{margin:0px;font-size:20px;}

#titre_geometrie > h2{margin:0px;font-size:16px;}

#div_explications{width:95%;margin:2px auto;margin-top:0px;text-align:left;}

#div_explications > p{margin:0px;font-size:20px;}

#div_explications > li{margin-left:15px;padding-bottom:0.5px;padding-top:0.5px;font-size:16px;}

.font_vert{background-color:#78e08f;}

.font_rouge{background-color:#ff3f34;}

.font_orange{background-color:#ffc048;}

.div_zone_calculs{display:inline-block;vertical-align:top;width:280px;margin:3px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;}

.div_titre_zone_calculs{display:inline-block;width:100%;height:44px;line-height:40px;padding:5px;margin:2px;}

.div_titre_zone_calculs p{display:inline-block;margin:0px;vertical-align:middle;line-height:normal;font-size:18px;font-weight:bold;text-decoration:underline;}

.div_titre_zone_calculs_litt{display:inline-block;/*width:100%;height:44px;line-height:40px*/;padding:5px;margin:2px;}

.div_titre_zone_calculs_litt p{display:inline-block;margin:0px;vertical-align:middle;line-height:normal;font-size:18px;font-weight:bold;text-decoration:underline;}

.div_un_calcul{width:59%;height:20px;padding:3px 0px 3px 0px;margin:10px 0px;float:left;text-align:right;font-weight:bold;}

.div_un_calcul_grand{width:75%;height:20px;padding:3px 0px 3px 0px;margin:10px 0px;float:left;text-align:right;font-weight:bold;}

.div_un_calcul_tres_grand{width:100%;height:20px;padding:3px 0px 3px 0px;margin:10px 0px;float:left;text-align:left;font-weight:bold;}

.div_un_calcul_puissances{width:59%;height:20px;padding:3px 0px 3px 0px;margin:3px 0px;float:left;text-align:right;font-weight:bold;}

.div_un_calcul_moyen{width:42%;height:20px;padding:3px 0px 3px 0px;margin:10px 0px;float:left;text-align:right;font-weight:bold;/*font-size:18px;*/}

.div_un_calcul_moyen_petit{width:30%;height:20px;padding:3px 0px 3px 0px;margin:10px 0px;float:left;text-align:right;font-weight:bold;font-size:18px;}

.div_un_calcul_petit{width:15%;height:20px;padding:3px 0px 3px 0px;margin:10px 0px;float:left;text-align:right;font-weight:bold;/*font-size:18px;*/}

.div_un_calcul_petit_gauche{width:15%;height:20px;padding:3px 0px 3px 5px;margin:10px 0px;float:left;text-align:left;font-weight:bold;font-size:18px;}

.div_un_calcul_tres_petit_gauche{width:8%;height:20px;padding:3px 0px 3px 5px;margin:10px 0px;float:left;text-align:left;font-weight:bold;font-size:18px;}

.input_result{width:34%;float:left;margin:10px 0px;padding:5px 1px 5px 10px;font-size:18px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px;}

.input_result_moyen{width:20%;float:left;margin:10px 0px;padding:5px 2px;font-size:18px;text-align:center;font-weight:bold; height:20px;border: 1px solid #CCC; border-radius: 4px;}

.input_result_petit{width:12%;float:left;margin:10px 5px;padding:5px 2px;font-size:18px;text-align:center;font-weight:bold; height:20px;border: 1px solid #CCC; border-radius: 4px;}

.input_result_grand{width:50%;float:left;margin:10px 0px;padding:5px 1px 5px 10px;font-size:18px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px;}

.input_result_puissance{width:8%;float:left;margin:0px 2px 10px 0px;padding:2px 2px;font-size:14px;text-align:left;font-weight:bold; height:20px;border: 1px solid #CCC; border-radius: 4px;}

.div_un_calcul_fraction{width:95%;height:78px;padding:3px 0px 3px 0px;margin:10px 2%;float:left;text-align:center;font-weight:bold;}

.div_une_fraction{display:inline-block;width:15%;height:100%;/*border:1px solid #000*/;vertical-align:bottom;}

.div_une_fraction_katex{display:inline-block;width:35%;height:50%;/*border:1px solid #000*/;vertical-align:bottom;padding:25px 1px;text-align:right;}

.div_une_fraction_entier{display:inline-block;width:20%;height:100%;/*border:1px solid #000*/;vertical-align:bottom;}

.div_fraction_simplifier{display:none;width:10%;height:100%;/*border:1px solid #000*/;vertical-align:bottom;}

.div_signe_fraction{display:inline-block;width:8%;/*border:1px solid #000;*/font-size:24px;text-align:center;position:relative;top:-40%}

.numerateur{display:block;height:40%;border-bottom:2px solid #000;padding-top:10%;text-align:center;font-size:20px;}

.denominateur{display:block;height:45%;padding-top:5%;text-align:center;font-size:20px;}

.div_un_calcul_fraction input{width:90%;float:left;margin:1px 0px;padding:5px 1px 5px 1px;font-size:18px;text-align:center;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px;}

.barre_fraction{width:100%;height:45%;}

.barre_fraction_border{width:100%;height:45%;border-top:2px;border-top-style:solid;border-top-color:#000}

.signe_simplifier{display:none;}

/* Ceinture calcul litéral 2021-2022 */
.sous_menu_calc_litt{font-size:20px;font-weight:bold;color:#0a3d62;text-decoration:none;line-height:150%}

.sous_menu_calc_litt:link {color: #0a3d62;}

.sous_menu_calc_litt:visited {color: #0a3d62;}

.sous_menu_calc_litt:hover {color: #0a3d62; font-size: 150%;}

#div_zone_produire{display:inline-block;vertical-align:top;width:280px;margin:3px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;}

.div_consigne_produire{text-align:justify;padding:2px 0px;}

#div_zone_produire img {width:95%; margin:5px;border-radius: 5px;}

.div_replace_input{display:inline-block;width:96%;background-color:white;text-align:left;padding:0px 5px;margin:5px;font-size:15px;}

.div_replace_input_CM{display:inline-block;width:43%;background-color:#E5E5E5;text-align:left;padding:3px 0px 3px 0px;margin:5px 0px;;font-size:15px;float:left;}

.div_un_programme_calcul{display:inline-block;width:96%;margin:5px 2%;background-color:#c1c1c1;/*height:80px;*/border-radius: 5px;text-align:center;font-size:15px;}

.input_result_programme_calcul{width:95%;float:left;margin:5px 0px;padding:5px 1px 5px 10px;font-size:18px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px;}

.div_une_fig_geo{display:inline-block;width:90%;margin:0px 5% 5px 5%;background-color:#c1c1c1;/*height:80px;*/border-radius: 5px;text-align:center;font-size:14px;}

.container_consigne_geometrie{display:inline-block;width:100%;margin:5px 0px;}

.container_consigne_geometrie button {width:90%;}

.div_main_consigne{width:60%;float:left;display:inline-block;}

.div_consigne_geometrie{text-align:justify;}

.div_image_geometrie{width:40%;float:right;}

.div_longueur_demandee{font-size:20px;font-weight:bold;width:15%;display:inline-block;margin:5px;float:left;margin:2px 5px 0px 5px;text-align:right;}

.input_result_fig_geo{width:90%;float:left;margin:0px 5px;padding:5px 1px 5px 10px;font-size:18px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px;}
/* Ceinture calcul litéral 2021-2022 */

.div_zone_exp_litt{display:inline-block;vertical-align:top;width:280px;margin:3px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;}

.div_une_exp_litt{width:100%;height:20px;padding:0px 0px 0px 30px;float:left;text-align:left;font-weight:bold;}

.input_result_exp_litt{width:95%;float:left;margin:5px 0px;padding:5px 1px 5px 10px;font-size:18px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px;}

#div_zone_equation{display:inline-block;vertical-align:top;width:280px;margin:3px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;}

#div_zone_equation_1{display:inline-block;vertical-align:top;width:280px;margin:3px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;}

#div_zone_equation_2{display:inline-block;vertical-align:top;width:280px;margin:3px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;}

#div_zone_equation_3{display:inline-block;vertical-align:top;width:280px;margin:3px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;}

#div_zone_equation_4{display:inline-block;vertical-align:top;width:280px;margin:3px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;}

#div_zone_equation_produit{display:inline-block;vertical-align:top;width:280px;margin:3px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;}

.equation_donnee{font-size:14px;}

.afficher_x_equation{font-size:16px;}

.div_une_equation{display:inline-block;width:100%;/*line-height:40px*/;font-size:18px;font-weight:bold;padding:5px 0px;}

.input_result_equations{width:15%;float:none;margin:0px 0px;padding:5px 5px 5px 5px;font-size:18px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.div_solution_equation{width:95%; border:solid 1px #ccc; border-radius: 10px; display:inline-block; background-color:white; margin:2px; /*height:120px;*/ font-size:16px; color:#2980B9; font-weight:bold;padding:5px 0px;}

.div_solution_equation_croix{width:95%; border:solid 1px #ccc; border-radius: 10px; display:inline-block; background-color:white; margin:2px; /*height:120px;*/ font-size:16px; color:#2980B9; font-weight:bold;padding:5px 0px;}
 
 .div_solution_equation br { content: ""; display: block; height:20px;} 

.div_solution_equation_croix br { content: ""; display: block; height:20px;} 
 
.div_solution_equation span{padding:0px;}

#solution_equation_produit{width:100%; border:solid 1px #ccc; border-radius: 10px; display:inline-block; background-color:white; margin:5px 0px; /*height:120px;*/ font-size:14px; color:#2980B9; font-weight:bold;}

.div_solution_equation_produit_1{width:48%;float:left;}

/* .div_solution_equation_produit_1 span{padding:2px;} */

.solution_equation_produit_ou{width:6%;float:left;}

.div_solution_equation_produit_2{width:48%;float:left;}

/* .div_solution_equation_produit_2 span{padding:2px;} */

.membre_gauche{text-align:right;width:45%;display:inline-block;float:left;padding: 0px 0px;font-size:12px;}

.signe_egal{text-align:right;width:8%;display:inline-block;float:left;text-align:center;padding: 0px 0px;font-size:12px;}

.membre_droite{text-align:left;width:45%;display:inline-block;float:left;padding: 0px 0px;font-size:12px;}

.membre_gauche_prod{text-align:right;width:45%;display:inline-block;float:left;padding: 0px 0px;font-size:9px;}

.signe_egal_prod{text-align:right;width:10%;display:inline-block;float:left;text-align:center;padding: 0px 0px;font-size:9px;}

.membre_droite_prod{text-align:left;width:40%;display:inline-block;float:left;padding: 0px 0px;font-size:9px;}

.fraction {display: inline-block;vertical-align: middle;text-align: center;}

.fraction > span {display: block;padding-top: 0.15em;}

.fraction span.fdn {border-top: 2px solid black;}

.fraction span.bar {display: none;}

.div_choix_nb_exerccie{width:95%;display:block;}

.div_contenu_exercice{width:400px;margin:5px;float:left;text-align:center;}

.div_contenu_exercice_court{width:300px;margin:5px;float:left;text-align:center;}

.div_zone_exercice{display:inline-block;float:left;vertical-align:top;width:95%;margin:5px 5px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;text-align: center;font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400;}

.div_enonce_exercice{display:inline-block;vertical-align:top;width:95%;margin:5px 0px;padding:5px;background-color:#ffffff;border:solid 1px #ccc;border-radius: 10px; line-height:24px;text-align: justify;}

.div_enonce_exercice_non_blanc{display:inline-block;vertical-align:top;width:95%;margin:5px 0px;text-align: justify;line-height:1.5;}

.div_enonce_exercice_non_blanc_50{display:inline-block;vertical-align:top;width:45%;margin:5px 0px;text-align: center;line-height:1.5;}

.div_enonce_exercice_Scratch_haut{display:inline-block;vertical-align:top;width:100%;background-color:#ffffff;padding:2px;}

.div_enonce_exercice_Scratch_gauche{display:inline-block;vertical-align:top;width:60%;background-color:#ffffff;float:left;margin:10px 0px;height:240px;text-align:justify;padding:0px 5px 0px 2px;}

.div_enonce_exercice_Scratch_droite{display:inline-block;vertical-align:top;width:37%;background-color:#ffffff;float:right;margin:10px 0px;height:240px;text-align:center;}

.div_enonce_exercice_Scratch_droite img{max-width:100%;max-height:100%;padding :10px 0px;}

.div_enonce_exercice_Scratch_bas{display:inline-block;vertical-align:top;width:100%;margin:5px;}

.div_enonce_exercice_Scratch_bas img{max-width:100%;max-height:100%;}

.div_enonce_conversion{display:inline-block;vertical-align:top;width:95%;margin:10px 0px;text-align:justify;/* line-height:2.5; */font-weight:bold;}

.div_conversion_gauche{display:inline-block;vertical-align:top;width:45%;margin:5px 0px;text-align:right;font-weight:bold;float:left;}

.div_conversion_droite{display:inline-block;vertical-align:top;width:15%;margin:5px 0px;text-align:left;font-weight:bold;}

.div_conversion_droite_grand{display:inline-block;vertical-align:top;width:55%;margin:0px 0px;text-align:left;font-weight:bold;}

.div_nombre_gauche{display:inline-block;vertical-align:top;width:35%;margin:5px 0px;padding:10px;text-align:right;font-weight:bold;float:left;}

.div_nombre_droite{display:inline-block;vertical-align:top;width:35%;margin:5px 0px;padding:10px;text-align:left;font-weight:bold;}

.div_coordonnees_points{display:inline-block;vertical-align:top;width:40%;margin:0px 0px;padding:10px 0px;text-align:left;font-weight:bold;}

.div_enonce_carre_racine{display:inline-block;vertical-align:top;width:80%;margin:5px 0px;text-align:center;/* line-height:2.5; */font-weight:bold;}

.div_carre_racine_gauche{display:inline-block;vertical-align:top;width:35%;margin:5px 0px;text-align:right;font-weight:bold;float:left;}

.div_carre_racine_droite{display:inline-block;vertical-align:top;width:35%;margin:5px 0px;text-align:left;font-weight:bold;float:left;}

.div_consigne_zone_niveau_exercice{width:100%;text-align:center;font-size:20px;font-weight:bold;}

.div_1_niveau{display:inline-block;padding:5px;width:20%;text-align:left;}

.div_1_niveau img{max-width: 100%;}

.img_zone_niveau{border:3px solid #FFFFFF;border-radius:5px;}

.img_zone_niveau:hover{cursor:pointer;}

/* .div_zone_exercice{display:inline-block;float:left;vertical-align:top;width:334px;margin:10px 10px;background-color:#E5E5E5;border:5px solid #E5E5E5;border-radius: 20px;} */

.div_plusieurs_questions{text-align:justify;line-height:1.5;}

.span_resultat{font-size:18px;font-weight:bold;}

.input_result_geometrie{width:15%;float:none;margin:10px 0px;padding:5px 5px 5px 5px;font-size:18px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_signe{width:10%;float:none;margin:10px 0px;padding:5px 5px 5px 5px;font-size:15px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_fonction{width:10%;float:none;margin:4px 0px;padding:5px 2px;font-size:16px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_fonction_long{width:90%;float:none;margin:10px 0px;padding:5px 2px;font-size:18px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: left;}

.input_result_fonction_moyen{width:30%;float:none;margin:10px 0px;padding:5px 2px;font-size:16px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: left;}

.input_result_tab_valeur{width:60%;float:none;padding:5px 2px;font-size:16px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_grandeur{width:35%;float:none;/*margin:10px 0px;*/padding:5px;font-size:16px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_grandeur_court{width:20%;float:none;/*margin:10px 0px;*/padding:5px 0px;font-size:16px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_coordonnees{width:20%;float:none;margin:0px 0px;padding:5px 5px 5px 5px;font-size:15px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_proport{width:15%;float:none;margin:10px 0px;padding:5px;font-size:16px;height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: right;}

.input_result_proport_tab{width:90%;float:none;font-size:16px;height:30px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;font-weight:bold;}

.input_result_proport_agrandir{width:10%;float:none;margin:10px 0px;padding:5px;font-size:16px;height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: left;}

.input_result_proport_echelle{width:30%;float:none;margin:10px 0px;padding:5px;font-size:16px;height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: left;}

.input_result_proport_ratio{width:10%;float:none;margin:5px 0px;padding:5px;font-size:16px;height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_proport_taux{width:15%;float:none;margin:5px 0px;padding:5px;font-size:16px;height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_proport_2{width:20%;float:left;margin:10px 0px;padding:5px;font-size:18px;height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: right;}

.input_result_proport_exposant{width:8%;float:left;margin:0px 0px 15px 0px;padding:5px;font-size:14px;height:15px;border: 1px solid #CCC;  border-radius: 4px; text-align: left;}

.input_result_carre_racine{width:25%;/*float:left;*//*margin:10px 0px;*/padding:5px 0px;font-size:16px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

.input_result_puissance_nombre{width:8%;float:left;margin:5px 0px;padding:5px;font-size:16px;height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: right;}

.input_result_decomposition{width:50%;float:none;margin:5px 0px;padding:5px;font-size:16px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px;}
#input_nom_eleve{width:40%;padding:5px;font-size:16px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px;}

.div_solution_exercice{display:inline-block;vertical-align:top;width:95%;margin:5px 0px;padding:5px;background-color:#ffffff;border:1px solid #E5E5E5;border-radius: 10px;color:#2980B9; line-height:24px;text-align: justify;}

.div_solution_exercice_niv2{float:left;}

.div_solution_exercice_niv2_center{float:left;text-align: center;}
/* .intro_solution{text-align:justify;width:95%;display:inline-block;float:left;padding: 5px} */

.calcul_gauche{padding: 0px 2px;}

.signe_egal_geo{padding: 0px 2px;}

.calcul_droite{padding: 0px 2px;}

.div_en_construction{width:100%;height:600px;margin: 50px auto;background-position:center;background-repeat:no-repeat; background-size: 35%;background-image:url("../img/en_construction.jpg");}

.div_en_construction p{font-size:30px;text-align:center;color:#2a88c8;font-weight:bold;}

.form_oui_non{border-radius: 5px;margin:5px 20%;}

.form_plusieurs_elements{border-radius: 5px;margin:5px 20%;text-align:left;}

.radio_plusieurs_labels{margin:0px 7px 10px 0px;}

.div_image_thales{width:100%;height:150px;text-align:center;margin:0px 10px}

.div_image_espace{width:95%;height:250px;text-align:center;margin:0px 10px}

.div_comp_puiss_10{width:18%;display:inline-block;}

.input_result_puiss10{width:10%;float:none;font-size:15px;font-weight:bold; height:20px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;}

/* .div_image_thales img{width:95%;height:auto;} */

.div_image_thales img{max-width:100%;max-height:100%;}

.div_image_espace img{max-width:100%;max-height:100%;}

.div_resulat_fraction{display:inline-block;width:20%;/*border:1px solid #000;*/font-size:16px;position:relative;margin:15px 0px;}

.div_une_fraction_thales{display:inline-block;width:8%;height:100%;/*border:1px solid #000*/;vertical-align:bottom;}

.numerateur_thales{display:block;height:40%;border-bottom:1px solid #2980B9;padding-top:10%;text-align:center;font-size:16px}

.denominateur_thales{display:block;height:45%;padding-top:5%;text-align:center;font-size:16px;}

.div_signe_fraction_thales{display:inline-block;width:7%;/*border:1px solid #000;*/font-size:16px;text-align:center;position:relative;margin:15px 0px;}

.div_une_fraction_long{display:inline-block;height:100%;/*border:1px solid #000*/;vertical-align:bottom;}

.div_graphique_tableau{width:95%;padding:0px 10px;float:left;}

.div_fraction_partage{display:inline-block;float:left;width:12%;text-align:center;margin-top:20px;margin-left:25px;}

.input_fraction_partage{width:90%;margin:2px 0px;font-size:18px;height:25px;border: 1px solid #CCC;  border-radius: 4px; text-align: center;font-weight:bold;}


.graphique{background-color:#FFFFFF;}

table{border-collapse:collapse;}

td{border:1px solid black;padding:10px 5px;text-align:center;}

tr{background-color:#FFF;}

.tableau_proport{width:90%;margin:0px 5%;}

.tableau_valeur{width:90%;margin:0px 5%;}

.tableau_valeurs{width:90%;margin:0px 5%;}

.div_resulat_fraction_court{display:inline-block;width:15%;/*border:1px solid #000;*/font-size:16px;position:relative;margin:15px 0px;}

.solution_reconnaitre_fraction{width:100%;}

.selection_tx{padding:2px;border: 1px solid #CCC; border-radius: 4px;font-size:14px;}

#div_news{width:30%;border:8px solid #0a3d62;border-radius:20px;padding:5px;position:absolute;left:3%;bottom:30%;text-align:justify;}

#div_news > h3{margin:0px;margin-left:5px;}

#div_news  ul{margin:0px;padding-left:30px;}

/* button{
	margin:3px 10px 2px 10px;
	padding:10px;
	font-size:14px;
	color:#fff;
	background-color:#333333;
	text-transform:uppercase;
	text-align:center;
	border-radius: 10px;
} */

button{
	margin:5px 10px;
	/*margin-left:20px;
	margin-right:20px;*/
	padding:5px 10px;
	font-size:14px;
	color:#fff;
	background-color:#333333;
	text-transform:uppercase;
	text-align:center;
	border-radius: 7px;
	width:40%;
}


button:hover{
	box-shadow:0px 0px 6px #6D6D6D;
	background-color:#6D6D6D;
}
	
/*######### MENU COMPUTER ############*/
#nav_computer {
	width:100%;
	background-color:#0a3d62;
}
#nav_computer > ul{
	margin:0px;
	padding:0px;
}

#nav_computer > ul::after{
	content:"";
	display:block;
	clear:both;
}
#nav_computer a{
	display:inline-block; /*travailler sur lien ensuite*/
	text-decoration:none; /*effacer trait sous lien*/
	padding: 20px 30px;
	font-size:18px;
}

.li_principal_menu_gauche{float:left;}
.li_principal_menu_droite{float:right;}

#nav_computer > ul > li > a{
	padding:20px 20px;
	color: #FFFFFF;
}

#nav_computer > ul > li:hover > a{
	padding:15px 20px 20px 20px;
	color: #0a3d62;
}

#nav_computer li{
	list-style-type:none; 
	position:relative;
}

.sous_menu_calc_mental{
	display:none;
	border-top:2px solid #FFFFFF;
}

#nav_computer li:hover .sous_menu_calc_mental{ /*uniquement quand la souris passe dessus les menu*/
	display:inline-flex; /*afficher sous menu*/
	position:absolute; /* positionner exatcment sous menu*/
	top:100%;
	left:0px;
	padding:0px;
	z-index:1000;
}

.sous_menu_calc_mental li{
	border-bottom:5px solid #FFFFFF;
	background-color:RGBa(10,61,98);
	width:160px;
}

.sous_menu_calc_mental li > a{
	padding:15px 30px;
	font-size:18px; /*taille écriture*/
	color:#FFFFFF;
	width:130px;
}

/* #menu_calc_mental:hover{
	border-top: 5px solid #0A3D62;
	background-color:#FFFFFF;  /*RGBa(10,61,98); */
} */
#menu_calc_mental_3:hover  #menu_calc_mental_4:hover #menu_calc_mental_5:hover #menu_calc_mental_6:hover #menu_calc_mental_CM:hover{
	border-top: 5px solid #0A3D62;
	background-color:#FFFFFF;  /*RGBa(10,61,98); */
}

.sous_menu_calc_mental li:hover .a_sous_menu{
	font-size:20px;
	font-weight:bold;
}

.sous_menu_classe{
	display:none;
	border-left:1px solid #0A3D62;
	border-right:1px solid #0A3D62;
	border-top:1px solid #0A3D62;
}
.li_sous_menu_calc_mental:hover{
	background-color:#FFFFFF;
	/*border-top: 1px solid #FFFFFF;*/
	border-bottom:1px solid #0A3D62;
}
.li_sous_menu_calc_mental:hover  >a{
	padding:15px 30px 19px 30px;
	color:#0A3D62;
}


.li_sous_menu_calc_mental:hover .sous_menu_classe{
	display:block;
	position:absolute;
	padding:0px;
	margin-left:0px;
	/*background-color:#FFFFFF;*/
}
.sous_menu_classe li{
	border-bottom:1px solid #0A3D62;
	background-color:#FFFFFF;
	width:220px;
}
.sous_menu_classe li a{
	color:#0A3D62;
	/*width:280px;*/
	width:200px ;
	padding:20px 0px 20px 10px !important;
}

.sous_menu_classe li:hover a{
	font-size:20px;
	font-weight:bold;
}

.sous_menu_1_niveau{
	display:none;
	border-left:1px solid #0A3D62;
	border-right:1px solid #0A3D62;
	border-top:1px solid #0A3D62;
}

#nav_computer li:hover .sous_menu_1_niveau{ 
	display:inline-block;
	position:absolute; 
	top:100%;
	left:0px;
	padding:0px;
	z-index:1000;
}

.sous_menu_1_niveau li{
	border-bottom:1px solid #0A3D62;
	background-color:#FFFFFF;
	width:220px;
	
}
.sous_menu_1_niveau li a{
	width:200px;
	color:#0A3D62;
	text-align:left;
	padding:20px 0px 20px 10px !important;
}

.sous_menu_1_niveau li:hover a{
	font-size:20px;
	font-weight:bold;
}

.li_principal_menu_gauche:hover, .li_principal_menu_droite:hover{
	border-top: 5px solid #0a3d62;
	background-color:#FFFFFF; /*RGBa(44,62,80)*/
}


.div_menu_computer img{
		width:44px;
		height:20px;
		vertical-align:middle;
		padding-left:5px;
		float:right;
	}

/*######### FIN MENU COMPUTER ############*/

/*######### MENU MOBILE ############*/
.div_menu_mobile{
	display:none;
}
.toggle_btn{
	display:none;
}
.barre_menu_mobile{
	width:100%;
	background-color:#0a3d62;
	height:45px;
	display:none;
}
.toggle_btn{
	height:30px;
	width:30px;
	position:absolute;
	float:left;
	margin-left:5px;
	cursor:pointer;
}

/*###########ICONE HAMBUGER#########*/
.toggle_btn span{height:3px;background-color:#FFFFFF;width:100%;position:absolute;top:20px;left:0px;}
.toggle_btn span:before{content:'';height:3px;background-color:#FFFFFF;width:100%;position:absolute;top:-10px;left:0px;}
.toggle_btn span:after{content:'';height:3px;background-color:#FFFFFF;width:100%;position:absolute;top:10px;left:0px;}


.div_menu_mobile{
	background-color:#0a3d62;
	width:250px;
	z-index:1;
	height:100%;
}

.nav_mobile{
	margin-left:-250px;
	transition-duration:0.2s;
	
}
.nav_mobile_open{
	margin-left:0px;
	transition-duration:0.2s;
}

.div_menu_mobile a{
	color:#FFFFFF;
	text-align:center;
	display:block;
	padding-top:10px;
	text-decoration:none;
}
.div_menu_mobile ul{
	padding:0px;
}
.div_menu_mobile li{
	list-style-type:none;
	text-align:center;
}
/*######### FIN MENU MOBILE ############*/

/*######### RESPOSIVE MENU ############*/
/*@media screen and (max-width:768px){*/
@media screen and (max-width:3000px){
	#checkbox_eval{
		display:none;
	}
	#label_checkbox_eval{
		display:none;
	}
	.div_menu_computer{
		display:none;
	}
	.barre_menu_mobile{
		display:block;
	}
	.toggle_btn{
		display:block;
	}
	.div_menu_mobile{
		display:block;
		position:absolute;
	}
	.div_menu_mobile nav ul {
		margin:0px;
	}
	.ul_menu_mobile > li {
		border-top:2px solid #FFFFFF;
		padding:10px;
	}
	.ul_menu_mobile > li > a{
		font-size:18px;
		padding:0px;
	}
	
	.ul_menu_mobile li ul{
		display:none;
	}
	#ul_calc_mental_mobile > li{
		background-color:#2C3E50;
		border-top:1px solid #FFFFFF;
		padding:5px;
	}
	
	#ul_calc_mental_mobile > li >a{
		font-size:18px;
		color:#FFFFFF;
		padding:0px;
	}
	
	.ul_mobile_niveau_2 > li{
		background-color:#FFFFFF;
		border-top:2px solid #2C3E50;
		padding:5px;
	}
	
	.ul_mobile_niveau_2 > li >a{
		font-size:16px;
		color:#0a3d62;
		padding:0px;
		text-align:left;
		display:inline-block;
		vertical-align:middle;
		width:100%;
	}
	
	#ul_exp_litt_mobile > li, #ul_equation_mobile > li,#ul_geometrie_mobile > li {
		background-color:#FFFFFF;
		border-top:2px solid #2C3E50;
		padding:5px;
	} 
	
	#ul_exp_litt_mobile > li > a, #ul_equation_mobile > li > a, #ul_geometrie_mobile > li > a{
		font-size:16px;
		color:#0a3d62;
		padding:0px;
		text-align:left;
		display:inline-block;
		vertical-align:middle;
		width:100%;
	}
	
	.div_menu_mobile img{
		width:44px;
		height:20px;
		vertical-align:middle;
		padding-left:5px;
		float:right;
	}
}
@media screen and (max-width:768px){
	#contenu > img{width:80%;}
	
	#Contact img{width:70%;}
	
	#div_news{display:block;position:relative;width:80%;margin:0px auto;}
	
	#contenu_connaissance{width:100%;margin:5px auto;}
	
	#div_banniere{width:100%;margin:5px 0px;}
	
	#div_contenu_banniere{width:100%;margin:5px auto;}
	
	#titre_geometrie{width:100%;margin:0px;}
	
	#div_ensemble_bouton{width:100%;margin:0px;}
	
	#div_bouton_correction{width:100%;margin:0px;}
	
	.div_choix_nb_exerccie{width:95%;display:none;}	
	
	.div_contenu_exercice{width:100%;margin:5px auto;}
		
	.sous_menu_choix_ceinture{width:13%;display:inline-block;text-align:center;}

	.sous_menu_choix_ceinture > img{width:100%;}
	
	.sous_menu_choix_ceinture > a > img{width:100%;}
	
	.div_en_construction{background-size:60%;}
	
}
/*######### MENU MOBILE ############*/