body {margin-top:10px; background-color:#3f1008;}
button.disabled {cursor:not-allowed}
.avertissement_navigateur {border:2px solid #9C5B30; background-color:#EDEDED; padding:10px; margin:20px auto 0 auto; width:70%;}
.faux_lien {text-decoration:none; color:#337AB7; cursor:pointer;}
.faux_lien:hover {text-decoration:underline;}
.bandeau_haut {margin:0 80px 10px 150px;}
.ecran_suite .bandeau_haut {margin:0 80px 10px 100px;}
.bandeau_haut h4 {color:#EF8300; font-style:italic; font-size:18px;}
.titre_haut {font-size:50px; color:#EF8300; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.logo_acc {width:128px; height:128px; float:left;}
.ecran_suite .logo_acc {width:64px; height:64px;}
.ecran_suite2 .logo_acc {width:32px; height:32px;}
.ecran_suite2 img.bt_rond_retour_accueil {width:48px; height:48px;}
.ecran_suite2 img.bt_retour_choisir_quiz_typejeu {width:42px; height:42px;}
audio {width:100%; margin:0; padding:0;}
.float_droit {float:right;}
.float_gauche {float:left;}
.modal-header img {width:32px; height:32px;}
.jemontre {visibility:visible;}
.jecache {visibility:hidden;}
.gras2 {font-weight:bold; color:#EF8300;}

.contenu_doc {padding:10px; background:#FFF; margin-bottom:20px;}
.accueil_pave_documentation h3 {background:#64D9E8; cursor:pointer; margin:20px 0 10px 0; padding:2px 10px;}
.accueil_pave_documentation h3:hover {background:#1FB8CD;}
.accueil_pave_documentation h4 {color:#D52076; font-weight:bold; font-size:18px; margin:20px 0 10px 0;}
.accueil_pave_documentation h4:before {content:url(img/icone_doigt_16.png)}
.accueil_pave_documentation h5, #modale_info_editeur_cartable h5, #modale_info_editeur_mot h5 {color:#304FE0; font-weight:bold; font-size:16px;}
.accueil_pave_documentation p {padding:0; margin:0 0 5px 0;}
.intro_doc {color:#FF7575; font-weight:bold;}

.tests li {cursor:pointer;}
.tests li:hover {text-decoration:underline;}
.effet_zoom {cursor:pointer; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform;}
.effet_zoom:hover, .effet_zoom:focus, .effet_zoom:active {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1);}
.effet_zoom-outset {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow;}
.effet_zoom-outset:hover, .effet_zoom-outset:focus, .effet_zoom-outset:active {box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);}

.intro_quiz {text-align:center;}
.corps_quiz {background:#80B5F7; padding:1em 0; border:2px solid #0C00EF; border-radius:10px;}
.zone_question {margin-bottom:0px;}
.quest_div_img {border:2px solid #FF55A2; padding:5px; background:#FFF;}
.quest_img {cursor:pointer; width:500px;}
.quest_video {width:100%; height:auto; display:none;}
.modale_image {width:1000px;}
.quest_texte {background:#FFF; padding:5px; border:2px solid #FF55A2; min-height:80px;}
.quest_texte img {float:right; margin:0 0 10px 10px; width:48px; height:48px;}
.consigne {background:#DFEDFD; padding:5px; border:2px solid #FF55A2; min-height:48px; margin-bottom:10px;}
.consigne img {float:right; margin:0 0 10px 10px; width:32px; height:32px;}
.aff_media {margin-top:10px;}
.aff_media > div > div > div {padding:5px 10px; border-radius:10px;}
.aff_media img.rep {padding:5px; width:500px;}
.ecran_multijoueur_rapido .rapido_aff_gagne {background:#00FF00; padding:5px; font-weight:bold; text-align:center; margin-bottom:10px; border-radius:6px; border:solid 1px #007100;}
.ecran_multijoueur_rapido .aff_media .rep, .ecran_bilan_collectif .aff_media .rep, .aff_media_r_image .rep {background:#FFF;}
.ecran_multijoueur_rapido .aff_media .rep1, .ecran_bilan_collectif .aff_media .rep1 {box-shadow: 0px 0px 5px 5px #0000ff; -moz-box-shadow: 0px 0px 5px 5px #0000ff; -webkit-box-shadow: 0px 0px 5px 5px #0000ff;}
.ecran_multijoueur_rapido .aff_media .rep2, .ecran_bilan_collectif .aff_media .rep2 {box-shadow: 0px 0px 5px 5px #FF0000; -moz-box-shadow: 0px 0px 5px 5px #FF0000; -webkit-box-shadow: 0px 0px 5px 5px #FF0000;}
.ecran_multijoueur_rapido .aff_media .rep3, .ecran_bilan_collectif .aff_media .rep3 {box-shadow: 0px 0px 5px 5px #8C8C8C; -moz-box-shadow: 0px 0px 5px 5px #8C8C8C; -webkit-box-shadow: 0px 0px 5px 5px #8C8C8C;}
.ecran_sauf_rapido .aff_media_r_image .rep {cursor:pointer; -moz-box-shadow: 1px 1px 5px 0px #656565; -webkit-box-shadow: 1px 1px 5px 0px #656565; -o-box-shadow: 1px 1px 5px 0px #656565; box-shadow: 1px 1px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.ecran_sauf_rapido .aff_media_r_image .rep:hover {-moz-box-shadow: -1px -1px 5px 0px #656565; -webkit-box-shadow: -1px -1px 5px 0px #656565; -o-box-shadow: -1px -1px 5px 0px #656565; box-shadow: -1px -1px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=5); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.effet_bt {background:#CAFFCD; cursor:pointer; -moz-box-shadow: 1px 1px 5px 0px #656565; -webkit-box-shadow: 1px 1px 5px 0px #656565; -o-box-shadow: 1px 1px 5px 0px #656565; box-shadow: 1px 1px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.effet_bt:hover {-moz-box-shadow: -1px -1px 5px 0px #656565; -webkit-box-shadow: -1px -1px 5px 0px #656565; -o-box-shadow: -1px -1px 5px 0px #656565; box-shadow: -1px -1px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=5); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.aff_media_r_texte > div > div {margin:10px 0;}
.aff_media_r_son > div > div {margin:10px 0;}
.corps_retour {margin-bottom:10px;}
.corps_retour .aff_cpt {width:100px; font-size:22px; border: 2px solid grey; border-radius:5px; text-align:center; margin-top:10px;}
.corps_retour .aff_cpt > div {font-size:14px;}
.corps_retour .aff_niveau {background:#EF0C00; color:#FFF;}
.corps_retour .aff_num_question, .corps_retour .aff_gain_partie, .corps_retour .aff_question_posee {background:#EF006C; float:right; color:#FFF;}
.corps_joueurs {background:#FFF; border:2px solid #0C00EF; border-radius:10px; padding:5px; margin-bottom:10px; font-size:20px;}
.abrege_joueur {float:left; width:30px; background:yellow; text-align:center;}
.aff_score {float:right; width:50px; background:yellow; text-align:center;}
.nom_joueur {margin:0 60px 0 40px; height:30px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.zone_clavier {clear:both; width:120px; margin:5px auto 0px auto;}
.look_touche_clavier {width:32px; height:32px; border:solid 2px black; border-radius:5px; text-align:center;}
.reponse_saisie_correction {margin-top:10px; padding:5px 10px; border:1px solid green; border-radius:5px; background:#00FF00; font-size:20px;}
.tc_rep_1 {background:blue; float:left;}
.tc_rep_3 {background:#C0C0C0; float:right;}
.tc_rep_2 {background:red; margin:auto;}
.aff_score_max {float:left; width:40px; text-align:center;}
.aff_nom_ordi {margin:0 60px 0 50px; height:30px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.zone_commentaire {margin-top:10px;}
.aff_commentaire {background:#FFF; border:solid 1px grey; border-radius:10px; padding:5px;}
.zone_tactile {margin-top:10px; font-size:14px}
.touches_tactile {height:50px;}
.touches_tactile_j1 {width:184px; float:left;}
.touches_tactile_j2 {width:184px; float:right;}
.touches_tactile_j3 {width:184px; margin:auto; text-align:center;}
.nom_j {color:grey; text-align:center; height:20px; overflow:hidden; width:100%;}
.look_touche_tactile {width:48px; height:48px; border:solid 2px black; border-radius:5px; text-align:center;}
.touches_tactile_j1 .tt_rep1 {float:left; background:blue;  margin-right:20px;}
.touches_tactile_j1 .tt_rep2 {float:left; background:red; margin-right:20px;}
.touches_tactile_j1 .tt_rep3 {float:left; background:#C0C0C0;}
.touches_tactile_j2 .tt_rep1 {float:right; background:blue;}
.touches_tactile_j2 .tt_rep2 {float:right; background:red; margin-left:20px;}
.touches_tactile_j2 .tt_rep3 {float:right; background:#C0C0C0; margin-left:20px;}
.touches_tactile_j3 .tt_rep1 {float:left; background:blue;margin-right:20px;}
.touches_tactile_j3 .tt_rep2 {float:left; background:red; margin-right:20px;}
.touches_tactile_j3 .tt_rep3 {float:left; background:#C0C0C0;}
.corps_joueurs.actif {background:yellow;}
.temoin_reponses_collectif .progress-bar_1 {background:#0000ff}
.temoin_reponses_collectif .progress-bar_2 {background:#FF0000}
.temoin_reponses_collectif .progress-bar_3 {background:#C0C0C0}

.nb_rep_nb_max {background:#EF0C00; color:#FFF;}
.nb_rep_nb_max span {font-size:20px;}
.range_conteneur {width: 100%; padding-left:60px; padding-top:5px;}
.range_conteneur > input {-webkit-appearance: none; width: 100%; height: 25px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s;}
.range_conteneur > input:hover {opacity: 1;}
.range_conteneur > input::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #4CAF50; cursor: pointer;}
.range_conteneur > input::-moz-range-thumb {width: 25px; height: 25px; background: #4CAF50; cursor: pointer;}
.range_conteneur > input.curseur_1 {background: #0000ff;}
.range_conteneur > input.curseur_2 {background: #FF0000;}
.range_conteneur > input.curseur_3 {background: #C0C0C0;}
.desc_bilan_modale {font-size:12px;}
.desc_bilan_modale ol {padding-left:20px;}
.desc_bilan_modale li {margin-bottom:5px;}
.bts_deplacements {margin-top:10px;}
.bts_deplacements button {padding:5px 0}
.bts_deplacements div {padding:5px}

.zone_param_choix_quiz {margin-bottom:10px; padding:10px; background:#B9FFBC; border:1px solid #DBDBDB;}
.zone_param_choix_quiz .selectetradio {width:410px;}
.zone_param_choix_quiz > .selectetradio > div {margin-top:10px;}
.zone_param_choix_quiz label {cursor:help;}
.bt_public {margin-right:15px; cursor:pointer; font-size:16px;}
.table_quiz th:nth-child(1), .table_quiz th:nth-child(2), .table_quiz th:nth-child(3), .table_quiz th:nth-child(4) {width:50px; cursor:help;}
.table_quiz th:last-child {width:50px;}
.table_quiz td:nth-child(1), .table_quiz th:nth-last-child(2) {cursor:help;}
.table_quiz tbody {font-size:12px;}
.titre_dans_liste {cursor:pointer; color:blue; font-weight:bold; font-size:14px;}
.titre_dans_liste:hover {text-decoration:underline;}
.titre_dans_liste span {color:grey; font-size:85%;}
#modale_info_editeur h4 {color:blue;}
#modale_info_editeur table td:first-child {width:150px; color:#EF8300;}
.code_a_copier, .code_a_copier_tous {background:#FFF; border:1px solid grey; padding:10px; color:#6F6F6F; font-size:85%; height:100px; overflow:auto;}

.modale_couleur .modal-content {background:#E8FFE9;}
.modale_couleur .modal-body h4 {color:blue; margin-top:0; padding:0;}
.menu_niveaux {margin:10px 0;}
.menu_niveaux > div {display:inline-block; border:1px solid grey; border-radius:5px; text-align:center; width:60px; margin:5px; cursor:pointer;}
.cpt_item {background:#FFBFDC; width:30px; float:right;}
.cpt_niveau {background:#FFDBAE; width:30px; margin-right:30px; font-weight:bold;}
.bt_edi_monter_niveau, .bt_edi_descendre_niveau {float:right; margin-left:10px;}

.bt_ac_commentaires, .bt_ac_aides {cursor:pointer}
.edi_niveau {background:#FFDBAE; border:1px solid grey; padding:10px 10px 0 10px; margin-bottom:10px;}
.edi_niveau > button {float:right; margin-left:10px;}
.edi_item {background:#FFBFDC; border:1px solid grey; padding:10px; margin-bottom:10px;}
.edi_item > button {float:right; margin-left:10px;}
.edi_question_reponse {background:#CEFFCE; border:1px solid grey; padding:10px;}

.edi_son_sel_q, .edi_son_sel_r_ok { width:282px; margin-bottom:10px;}
.edi_aff_image_q, .edi_aff_image_r_ok {width:130px; height:130px; border:1px solid grey; padding:4px; float:left; background:#FFF;}
.edi_aff_image_q img, .edi_aff_image_r_ok img {width:120px; height:120px;}
.edi_image_sel_q, .edi_video_sel_q, .edi_image_sel_r_ok {margin-left:140px; width:240px; margin-bottom:10px;}
.edi_nom_image_q, .edi_nom_son_q, .edi_nom_video_q, .edi_nom_image_r_ok, .edi_nom_son_r_ok {border:1px solid grey; background:#FFF; width:200px; height:32px; padding:6px; color:grey; font-style:italic; overflow:hidden;}
.edi_son_sel_q, .edi_son_sel_r_ok {width:282px; margin-bottom:10px;}
.edi_q_imageetson .edi_son_sel_q {margin-left:140px;}
.edi_q_imageetson .bt_ecouter_son_parcouru, .edi_q_son .bt_ecouter_son_parcouru, .edi_r_ok_son .bt_ecouter_son_parcouru {float:right; margin-left:10px;}
.edi_aff_video_q {width:130px; height:100px; border:1px solid grey; float:left; background:#FFF;}
.edi_div_aide > div, .edi_div_commentaire > div {margin-top:10px; margin-right:42px;}
.edi_div_aide > img, .edi_div_commentaire > img {float:right;}
.edi_div_commentaire > img {cursor:help;}
.edi_q_imageetson .div_textarea, .edi_q_image .div_textarea, .edi_q_video .div_textarea {margin-left:140px;}

.edi_reponses_erronees {background:#FFD7D7; border:1px solid grey; padding:10px; margin-top:10px;}
.edi_reponses_erronees > div > div {background:#F2F2FF; border:1px dashed grey;}
.edi_r_er_texte .edi_div_texte_r_er, .edi_r_er_saisie .edi_div_texte_r_er {margin-right:85px;}
.edi_r_er_texte .bloc_reponse, .edi_r_er_saisie .bloc_reponse {padding:10px; margin:5px 0;}
.edi_r_er_texte .edi_bt_ajouter_texte, .edi_r_er_texte .edi_bt_supprimer_reponse, .edi_r_er_saisie .edi_bt_ajouter_texte, .edi_r_er_saisie .edi_bt_supprimer_reponse {float:right; margin-left:10px;}
.edi_r_er_image .bloc_reponse {position:relative; width:187px; height:184px; float:left; margin:5px;}
.edi_r_er_image .edi_image_r_er {position:absolute; top:10px; left:10px; width:120px; height:120px; border:1px solid grey; background:#FFF; padding:5px;}
.edi_r_er_image .edi_bt_ajouter_image {position:absolute; top:10px; right:10px;}
.edi_r_er_image .edi_bt_supprimer_reponse {position:absolute; top:47px; right:10px;}
.edi_nom_image_r_er, .edi_nom_son_r_er {position:absolute; bottom:10px; left:10px; border:1px solid grey; background:#FFF; width:164px; height:32px; padding:6px; color:grey; font-style:italic; overflow:hidden;}
.edi_bt_image_r_er, .edi_bt_son_r_er {position:absolute; bottom:52px; right:10px;}
.edi_r_er_son .bloc_reponse {position:relative; width:187px; height:100px; float:left; margin:5px;}
.edi_r_er_son .edi_bt_ajouter_son {position:absolute; top:10px; right:10px;}
.edi_r_er_son .edi_bt_supprimer_reponse {position:absolute; top:10px; right:47px;}
.edi_r_er_son .edi_bt_son_r_er {position:absolute; top:10px; left:10px;}
.edi_r_er_son .bt_ecouter_son_parcouru {position:absolute; top:10px; left:50px;}

.pave_choix_typejeu {background:#DDFFDF; padding:10px; margin-bottom:10px;}
.pave_choix_typejeu label {margin:0;}
.respect_casse, .pave_num {cursor:pointer; margin-top:5px;}
.jeu_titre {margin-right:52px; height:48px; font-weight:bold; color:#EF8300; overflow:hidden; padding:2px 5px; background:#00EF0B; cursor:pointer; line-height: normal; -moz-box-shadow: 1px 1px 5px 0px #656565; -webkit-box-shadow: 1px 1px 5px 0px #656565; -o-box-shadow: 1px 1px 5px 0px #656565; box-shadow: 1px 1px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5); border-radius: 5px;}
.jeu_titre:hover {-moz-box-shadow: -1px -1px 5px 0px #656565; -webkit-box-shadow: -1px -1px 5px 0px #656565; -o-box-shadow: -1px -1px 5px 0px #656565; box-shadow: -1px -1px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=5); border-radius: 5px;}
#modale_partage_jeu h5, #modale_exporter_quiz h5 {font-weight:bold; padding:0; margin:0 0 5px 0; color:#8B8B8B;}

#modale_iframe .modal-dialog, #modale_aide_saisie_jpj .modal-dialog {max-width: 100%; width: auto !important; display: inline-block;}
#modale_iframe.modal, #modale_aide_saisie_jpj.modal {text-align:center; margin:auto;}
#modale_aide_exo h4 {color:blue;}

.presentation_typejeu {background:#FFF; font-size:12px; font-style:italic; padding:2px 5px; color:blue; border:1px solid grey; border-radius:6px; margin-top:10px;}
.ecran_choisir_quiz_typejeu h5, #modale_choisir_bilan h5 {font-weight:bold; padding:0; margin:10px 0 5px 0; font-size:13px; color:#ED7012;}
.affectation_touches {margin-top:5px;}
.affectation_touches > div > span {cursor:pointer;}
.affectation_touches > div > div {font-weight:bold; font-size:16px; width:24px; display:inline-block; border-radius:5px; margin:0 3px; text-align:center; margin-bottom:5px;}
.affectation_touches > div > div.t_bleu {background:blue;}
.affectation_touches > div > div.t_vert {background:#C0C0C0;}
.affectation_touches > div > div.t_rouge {background:red;}

.zone_bilan_individuel table, .zone_bilan_collectif table, .ecran_bilan_historique table {background:#FFF; border:1px solid blue;}
.bilan_juste > thead {background:#00FF00;}
.bilan_faux > thead {background:#FF6F6F;}
.repimage {width:64px; height:64px; cursor:pointer; margin-right:5px; float:left;}
.repson {margin-right:5px; float:left;}
.repvideo {width:128px; height:auto; margin-right:5px; float:left;}

.ecran_mjassociation .corps_quiz {padding:5px 5px 0 5px;}
.ecran_mjassociation .corps_quiz > div {padding:0 10px;}
.carte {margin-bottom:10px; position:relative; font-size:20px; overflow:hidden;}
.carte .bloc_texte, .carte .ass_img {width:500px; max-width:100%; height:auto; display: flex; flex-direction: column; justify-content: center; text-align:center;}
.carte .bt_ass_ecouter {position:absolute; left:5px; top:5px; width:48px; height:48px;}
.carte .face_ass_reponse, .carte .face_ass_question {position:absolute; right:5px; top:5px; width:32px; height:32px; opacity:0.5;}

.kard {width: 100%; height: 100%; transition: transform 1s; transform-style: preserve-3d; cursor: pointer; position: relative;}
.kard.is-flipped {transform: rotateY(180deg);}
.kard_face {padding:5px; position: absolute; width: 100%; height: 100%; backface-visibility: hidden;}
.kard_face_front {background: #FFF; border:2px solid #9F9F9F; border-radius:5px;}
.kard_face_back {background: #FFF; border:2px solid #9F9F9F; border-radius:5px; transform: rotateY(180deg);}
.carte_flip {width: 100%; perspective: 0px;}
.sans_rotation {cursor:pointer;}
.carte_selectionnee {box-shadow: 0px 0px 0px 3px red; -moz-box-shadow: 0px 0px 0px 3px red; -webkit-box-shadow: 0px 0px 0px 3px red;  border-radius:5px;}

.bt_montremoi {border:3px solid transparent; border-radius:6px;}
.bt_montremoi.on {border:3px solid red;}

#modale_info .modal-body h4 {color:blue; font-weight:bold;}
h2 {background:#3F9BE0; color:#FFF; font-size:20px; margin:0; padding:3px 10px; cursor:pointer;}
h2:hover {background:#1F7ABE;}
h2 span {font-size:14px;}
.zone_bilan_individuel h3, .zone_bilan_collectif h3 {color:#EF8300; font-weight:bold; font-size:30px;}
.pave_partage_qrcode, .pave_partage_qrcode_exp, .pave_partage_favoris {background:#BFDAFB; padding:10px; border-radius:10px; margin-top:15px;}
.aff_qrcode_jeu > div, .aff_qrcode_jeu_exp > div {width:128px; height:128px; padding:10px; background:#FFF;}
.zone_favoris h3 {color:#FFB153; font-weight:bold; font-size:24px; letter-spacing: 2px; padding:0; margin:0 0 10px 0;}
.zone_favoris_groupes {margin-bottom:5px; padding:0;}
.zone_favoris_groupes ul, .zone_favoris_favoris ul {padding:0; margin:0;}
.zone_favoris_groupes li {margin:5px; float:left;}
.zone_favoris_favoris {margin-bottom:10px; padding:5px; background:#B9FFBC; border:1px solid #DBDBDB;}
.zone_favoris_favoris li {width:150px; height:70px; float:left; list-style:none; display:flex; flex-direction:column; justify-content:center; padding:5px; margin:5px; cursor:pointer; font-weight:bold; border:1px solid grey; border-radius:5px; text-align:center; overflow:hidden;}
.zone_favoris_favoris li span {width:140px; line-height:1.2; display:inline-block;}
.couleur_favoris {height:30px;}
.couleur_favoris img {cursor:pointer; width:20px; height:20px; border:2px solid transparent; border-radius:10px; margin-right:3px;}
.couleur_favoris img:hover {border:2px solid red;}
.couleur_favoris img.active {border:2px solid red;}
.aff_bouton_fav_modale {width:150px; height:70px; display:flex; flex-direction:column; justify-content:center; padding:5px; font-weight:bold; border:1px solid grey; border-radius:5px; text-align:center; overflow:hidden; margin-bottom:15px;}
.aff_bouton_fav_modale span {width:140px; line-height:1.2; display:inline-block;}

.f_blanc {background-color:#FFF;}
.f_rouge {background-color:#FF0000; color:#FFF;}
.f_vert {background-color:#00FF00;}
.f_bleu {background-color:#0000FF; color:#FFF;}
.f_jaune {background-color:#FFFF00;}
.f_violet {background-color:#FF00FF;}
.f_turquoise {background-color:#00FFFF;}
.f_orange {background-color:#FFA700;}
.f_rose {background-color:#FF69B5;}
.f_noir {background-color:#000; color:#FFF;}
.f_transparent {background-color:transparent;}

#modale_reussite_totale .message_aff_code, #modale_reussite_totale .message_fin {font-size:16px; font-weight:bold; padding:5px;}
#modale_reussite_totale .message_aff_code img {float:right; margin:0 0 10px 10px;}
#modale_info_mdp_quiz .mes_mdp_quiz {margin-bottom:10px; padding:5px;}

.cadre_presentation {background:#FFF; border:5px solid #FF79B6; padding:10px;}
.cadre_bt_css_accueil > div {background:#60A3F5; width:100%; padding:5px 10px; margin-bottom:3px; font-size:16px; font-weight:bold; cursor:pointer;}
.cadre_bt_css_accueil > div.on {background: #EF006C; color: white; cursor:default;}
/* Sweep To Right */
.cadre_bt_css_accueil > div {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.cadre_bt_css_accueil > div:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #EF006C; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.cadre_bt_css_accueil > div:hover, .cadre_bt_css_accueil > div:focus, .cadre_bt_css_accueil > div:active {color: white;}
.cadre_bt_css_accueil > div:hover:before, .cadre_bt_css_accueil > div:focus:before, .cadre_bt_css_accueil > div:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.tache {background:#9FC8F9; padding:3px; margin-bottom:5px;}
.table_activites h5 {font-weight:bold; color:grey;}

.imp_niv {clear:both;}
.imp_niv > h5 {float:left; width:60px; cursor:pointer;}
.imp_niv > div {margin-left:70px;}
.imp_niv li {list-style:none; display:inline-block; border:1px solid black; border-radius:6px; margin:2px; padding:0 5px; background:grey; cursor:pointer; opacity:0.5;}
.imp_niv li.on {opacity:1; background:#FFF;}
.imp_sel_items {background:#B9FFBC; border:2px solid grey; border-radius:10px; padding:5px;}
.imp_exo {padding:10px; background:#FFF;}
.imp_consigne {border:1px solid blue; border-radius:6px; padding:5px;}
.imp_num_n_ie {border:1px solid blue; border-radius:6px; padding:5px;}
.imp_question {margin-bottom:10px;}
.imp_reponses li {list-style:none;}
.imp_item {clear:both;}
.imp_item > h5 {margin:15px 0 10px 0;}
.imp_img {width:128px; height:128px;}
.imp_reponses .imp_rep_img {display:inline-block;}

#titre_jeu_impr {margin:0 0 35px 0; padding:0; font-size: 36px; font-weight: 600; color:#EF8300;}
.impr_carte_intro {background-color: #DDFFDF; padding: 0.5em 1em; border-radius: 10px; margin-bottom:15px;}
.impr_carte_intro h2 {padding:0.5em 1em; margin-bottom:0.5em; cursor:default;}
.impr_carte_intro p {padding:0; margin:0 0 0.5em 0;}
.impr_carte_intro li {padding:0; margin:0.2em 0;}
.zone_cartes_petit, .zone_cartes_grand {width:708pt; background-color: #FFF; margin:auto;}
.zone_cartes_petit > div > div {width:177pt; height:177pt; float:left; text-align: center; page-break-inside:avoid; display: flex; align-items: center;}
.zone_cartes_petit > div > div img, .zone_cartes_grand > div > div img {width:100%; height:auto;}
.zone_cartes_petit > div > div > div {overflow: hidden; text-align: center; font-size:28px; padding:6pt; width:100%;}
.zone_cartes_grand > div > div {width:354pt; height:354pt; float:left; text-align: center; page-break-inside:avoid; display: flex; align-items: center;}
.zone_cartes_grand > div > div > div {overflow: hidden; text-align: center; font-size:56px; padding:12pt; width:100%;}
.carte-q {border:8pt solid blue;}
.carte-r {border:8pt solid red;}
.bt_imp_taille {opacity:0.4}
.bt_imp_taille.on {opacity:1; font-weight: bold;}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.quest_texte, .aff_media_r_texte, .clic_audio {font-size:12px;}
	.ecran_mjassociation .corps_quiz > div {padding:0 3px;}
	.carte {margin-bottom:3px;}
	.ecran_sauf_rapido .aff_media_r_son audio {width:100%; display:block; height:40px;}
	.ecran_sauf_rapido .aff_media_r_son .clic_audio {margin-left:0; margin-top:5px; height:40px; color:#7E7E7E; display: flex; flex-direction: column; justify-content: center; text-align:center;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.quest_texte, .aff_media_r_texte, .clic_audio {font-size:16px;}
	.ecran_mjassociation .corps_quiz > div {padding:0 6px;}
	.carte {margin-bottom:6px;}
	.ecran_sauf_rapido .aff_media_r_son audio {width:250px; float:left;}
	.ecran_sauf_rapido .aff_media_r_son .clic_audio {margin-left:270px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.quest_texte, .aff_media_r_texte, .clic_audio {font-size:20px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.quest_texte, .aff_media_r_texte, .clic_audio {font-size:24px;}
}



.ombre_autour {
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.ombre_autour_5 {
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ombre_autour_15 {
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.ombre_cote {
	-moz-box-shadow: 1px 1px 5px 0px #656565;
	-webkit-box-shadow: 1px 1px 5px 0px #656565;
	-o-box-shadow: 1px 1px 5px 0px #656565;
	box-shadow: 1px 1px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.ombre_cote:hover {
	-moz-box-shadow: -1px -1px 5px 0px #656565;
	-webkit-box-shadow: -1px -1px 5px 0px #656565;
	-o-box-shadow: -1px -1px 5px 0px #656565;
	box-shadow: -1px -1px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=5);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.ombre_cote_5 {
	-moz-box-shadow: 1px 1px 5px 0px #656565;
	-webkit-box-shadow: 1px 1px 5px 0px #656565;
	-o-box-shadow: 1px 1px 5px 0px #656565;
	box-shadow: 1px 1px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ombre_cote_5:hover {
	-moz-box-shadow: -1px -1px 5px 0px #656565;
	-webkit-box-shadow: -1px -1px 5px 0px #656565;
	-o-box-shadow: -1px -1px 5px 0px #656565;
	box-shadow: -1px -1px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ombre_cote_ss_hover {
	-moz-box-shadow: 1px 1px 5px 0px #656565;
	-webkit-box-shadow: 1px 1px 5px 0px #656565;
	-o-box-shadow: 1px 1px 5px 0px #656565;
	box-shadow: 1px 1px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.bt_scale_05 {cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.bt_scale_05:hover {transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);}
.bt_scale_1 {cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.bt_scale_1:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.bt_scale_2 {cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.bt_scale_2:hover {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);}
.bt_scale_3 {cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.bt_scale_3:hover {transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}

/* Pr�sentation des onglets */

.onglet_choix > li .nav-link {background:#B69BE1; color:#FFF; border:none; margin-right:5px;}
.onglet_choix > li .nav-link.active {background:#BFDAFB; font-weight:bold;}
.onglet_contenu {background:#BFDAFB; padding:1em 0;}

/* Pr�sentation des faux boutons */
.faux_bouton {
	list-style:none;  display: inline-block; cursor:pointer; margin:0 8px 8px 0; padding:6px 10px; background:#B7D9E3; text-align:center;
	-moz-box-shadow: 4px 4px 4px 0px #656565;
	-webkit-box-shadow: 4px 4px 4px 0px #656565;
	-o-box-shadow: 4px 4px 4px 0px #656565;
	box-shadow: 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.faux_bouton.on {
	-moz-box-shadow: inset 4px 4px 4px 0px #656565;
	-webkit-box-shadow: inset 4px 4px 4px 0px #656565;
	-o-box-shadow: inset 4px 4px 4px 0px #656565;
	box-shadow: inset 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#CCE4EC; color:#000; font-weight:bold;
}
.faux_bouton:hover {background:#CCE4EC; color:#000;}


/* -------------------------------------------------------- */
/* Gestion du bouton de retour en haut de page              */
/* -------------------------------------------------------- */

/* Return on top */
#returnOnTop {
    background: url('img/return_on_top.png') no-repeat;
    bottom: 1%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    height: 48px;
    opacity: 0.5;
    position: fixed;
    right: 1%;
    width: 48px;
}

#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}


.impression_slt {display:none;} 
@media print {
.no_imprim {display:none;}
.impression_slt {display:block; color:blue; border-bottom: thick solid blue;}
/* body {font-size:20px;} */
}