html {padding: 0px; margin: 0px;}
body {background-color: #000;/*0d0909;*/ font-family: Arial; margin: 0px; padding: 0px; font-size: 12px; color: #fff;}
img {border:none;}

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

a:hover {color: #ccc;}

#blog_top .pub,
#blog_top .banniere,
#blog_top .couv {background-color: #fff;}

.pub_eastpack {padding-bottom: 14px;}
.pub_eastpack a {width: 340px; height: 60px; background-image:url(/img/SW09_soul.gif); display: block; }
.pub_eastpack a:hover {background-image:url(/img/SW09_survol_soul.gif);}

#blog_top .banniere {width: 728px; height: 160px;}
#blog_top .pub {width: 728px; height: 90px;}

#blog_top .couv {width: 280px; height: 280px;}


#root {width: 1030px; margin: 0px auto;}

#head {
 overflow:hideen; 
height: 417px; 
 width: 1030px;
margin: 0px;
padding-left: 0px;
padding-top: 25px;
padding-right: 0px;
padding-bottom: 0px;
}

#head a {display: block;}
#head a.banniere {margin-bottom: 30px;}

#head div.right {float: right; width: 280px;}

#head ul {list-style-type: none; margin: 0px; padding: 0px; display :block;}

#head ul li {padding:0px; margin: 0px; float: left;}
#head ul li a {float: left;}
#head ul li a span {display: none;}
#head ul li a {display: block; }


#head ul#menu {height: 45px; width: 1030px; background-image: url(menu_01.png); margin-top: 30px; ooverflow: hidden;}
#head ul#menu li #menuvideo,
#head ul#menu li a.level1 {height: 45px; display: block; float: left;}
ul#menu li #menuvideo:hover,
ul#menu li #menuvideo a.top:hover,
ul#menu li a:hover {background-image: url(menu_01.png);}

ul#menu li.menu1 a { width: 84px;}
ul#menu li.menu1 a:hover {background-position: 0px 45px;}
ul#menu li.menu2 div#menuvideo {width: 86px;}
ul#menu li.menu2 div#menuvideo a.top {width: 86px; display:block; height: 45px;}
ul#menu li.menu2 div#menuvideo:hover {background-position: -84px 45px;}
ul#menu li.menu2 div#menuvideo a.top:hover {background-position: -84px 45px;}
#menuvideobottom,
#menuvideo {position:relative;}
#submenuvideo{background-image: url(/img/menu_video_rollover_01.png); height: 126px; width: 88px; display:none; position: absolute; top: 38px; left: 0px; background-position: 0px 0px ; z-index: 200}
#submenuvideobottom {background-image: url(/img/menubottom_video_rollover_0.png); height: 74px; width: 53px; display:none; position: absolute; top: 14px; left: -8px; background-position: 0px 0px ; z-index: 200}

#submenuvideobottom  a,
#head ul#menu li #submenuvideo a {display:block; float: none; cursor: pointer;}

#submenuvideobottom  .menu21 {height: 17px;}
#head ul#menu .menu21 {height: 33px;}
#submenuvideobottom  .menu22 {height: 19px;}
#head ul#menu .menu22 {height: 31px;}
#submenuvideobottom  .menu23 {height: 19px;}
#head ul#menu .menu23 {height: 31px;}
#submenuvideobottom  .menu24 {height: 19px;}
#head ul#menu .menu24 {height: 31px;}


#submenuvideobottom a.menu21:hover {background-position: -53px 0px; background-image: url(/img/menubottom_video_rollover_0.png); }
#submenuvideo a.menu21:hover {background-position: -100px 0px; background-image: url(/img/menu_video_rollover_01.png); }
#submenuvideobottom a.menu22:hover {background-position: -53px -17px; background-image: url(/img/menubottom_video_rollover_0.png); }
#submenuvideo a.menu22:hover {background-position: -100px -33px; background-image: url(/img/menu_video_rollover_01.png); }
#submenuvideobottom a.menu23:hover {background-position: -53px -36px; background-image: url(/img/menubottom_video_rollover_0.png); }
#submenuvideo a.menu23:hover {background-position: -100px -64px; background-image: url(/img/menu_video_rollover_01.png); }
#submenuvideobottom a.menu24:hover {background-position: -53px -55px; background-image: url(/img/menubottom_video_rollover_0.png); }
#submenuvideo a.menu24:hover {background-position: -100px -95px; background-image: url(/img/menu_video_rollover_01.png); }


ul#menu li.menu3 a:hover {background-position: -170px 45px; }
ul#menu li.menu3 a {width: 97px;}
ul#menu li.menu4 a:hover {background-position: -267px 45px; }
ul#menu li.menu4 a {width: 113px;}
ul#menu li.menu5 a:hover {background-position: -380px 45px; }
ul#menu li.menu5 a {width: 101px;}
ul#menu li.menu6 a:hover {background-position: -481px 45px; }
ul#menu li.menu6 a {width: 105px;}
ul#menu li.menu7 a:hover {background-position: -586px 45px; }
ul#menu li.menu7 a {width: 142px;}

ul#menu li.boxblank {width: 22px; height: 45px; float: left;}

ul#menu li.menu10 a:hover {background-position: -750px 45px;}
ul#menu li.menu10 a { width: 53px;}/* margin-left: 22px; }*/
ul#menu li.menu11 a:hover {background-position: -803px 45px;}
ul#menu li.menu11 a { width: 40px;}
ul#menu li.menu12 a:hover {background-position: -843px 45px;}
ul#menu li.menu12 a { width: 43px;}
ul#menu li.menu13 a:hover {background-position: -886px 45px;}
ul#menu li.menu13 a { width: 42px;}
ul#menu li.menu14 a:hover {background-position: -928px 45px;}
ul#menu li.menu14 a { width: 49px;}
ul#menu li.menu15 a:hover {background-position: -977px 45px;}
ul#menu li.menu15 a { width: 53px;}


h1,h2,h3 {padding: 0px; margin: 0px; font-weight: normal;}
p {padding: 0px; margin: 0px;}
form {display: inline;}


#t_big_content,
#t_content {
 padding: 0px;
 margin: 0px;
}

#blog_agenda,
#t_content #blog_content {width: 600px; padding-left: 20px; float: left; overflow: hidden;}
#t_content #blog_right {width: 340px; padding-right: 20px;float: right; overflow: hidden;}

#blog_right .pub {height: 170px; background: #fff;}

#blog_right .sponsors .title {font-size: 15px; text-transform: uppercase; font-weight: bold; color: #9c9e9f; margin: 5px 0px;}

#blog_right .sponsors a {width: 164px; float: left; line-height: 18px; display: block;}

#blog_right .sponsors a:hover {color: #ffed00;}
.articles form.search {display :block; float:left;}

.mybox.article {clear:both;}

.article {postion: relative;}

#center h3.article_info a {color: #9c9e9f;}

#center h3.article_info {margin:0px padding: 0px; float:right; font-weight: normal; font-size: 11px; padding-top: 10px; padding-right: 13px;



}

#center .articleone h3.article_info {padding-right: 5px;}
.listshare {float: right; padding-right: 5px; padding-top: 12px;}




.mybox.article .header .info {background-image: url(/img/article_title_bg_01.png); height: 32px; overflow: hidden;}

#center h2.article_title {margin:0px padding: 0px;
 font-size: 15px; text-transform: uppercase; font-weight: bold;
 padding-left: 35px;padding-top: 10px;
 letter-spacing: 4px;
 overflow: hidden;
}

#center h2.article_title,
#center h2.article_title  a {  color: #ffee00;9c9e9f;}
#center h2.article_title a {text-decoration: none;}
#center .article {font-size: 12px; line-height: 20px; }

.articlelist .article .resume {padding-top: 15px;}
.articleone .article .contentreel {padding-top: 15px; padding-bottom: 15px;}


#center p.link_more {text-align: right; padding-bottom: 2px; font-style: italic; margin-bottom: 20px}
#center p.link_more a {text-decoration: none; font-size: 12px; line-height:20px;color: #ffed00;}
#center .block_illustration {text-align: center; margin-bottom: 10px;}



#rubrique_user #root,
#rubrique_lastmag #root, #rubrique_popup_pub #root {width: auto;}
#rubrique_photo #root {width: auto;}
#rubrique_photo #root #blog_content {width: auto; text-align: left;}

.pub_entre_news { background-color: #fff; width: 600px; height: 100px;}

.barrehoripub {height: 7px; background-image: url(barre_hori_600_01.png); overflow: hidden; margin: 13px 0px; clear: both;}
.barrehoripubtop {margin-top: 0px;}
.barrehoripubbottom {margin-bottom: 30px;}
.barrehoripub.nomarginbottom {margin-bottom: 0px;}

.barrehori340 {height: 7px; background-image: url(barre_hori_340_01.png); overflow: hidden; margin: 16px 0px;}
.barrehori340.barrehori340_no_margin_bottom {margin-bottom: 0px;}
.barrehori340.barrehori340_no_margin_top {margin-top: 0px;}

.barrehori1030 {height: 7px; background-image: url(/img/barre_hori_1030_01.gif); overflow: hidden; margin: 40px 0px;}


#blog_contact .mail {position: relative; min-height: 400px;} 
#blog_contact .mail a.link1  {position: absolute; left: 675px; top: 160px; z-index: 3; height: 18px; display:block;}
#blog_contact .mail a.link2  {position: absolute; left: 675px; top: 261px; z-index: 3; height: 18px; display:block;}




#popup a,
.commentbox .content a,
.article .contentreel a,
.article .resume a {/*text-decoration: underline; */color: #ffed00;}




.cat7 h2.article_title {margin-bottom: 20px !important;}
.cat7 .article_title a { font-weight: bold; text-transform: uppercase; font-style: normal; font-family: arial; font-size: 20px;}
.cat7 .poitilles {display:none;}

.cat7 .resume a {font-weight: bold; font-family: arial; text-decoration: none; font-size: 14px;}

#blog_nike_top {margin-bottom: 15px;}
.cat15 #blog_content {width: 630px; }

#center .categorys15 .cat15 h2.article_title {padding-top: 0px;}
#center .categorys15 .cat15 .footer {padding-bottom: 20px;}


.videos_soul .content {height:200px; background-color: #ccc;}

form {display:inline;}

div.boxsearch {height: 28px;}

form.search input.text {float: left;height: 14px;  width: 197px; margin: 0px; padding: 7px 6px 6px 6px; font-family: Arial; font-size: 12px; background-color: #8f9092; margin: 0px; border: none; color: #000;}

form.search input.submit {border: none; margin: 0px; padding: 0px;}
.boxsearch .facebook {float: right; display:block; width: 28px; margin-left: 18px;height: 28px; background-image: url(/img/facebook.png); background-position: center top;}
.boxsearch .facebook:hover { background-position: center bottom;}

.boxsearch form.search input.text {float: left;}
.boxsearch form.search input.submit {float: right; vertical-align: middle;}

#blog_left div.block_search {height: 26px;}

#blog_lien {font-family: Arial; font-size: 14px; line-height: 20px; float: left; padding-left: 20px; width: 580px}
#blog_lien .title {font-size: 20px; font-family: Times; padding-bottom: 10px; font-weight: bold; padding-left: 5px; color: #ffed00;}
#blog_lien .summary {border-top: 1px solid #fff;  padding: 15px 10px 10px 10px; height: 600px;}
#blog_lien .summary a:hover {color: #ffed00;}
#blog_lien .lien_list {width: 270px; margin: 0px 0px 20px 0px ;}
#blog_lien .lien_19 {float: left;}
#blog_lien .lien_20 {float: right;}
#blog_lien .lien_21 {float: left; clear: both}
#blog_lien .lien_22 {float: right;}

ul.last_mot {padding: 0px; margin: 0px; display: block; list-style-type: none;}
ul.last_mot li {height:16px; font-weight: bold;}
ul.last_mot li:hover a {color: #313131;}
ul.last_mot li:hover {background-color: #ffed00; color: #313131; cursor: pointer;}
ul.last_mot li strong {float: left; font-size: 10px;  letter-spacing: 3px; font-style: italic; line-height: 16px; text-transform: uppercase; display:block; width: 217px; padding-left: 3px; overflow: hidden; white-space: nowrap;}
ul.last_mot li em {float: right; line-height: 16px; font-size: 12px; width: 100px; overflow: hidden; white-space: nowrap; font-weight: normal;}
ul.last_mot li a {text-decoration: none;}

.echoppe h2 {width: 200px; height: 24px; background-image: url(../img/echoppe_title.gif); margin-bottom: 7px;}
.echoppe h2 span {display: none;}
.echoppe .content {height:200px; background-color: #ccc;}

.partenaires {margin-top: 11px;}
.partenaires ul {padding: 0px; margin: 0px; display: block; list-style-type: none;}
.partenaires ul li {width: 200px; height:50px; background-color: #000; margin-bottom: 5px;}

#t_content .clear {clear:both;}

 h1.center_title span {display: none;}
 h1.center_title { padding-bottom: 4px; border-bottom: 2px solid #000;}

#bigcenter {width: 1030px;}
#bigcenter h1 {margin-bottom: 0px;}


#blog_histoire div {text-align: center; margin-bottom: 20px;}
#blog_spots div.header {text-align: center; margin-bottom: 20px;}
#blog_spots iframe {border:none;}

#blog_goodies #block_abonnement {height: 305px; width: 1030px; position: relative; margin-bottom: 20px;}
#blog_goodies #block_abonnement #france {position: absolute; right: 50px; top: 118px;}
#blog_goodies #block_abonnement #europe {position: absolute; right: 50px; top: 169px;}
#blog_goodies #block_abonnement #world {position: absolute; right: 50px; top: 222px;}
#blog_goodies #block_abonnement #submit {cursor: pointer; height: 25px; width: 71px; right: 47px; bottom: 14px; position: absolute; display: block;}
#blog_goodies h1 {margin-bottom: 20px;}

#blog_goodies #block_tshirt {height: 404px; width: 1030px;  position: relative; background-repeat: no-repeat; background-position: top center; margin-bottom: 20px;}
#blog_goodies #block_tshirt .tshirt1 {height: 300px; width: 205px; position: absolute; top: 42px; right: 230px;}
#blog_goodies #block_tshirt .tshirt2 {height: 300px; width: 205px; position: absolute; top: 42px; right: 0px;}

#blog_goodies #block_tshirt .form_tshirt0 {height: 54px; width: 205px; position: absolute; bottom: 5px; right: 230px;}
#blog_goodies #block_tshirt .form_tshirt1 {height: 54px; width: 205px; position: absolute; bottom: 5px; right: 0px;}

#blog_goodies select {padding: 2px;background-color: transparent; border: 2px solid #fff; color: #fff; font-weight: bold; font-size: 12px; margin-top: 3px; height: 24px;}

#blog_goodies input {margin: 0px;}
#blog_goodies .size {width: 201px;}
#blog_goodies .quantity {width: 128px; margin-right: 3px;}
#blog_goodies .submit {vertical-align: bottom; border: 0px;}

ul.fond_ecran {padding: 0px; margin: 0px; display: block; list-style-type: none; height: 207px;}
ul.fond_ecran li {float: left; display: block; width: 248px; height: 187px; background-color: #ddd; margin-left: 10px;}
ul.fond_ecran li.first {margin-left: 0px;}


#blog_goodies #caddie {height: 59px; margin: 20px 0px;}
#blog_goodies #caddie .submit {float: right; vertical-align: bottom; margin-left: 10px; margin-right: 40px;}
#blog_goodies #caddie .list { border: 2px solid #fff; background-color: transparent;width: 254px; height: 55px; overflow: auto; font-size: 100%; float: right; padding: 2px;}

.errors {margin-bottom: 20px;}
h3.error {color: #c8001a; font-weight: bold; text-transform: uppercase;} 

#center .poitilles {display: none;}

ul#bottommenu {height: 21px; width: 800px; margin: 11px auto 0px auto; padding: 0px; display: block; list-style-type: none;}
ul#bottommenu li {float: left; font-family: times;font-size: 15px; margin: 0px 8px; line-height: 15px;}
ul#bottommenu li a {text-decoration: none;}
ul#bottommenu li a:hover {text-decoration: none; color: #ffed00;}


#bottom { clear: both;}
#bottom .copyright {font-family: Arial; font-size: 10px; line-height: 12px; font-style: italic; text-align: center; padding-bottom: 20px;}
#bottom .copyright a {text-decoration: none;}
#bottom .navigator, 
#bottom .navigatorempty {text-align: center; width: 800px; margin: 0px auto; border-bottom: 1px solid #fff; padding-bottom: 4px;}
#t_big_content #bottom .navigatorempty,
#t_big_content #bottom .navigator {width: 1030px;}
#bottom .navigator img {vertical-align: middle;}
#bottom .navigator a.current {font-weight: bold;}
#bottom .navigator a {text-decoration: none; font-size: 14px; line-height:20px; font-weight: normal; font-family: Arial; padding: 5px;}
#bottom .navigator a.left,
#bottom .navigator a.right {font-family: Times; font-style: italic; font-size: 14px; line-height: 20px; font-weight: bold;}

#checkout input.submit { color: transparent; float: right;
 display:block; width: 98px; height: 19px; background-image: url(../img/bouton_envoi_mot.gif); border: none; background-color: #f00;transparent; margin-top: 0px; cursor: pointer;}

#checkout {text-align: right;}
#checkout div.submit { text-align :right;} 
#checkout div.info,
#checkout div.cadeau,
#checkout div.input {text-align :right; text-transform: uppercase;  font-weight: bold; }

#checkout div.recap {padding-left: 730px;}
#checkout div.info {text-align: left; width: 300px;}

#checkout div.info .value {display: inline; padding-left: 10px; float: right;}
#checkout div.info .value,
#checkout .info_lot {text-transform: none; font-weight: normal;}
#checkout input {width: 200px;  border: 1px solid #fff; margin: 3px 0px; margin-left: 10px; background-color: transparent; color: #fff;}
#checkout textarea {width: 198px; height: 50px;  border: 1px solid #fff; background-color: transparent; color: #fff;}
#checkout h3 { text-transform: uppercase; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #212121;}


#popup .barre,
.title_popup {text-align: left; color: #fff; text-transform: uppercase; }
#popup #blog_user {
  padding-top: 145px;
 background-image: url(/img/blog_user_popup_bg.jpg);
 background-position: center top;
 background-repeat: none;

}

#popup #blog_user p.info {clear: left; padding: 10px;}

form {display: inline; margin: 0px; padding: 0px;}

form.lostpass p, div.lostpass p {clear: both; padding-top: 10px;}
form.lostpass label {text-transform: uppercase; font-weight: bold; padding-left: 10px; padding-right: 5px; width: 75px; float: left; display:block}
form.lostpass input {width: 75px; font-size: 10px;border: 1px solid #fff; float: left; margin-right:10px; background-color: transparent;}
form.lostpass input.submit { color: transparent;
 display:block; width: 98px; height: 19px; background-image: url(../img/bouton_envoi_mot.gif); border: none; background-color: #f00;transparent; margin-top: 0px; cursor: pointer;}

.closewin {text-align: right; clear: both; padding-top: 0px; margin-right: 10px; }
.closewin a {color: #dc021d;}

form.lostpass input,
form.formpublic_user p input {border: 1px solid #fff; background-color: transparent; color: #fff;}

form.formpublic_user p {width: 33%; float:left; text-align: right; margin-top: 2px; margin-bottom: 2px;}
form.formpublic_user p input {width: 90px; border: 1px solid #fff;}
form.formpublic_user p label {padding-right: 5px; text-transform: uppercase; font-weight: bold;}

form.formpublic_user p#public_usersubmit {width: 99%; float:none; text-align: center; clear: both;}
form.formpublic_user p#public_usersubmit input {float: right; color: transparent;
 display:block; width: 98px; height: 19px; background-image: url(../img/bouton_envoi_mot.gif); border: none; background-color: #f00;transparent; margin-top: 5px; cursor: pointer;}

form.formchange_pass p {margin-top: 2px; margin-bottom: 2px;}
form.formchange_pass p input {width: 90px; border: 1px solid #ddd;}
form.formchange_pass p label {padding: 5px; text-transform: uppercase; font-weight: bold;}
form.formchange_pass p#change_passsubmit {width: 99%; float:none; text-align: center; clear: both;}
form.formchange_pass p#change_passsubmit input { color: transparent; 
 display:block; width: 98px; height: 19px; background-image: url(../img/bouton_envoi_mot.gif); border: none; background-color: #f00;transparent; margin-top: 0px; cursor: pointer;}



.errors h3 {clear: both; color: #cc6666;}








.comments {font-family: Arial; line-height: 14px; font-size: 12px;}

.comments .barre {line-height: 1em;font-size: 20px; font-family: Times;font-weight: bold; margin-bottom: 35px; background-image: url(/img/barre_hori_600_01.png); background-repeat: no-repeat; background-position: center bottom; padding: 8px 0px 14px 0px; }
.comments .barre.motsadd { background-image: none; text-transform: uppercase; padding-bottom: 0px;}
.commentbox .header {margin-bottom: 15px; font-family: Arial; font-size: 14px; font-weight: bold}

.commentbox .content {font-size: 12px; line-height: 16px; border-bottom: 3px solid #313131; margin-bottom: 25px; padding-bottom: 25px;}

.commentbox .poitilles {margin-top:15px; margin-bottom: 15px;}

#center .comments .last .content {border-bottom: none; background-image: url(/img/barre_hori_600_01.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 35px; margin-bottom: 5px;}

.comform p#commentlogin label,
.comform p#commentpasswd label,
.comform p#commentlogin input,
.comform p#commentpasswd input {float: left;}

.comform p#commentpasswd label {margin-left: 20px;}


.comform p#commentsauthor label {padding-right: 10px;}

.comform p#commentlogin label,
.comform p#commentpasswd label,
.comform p#commentsauthor label,
.comform p#commentauthor label {font-weight: bold; text-transform: uppercase;font-family: Arial;}
.comform p#commentcaptchas input,
.comform p#commentlogin input,
.comform p#commentpasswd input,
.comform p#commentauthor input { margin-left: 5px;}
.comform p#commentlogin input,
.comform p#commentpasswd input,
.comform p#commentcaptchas input,
.comform textarea,
.comform p#commentauthor input {border: 1px solid #fff; width: 150px; background-color: #0d0909; color: #fff;}
.comform textarea {width: 598px; height: 100px; margin-top: 10px;}
.comform p#commentcaptchas {margin: 10px 0px;}

.comform .barresmall {float: left; margin-top: 5px;}
.comform .barresmall a {padding-right: 10px;}
.comform .barresmall a.text { padding: 3px 10px 2px 10px; margin-right: 10px;background-color: #3e3d40; color: #fff; text-transform: uppercase;}


.comform p#commentsubmit {height: 64px; float: right;}
.comform p#commentsubmit input {float: right; display:block; width: 98px; height: 19px; background-image: url(../img/bouton_envoi_mot.gif); border: none; background-color: #f00;transparent; margin-top: 5px; cursor: pointer;}

.articles form.search {display : block; margin: 10px auto; width: 200px; }


/* spe magasins slider */
#video_soul {height: 261px/*150px*/; width: 340px; background: #000; position: relative; color: #fff;}
#video_soul .headvideosoul {height: 20px; background-image: url(../img/video_soul_top.png);}
#video_soul .slider_container {overflow: hidden; width: 340px; height:222px/*111px*/; position: absolute; top: 20px;}
#video_soul img.bottom {position: absolute; bottom: 0px;}
/*
#video_soul .arrow_container {width: 200px; height: 19px;}
*/
#video_soul .arrow_prev {position: absolute; top: 4px; right: 40px; background-image: url(/img/video_soul_nav_top_hidden.png)/*none*/;}
#video_soul .arrow_next {position: absolute; top: 4px; right: 10px; background-image: url(/img/video_soul_nav_bottom_hidden.png)/*none*/;}
#video_soul ul {overflow:hidden; height:10000px; list-style-type:none; position: relative; width: 340px; margin: 0; padding: 0px; display: block;}
#video_soul ul li {float:left; width: 340px; height: 96px; margin: 7px 0px 8px 0px; display: block; list-style-type:none; background: none; overflow:hidden;}
#video_soul ul li h3 {color: #fff; font-size: 12px; line-height: 1em; text-decoration: none; text-transform: uppercase; font-style: italic; margin: 1px 15px 1px 15px; white-space: nowrap; overflow:hidden;}
#video_soul ul li a img {display: block; border: none; margin: 0px auto; }
#video_soul a {cursor: pointer;}
#video_soul a.historique {display: block; height: 20px; width: 340px; position: absolute; bottom: 0px;cursor: pointer;}

.video_soul_bottom {position: absolute; bottom: 0px;display: block; height: 20px; width: 340px; background-image: url(../img/video_soul_bottom.png); background-position:center top;}
.video_soul_bottom:hover {background-position: center bottom;}

.agenda_header { width: 600px; height: 300px; margin-top: 0px; margin-bottom: 30px;background-image: url('/img/calendrier_bg.png'); background-repeat: no-repeat; background-position: right top; position: relative; font-family: Arial;}
.agenda_header .subject_list {position: absolute; bottom: 30px; left: 0px; width: 179px; ttop: 30px; overflow: auto;}
.agenda_header .subject_list h4 {margin: 3px 0px; }
.agenda_header .subject_list h4 a {color: #fff; font-size: 14px; text-transform: lowercase; font-weight: normal;bold; text-decoration: none; color: #fff; display :block; padding: 1px 10px; outline: none;}
.agenda_header .subject_list h4.current {background-color: #232323;}
.agenda_header .subject_list h4:hover {background-color: #ffed00;}
.agenda_header .next span,
.agenda_header .prev span {display: none;}
.agenda_header .next,
.agenda_header .prev {position: absolute; top: 33px; width: 15px;  height: 15px; display: block;}
.agenda_header .next {left: 330px;}
.agenda_header .prev {left: 199px;}
.agenda_header .mois {position: absolute; top: 33px ; left: 214px; width: 115px; font-weight: 12px; text-transform: uppercase; line-height: 12px; text-align: center; color: #fff;}
.agenda_header .calendrier {position: absolute; left: 197px; top: 81px; _top: 82px;}
.agenda_header .calendrier table {border-collapse:collapse;}
.agenda_header .calendrier table td {height: 31px; width: 55px;text-align: center; border: 0px dashed #00f;transparent;#00f; color: #fff; font-weight: normal; font-size: 12px; line-height: 12px;}
.agenda_header .calendrier table td span {display: block; margin: 0px 2px 0px 3px; height:12px; padding: 8px 0px 8px 0px ; font-weight: normal;}
.agenda_header .calendrier table td a {display: block; margin:    0px 2px 0px 3px; height:12px; padding: 7px 0px; color: #fff; text-decoration: none; font-weight: bold; display: block;background-color: #ffed00;/*9602c0;*/}

.agenda_header .calendrier table td a:hover {background-color: #000000; color: #ffed00;/*9602c0;*/}

/*
.agenda_header .calendrier table td span:hover,
.agenda_header .calendrier table td a:hover,
.agenda_header .calendrier table td.today span,
.agenda_header .calendrier table td.today a {background-color: #9602c0;}
*/
.articlelistimg img {margin-bottom: 1px; margin-right: 1px;}