@font-face		{ font-family: 'text'; src: url('/includes/fonts/OpenSans-Regular.woff') format('woff'); }
@font-face		{ font-family: 'bold'; src: url('/includes/fonts/OpenSans-Bold.woff')    format('woff'); }

body			{ padding:0px; margin:0px; background:#eeeeee; }
.sml			{ font-size:12px; }
.nw				{ white-space:nowrap; }

#mot			{ max-width:1400px; margin:0px auto; background:#ffffff; min-height:300px; box-shadow:0px 2px 16px rgba(0, 0, 0, 0.15); }
#test			{ position:relative; width:100%; min-height:120px; border-bottom:1px dashed #aaaaaa; }
#test h3		{ position:absolute; top:15px; left:30px; padding:0px; margin:0px; font:normal 48px 'bold', sans-serif; letter-spacing:-3.0px; }
#test h4		{ position:absolute; top:75px; left:32px; padding:0px; margin:0px; font:normal 14px 'text', sans-serif; letter-spacing: 1.75px; }
#test h3 a		{ text-decoration:none; color:#1fa67a; }
#test h4 a		{ text-decoration:none; color:#444444; }

#menu			{ position:absolute; top:10px; right:0px; padding:0px; margin:0px; list-style:none; width:450px; }
#menu li		{ list-style:none; padding:0px; margin:6px 4px; display:inline-block; }
#menu a			{ display:block; padding:10px 20px; font:normal 14px 'text', sans-serif; text-decoration:none; color:#1fa67a; background:rgba(0, 0, 0, 0.04); border-radius:4px; }
#menu a:hover	{ background:#1fa67a; color:#ffffff; }

#mobile			{ visibility:hidden; display:none; font:normal 18px 'text', sans-serif; color:#aaaaaa; position:absolute; top:50px; right:20px; }
#mobile img		{ display:inline-block; vertical-align:middle; width:32px; height:32px; background:rgba(0, 0, 0, 0.05); padding:4px; border-radius:4px; margin-left:5px; cursor:pointer; }

#check			{ height:300px; background:rgba(0, 0, 0, 0.2); background:url('/graphics/mot-test.jpg') no-repeat; background-size:cover; }

#page			{ padding:20px; font:normal 16px 'text', sans-serif; color:#444444; }
#page h1		{ padding:0px; margin:0px; font:normal 32px 'text', sans-serif; letter-spacing:-1.5px; color:#1fa67a; }
#page h2		{ padding:0px; margin:0px; font:bold   21px 'text', sans-serif; letter-spacing:-0.5px; }
#page h3		{ padding:0px; margin:0px; font:normal 21px 'text', sans-serif; letter-spacing:-0.5px; }
#page a			{ color:#1fa67a; }


.char			{ list-style:none; font-size:14px; }
.char li		{ width:150px; margin:0px 5px; overflow:hidden; white-space:nowrap; display:inline-block; }

#mots div		{ border:1px solid #aaaaaa; padding:10px; margin:5px; display:inline-block; width:195px; height:44px; overflow:hidden; border-radius:5px; }

#search			{ margin:30px 0px; border:2px dotted #cccccc; padding:20px; border-radius:8px; }
#search div		{ margin:-35px 0px 15px 0px; width:120px; padding:0px 20px; background:#ffffff; }
#search table	{ border-collapse:collapse; }
#search td		{ min-width:20px; padding:0px; margin:0px; }
#search input, #search select, #search option	{ font-size:14px; }

#map			{ height:400px; margin-bottom:20px; border-radius:8px;  }
#map2, #info	{ height:270px; margin-bottom:20px; background:#eeeeee; border-radius:8px; }
#info div		{ padding:20px; font-size:18px; line-height:28px; }

#classes		{ width:100%; border-collapse:collapse; }
#classes th		{ padding:8px 12px; background:#eeeeee; font-size:12px; border-bottom:2px solid #cccccc; }
#classes td		{ padding:6px 12px; vertical-align:top; }
#classes tr:nth-child(even) td { background:rgba(0, 0, 0, 0.03); }

#nearby a		{ display:block; padding:4px 8px; text-decoration:none; background:rgba(0, 0, 0, 0.02); rder-radius:4px; margin-top:10px; border:1px solid rgba(0, 0, 0, 0.2); }

#layout			{ border-collapse:collapse; width:100%; }
#layout td		{ min-width:15px; vertical-align:top; }
#lcol			{ padding-top:20px; }
#rcol			{ padding-top:20px; width:250px; background:rgba(0, 0, 0, 0.0); }

#footer			{ background:#1fa67a; padding:20px; color:#ffffff; font:normal 14px 'text', sans-serif; }
#footer ul		{ list-style:none; padding:0px; margin:0px; }
#footer li		{ display:block; padding:4px 0px; }
#footer a		{ color:#ffffff; text-decoration:none; border-bottom:1px dashed rgba(255, 255, 255, 0.8); }

#pagelink		{ display:inline-block; width:500px; margin:20px 0px; border:2px dotted #aaaaaa; padding:10px; border-radius:5px; }
#pagelink div	{ font-weight:bold; }
#pagelink span	{ display:inline-block; margin-left:10px; font-size:12px; }
#pagelink textarea	{ display:block; width:500px; font:normal 12px 'courier new', sans-serif; margin-top:5px; }

#browse h2		{
	font-size:24px; color:#ffffff; background:#1fa67a; padding:8px 16px; cursor:pointer; margin:2px 0px;
	background-image:url('/graphics/ar.png'); background-size:30px 20px; background-repeat:no-repeat; background-position:right; 
}
#browse ul		{ visibility:hidden; display:none; }
#browse li		{ padding:8px 0px; }

@media screen and (max-width:780px) { 
	#mobile		{ visibility:visible; display:block; }
	#menu 		{ visibility:hidden; display:none; top:100px; left:0px; width:100%; border-top:1px solid #444444; z-index:99; }
	#menu li	{ display:block; margin:0px; border-bottom:1px solid #444444; } 
	#menu a		{ background:#eeeeee; border-radius:0px; }

	#lcol		{ display:block; }
	#mcol		{ visibility:hidden; display:none; }
	#rcol		{ display:block; }

	#search td	  { display:block; }
	#search select { width:240px; margin:8px 0px; font-size:16px; }
	#search input  { width:240px; margin:8px 0px; font-size:16px; }

	#pagelink			{ width:280px; }
	#pagelink textarea	{ width:280px; }
}