@font-face {
    font-family: "crypto";
    src: url('./Images/futurama.ttf');
}
.textecrypto{
	font-family:crypto;
	font-size:24px;
	color:green;
	text-shadow:none;
}


.plus{
	position:fixed;
	top:230px;
	left:30px;
}
#image_palma{
	position:relative;
	top:100px;
	width:600px;
	height:480px;
	border:10px ridge Gray;
	background-color:#DDDDDD;
	/*padding:5px 5px;*/
	box-shadow:2px 2px 2px black;
	background-image: url('./Images/Recompense_6_2018.png');
	background-repeat: no-repeat;
}
.bloc_tableau,.bloc_tableau2{
	font-family:manub;
	font-weight:bold;
	color:DodgerBlue;
	text-shadow:2px 2px 2px black;
	font-size:24px;
	vertical-align:middle;
	text-align:center;
}
.bloc_contenu{
	color:DodgerBlue;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.tr_color{
	background-color:none;
}
.tr_color:hover{
	background-color:Yellow;
	cursor:pointer;
}
.tr_color1{
	background-color:LemonChiffon;
}
.tr_color2{
	background-color:Silver;
}
.tr_color1:hover,.tr_color2:hover{
	background-color:Yellow;
}
.el_palma{
	position:relative;
	font-family:cursiveb;
	font-size:30px;
	text-shadow:2px 2px 2px black;
}
.bloc_flo{
	position:absolute;
	top:-10px;left:80%;
}
.triangle{
	cursor:pointer;
}
.textecursive_n{
	font-family:cursive;
	font-size:24px;
	color:#000000;
	text-shadow:none;
}
.center-div{
	margin:0 auto;
}

/* Fubuki(x)*/
.grille_2{
	display: grid;
	grid-template-columns: 80px 40px 80px 40px 80px 40px 80px;
	grid-template-rows: 80px 40px 80px 40px 80px 40px 80px;
	justify-content: center;
	grid-gap:3px;
}
.case_grille2_c,.case_grille2_r{
	width:100%;
	height:100%;
	line-height:80px;
	border:1px solid DodgerBlue;
	background-color:SkyBlue;
	vertical-align:middle;
	text-align:center;
	font-family:cursiveb;
	font-size:45px;
	color:Salmon;
	border-radius:5%;
	text-shadow:2px 2px 2px black;
	box-shadow:2px 2px 8px black;
}
.case_grille2_r{
	color:IndianRed;
	background-color:LightBlue;
	border-radius:50%;
}
.case_grille2_signe_i{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	line-height:80px;
}
.case_grille2_signe_p{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	line-height:40px;
}
/* Stitches - Noeuds */
.grille_4{
	display: grid;
	grid-template-columns: 10px repeat(8,60px) 10px;
	grid-template-rows: 10px repeat(8,60px) 10px;
	justify-content: center;
	grid-collumn-gap:0px;
	grid-row-gap:0px;
}
.fond_grille4{
	width:100%;
	height:100%;
	border:1px solid DarkSlateGray;
	background-color:LightBlue;
	vertical-align:middle;
	text-align:center;
	border-radius:10px;
	box-shadow:2px 2px 8px black;	
}
.case_grille4{
	width:100%;
	height:100%;
	border-right:2px solid gray;
	border-bottom:2px solid gray;
	margin:1px;
}
.case_g4_f1{
	background-color:rgba(220,20,60,0.4);/*#DC143C;*/
}
.case_g4_f2{
	background-color:rgba(0,128,0,0.4);/*#008000;*/
}
.case_g4_f3{
	background-color:rgba(139,69,19,0.4);/*#8B4513;*/
}
.case_g4_f4{
	background-color:rgba(30,144,255,0.4);/*#1E90FF;*/
}
.case_g4_f5{
	background-color:rgba(128,0,128,0.4);/*#800080;*/
}
.case_g4_f6{
	background-color:rgba(255,69,0,0.4);/*#FF4500;*/
}
.case_g4_f7{
	background-color:rgba(105,105,105,0.4);/*#696969;*/
}
.bord4{
	width:100%;
	height:100%;
	outline:6px solid DarkSlateGray;
	outline-offset:-2px;
	background:none;
}
.texte_stitches{
	width:100%;
	height:100%;
	font-family:cursiveb;
	font-size:40px;
	color:Chocolate;
	text-shadow:0px 0px 10px Gold;
	text-align:center;
	vertical-align:middle;
}
.grille_4_bord_N{
	width:100%;
	height:100%;
	border-top:4px solid DarkSlateGray;
}
.grille_4_bord_E{
	width:100%;
	height:100%;
	border-right:5px solid DarkSlateGray;
	margin-top:1px;
}
.grille_4_bord_S{
	width:100%;
	height:100%;
	border-bottom:4px solid DarkSlateGray;
	margin-left:1px;
}
.grille_4_bord_O{
	width:100%;
	height:100%;
	border-left:4px solid DarkSlateGray;
}
.noeud4{
	margin-top:14px;
	margin-left:14px;
	width:36px;
	height:36px;
	background:radial-gradient(DarkSlateGray 0%, DarkSlateGray 30%, #117c8f 35%, #00d4ff 45%, #117c8f 55%, rgba(173,216,230,0) 60%);
	border-radius:50%;
}
.lien4_N{
	height:37px;
	margin-left:24px;
	width:14px;
	margin-top:0px;
	background:linear-gradient(to left, DodgerBlue 30%, DeepSkyBlue 45%, DeepSkyBlue 55%, DodgerBlue 70%);
	border-bottom:1px solid SteelBlue;
	border-left:1px solid SteelBlue;
	border-right:1px solid SteelBlue;
	border-radius:0% 0% 45% 45%;
}
.lien4_E{
	width:37px;
	margin-left:25px;
	height:14px;
	margin-top:24px;
	background:linear-gradient(DodgerBlue 30%, DeepSkyBlue 45%, DeepSkyBlue 55%, DodgerBlue 70%);
	border-top:1px solid SteelBlue;
	border-bottom:1px solid SteelBlue;
	border-left:1px solid SteelBlue;
	border-radius:45% 0% 0% 45%;
}
.lien4_S{
	height:37px;
	margin-left:24px;
	width:14px;
	margin-top:25px;
	background:linear-gradient(to left, DodgerBlue 30%, DeepSkyBlue 45%, DeepSkyBlue 55%, DodgerBlue 70%);
	border-top:1px solid SteelBlue;
	border-left:1px solid SteelBlue;
	border-right:1px solid SteelBlue;
	border-radius:45% 45% 0% 0%;
}
.lien4_O{
	width:37px;
	margin-left:0px;
	height:14px;
	margin-top:24px;
	background:linear-gradient(DodgerBlue 30%, DeepSkyBlue 45%, DeepSkyBlue 55%, DodgerBlue 70%);
	border-top:1px solid SteelBlue;
	border-bottom:1px solid SteelBlue;
	border-right:1px solid SteelBlue;
	border-radius:0% 45% 45% 0%;
}
.case_lien4{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}
/* iles et ponts */
.grille_7{
	display: grid;
	grid-template-columns: 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px;
	grid-template-rows: 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px 70px 6px;
	justify-content: center;
	gap:0px 0px;
}
.trait_7_h{
	width:100%;
	height:10px;
	margin-top:-3px;
	background-image: repeating-linear-gradient(-45deg, Gray, transparent 5px, transparent 10px, Gray 20px, Gray 30px);
	cursor:pointer;
}
.trait_7_v{
	width:10px;
	height:100%;
	margin-left:-3px;
	background-image: repeating-linear-gradient(-45deg, Gray, transparent 5px, transparent 10px, Gray 20px, Gray 30px);
	cursor:pointer;
}
.pont_7_1_h{
	width:100%;
	height:11px;
	margin-top:-3px;
	background:linear-gradient(SaddleBrown, SaddleBrown 2px, Sienna 3px, Sienna 7px, SaddleBrown 8px, SaddleBrown 10px);
	cursor:pointer;
}
.pont_7_1_v{
	width:11px;
	height:100%;
	margin-left:-3px;
	background:linear-gradient(to left, SaddleBrown, SaddleBrown 2px, Sienna 3px, Sienna 7px, SaddleBrown 8px, SaddleBrown 10px);
	cursor:pointer;
}
.pont_7_2_h{
	width:100%;
	height:26px;
	margin-top:-10px;
	background:linear-gradient(SaddleBrown, SaddleBrown 2px, Sienna 3px, Sienna 7px, SaddleBrown 8px, SaddleBrown 10px, transparent 10px, transparent 15px, SaddleBrown 15px, SaddleBrown 17px, Sienna 18px, Sienna 22px, SaddleBrown 23px, SaddleBrown 25px);
	cursor:pointer;
}
.pont_7_2_v{
	width:26px;
	height:100%;
	margin-left:-10px;
	background:linear-gradient(to left, SaddleBrown, SaddleBrown 2px, Sienna 3px, Sienna 7px, SaddleBrown 8px, SaddleBrown 10px, transparent 10px, transparent 15px, SaddleBrown 15px, SaddleBrown 17px, Sienna 18px, Sienna 22px, SaddleBrown 23px, SaddleBrown 25px);
	cursor:pointer;
}
.texte_ile{
	font-family:cursiveb;
	font-size:40px;
	color:Blue;
	text-shadow:1px 1px 3px Black;
	margin-top:-25px;
	margin-left:-10px;
}
.image_ile{
	width:80px;
	margin-top:-40px;
	margin-left:-40px;
}
.fond_grille7{
	width:100%;
	height:100%;
	border:1px solid DarkSlateGray;
	background-image:url("./Images/fond_eau.jpg");
	background-color:rgba(255,255,255,0.5);
	vertical-align:middle;
	text-align:center;
	border-radius:10px;
	box-shadow:2px 2px 8px black;	
}
/* Dominos */
.grille_dominos{
	display: grid;
	grid-template-columns:5px repeat(6,120px) 5px;
	grid-template-rows:5px repeat(5,120px) 5px;
	justify-content: center;
	gap:0px 0px;
}
.fond_dominos{
	width:100%;
	height:100%;
	border:3px solid Black;
	border-radius:5px;
	background-color:MintCream;
	box-shadow:2px 2px 4px Black;
}
.case_domino{
	width:100%;
	height:100%;
	border:1px solid Black;
	border-radius:5px;
	background-color:AntiqueWhite;
	cursor:pointer;
}
.point_domino_1,.point_domino_2,.point_domino_3,.point_domino_4,.point_domino_5{
	width:30px;
	height:30px;
	border-radius:50%;
	background:radial-gradient(at 20% 30%, #7C00FC, #000080 80%, #000064 90% , black 100%);
	box-shadow:-1px -1px 1px Gray;
	margin-top:10px;
	margin-left:10px;
	cursor:pointer;
}
.point_domino_2{
	margin-top:10px;
	margin-left:80px;
}
.point_domino_3{
	margin-top:80px;
	margin-left:10px;
}
.point_domino_4{
	margin-top:80px;
	margin-left:80px;
}
.point_domino_5{
	margin-top:45px;
	margin-left:45px;
}
.contour_domino{
	width:100%;
	height:100%;
	outline: 5px solid Chocolate;
	outline-offset:-3px;
	cursor:pointer;
}
.grille_petit_domino{
	display: grid;
	grid-template-columns:repeat(23,40px);
	grid-template-rows:40px 20px 40px;
	justify-content: center;
	align-content: center;	
	gap:1px 1px;
}
.fond_petit_domino{
	width:100%;
	height:100%;
	background-color:White;
	border:1px solid black;
	box-shadow:1px 1px 5px Black;
	font-family:cursiveb;
	color:7C00FC;
	font-size:32px;
	text-align:center;
	vertical-align:middle;
	line-height:40px;
	text-shadow:1px 1px 3px black;
}
	
/* Garam */
.grille_garam{
	display: grid;
	grid-template-columns:repeat(7,100px);
	grid-template-rows:repeat(9,100px);
	justify-content: center;
	gap:1px 1px;
}
.case_garam,.case_garam_vide{
	width:100%;
	height:100%;
	border:1px solid Black;
	background-color:MintCream;
	box-shadow:1px 1px 5px Black;
	font-family:cursiveb;
	color:DarkOrchid;
	font-size:50px;
	text-align:center;
	vertical-align:middle;
	line-height:100px;
}
.case_garam_vide{
	cursor:pointer;
	color:DarkCyan;
	border:none;
	box-shadow:none;
	background:none;
}
.case_garam_h,.case_garam_v{
	width:100%;
	height:100%;
	color:DarkOrchid;
	font-family:cursiveb;
	font-size:50px;
	line-height:90px;
	margin-top:0px;
	margin-left:0px;
	text-align:center;
	vertical-align:middle;
	font-family:cursiveb;
}
.case_garam_v{
	line-height:170px;
}
.image_signe{
	width:30px;
	vertical-align:middle;
}
/* bandes de papiers */
.grille_bandes_papiers{
	display: grid;
	grid-template-columns:repeat(24,35px);
	grid-template-rows:repeat(9,35px);
	justify-content: center;
	align-content: center;
	gap:1px 1px;
}
.bande_papier_jaune,.bande_papier_verte{
	width:100%;
	height:100%;
	border:1px solid black;
	box-shadow:1px 1px 2px black;
	font-family:cursiveb;
	font-weight:normal;
	font-size:24px;
	color:blue;
	text-shadow:1px 1px 2px black;
	line-height:35px;
	background-color:Khaki;
}
.bande_papier_verte{
	background-color:PaleGreen;
}
.bande_papier_fleche,.bande_papier_produit{
	width:100%;
	height:100%;
	font-family:cursiveb;
	font-size:24px;
	font-weight:normal;
	color:black;
	text-shadow:2px 2px 3px gray;
	line-height:35px;
}
.bande_papier_fleche{
	font-family:fontformes;
	text-align:left;
}
/* sudoku chaos */
.grille_sudoku_chaos{
	display: grid;
	grid-template-columns:repeat(9,80px);
	grid-template-rows:repeat(9,80px);
	justify-content: center;
	align-content: center;
	gap:0px 0px;
}
.fond_grille_sudoku_chaos{
	width:100%;
	height:100%;
	background-color:transparent;
	outline: 8px solid black;
	outline-offset:-3px;
	box-shadow:5px 5px 20px black;
}
.case_sudoku_chaos{
	width:100%;
	height:100%;
	outline: 2px solid gray;
	outline-offset:-1px;
	background-color:#EEEEEE;
	vertical-align:middle;
	line-height:80px;
	font-family:slouchy;
	font-size:60px;
	font-weight:normal;
	color:black;
	text-shadow:2px 2px 5px black;
}
.case_sudoku_chaosE{
	width:100%;
	height:100%;
	margin-left:-2px;
	border-right:5px solid black;
	background-color:none;
}
.case_sudoku_chaosS{
	width:100%;
	height:100%;
	margin-top:-2px;
	border-bottom:5px solid black;
	background-color:none;
}
.case_sudoku_chaosES{
	width:100%;
	height:100%;
	margin-top:-2px;
	margin-left:-2px;
	border-right:5px solid black;
	border-bottom:5px solid black;
	background-color:none;
}
/* Luigi */
.grille_luigi{
	display:grid;
	grid-template-columns:repeat(10,90px);
	grid-template-rows:repeat(10,90px);
	justify-content: center;
	align-content: center;
	gap:1px 1px;
}
.case_luigi,.mur_luigi{
	width:100%;
	height:100%;
	background-color:LightYellow;
	vertical-align:middle;
	line-height:90px;
	font-family:cursive;
	font-size:75px;
	font-weight:normal;
	color:black;
	text-shadow:2px 2px 5px black;
	border:1px solid black;
	box-shadow:1px 1px 2px black;
}
.mur_luigi{
	background-color:DimGray;
}
/* etoiles */
.fond_etoile0{
	display: grid;
	grid-template-columns:800px;
	grid-template-rows:766px;
	justify-content: center;
	align-content: center;
	gap:0px 0px;
}
.cercle_etoile{
	position:relative;
	margin-top:-2px;
	margin-left:-2px;
	width:91px;
	height:91px;
	border:4px solid DarkSlateGray;
	border-radius:50%;
	text-align:center;
	vertical-align:middle;
	line-height:91px;
	font-family:cursive;
	font-size:60px;
	font-weight:normal;
	color:black;
	background-color:LightYellow;
	text-shadow:2px 2px 5px black;
}
.fond_etoile1{
	display: grid;
	grid-template-columns:800px;
	grid-template-rows:787px;
	justify-content: center;
	align-content: center;
	gap:0px 0px;
}
/* jeu de logique Roma */
.grille_roma{
	display: grid;
	grid-template-columns:repeat(8,90px);
	grid-template-rows:repeat(8,90px);
	justify-content: center;
	align-content: center;
	gap:0px 0px;
}
.grille_roma6{
	display: grid;
	grid-template-columns:repeat(6,90px);
	grid-template-rows:repeat(6,90px);
	justify-content: center;
	align-content: center;
	gap:0px 0px;
}
.fond_grille_roma{
	width:100%;
	height:100%;
	background-color:transparent;
	outline: 8px solid black;
	outline-offset:-3px;
	box-shadow:5px 5px 20px black;
}
.case_roma{
	width:100%;
	height:100%;
	outline: 2px solid gray;
	outline-offset:-1px;
	background-color:LightCyan;
	vertical-align:middle;
	line-height:90px;
	font-family:fontformes;
	font-size:70px;
	font-weight:normal;
	color:DarkSlateGray;
	text-shadow:4px 4px -10px black;
}
.case_romaE{
	width:100%;
	height:100%;
	margin-left:-2px;
	border-right:5px solid Maroon;
	background-color:none;
}
.case_romaS{
	width:100%;
	height:100%;
	margin-top:-2px;
	border-bottom:5px solid Maroon;
	background-color:none;
}
.case_romaES{
	width:100%;
	height:100%;
	margin-top:-2px;
	margin-left:-2px;
	border-right:5px solid Maroon;
	border-bottom:5px solid Maroon;
	background-color:none;
}
/* cible */
.zone_cible{
	display:block;
	width:900px;
}
.grille_cible{
	display: grid;
	grid-template-columns:repeat(10,90px);
	grid-template-rows:repeat(8,90px) 10px 192px;
	justify-content: center;
	align-content: center;
	gap:0px 0px;
}
.zone_cible_0{
	width:100%;
	height:100%;
	background-color:White;
	box-shadow:3px 3px 5px black;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	font-family:cursiveb;
	line-height:90px;
	font-size:50px;
	color:Crimson;
}
.zones_cible{
	width:100%;
	height:100%;
	clip-path:circle(50% at 50% 50%);
	cursor:pointer;
}
.zone_cible_3{
	background-color:#729fcf;
}
.zone_cible_5{
	background-color:#5983b0;
}
.zone_cible_7{
	background-color:#3465a4;
}
.zone_cible_10{
	background-color:#355269;
}
.points_cible{
	width:100%;
	height:100%;
	background-color:White;
	box-shadow:3px 3px 5px black;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	font-family:digital;
	line-height:90px;
	font-size:60px;
	color:Crimson;
}
.flechette_cible{
	position:relative;
	top:0px;
	left:0px;
	background:none;
	visibility:hidden;
	cursor:pointer;
}
/* Strimko */
.grille_strimko{
	display: grid;
	grid-template-columns: 20px 100px 60px 100px 60px 100px 60px 100px 60px 100px 20px;
	grid-template-rows: 20px 100px 60px 100px 60px 100px 60px 100px 60px 100px 20px;
	justify-content: center;
	align-content: center;
	gap:0px 0px;
}
.fond_strimko{
	width:100%;
	height:100%;
	background-image: url(./Images/fond_texture0.jpg);
	background-repeat:repeat;
	box-shadow:3px 3px 5px black;
	border-radius:10px;
}
.hori_strimko{
	width:100%;
	height:100%;
	background-color:Tan;
	clip-path:inset(40% 10% 40% 10%);/* 260 */
}
.verti_strimko{
	width:100%;
	height:100%;
	background-color:Tan;
	clip-path:inset(10% 40% 10% 40%);
}
.diago_strimko{
	width:100%;
	height:100%;
	background-color:Tan;
	clip-path:polygon(10% 5%, 95% 90%, 90% 95%, 5% 10%);
}
.disque_strimko,.disque_strimko0{
	width:100%;
	height:100%;
	background-color:White;
	box-shadow:3px 3px 5px black;
	vertical-align:middle;
	text-align:center;
	font-family:cursiveb;
	line-height:100px;
	font-size:70px;
	color:SaddleBrown;	
	cursor:pointer;
	clip-path:circle(50% at 50% 50%);
}
.disque_strimko0{
	background-color:SaddleBrown;
	color:White;	
	cursor:default;
}
/* Différentes opérations */
.grille_difop{
	display: grid;
	grid-template-columns: 20px 60px 90px 60px 90px 60px 90px 60px 90px 60px 90px 60px 20px;
	grid-template-rows: 20px 90px 60px 90px 60px 90px 60px 90px 60px 90px 20px;
	justify-content: center;
	align-content: center;
	grid-collumn-gap:0px;
	gap:0px 0px;
}
.grille_difop_fond{
	width:100%;
	height:100%;
	background-color:Lightblue;
	box-shadow:3px 3px 5px black;
	border-radius:10px;
}
.case_difop,.case_difop_oper{
	width:100%;
	height:100%;
	background-color:SteelBlue;
	box-shadow:3px 3px 5px black;
	vertical-align:middle;
	text-align:center;
	font-family:cursiveb;
	line-height:90px;
	font-size:70px;
	color:Gold;	
	cursor:pointer;
}
.case_difop_oper{
	background:none;
	box-shadow:none;
	line-height:60px;
	font-size:55px;
	color:MidnightBlue;	
	cursor:default;
}
.diago_difop{
	width:100%;
	height:100%;
	background-color:Teal;
	clip-path:polygon(10% 45%, 75% 45%, 75% 40%, 90% 50%, 75% 60%, 75% 55%, 10% 55%);
}
/* Tenner Grid */
.grille_tenner_chiffres{
	display: grid;
	grid-template-columns:repeat(11,50px);
	grid-template-rows:60px;
	justify-content: center;
	vertical-align:middle;
	gap:10px 10px;
}
.case_tennergrid,.case_tennergrid2,.case_tennergridd{
	width:100%;
	height:100%;
	border:1px solid black;
	background-color:White;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.case_tennergridd{
	background-color:PaleTurquoise;
	cursor:default;
}
.case_tennergrid2{
	border:none;
	outline: 5px solid Gray;
	outline-offset:-3px;
}
.grille_tennergrid3,.grille_tennergrid4,.grille_tennergrid5{
	display: grid;
	grid-template-columns:repeat(10,60px);
	grid-template-rows:repeat(3,60px);
	justify-content: center;
	vertical-align:middle;
	gap:1px 1px;
}
.grille_tennergrid4{
	grid-template-rows:repeat(4,60px);
}
.grille_tennergrid5{
	grid-template-rows:repeat(5,60px);
}
.tennergrid_chiffres,.tennergrid_chiffres2,.tennergrid_chiffresd,.tennergrid_chiffrest{
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:black;
	text-shadow:2px 2px 2px gray;
	font-family:cursiveb;
    background: -webkit-gradient(linear, left top, left bottom, from(LightSeaGreen), to(DarkCyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow: 5px 5px 10px rgba(50,50,50,.8);
	font-size:50px;
	line-height:60px;
	cursor:pointer;
}
.tennergrid_chiffres2{
	line-height:60px;
	cursor:pointer;
}
.tennergrid_chiffresd,.tennergrid_chiffrest{
    background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(DarkGray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow: 5px 5px 10px rgba(50,50,50,.8);
	cursor:default;
}
.tennergrid_chiffrest{
	font-size:40px;
	line-height:60px;
}
/* énigme grille avec cases grises */
.grille_1{
	display: grid;
	grid-template-columns: repeat(12, 61px);
	grid-template-rows:repeat(12, 61px);
	justify-content: center;
	grid-gap:3px;
	line-height:60px;
}
.case_grille1_b,.case_grille1_g{
	width:100%;
	height:100%;
	line-height:60px;
	border:1px solid DodgerBlue;
	background-color:White;
	vertical-align:middle;
	text-align:center;
	font-family:cursiveb;
	font-size:30px;
	color:IndianRed;
	text-shadow:2px 2px 2px black;
}
.case_grille1_g{
	background-color:Silver;
	color:DarkSlateGray;
}
.coul_texte1{
	color:Salmon;
}



@-webkit-keyframes lumineux {
  0% {
    text-shadow: 1px 1px 10px #C0C0C0;
  }
  50% {
    text-shadow: 1px 1px 10px #FFFFFF;
  }
  100% {
    text-shadow: 1px 1px 10px #C0C0C0;
  }
}
@keyframes lumineux {
  0% {
    text-shadow: 1px 1px 10px #C0C0C0;
  }
  50% {
    text-shadow: 1px 1px 10px #FFFFFF;
  }
  100% {
    text-shadow: 1px 1px 10px #C0C0C0;
  }
}

/* ------------------------- */


@media all and (min-width: 1024px)
{
}


@media all and (max-width: 1024px)
{
	.plus{
		top:350px;
	}
	#image_palma{
		margin-top:300px;
	}
	.bloc_tableau{
		font-size:35px;
	}
	.bloc_tableau2{
		font-size:30px;
	}
	.el_palma{
		font-size:50px;
	}
	.texte_aimant{
		font-size:12px;
	}
	.grille_2{
		grid-template-columns: 100px 40px 100px 40px 100px 40px 100px;
		grid-template-rows: 100px 40px 100px 40px 100px 40px 100px;
	}
	.case_grille2_c,.case_grille2_r{
		line-height:100px;
		font-size:60px;
	}
	.case_grille2_signe_i{
		line-height:100px;
	}
	.case_grille2_signe_p{
		line-height:40px;
	}
	.grille_4{
		grid-template-columns: 10px repeat(8,80px) 10px;
		grid-template-rows: 10px repeat(8,80px) 10px;
	}
	.texte_stitches{
		font-size:50px;
	}
	.noeud4{
		margin-top:20px;
		margin-left:20px;
		width:46px;
		height:46px;
	}
	.lien4_N{
		height:47px;
		margin-left:30px;
		width:24px;
	}
	.lien4_E{
		width:47px;
		margin-left:36px;
		height:24px;
		margin-top:30px;
	}
	.lien4_S{
		height:47px;
		margin-left:30px;
		width:24px;
		margin-top:36px;
	}
	.lien4_O{
		width:47px;
		margin-left:0px;
		height:24px;
		margin-top:30px;
	}
	.grille_garam{
		grid-template-columns:repeat(7,100px);
		grid-template-rows:repeat(9,100px);
	}
	.case_garam,.case_garam_vide{
		font-size:70px;
		line-height:100px;
	}
	.case_garam_h,.case_garam_v{
		margin-top:40px;
	}
	.case_garam_h{
		margin-left:50px;
	}
	.case_garam_v{
		margin-top:85px;
	}
	.image_signe{
		width:35px;
		vertical-align:middle;
	}
}