/*
structure des div :

div#word-search-container > div.html5-soup  > div.html5-wordsearch > canvas x 3

*/



/* ------------------------------------------------------------------------------------------- */
/* ------------------------------- conteiner principale --------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
div#word-search-container  {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width: 100%;
	height: 680px;
}

.html5-soup {
    margin: 0 auto;
    padding-top: 50px; /* espace vertical pour toolbar */
}
.notoolbar .html5-soup {
    padding-top: 0px; /* pas d'espace vertical si aucune toolbar */
}

html.lt-ie8 .html5-soupsoup { padding-top: 50px; }
html.lt-ie8 .notoolbar .html5-soupsoup { padding-top: 0px; }
html.lt-ie9 #html5-wordsearch { margin-top: 50px; }
html.lt-ie9 .notoolbar #html5-wordsearch { margin-top: 0px; }



/* ------------------------------------------------------------------------------------------- */
/* ------------------- conteiner toolbar + grille + worldlist -------------------------------- */
/* ------------------------------------------------------------------------------------------- */
.wordsearch {
    position: relative;
    overflow: hidden;   
    -webkit-user-select: none;
}


/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------- classe de la grille ------------------------------------ */
/* ------------------------------------------------------------------------------------------- */
.html5-wordsearch {
    position: relative;
}
/* conteiner grille */
div.html5-wordsearch  {
	box-sizing: border-box;
}


/* ------------------------------------------------------------------------------------------- */
/* ------------- canvas layers: canvas.layer + canvas.lines + canvas.grid -------------------- */
/* ------------------------------------------------------------------------------------------- */
.html5-wordsearch canvas,
.html5-wordsearch ul,
.html5-wordsearch div {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.html5-wordsearch canvas {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
		background:transparent;
		-webkit-rendering:crisp-edges!important;
		-moz-rendering:crisp-edges!important;
		image-rendering:crisp-edges!important; /* lettres plus nettes sur mobile ! */
}
.html5-wordsearch canvas.layer {
		border: 1px solid #000000;
		border-radius:5px;
		padding:0px;
		background-color:#FFFFFF;
		background-image: none;
}
.html5-wordsearch canvas.layer.over {
	background-position: 0px 800px;
	transition: background 0.75s ease-in;
}
.html5-wordsearch canvas.lines {
	border: 1px solid transparent; /* évite d'avoir un décalage d'1 pixel */
}
.html5-wordsearch canvas.grid {
  border: 1px solid transparent; /* évite d'avoir un décalage d'1 pixel */
}




/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------------ loading ---------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
.loading .html5-wordsearch, .loading .wordsearch,
.loading.wordsearch {
    background-image: url("../images/loader_124x124.gif");
    background-repeat: no-repeat;
    background-position: center 30%;
}
 /* pendant chargement conteiner invisible */
.loading .html5-wordsearch {
	opacity:0;
}
/* transition une fois le chargement terminé */
.html5-wordsearch {
    transition: opacity .75s linear;
}




/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------------ hide form --------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
body.hide-form #save-score-form {
    display: none;
}



/* ------------------------------------------------------------------------------------------- */
/* --------------------------------- selected letters live preview --------------------------- */
/* ------------------------------------------------------------------------------------------- */
div#SelectionPreview {
	background:#8080FF;
	border-radius:12px;
	text-align:center;
	vertical-align: middle;
	height:35px;
	line-height:35px;
	min-width:150px;
	padding:0px;
	padding-left:8px;
	padding-right:8px;
	font-size:24px;
	color:#FFFFFF;
	margin-bottom:10px;
}
	@media (max-width: 640px) {
		div#SelectionPreview {
			font-size:17px;
			padding-left:4px;
			padding-right:4px;
			border-radius:6px;
		}
	}

div#SelectionPreview:after {
	content: '\200b';
}
div#SelectionPreview.on {
	//display: inline-block;
}





/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------------- liste de mots à trouver -------------------------- */
/* ------------------------------------------------------------------------------------------- */
.html5-wordsearch div.description {
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    margin: 0 10px;
    display: none;
}

.html5-wordsearch .description span.word {
    background: #050;
    color: #fff;
    padding: 2px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}


.html5-wordsearch div.list {
   border: 1px solid #000000;
   background:#FFFFFF;
	 border-radius:5px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 110px;
    overflow-y: auto;
	 box-sizing: border-box;
	 padding:0px;margin:0px;
	 vertical-align:top;
}
.html5-wordsearch div.list ul {
	padding:0px;margin:0px;
	list-style-type: none;
	box-sizing: border-box;
	width:100%;
	overflow:hidden;
	padding-top:5px;
}
.html5-wordsearch div.list li {
		position:relative;
    padding: 0px;
		height:21px;
		line-height:21px;
    color:#000000; /* couleur des mots à trouver */
		padding-left:10px;
    //border-bottom: 1px dotted #eee;
		font-weight:bold;
		box-sizing: border-box;
		display: block;
}
.html5-wordsearch div.list li:last-child {
	border-bottom: none;
}

.html5-wordsearch div.list li a {
    outline: none;
    color: #676f7f;
    font-size: 11px;
    padding: 2px 8px;
    background: #f1f0f0;
    border-radius: 3px;
    text-decoration: none;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
         -o-border-radius: 3px;
        -ms-border-radius: 3px;
            border-radius: 3px;
    -webkit-text-shadow: 0 1px #fff;
       -moz-text-shadow: 0 1px #fff;
            text-shadow: 0 1px #fff;
}

.html5-wordsearch div.list li.crossed a,
body.disable-hints .html5-wordsearch div.list li a {
    visibility: hidden;
}

.html5-wordsearch div.list li.crossed {
    background-repeat: no-repeat;
    background-position: 10px center;
}

.html5-wordsearch div.list li.crossed.bad {
   // background-image: url(../images/bad-icon.png);
}

.html5-wordsearch div.list li.crossed.good {
   // background-image: url(../images/check-icon.png);
}


div.list li.crossed span {
 		color:#DDDDDD; /* couleur texte mots trouvés */
		//text-decoration: line-through;
}
.phone div.list li.crossed span {
 		color:#DDDDDD; /* couleur texte mots trouvés sur mobile ou si liste en dessous */
}




/* -------------------------------------------------------------------------------------------*/
/* ------------------- liste mots si en dessous de la grille (mobile) ------------------------*/
/* -------------------------------------------------------------------------------------------*/
.phone div.list {
    top: 100%;
    left: 0;
		right:auto;
    margin-top: 10px;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 4px;
		position:absolute;	
}
.phone .html5-wordsearch div.list ul {
	padding-top:0px;
}

.phone div.list li {
    display: inline-block;
    border: none;
    margin: 0px 8px;
    background: #FFFFFF; /* couleur fond des mots à trouver si en dessous grille */
    padding: 0px 0px;
    border-radius: 4px;
		height:19px;
		line-height:19px;
}
@media (max-width: 640px) {
		.phone div.list {
			padding: 2px;
		}
		.phone div.list li  {
			margin: 0px 4px;
			height:14px;
			line-height:14px;
			font-weight:normal;
			letter-spacing:0px;
		}
}

.phone div.list li.crossed.bad,
.phone div.list li.crossed.good {
    background-image: none;
}

.phone div.list li.crossed {
  		background: #F9F9F9; /* couleur fond mots déjà trouvés */
}

div.list li span {
    position: relative;
    padding: 0px;
    display: inline-block;
}
div.list li.crossed span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0px;
    height: 1px;
    left: 0;
    width: 100%;
    opacity: .8;
		background: #000000; /* couleur trait barrant mots trouvés */
}

 div.list li.crossed.bad span:after {
    background: red;
}



.phone div.list li a {
    display: none;
}

.desktop div.list {
    height: 100%;
}












/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------- Options bar ----------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
div.html5-wordsearch-toolbar {
   // background: #fff;
    z-index: 500;
    top: -1px;
    left: 0;
    position: absolute;
    //border-bottom: 1px solid #000;
    padding: 7px 0px 5px 0px;
    width: 100%;
    height: 32px;
    /*
		-moz-box-shadow: 0 0 5px black;
		-webkit-box-shadow: 0 0 5px black;
		box-shadow: 0 0 5px black;
		*/
    transition: opacity .5s linear;
    text-align: center;
}
.notoolbar div.html5-wordsearch-toolbar {
		display:none;
		height: 0px;
}

div.html5-wordsearch-toolbar ul {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 auto;
}

div.html5-wordsearch-toolbar ul li { 
    display: inline-block;
    zoom: 1;
    *display: inline;
    list-style: none;
    line-height: 25px;
    margin-left: -4px;
}

div.html5-wordsearch-toolbar ul li b {
    margin-right: 10px;
}

div.html5-wordsearch-toolbar ul li div.words {
    width: 110px;
}
div.html5-wordsearch-toolbar ul li div.words select {
    width: 130px;
}

div.html5-wordsearch-toolbar ul #download-button {
    display: none;
    position: absolute;
    right: 20px;
}

/* Clock */
#html5-wordsearch-timer {
    width: 90px;
}

#html5-wordsearch-score {
    width: 90px;
    display: block;
    text-align: center;
}

#modal-window #save-score-form .button { float: none; clear: both; }

#save-score-input {
    border: 1px solid #eee;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 1px 1px 4px #000 inset;
       -moz-box-shadow: 1px 1px 4px #000 inset;
            box-shadow: 1px 1px 4px #000 inset;
    outline: none;
    padding: 5px
       
}

.phone #font-size-up,
.phone #font-size-down {
    display: none;
}

.phone #show-help,
.phone #restart {
    text-indent: -10000px;
    background-position: center;
    background-color: #fff;
}

.phone .html5-wordsearch-toolbar li {
    background-color: #fff;
}

.phone .html5-wordsearch-toolbar {
    width: 100%;
    padding-left: 10px;
}

.phone #html5-wordsearch-score,
.phone #html5-wordsearch-timer {
    background: white;
}

.phone #html5-wordsearch-timer {
    width: 45px;
}

html.lt-ie8 #font-size-down small { font-size: 12px; }
html.lt-ie7 #download-puzzle span { display: none; }





/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------ FENETRES MODALES ------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
div#modal-window h1,
div#modal-window h2,
div#modal-window h3,
div#modal-window h4,
div#modal-window h5,
div#modal-window h6 { text-align: center; margin-bottom: 5px; }

.modal-hidden { display: none; }

/* overlay */
div#modal-window-overlay {
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 500;
    cursor: pointer;
		display:none; /* pas besoin d'overlay... */
}

div#modal-window-overlay.hide { display: none; }

/* modal window */
div#modal-window {
    font-family: Helvetica, Arial, sans-serif;
    position: absolute;
    //top: -3px;
		top:60%;
    left: 50%;
    z-index: 1000;
    background: #fefefe;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-transition: top .4s ease-in-out;
    -moz-transition: top .4s linear;
    -o-transition: top .4s linear;
    -ms-transition: top .4s linear;
    transition: top .4s linear;
		width: 100%;
    max-width: 450px;
    border: none;
    color: #333;
		padding: 10px;
		border-radius:6px;
    box-sizing: border-box;
}


.phone #modal-window {
 /*
 margin-left: 0!important;
    left: 0;
    right: 0;
		*/
}

div#modal-window.hide { top: -1000px; display: block; }

/* close button */
div#modal-window .button {
    float: right;
    margin: 3px 0;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    padding: 4px 10px 4px;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #ffffff;
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #e6e6e6;
    border-bottom-color: #e6e6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}





/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------- HELP MESSAGE ---------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
div#modal-window.help li {
    list-style: circle;
    margin: 10px;
}

div#modal-window.help #puzzle-description.hide { display: none; }

div#modal-window.help #puzzle-description {
    background: #efefef;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    text-align: justify;
    padding: 4px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}




/* ------------------------------------------------------------------------------------------- */
/* --------------------------------------- boutons ------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
a.button, b.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    outline: none;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}

a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

a.button:active {
    color: #000;
    border-color: #444;
}

a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}

a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}

a.middle:hover, a.right:hover { border-left: solid 1px #999 }

a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}

a.help {
    background: url(../images/help.png) 10px 6px no-repeat #f3f3f3;
    padding-left: 30px;
}

a#restart {
    background: url(../images/restart.png) 10px 6px no-repeat #f3f3f3;
    padding-left: 30px;
}

#download-puzzle {
    position: absolute;
    right: 20px;
    display: none;
}
 
#download-puzzle span {
    text-decoration: underline;
    font-weight: bold;
    -webkit-text-shadow: 0 -1px 0 #aaa;
       -moz-text-shadow: 0 -1px 0 #aaa;
        -ms-text-shadow: 0 -1px 0 #aaa;
            text-shadow: 0 -1px 0 #aaa;
}









/* ------------------------------------------------------------------------------------------- */
/* --------------------------------------- VIVE PAQUES FR------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
.grille-paques-difficile .html5-wordsearch canvas.layer, .grille-paques .html5-wordsearch canvas.layer  {
		border: 1px solid #8080FF;
		border-radius:5px;
		padding:0px;
    background-repeat: no-repeat;
    background-position: center bottom;
		background-size: cover;
		transition: background 1.95s ease;
}

/* ------------------------------------ grille paques difficile ------------------------------- */
div#word-search-container.grille-paques-difficile {
	max-width:530px;
} 
.grille-paques-difficile  div#SelectionPreview {
	background:#8080FF;
	border-radius:12px;
	color:#FFFFFF;
}
.grille-paques-difficile .html5-wordsearch canvas.layer {
		border: 1px solid #8080FF;
		background-color:#FFFFFF;
		background-image: url("../images/fond-mots-meles-paques-niveau-difficile.png");
		transition: background 1.95s ease;
}
.grille-paques-difficile .html5-wordsearch canvas.layer.over {
	background-position: 0px 800px;
	transition: background 0.75s ease-in;
}
.grille-paques-difficile .html5-wordsearch div.list {
   border: 1px solid #8080FF;
   background:#FFFFFF;
}
.grille-paques-difficile .html5-wordsearch div.list li {
    color:#2B30FF; /* couleur des mots à trouver */
}
.grille-paques-difficile div.list li.crossed {
  		background: #FFFFFF; /* couleur fond mots déjà trouvés */
}
.grille-paques-difficile div.list li.crossed span {
			color:#D9DAFF; /* couleur mots déjà trouvés */
}
.grille-paques-difficile .phone div.list li.crossed {
  		background: #FFFFFF; /* couleur fond des mots trouvés */
}.grille-paques-difficile div.list li.crossed span:after {
		background: #070A93; /* couleur trait barrant mots trouvés */
}





/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------ grille paques facile ------------------------------- */
/* ----------------------------------------------------------------------------------------- */
div#word-search-container.grille-paques {
	max-width:530px;
	height: 640px;
}
.grille-paques  div#SelectionPreview {
	background:#FFA300;
	border-radius:12px;
	color:#FFFFFF;
}
.grille-paques .html5-wordsearch canvas.layer {
		border: 1px solid #FFA300;
		background-color:#FFFFFF;
		background-image: url("../images/fond-mots-meles-paques.png");
		transition: background 1.95s ease;
}
.grille-paques .html5-wordsearch canvas.layer.over {
	background-position: 0px 800px;
	transition: background 0.75s ease-in;
}
.html5-wordsearch div.list {
   border: 1px solid #FFA300;
   background:#FFFFFF;
}
.grille-paques .html5-wordsearch div.list li {
    color:#FFA300; /* couleur des mots à trouver */
}
.grille-paques .phone div.list li.crossed {
  		background: #FFFFFF; /* couleur fond mots déjà trouvés */
}
.grille-paques div.list li.crossed span {
			color:#FFDFAD; /* couleur mots déjà trouvés */
}
.grille-paques div.list li.crossed span:after {
		background: #8A5502; /* couleur trait barrant mots trouvés */
}




/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------ grille facile happy-easter ------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
.easter-grid .html5-wordsearch canvas.layer  {
		border: 1px solid #8080FF;
		border-radius:5px;
		padding:0px;
    background-repeat: no-repeat;
    background-position: center bottom;
		background-size: cover;
		transition: background 1.95s ease;
}
div#word-search-container.easter-grid {
	max-width:530px;
} 
.easter-grid  div#SelectionPreview {
	background:#FFA300;
	border-radius:12px;
	color:#FFFFFF;
}
.easter-grid .html5-wordsearch canvas.layer {
		border: 1px solid #FFA300;
		background-color:#FFFFFF;
		background-image: url("../images/background-easy-easter-word-search.png");
		transition: background 1.95s ease;
}
.easter-grid .html5-wordsearch canvas.layer.over {
	background-position: 0px 800px;
	transition: background 0.75s ease-in;
}
.html5-wordsearch div.list {
   border: 1px solid #FFA300;
   background:#FFFFFF;
}
.easter-grid .html5-wordsearch div.list li {
    color:#FFA300; /* couleur des mots à trouver */
}
.easter-grid .phone div.list li.crossed {
  		background: #FFFFFF; /* couleur fond mots déjà trouvés */
}
.easter-grid div.list li.crossed span {
			color:#FFDFAD; /* couleur mots déjà trouvés */
}
.easter-grid div.list li.crossed span:after {
		background: #8A5502; /* couleur trait barrant mots trouvés */
}




/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------ grille difficile happy-easter ------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
.easter-hard-grid .html5-wordsearch canvas.layer  {
		border: 1px solid #8080FF;
		border-radius:5px;
		padding:0px;
    background-repeat: no-repeat;
    background-position: center bottom;
		background-size: cover;
		transition: background 1.95s ease;
}

div#word-search-container.easter-hard-grid {
	max-width:530px;
} 
.easter-hard-grid  div#SelectionPreview {
	background:#8080FF;
	border-radius:12px;
	color:#FFFFFF;
}
.easter-hard-grid .html5-wordsearch canvas.layer {
		border: 1px solid #8080FF;
		background-color:#FFFFFF;
		background-image: url("../images/background-hard-easter-word-search.png");
		transition: background 1.95s ease;
}
.easter-hard-grid .html5-wordsearch canvas.layer.over {
	background-position: 0px 800px;
	transition: background 0.75s ease-in;
}
.easter-hard-grid .html5-wordsearch div.list {
   border: 1px solid #8080FF;
   background:#FFFFFF;
}
.easter-hard-grid .html5-wordsearch div.list li {
    color:#2B30FF; /* couleur des mots à trouver */
}
.easter-hard-grid div.list li.crossed {
  		background: #FFFFFF; /* couleur fond mots déjà trouvés */
}
.easter-hard-grid div.list li.crossed span {
			color:#D9DAFF; /* couleur mots déjà trouvés */
}
.easter-hard-grid .phone div.list li.crossed {
  		background: #FFFFFF; /* couleur fond des mots trouvés */
}.easter-hard-grid div.list li.crossed span:after {
		background: #070A93; /* couleur trait barrant mots trouvés */
}






div.outdated-browser {
	display:none;
}
.ie8 div.outdated-browser.with-background {display:inline-block;}
.ie8 div#word-search-container  {display:none!important;height:0px;}