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.5em;}
h2 {	font-size: 1.3em;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:780px;padding:0 0 20px 10px;
margin:0;text-align:justify;min-height:400px;
height:auto !important;height:400px;font-size:1.1em;
line-height:1.5em;color:#FFF}


#content p{line-height:1.4em}
#content h2 {padding: 8px 0 3px 0px;margin-bottom:1em;text-transform: none;color:#fff}	
#content a{text-decoration:none;border-bottom:none;color:#fff}
#content a:hover{border-bottom:1px dotted}
ul, ol,dl {margin: 10px 30px;padding: 0 15px;list-style-type: square;}
ul span, ol span {color: #666;}

/* 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;}


#header h1#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;
/* change the values of top and right to adjust the position of the logo*/
top: 36px; right: 35px; }

#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
letter-spacing: 1px;
color: #FFF;
/* change the values of top and right to adjust the position of the slogan*/
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 0 0 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{color:#FFF;width:790px;margin:0 auto;text-align:left;
background:#253e70 url(/uploads/styles/accv1.jpg) no-repeat left bottom;

}

/* 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; }