/* CSS FILES */

body {
	font: 8pt/16pt georgia;
	color: #555753; 
	background: #F5F7EC url(./images/background.jpg); 
	margin: 0px;
	text-align: center;
	background-repeat: repeat-x;
	padding: 0 0 6em 0;
}

#general {
	width: 48em;
	text-align: left; /* resets the text alignment */
	margin: 0 auto; /* centers the container */
}

p {
	padding: 0;
	margin: 0;
}

p span {
	display: block;
	padding: 0 2.5em 0em 2.5em;
}

a {
	color: #070;
	text-decoration: none;
}

acronym { border: 0; }

/*------------Main & TOP-------------*/

#page{ padding: 0; }

#header {
	position:relative;
	height: 8em;
	font-size: 1em;
	background: url(./images/logo.gif) bottom left no-repeat;
	padding-right:1em;
	text-align:right;
}



#top {
	height: 6em;
	background: #C8D09D;
}

#top p span {
	color: #030;
	margin: 0;
}

#top .p1 span {
	font-weight: bold;
	background: url(./images/topcurve.gif) top right no-repeat;
	padding: 2.2em 1em 1em 3em;
}


/*------------Central------------*/

#central {
	width: 32em;
	background: #FFFFFF ;
	margin-left: 16em;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 0 0 0 auto;
}

#central div { padding: 0 0 2em 0; }

#normal .p1 {
	top: -10px;
	margin: 0 2em -5px 2em;
}

#normal .p2 {
	margin: 0 1em -5px 1em;
}

#normal .p3 {
	margin: 0 1em -5px 1em;
}

#normal .p1 {
	text-align:justify;
	display: block;
	padding-top:5px;
}

#normal .p2 {
	text-align:justify;
	padding-top: 1em;
	font-size: 1.5em;
	display: block;
	font-weight: bold;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #7B7733;
	margin-top: 15px;
}

#normal .p3 {
	text-align:justify;
	padding-top: 1em;
	display: block;
	
}
 
.boxsum
{ color: #9DC2EF ;
background-color: #6493E3 ;
float: right ;
width: 100% ;
text-align:center;
font-weight: bold;
font-size:20px;
 }

#bluebox {
	color: #030;
	background: #EFF3F6;
	margin: 0 3em;
	text-align:justify
}

#bluebox .p1 {
	background: url(./images/blueboxtopleft.gif) top left no-repeat;
}
#bluebox .p2 {
padding-right:10px;
padding-left:10px;
}
#bluebox .p1 span {
	display: block;
	background: url(./images/blueboxtopright.gif) top right no-repeat;
	padding-top: 3em;
}

#bluebox h1 {
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #000000;
}

#bluebox h2 {
	text-align:center
}

#bottom {
	text-align: center;
	background: url(./images/botcurveleft.gif) bottom left no-repeat;
	padding: 4em 0;
}

#end {
	position: relative;
	top: -15px;
	width: 48em;
	height: 15px;
	background: url(./images/botcurveright.gif) bottom right no-repeat;
	margin: 0 auto;
}


/*------------MENU------------*/

#left {
	position: absolute;
	top: 14em;
	width: 16em;
	margin: 0;
	background: #EAEFF3;
	padding: 0;
	border:1px solid #588CE0;
}

#left h3 {
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
	color: #7B7733;
	margin-top: 15px;
}

#left a {
	color: #507ECB;
}

ul {
	list-style: none;
	padding: 1em 1.5em;
	margin: 0;
}

li {
	padding-left: 1.5em;
	margin-bottom: 1em;
}

#menulink ul a {
	display: block;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color:transparent;
}

#menulink {
	position: relative;
	background: url(./images/man.gif) bottom right no-repeat;
	padding-bottom: 30px;
	margin-top: 15px;
}
#tabs {
	position: relative;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}


#menu .li  {
	display: inline;
	list-style: none;
}


/*------------TABS------------ thank to : http://www.xhtml.net/xhtmlcss/csstabs */


#bouton {
	float: right;
	width: 45em;
}

a.boutonhere{
text-decoration:none; 
color:black;
text-align:center; 
background-color:#FFFFFF;
padding:5px;
text-decoration: none; 	/* link no underline 			*/
border: 1px solid #AAA; /* Border informations 			*/
border-bottom: none;	/* no boderline at the bottom 	*/
display: inline;
list-style: none;

}

.bouton a:link{
text-decoration:none; 
color:black;
text-align:center; 
background-color:#C8D09D;
padding:5px;
text-decoration: none;
border: 1px solid #AAA;
border-bottom: none;	
}


a.bouton:visited{
text-decoration:none; 
color:black;
text-align:center; 
background-color:#C8D09D;
padding:5px;
text-decoration: none;
border: 1px solid #AAA;
border-bottom: none;
}

a.bouton:hover{
text-decoration:none;
color:black; 
text-align:center; 
background: #FFFFFF;
border: 1px solid #AAA;
border-bottom: none;
padding-top:10px;
}

.bouton{
padding: 6em 0 0.4em 0;
}