html
{
/*
 * Force la barre de scrolling vertical pour éviter un décalage lorsque la page
 * contient peu d'informations. Ne pas mettre dans le reset.css pour ne pas
 * avoir cette barre dans les iframes.
 */
    overflow-y:scroll;
}

body
{
	background-color:#e5e5e5;
	color:#333;
}

h1
{
	margin-bottom:15px;
	color:#000;
	font-size:26px;
	font-weight:normal;
	line-height:32px;
}

h2
{
	border-top:1px solid #dcdcdc;
	padding-top:15px;
	margin-top:30px;
	margin-bottom:15px;
	color:#000;
	font-size:18px;
	font-weight:normal;
	line-height:32px;
}

ul
{
	margin:0;
}

a
{
	color:#3b81be;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

.clr
{
	clear:both;
}

.right
{
	text-align:right;
}





/*
 * ============================================================================
 *   ENTETE
 * ============================================================================
 */

#header
{
	width:960px;
	height:80px;
	margin:0 auto;
}


/*
 * ----------------------------------------------------------------------------
 *   MENU A ONGLETS
 * ----------------------------------------------------------------------------
 */
 
#tabs
{
	float:right;
	list-style:none;
	padding-top:48px;
	height:32px;
	font:13px normal Arial, Helvetica, sans-serif;
	line-height:32px;
}

#tabs li
{
	display:inline-block;
	margin:0 0 0 1px;
	padding-left:20px;
	padding-right:20px;
	background-color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	-moz-border-radius-topright:2px;
	-moz-border-radius-topleft:2px;
    -webkit-border-top-right-radius:2px;
	-webkit-border-top-left-radius:2px;
	-khtml-border-top-right-radius:2px;
    -khtml-border-top-left-radius:2px;
	border-top-right-radius:2px;
    border-top-left-radius:2px;
}

#tabs li.active
{
	background-color:#fff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	cursor:pointer;
}


/*
 * ----------------------------------------------------------------------------
 *   FIL D'ARIANE
 * ----------------------------------------------------------------------------
 */

#nav
{
	overflow:hidden;
	width:960px;
	margin:0 auto 5px auto;
	background-color:#fff;
	line-height:38px;
	font-size:11px;
}


/*
 * ============================================================================
 *   CORPS
 * ============================================================================
 */

#body
{
	overflow:hidden;
	padding-bottom:30px;
	background-color:#fff;
}

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

#content .main
{
	padding-right:20px;
	border-right:1px solid #dcdcdc;
	font-size:14px;
}

.main
{
	float:left;
	width:620px;
	/*padding-left:20px;*/
}

.preview
{
	margin-bottom:15px;
}

.aside
{
	float:right;
	width:300px;
	/*padding-right:20px;*/
}

#social
{
	height:32px;
	background-color:#f5f5f5;
}

.google, .twitter
{
	margin-right:20px;
	min-height:32px;
	min-width:80px;
	float:left;
}


/*
 * ============================================================================
 *   PIED DE PAGE
 * ============================================================================
 */
 
#footer
{
}