@charset utf-8;



/*

general styles

*/


/*
#sidebar .menu li{
text-align: center;   
}
*/




.enLigne span:after{
	content:"En ligne";
}
.aImprimer span:after{
	content:"A imprimer";
}

.enLigne span, .aImprimer span{
	font-size:11px;
	float: right;
	background-color: #565656;
	padding: 0 5px;
	color:#fff;
	border-radius:3px;
	text-transform: uppercase;
	font-weight:bold;
	max-height: 20px;
	line-height:21px;
	margin-top: -2px;
	opacity: 0.7;
	font-family: 'Montserrat';
}
#sidebar .menu a:hover span{
	background-color: #FF4C4C;   
}

/*
.aImprimer span{
	width: 22px;
	height: 22px;
	display: inline-block;
	float: right;
	background: url(images/printer.png);
}
#sidebar .menu .aImprimer a:hover span{
	background: url(images/printer2.png);
}
*/

.box-game span{
	position: absolute;
	left:-2px;
	top:-2px;
	background-color: #000;
	border:solid 1px #fff;
	color:#fff;
	text-transform:uppercase;
	padding: 1px 4px;
	font-weight:bold;
	opacity: 0.95;
}
.numberComment{
	display: inline;
	padding-bottom: 3px;
	border-bottom: solid 3px #FF4D4D;
	font-weight: bold;
	font-size: 19px;
	position: relative;
	top:20px;
}
#comments ol{
	margin-top: 40px;
	list-style-type:none;
}
.comment-meta .gravatar{
	display: inline-block;
	margin-right: 10px;
}
.comment-meta .gravatar img{
	border-radius:3px;
}
.comment-meta .infoUser{
	display: inline-block;	
}
.comment-meta .infoUser .authorComment{
	font-weight: bold;
	font-size: 16px;
	color:#3A3A3A;
	position: relative;
	top: -9px;
}
.comment-meta .infoUser .dateComment{
	font-size: 11px;
	position: relative;
	top: -9px;
	color:#888;
}
.comment-text{
	margin-left: 49px;
	font-weight: 600;
	color:#505050;
	line-height:14px;
	margin-top: -9px;
}
li.comment{
	margin-bottom: 25px;
	margin-left: 8px;
}
#comments-form h3{
	font-weight: bold;
	font-size: 19px;
	margin-top: 40px;
	padding-bottom: 10px;
	padding-left: 2px;
}
#comments-form input{
	border-radius:3px;
	border:solid 1px #bbb;
}
#comments-form textarea{
	width: 95%;
	border-radius:3px;
	border:solid 1px #bbb;
	margin-left: 2px;
}
#comments-form #submit{
	display: none !important;
	border:none;
	border-radius:2px;
	background-color: #FF4D4D;
	color:#fff;
	padding: 6px 22px;
	font-size: 17px;
	float: right;
	margin-right: 21px;
}
#comments-form #submit:hover{
	display: none !important;
	cursor: pointer;
	background-color: #ff3b3b;
}
.singleComment{
	margin-left: 18px;	
}
.serif,

cite,

blockquote,

h3,

h4,

h5,

h6 {

	font-weight: normal;

}



.post h3,

.post h4,

.post h5,

.post h6 {

	margin: 24px 12px 12px;

}



.monospace,

var,

code {

	font-family: courier new, courier, monospace;

}



.amp {

	font-style: italic;

	font-family: baskerville,palatino,palatino linotype,book antiqua,georgia,times,times new roman,serif;

	font-weight: normal;

}



a{

	color: #515151;

}

a:hover{

	text-decoration: none;

}

.contenu a {
	text-decoration: underline!important;
	color:#0049ff;
/*	color: #FF4D4D;*/

}

/*a:link {

color: #075b01;

}*/

/*a:visited {

color: #054a01;

}*/

/*a:hover,a:active {

color: #0fd003;

}*/



.post-content ul,

.post-content ol {

	padding-left: 24px;

}



input,

textarea { 

	border: 1px #aaa solid;

	padding: 5px;

	outline: none;

}

input:hover,

textarea:hover,

input:focus,

textarea:focus {

	border: 1px #444 solid;

}

input:focus,

textarea:focus {

	box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);

	-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);

	-moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);

}

textarea {

	min-height: 150px;

	width: 100%;

}



blockquote {

	border-top: 1px #ccc dotted;

	border-bottom: 1px #ccc dotted;

	text-align: justify;

	margin: 20px;

	padding: 12px;

}

blockquote:first-letter {

	font-size: 24px;

	padding-right: 1px;

}

blockquote:first-line {

	font-size: 20px;

}





/*

layout styles

*/



#if-logged-in .container {

	background: #000;

	margin-top: -24px;

}



body {

	font-family: 'lato' !important;

	background: #fff url(images/background.png);

	color: #111 !important;

	padding: 0;

	font-size: 13px !important;

}



.container {

	/*background: #fff;*/

}

#header .top-header {

	background-color: #FF4D4D;

	height: 38px;

}

#elements logo img{

	margin: 6px 0 0 7px;

}



#elements joueurs{

	margin: 5px 25px 0 0;

	float: right;

	right:0;

	color: #fff;

	font-size: 14px;

}



#header .top-header {

	background-color: #FF4D4D;

	height: 38px;

}



#header .container {

	padding-top: 80px;

	padding-bottom: 40px;

}

#title {

	position: relative;

	height: 80px;

}

#logo,

#tagline {

	position: absolute;

	bottom: 0;

}

#logo {

	left: 0;

	font-size: 72px;

	line-height: 72px;

	letter-spacing: 0;

}

#tagline {

	font-size: 18px;

	right: 0;

	line-height: 36px;

}

#header-image.container {

	padding: 0;

}

.news-top{

	background-image: url(images/news-top.png);

	height: 29px;

	width: 698px;

	margin: 0 0 5px 3px;

	padding: 4px 0 0 30px;

}



#content {

	/*border-top: 1px #ccc solid;*/

}

#widget-alert {

	background: #C6D8CD;

	border: 1px #5b816a solid;

	padding: 24px;

	margin-bottom: 24px;

}

.post-single {

	padding-bottom: 20px;

	margin-bottom: 20px;

	border-bottom: 1px #dedede solid;

}

#sidebar {

	/*border-top: 1px #ccc solid;*/

	float: left;

	padding:40px 0 0 0;

}

#sidebar .menu li{

	margin-bottom: 8px;

	background: url(images/menu-line.png) no-repeat center bottom;

	padding-bottom: 5px;

}

#sidebar .menu li:hover{

	background: url(images/menu-line-hover.png) no-repeat center bottom;

}

#sidebar .menu a{

	text-decoration: none;

	color: #565656;

	font-weight: 400;

	font-size: 18px;

}

#sidebar .menu a:hover{

	color: #FF4C4C;

}

#sidebar .menu-line{

	background-image: url(images/menu-line.png);

}

#sidebar .le-dictionnaire{

	margin:15px auto 5px auto;

	text-align: center;

	height: 54px;

	width: 271px;

	background-image: url(images/le-dictionnaire.png);

}

#sidebar .le-dictionnaire:hover{

	cursor: pointer;

}

#sidebar .solutions{

	margin:0 auto;

	height: 54px;

	width: 271px;

	background-image: url(images/solutions.png);

}

#sidebar .solutions{

	cursor: pointer;

}



.box-game{

	margin: 0 13px 10px 0;

	float: left;

	height: 286px;

	width: 236px;

	background-image: url(images/box-game.png);

	position: relative;

}

.box-game .jeu{

	margin: 3px 0 0 5px;

	width: 226px;

	height: 226px;

	background-color: #2d2d2d;

}



.mots-croises{ background: url(images/pic-mots-croises.png); }

.mots-croises:hover{

	cursor: pointer;

	background: url(images/pic-mots-croises.png) 0 -226px;

}

.mots-meles{ background: url(images/pic-mots-meles.png); }

.mots-meles:hover{

	cursor: pointer;

	background: url(images/pic-mots-meles.png) 0 -226px;

}

.mots-fleches{ background: url(images/pic-mots-fleches.png); }

.mots-fleches:hover{

	cursor: pointer;

	background: url(images/pic-mots-fleches.png) 0 -226px;

}

.mots-mysteres{ background: url(images/pic-mots-mysteres.png); }

.mots-mysteres:hover{

	cursor: pointer;

	background: url(images/pic-mots-mysteres.png) 0 -226px;

}

.jeux-de-mots{ background: url(images/pic-jeux-de-mots.png); }

.jeux-de-mots:hover{

	cursor: pointer;

	background: url(images/pic-jeux-de-mots.png) 0 -226px;

}

.sudoku{ background: url(images/pic-sudoku.png); }

.sudoku:hover{

	cursor: pointer;

	background: url(images/pic-sudoku.png) 0 -226px;

}



.nomJeu{

	padding: 7px 0 0 12px;

	color: #515151;

	font-weight: 600;

	height: 16px;
	font-size: 10pt;

}



.descriptionJeu{

	font-size: 12px;

	padding: 0 0 0 12px;

	color: #515151;

}



.defCruciverbiste{

	margin: 10px 0 0 0;

	font-size: 16px;

	padding:9px 12px 9px 11px;

	color: #515151;

}

#content2{

	margin: 10px 0 0 3px;

	text-align: justify;

}

#content2 a{

	color: #FF4D4D;

}

#tabs {

	margin: 10px 0 0 3px;

	overflow: hidden;

	width: 100%;

	padding: 0;

	list-style: none;

}



#tabs li {

	float: left;

	margin: 0 -15px 0 0;

}



#tabs a {

	float: left;

	font-size: 12px;

	position: relative;

	padding: 0 27px;

	height: 0;

	line-height: 27px;

	text-transform: uppercase;

	text-decoration: none;

	color: #fff;      

	border-right: 27px solid transparent;

	border-bottom: 27px solid #3D3D3D;

	border-bottom-color: #777\9;

	opacity: .3;

	filter: alpha(opacity=30);      

}



#tabs a:hover,

#tabs a:focus {

	border-bottom-color: #FF4D4D;

	opacity: 1;

	filter: alpha(opacity=100);

}



#tabs a:focus {

	outline: 0;

}



#tabs #current {

	z-index: 3;

	border-bottom-color: #3d3d3d;

	opacity: 1;

	filter: alpha(opacity=100);      

}

#sidebar .widget-area {

	padding-bottom: 20px;

	margin-bottom: 20px;

	border-bottom: 1px #dedede solid;

}

#siebar ul,

#sidebar li {

	padding: 0;

	margin: 0;

	list-style: none;

}

#sidebar .children {

	padding-left: 10px;

}

#sidebar .children .children {

	padding-left: 10px;

}

.footer{

	padding-top: 20px;

	padding-bottom: 20px;

	text-align: center;

	font-size: 12px;

}

#footer-content {

	padding: 20px 20px 20px 20px;

}

#footer ul,

#footer li {

	display: inline;

	list-style: none;

}

#footer li a {

	padding: 0 10px;

}



/* JEUX */

.box-description{

	background-image: url(images/box-description.png);

	padding: 8px 10px 0px 10px ;

	height: 62px;

	width: 710px;

	font-size: 14px;

	line-height: 1.2em;

	text-align: justify;

	margin: 0 0 10px 3px;

	font-style:italic;

}

.box-top{

	width:715px;

	height: 3px;

	background-image: url(images/box-top.png);

	padding : 0 10px;

}

.box-nav-left{

	height:43px;

	width: 43px;

	background-color: #2d2d2d;

	margin: 1px 0 0 4px;

	background-image: url(images/nav-left.png);

	float: left;

}

.box-nav-title{

	width: 643px;

	float: left;

}

.box-nav-right{

	height:43px;

	width: 43px;

	background-color: #2d2d2d;

	margin: 1px 0 0 0;

	background-image: url(images/nav-right.png);

	float: left;

}

.box-top-jeux{

	width:735px;

	height: 43px;

	background-image: url(images/box-top-jeux.png);

}



.not-nav{

	width:715px;

	height: 35px;

	padding : 10px 10px 0px 10px;

	text-align: center;

	font-size: 24px;

	color: #515151;

}

.box-middle{

	width:715px;

	background-image: url(images/box-middle.png);

	padding : 10px;

	overflow: auto;

}

.numeros-grille{

	float: left;

	text-align: center;

	width: 238px;

}

.box-bottom{

	width:715px;

	height: 10px;

	background-image: url(images/box-bottom.png);

	padding : 0 10px;

}



/* GRILLES MC */

.editValue input {

	background: none repeat scroll 0 0 transparent !important;

	border: 0 none;

	color: #000;

	font-family: Segoe UI,Arial;

	font-size: 1.4em;

	left: -1px;

	padding: 0;

	position: relative;

	text-align: center;

	vertical-align: middle;

	width: 31px;

	height:31px;

	outline: none;

	text-transform: uppercase;

	cursor:default;

}

td{

	border: 1px solid #333;

	margin:0;

	padding:0;

	/*width:30px;*/

	background-color:#fff;

}

td .header{

	border: 1px #fff;

	margin:0;

	padding:0;

	width:30px;

	background-color:#fff;

}

table{

	border: 1px solid black;

	/*box-shadow: 0px 0px 30px #4BB5C1;

	-moz-box-shadow: 0px 0px 30px #4BB5C1;

	-webkit-box-shadow: 0 0 30px #4BB5C1;*/

}



#grille{
	float: left;
}
.caseBlack{

	background-color:#000;

}

.changeAlignement{

	background-color:#fff;

	text-align:center;

	margin:0;

	padding:0;

}

#precedent, #suivant{

	cursor: pointer;

}

#navigation{

	margin-top: 45px;

	font-size: 21px;

}

#titre{

	font-size: 21px;

	padding:10px 10px 20px 20px;

}



#temps{

	margin: 0 auto;

	width:50px; 

	margin-top:20px; 

	text-align:center; 

	font-size:18px;

}



.social{

	margin: 10px 0 0 0;

}

#solution, #solutionMot, #solutionVerifier, #solutionRAZ {

	padding:2px;

	margin: 0;

	background-color: #515151;

	border: 1px solid #515151;

	color: #FFF;

	cursor: pointer;

}



#boutonPDF input {

	padding:2px;

	margin: 0;

	background-color: #FF4D4D;

	border: 1px solid #FF4D4D;

	color: #FFF;

	cursor: pointer;

}

/* BLOG */

.header-blog{

	background-image: url(images/header-blog.png);

	height: 24px;

	width: 728px;

	margin: 0 0 0 4px;

}



.line-blog{

	background-image: url(images/line-blog.png);

	height: 2px;

	width: 724px;

	margin: 0 0 8px 8px;

}



titre h1 {

	padding: 15px 0 10px 12px;

	font-size: 25px;

	font-weight: bold;

	color: #515151;

}



categorie{

	color: #FFF;

	padding: 4px 0 0 12px;

	float: left;

	font-size: 14px;

	line-height: 1.2em;

} 

categorie a{

	color: #FFF;

}

date{

	margin: 0 0 0 10px;

	border-left: 1px solid #FFF;

	color: #FFF;

	padding: 0 0 0 12px;

	float: left;

	font-size: 13px;

} 



fil{

	margin: 0 0 0 4px;

	font-size: 12px;

	color: #515151;

}



.contenu{

	font-size: 14px;

	padding: 10px 20px 20px 20px;

	text-align: justify;

}

.contenu p{

	line-height: 1.3em;

}

.contenu h2{

	font-weight: 600;

	font-size: 18px;

	text-decoration: none;

	padding-bottom: 5px;

}

.contenu h3{

	margin: 5px 0 0 5px;

	font-size: 14px;

	text-decoration: none;

	padding-bottom: 5px;

	font-weight: 600;

}

.contenu h4{

	margin: 5px 0 0 13px;

	font-size: 13px;

	text-decoration: none;

	padding-bottom: 5px;

	text-decoration: underline;

}



.introduction{

	margin:15px;

	text-align: justify;

	font-size: 14px;

}



.button-news{

	height: 19px;

	width: 51px;

	background: url(images/buttons-categories.png);

	float: left;

	margin: 0 7px 0 0;

}

.button-news:hover, .active-news{

	height: 19px;

	width: 51px;

	background: url(images/buttons-categories.png) 0 -19px;

	float: left;

	cursor: pointer;

}

.button-histoires{

	height: 19px;

	width: 58px;

	background: url(images/buttons-categories.png) -51px 0;

	float: left;

	margin: 0 7px 0 0;

}

.button-histoires:hover, .active-histoires{

	height: 19px;

	width: 58px;

	background: url(images/buttons-categories.png) -51px -19px;

	float: left;

	cursor: pointer;

}

.button-regles{

	height: 19px;

	width: 58px;

	background: url(images/buttons-categories.png) -109px 0;

	float: left;

	margin: 0 7px 0 0;

}

.button-regles:hover, .active-regles{

	height: 19px;

	width: 58px;

	background: url(images/buttons-categories.png) -109px -19px;

	float: left;

	cursor: pointer;

}



.nav-categories{

	margin: 0 0 5px 3px;

	height: 19px;

}



/* pagination */

.page-numbers{

	text-align: center;

}

#pagination a, #pagination span {

	padding: 0 3px;

	border: 1px solid #515151;

	margin: 0 0 0 1px;

	text-decoration: none;

}



#pagination .current{

	font-weight: bold;

}



/* Page de recherche */

#search{

	width: 420px;

	margin: 0 auto;

}

#searchInput{

	width: 300px;

	float: left;

}

#searchButton{

	float: left;

	margin: 0 0 0 5px;

	height: 28px;

}

#searchContent{

	clear: left;

	text-align: center;

	padding: 10px 0 0 0;

}



/* AFF */

.affhome{

	margin: 2px 0 8px 3px;

	height: 78px;

	width: 726px;

	clear: both;

}

.aff{

	height:78px;

	width: 136px;

	float: left;

}

#belote{

	background: url("images/aff-cruciverbiste.png") 0 0;

}

#belote:hover{

	background: url("images/aff-cruciverbiste.png") 0 -78px;

}

#dame{

	margin-left: 12px;

	background: url("images/aff-cruciverbiste.png") -136px 0;

}

#dame:hover{

	background: url("images/aff-cruciverbiste.png") -136px -78px;

}

#tarot{

	margin-left: 11px;

	background: url("images/aff-cruciverbiste.png") -272px 0;

}

#tarot:hover{

	background: url("images/aff-cruciverbiste.png") -272px -78px;

}

#rami{

	margin-left: 12px;

	background: url("images/aff-cruciverbiste.png") -408px 0;

}

#rami:hover{

	background: url("images/aff-cruciverbiste.png") -408px -78px;

}

#solitaire{

	margin-left: 11px;

	background: url("images/aff-cruciverbiste.png") -544px 0;

}

#solitaire:hover{

	background: url("images/aff-cruciverbiste.png") -544px -78px;

}

#motsmeles{

	margin-left: 8px;

	background: url("http://cruciverbiste.com/wp-content/uploads/2012/11/136x78_motsmeles.gif");

}

#enigmefortune{

	margin-left: 8px;

	background: url("http://cruciverbiste.com/wp-content/uploads/2012/11/136x78_enigme.gif");

}

#profmulot{

	margin-left: 8px;

	background: url("http://cruciverbiste.com/wp-content/uploads/2012/11/136x78_profmulot.gif");

}

#sudoku{

	margin-left: 8px;

	background: url("http://cruciverbiste.com/wp-content/uploads/2012/11/136x78_sudoku.gif");

}

#yams{

	margin-left: 8px;

	background: url("http://cruciverbiste.com/wp-content/uploads/2012/11/136x78_yams.gif");

}



/*	13-column layout

60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)

---------------------------------------------------------------------------------------

1     2      3      4      5      6      7      8      9      10     11     12     13

60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/



@media only screen and (min-width: 1212px) {



	.container {



	}

	#content {



	}

	#sidebar {



	}



}





/*	5-column layout

60 px columns, 24 px gutters, 42 px margins, 480 px total

---------------------------------------------------------

1     2      3      4      5

60px  144px  228px  312px  396px	*/



@media only screen and (max-width: 767px) and (min-width: 480px) {



	.container {



	}

	#tagline {

		position: relative;

		line-height: 30px;

	}

	#logo {

		font-size: 42px;

	}



	#content {

		float: none;

	}

	#sidebar {

		float: none;

		background: #eee;

		/*			margin-left: -42px;

		margin-right: -42px;

		padding-left: 52px;

		padding-right: 52px;*/

		width: 376px;

		border-bottom: 1px #ccc solid;

	}

	#footer .container {

		padding-top: 0;

	}

	#footer-content {

		border: 0;

		padding: 10px;

	}



}





/*	3-column layout

60 px columns, 24 px gutters, 46 px margins, 320 px total

---------------------------------------------------------

1     2      3

60px  144px  228px	*/



@media only screen and (max-width: 479px) {



	#if-logged-in {

		height: 40px;

		line-height: 20px;

	}

	#if-logged-in .right {

		float: left;

		clear: left;

	}



	.container {



	}

	#logo,

	#tagline {

		position: relative;

		line-height: 30px;

	}

	#logo {

		font-size: 42px;

	}

	#tagline {

		font-size: 16px;

	}



	#content {

		float: none;

	}

	#sidebar {

		float: none;

		background: #eee;

		/*			margin-left: -42px;

		margin-right: -42px;

		padding-left: 52px;

		padding-right: 52px;*/

		width: 212px;

		border-bottom: 1px #ccc solid;

	}

	#footer .container {

		padding-top: 0;

	}

	#footer-content {

		border: 0;

		padding: 10px;

	}



}

/*********************************** TEST */

.tabloInterieur
{	

	width:40px;
	height:40px;
	font-family:Arial;
	font-size:20px;
	color:black;
	text-align:center;
	border:1px black solid;  	
	cursor:pointer;	
	border-spacing: 0px;
	border-collapse: collapse;  
}

#center{

	margin-left: 10%; 
}

#center table
{
	border: 2px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
	margin:-1px;
	float: left;
}

#menuSudoku{
	float: right;
	padding: 40px 40px 40px 10px !important;
}

/* #center td
{
border-collapse: collapse;
} */
.newsudoku 
{	

	font-family:Arial;
	font-weight:normal;
	text-decoration:none;
	/* color:#515151; */
	background: #FF4D4D;
	border: 1px solid #FF4D4D;  
	color:white;
	padding: 2px;
}
.newsudoku2
{	

	font-family:Arial;
	font-weight:normal;
	text-decoration:none;
	/* color:#515151; */
	background: #515151;;
	border: 1px solid #515151;;  
	color:white;
	padding: 2px;
}


/* .newsudoku p
{

font-family:Arial;
font-weight:normal;
text-decoration:none;
color: #515151;

} */




/* MISE EN PLACE NAVIGATION TABLETTE */
#dicoB, #solutionB {
	width: 348px;
	height: 65px;
	color: #FFFFFF;
	border-radius: 26px;
	display: inline-block;
	text-transform: uppercase;
	font-family: Lato;
	font-size: 24px;
	-moz-transition:all 1s ease; -webkit-transition:all 1s ease; transition:all 1s ease;
	-o-transition:all 1s ease; -ms-transition:all 1s ease;
}

#dicoB{
	float: left;
	background-color: #ff5e5e;
	box-shadow: 0px 10px 0px 0px #d65151;
}

#dicoB:active{
	margin-top: 8px;
	box-shadow: 0px 2px 0px 0px #d65151;  

}

#solutionB{
	float: right;
	background-color: #199739;
	box-shadow: 0px 10px 0px 0px #117025;
}

#solutionB:active{
	margin-top: 8px;
	box-shadow: 0px 2px 0px 0px #117025;  

}


#solutionB:active:after,#dicoB:active:after { margin-top: -8px;}

.console_bouton{
	margin: 38px 15px 36px 15px;	
}

.console_bouton h4{
	height: 26px;
	width: auto;  
}

#dicoB h4{
	padding: 20px 4px 20px 48px;
	background: url(images/loupe.png) no-repeat left;
	margin-left: 45px

}

#solutionB h4{
	padding: 20px 4px 20px 68px;
	background: url(images/oeil.png) no-repeat left;
	margin-left: 45px
}


.footer-txt{
	margin: 0 auto;
	text-align: center;
	color: #8f8f8f;
	font-size: 12px;
	height: 52px;
	margin-bottom: 60px;

	display: none;
}

.footer-txt a{
	color: #ff5e5e ;
}


/* MENU */

.nav-mobi{
	margin: 15px auto;
	width: 450px;
	height: 85px;
	border: 1px solid #d9d8da;
	border-radius: 46px;
	background-color: #f8f7f7;
	box-shadow: 0px 14px 0px 0px #d9d8da;
	margin-bottom: 32px;

}	


/*.nav-mobi:hover{
margin-top: 15px;
margin-bottom: 15px; 
box-shadow: 0px 7px 0px 0px #d9d8da;
}*/

.labelNav{
	width: 300px;
	height: 480px;
	overflow: hidden;
	/*background: url(images/arrowNavA.png) right no-repeat;*/
	margin-left:23%;
	margin-right: 11%;
	padding-top: 13px;
	padding-bottom: 13px;
	font-family: Lato;
	font-size: 32px;
	line-height: 58px;
	font-weight: bold;
}


.nav-mobi li:hover > ul{
	opacity: 1;
	z-index: 1000;
	visibility: visible;
}

.nav-mobi li ul:hover{
	visibility: visible;
}

.nav-mobi li ul{
	list-style: none;
	background-color: #d9d8da;
	top: 140px;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	position: absolute;
	width: 270px;
	border-radius: 0 0 16px 16px;
	padding: 2px 0px 14px 6px;
	height: auto;
	margin-left: -20px;
}


.nav-mobi li ul li{
	background-color: #f8f7f7;
	color: #2d2d2d;
	text-decoration: none;
	height: 62px;
	width: 262px;
	/*padding:14px 40px 24px 28px;*/
	border-radius: 4px; 
	font-size: 21px;
	margin-bottom: 6px;
}


.nav-mobi li ul li:hover{
	background-color: #ff5e5e;
}


.nav-mobi li ul li a{
	display: block;
	position: relative;
	width: 180px;
	height: auto;
	padding-left: 32px;
	vertical-align: middle;
	margin: 0 auto;
	background: url('images/squareListA.png') left no-repeat;
}


.nav-mobi li ul li:hover >a{
	color: #FFFFFF;
	width: 180px;
	padding-left: 32px;
	background: url('images/squareListB.png') left no-repeat;
	/*background: red;*/
}

.footer-mobi{
	width: 100%;
	clear:both;
}
/*footer .footer-mobi*/ #foot-first{
	width: 320px;
	color: #8f8f8f;
	text-align: center;
	font-size: 14px;
	margin: 0 auto;
	margin-bottom: 14px;
}

/*footer .footer-mobi*/ #foot-last{
	width: 320px;
	text-align: center;
	height: auto;
	line-height: 26px;	
	font-size: 14px;
	color:  #FFFFFF;
	background-color: #ff4d4d;
	padding: 8px 0 12px 0;
	margin: 0 auto;
}

#bfoot-last{
	background-color: #ff4d4d;
}

.labelNav a{
	display: block;
	width: 250px;
	background: url(images/arrowNavA.png) right no-repeat;
}

.labelNav a:hover{
	width: 250px;
	background: url(images/arrowNavB.png) right no-repeat;
}


#elements, #footer{
	width: 100%;
	margin: 0 auto;
}


/* POUR AFFICHAGE DESKTOP */


.nav-mobi, .console_bouton, .footer-mobi{
	display: none;
}


/**************************/


/* PUB */

a.box-game{
	display: block;
}

#pub1, #pub2, #pub3{
	background: url('images/motmeles.png') center; 
	margin-right:0;
}

.rightbox {
	margin-right:0;
}

#pub2{ background: url('images/sudoku.png') center;}
#pub3{ background: url('images/enigmefortune.png') center;}

#pub1 jeu, #pub2 jeu, #pub3 jeu{
	position: relative;
}
.ruban{
	display: block; 
	position: absolute;
	width:91px ; 
	height:59px ; 
	top: -10px;
	left: -10px;
	background: url('images/ticket.png') center;
}

#pub1 .nomJeu, #pub2 .nomJeu, #pub3 .nomJeu{
	margin-top: 234px;
	padding: 0 0 0 12px;
}

/********************* MEDIA QUERIES *********************/


/* IPHONE4 PAYSAGE */
@media screen and (min-width: 801px) and (max-width: 940px) {

	#content{
		width: 960px !important;
		margin: 0 auto;
		padding: 0 !important;
	}

	#header #elements{
		width: 960px !important;
		margin: 0 auto;
	}

	#elements joueurs{
		display: inline-block;
		position: relative;
		margin: 11px 25px 14px 250px;
		float: none; 
	}

	.news-top, .afhome, #tabs{
		display: none;
	}

	#content2 #tab1, #content2 #tab3{
		display: none;
	}

	#content2 #tab2{
		display: block;
	}

	#sidebar,#content, {
		float: none;
	}

	#content
	{
		overflow: visible;
	}

	#sidebar, .affhome, #tabs, #content2, .footer{
		display: none;
	}

	.box-game {
		margin: 0 13px 10px 50px;
		width: 234px;
	}

	.box-middle, .box-bottom, .box-description, .box-top-jeux{
		margin-left: 20px;
	}

	.nav-mobi, .console_bouton, .footer-mobi, .footer-txt{
		display: block;
	}

	.console_bouton{
		margin: 38px 60px 36px 60px;
	}

	.footer-txt{
		margin-bottom: 40px;
	}
}
/*IPHONE PORTRAIT*/
@media screen and (min-width: 481px) and (max-width: 640px) {

	#content{
		width: 640px !important;
		margin: 0 auto;
		padding: 0 !important;
	}
	.container{
		width: 640px !important;
	}
	#header #elements{
		width: 640px !important;
		margin: 0 auto;
	}

	#elements joueurs{
		display: inline-block;
		position: relative;
		margin: 11px 25px 14px 150px;
		float: none; 
	}

	.news-top, .afhome, #tabs{
		display: none;
	}

	#content2 #tab1, #content2 #tab3{
		display: none;
	}

	#content2 #tab2{
		display: block;
	}

	#sidebar,#content, {
		float: none;
	}

	#content
	{
		overflow: visible;
	}

	#sidebar, .affhome, #tabs, #content2, .footer{
		display: none;
	}

	.box-game {
		margin: 0 13px 10px 50px !important;
		width: 234px;
	}

	/*.box-middle, .box-bottom, .box-description, .box-top-jeux{
	margin-left: 20px;
}*/

	.nav-mobi, .console_bouton, .footer-mobi, .footer-txt{
		display: block;
	}

	#dicoB, #solutionB{
		width: 300px;
	}

	#solutionB h4, #dicoB h4{
		margin-left: 25px;
	}

	/*SUDOKU */

	.box-description{
		width: 620px;
		margin-left: 25px;
		background: url(images/box-description.png) repeat-y;
		padding: 8px 5px 0px 5px;
		margin: 0 3px 10px 3px;
		height: auto;
	}
	.box-top-jeux{
		margin-left: 0px;
	}

	.box-bottom {
		width: 615px;
	}
	.not-nav{
		width: 615px;
	}

	.box-middle{
		width: 615px;
	}

	#menuSudoku{
		padding: 40px 0px 40px 0px !important;
		width: 210px;
	}

	#center {
		margin-left: 8px;
	}

}
/*TABLETTE PORTRAIT */
/*@media screen and (min-width: 481px) and (max-width: 800px) {*/
@media screen and (min-width: 641px) and (max-width: 800px) {


	#div-gpt-ad-1351159939119-0{
		margin-left: 20px;
	}

	#content{
		width: 768px !important;
		margin: 0 auto;
		padding: 0 !important;
	}

	#header #elements{
		width: 768px !important;
		margin: 0 auto;
	}

	#elements joueurs{
		display: inline-block;
		position: relative;
		margin: 11px 25px 14px 250px;
		float: none; 
	}

	.news-top, .afhome, #tabs{
		display: none;
	}

	#content2 #tab1, #content2 #tab3{
		display: none;
	}

	#content2 #tab2{
		display: block;
	}

	#sidebar,#content, {
		float: none;
	}

	#content
	{
		overflow: visible;
	}

	#sidebar, .affhome, #tabs, #content2, .footer{
		display: none;
	}

	.box-game {
		margin: 0 13px 10px 11px;
		width: 234px;
	}

	.box-middle, .box-bottom, .box-description, .box-top-jeux{
		margin-left: 20px;
	}

	.nav-mobi, .console_bouton, .footer-mobi, .footer-txt{
		display: block;
	}
}

/*TABLETTE PAYSAGE*/
/*@media screen and (min-width: 801px) and (max-width: 1200px) {*/
@media screen and (min-width: 941px) and (max-width: 1200px) {
	#header #elements{
		width: 1024px !important;
	}
	#header #elements, .container{
		width: 1024px;
	}

	#sidebar{
		width: 252px !important; 
		margin: 0 0 0 10px !important;
	}


	#sidebar .le-dictionnaire {
		margin: 15px auto 5px auto;
		text-align: center;
		height: 54px;
		width: 271px;
		background-image: url(images/le-dico.png);
	}

	#sidebar .solutions {
		margin: 0 auto;
		height: 54px;
		width: 271px;
		background-image: url(images/la-solution.png);
	}

	#content{
		padding: 20px 5px 20px 5px;
	}

	#elements joueurs {
		margin: 5px 40px 0 500px;
		float: right;
		left: 500px;
		color: #fff;
		font-size: 14px;
		padding-right: 60px;
	}

	.footer-txt{
		display: none;
	}

}

/*SMARTPHONE PAYSAGE*/
@media screen and (min-width: 321px) and (max-width: 480px) {

}		

/*SMARTPHONE PORTRAIT*/
@media screen and (max-width: 320px){}

@media screen and (max-width: 480px)  {

	#search{
		width: 300px;
	}
	#gameBoard{
		width: 315px !important;
		overflow: scroll;	
	}

	article .contenu{
		width: 290px; 
	}

	.box-middle .social{
		display: none;	
	}

	/* NON VISIBLE*/

	#sidebar, .affhome, #tabs, #content2, .footer{
		display: none;
	}

	#sidebar,#content{
		float: none;
	}

	.news-top, .afhome, #tabs, #elements joueurs{
		display: none;
	}

	.box-middle{
		overflow: inherit !important;
	}

	#content2 #tab1, #content2 #tab3, .box-description{
		display: none;
	}

	/******************/
	#searchInput {
		width: 170px;
	}

	.nav-mobi, .console_bouton, .footer-mobi{
		display: block;
	}

	.nav-mobi{
		width: 308px;
		height: 56px;
		margin-bottom: 22px;
		padding-top: 0px;
		box-shadow: 0px 9px 0px 0px #d9d8da;

	}

	.labelNav a{
		width: 180px;
		background: url(images/arrowNavA2.png) right no-repeat;
		padding-top:0px !important;
		margin-top: -13px;

	}

	.labelNav a:hover{
		width: 180px;
		background: url(images/arrowNavB2.png) right no-repeat;
	}

	.nav-mobi li ul{
		top: 115px;
		margin-left: -55px;
	}

	.nav-mobi li ul li{
		height: 36px;
	}

	.nav-mobi li ul li a{
		height: 38px;
		line-height: 32px;
	}


	#content, #header #elements, .container{
		width: 320px !important;
	}

	#content{
		padding: 0px 0px 0px 0px !important;
		float: none;
	}


	#dicoB, #solutionB{
		width: 140px;
		height: 60px;
	}


	.console_bouton h4{
		width: 110px;
	}

	#dicoB h4 {
		padding-left: 24px;
		background: url(images/loupeB.png) no-repeat left;
		font-size: 12px;
		margin-left: 6px;
	}

	#solutionB h4 {
		padding-left: 40px;
		background: url(images/oeilB.png) no-repeat left;
		font-size: 12px;
		margin-left: 15px;
	}


	.box-game {
		margin: 0 auto !important;
		float: none;
		display: block;
	}

	a.box-game{
		margin-top: 10px !important;
	}

	.introduction {
		margin: 8px;
		text-align: justify;
		font-size: 14px;
		width: 300px;
	}

	.header-blog, article {
		width: 400px;
	}	

	#pagination{
		position: relative;
		left: -200px;
	}

	/* PUB */
	#pub1 .descriptionJeu, #pub2 .descriptionJeu, #pub3 .descriptionJeu, #pub1 .nomJeu, #pub2 .nomJeu, #pub3 .nomJeu{
		float: left;
	}	

	/******* JEUX *********/

	.box-top-jeux, .not-nav{
		width: 320px !important;
	}

	.not-nav{
		width: 300px !important;
		font-size: 13px;
	}
	.box-nav-title {
		width: 225px;
	}

	head body table{
		display: none;
	}
	/******* MOTS MELES********/

	.social{
		padding-top: 0px !important;
	}

	#mm{
		padding: 0px !important;
	}

	#mm #grid{
		width: 315px;
		height: 236px;
	}

	#mm #grid td{
		height: 24px !important;
		width: 24px !important;
	}

	#words{
		float: none;
		width: 315px !important;
		margin-left: 5px !important;
	}

	.box-middle{
		padding: 0px !important;
		width: 315px;
	}

	/******** MOTS CROISES ********/
	.box-middle div div{
		float: none !important;
		display: inline-block;
	}	

	div#definitions{
		float: none !important;
		/*display: inline-block;*/
	}


	/********* SUDOKU ***********/

	#center{
		margin-left: 1px;
	}
	/************************/
}	
/**********************************************************/






















/** LESSFRAMEWORK **/
/*	Resets
------	*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;/*border:0*/}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*	Typography presets
------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

/*.huge,
h1 {
font-size: 68px;
line-height: 72px;
letter-spacing: -1px;
}*/

.normal,
body{
	font: 16px/24px Helvetica Neue, Helvetica, Trebuchet MS, Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,.1); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.1);*/
}

.small {
	font-size: 13px;
	line-height: 18px;
}

abbr,
acronym{
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: small-caps;
}
address,
cite,
em,
i{
	font-style: italic;
}
a {
	text-decoration: none;
	outline: none;
}
a:active,
a:focus {
	text-decoration: underline;
}

/*	Default 8-column layout
60 px columns, 24 px gutters, 60 px margins, 768 px total
---------------------------------------------------------
1     2      3      4      5      6      7      8     
60px  144px  228px  312px  396px  480px  564px  648px	*/

#if-logged-in {
	position: relative;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: #000;
	color: #aaa;
	font-size: 10px;
	z-index: 1000;
}
#if-logged-in .container {
	padding-top: 0;
	padding-bottom: 0;
}
#if-logged-in p {
	margin: 0;
}
#if-logged-in a:link,
#if-logged-in a:visited {
	color: #fff;
	text-decoration: none;
}
#if-logged-in a:hover {
	text-decoration: underline;
}
#if-logged-in a:active {
	text-decoration: underline;
	margin-bottom: -1px;
}


.container {
	padding: 0 60px;
	width: 648px;
	margin: 0 auto;
	overflow: hidden;
}

#header #elements {
	width:768px;
	margin: 0 auto;
}

#header-image {
	padding: 0;
	overflow: hidden;
}
/* HEADER IMAGE
full size - 1068x300
8 column layout resized to 890x250 displayed at 648x250
5 column layout resized to 534x150 displayed at 396x150
3 column layout resized to 365x100 displayed at 228x100
*/
#header-image img {
	width: 890px;
	height: 250px;
	margin-left: -121px;
	padding: 0;
}
#content {
	width: 356px; /* 5 columns */
	float: left;
	margin: 0;
	padding: 20px 10px 20px 20px;
	overflow: hidden;
}
#sidebar {
	width: 184px; /* 3 columns */
	float: left;
	margin: 0;
	/*padding: 20px;*/
	overflow: hidden;
}

::selection {
	background: #c6d8cd;
}
::-moz-selection {
	background: #c6d8cd;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}

.menu-line{

}

.container {
	padding: 0;
	width: 1068px;
}

#header #elements {
	width: 1068px;
	margin: 0 auto;
}
#header-image img {
	width: 1068px;
	height: 300px;
	margin-left: 0;
}
#content {
	width: 737px;
}
#sidebar {
	width: 300px;
}



@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {

		body {

		}
	}
/************************************************************/