@import url(menu.css);
@import url(explorer.css);
@import url(editor-selector.css);
@import url(editor.css);
@import url(login.css);
@import url(options.css);
@import url(profile.css);
@import url(query.css);
@import url(statistics.css);
@import url(temps.css);
@import url(tips.css);
@import url(information.css);
@import url(grammary.css);
@import url(keyboard.css);
@import url(postit.css);

	* {
		border: 0pt none;
		margin: 0pt;
		padding: 0pt;
	}
	
	body {
		background-color: #8CC63F;
		background-image: url(../img/back-footer.jpg);
		background-repeat: repeat-y;
		color: #000000;
		font-family: arial, helvetica, sans-serif;
		font-size: 90%;
	}
	
	p {
		margin: 6px 0pt;
	}
	
	
	a:hover {
		text-decoration: none;
	}
	
	.clear {
		clear: both;
	}
	
	#cleardiv {
		clear: both;
		height: 1em;
	}
	
	#wrapper {
		background-image: url(../img/back.gif);
		background-repeat: no-repeat;
		height: 670px;
		text-align: left;
		width: 980px;
	}
	
	* html #wrapper {
		width: 978px;
	}
	
	img {
		border: 0pt none;
	}
	
	#header_container {
		height: 101px;
	}
	
	#header_container #profil {
		font-size: 8pt;
		margin-left: 200px;
		position: relative;
	}
	
	#footer_container {
		height: 60px;
		color: #227B30;
		margin-left: 150px;
	}
	
	#center_container {
		margin: 0pt;
		padding: 0pt;
	}
	
	#footer_container #pieddepage {
		font-size: 0.7em;
	}
	
	#footer_container #pieddepage a, 
	#footer_container #pieddepage a:visited{
		color: #227B30;
	}
	
	#footer_container #pieddepage a:hover {
		
	}
	
	#footer_container .flashwarning{
		margin-left: 300px;
		padding-top: 20px;
   		font-size: 8pt;
    		font-weight: bold;
    		color: white;
	}
	
        #footer_container  #pieddepage .share-with-friend{
                background: #CB1A28;
                margin: -10px 0px 0px 10px;;
                padding: 5px;
                position: absolute;
                text-align: center;
                width: 120px;
        }
        #footer_container  #pieddepage .share-with-friend a{
                color: #000000;
                font-size: 10px;
                font-weight: bold;
                text-decoration: none;
                text-transform: uppercase;
        }
	
	#centercol {
		margin-left: 180px;
		margin-right: 325px;
	}
	
	#leftcol {
		float: left;
		position: relative;
		width: 180px;
	}
	
	#logo {
		background-image: url(../img/logo.gif);
		background-repeat: no-repeat;
		height: 120px;
		left: 20px;
		position: absolute;
		top: -20px;
		width: 120px;
	}
	
	* html #leftcol {
		float: left;
	}
	
	*>html #leftcol {
		width: 180px;
	}
	
	#rightcol {
		float: right;
		height: 520px;
		margin-right: 7px;
		position: relative;
		width: 303px;
	}
	
	.container-right {
		margin-left: 0px;
		width: 303px;
	}
	
	* html .container-right {
		float: right;
		margin-left: 0px;
	}
	
	* html h2 {
		height: 1%;
	}
	
	* html #left {
		margin-right: -3px;
	}
	
	p,ul,li {
		margin: 0pt;
		padding: 0pt;
	}
	
	
	/** Image text **/
	
	span.text-image{
		font-weight: bold;
		text-transform: uppercase;
		font-size: 9pt;
		color: #444444;
	}
	
	
	.flashpopup{
		position: absolute;
		top: 200px;
		left: 400px;
		width: 200px;
		height: 100px;
		padding: 50px;
		background-color: #eeeeee;
		border: 2px solid black;
		z-index: 800;
                cursor: pointer;
	}