body {margin-top:10px; background-color:#F6FFD5;}
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-bottom:15px; position:relative;}
.ecran_accueil .bandeau_haut h3 {color:#F25252; font-style:bold; font-size:46px; margin:0 0 20px 0; padding:0;}
.bandeau_haut h3 {color:#F25252; font-style:bold; font-size:36px; margin:0 0 20px 0; padding:0;}
.bandeau_haut h4 {color:#F25252; font-style:italic; font-size:20px; margin:0; padding:0;}
.ecran_accueil .centre_bandeau, .ecran_doc .centre_bandeau {margin:0 80px 0 140px;}
.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_suite .centre_bandeau {margin:0 80px 0 80px;}
.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;}
.petit {font-size:12px;}
.bt_image_modale, .bt_vignette_modale, .bt_logo_modale {cursor:pointer;}
.ecran_menu_activites h2 {background:#E88564; color:#FFF; padding:3px 10px; font-size:22px; font-weight:bold; cursor:pointer; margin:10px 0 10px 0;}
.ecran_menu_activites h2:hover {background:#C2461D;}
.ecran_menu_activites h2 img {margin-right:15px;}
.ecran_menu_activites h2 img.chevron {float:right;}
.ecran_menu_activites .ouvrir_act {cursor:pointer;}
.ecran_menu_activites .parent_bouton li {width:120px; height:120px; text-align:center; background:#F8EC7D; margin:5px; padding:2px; list-style:none; float:left;}
.ecran_menu_activites .parent_bouton li img {width:80px; height:80px;}
.ecran_menu_activites .parent_bouton {margin:0; padding:0;}
.ecran_menu_activites .parent_bouton li div {font-size:12px; font-weight:bold; height:34px; overflow:hidden;}
.mce {cursor:pointer;}/* montrer cacher enfant, à utiliser avec fonction JS */
.arrondi_5 {border-radius:5px;}
.plier_deplier_suivant {cursor:pointer; background:#F89A9A; padding:5px; border-radius:5px;}
.plier_deplier_suivant:hover {background:#F25252; color:#FFF;}
.couleur_modale {background:#F1F3F8;}
.enr_reussi {position: absolute; left: 50%; z-index:10;}
.enr_reussi > div {position: relative; left: -50%; border-radius:5px; padding:10px; font-weight:bold;}

#modale_acces_admin .modal-body ul {font-size:12px;}
.param_bruitage {cursor:pointer; margin-top:10px;}
.zone_admin > div {background:#FFF; padding:5px; margin-top:10px; border:1px solid #A7B3CF; border-radius:5px;}
.tablo_bilans {margin-top:20px;}
.tablo_bilans td:last-child {width:120px; text-align:right;}

/* Police Cursif Beaumal */
@font-face {
    font-family: 'cursifregular';
    src: url('font-cursif/cursif-webfont.eot');
    src: url('font-cursif/cursif-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-cursif/cursif-webfont.woff2') format('woff2'),
		url('font-cursif/cursif-webfont.woff') format('woff'),
		url('font-cursif/cursif-webfont.ttf') format('truetype'),
		url('font-cursif/cursif-webfont.svg#cursifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Police opendyslexic générée pour le Web avec https://www.fontsquirrel.com */
@font-face {
    font-family: 'opendyslexic';
    src: url('font-opendyslexic/opendyslexic-regular-webfont.woff2') format('woff2'),
         url('font-opendyslexic/opendyslexic-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Affichage des polices */
.monaco {font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;}
.monospace {font-family: monospace;}
.arial {font-family: Arial,sans-serif;}
.cursif {font-family: 'cursifregular'; padding:0.6em 0; line-height:240%;}
.times {font-family: Times,"Times New Roman", serif;}
.comic {font-family: Comic Sans MS, Comic Sans;}
.opendyslexic {font-family: opendyslexic;}
.helvetica {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
/* Par défaut : font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; */

.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_marron {background-color:#582900; color:#FFF;}
.f_gris {background-color:#7F7F7F; color:#FFF;}
.f_transparent {background-color:transparent;}

.pave_j {background:#FFF; padding:5px; border:5px solid grey; border-radius:5px; margin-top:10px; opacity:0.5;}
.pave_j.actif {background:yellow; opacity:1; border:5px solid red;}
.pave_joueurs .score_joueur, .fin_items_eli .score_joueur {float:right; width:30px; font-weight:bold;}
.pave_joueurs .nom_joueur, .fin_items_eli .nom_joueur {margin-right:10px;}
.pave_j.actif .nom_joueur {font-weight:bold;}
.car_a_ajouter {margin:3px; width:36px; padding:2px 5px;}

.bt_multijoueur {text-align:right; cursor:pointer;}
.bt_admin, .bt_info {float:right; margin-right:10px;}
.zone_connexion {float:right; position:relative;}
.login_connexion {background:#F25252; color:#FFF; min-width:50px; padding:2px 5px; border-radius:5px; text-align:center;}
.ecran_accueil .login_connexion {cursor:pointer;}
.ecran_accueil .login_connexion:hover {background:#FF9595;}
ul.menu_connexion {position:absolute; z-index:1; background:#D4F2A7; width:200px; right:0; top:30px; margin:0; padding:0; padding:5px; overflow-anchor: none;}
ul.menu_connexion > label {text-align:left; color:#EE2222; margin-bottom:0;}
ul.menu_connexion > li {list-style:none; cursor:pointer; padding:2px 5px; text-align:center; background:#F2A97E; border-radius:5px; color:#FFF; margin:5px 0;}
ul.menu_connexion > li:hover {background:#F25252;}

.acces_module > div {cursor:pointer; padding:10px;}
.acces_module > div > img {opacity:0.8; border-radius:5px; 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;}
.acces_module > div > img:hover, .acces_module > div > img:focus, .acces_module > div > img:active {opacity:1; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1);}
.info_module {position:absolute; bottom:10px; left:10px; right:10px; background:#C8F288; padding:5px 10px; border-radius:5px;}

.onglet_menu > li .nav-link {background:#F2A97E; color:#FFF; border:none; margin-right:5px;}
.onglet_menu > li .nav-link.active {background:#D4F2A7; font-weight:bold;}
.onglet_contenu {background:#D4F2A7; padding:5px;}

.liste_exo tr > th {cursor:help;}
.liste_exo tr > td:nth-child(1) {color:blue; font-weight:bold; cursor:pointer;}
.liste_exo tr > td:nth-child(1):hover {color:red; text-decoration:underline;}
.liste_exo tr > td:nth-child(2), .liste_exo tr > td:nth-child(4), .liste_exo tr > td:nth-child(5), .liste_exo tr > td:nth-child(6), .liste_exo tr > td:nth-child(7) {width:50px;}

.filtre_niv > li {display:inline-block; list-style:none; background:#F2A97E; cursor:pointer; border-radius:5px; margin-right:5px; padding:0 5px;}
.filtre_cat > li, .filtre_aut > li, .bilan_menu > li {list-style:none; background:#F2A97E; cursor:pointer; border-radius:5px; margin-bottom:5px; padding:0 5px;}
.filtre_exos, .bilan_menu {padding:0; margin:0;}
.filtre_exos > li.on, .bilan_menu > li.on {background:#F25252; color:#FFF; cursor:default;}
.filtre_exos > li:hover, .bilan_menu > li:hover {background:#ED8647;}

.bt_aide_exo {float:right; margin-right:10px; width:48px; height:48px;}
.image_accomp {float:right; width:130px; height:130px; border:1px solid #F25252; border-radius:5px; background:#FFF;}
.image_accomp img {width:128px; height:128px; border-radius:5px;}
.texte_accomp {border:1px solid #F25252; border-radius:5px; padding:5px; margin-top:10px; background:#FFF;}
.texte_consigne {border:1px solid #F25252; border-radius:5px; padding:5px; margin-bottom:10px; background:#FCE8DC;}
.texte_exo {border:1px solid #F25252; border-radius:5px; padding:5px; margin-top:10px; background:#F8F8F8;}
.texte_aide, .texte_question {border:1px solid #F25252; border-radius:5px; padding:5px; margin-bottom:10px; background:#FFF; min-height:40px;}
.bts_validation {margin-right:140px;}
.bts_validation > button {margin:10px;}
#epe_saisie, #lpe_saisie, #rpe_saisie {margin-bottom:10px;}
.ecran_exo_epe .choix_police_exo {position:absolute; top:100px; right:134px; width:130px; text-align:right;}
.ecran_exo_lpe .choix_police_exo, .ecran_exo_rpe .choix_police_exo {position:absolute; top:100px; right:10px; width:130px; text-align:right;}
.choix_police_exo img {border:2px solid #CFCFCF; margin:0 1px; border-radius:5px;}
.choix_police_exo img.on {border:2px solid red;}

.contenu_edition {margin-bottom: 10px;}
.ecran_exo_epe .bt_aide_clavier {position:absolute; top:60px; right:139px;}
.ecran_exo_lpe .bt_aide_clavier, .ecran_exo_rpe .bt_aide_clavier {position:absolute; top:60px; right:15px;}
.ecran_exo_epe .bt_majuscules_accent {position:absolute; top:60px; right:176px;}
.ecran_exo_lpe .bt_majuscules_accent, .ecran_exo_rpe .bt_majuscules_accent {position:absolute; top:60px; right:52px;}
.ecran_exo_lpe .texte_aide span.on {color:blue;font-weight:bold;}

.info_reponses {font-size:12px; font-style:italic;}
.ecran_exo_lpc .texte_exo p img, .ecran_exo_apc .texte_exo p img {margin-right:10px;}
.ecran_exo_lpc .texte_exo span.erreur_non, .ecran_exo_apc .texte_exo span.erreur_non, .ecran_exo_epc .texte_exo span.erreur_non, .info_reponses span.erreur_non {color:#008C00; font-weight:bold;}
.ecran_exo_lpc .texte_exo span.erreur_oui, .ecran_exo_apc .texte_exo span.erreur_oui, .ecran_exo_epc .texte_exo span.erreur_oui, .info_reponses span.erreur_oui {color:blue; font-weight:bold;}
.ecran_exo_lpc .texte_exo span sup, .ecran_exo_apc .texte_exo span sup {font-weight:normal; color:grey;}
.edi_info_liste_auto, .edi_info_liste_spec {font-size:12px;}
.edi_liste {cursor:pointer;}
.ecran_exo_apc .texte_exo span sup span.c {color:black;}
.ecran_exo_apc .texte_exo span sup span.m {color:blue;}
.lpc_voir_nb_erreurs, .apc_voir_nb_erreurs, .epc_voir_nb_erreurs, .rpc_voir_nb_erreurs {cursor:pointer; margin-bottom:10px;}
.ecran_exo_lpc .monojoueur, .ecran_exo_apc .monojoueur, .ecran_exo_epc .monojoueur, .ecran_exo_rpc .monojoueur {background:#FFF; border:3px solid #F2A97E; border-radius:5px; text-align:center; margin-bottom:10px; font-size:24px;}
.ecran_exo_lpc .monojoueur .score_joueur, .ecran_exo_apc .monojoueur .score_joueur, .ecran_exo_epc .monojoueur .score_joueur, .ecran_exo_rpc .monojoueur .score_joueur {font-weight:bold;}
.ecran_exo_lpc .multijoueur, .ecran_exo_apc .multijoueur, .ecran_exo_epc .multijoueur, .ecran_exo_rpc .multijoueur {margin-bottom:10px;}
#bt_souligner.btn-success {text-decoration:underline;}
#bt_souligner.btn-primary {text-decoration:none;}
.ecran_exo_lpc .texte_exo > div > img, .ecran_exo_apc .texte_exo > div > img, .ecran_exo_epc .texte_exo > div > img, .ecran_exo_rpc .texte_exo > div > img {margin-right:10px;}
.ecran_exo_epc .texte_exo > div, .ecran_exo_rpc .texte_exo > div {margin-bottom:15px;}
.ecran_exo_lpc .texte_exo select {border:1px solid black; border-radius:5px;}
.ecran_exo_apc .apc_cat, .pave_aide_creer_exo .apc_cat {border:1px solid black; border-radius:5px; width:50px}
.ecran_exo_apc .apc_mot, .pave_aide_creer_exo .apc_mot {border:1px solid blue; border-radius:5px;}
.ecran_exo_apc .apc_cat.f_rouge {background-color:#FF0000; color:#FFF;}

.ecran_exo_epc .texte_exo li {position:relative; display: inline-block; list-style:none; background:#FFF; border:1px solid blue; border-radius:5px; padding:0 3px; min-width:60px;}
.ecran_exo_epc .texte_exo li .epc_saisie {display: inline-block; width:100%; vertical-align: top;}
.ecran_exo_epc .texte_exo li .bt_ecouter_mot {display:none; position:absolute; top:-26px; left:0;}
.ecran_exo_epc .texte_exo li .bt_valider_mot {display:none; position:absolute; top:-26px; left:30px;}
.ecran_exo_epc .texte_exo li .epc_reponse {display:none; position:absolute; top:-52px; left:0; background:green; color:#FFF; border-radius:5px; padding:0 3px;}
.ecran_exo_epc .texte_exo li.f_erreur {background:red; color:#FFF;}

.test_epc li {position:relative; display: inline-block; list-style:none; background:#FFF; border:1px solid blue; border-radius:5px; padding:0 3px; min-width:60px;}
.test_epc li img {position:absolute; top:-40px; left:0;}
.test_epc li div {display: inline-block; width:100%; min-height:18px;}
.test_epc li .bt_ecouter_mot {display:none; position:absolute; top:-30px; left:0;}
.test_epc li .bt_valider_mot {display:none; position:absolute; top:-30px; left:30px;}

.options_exo {background:#D4F2A7; border:1px solid #F25252; border-radius:5px; padding:5px; font-size:12px; margin-top:20px;}
.options_exo > ul {padding-left:15px; margin-bottom:0;}
.options_exo .seuil {font-weight:bold;}
.pave_scores {background:#D4F2A7; border:1px solid #F25252; border-radius:5px; padding:5px;}
.pave_scores > table {background:#FFF;}
.pave_scores > table th {text-align:center; padding:0; font-size:12px; vertical-align:middle;}
.pave_scores > table td {text-align:center; padding:0;}
.pave_scores > table .score_joueur {font-weight:bold; font-size:120%;}
.pave_scores > table .points {font-weight:bold; font-size:120%;}
.pave_scores > table .nb_items_reussis {font-weight:bold; font-size:120%;}
.pave_scores > table .seuil {font-weight:bold; font-size:120%;}
.pave_scores > ul {padding-left:30px;}
.pave_scores > ul > li {list-style-image : url(img/icone_doigt_court_16.png);}
.choix_nb_items > button, .choix_nb_paragraphes > button {margin:5px;}

.juste {background:#00FF00;}
.faux {background: red; color:#FFF;}

#bilan_historique table, #bilan_jpj_reussi table {font-size:13px;}
#modale_stop_exo .bts_action {margin-top:10px;}
#modale_stop_exo .p_droite {float:right; width:200px;}
#modale_stop_exo .p_droite .fin_score {font-weight:bold; text-align:center; color:red;}
#modale_stop_exo .p_gauche {margin-right:220px;}
#modale_stop_exo .p_gauche img {width:200px; height:200px;}

.ecran_edition label.modif {margin:5px 0 0 0; padding:0;}
#edi_items, #edi_paragraphes {min-height:250px;}
#edi_consigne {min-height:100px;}
.edi_param {margin-bottom:10px;}
.edi_param > div {margin-top:5px;}
.edi_type_son, .edi_image_acc, .edi_casse, .edi_typo, .edi_ordre, .edi_siunterme, .edi_ordremots {cursor:pointer;}
.debit_val, .prosodie_val, .nb_mots_val, .temps_aff_val, .fdd_debit_val, .fdd_prosodie_val {background:#007BFF; color:#FFF; border-radius:5px; padding:0 5px}

#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;}

.bt_ouvrir_aide {font-weight:bold; font-size:12px; color:blue; cursor:pointer;}
.bt_ouvrir_aide:hover {text-decoration:underline;}
.pave_aide_creer_exo {display:none; background:#D4F2A7; padding:10px; border-radius:5px; margin-bottom:10px;}
.pave_aide_creer_exo h6 {font-weight:bold; color:#EB1212;}
.pave_aide_creer_exo h6:before, #modale_info_tni h6:before {content:url(img/icone_doigt_16.png)}
#modale_info_tni .modal-content {background:#EBFAD3;}
#modale_info_tni h6 {font-weight:bold; color:#EB1212; padding:0; margin:20px 0 10px 0;}
#modale_info_tni p {margin-bottom:5px;}

.code_a_copier {background:#FFF; border:1px solid grey; padding:5px; color:#6F6F6F; font-size:12px; height:70px; overflow:auto;}
.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:15px 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;}
.info_modules td:nth-child(2) {font-weight:bold; color:#FF7575;}
.info_modules td:last-child {font-size:12px;}

.pave_fdd {background:#D4F2A7; border-radius:5px; padding:10px; border:1px solid #C0EC80;}
#fdd_saisie {min-height:228px;}
.texte_fdd {border:1px solid #F25252; border-radius:5px; padding:5px; background:#F8F8F8;}
.texte_fdd > div {border:1px solid blue; border-radius:5px; margin:10px 0; padding:5px; background:#FFF;}
.texte_fdd > div:first-child {margin-top:0;}
.texte_fdd > div:last-child {margin-bottom:0;}
.texte_fdd > div li {list-style:none; display:inline-block; margin:3px; border:1px solid grey; border-radius:5px; padding:0 3px; background:#FFFFBB;}
.ecran_exo_fdd .choix_police_exo {}
.saisies_fdd h5 {background:#F2A97E; color:#FFF; cursor:pointer; font-size:16px; font-weight:bold; padding:5px; margin:15px 0 5px 0; border-radius:3px;}
.saisies_fdd h5:hover, .saisies_fdd h5.on {background:#EA742D;}
.saisies_fdd > div {border:1px solid #F25252; border-radius:5px; padding:5px; margin-top:10px; background:#F8F8F8;}
.fdd_eclair_saisie_mots_mots li, .fdd_cambridge_saisie_mots_mots li, .fdd_audio_saisie_mots_mots li {list-style:none; display:inline-block; margin:3px; border:1px solid blue; border-radius:5px; padding:0 3px; background:#FFF; min-width:30px;}
.fdd_eclair_saisie_mots_mots .fdd_saisie, .fdd_cambridge_saisie_mots_mots .fdd_saisie, .fdd_audio_saisie_mots_mots .fdd_saisie {display: inline-block; width:100%; vertical-align: top;}
.fdd_eclair_saisie_par_par > div, .fdd_cambridge_saisie_par_par > div, .fdd_audio_saisie_par_par > div {margin:10px 0; border:1px solid blue; border-radius:5px; padding:0 3px; background:#FFF; min-height:28px;}
.fdd_eclair_saisie_par_par > div:first-child, .fdd_cambridge_saisie_par_par > div:first-child, .fdd_audio_saisie_par_par > div:first-child {margin-top:0;}
.fdd_eclair_saisie_par_par > div:last-child, .fdd_cambridge_saisie_par_par > div:last-child, .fdd_audio_saisie_par_par > div:last-child {margin-bottom:0;}
.texte_fdd > div > .fddeclairmotssaisis > li.faux, .texte_fdd > div > .fddcambridgemotssaisis > li.faux, .texte_fdd > div > .fddaudiomotssaisis > li.faux {background-color:#FF0000; color:#FFF;}
.texte_fdd > div > .fddeclairmotssaisis > li.juste, .texte_fdd > div > .fddcambridgemotssaisis > li.juste, .texte_fdd > div > .fddaudiomotssaisis > li.juste {background-color:#00FF00;}
.fdd_curseurs {background:#DEF9B7; padding:5px; border-radius:5px;}
.choix_texte_fdd button {padding:3px;}

.texte_fdd > div li.mot {background:#05CDAA; border-radius:5px; display:inline-block; margin:2px; list-style:none; cursor:pointer;}
.texte_fdd > div li.ponct {background:transparent; cursor:default; border:none;}
.texte_fdd > div li.mot > span {visibility:hidden;}
.texte_fdd > div li.ponct > span {visibility:visible;}

.bts_impression > div {display:inline-block; border:1px solid #F25252; background:#D4F2A7; padding:2px 5px; border-radius:3px; margin-right:10px;}
.bts_impression > div > button {padding:2px 5px;}
.contenu_impression {margin-bottom:15px;}
.contenu_impression > div {border-bottom:1px dashed blue; padding:15px 0;}

.contenu_doc {padding:10px; background:#FFF; margin-bottom:20px;}
.doc_tablo_bao {background:#F8F8F8;}
.doc_tablo_bao td:first-child {width:180px}

.tni_bloc_base {border:1px solid blue; border-radius:5px; padding:5px; background:#F8F8F8; margin-bottom:10px;}
.tni_bloc_secondaire {border:1px solid red; border-radius:5px; padding:5px; background:#F8F8F8; margin-bottom:10px;}
.tni_bloc_marquage {border:1px solid #00C600; border-radius:5px; padding:5px; background:#F8F8F8; margin-bottom:10px;}
.tni_bloc_masquage {border:1px solid #000; border-radius:5px; padding:5px; background:#F8F8F8; margin-bottom:10px;}
.tni_phrase > div, .tni_marquage > div, .tni_masquage > div {display:inline-block; border:5px solid #E6E6E6; margin:5px; background:#FFF; vertical-align: top;}
.tni_phrase > div > li, .tni_marquage > div > li, .tni_masquage > div > li {list-style:none; display:inline-block; border-bottom:5px solid #E6E6E6; margin:5px; min-width:20px; text-align:center; vertical-align: top;}
.tni_masquage > div > li {cursor:pointer;}
.tni_masquage > div > li.blanc {color:#FFF;}
.tni_outils {background:#D4F2A7; border:1px solid #F25252; border-radius:5px; padding:5px 5px 0 5px; font-size:12px;}
.tni_outils > div {background:#F2A97E; padding:5px; border-radius:5px; margin-bottom:5px;}
.tni_outils > div > h5 {padding:0; margin:0; font-size:18px; cursor:pointer;}
.tni_outils > div.actif > h5 {cursor:default; font-weight:bold;}
.tni_outils > div > div {padding:0; margin-top:5px;}
.tni_outils button {padding:0;}
.tni_outils > div.actif {background:#F25252; color:#FFF; font-weight:bold;}
.tni_aide {padding:0 1.5em 5px 1.5em;}

.onglet_tni_menu > li .nav-link {background:#F2A97E; color:#FFF; border:none; margin-right:5px; margin-bottom:1px;}
.onglet_tni_menu > li .nav-link.active {background:#D4F2A7; font-weight:bold;}
.onglet_tni_contenu {background:#D4F2A7; padding:5px 0;}
.tni_couleurs > div, .marquage_couleur > div {display:inline-block; width:24px; height:24px; border:3px solid transparent; font-size:0px;}
.tni_couleurs > div.on, .marquage_couleur > div.on {border:3px solid red;}
.tni_couleurs > div > img, .marquage_couleur > div > img {width:18px; height:18px; border:1px solid grey;}
.onglet_tni_contenu > div > div > img.f_gris {background-color:#E6E6E6;}
.tni_manip button {float:right; padding:0 2px; margin-left:5px;}
.tni_bt_b_base {background:blue; border-radius:5px; padding:3px; margin-right:5px;}
.tni_bt_b_secondaire {background:red; border-radius:5px; padding:3px; margin-right:5px;}
.tni_bt_b_marquage {background:#00C600; border-radius:5px; padding:3px;}
.tni_marquage span {cursor:pointer;}
.tni_marquage span:hover {background:yellow;}
.tni_legende {background:#E4F7CA; border:1px solid grey ; border-radius:5px; padding:5px;}
.tni_legende table {margin-bottom:0;}
.tni_legende td {padding:0 5px; border-bottom:2px solid #E4F7CA; border-top:2px solid #E4F7CA; width:100%;}
.tni_legende td:first-child {width:24px;}
#modale_choix_act_tni .onglet_contenu > div img {float:right; margin:0 0 10px 10px; cursor:pointer;}
#modale_choix_act_tni .container li {cursor:pointer; padding:0 10px; list-style:none;}
#modale_choix_act_tni .container li:hover {background:#ED894E; color:#FFF;}
#modale_choix_act_tni th:last-child, #modale_choix_act_tni th:nth-child(2) {width:50px;}
#modale_choix_act_tni td:last-child img, #modale_choix_act_tni td:nth-child(2) img {width:32px; height:32px; margin:0;}
#modale_choix_act_tni td:first-child {color:blue; font-weight:bold; cursor:pointer;}
#modale_choix_act_tni td:first-child:hover {color:red; text-decoration:underline;}

.tni_phrase > div.c_gris, .tni_marquage > div.c_gris {border:5px solid #E6E6E6;}
.tni_phrase > div.c_blanc, .tni_marquage > div.c_blanc {border:5px solid #FFF;}
.tni_phrase > div.c_rouge, .tni_marquage > div.c_rouge {border:5px solid #FF0000;}
.tni_phrase > div.c_vert, .tni_marquage > div.c_vert {border:5px solid #00FF00;}
.tni_phrase > div.c_bleu, .tni_marquage > div.c_bleu {border:5px solid #0000FF;}
.tni_phrase > div.c_jaune, .tni_marquage > div.c_jaune {border:5px solid #FFFF00;}
.tni_phrase > div.c_violet, .tni_marquage > div.c_violet {border:5px solid #FF00FF;}
.tni_phrase > div.c_turquoise, .tni_marquage > div.c_turquoise {border:5px solid #00FFFF;}
.tni_phrase > div.c_orange, .tni_marquage > div.c_orange {border:5px solid #FFA700;}
.tni_phrase > div.c_rose, .tni_marquage > div.c_rose {border:5px solid #FF69B5;}
.tni_phrase > div.c_noir, .tni_marquage > div.c_noir {border:5px solid #000;}
.tni_phrase > div.c_marron, .tni_marquage > div.c_marron {border:5px solid #582900;}

.tni_phrase li.s_gris, .tni_marquage li.s_gris {border-bottom:5px solid #E6E6E6;}
.tni_phrase li.s_blanc, .tni_marquage li.s_blanc {border-bottom:5px solid #FFF;}
.tni_phrase li.s_rouge, .tni_marquage li.s_rouge {border-bottom:5px solid #FF0000;}
.tni_phrase li.s_vert, .tni_marquage li.s_vert {border-bottom:5px solid #00FF00;}
.tni_phrase li.s_bleu, .tni_marquage li.s_bleu {border-bottom:5px solid #0000FF;}
.tni_phrase li.s_jaune, .tni_marquage li.s_jaune {border-bottom:5px solid #FFFF00;}
.tni_phrase li.s_violet, .tni_marquage li.s_violet {border-bottom:5px solid #FF00FF;}
.tni_phrase li.s_turquoise, .tni_marquage li.s_turquoise {border-bottom:5px solid #00FFFF;}
.tni_phrase li.s_orange, .tni_marquage li.s_orange {border-bottom:5px solid #FFA700;}
.tni_phrase li.s_rose, .tni_marquage li.s_rose {border-bottom:5px solid #FF69B5;}
.tni_phrase li.s_noir, .tni_marquage li.s_noir  {border-bottom:5px solid #000;}
.tni_phrase li.s_marron, .tni_marquage li.s_marron {border-bottom:5px solid #582900;}

.tni_marquage span.f_gris {background-color:#E6E6E6; color:#FFF; font-weight:bold;}
.tni_marquage span.f_blanc {background-color:#FFF;}
.tni_marquage span.f_rouge {background-color:#FF0000; color:#FFF; font-weight:bold;}
.tni_marquage span.f_vert {background-color:#00FF00; font-weight:bold;}
.tni_marquage span.f_bleu {background-color:#0000FF; color:#FFF; font-weight:bold;}
.tni_marquage span.f_jaune {background-color:#FFFF00; font-weight:bold;}
.tni_marquage span.f_violet {background-color:#FF00FF; font-weight:bold;}
.tni_marquage span.f_turquoise {background-color:#00FFFF; font-weight:bold;}
.tni_marquage span.f_orange {background-color:#FFA700; font-weight:bold;}
.tni_marquage span.f_rose {background-color:#FF69B5; font-weight:bold;}
.tni_marquage span.f_noir {background-color:#000; color:#FFF; font-weight:bold;}
.tni_marquage span.f_marron {background-color:#582900; color:#FFF; font-weight:bold;}
.tni_marquage span.f_transparent {background-color:transparent; font-weight:bold;}


.rpc_cats {border-radius:5px; padding:5px;}
.dcb_de .rpc_cats > div > div {border:1px solid grey; border-radius:5px; padding:2px; margin:2px 0; background:#FFF;}
.rpc_cats h4 {padding:2px; margin:0; font-size:16px; font-weight:bold; color:#FFF;}
.rpc_cats h5 {padding:2px; margin:0; font-size:14px; cursor:pointer; font-weight:bold;}
.rpc_cats p {padding:0; margin:0;}
.rpc_cats h6 {padding:0 2px 2px 2px; margin:2px; background:#75FF75; font-style:italic;}
.rpc_leg {border-radius:5px; padding:10px;}
.rpc_leg h6 {color:#FFF; font-weight:bold; font-size:14px;}
.rpc_leg ul {margin:0; padding:5px; border-radius:5px; background:#FFF;}
.rpc_leg ul li {list-style:none; font-size:13px;}
.rpc_og, .rpc_legende_og {background:#D4EFC0;}
.rpc_ol, .rpc_legende_ol {background:#E3A198;}
.rpc_lg, .rpc_legende_lg {background:#A0C3ED;}
.ecran_exo_rpc .texte_exo span {cursor:pointer; padding:0 2px;}
.ecran_exo_rpc .texte_exo span:hover {background:blue; color:#FFF; border-radius:5px;}
.rpc_nb_err {display:inline-block; color:#787878; font-size:12px; font-style:italic;}
.rpc_aff_phrase_modale {background:#F8F8F8; padding:5px; margin-bottom:10px; border:1px solid grey; border-radius:5px;}
.rpc_aff_phrase_modale .bt_ecouter_paragraphe {margin-right:10px;}
.moterrone {text-decoration:line-through;}
.ecran_exo_rpc .texte_exo span.motcorrige {background:green; color:#FFF; border-radius:5px; cursor:default;}
.rpc_liste_catego > div {margin-bottom:5px;}
.rpc_aide_saisie {position:absolute; bottom:-25px; left:0; z-index:1000; border:1px solid green; border-radius:5px; background:#66FF66; padding:2px 5px;}
.acces_module .bt_acc_tni {background:#B4D3F2; color:#F8766E; font-weight:bold; font-size:20px; text-align:center; border-radius:5px; padding:2px;}
.qrcodes > li {float:left; width:120px; height:140px; margin:5px; list-style:none; text-align:center; background:blue; cursor:help;}
.qrcodes > li > div {background:#C8FF82; color:#7D7D7D; font-weight:bold;}
.qrcodes img {width:120px; height:120px;}
.rpc_im_cp {margin:0 5px;}
/* .rpc_im_cp > div {margin:20px;} */
.dcb_cp .rpc_cats > div > div {padding:2px;}
.dcb_cp .rpc_cats > div > div > div {border:1px solid grey; border-radius:5px; padding:2px; background:#FFF;}
#modale_rpc_oui .dcb_de .cat_active {background:#FFFFCA;}

.rotation_360 {-ms-transition: 2s; -webkit-transition: 2s; transition: 2s;}
.rotation_360:hover {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}

.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 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; */
	list-style:none;  display: inline-block; cursor:pointer; margin:0 8px 8px 0; padding:6px 10px; background:#D7A6FF; 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; */
	background:#E8CAFF; color:#000; font-weight:bold;
}
/* .faux_bouton:hover {background:#CCE4EC; color:#000;} */
.faux_bouton:hover {background:#E8CAFF; 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;}
	.container {margin:0; padding:0;}
	.ecran_impressions .album_mots_cadre {border:none; padding:0px; background:none; margin-bottom:0;}
	.doc_act_droit {margin:0; padding:0;}
}