body {font-family:arial, verdana, helvetica, sans-serif; color:#000;
background:white;
 font-size:76%;  padding:0; border:0; margin:0; text-align:center;}
a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;}
#wrapper {width:1000px; margin:0 auto 10px; text-align:left;}
#header {width:1000px; height:160px; float:left; background:#fff url(image/back.gif); position:relative;}

#logo {
float:left;
/* display:inline; */
}
#logo img { 
border: none;
 }
#logo li{
 display:inline;
 float:left;
 }
 #logo ul{
list-style:none;
 }
.articles a{
 color:#A7A37E;
 }

#toplink {font-family:arial, sans-serif; position:absolute; right:10px; bottom:0;}
#toplink ul {padding:0; margin:0; list-style-type:none;}
#toplink ul li {float:left; font-size:0.8em; color:#999; margin:0 0 0 7px; line-height:25px; font-family:arial, sans-serif;}
#toplink ul li a, #toplink ul li a:visited {font-size:1em; color:#000; text-decoration:none;}
#toplink ul li a:hover {color:#263; border-bottom:1px solid #000;}

#midlink {position:absolute; top:95px; left:0; width:1000px; height:38px; text-align:center; background: url(image/cssplay_0.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(image/cssplay_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px;
 color:black;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/cssplay_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(image/cssplay_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(six_1.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(six_1a.gif) no-repeat right top; padding-bottom:3px;}


#nav li#item_1:hover a.top_link,
#nav a.top_link:hover {
/* color:#fff; */
color:black;
background: url(image/img_menu_01.jpg) no-repeat;}
#nav li#item_1:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(image/img_menu_01.jpg) no-repeat right top;}

#nav li#item_2:hover a.top_link,
#nav a.top_link:hover
{color:black; background: url(image/cssplay_1.jpg) no-repeat;}
#nav li#item_2:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(image/cssplay_1.jpg) no-repeat right top;}

#nav li#item_3:hover a.top_link,
#nav a.top_link:hover
{color:black; background: url(image/cssplay_1.jpg) no-repeat;}
#nav li#item_3:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(image/cssplay_1.jpg) no-repeat right top;}

#nav li#item_4:hover a.top_link,
#nav a.top_link:hover
{color:black; background: url(image/img_menu_04.jpg) no-repeat;}
#nav li#item_4:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(image/img_menu_04.jpg) no-repeat right top;}

#nav li#item_5:hover a.top_link,
#nav a.top_link:hover
{color:black; background: url(image/cssplay_1.jpg) no-repeat;}
#nav li#item_5:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(image/cssplay_1.jpg) no-repeat right top;}

#nav li#item_6:hover a.top_link,
#nav a.top_link:hover
{color:black; background: url(image/img_menu_06.jpg) no-repeat;}
#nav li#item_6:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(image/img_menu_06.jpg) no-repeat right top;}

#nav li#item_7:hover a.top_link,
#nav a.top_link:hover
{color:black; background: url(image/cssplay_1.jpg) no-repeat;}
#nav li#item_7:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(image/cssplay_1.jpg) no-repeat right top;}


#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px;
 top:38px;
 background: #E6E2AF;
 padding:3px;
 border:1px solid #0b4d97;
 white-space:nowrap;
/*  width:90px; */
 width:250px;
 height:auto;
 z-index:300;
 }
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left;
/*  width:90px; */
 width:250px;
 font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px;
 width:248px;
/*   width:88px; */
 line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #E6E2AF;}
#nav li ul.sub li a.fly
{background:#E6E2AF url(arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#a7a37e; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#a7a37e url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #E6E2AF; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #E6E2AF; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#E6E2AF url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#E6E2AF;} 



#botlink {font-family:arial, sans-serif; position:absolute; bottom:0; left:10px;}
#botlink ul {padding:0; margin:0; list-style-type:none;}
#botlink ul li {float:left; font-size:0.8em; color:#999; margin:0 7px 0 0; line-height:25px; font-family:arial, sans-serif;}
#botlink ul li a, #botlink ul li a:visited {font-size:1em; color:#000; text-decoration:none;}
#botlink ul li a:hover {color:#263; border-bottom:1px solid #000;}

#showcase {clear:both; width:1000px;  height:auto;}
#info {background:#fff; width:750px; float:left;}
#info_right {display:block; float:right; width:230px; padding:10px; color:#fff;}
#info_right p {margin:0 0 10px 0;}
#info_right form fieldset {padding:0; border:0; margin:0 0 0 5px;}
#info_right ol {margin-top:40px;}
#info_right ol li {margin-bottom:5px;}
#info_right li a, #info_right li a:visited {color:#fff; font-size:0.8em; text-decoration:none;}
#info_right li a:hover {text-decoration:underline;}

#info h2 {font-family:"times new roman", serif; font-size:1.4em; margin:0; text-align:left; margin:15px 0 10px 0;}
#info h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0 0 0 0; color:#006699; text-align:left; margin-bottom:10px;}
#info_right h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0; color:#fff;}
#info_right_home {
float:left;
 width:230px;
 height:200px;
 padding:0;
 margin:0 0 0 10px;
/*  overflow:hidden; */
 }
#info_right_home a img {border:0; display:block;}

#content {width:750px; background:transparent; float:left; margin-top: 5px;}
a.adbanner, a:visited.adbanner {text-align:center;color:#fff; font-size:0.8em; text-decoration:none;}
a.adbanner:hover {text-decoration:underline;}
blockquote {padding:10px;}
p.cite {color:#008080; display:list-item; padding:0 5px; list-style-image: url(../graphic/open_quotes.gif); background: url(../graphic/close_quotes.gif) bottom right no-repeat;}
blockquote[cite]:after {content: "Quote taken from: " attr(cite); display: block; font-size:0.8em; color:#888; text-align:right;}

#left_column {
/* width:468px;  */
width:525px; 
/* background:#fffde8; */
float:left;
margin-right:5px;
/* padding:0 32px 0 0; */

}
* html #left_column {width:500px; w\idth:468px;}
#left_column ol li {font-size:0.8em; line-height:16px; font-family:verdana, sans-serif; margin:5px 0;}
#left_column dl.sitemap dd a {text-decoration:none; color:#069;}
#left_column dl.sitemap dd a:hover {color:#fff; background:#069;}
#left_column dl.sitemap {margin-left:50px;}
#left_column dl.sitemap dd {margin:0;}

#right_column {
width:220px; /* base 230 */
 background:#e6e2af; float:left;
/*  padding:0 30px 0 10px; */
 }
* html #right_column {width:250px; w\idth:230px;}
#right_column h3 {margin:15px 0 5px 0; font-size:1.5em; color:#000; font-family:"arial", serif; text-align: center;}

dl.latest {font-size:0.8em; margin:10px 0 0 0;}
dl.latest dt {
background:#A7A37E;
 padding:5px;
 font-family:"arial", serif;
 font-weight:bold;
 font-size:1.6em; color:#fff;
 border:1px solid #603d16;
 text-align: center;}
dl.latest dd 
{margin:0;
 padding:5px 0px 0 5px;
 font-size:1.05em;
 font-weight:bold;
 }
 #lastest ul li{
 list-style-type:none;
 }
dl.latest dd a, dl.latest dd a:visited {text-decoration:none; color:#000;font-size:1.05em;font-weight:bold;}
dl.latest dd a em {font-style:normal; color:#468;}
dl.latest dd a b {color:#008080; font-weight:normal;}
dl.latest dd a:hover {text-decoration:underline;}
dl.latest dd a:hover em {cursor:pointer; text-decoration:none;}

dl.list {width:240px; margin:0 10px 10px 0; float:left;}
dl.list dd {color:#069; background:#fff; font-size:0.8em; font-family:arial, sans-serif;}
dl.list dd a, dl.list dd a:visited {color:#000; font-weight:bold; font-size:0.9em; text-decoration:underline;}
dl.list dd a:hover {text-decoration:none;}
dl.list_last {margin-right:0;}

.advertisement {list-style-type:none; margin:10px 0 20px 0; padding:0;}
.advertisement li a, .advertisement li a:visited {color:#000; font-size:0.9em; text-decoration:none;}
.advertisement li a:hover {text-decoration:underline;}
.advertisement li span.text {font-size:0.9em; color:#008080;}
.spacer {margin-top:5px;}

.cssplay {list-style-type:none; margin:10px 0 20px 0; padding:0;}
.cssplay li a, .cssplay li a:visited {color:#000; font-size:11px; text-decoration:none;}
.cssplay li a:hover {text-decoration:underline;}
.cssplay li span.text {font-size:11px; color:#008080;}

#search {position:absolute; top:20px; right:0; margin:0 20px 0 0; z-index:100;}
#search form {margin:0; padding:0;}
#search form img {border:0; float:left; margin-right:10px;}
#search form label {font-size:1em;}

#far_right {width:225px; background:#a7a37e; float:right; padding:0 5px; border-top: 5px solid #fff;}
* html #far_right {width:250px; w\idth:230px;}
#far_right img {border:0; margin-top:5px; display:block;}

#foot {clear:both; width:1000px; height:25px; background:#A7A37E; color:#fff; font-size:0.75em;}
#foot p {font-size:1em; color:#fff; margin:5px 10px 5px 15px; float:left;}
#foot ul {list-style-type:none; margin:0; padding:0; float:right; margin-right:15px;}
#foot ul li {float:left; margin:5px 0 5px 10px;}

#content p {
/* font-size:0.9em; */
font-size:1.1em;
 line-height:16px; margin:5px 0 8px 0;}
#content h3 {
/* margin:15px 0 5px 0; */
margin:5px 0 5px 0;
 font-size:1em;
 color:#000;
 font-family:"arial", serif;
 }
#far_right h3 {margin:15px 0 5px 0; font-size:1.5em; text-align: center; color:#000; font-family:"arial", serif;background:url(image/fondtitre.png);}
#content img {border:0;}
.adbanner {display:block; width:468px; height:60px; background:url(../graphic/banner_base.jpg);}
.left {float:left;}
.float_left {float:left; margin:0 10px 5px 0;}
img.slogan {display:block; background:url(../graphic/pc2.jpg);}
img.faq {display:block; background:url(../graphic/pc3.jpg);}
img.contact {display:block; background:url(../graphic/contact.jpg);}
img.privacy {display:block; background:url(../graphic/privacy.jpg);}
img.access {display:block; background:url(../graphic/access.jpg);}
img.support {display:block; background:url(../graphic/support.jpg);}
img.map {display:block; background:url(../graphic/map.jpg);}
img.advertise {display:block; background:url(../graphic/advertise2.jpg);}
img.oops {display:block; background:url(../graphic/oops.jpg);}

.clear {clear:both; height:0;}
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.css {font-family:"times new roman", serif; font-weight:bold; padding-right:2px;}
.play {font-family:"times new roman", serif;}
.hiddenfromview {display:none;}
.date {font-weight:bold; color:#006699;}
.bold {font-weight:bold;}
.image img {border:0; margin-left:5px;}
pre {font-size:0.8em; color:#006699;}

p.highlight {background:#e8e8e8; border:1px solid #bc8f8f; padding:5px; color:#006699; font-weight:bold;}

#smalladsie {margin:25px 0;}
#adsie {position:relative; clear:both; width:740px; margin-left:10px; border-top:25px solid #fff; border-bottom:10px solid #fff; z-index:0; text-align:left;}
#ad200, #ad200b {margin:10px 0 10px 0;}

#supporters {padding:0; margin:0; list-style-type:none;}
#supporters li {width:154px; height:25px; line-height:24px; margin:1px 1px 0 0; color:#c00; float:left; text-align:left; font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; text-indent:15px; background:#ddd; font-size:0.9em;}
#supporters li a, #supporters li a:visited {display:block; width:100%; height:100%; text-decoration:none; color:#000;}
#supporters li a:hover {background:#bc8f8f; color:#fff;}
#supporters li a b, #supporters li a:visited b, #supporters li b {font-family:arial, tahoma, sans-serif; letter-spacing:-1px; font-weight:normal;}

p {font-size:0.8em; line-height:16px; margin:5px 0 15px 0;}

.g_right {float:left; padding:0; margin-right:10px; border:1px solid #ddd;}
.g_right img {display:block;}
.g_right:hover {border-color:#c00;}
.g_sub {float:left; width:467px; margin-bottom:10px;}
.g_index {float:left; width:250px; margin:15px 0 10px 0;}
.g_inline {float:left; width:230px;}
.gad {position:relative; left:-4px;}

.sidead {font-size:0.9em; font-family:arial, sans-serif; letter-spacing:1px;}

#right_column table.spip {width:230px;}
#right_column table.spip caption {width:230px; border-bottom:10px solid #e8e8e8; border-top:25px solid #e8e8e8; padding:5px 0; text-align:left; text-indent:5px; background:#bc8f8f; color:#fff; font-family:"times new roman", serif; font-size:1.2em; font-weight:bold;}
#right_column table.spip th {color:#069; height:15px; font-weight:normal;}


.front_ad {float:left; padding:0; margin-right:10px;}
.front_ad p {text-align:center; padding:20px;}
.front_ad:hover {border-color:#008080;}

.banner_ad {display:block; width:468px; height:60px; background:#fff url(half_1.gif);}
.banner_ad b {position:absolute; left:-9990px; background:#fefefe url(half_2.gif) no-repeat;}
.banner_ad:hover {background:#fefefe url(half_2.gif);}
.banner_ad:active, .banner_ad:focus {background:#fdfdfd url(half_0.gif);}