html, body {margin: 0px; padding: 0px; font-family: verdana;  color: #fff; background-color: #1a171b; font-size: 12px;} 

a {color: #fff; text-decoration: none;}

/* g2html */
.g2html-right { float: right; margin: 1px;}
.g2html-left { float: left; margin: 1px;}
.left {float: left;}
.right {float: right;}

#t_content {
width: 1023px; 
height: 720px; 
margin:40px auto 0px auto; 
background-image: url(/img/JV_2010_bg_01.png);
 border: 1px solid #fff;
}

img {border: none;}



#center_default,
#t_center {margin-right: 32px; border-style: solid; border-color: #c4c4c4; border-width: 0px 1px 1px 1px;
 background-image: url(/img/font_01_opac_01.gif);
 background-position: -31px -108px;

 height: 480px;
 padding: 7px;
 overflow: hidden;
}

#blog_top {height: 218px;}
#blog_top a {display:block; height: 218px;}

#blog_right {float: right; width: 401px; height: 502px;}


#blog_right .menu a {display: block; background-image: url(JV_2010menu_02.png); width: 310px; background-repeat: no-repeat;}
#blog_right .menu .elm1 {height: 36px;  background-position: left 0px; width: 200px;}
#blog_right .menu .elm1.current,
#blog_right .menu .elm1:hover {background-position: -316px 0px;}
#blog_right .menu .elm2 {height: 48px;  background-position: left -36px; width: 258px;}
#blog_right .menu .elm2.current,
#blog_right .menu .elm2:hover {background-position: -316px -36px;}
#blog_right .menu .elm3 {height: 36px;  background-position: left -84px; }
#blog_right .menu .elm3.current,
#blog_right .menu .elm3:hover {background-position: -316px -84px;}

#blog_right .contact {margin-top: 178px; margin-right: 18px; height: 153px; margin-left: 1px; padding: 10px; overflo: hidden; color: #444;}


#blog_right .contact p {margin: 0px; padding: 0px; margin-bottom: 10px;}

#blog_content_ {float: left; width:555px; padding-left: 49px; height: 471px; overflow: hidden;}

#blog_content_ .blog_content_top {width: 549px; height: 363px; float: left; border: 3px solid #767476; position: relative; margin-bottom: 17px; display:block; background-color: #000;}
#blog_content_ div.blog_content_top { text-align: center;}

#blog_content_ .blog_content_top .title {font-weight: bold;}

#blog_content_ .blog_content_top .text {display: block; position: absolute; bottom: 0px; width: 525px; padding: 5px 12px; opacity: 0.7; filter: alpha(opacity=70);background-color: #000000; color: #fff; font-size: 12px;}
#blog_content_ .blog_content_top .text a {color: #fff;}

#blog_content_ .blog_content_top .text span.title {display:block;padding: 0px; margin:0px; margin-bottom: 5px; text-transform: uppercase; font-size: 12px;}
#blog_content_ .blog_content_nav .contentenaire {width: 517px; margin: 0px 2px; /*background-color: red;*/ overflow: hidden; height: 84px; float: left; position: relative;}

#blog_content_ .blog_content_nav .content {height: 84px; /*width: 5000px;*/position: absolute; left: 0px;}

#blog_content_ .blog_content_nav a.arrow {float: left;}

#blog_content_ .blog_content_nav a.arrowopac {opacity: 0.1; filter: alpha(opacity=10); }

#blog_content_ .blog_content_nav a.illustration {height: 84px;width: 125px; display: block; float: left; overflow: hidden; margin: 0px 2px;}
#blog_content_ .blog_content_nav a.illustration .text {display:block; padding: 5px; opacity: 0.7; filter: alpha(opacity=70); background-color: #000; height: 74px; text-transform: uppercase; display:none; text-align :center;}

#center {width: 300px; height: 466px;480px; float:left;}

form {display: inline;}

.articleone,
.articlelist {padding: 8px;}

.articlelist .header .title {padding-left: 115px;}

.articlelistimg img {border: none;}

.articleone .mybox .header,
.articlelist .mybox .header {color: #e5841a; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.articlelist .mybox .illustration {height: 75px; width: 100px; background: #ccc; float: left; margin-right: 15px; margin-bottom: 15px;}

.illustration img {border: none;}

.articlelist .mybox .resume {padding-left: 115px;}

.articlelist .mybox .footer .clear {clear: both;}

.articlelist .lasuite {float: right;}