/**
 * Shared styles
 *
 * @author		Julie Tétard <julie@2jstudio.com>
 * @version		1.0
 * @package 	2j studio
 * @subpackage	
 * @category	css
 */


/* ----------------------------------------
	CSS RESET
   ---------------------------------------- */

	/* Fonts
	--------------------------------------- */
	body, pre, blockquote, p, td { font-family:Lucida Sans,sans-serif;font-size:12px;line-height:17px; }
	h1, h2, h3, h4, h5, h6, ul { font-size:100%;font-weight:normal;margin:0;padding:0; }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal; }
	strong { font-weight:bold; }
	em { font-style:italic; }
		
	/* Margins
	--------------------------------------- */
	body { margin:0;padding:5px; }
	pre, blockquote, p, td, form, fieldset, legend { margin:0;padding:0; }
		
	/* Border
	--------------------------------------- */
	fieldset, img { border:0; }
		
	/* Forms
	--------------------------------------- */
	
	/* html
	--------------------------------------- */
	html { background-color: #424242; height:100%;width:100%; }
	body { height:100%; }
	
	
	/* Lists
	--------------------------------------- */
	ol, ul { list-style:none; }
	
	
	/* Tables
	--------------------------------------- */
	table { clear:both;border-collapse:collapse;border-spacing:0; }
	caption, th { text-align:left; }

	
	/* Links
	--------------------------------------- */
	a { text-decoration:none;color: black;font-weight:bold; }
	a:hover { text-decoration:underline; }
	
	
	/* Image
	--------------------------------------- */
	img { color:#000; }
	
	
	/* Divers
	--------------------------------------- */
	q:before, q:after { content:''; }
	
	
/* ----------------------------------------
	GENERIQUES
   ---------------------------------------- */

	.hidden { display:none; }
	.show {	display:block; }
	.invisible { visibility:hidden;	}
	.br { height:0;clear:both;float:none;line-height:0;	}
	.aC { text-align:center; }
	.aR { text-align:right; }
	.left { clear:none;float:left; }
	.clear { clear:both;}
		
	
/* ----------------------------------------
	LAYOUT
   ---------------------------------------- */
	
	/* Global
	--------------------------------------- */
	html { background: #545455}
	body { background: url(../pix/shared/bg-lines.png) no-repeat }
	
	/* Main
	--------------------------------------- */

	#logo { position: absolute; top: 250px; margin-left: 443px;}

	#ribbon {text-align: right; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: white; 
			 position: absolute;top: 440px;margin-left: 540px; width: 300px ; height: 60px ; }	
	#ribbon a { display:block;font-size:18px;margin-top:10px;color:#A7A7A7; }
	#inscription { margin-left: 645px; position: absolute; top: 535px;}
	
	#contacts { height: 40px; width:905px; position: absolute; top: 560px; font-size: 9px; font-weight: bold; font-family: sans-serif;}
	
	#contacts-text {color: #a7a7a7;}