.hidden {display:none!important;}
.btn:disabled, .btn.disabled {pointer-events: auto; cursor: not-allowed !important;}
.clavier {font-family: "Courier New", Courier, monospace; text-align: left;}
.clavier .btn {padding:0 5px; font-size:1.5em; margin:2px; font-weight:bold;}

.bordure_juste {outline: 4px solid #00FF00!important;}
.fond_juste {background-color: #00FF00!important;}
.bordure_faux {outline: 4px solid red!important;}
.fond_faux {background-color: red; color:#FFF!important;}
.consigne {background-color: #FFF; font-style: italic; border:1px solid grey; border-radius:0.5em; padding:0.5em;}
.bt_ecouter_consigne {width: 24px; height: 24px;}

.haut_jeu {background-color: #1C2F48; margin:0; padding:5px 1em; color: #FFF;}
.ecran_jeu {background-color: #FDE8D9; min-height: 100vh;}
.zone_doc_jeu {background-color: #FFF; padding:0.5em 1em; margin-bottom:0.5em;}
.zone_doc_jeu h4 {margin:0 0 15px 0; padding:0; color:#E13988; font-weight:bold; font-size:26px;}
.zone_doc_jeu h5 {margin:15px 0 10px 0; padding:0; color:#C7775C; font-weight:bold; font-size:16px;}
.zone_doc_jeu .carac_act {padding:5px 5px 5px 20px; background:#FCF7C5; border:1px solid grey;}
.affichage_jeu {margin-left:140px;}
.affichage_activite .compteur {width:130px; text-align: left; background-color: #E394BC; color: #FFF; font-size: 24px; text-align: center; border-radius: 5px; float:left;}
.affichage_activite .compteur span {font-weight: bold;}
.ecran_jeu button.bt_items, .ecran_impressions button.bt_items, .ecran_activites button.bt_items {float:left; margin-right:5px; font-weight: bold;}

.ctn_pres_activites h4 {color: blue;}
.tablo_pres_activites {background-color: #FFF;}
.tablo_pres_activites th {width: 200px;}

.rotation_360 {-ms-transition: 2s; -webkit-transition: 2s; transition: 2s;}
.rotation_360:hover {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.effet_bouton {cursor:pointer; -webkit-transition: all 0.5s; transition: all 0.5s;}
.effet_bouton:hover {filter: brightness(0.8); transform: scale(0.9);}
.effet_bt_zoom {-webkit-transition: all 0.5s; transition: all 0.5s; opacity:0.9; cursor: pointer;}
.effet_bt_zoom:hover {opacity:1; transform: scale(1.1);}

.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);}
.ombre_portee {box-shadow: 3px 5px 6px 1px rgba(76, 76, 76, 0.75); -moz-box-shadow: 3px 5px 6px 1px rgba(76, 76, 76, 0.75); -webkit-box-shadow: 3px 5px 6px 1px rgba(76, 76, 76, 0.75);}
.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;}

/* déplacement sortable dans .zone_drag */
.zone_drag {display: flex; flex-wrap: wrap; gap: 10px;}
.movable {cursor: grab;}
.ghost {opacity: 0.4;}
.zone_drag_exemple {min-height: 100px; border: 2px dashed grey; margin:0.5em 0;}

/* jeu consulter */
.zone_consulter_action {position:relative; text-align: center; margin:10px auto;}
.zone_consulter_action .cadre_image {width:210px; height:210px; margin:auto; padding:5px; box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75); -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);}
.zone_consulter_action .limage {width:100%; height:100%;}
.zone_consulter_action .bt_precedent {position:absolute; bottom:0; left:0;}
.zone_consulter_action .bt_suivant {position:absolute; bottom:0; right:0;}
.zone_consulter_action .bt_hp {position:absolute; top:0; left:0;}
.zone_consulter_action .bt_hasard {position:absolute; top:0; right:0;}
.zone_consulter_texte {background-color: #FFF; margin:auto; text-align: center; border-radius: 5px;}
.zone_consulter_texte > div {font-size:30px;}
.bt_hasard {cursor: pointer;}
.bt_precedent, .bt_suivant, .bt_hp {-webkit-transition: all 0.5s; transition: all 0.5s; opacity:0.3; cursor: pointer;}
.bt_precedent:hover, .bt_suivant:hover, .bt_hp:hover {opacity:1; transform: scale(1.1);}
#modale_consulter .modal-header {background-color: #EE4983; margin:0; padding:5px; color: #FFF; display:block;}
#modale_consulter .modal-header .bts_casse {border: 1px solid #FFF; border-radius: 5px; margin:0 5px; float:left;}
.zone_images_vig {display: flex; flex-wrap: wrap;}
.zone_images_vig > div {cursor: pointer; margin:5px; background-color: #FFF; border:1px solid grey; border-radius: 5px; width: 100px; height:100px; flex-wrap: wrap;}
.zone_images_vig > div > img {width: 100%; height:auto; border-radius: 5px;}

/* commun jeux */
.case_reponse > img, .case_reponse > div, span.case_reponse {border:4px solid #45BDBC;}
.acliquer {-webkit-transition: all 0.5s; transition: all 0.5s; opacity:0.9; cursor: pointer;}
.acliquer > img, .acliquer > div, span.acliquer {border:4px solid #45BDBC;}
.acliquer:hover {opacity:1; transform: scale(1.05);}
.selection > img, .selection > div, span.selection {border: 4px solid #6C48B4; opacity:1; background-color: #FFF; opacity:1}
.selection.faux > img, .selection.faux > div, span.selection.faux {border: 4px solid red;}
.selection.juste > img, .selection.juste > div, span.selection.juste  {border: 4px solid #00BA00;}
.consigne_act_dir li {margin:0.5em 0;}

/* jeu observer */
.intro_jeu {text-align: center; margin: auto; max-width: 367px;}
.intro_jeu img {width: 100%; height: auto;}
.zone_reponse {text-align: center; display: flex; justify-content: center; gap:5px;}
.zone_reponse img, .zone_reponse > div {width:128px; height:auto; border-radius: 10px;}
.ecran_jeu_observer_ecouter_ecrire .zone_reponse {display:block;}
.ecran_jeu_observer_ecouter_ecrire .zone_reponse > div {width: 100%;}
#saisie_oee {text-align: center;}
.ecran_jeu_observer_ecouter .zone_question .cadre_q,
.ecran_jeu_observer_ecouter_ecrire .zone_question .cadre_q, .ecran_jeu_observer_ecouter_lire .zone_question .cadre_q {width:210px; height:210px; margin:auto; padding:5px; box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75); -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75); background-color: #FFF;}
.ecran_jeu_observer_ecouter .zone_question .cadre_q img,
.ecran_jeu_observer_ecouter_ecrire .zone_question .cadre_q img, .ecran_jeu_observer_ecouter_lire .zone_question .cadre_q img {width:100%; height:100%;}
.ecran_jeu_ecouter_observer .zone_question .cadre_q {width:210px; height:210px; margin:auto; padding:5px; text-align: center;}
.ecran_jeu_lire_observer .zone_question .cadre_q {min-height:210px; margin:0 10px; padding:0 5px; text-align: center;}
.ecran_jeu_lire_observer .zone_question .cadre_q > p {background-color: #FFF; border-radius: 5px; font-size: 200%; padding:0.5em 1em; box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75); -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);}
.zone_question {display:flex; justify-content: space-between;}
.zone_question .compteur {width:130px; text-align: left; background-color: #E394BC; color: #FFF; font-size: 24px; text-align: center; border-radius: 5px;}
#modale_jeu_termine .wrapper_ci {display: flex; justify-content: space-between;}
#modale_jeu_termine .compteur {width:130px; text-align: left; background-color: #E394BC; color: #FFF; font-size: 24px; text-align: center; border-radius: 5px;} /* text-align: left; supprimé */
#modale_jeu_paires_termine .compteur {width:130px; float:left; text-align: left; background-color: #E394BC; color: #FFF; font-size: 24px; text-align: center; border-radius: 5px;}
.zone_question .compteur span {font-weight: bold;}
.zone_question .validation {width:120px; text-align: right;}
.icone_valider {margin:auto; width:80px; height:80px;}
.tableau_essais, .tableau_essais_paires {margin:10px 0 0 0; background-color: #FFF;}
.tableau_essais th {text-align: center;}
.bts_modale_jeu_termine {text-align: center;}
.mot_affiche_oee {font-size:120%; padding: 0.5em 1em; border-radius: 5px;}
#volet_jeux_ass > div > div > div {background-color: #B3D4F3; border-radius: 5px; margin-top:10px; padding:0.5em;}
.ecran_jeu_observer_ecouter_lire .case_reponse > div {background-color: #FFF; border-radius: 5px;}
.ecran_jeu_observer_ecouter_lire span.case_reponse {background-color:#FFF; opacity:0.8; border-radius: 5px; padding:5px; font-size:150%;}
.ecran_jeu_observer_ecouter_lire .zone_reponse {flex-wrap: wrap;}

/* jeux associer */
.ecran_jeux_associer .paire {display:flex; align-items: center; justify-content: center;}
.ecran_jeux_associer .paire, .ecran_jeux_associer .aretourner {position:relative; border:4px solid grey;}
.ecran_jeux_associer .paire.cliquee, .ecran_jeux_associer .aretourner.cliquee {border:4px solid blue;}
.ecran_jeux_associer .paire.cliquee.faux, .ecran_jeux_associer .aretourner.cliquee.faux {border:4px solid red;}
.ecran_jeux_associer .paire.cliquee.juste, .ecran_jeux_associer .aretourner.cliquee.juste {border:4px solid #00BA00;}
.ecran_jeux_associer .paire.attente, .ecran_jeux_associer .aretourner.attente {opacity:0.3; cursor:default;}
.ecran_jeux_associer .paire .bt_ecouter_paire {position:absolute; top:2px; left:2px; width:32px; height:32px;}
.case_texte {overflow: hidden; text-align: center; hyphens: auto; word-break: normal;}

/* jeu Découvre-moi */
.dcm_droit {float:right; width:160px; text-align:center; padding:5px; background:#C0CAF5; border:1px solid grey; border-radius:10px;}
.dcm_droit img {width:48px; height:48px; margin:0 10px;}
.dcm_droit > div {margin-top:5px;}
.dcm_gauche {margin-right:170px;}
.dcm_gauche > div {width:400px; height:400px; position:relative; margin:20px auto;}
.dcm_grille {width:400px; height:400px; position:absolute; top:0; left:0;}
.dcm_grille td {border:2px solid blue; background:rgba(255,255,255,1)}
.dcm_grille td:hover {cursor:pointer;}
.dcm_grille td.dcm_montre {background:rgba(255,255,255,0)}
.dcm_mot {width:400px; height:400px;}
.dcm_coord_h {width:400px; position:absolute; top:-32px; left:0; text-align:center; font-size:26px; color:grey;}
.dcm_coord_v {height:400px; width:30px; position:absolute; top:0; left:-32px; text-align:center; font-size:26px; color:grey;}

/* jeux Montre-moi et Qui a disparu ? et d'autres avec jgn (heu générique) */
.jgn_droit, .mtm_droit, .qad_droit {float:right; width:160px; text-align:center; padding:5px; background:#C0CAF5; border:1px solid grey; border-radius:10px;}
.jgn_droit img, .mtm_droit img, .qad_droit img {width:48px; height:48px; margin:0 10px;}
.jgn_droit > div, .mtm_droit > div, .qad_droit > div {margin-top:10px;}
/*.mtm_gauche, .qad_gauche {margin-right:170px;}*/
.jgn_voir_mot, .mtm_voir_mot, .qad_voir_mot {border:1px solid grey; border-radius:5px; background:#FFF;}
.jgn_ecouter img, .mtm_ecouter img, .qad_ecouter img {width:32px; height:32px; margin:0;}
.jgn_bts_taille_image img, .mtm_bts_taille_image img, .qad_bts_taille_image img {width:32px; height:32px; border:3px solid transparent; border-radius:5px; margin:0;}
.jgn_bts_taille_image img.on, .mtm_bts_taille_image img.on, .qad_bts_taille_image img.on {border:3px solid red;}
.jgn_images, .jgn_mots, .mtm_images, .mtm_mots {display:flexbox;}
.jgn_images img, .mtm_images img, .qad_images img {margin:5px 5px; padding:5px; background:#FFF;}
.jgn_images.taille_1 img, .mtm_images.taille_1 img, .qad_images.taille_1 img {width:100px; height:100px;}
.jgn_images.taille_2 img, .mtm_images.taille_2 img, .qad_images.taille_2 img {width:150px; height:150px;}
.jgn_images.taille_3 img, .mtm_images.taille_3 img, .qad_images.taille_3 img {width:200px; height:200px;}
img.qad_image_cachee {background:#FFFFA4;}
.jgn_mots span, .mtm_mots span, .qad_mots span {margin:5px; padding:5px; background:#FFF; display:inline-block;}
.jgn_mots.taille_1 span, .mtm_mots.taille_1 span, .qad_mots.taille_1 span {font-size:1.1em;}
.jgn_mots.taille_2 span, .mtm_mots.taille_2 span, .qad_mots.taille_2 span {font-size:1.5em;}
.jgn_mots.taille_3 span, .mtm_mots.taille_3 span, .qad_mots.taille_3 span {font-size:2em;}

/* Jeu Mutlipuzzles */
#puzzleWrapper {touch-action:none;}
.jmp_puzzle-container {width:300px; height:300px; display:grid; border:2px solid #333; margin:auto;}
.jmp_puzzle-container.preview-mode {background-size: cover; background-position: center;}
.jmp_puzzle-container.preview-mode .jmp_piece {visibility: hidden;}
.jmp_piece {border:1px solid #ccc; background-size:300px 300px; cursor:pointer;}
.jmp_piece.hidden-piece {visibility:hidden;}
.jmp_drag-clone {position:fixed; pointer-events:none; z-index:9999; background-size:300px 300px; box-shadow:0 15px 30px rgba(0,0,0,0.3); transform:scale(1.08);}

/* Jeu Du mot à  l'image */
.mai_wrapper_mot {display: flex;  gap: 5px; font-size: 2em; font-weight: bold; margin-bottom:0.5em; justify-content: center;}
.mai_wrapper_mot div {
  display: flex;
  align-items: center;     /* centre verticalement */
  justify-content: center; /* centre horizontalement */
  min-width: 1ch;             /* largeur d’1 caractère */
  vertical-align: top;
  font-family: "Courier New", Courier, monospace;
  background-color: #FFF;
  padding:0 2px;
}
.mai_cache {outline: 1px solid blue;}
.mai_cache span {visibility:hidden;}
#mai_wrapper_tabloimage {margin: 0 auto; margin-bottom:0.5em; position:relative; width: 250px; height: 250px;}
#mai_wrapper_tabloimage table, #mai_image {border:1px solid grey; width:250px; height:250px; position:absolute; left:0; top:0;}
#mai_wrapper_tabloimage table td {border:1px solid grey; background-color: #FFF;}
#mai_wrapper_tabloimage table td.mai_transparent {background-color: transparent;}
#mai_vumetre_erreur {border: 1px solid red; width: 60px; color:#FFF; font-weight:bold; font-size:1.2em; margin:0 auto;}
#mai_vumetre_erreur .mai_rouge {background-color: red;}

/* Jeu Mots à recopier */
.jeu_saisir .motarec, .jeu_cacher .motarec, .jeu_deplacer .motarec {background-color: #BCE4F9; border: 1px solid #182B45; border-radius: 5px; font-size:2em; font-weight:bold;}
.mar_zone_arrivee span {color: #C3C3C3;}
.mar_zone_depart {min-height:50px;}
.mar_zone_depart, .mar_zone_arrivee {text-align:center; font-size:2em; font-weight:bold;}
.mar_zone_depart > div,
.mar_zone_arrivee > div {display:inline-block; border:1px solid grey; margin:2px; width:34px; height:50px; line-height:40px; text-align:center; user-select:none; background-color: #FFF; color: blue;}
.mar_zone_arrivee > div {background-color: transparent;}
.mar_lettre {cursor: grab; touch-action: none;}
.mar_case.valide {background-color: #00FF00; border-color: green; transition: background-color 0.3s ease, border-color 0.3s ease;}

/* Jeu Lettres à ordonner */
.lao_zone_movable .case_lettre {display:inline-block; background-color: #FFF; border:1px solid blue; font-weight:bold; font-size:2em; padding:0 2px 2px 2px;}
.lao_image {width: 150px; height: 150px; background-color: #FFF;}

/* Jeu Lettres rebelles */
.ecran_jeu_lettresrebelles .motarec .case_lettre {display:inline-block; background-color: #FFF; border:1px solid blue; font-weight:bold; font-size:2em; padding:0 2px 2px 2px; min-width: 20px;}
.ecran_jeu_lettresrebelles .motarec .acliquer {cursor: pointer;}

/* Jeu Lettre pivotée */
.orient_1, .orient_1:hover  { transform: rotate(90deg); }
.orient_2, .orient_2:hover { transform: rotate(180deg); }
.orient_3, .orient_3:hover { transform: rotate(270deg); }
.jeu_pivotee .case_lettre {margin: 2px; padding:0; width:38px; height:38px; font-size: 26px!important; font-family: "Courier New", Courier, monospace;}

/* Jeu mots mêlés */
#gmm_zoneJeu {position:relative; display:inline-block;}
.gmm_grilleMots {border-collapse:collapse; margin:auto; touch-action:none; background-color: #FFF;}
.gmm_grilleMots td {width:36px; height:36px; border:1px solid #ccc; text-align:center; font-weight:bold; font-size:20px; user-select:none;}
.gmm_ligneMots {position:absolute; left:0; top:0; pointer-events:none;}
#gmm_liste {background-color: #FFF; padding:0.5em;}

/* Jeu Mots répétés */
.jmr_liste .jmr_mot {margin:5px; font-size:1.2em; display:inline-block; padding:2px 5px;}
.jmr_liste .jmr_acliquer {background-color: #FFF;}
.jmr_liste .mot_juste {background-color: #00FF00;}
.jmr_liste .mot_faux {background-color: #FFB3B3;}

/* Jeu Mot disparu */
.jmd_liste .jmd_mot {margin:5px; font-size:1.2em; display:inline-block; padding:2px 5px; background-color: #FFF;}
.jmd_liste .mot_juste {background-color: #00FF00;}
.jmd_liste .mot_faux {background-color: #FFB3B3;}
.jmd_liste.jmd_liste_sans_md .jmd_mot {color:blue;}

/* Jeu Motus */
#grilleMotus {width: fit-content; margin: auto;}
#jeu_motus {text-align: center;}
#grilleMotus input {border: 1px solid #444; height: 40px; width: 40px; font-size: 26px; font-weight: bold; text-align: center; text-transform: uppercase; transition: transform 0.2s; margin: 0;	padding: 0;	box-sizing: border-box; display: block; line-height: 45px;}
#grilleMotus input:focus {transform: scale(1.1);}
#clavierMotus button {font-size: 28px; margin: 2px; font-family: Courier; font-weight: bold;}
.caseFlip {animation: flip 0.5s ease;}
@keyframes flip {
  0% {transform: rotateX(0deg);}
  50% {transform: rotateX(90deg);}
  100% {transform: rotateX(0deg);}
}
.motus-ligne {display: grid; gap: 0;}
.motus-grille {row-gap: 0;}

/* Jeu Syllabes à compter */
.sac_mot {font-size: 2em; background-color: #FFF;}
.sac_image {width: 150px; height: 150px; background-color: #FFF;}

.sco_syllabes_par_rang {display: flex; gap: 5px;}
.sco_syllabes_par_rang li {list-style: none; margin:5px 0; padding:2px 7px; text-align: center; background-color: blue; color:#FFF; cursor: pointer; display:block;}
.sco_syllabes_par_rang li:hover {opacity:0.5;}
.sco_colonne > div {background-color: #FFF; border:1px solid blue; padding:2px 7px; text-align: center;}
.sco_images_modale img {background-color: #FFF; width: 75px; height: 75px; margin:5px; cursor:help;}

/* Jeu Cartes à mémoriser */
.flash-card {display: inline-flex; align-items: center; justify-content: center; min-height: 120px; padding: 10px 20px; transition: transform 0.6s;  transform-style: preserve-3d;}
.flash-card.flip {transform: rotateX(90deg);}
#zoneFlash img, .cam_serie_cartes img {width:150px; height:150px;}
#zoneFlash span, .cam_serie_cartes span {font-size:2em; background-color:blue; color:#FFF; padding:0 0.5em; border-radius:10px;}
.cam_serie_cartes img, .cam_serie_cartes span {cursor: pointer; margin:5px;}
.cam_serie_cartes img:hover, .cam_serie_cartes span:hover {opacity:0.7;}

/* Grille PragmaBavard */
/* Position des cases */
#paves_grille {margin:auto; border:0.1cm solid #EE4983; height:18.4cm; width: 23.35cm; background-color: #8ED7D7; margin-bottom:10px;}
#cadre {position:relative; width:22.8cm; height:15cm;}
#cadre > div {background-color: #FFF; position:absolute; width: 2.5cm; height:2.5cm; cursor:pointer; -webkit-transition: all 0.5s; transition: all 0.5s; border:none; cursor:help;}
#cadre > div > img, #cadre > div > div,  .zone_images_vig > div > img, .zone_images_vig > div > div {width: 2.5cm; height:2.5cm; display: flex; justify-content: center; align-items: center; text-align: center; padding:2px;}

.a1 {left:0.35cm; top:0.35cm;}
.a2 {left:3.2cm; top:0.35cm;}
.a3 {left:6.05cm; top:0.35cm;}
.a4 {left:8.9cm; top:0.35cm;}
.a5 {left:11.75cm; top:0.35cm;}
.a6 {left:14.6cm; top:0.35cm;}
.a7 {left:17.45cm; top:0.35cm;}
.a8 {left:20.3cm; top:0.35cm;}
.b1 {left:0.35cm; top:3.35cm;}
.b2 {left:3.2cm; top:3.35cm;}
.b3 {left:6.05cm; top:3.35cm;}
.b4 {left:8.9cm; top:3.35cm;}
.b5 {left:11.75cm; top:3.35cm;}
.b6 {left:14.6cm; top:3.35cm;}
.b7 {left:17.45cm; top:3.35cm;}
.b8 {left:20.3cm; top:3.35cm;}
.c1 {left:0.35cm; top:6.35cm;}
.c2 {left:3.2cm; top:6.35cm;}
.c3 {left:6.05cm; top:6.35cm;}
.c4 {left:8.9cm; top:6.35cm;}
.c5 {left:11.75cm; top:6.35cm;}
.c6 {left:14.6cm; top:6.35cm;}
.c7 {left:17.45cm; top:6.35cm;}
.c8 {left:20.3cm; top:6.35cm;}
.d1 {left:0.35cm; top:9.35cm;}
.d2 {left:3.2cm; top:9.35cm;}
.d3 {left:6.05cm; top:9.35cm;}
.d4 {left:8.9cm; top:9.35cm;}
.d5 {left:11.75cm; top:9.35cm;}
.d6 {left:14.6cm; top:9.35cm;}
.d7 {left:17.45cm; top:9.35cm;}
.d8 {left:20.3cm; top:9.35cm;}
.e1 {left:0.35cm; top:12.35cm;}
.e2 {left:3.2cm; top:12.35cm;}
.e3 {left:6.05cm; top:12.35cm;}
.e4 {left:8.9cm; top:12.35cm;}
.e5 {left:11.75cm; top:12.35cm;}
.e6 {left:14.6cm; top:12.35cm;}
.f1 {left:0.35cm; top:15.35cm;}
.f2 {left:3.2cm; top:15.35cm;}
.f3 {left:6.05cm; top:15.35cm;}
.f4 {left:8.9cm; top:15.35cm;}
.f5 {left:11.75cm; top:15.35cm;}
.f6 {left:14.6cm; top:15.35cm;}
#cadre > .logo_imp {position:absolute; left:17.45cm; top:12.35cm; width:5.36cm; height:5.5cm; background-color: transparent;}

/* Supports imprimables */

.message_type_classeur {padding:5px 10px; margin:10px 0; border:1px solid #EE4983; border-radius:5px; background:#D2DFEC;}
.message_type_classeur_clair {padding:5px 10px; margin:10px 0; border:1px solid #EE4983; border-radius:5px; background: #F1F5F9;}

.idl_options > img {margin-right:10px; float:right; width:48px; height:48px;}
.idl_images > div {float:left; background:#FFF; position:relative; page-break-inside:avoid;}
.idl_bt_imprimer {position:absolute; right:5px; top:5px;}
.idl_taille_0 > div {border:1px dashed blue; width:100px; height:100px; padding:4px;}
.idl_taille_0.idl_bordure_non .idl_limage {width:92px; height:92px; border:1px solid transparent;}
.idl_taille_0.idl_bordure_oui .idl_limage {width:92px; height:92px; border:1px solid grey; border-radius:10px; padding:4px;}
.idl_taille_1 > div {border:1px dashed blue; width:150px; height:150px; padding:6px;}
.idl_taille_1.idl_bordure_non .idl_limage {width:138px; height:138px; border:2px solid transparent;}
.idl_taille_1.idl_bordure_oui .idl_limage {width:138px; height:138px; border:2px solid grey; border-radius:15px; padding:4px;}
.idl_taille_2 > div {border:1px dashed blue; width:300px; height:300px; padding:10px;}
.idl_taille_2.idl_bordure_non .idl_limage {width:280px; height:280px; border:3px solid transparent;}
.idl_taille_2.idl_bordure_oui .idl_limage {width:280px; height:280px; border:3px solid grey; border-radius:30px; padding:8px;}
.idl_taille_3 > div {border:1px dashed transparent; width:600px; height:600px; padding:20px; margin:auto; float:none;}
.idl_taille_3.idl_bordure_non .idl_limage {width:560px; height:560px; border:5px solid transparent;}
.idl_taille_3.idl_bordure_oui .idl_limage {width:560px; height:560px; border:5px solid grey; border-radius:50px; padding:12px;}

.mdl_droit {width:200px; float:right;}
.mdl_gauche {margin-right:220px;}
.mdl_etiquettes {margin-top:15px;}
.mdl_etiquettes li {float:left; padding:5px; background:#FFF; list-style:none; border:1px dashed blue; page-break-inside:avoid;}
.mdl_bts_police {text-align:right; margin-bottom:10px;}
.mdl_bts_police img {margin-left:10px; width:32px; height:32px; border-bottom:3px solid transparent;}
.mdl_bts_police img.on {border-bottom:3px solid red;}
.mdl_bt_gras, .mdl_bt_bordure, .mdl_bt_couleur {margin-left:10px; height:32px; border-bottom:3px solid transparent;}
.mdl_bt_gras.on, .mdl_bt_bordure.on, .mdl_bt_couleur.on {border-bottom:3px solid red;}
.mdl_bordure_non li {border:none;}
.mdl_gras_oui li {font-weight:bold;}

.dbl_options > div > div, .lot_options > div > div {padding:10px; background:#6EFFFF;}
.dbl_nb_elements img, .lot_nb_elements img {border-bottom:5px solid transparent; margin-right:10px; cursor:pointer; opacity:0.5;}
.dbl_nb_elements img.on, .lot_nb_elements img.on {border-bottom:5px solid red; opacity:1;}
.dbl_type_element > div, .lot_type_planche > div, .lot_type_carte > div {display:inline-block; margin-right:20px; border-bottom:5px solid transparent; cursor:pointer; opacity:0.5;}
.dbl_type_element > div.on, .lot_type_planche > div.on, .lot_type_carte > div.on {border-bottom:5px solid red; cursor:pointer; opacity:1;}
.dbl_type_element img, .lot_type_planche img, .lot_type_carte img {width:32px; height:32px;}

.dbl_conteneur {position:relative; float:left; page-break-inside:avoid;}
.dbl_conteneur img {position:absolute;}

.dbl_conteneur_320 {width:320px; height:320px;}
.dbl_conteneur_320 .dbl_fond {width:320px; height:320px;top:0; left:0;}
.dbl_conteneur_320 .dbl_im {width:90px; height:90px;}

.dbl_conteneur_320.dbl_3 .dbl_im_0 {width:110px; height:110px; left:105px; top:12px;}
.dbl_conteneur_320.dbl_3 .dbl_im_1 {width:110px; height:110px; left:185px; top:150px; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); transform: rotate(120deg);}
.dbl_conteneur_320.dbl_3 .dbl_im_2 {width:110px; height:110px; right:185px; top:150px; -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); transform: rotate(240deg);}

.dbl_conteneur_320.dbl_4 .dbl_im_0 {width:100px; height:100px; left:110px; top:10px;}
.dbl_conteneur_320.dbl_4 .dbl_im_1 {width:100px; height:100px; left:210px; top:110px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}
.dbl_conteneur_320.dbl_4 .dbl_im_2 {width:100px; height:100px; left:110px; top:210px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.dbl_conteneur_320.dbl_4 .dbl_im_3 {width:100px; height:100px; left:10px; top:110px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg);}

.dbl_conteneur_320.dbl_5 .dbl_im_0 {left:115px; top:115px;}
.dbl_conteneur_320.dbl_5 .dbl_im_1 {left:115px; top:10px;}
.dbl_conteneur_320.dbl_5 .dbl_im_2 {left:220px; top:115px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}
.dbl_conteneur_320.dbl_5 .dbl_im_3 {left:115px; top:220px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.dbl_conteneur_320.dbl_5 .dbl_im_4 {left:10px; top:115px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg);}

.dbl_conteneur_320.dbl_6 .dbl_im_0 {left:115px; top:115px;}
.dbl_conteneur_320.dbl_6 .dbl_im_1 {left:115px; top:10px;}
.dbl_conteneur_320.dbl_6 .dbl_im_2 {left:214px; top:82px; -webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); transform: rotate(72deg);}
.dbl_conteneur_320.dbl_6 .dbl_im_3 {left:178px; top:200px; -webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); transform: rotate(144deg);}
.dbl_conteneur_320.dbl_6 .dbl_im_4 {right:178px; top:200px; -webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); transform: rotate(216deg);}
.dbl_conteneur_320.dbl_6 .dbl_im_5 {right:214px; top:85px; -webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); transform: rotate(288deg);}

.dbl_conteneur_320.dbl_7 .dbl_im_0 {left:115px; top:115px;}
.dbl_conteneur_320.dbl_7 .dbl_im_1 {left:115px; top:10px;}
.dbl_conteneur_320.dbl_7 .dbl_im_2 {left:205px; top:60px; -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); transform: rotate(60deg);}
.dbl_conteneur_320.dbl_7 .dbl_im_3 {left:205px; top:170px; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); transform: rotate(120deg);}
.dbl_conteneur_320.dbl_7 .dbl_im_4 {left:115px; bottom:10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.dbl_conteneur_320.dbl_7 .dbl_im_5 {right:208px; top:170px; -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); transform: rotate(240deg);}
.dbl_conteneur_320.dbl_7 .dbl_im_6 {right:208px; top:60px; -webkit-transform: rotate(300deg); -moz-transform: rotate(300deg); transform: rotate(300deg);}

.dbl_conteneur_320.dbl_8 .dbl_im_0 {width:84px; height:84px; left:118px; top:118px;}
.dbl_conteneur_320.dbl_8 .dbl_im_1 {width:84px; height:84px; left:118px; top:7px;}
.dbl_conteneur_320.dbl_8 .dbl_im_2 {width:84px; height:84px; left:207px; top:50px; -webkit-transform: rotate(51deg); -moz-transform: rotate(51deg); transform: rotate(51deg);}
.dbl_conteneur_320.dbl_8 .dbl_im_3 {width:84px; height:84px; left:226px; top:140px; -webkit-transform: rotate(103deg); -moz-transform: rotate(103deg); transform: rotate(103deg);}
.dbl_conteneur_320.dbl_8 .dbl_im_4 {width:84px; height:84px; left:165px; bottom:17px; -webkit-transform: rotate(154deg); -moz-transform: rotate(154deg); transform: rotate(154deg);}
.dbl_conteneur_320.dbl_8 .dbl_im_5 {width:84px; height:84px; right:165px; bottom:17px; -webkit-transform: rotate(206deg); -moz-transform: rotate(206deg); transform: rotate(206deg);}
.dbl_conteneur_320.dbl_8 .dbl_im_6 {width:84px; height:84px; right:226px; top:140px; -webkit-transform: rotate(257deg); -moz-transform: rotate(257deg); transform: rotate(257deg);}
.dbl_conteneur_320.dbl_8 .dbl_im_7 {width:84px; height:84px; right:207px; top:50px; -webkit-transform: rotate(309deg); -moz-transform: rotate(309deg); transform: rotate(309deg);}

.lot_page {page-break-inside:avoid; margin-bottom:20px;}
.lot_options .ombre_autour_5 {min-height:82px;}
.lot_im_conteneur > li {width:210px; height:210px; padding:5px; float:left; border:1px dashed blue; list-style:none; padding:5px; background:#FFF;}
.lot_im_conteneur > li > div {width:200px; height:200px; border:2px solid grey; border-radius:10px; position:relative;}
.lot_im_conteneur > li > div > img {width:190px; height:190px; margin:3px;}
.lot_im_conteneur > li > div > div {position:absolute; width:190px; left:3px; bottom:5px; font-size:22px; font-weight:bold; text-align:center; -webkit-text-stroke:1px; -webkit-text-stroke-color:#000; color:#FFF;}
.lot_planche_conteneur {border:5px solid grey; background:#FFF; border-collapse:collapse; page-break-inside:avoid; margin-bottom:10px}
.lot_planche_conteneur td {padding:10px; border:5px solid grey; position:relative;}
.lot_planche_conteneur td > div {position:absolute; left:10px; bottom:5px; width:200px; font-size:24px; font-weight:bold; text-align:center; -webkit-text-stroke:1px; -webkit-text-stroke-color:#000; color:#FFF;}
/* .lot_planche_conteneur img {width:200px; height:200px; opacity:0.3;} */
.lot_planche_conteneur img {width:200px; height:200px;}
.lot_planche_conteneur.opa_0 img {opacity:0;}
.lot_planche_conteneur.opa_1 img {opacity:0.1;}
.lot_planche_conteneur.opa_2 img {opacity:0.2;}
.lot_planche_conteneur.opa_3 img {opacity:0.3;}
.lot_planche_conteneur.opa_4 img {opacity:0.4;}
.lot_planche_conteneur.opa_5 img {opacity:0.5;}
.lot_planche_conteneur.opa_6 img {opacity:0.6;}
.lot_planche_conteneur.opa_7 img {opacity:0.7;}
.lot_planche_conteneur.opa_8 img {opacity:0.8;}
.lot_planche_conteneur.opa_9 img {opacity:0.9;}
.lot_planche_conteneur.opa_10 img {opacity:1;}
.lot_type_planche img, .lot_type_carte img {display:inline-block; margin-right:10px; border-bottom:5px solid transparent; cursor:pointer; opacity:0.5; width:32px; height:32px;}
.lot_type_planche img.on, .lot_type_carte img.on {border-bottom:5px solid red; cursor:pointer; opacity:1;}

.jly_images img {width:90px; height:90px; margin:20px; float:left; border:1px solid grey;}
.jly_im_1 {-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); transform: rotate(20deg);}
.jly_im_2 {-webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); transform: rotate(40deg);}
.jly_im_3 {-webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); transform: rotate(60deg);}
.jly_im_4 {-webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); transform: rotate(80deg);}
.jly_im_5 {-webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); transform: rotate(100deg);}
.jly_im_6 {-webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); transform: rotate(120deg);}
.jly_im_7 {-webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); transform: rotate(140deg);}
.jly_im_8 {-webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); transform: rotate(160deg);}
.jly_im_9 {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.jly_im_10 {-webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); transform: rotate(200deg);}
.jly_im_11 {-webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); transform: rotate(220deg);}
.jly_im_12 {-webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); transform: rotate(240deg);}
.jly_im_13 {-webkit-transform: rotate(260deg); -moz-transform: rotate(260deg); transform: rotate(260deg);}
.jly_im_14 {-webkit-transform: rotate(280deg); -moz-transform: rotate(280deg); transform: rotate(280deg);}
.jly_im_15 {-webkit-transform: rotate(300deg); -moz-transform: rotate(300deg); transform: rotate(300deg);}
.jly_im_16 {-webkit-transform: rotate(320deg); -moz-transform: rotate(320deg); transform: rotate(320deg);}
.jly_im_17 {-webkit-transform: rotate(340deg); -moz-transform: rotate(340deg); transform: rotate(340deg);}
.bt_jly_type_image {margin-left:10px; width:40px; height:40px; border-bottom:5px solid transparent;}
.bt_jly_type_image.on {border-bottom:5px solid red;}
.jly_options > button {margin-left:10px; float:right;}

.flu_options img {float:right; width:48px; height:48px; margin-left:10px;}
.flu_images > img {float:left; width:100px; height:100px; border:2px solid grey; border-radius:5px; margin:2px;}
.flu_mots > div {display:inline-block; width:150px; height:50px; border:1px solid black; padding:5px; background:#FFF;}
.flu_scores {page-break-before:always; margin-bottom:20px; font-weight:bold;}

.cai_options {padding:10px; background:#6EFFFF; margin-bottom:15px;}
.cai_options h3 {padding:0px; margin:0 0 10px 0;}
.cai_intro {padding:5px 10px; background:#E394BC; margin-bottom:10px; color:#FFF;}
.cai_personnalisation li {margin:5px 0;}
.cai_personnalisation li img {width:32px; height:32px;}
.cai_cartes_dmuette {width:700px;}
.cai_cartes_taille_1 .cai_bloc_caecrire {position:relative; page-break-inside:avoid; position:relative; width:227px; height:320px; border:1px dashed blue; float:left; background:#FFF; text-align:center;}
.cai_cartes_taille_3 .cai_bloc_caecrire {position:relative; page-break-inside:avoid; position:relative; width:300px; height:380px; border:1px dashed blue; float:left; background:#FFF; text-align:center;}
.cai_cartes_taille_2 .cai_bloc_caecrire {position:relative; page-break-inside:avoid; position:relative; width:640px; height:900px; float:left; background:#FFF; text-align:center; margin:auto;}
.cadre_pastilles {position:absolute; top:-80px; left:0; background-color: #FFF; border:1px solid grey; width:180px; height:75px; border-radius: 5px;}
.cadre_pastilles > img {width:24px; height:24px; margin:2px;}
.cai_cartes_taille_1 .cai_bloc_cadmuette {page-break-inside:avoid; position:relative; width:330px; height:220px; border:1px dashed blue; float:left; background:#FFF; text-align:center;}
.cai_cartes_taille_2 .cai_bloc_cadmuette {page-break-inside:avoid; position:relative; width:640px; height:900px; float:left; background:#FFF; text-align:center; margin:auto;}
.cai_cartes_taille_1, .cai_cartes_taille_3 {font-size:20px;}
.cai_cartes_taille_2 {font-size:60px;}
.cai_cart {margin-top:15px;}
.cai_cartes_taille_1 .cai_conteneur_image {width:140px; height:140px; margin:10px auto 0 auto;}
.cai_cartes_taille_3 .cai_conteneur_image {width:200px; height:200px; margin:10px auto 0 auto;}
.cai_cartes_taille_2 .cai_conteneur_image {width:350px; height:350px; margin:10px auto 0 auto;}
.cai_cartes_taille_1 .cai_conteneur_image_fond {background-image:url(img/cai_cliquer.png);}
.cai_cartes_taille_3 .cai_conteneur_image_fond {background-image:url(img/cai_cliquer_taille_3.png);}
.cai_cartes_taille_2 .cai_conteneur_image_fond {background-image:url(img/cai_cliquer_taille_2.png);}
.cai_cartes_taille_1 .cai_im {width:140px; height:140px;}
.cai_cartes_taille_3 .cai_im {width:200px; height:200px;}
.cai_cartes_taille_2 .cai_im {width:350px; height:350px;}
.cai_cartes_taille_1 .cai_im_4 {width:60px; height:60px; margin:5px;}
.cai_cartes_taille_3 .cai_im_4 {width:60px; height:80px; margin:5px;}
.cai_cartes_taille_2 .cai_im_4 {width:130px; height:130px; margin:10px;}
.cai_cartes_taille_1 .cai_bt_agrandir_police, .cai_cartes_taille_3 .cai_bt_agrandir_police {width:32px; height:32px; position:absolute; left:5px; top:82px;}
.cai_cartes_taille_2 .cai_bt_agrandir_police {width:32px; height:32px; position:absolute; right:5px; top:190px;}
.cai_cartes_taille_1 .cai_bt_reduire_police, .cai_cartes_taille_3 .cai_bt_reduire_police {width:32px; height:32px; position:absolute; left:5px; top:118px;}
.cai_cartes_taille_2 .cai_bt_reduire_police {width:32px; height:32px; position:absolute; right:5px; top:226px;}
.cai_cartes_taille_1 .cai_bt_supprimer_carte, .cai_cartes_taille_3 .cai_bt_supprimer_carte {width:32px; height:32px; position:absolute; right:5px; top:118px;}
.cai_cartes_taille_2 .cai_bt_supprimer_carte {width:32px; height:32px; position:absolute; right:5px; top:118px;}
.cai_cartes_taille_1 .cai_bt_nature, .cai_cartes_taille_3 .cai_bt_nature {width:32px; height:32px; position:absolute; left:5px; top:10px;}
.cai_cartes_taille_2 .cai_bt_nature {width:64px; height:64px; position:absolute; left:5px; top:10px;}
.cai_cartes_taille_1 .cai_etoiles, .cai_cartes_taille_3 .cai_etoiles {width:80px; position:absolute; left:5px; top:10px; cursor:help;}
.cai_cartes_taille_2 .cai_etoiles {width:168px; position:absolute; left:5px; top:10px; cursor:help;}
.cai_cartes_taille_1 .cai_bt_dupliquer, .cai_cartes_taille_3 .cai_bt_dupliquer {width:32px; height:32px; position:absolute; right:5px; top:82px;}
.cai_cartes_taille_2 .cai_bt_dupliquer {width:32px; height:32px; position:absolute; right:5px; top:82px;}
.cai_cartes_taille_1 .cai_bt_imprimer, .cai_cartes_taille_3 .cai_bt_imprimer {width:32px; height:32px; position:absolute; right:5px; top:46px;}
.cai_cartes_taille_2 .cai_bt_imprimer {width:32px; height:32px; position:absolute; right:5px; top:46px;}
.cai_cartes_taille_1 .cai_bt_mot_nb, .cai_cartes_taille_3 .cai_bt_mot_nb {width:32px; height:32px; position:absolute; left:5px; top:46px;}
.cai_cartes_taille_2 .cai_bt_mot_nb {width:32px; height:32px; position:absolute; right:5px; top:154px;}
.cai_cartes_taille_1 .cai_bt_copie_mot, .cai_cartes_taille_3 .cai_bt_copie_mot {width:32px; height:32px; position:absolute; right:5px; top:10px;}
.cai_cartes_taille_2 .cai_bt_copie_mot {width:32px; height:32px; position:absolute; right:5px; top:10px;}
.cai_cartes_taille_1 .cai_bt_melanger, .cai_cartes_taille_3 .cai_bt_melanger {width:32px; height:32px; position:absolute; right:5px; top:10px;}
.cai_cartes_taille_2 .cai_bt_melanger {width:32px; height:32px; position:absolute; right:5px; top:10px;}
.cai_mot {padding:5px;  display:flex; align-items: center; font-weight:bold;}
.cai_mot > div {text-align:center; width:100%; white-space: nowrap; overflow:hidden;}
.cai_cartes_taille_1 .zone_majuscule {height:35px; margin-top:10px;}
.cai_cartes_taille_3 .zone_majuscule {height:35px; margin-top:10px;}
.cai_cartes_taille_2 .zone_majuscule {height:120px; margin-top:30px;}
.cai_cartes_taille_1 .zone_script {height:35px; margin-top:5px;}
.cai_cartes_taille_3 .zone_script {height:35px; margin-top:5px;}
.cai_cartes_taille_2 .zone_script {height:120px; margin-top:20px;}
.cai_cartes_taille_1 .zone_cursif {height:70px; margin-top:5px;}
.cai_cartes_taille_3 .zone_cursif {height:70px; margin-top:5px;}
.cai_cartes_taille_2 .zone_cursif {height:260px; margin-top:20px;}
.cai_bt_police_cursif, .cai_bt_police_p_cursif, .cai_bt_police_script, .cai_bt_police_p_classique, .cai_bt_police_majuscule, .cai_bt_police_p_majuscule, .cai_bt_image_type, .cai_bt_taille, .cai_bt_image, .cai_options > .bt_imprimer {width:48px; height:48px; float:right; margin-left:15px;}
.cai_cartes_taille_1 .cadmuette_saisie {position:absolute; width:240px; left:45px; top:120px;}
.cai_cartes_taille_2 .cadmuette_saisie {position:absolute; width:550px; left:45px; top:550px;}
.cai_bt_taille_caecrire {border-bottom:5px solid transparent; cursor:pointer; opacity:0.5;}
.cai_bt_taille_caecrire.on {border-bottom:5px solid red; opacity:1;}
.syl_0 {color:#000000;}
.syl_1 {color:#FF0000;}
.syl_2 {color:#0000FF;}
.syl_3 {color:#00AA00;}
.syl_4 {color:#D2D200;}
.lettre_muette {color:#FFA8D3;}
.plier_deplier_suivant_imp {cursor: pointer;}
.plier_deplier_suivant_imp:hover {opacity:0.6;}

table.jeudeloie {border-collapse:collapse; background:#FAF2EF; border:5px solid black;}
table.jeudeloie td {padding:0; margin:0; position:relative;}
table.jeudeloie td.bo_h {border-top:5px solid black;}
table.jeudeloie td.bo_d {border-right:5px solid black;}
table.jeudeloie td.bo_b {border-bottom:5px solid black;}
table.jeudeloie td.bo_g {border-left:5px solid black;}
table.jeudeloie td.bo_ht {border-top:5px solid transparent;}
table.jeudeloie td.bo_dt {border-right:5px solid transparent;}
table.jeudeloie td.bo_bt {border-bottom:5px solid transparent;}
table.jeudeloie td.bo_gt {border-left:5px solid transparent;}
table.jeudeloie td div {position:absolute; bottom:3px; right:3px; width:24px; text-align:center; background:#AF593C; color:#FFF; border-radius:5px; font-weight:bold;}
table.jeudeloie_15 td img {width:170px; height:170px; margin:3px; border-radius:5px; border:2px solid #AF593C; padding:2px;}
table.jeudeloie_15 td div {width:40px; font-size:26px;}
table.jeudeloie_24 td img {width:140px; height:140px; margin:3px; border-radius:5px; border:2px solid #AF593C;}
table.jeudeloie_24 td div {width:40px; font-size:26px;}
table.jeudeloie_35 td img {width:120px; height:120px; margin:3px; border-radius:5px; border:2px solid #AF593C;}
table.jeudeloie_35 td div {width:36px; font-size:22px;}
table.jeudeloie_40 td img {width:108px; height:108px; margin:3px; border-radius:5px; border:2px solid #AF593C;}
table.jeudeloie_40 td div {width:30px; font-size:20px;}
table.jeudeloie_48 td img {width:100px; height:100px; margin:3px; border-radius:5px; border:2px solid #AF593C;}
table.jeudeloie_48 td div {width:30px; font-size:20px;}
table.jeudeloie_54 td img {width:90px; height:90px; margin:3px; border-radius:5px; border:2px solid #AF593C;}
table.jeudeloie_54 td div {width:28px; font-size:18px;}
table.jeudeloie_63 td img {width:85px; height:85px; margin:3px; border-radius:5px; border:2px solid #AF593C;}
table.jeudeloie_63 td div {width:28px; font-size:18px;}
table.jeudeloie_70 td img, table.jeudeloie_tradi td img {width:80px; height:80px; margin:3px; border-radius:5px; border:2px solid #AF593C;}
table.jeudeloie_70 td div {width:28px; font-size:18px;}
.jdl_melanger_images {cursor:pointer; font-weight:bold;}
.jdl_options > div > div {padding:10px; background:#6EFFFF;}

/* ------------------- */
/* Gestion des polices */
/* ------------------- */

/* Police Cursif Beaumal A SUPPRIMER */
@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 Ecriture A */
@font-face {
  font-family: 'eca_EcritureA-Romain';
  src: url('font-ecriturea/EcritureA-Romain.woff2') format('woff2'),
    url('font-ecriturea/EcritureA-Romain.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Police Script Ecole 2 générée pour le Web avec https://www.fontsquirrel.com */
@font-face {
    font-family: 'script_ecole_2regular';
    src: url('font-scriptecole2/scriptecole2-webfont.eot');
    src: url('font-scriptecole2/scriptecole2-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-scriptecole2/scriptecole2-webfont.woff2') format('woff2'),
         url('font-scriptecole2/scriptecole2-webfont.woff') format('woff'),
         url('font-scriptecole2/scriptecole2-webfont.ttf') format('truetype'),
         url('font-scriptecole2/scriptecole2-webfont.svg#script_ecole_2regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Affichage des polices */
.p_cursif {font-family:eca_EcritureA-Romain; line-height:100%;}
.p_majuscule {text-transform: uppercase;}
.p_classique {font-family: script_ecole_2regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

.t_g_10 {font-size:10px;}
.t_g_12 {font-size:12px;}
.t_g_14 {font-size:14px;}
.t_g_16 {font-size:16px;}
.t_g_18 {font-size:18px;}
.t_g_20 {font-size:20px;}
.t_g_24 {font-size:24px;}
.t_g_30 {font-size:30px;}
.t_g_36 {font-size:36px;}
.t_g_42 {font-size:42px;}
.t_g_48 {font-size:48px;}
.t_g_60 {font-size:60px;}

/* Gestion du bouton de retour en haut de page */
#returnOnTop {background: url('img/return_on_top.png') no-repeat; bottom: 1%; cursor: pointer; display: none; filter: alpha(opacity = 50); height: 48px; opacity: 0.5; position: fixed; right: 1%; width: 48px;}
#returnOnTop:hover { filter: alpha(opacity = 100); 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; width: 100%!important; max-width: 100% !important;}
	.ecran_jeu .album_mots_cadre {border:none; padding:0px; background:none; margin-bottom:0;}
	.doc_act_droit {margin:0; padding:0;}
  .lot_page {width:640px;}
  #cadre > .logo_imp {border:3px dashed grey;}
  .ecran_doc_et_telech h3 + div {display:block !important;}
  .zone_doc_jeu.ombre_autour_5 {border:none; box-shadow:none;}
  #gmm_liste > div {display:inline-block; margin:5px;}
}