

html {padding: 0px; margin: 0px;}
body {background-color: #000;/*0d0909;*/ font-family: Arial; margin: 0px; padding: 0px; font-size: 12px; color: #000; background-image: url(bg_site_01.jpg); background-position: center top; background-repeat: repeat-y;}
img {border:none;}

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

a:hover {color: #ccc;}
#blog_top {background-color: #000;}

#blog_top .pub_link {height: 90px; width: 728px;}
#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:hidden; for video menu*/
height: 417px; 
 width: 1030px;
margin: 0px;
padding-left: 0px;
margin-top: 25px;
padding-right: 0px;
padding-bottom: 0px;
 background-color: #fff;
    margin-bottom: -11px;
}

#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: 32px; width: 1030px; background-image: url(menu_05.png); margin-top: 30px; ooverflow: hidden;}
#head ul#menu li #menuvideo,
#head ul#menu li a.level1 {height: 32px; 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_05.png);}

ul#menu li.menu1 a { width: 80px;}
ul#menu li.menu1 a:hover {background-position: 0px 32px;}
ul#menu li.menu2 div#menuvideo {width: 86px;}
ul#menu li.menu2 div#menuvideo a.top {width: 86px; display:block; height: 32px;}
ul#menu li.menu2 div#menuvideo:hover {background-position: -80px 32px;}
ul#menu li.menu2 div#menuvideo a.top:hover {background-position: -80px 32px;}
#menuvideobottom,
#menuvideo {position:relative;}
#submenuvideo{background-image: url(/img/menu_video_rollover_04.png); height: 157px;/*126px;*/ width: 88px; display:none; position: absolute; top: 32px; left: 0px; background-position: 0px 0px ; z-index: 200}
#submenuvideobottom {background-image: url(/img/menubottom_video_rollover_1.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  .menu25 {height: 19px;}
#head ul#menu .menu25 {height: 31px;}


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


ul#menu li.menu3 a:hover {background-position: -166px 32px; }
ul#menu li.menu3 a {width: 86px;}
ul#menu li.menu4 a:hover {background-position: -252px 32px; }
ul#menu li.menu4 a {width: 110px;}
ul#menu li.menu5 a:hover {background-position: -362px 32px; }
ul#menu li.menu5 a {width: 90px;}
ul#menu li.menu6 a:hover {background-position: -452px 32px; }
ul#menu li.menu6 a {width: 148px;}
ul#menu li.menu7 a:hover {background-position: -600px 32px; }
ul#menu li.menu7 a {width: 132px;}

ul#menu li.boxblank {width: 19px; height: 32px; float: left;}


ul#menu li.menu10 a:hover {background-position: -751px 32px;}
ul#menu li.menu10 a { width: 53px;}
ul#menu li.boxblank1 {width: 9px; height: 32px; float: left;}

ul#menu li.menu11 a:hover {background-position: -813px 32px; 803px 32px;}
ul#menu li.menu11 a { width: 40px;}
ul#menu li.boxblank2 {width: 8px; height: 32px; float: left;}

ul#menu li.menu12 a:hover {background-position: -861px 32px;} /*-843px 32px;}*/
ul#menu li.menu12 a { width: 45px;}
ul#menu li.boxblank3 {width: 7px; height: 32px; float: left;}

ul#menu li.menu13 a:hover {background-position: -913px 32px;} /* -886px 32px;}*/
ul#menu li.menu13 a { width: 45px;}
ul#menu li.boxblank4 {width: 9px; height: 32px; float: left;}

ul#menu li.menu15 a:hover {background-position: -967px 32px;}
ul#menu li.menu15 a { width: 57px;}


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


#t_content {
  background-color: #fff;
}

#t_big_content  {background-color: #fff;}

#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;}
#t_content #blog_right_matos {width: 340px; padding-right: 20px;float: right; overflow: hidden;}

#blog_right .pub,
#blog_right_matos .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: #000;}
.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;}


/* my box article matos */
#center .mybox.article.matos .block_illustration { width: 225px; padding-right: 7px; margin-bottom: 0px;}

.mybox.article.matos {position: relative; margin-bottom: 20px;}
.articlelist .article.matos .resume {padding-top: 0px;}
.mybox.article.matos .header {display: none; background: none; }
.mybox.article.matos .header {display: none; background: none; }
.mybox.article.matos .header .info {background: none; }
.mybox.article.matos .matos-header {font-family: times;}
/*.mybox.article.matos .illustration {float: left; background-color: #fff;}*/
.mybox.article.matos .price {float: right;}
.mybox.article.matos h2.matos_title .marque {text-transform: uppercase; padding-right: 5px; font-weight: normal;}
.mybox.article.matos .matos-header h2 {font-size: 16px;}
.mybox.article.matos .matos-header {border-bottom: 2px solid #000; font-size: 16px; padding-bottom: 5px; margin-bottom: 10px;}
.mybox.article.matos .distro {text-align: right; border-bottom: 2px solid #000;
						   position: absolute; bottom :0px; right: 0px;width: 370px
}
.mybox.article.matos .distro,
.mybox.article.matos .distro a {color: #88b1c3; font-style: italic; font-size: 14px; font-family: arial;}
.mybox.article.matos .resume {line-height: 16px; }
     /*
.mybox.article.matos .resume {margin: 0px; padding: 0px 0px 0px 232px ;}

.mybox.article.matos .resume {margin: 0px; padding: 0px 0px 15px 232px ;}
     */
#t_content .mybox.article.matos .resume .clear {clear: none;}

.mybox.article.matos .resume .clear {}
     .mybox.article.matos .footer {text-align: right; clear: both;}
.mybox.article.matos .footer a {font-style: italic; font-size: 14px; font-family: times; font-weight: bold;}
/**/


.mybox.article .header .info {background-image: url(/img/title_article_bg_01.gif); background-repeat: no-repeat; background-position: left top; height: 32px; overflow: hidden;}

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


#center h2.article_title a {  color: #fff; background-color: #000; display: block; float: left; height: 24px; line-height: 24px; padding: 0px 6px; font-family: Times; font-size: 18px; font-weight: normal; letter-spacing: 0px; }
#center h2.article_title a {text-decoration: none;}
#center .article {font-size: 12px; line-height: 20px; }

.articlelist .article .resume  {padding-top: 15px; font-style: italic;}
.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; font-family: Times; }
#center p.link_more a {text-decoration: none; font-size: 14px; line-height:20px;color: #000; font-weight: bold;}
#center .block_illustration { float: left; text-align: left; margin-bottom: 10px; /*width: 225px; padding-right: 7px; QLA TOTDO for matos*/}


#center .block_illustration img {margin-bottom: 0px; border: 1px solid #000;}
#center .block_illustration ul.block_illustration_small,
#center .block_illustration ul.block_illustration_small li {list-style: none; padding: 0px; margin: 0px;}
#center .block_illustration ul.block_illustration_small li {display: block; list-style: none; padding: 0px; margin: 0px;}
#center .block_illustration ul.block_illustration_small li {float: left;}

#center .block_illustration ul.block_illustration_small li img {text-align: center; margin-top: 10px; margin-bottom: 0px;border: 1px solid #000;}
#center .block_illustration ul.block_illustration_small li.img_2 {padding: 0px 11px;}


#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: 2px; background-image: url(barre_hori_600_02.png); overflow: hidden; margin: 13px 0px; clear: both;}
.barrehoripubtop {margin-top: 0px;}
.barrehoripubtop.barrehoripub-matos {margin-top: 13px;}

.barrehoripubbottom {margin-bottom: 30px;}
.barrehoripubbottom.barrehoripub-matos  {margin-bottom: 13px;}
.barrehoripub.nomarginbottom {margin-bottom: 0px;}

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

.barrehori1030 {height: 2px; background-image: url(/img/barre_hori_1030_02.gif); overflow: hidden; margin: 40px 0px;background-repeat: no-repeat; background-position: center;}


#blog_contact .mail {position: relative; min-height: 400px; text-align: center;} 
#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: #000; font-weight: bold;}




.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: 6px 5px 5px 5px; font-family: Arial; font-size: 12px; background-color: #fff; margin: 0px; border: 1px solid #8f9092none; 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_01.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: #7898a3; padding: 5px 10px; border-bottom: 1px solid #000;}
#blog_lien .summary {border-top: 1px solid #fff;  padding: 15px 10px 10px 10px; /*height: 450px;*/}
#blog_lien .summary a:hover {color: #000;}
#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; overflo: hidden; }
ul.last_mot li:hover a {color: #fff;}
ul.last_mot li:hover {background-color: #000; color: #fff; 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 {padding: 0px 0px;}
#blog_goodies #block_abonnement {height: 305px; width: 1030px; position: relative; margin-bottom: 20px;}
#blog_goodies #block_abonnement #france {position: absolute; right: 44px; top: 126px;}
#blog_goodies #block_abonnement #europe {position: absolute; right: 44px; top: 178px;}
#blog_goodies #block_abonnement #world {position: absolute; right: 44px; top: 229px;}
#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: 245px;}
#blog_goodies #block_tshirt .tshirt2 {height: 300px; width: 205px; position: absolute; top: 42px; right: 15px;}

#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 #000; color: #000; 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: #000;}


#bottom { clear: both;}
#bottom .copyright {font-family: Arial; font-size: 10px; line-height: 12px;  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 #000; padding-bottom: 4px;}
#t_big_content #bottom .navigatorempty,
#t_big_content #bottom .navigator {width: 970px;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: Arial; font-size: 12px; line-height: 20px;}

#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 #000; margin: 3px 0px; margin-left: 10px; background-color: transparent; color: #000;}
#checkout textarea {width: 198px; height: 50px;  border: 1px solid #000; background-color: transparent; color: #000;}
#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: no-repaet;
  color: #fff;
}

#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: 22px;font-size: 20px; font-family: Times;font-weight: bold; margin-bottom: 35px; }
.comments .barre.motsadd,
.comments .barre.mots {margin-top: 10px;}
.comments .barre.motsadd {padding-bottom: 0px; margin-bottom: 20px; margin-top: 20px}

.commentbox .header {margin-bottom: 15px; font-family: Arial; font-size: 12px; font-weight: bold}

.commentbox .content {font-size: 12px; line-height: 16px; margin-bottom: 25px; padding-bottom: 25px;
 background-image: url(/img/barre_hori_600_02.png); background-repeat: no-repeat; background-position: center bottom;
}

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

#center .comments .last .content {border-bottom: none; 
background-image: url(/img/barre_hori_600_02.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 #000; width: 150px; background-color: #fff; color: #000;}
.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: #000; color: #fff;}


.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_01.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_01.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;}
*/

#video_soul .bottomvideosoul {background-color: #2e2d30; height: 20px;position: absolute; bottom: 0px;width: 340px;}
#video_soul .bottomvideosoul a {float: right; display: bloxk; height: 20px; overflow: hidden; background-color: #221e1e; color: #58585a; line-height: 20px; padding: 0px 10px; margin-left: 4px; font-family: Helvetica; font-size: 13px;}

#video_soul .bottomvideosoul a:hover {color: #88b1c3;}

.agenda_header { width: 600px; height: 300px; margin-top: 0px; margin-bottom: 30px;background-image: url('/img/calendrier_bg_01.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 {font-size: 14px; text-transform: lowercase; font-weight: bold; text-decoration: none; color: #000; display :block; padding: 1px 10px; outline: none;}
.agenda_header .subject_list h4.current,
.agenda_header .subject_list h4:hover {background-color: #b4ced9;}
.agenda_header .subject_list h4.current a,
.agenda_header .subject_list h4:hover a { color: #fff;}
.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: #000; font-weight: bold;}
.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: #000; 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: #b4ced9;/*9602c0;*/}

.agenda_header .calendrier table td a:hover {background-color: #000000; color: #fff;/*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: #b4ced9;}
*/
.articlelistimg img {margin-bottom: 1px; margin-right: 1px;}


/* Matos */
#bigcenter #blog_search_marque_form {
  text-align: left;
	  margin-bottom: 20px;
	  padding-left: 30px;
}
#bigcenter #blog_search_marque_form input {
	vertical-align: middle;
      }
#bigcenter #blog_search_marque_form select.search-by-type  {margin-right: 5px;}
select.search-by-brand {width: 100px; border: 1px solid #000; height: 27px;}
select.search-by-type {width: 100px; border: 1px solid #000; height: 27px; margin-left: 5px;}

h1.matos {
  font-family: times;
  font-size: 18px;
  line-height: 24px;
  background-color: #000;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  padding-left: 5px;
  margin: 0px;
  margin-bottom: 30px;
}

#blog_matos h2 {
	padding: 0px 0px 20px 20px;
}
#blog_matos h3 {
	font-family: Times;
	font-size: 13px;
	line-height: 17px;
	background-color: #000;
	float: left;
        color: #fff;
	text-transform: uppercase;
	font-style: italic;
	margin-bottom: 2px;
        padding: 0px 2px;
}
#blog_matos h3 a {
        color: #fff;
}
ul#matos-list-cat,
ul#matos-list-cat li {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
ul#matos-list-cat {
  padding-left: 15px;
}
ul#matos-list-cat li {
  padding: 10px 15px;
  float: left;
  width: 219px;
}

