BODY { MARGIN: 0px; COLOR: #333; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #b8cbdc; TEXT-ALIGN: center}
IMG { BORDER-RIGHT: #0080ff 1px solid; BORDER-TOP: #0080ff 1px solid; BORDER-LEFT: #0080ff 1px solid; BORDER-BOTTOM: #0080ff 1px solid}
UL { LIST-STYLE-TYPE: none }
H4 { MARGIN: 8px 4px 4px; COLOR: #0080ff }
H2 {DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0080ff}
H3 { MARGIN: 8px 4px 4px;COLOR: #0080ff }
H2 A { COLOR: #0080ff; TEXT-DECORATION: none }
H3 A { COLOR: #0080ff; TEXT-DECORATION: none }
H4 A { COLOR: #0080ff; TEXT-DECORATION: none }
P { FONT-SIZE: 12px; MARGIN: 0px 0px 6px 2px; TEXT-INDENT: 18px; LINE-HEIGHT: 18px }
P A { FONT-WEIGHT: bold; COLOR: #0080ff }
LI A { FONT-WEIGHT: bold; COLOR: #0080ff }
P A:hover { FONT-WEIGHT: bold; COLOR: #0080ff; TEXT-DECORATION: none }
LI A:hover { FONT-WEIGHT: bold; COLOR: #0080ff; TEXT-DECORATION: none }
ACRONYM { BORDER-BOTTOM: #69a10e 1px dashed }
.no_link { FONT-WEIGHT: normal; COLOR: #333; TEXT-DECORATION: none }
.no_link:hover { FONT-WEIGHT: normal; COLOR: #333; TEXT-DECORATION: none }
#conteneur { BORDER-RIGHT: #1d83e8 1px solid; BORDER-TOP: #1d83e8 1px solid; PADDING-BOTTOM: 12px; MARGIN: 0px auto; BORDER-LEFT: #1d83e8 1px solid; WIDTH: 778px; BORDER-BOTTOM: #1d83e8 1px solid; BACKGROUND-COLOR: #faf5f5; TEXT-ALIGN: left }

#header { BACKGROUND: url(perp-perco.jpg) no-repeat; HEIGHT: 121px WIDTH: 778px }
#header A { DISPLAY: block; HEIGHT: 121px }
#header SPAN { DISPLAY: none }

#ads_them { MARGIN: 2px 0px 0px 2px }
#ads_728 { MARGIN: 0px 0px 10px 0px; padding:0; WIDTH:778px; text-align:center; }

#centre { MARGIN: 0px 200px 0px 200px; WIDTH: auto}
#gauche { FLOAT: left; WIDTH: 200px }
#droite { FLOAT: right; WIDTH: 200px }
.footer { height: 16px; margin-top:5px; text-align:center; }


#menu {background:transparent;}
dl#menu {width: 90%;margin-left:5px;font-size:10px;}
dl#menu dt {cursor: pointer;margin: 2px 0px 0px 0px;min-height:20px; height:auto !important;height:100%;line-height: 20px;text-align: left;font-weight: bold;border : 1px solid; background: #faf5f5;}
dl#menu dd {border:1px solid #0080ff; color:#1d83e8;}
dl#menu ul { margin:0; padding:0;}
dl#menu li {text-align: left;background: #faf5f5;list-style: none;}
dl#menu dt a {padding-left: 5px;color: #0080ff;;text-decoration: none;display: block;border: 0 none;height: 100%;} 
dl#menu dt span {padding-left: 5px;color: #0080ff;;display: block;border: 0 none;height: 100%;} 
dl#menu li a {padding-left: 15px;color: #0080ff;;text-decoration: none;display: block;border: 0 none;height: 100%;}
dl#menu li span {padding-left: 15px;color:#0080ff; ;display: block;border: 0 none;height: 100%;}
dl#menu li a:hover, dl#menu dt a:hover {background: #0080ff; color: #fff;}

#droite UL { FLOAT: left; MARGIN-LEFT: 2px }
#droite UL LI IMG { MARGIN: 44px 0px 14px }
#droite IMG { MARGIN-LEFT: 2px }

#centre UL { font-size:12px; MARGIN-LEFT: 10px; TEXT-INDENT: 5px; LIST-STYLE-TYPE: disc }
#barre_etat { PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 11px; }
#barre_etat A {	FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none}
#desc {	MARGIN: 5px 10px 5px 20px; FONT-STYLE: italic; font-size:12px;}
.text_cle {	BORDER: #0080ff 1px solid;  PADDING: 5px 5px 5px 5px; TEXT-ALIGN: justify;}
.illustration {	PADDING: 4px 4px 4px 4px; FLOAT: left; }
.text_cle TD  {BORDER: #0080ff 1px solid; TEXT-ALIGN: left; padding 0;}
.text_cle TH  {BORDER: #0080ff 1px solid; TEXT-ALIGN: left; padding 0; font-weight:bold;}