html{
margin : 0; padding : 0; 
}  

body {
margin : 0; padding : 0;
 }

body {
background: #C6C6C6;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
text-align: center;
font-size: small;
}

/* --- Links --------- */

a {
	color: #2D598D;


}

a:hover {
}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-top: 0;
	color: #2D598D;
}

h1 {
background: transparent url("img/bullet_red.gif") no-repeat 0 55%;
border-bottom: 1px dotted #930;
padding-left: 12px;
font-size: 150%;
}

h2 {
	background: transparent url("img/bullet_orange.gif") no-repeat 0 55%;
	padding-left: 10px;
	font-size: 105%;
	color: #990000;
}

h3 {
	background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 55%;
	padding-left: 8px;
	font-style: italic;
	font-size: 90%;
}
h4 {
	font-style: italic;
	color: #37669C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	margin-left: 3em;

}
.listeDemences {
	list-style-type: none;
}
.listeDemences li a {
	color: #37669C;
}
.listeDemences li {
	color: #37669C;
}
.listeDemences li a:hover {
	color: #FFCC33;
}
.titres {
	color: #7BAA0F;
	font-weight: normal;


}
p.titres a {
	color: #7BAA0F;
	text-decoration: underline;

}
p.dessus a {
	color: #FFFFFF;
	text-decoration: underline;

}
h1 a {
	color: #2D598D;
}

h3 a {
	color: #2D598D;
	}

/* --- Wrap --------- */

#wrap {
background: transparent url("img/bgd_container.gif") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;
text-align: left;
}



#banner {
background: transparent url("img/header.jpg") no-repeat top left;
height: 70px;
margin: 0;
}

#banner p {
background: transparent url("img/large_bullet_yellow.gif") no-repeat 0 90%;
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 26pt;
text-indent: 20px;
color: #fff;
margin: 0 48px;
padding-top: 0.5em;
min-height: 21px;
line-height: 1em;
}
#logo {
	left: 60.5em;
	position: absolute;
	top: 0.3em;

}
	
#nav-toplevel {
background: transparent url("img/toplevel.jpg") no-repeat top left;
height: 68px;
}

#nav-toplevel ul {
list-style-image: none;
margin: 0;
padding: 0;
}



#nav-meta {
height: 42px;
font-size: 85%;
line-height: 1.25em;
}

#nav-meta ul {
margin: 0px 24px 0 490px;
}

#nav-meta ul li {
display: inline;
float: left;
}

#nav-meta ul li a {
display: block;
background: transparent url("img/small_bullet_blue.gif") no-repeat 0 50%;
padding: 0 10px 0 8px;
color: #A5BCD3;
text-decoration: none;
}

#nav-meta ul li a:hover {
background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 50%;
color: #FFF;
}



#nav-main {
background: #eee;
font-size: 100%;
font-weight: bold;
}

#nav-main ul {
margin-left: 16px;
}

#nav-main ul li {
display: inline;
float: left;
margin-right: 3px;
width: 110px;
text-align: center;
}

#nav-main ul li a {
display: block;
background: transparent url("img/tabs.gif") no-repeat 0 0;
height: 26px;
line-height: 26px;
color: #2D598D;
text-decoration: none;
font-weight: bold;
}

#nav-main ul li a.current {
background: transparent url("img/tabs.gif") no-repeat 0 -52px;
color: #930;
}

#nav-main ul li a:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -26px;
color: #930;
}

#nav-main ul li a.current:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -52px;
}



#container {
margin: 0 17px;
}



#content {
float: left;
margin: 0;
padding: 16px;
width: 532px;
}
#acceuil {
	color: #000000;
	text-indent: 2em;
}
#lettre {
	color: #5159C6;
}

#content p, #content ol, #content ul {
font-size: 100%;
line-height: 1.5em;
}

span {
}
.trimestriel {
	font-size: 24px;
	font-style: italic;
}

.gras {
	font-weight: bold;
}
.extrait {
	font-size: 11px;
	color: #000000;
	font-style: oblique;
}
.a {
	color: #000000;
	margin-left: 2em;
	font-family: Arial, Helvetica, sans-serif;
}
.b {
	margin-left: 5em;
	font-family: Arial, Helvetica, sans-serif;
}
.c {
	margin-left: 8em;
	font-family: Arial, Helvetica, sans-serif;
}
.d {
	margin-left: 10em;
	font-family: Arial, Helvetica, sans-serif;
}
.e {
	margin-left: 13em;
	font-family: Arial, Helvetica, sans-serif;
}
#janssen {
	left: 0.75em;
	position: absolute;
	
	
}


#nav-subs {
position: relative;
margin: 0 0 0 564px;
padding: 0;
font-size: 100%;
line-height: 1.5em;
}

#nav-subs ul {
list-style: none;
margin-left: 16px;
margin-right: 16px;
padding-left: 0;
border-top: 1px solid #8EA7C6;
}

#nav-subs ul li {
padding: 1px 0;
border-bottom: 1px solid #8EA7C6;
}

#nav-subs ul li a {
position: relative;
display: block;
float: left;
width: 100%;
background: transparent url("img/small_bullet_red.gif") no-repeat 4px 50%;
color: #2D598D;
text-indent: 14px;
text-decoration: none;
}

html>body #nav-subs ul li a {
float: none;
}

#nav-subs ul li a:hover {
background: #E5F0F5 url("img/small_bullet_red.gif") no-repeat 4px 50%;
color: #930;
}

#nav-subs ul li a.youarehere {
color: #930;
}


#nav-section {
	background: transparent url("img/bgd_sidebar_top.jpg") no-repeat top left;
	padding-top: 24px;
	min-height: 156px;
	font-size: 13px;

}



#nav-supp {
background: transparent url("img/bgd_sidebar_sub.jpg") no-repeat top left;
padding-top: 8px;
min-height: 156px;
}


#info-site {
position: relative;
clear: both;
background: transparent url("img/footer.jpg") no-repeat top left;
width: 792px;
padding-top: 12px;
text-align: center;
}

#info-site p {
font-size: 75%;
}



#info-company {
color: #FFD50F;
margin: 0 16px;
}

#info-company a {
color: #A5BCD3;
text-decoration: none;
}

#info-company a:hover {
color: #FFF;
}



p#info-standards {
margin: 4px 314px 0 314px;
padding-bottom: 6px;
}

a#xhtml {
display: block;
float: left;
background: transparent url("img/xhtml.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #2D598D;
}

html>body a#xhtml {
margin: 0 82px 0 0;
}

a#xhtml:hover {
border: 1px solid #FFD50F;
}

#xhtml span {
display: none;
}

#css {
display: block;
background: transparent url("img/css.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #2D598D;
}

html>body #css {
margin: 0 0 0 82px;
}

a#css:hover {
border-top: 1px solid #FFD50F;
}

#css span {
display: none;
}
.fond {
	background-color: #FFF0C4;
	padding: 0.7em;
	border: thin solid #CCCCCC;
	color: #000000;
	text-align: justify;
}

#liege {
	background-color: #FFF0C4;
	border: thin solid #CCCCCC;
	color: #000000;
	height: auto;
	width: auto;
	margin-top: 7em;
	display: block;
}
.dessus {
	color: #FFFFFF;
	background-color: #8EABCB;
	border: 2px outset #FF9933;
	margin-left: 20em;
	margin-right: 17.5em;
	padding: 0.1px;
}
table {
	background-color: #FFF0C4;
}

#assoc {
	background-color: #FFF0C4;
	width: 12em;
	padding: 0.4em;
	margin-left: 15em;
	
}

#huntington {
	background-color: #FFF0C4;
	width: 15em;
	
}
#liga {
	background-color: #FFF0C4;
	width: 15em;
	top: 23em;
	line-height: 23px;
	
}
#francophone{
	background-color: #FFF0C4;
	width: 15em;
	margin-left: 18em;
	height: 7em;
	
}
 
h3 a:hover {
	color: #FFCC33;
}
#print{
	font-size: 0.75em;
	color: #000099;
	margin-left: 3em;
	
}
.x {
	color: #000000;
}
td {
	padding: 0.25em 0.25em 0.25em 1em;
}
.date {
	background-color: #FFF0C4;
}
.news {
	background-color: #ADC7DA;
	color: #000000;
}
#admin {
	margin-left: 16em;
}
.encadre {
	background-color: #E3EFFB;
}
.encadres {
	background-color: #ADC7DA;
	padding: 0.3em;
}
.theme {
	text-align: justify;
	text-indent: 2em;
	background-color: #FFF0C4;
	padding: 0.5em;
	color: #000000;
}
.thememen {
	text-align: justify;
	text-indent: 2em;
	color: #000000;
}
.modif {
	color: #5159C6;
}
#debut{
	margin-left: 17em;
}
p.autres a{
	color: #FFCC33;

}