/* Define the font family and text style for the whole site */
*
{
	font-family : Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif ;
	font-weight			: bold ;
	text-align			: left ;
	font-size			: 13pt ;
}



/* Global styles for elements */
h1
{
	color				: navy ;
	line-height			: 25pt ;
	font-size			: 25pt ;
}

h2
{
	font-size			: 11pt ;
	color				: navy ;
}

a
{
	color				: #2A3AAE ;
	text-decoration		: none ;
	font-weight			: inherit ;
	font-size			: inherit ;
}

a:hover
{
	text-decoration		: underline ;
}



/* logical styles */
.emp /* emphasis */
{
	color				: #800517 ;
	font-weight			: bold ;
}

.small
{
	font-size			: 9pt ;
}

.critical
{
	color				: red ;
	font-weight			: bold ;
}

.note /* side note */
{
	font-style			: italic ;
}

.center
{
	margin-left			: auto ;
	margin-right		: auto ;
	text-align			: center ;
}

.right
{
	text-align			: right ;
}

.left
{
	text-align			: left ;
}

/* Style for the body element and the site */
/* The body is eveyrthing that is visible (the whole window), the site is the usefull part only */
body
{
	background			: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BACEEC)) ;
	background			: -moz-linear-gradient(top, #FFFFFF, #BACEEC) ;
	background-color	: #BACEEC ;
	color				: black ;
	text-align			: center ;	/* for IE only otherwise, the site is not aligned in center though auto position*/
}

.site
{
	width				: 980px;	
	margin-left			: auto ;
	margin-right		: auto ;
}


/* Styles will now be described from top to botton and left to right elements */
/* The header */
.site-header
{}

#site-header-img-id
{
	border-top-left-radius			:	30px ;
	border-top-right-radius			:	30px ;
	-moz-border-radius-topleft		:	30px ;
	-moz-border-radius-topright		:	30px ;
	-webkit-border-top-left-radius	:	30px ;
	-webkit-border-top-right-radius	:	30px ;
}

/* The site-content is composed of the navbar, the page and the footer */
/* This is to allow an image to be the background of those three parts, otherwise, the footer would not be nice */
.site-content
{
	width				:100% ;
	line-height							: 18pt;
	border-bottom-left-radius			: 30px ;
	border-bottom-right-radius			: 30px ;
	-moz-border-radius-bottomleft		: 30px ;
	-moz-border-radius-bottomright		: 30px ;
	-webkit-border-bottom-left-radius	: 30px ;
	-webkit-border-bottom-right-radius	: 30px ;
	background-color					: white ;
}

/* Navigation bar */
#site-content-nav-bar
{
	width				: 160px;
	vertical-align		: top ;
}

.site-nav-bar-group
{
	font-size			: 11pt ;
	line-height			: 11pt ;
	border-bottom		: 3px solid ;
	font-weight			: bold ;
	color				: navy ;
	text-align			: left ;
}

.site-nav-bar-item
{
	font-size			: 10pt ;
	line-height			: 10pt ;
	font-weight			: normal ;
	text-align			: right ;
}

/* Site Page */
#site-content-page
{
	padding-left		: 15px ;
	padding-right		: 15px ;
	vertical-align		: top ;
}

/* Footer */
div.site-footer
{
	width				:100% ;
}

.site-footer *
{
	vertical-align		: middle ;
	margin-left			: auto ;
	margin-right		: auto ;
	text-align			: center ;
	font-size			: 10pt ;
	line-height			: 10pt ;
	font-weight			: normal ;
}

.site-footer-cloud *
{
	font-size			: 6pt ;
	line-height			: 6pt ;
	color				: DarkSlateGray ;
}

/* News zone */
.news-table
{
	width				: 80% ;
	margin-left			: auto ;
	margin-right		: auto ;
}

/* Dedicated styles */

.contact-right
{
	text-align			: right ;
	vertical-align		: middle ;
	font-size			: 12pt ;
	line-height			: 13pt ;
	font-weight			: normal ;
}

.contact-left
{
	text-align			: left ;
	vertical-align		: middle ;
	font-size			: 12pt ;
	line-height			: 13pt ;
	font-weight			: normal ;
}

.form-table
{
	width				: 80% ;
	margin-left			: auto ;
	margin-right		: auto ;
	text-align			: center ;
}

.form-left
{
	width				: 70% ;
	text-align			: right ;
}

.form-right
{
	text-align			: left ;
}