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

a {color: #fff;/*7291c6;*/ font-weight: bold;}

h1#title-top {color: #f7e821; font-weight: normal;}

a img {border: none;}

#blog_copyright {font-size: 80%; text-align: center; margin-bottom: 20px; clear: both}

#blog_intro {padding-top: 20px;}

#center {height: 655px; width: 1000px; margin: 0px auto; background-image: url(2011/site_bg_01.png); background-repeat: no-repeat;}


#blog_left_title {height: 655px; width: 210px; float: left; overflow: hidden;}
#blog_left_title .imgcontener {padding-top: 148px; padding-left: 36px;}

ul.menu {list-style: none; padding: 0px; margin: 0px;
 background-position: right top;
 height: 407px; position: relative;}
ul.menu li {list-style: none; padding: 0px; margin: 0px;}
ul.menu li a {display: block; position: absolute; margin-left: 2px;width: 210px; cursor: pointer;}
ul.menu li.current a {background-image : url(/img/2011/site_bg_01.png);}
ul.menu li a:hover {background-image : url(/img/2011/site_bg_01.png);}

ul.menu li.player a {height: 105px; background-position: left -140px; top: 140px; display:none;}

ul.menu li.cat1 a {height: 37px; background-position: -1002px -96px; top: 96px; }
ul.menu li.cat7 a {height: 39px; background-position: -1002px -135px; top: 135px; }

ul.menu li.cat8 a {height: 37px; background-position: -1002px -178px; top: 178px; }
ul.menu li.cat3 a {height: 37px; background-position: -1002px -217px; top: 217px; }

ul.menu li.cat4 a {height: 37px; background-position: -1002px -256px; top: 256px; }

ul.menu li.cat6 a {height: 37px; background-position: -1002px -295px; top: 295px; }

ul.menu li.cat10 a {height: 70px; background-position: -1002px -336px; top: 336px; width: 100px;}
ul.menu li.video a {height: 70px; background-position: -1122px -336px; top: 336px; left: 120px;width: 100px;}


div.perso {position: relative; height : 300px; width: 200px;}
a.perso_link {display: block; position: absolute; cursor: pointer;}
a.perso_link:hover {background-image : url(/img/2011/site_bg_01.png);}

a.perso_link_1 {width: 35px; height: 40px; top: 30px; left: 73px;   background-position: -1073px -437px;}
a.perso_link_2 {width: 30px; height: 30px; top: 50px; left: 118px;  background-position: -1118px -457px;}
a.perso_link_3 {width: 30px; height: 30px; top: 10px; left: 118px;  background-position: -1118px -417px;}
a.perso_link_4 {width: 40px; height: 55px; top: 50px; left: 5px;    background-position: -1005px -457px;}
a.perso_link_5 {width: 90px; height: 70px; top: 110px; left: 80px;  background-position: -1080px -517px;}
a.perso_link_6 {width: 110px; height: 70px; top: 170px; left: 80px; background-position: -1080px -577px;}



/*
PArtenaire
ul.menu li.cat9 a {height: 37px; background-position: -1002px -540px; top: 540px; }
*/



#blog_sponsors {width: 790px; height: 75px;float: right;}

#blog_sponsors a {height: 75px; float: left; margin-right: 1px;}

#blog_sponsors a.link_1 {width: 85px;}
#blog_sponsors a.link_2 {width: 53px;}
#blog_sponsors a.link_3 {width: 63px;}
#blog_sponsors a.link_4 {width: 87px;}
#blog_sponsors a.link_5 {width: 64px;}
#blog_sponsors a.link_6 {width: 62px;}
#blog_sponsors a.link_7 {width: 70px;}
#blog_sponsors a.link_8 {width: 50px;}
#blog_sponsors a.link_9 {width: 70px;}
#blog_sponsors a.link_10 {width: 62px;}
#blog_sponsors a.link_11 {width: 60px;}

#blog_top { height: 130px; width: 740px; ppadding-left: 237px; float: right}


#blog_my_content { height: 430px; margin-top: 20px;float: right; width: 740px; overflow: hidden;}

#blog_my_content .containercontent {margin-right: 0px; padding-right: 60px; padding-left: 0px;overflow: auto; height: 430px; position: relative;}

.article .header .title { position: relative; color: #fff; font-weight: bold; overflow: hidden; height: 50px; text-align: center; }

.article .header .title .titlespan {line-height: 1em; font-size: 30px;}
.article .header .title .titlespancat1 {padding-leftk: 150px;}
.article .header .title .date { position: absolute; left: 20px; font-size: 10px; bottom: 0px; display: none;}

.article .content { margin-bottom: 20px;}
.article.cat6 .content {padding: 0px; margin-bottom: 5px;;}
.article.cat6 .content img {padding: 1px 0px;}
.article.cat6 .content .corner {padding:0px;}

.article .content .illustration {float: right; position: relative; margin-left: 5px; margin-bottom: 5px;}
.article .content .clear {clear: right;}
.article .content .articlelistimg img { margin-right: 2px; margin-bottom: 2px;}

.article .content {position: relative; }
.article .content .corner {position: absolute; display:block; display:none;}
.article .content .corner_b_l {bottom: 0px; left:0px;}
.article .content .corner_b_r {bottom: 0px; right:0px;}
.article .content .corner_t_l {top: 0px; left: 0px;}
.article .content .corner_t_r {top: 0px; right: 0px;}
/*
.article .content .corner_b_l {bottom: -20px; left:-20px;}
.article .content .corner_b_r {bottom: -20px; right:20px;}
*/
.article .content .corner_t_l {_top: 0px; _left: -20px;}
/*
.article .content .corner_t_r {top: 0px; right: 20px;}
*/



.menuelm {height: 125px; display:block; float: left;}
.menuelm:hover {background-image: url(menu_bg_01.jpg);} 

.menu_1 {width: 135px;background-position: -1px 0px;}
.menu_2 {width: 145px; background-position: -136px 0px;}
.menu_3 {width: 160px; background-position: -281px 0px;}
.menu_4 {width: 155px; background-position: -441px 0px;}
.menu_5 {width: 150px; background-position: -596px 0px;}

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