html,body{margin:0;padding:0}
body{font: 76%/1.5 Verdana, 'Trebuchet MS', arial,sans-serif;text-align:center;background-color: #325498 ;margin: 15px 0;color: #000; }
/* links */
a	{ color:#253e70;text-decoration: none;border-bottom:1px dotted}
a:hover,.sidemenu .current a{color: #006699;background: inherit;border-bottom:1px solid }

/* headers */
h1, h2, h3 {font-family: 'Trebuchet MS', Arial, sans-serif;font-weight: bold;color:#253e70}
h1 {	font-size: 1.3em;}
h2 {	font-size: 1.2em;text-transform: uppercase;}
h3 {	font-size: 1.1em;text-transform: uppercase;letter-spacing: 1px;}

h1, h2, h3, p { padding: 0;margin: 10px 15px;}

#content{float:left;width:580px;padding:0 0 20px 10px;margin:0;text-align:justify;min-height:593px;height:auto !important;height:593px;}
#content a {color:navy;border-bottom:1px solid}
#content p{line-height:1.4em}
#content h1 {padding: 8px 0 3px 0px;margin-bottom:1em;text-transform: none;border-bottom: 2px solid #253e70;}	

ul, ol,dl {margin: 10px 30px;padding: 0 15px;list-style-type: square;}
ul span, ol span {color: #666666;}

/* images */
img {	border: 1px solid #CCC;}
img.image-droite {float:right;  margin: 5px 0 0 10px ;}
img.image-gauche {float:left;  margin: 5px 10px 0 0;}

/* additional classes */
.clear {	clear:both;	} 
.hide  { display: none; }

/* header */
#header {position: relative;clear:left;
width: 790px;
height: 129px; margin:0; padding: 0;
background-color: #253e70;color:#fff}

#header #logo-text {
position: absolute;
margin: 0; padding: 0;
font: bolder 3.6em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
top: 36px; right: 35px; }

#header #slogan {
position: absolute;
margin: 0; padding: 0;
font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
letter-spacing: 1px;
color: #FFF;
top: 85px; right:35px; }

/* menu tabs */
#header #header-tabs {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 29px;
background: #253e70;
font: bold 1.1em Verdana, Tahoma, 'Trebuchet MS', Sans-serif; } 

#header-tabs ul { margin:0;padding:1px 0px 0px 1px;list-style:none;}

#header-tabs li {display:inline;margin:0;padding:0;}
#header-tabs a {float:left;background: url(/uploads/styles/tableft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#header-tabs a span {
float:left;
display:block;
background: url(/uploads/styles/tabright.gif) no-repeat right top;
padding:7px 15px 4px 8px;
color: #CCC;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header-tabs a span {float:none;}
/* End IE5-Mac hack */
#header-tabs a:hover span {color:#FFF;}
#header-tabs a:hover {background-position:0% -42px;}
#header-tabs a:hover span { background-position: 100% -42px;}
#header-tabs .activeparent a,#header-tabs .currentpage a { background-position:0% -42px; }
#header-tabs .activeparent a span,#header-tabs .currentpage a span { background-position:100% -42px; color: #FFF;}
#container{width:790px;margin:0 auto;text-align:left;}


/* sidebar */
#navigation{
	float: right;
	width: 180px;
	margin: 0 0; padding: 0;
	/*background-color: inherit;*/	
	font-size:90%
}
#navigation h2 {
	padding: 8px 0px 3px 25px;
margin-left:0;
	background: url(/uploads/styles/square_arrow.gif) no-repeat 0% .7em;
	text-transform: none;	
	color: #253e70;
}

#navigation ul.sidemenu {
	list-style:none;
	margin:0 0 20px 2px;
	padding:0;	
font-weight:bold	
}



#navigation .sidemenu li{
	padding-bottom:5px;
	background:transparent url(/uploads/styles/arrow.gif) no-repeat 0 0.6em;
	padding-left:10px;
}


#navigation .sidemenu li.separator{background-image:none;}
#navigation .sidemenu li.separator hr {border:0px dotted navy}
#navigation .sidemenu li a {text-decoration:none;background-image:none;color:#253e70}
#navigation .sidemenu a:hover,#navigation .sidemenu .current a  {color: #006699;}
ul.sidemenu ul,ul.sidemenu ul li {margin-top:0;margin-bottom:0;padding-left:0;margin-left:0;list-style-type:none}


#extra{float:right;clear:right;width:200px}


/* footer */
#footer { 
	clear: both;
	height: 40px;
	color: #CCC;
	background: #253e70;
	margin: 0;	
	font-size: 92%;			
}
#footer p{margin:0;padding:5px 10px}

#footer a { text-decoration: none;color: #ccc;}
#footer #footer-left {
	width: 68%;
	float: left;
	text-align: left;
	margin: 0; padding: 10px;
}
#footer #footer-right {
	width: 25%;
	float: right;
	text-align: right;
	margin: 0; padding: 10px;
}

/* contenu */
.remarque {font-weight:bold;color:navy;}
.remarqueleger {color:navy;}
.comment{color:#514F4F;}
.marge {margin-left:50px;}
.gray  { color: #CCC; }