/* Reset.css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:Arial, Helvetica, sans-serif;
  vertical-align:baseline; 
}
body {
  line-height:1;
  text-align:left;
  background:#0E9CCC url(img/bg-default.jpg) repeat-x top left;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse:separate;
  border-spacing:0;
}
caption, th, td {
  text-align:left;
  font-weight:normal;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
  content:"";
}
blockquote, q {
  quotes:"" "";
}
/* EOF reset.css */
em, i {
  font-style:italic;
}
a, div.blogs_block ul li.grey:hover div.ctx a.pseudo, div.blogs_block ul li.grey:hover strong.rank {
  cursor:pointer;
  text-decoration:none;
  outline:none;
  color:#cc0000;
  background-color:transparent;
}
a:hover {
  text-decoration:none;
  outline:none;
}
html:not([lang*=""]) button {
  padding-bottom:2px;
}
input, select {
  font-family:Arial, Helvetica, sans-serif;
  outline-width:0;
}
input[type=text], textarea {
  border:1px solid #000;
}
textarea {
  resize:none;
  outline-width:0;
  overflow:auto;
  font-family:Arial, Helvetica, sans-serif;
}
strong, .bold {
  font-weight:bold;
}
ul {
  list-style:none;
}
.yellow {
  color:#FFFF00 !important;
  background-color:transparent;
}
.nopointer {
  cursor:default;
}
.date {
  color:#999;
  background-color:transparent;
  font-size:10px;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
}
/***/

#global {
  width:1000px;
  margin:0 auto;
  position:relative;
}

#global_ctx {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  float:none;
  clear:left;
  width:1000px;
  height:auto;
  background-color:#fff;
  colorl:#000;
}
#main_content {
  float:left;
  width:970px;
  padding:10px 10px 20px 20px;
  height:auto;
  clear:left;
}

/***/

#searchbar {
  float:left;
  clear:left;
  width:1000px;
  height:36px;
  line-height:36px;
  padding:0;
  background:transparent url(img/topbar.png) no-repeat top left;
}
#searchbar p {
  display:inline;
  float:left;
  height:36px;
  width:230px;
}
#searchbar p a {
  color:#fff;
  background-color:transparent;
  font-size:11px;
  text-decoration:underline;
}
#searchbar label {
  font-size:11px;
  background-color:transparent;
  clear:none;
  float:none;
  width:232px;
  height:auto;
  color:#ccc;
  text-decoration:none;
  font-weight:normal;
}
#searchbar #motclefG {
  width:156px;
  height:16px;
  border:0;
  float:none;
  clear:none;
  padding:2px;
  background:transparent url(img/search.png) no-repeat top left;
}
#searchbar input.submit-search {
  border:1px solid #8BA6BF;
  background-color:#fff;
  color:#004A7B;
  float:none;
  clear:none;
  height:21px;
  width:22px;
  font-weight:bold;
  font-size:11px;
  margin-left:5px;
  padding:0;
}
#searchbar #sthemes {
  width:158px;
}
.select_div {
  position:absolute;
  z-index:30;
  width:158px;
  height:20px !important;
  float:left !important;
  clear:none !important;
  padding:0 !important;
  width:auto !important;
}
.select_display_div {
  height:20px !important;
  width:158px !important;
  padding:0 !important;
}
.select_display_choice {
  float:left;
  background:transparent url(img/select_box.png) no-repeat top left;
  cursor:pointer;
  height:20px;
  width:130px;
  line-height:20px;
  font-size:11px;
  color:#888;
  padding-left:6px;
}
.select_display_arrow {
  float:left;
  width:22px;
  height:20px;
  background:transparent url(img/select_arrow.png) no-repeat top left;
  cursor:pointer;
}
.select_ul {
  float:left !important;
  clear:left !important;
  margin:0 !important;
  padding:5px 0 0 0 !important;
  height:auto !important;
  z-index:30 !important;
  overflow:hidden !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  display:none;
  background:transparent url(img/select_ul_top.png) no-repeat top left !important;
  width:136px !important;
}
.select_ul li {
  float:left !important;
  clear:left !important;
  height:auto !important;
  font-size:11px !important;
  color:#000 !important;
  padding:0 0 0 6px !important;
  background:transparent url(img/select_ul_mid.png) repeat-y top left !important;
  line-height:20px !important;
  width:130px !important;
}
.select_ul li:hover {
  background:transparent url(img/select_ul_mid_h.png) repeat-y top left !important;
  cursor:pointer !important;
}
.select_ul li.select_ul_bot, #select_ul li.select_ul_bot:hover {
  height:5px !important;
  background:transparent url(img/select_ul_bot.png) no-repeat top left !important;
}
.select_display_arrow.clicked {
  background:transparent url(img/select_arrow_down.png) no-repeat top left !important;
}

/***/

div.pub_banniere {
  clear:none;
  float:left;
  height:90px;
  padding:0;
  position:absolute;
  right:16px;
  top:51px;
  width:730px;
}
div.pub_banniere table tr td {
  vertical-align:middle;
  text-align:center;
  width:730px;
  height:90px;
}
div.pub_pave {
  float:left;
  clear:left;
  width:300px;
  height:auto;
  padding:20px 0;
}
div.pub_google {
  float:left;
  clear:left;
  width:300px;
  height:82px;
  overflow:hidden;
  margin:20px 0 0;
  padding:15px 0;
  background:url("img/last_art_border.gif") repeat-x scroll left top #FFFFFF;
}
div.pub_google div.align_it {
  clear:left;
  float:left;
  height:82px;
  overflow:hidden;
  width:100%;
}
div.pub_google span.contendio {
  font-size:12px;
  color:#000 !important;
  background-color:transparent;
  font-family:Arial,Helvetica,sans-serif;
  padding:0;
}
div.pub_google span.killer_slink {
  clear:both;
  float:left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:normal;
  line-height:14px;
  text-decoration:underline;
  color:#000;
  background-color:transparent;
}
div.pub_google span.killer_texto {
  clear:both;
  display:block;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:14px;
  text-decoration:none;
}
div.pub_google span.killer_titulo1 {
  float:left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:18px;
  margin:0;
  padding:7px 0;
  text-decoration:none;
  white-space:normal;
}

/***/

span.big_title {  
  background-color:transparent;
  clear:left;
  color:#666;
  float:left;
  font-size:12px;
  height:auto;
  padding:0 0 7px;
  position:relative;
  width:100%;
}
span.big_title a, span.big_title a:hover {
  background-color:#FFFFFF;
  border-bottom:2px solid #BDBDBD;
  clear:left;
  color:#BDBDBD !important;
  float:left;
  font-family:"Trebuchet Ms",Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  padding-bottom:3px;
  position:relative;
  text-decoration:none;
}
span.big_title span.help {
  background:url("img/help_icon.gif") no-repeat scroll left top transparent;
  float:right;
  height:13px;
  position:absolute;
  right:0;
  width:13px;
  top:2px;
  cursor:help;
  line-height:50px;
  overflow:hidden;
}
#bg_colD span.big_title span.help {
  top:8px;
}
span.big_title span.arrow {
  bottom:0;
  float:left;
  height:9px;
  position:absolute;
  right:0;
  width:13px;
  overflow:hidden;
}
#bg_colA span.big_title a, #bg_colD span.big_title a {
  font-size:22px;
  width:430px;
  padding-bottom:2px;
}
#bg_colD span.big_title a {
  width:750px;
}
#bg_colA span.big_title span.help {
  top:7px;
}
#bg_colB span.big_title a {
  width:300px;
}
#bg_colC span.big_title a {
  width:200px;
}

a.blog_avatar {
  float:left;
  clear:none;
  height:50px;
  width:50px; 
}
a.blog_avatar img {
  height:50px;
  width:50px;
  border:0;
}
h1 {
  float:left;
}

/***/

#bg_header {
	width:1000px;
	float:left;
	clear:none;
	height:auto;
	padding:0;
}
#bg_header div.logo {
  clear:left;
  float:left;
  height:105px;
  padding:15px 10px 0;
  width:980px;
}
#bg_header h1 {
  float:left;
  clear:left;
  height:90px;
  width:242px;
}
#bg_header h1 a {
  float:left;
  clear:left;
  overflow:hidden;
  line-height:250px;
  height:90px;
  width:242px;
}
#bg_header div.bandeau_fake {
  float:left;
  clear:none;
  padding-left:10px;
  width:728px;
  height:90px;
}

/***/

#bg_colA {
	float:left;
	width:430px;
	padding:0 20px 0 0;
	clear:none;
	overflow:hidden;
}
#bg_colB {
  float:left;
  width:300px;
  padding:0;
  clear:none;
  overflow:hidden;
}
#bg_colC {
  float:left;
  width:210px;
  padding-left:10px;
  clear:none;
  overflow:hidden;
}
#bg_colD {
  float:left;
  width:750px;
  clear:none;
  overflow:hidden;
}
#bottom_pub {
  clear:left;
  float:left;
  height:auto;
  margin-top:20px;
  text-align:center;
  width:970px;
}
#bottom_pub div.pub_banniere {
  clear:none;
  float:none;
  margin:0 auto;
  position:relative;
  right:0;
  top:0;
}
#bg_colD div.pub_banniere {
  border-top:1px solid #BEBEBE;
  margin-top:20px;
  padding:20px 10px;
  position:relative;
  right:0;
  top:0;
}

/***/

#bg_subheader form, #bg_subheader div {
  float:left;
  clear:none;
}

/***/

#highlights {
  float:left;
  clear:none;
  width:1000px;
  height:auto;
  padding-bottom:10px;
  overflow:hidden;
}
#highlights_ctx {
  float:left;
  clear:left;
  width:948px;
  height:100px;
  overflow:hidden;
  padding:0 26px;
  position:relative;
}
#highlights_ctx span.left {
  float:left;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  background:transparent url(img/hl_left.png) no-repeat top left;
  width:29px;
  height:100px;
  cursor:pointer;
}
#highlights_ctx span.right {
  float:left;
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  background:transparent url(img/hl_right.png) no-repeat top left;
  width:29px;
  height:100px;
  cursor:pointer;
}
#highlights_ctx div.ctx {
  width:948px;
  height:100px;
  float:left;
  clear:none;
  overflow:hidden;
}
#highlights div.hl_ctx {
  float:left;
  clear:left;
  height:100px;
  width:948px;
}
#highlights ul {
  width:auto;
  height:100px;
  float:left;
  clear:none;
  margin:0;
  padding:0;
  list-style-type:none;
  background-color:#fff;
  color:#000;
}
#highlights ul li {
  height:80px;
  float:left;
  clear:none;
  width:161px;
  padding:10px;
  overflow:hidden;
  background: #fff url(img/hl_block.png) no-repeat top left;
}
#highlights ul li.hl:hover {
  background:#FFDF00;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  width:161px;
  height:78px;
  padding:9px 9px 11px 10px;
}
#highlights ul li a {
  background-color:transparent;
  color:#000;
}
#highlights ul li a.blog_avatar {
  margin-right:5px;
}
#highlights ul li a strong {
  float:left;
  font-size:13px;
  font-weight:bold;
  padding-bottom:2px;
  vertical-align:top;
  width:105px;
  word-wrap:break-word;
}
#highlights ul li a p {
  font-size:11px;
  background-color:transparent;
  color:#666;
  padding-top:2px;
  line-height:13px;
  word-wrap:break-word;
}
#highlights div.navhl {
  background-color:transparent;
  clear:left;
  color:#000000;
  float:left;
  font-size:11px;
  height:21px;
  line-height:21px;
  width:736px;
  padding-left:28px;
}
#highlights div.navhl a {
  text-decoration:underline;
  font-weight:bold;
}
#highlights div.navhl a.prev, #highlights div.navhl a.next {
  float:right;
  width:21px;
  height:19px;
  background: transparent url(img/prev_hl.png) no-repeat top left;
  margin-top:1px;
}
#highlights div.navhl a.next {
  background: transparent url(img/next_hl.png) no-repeat top left;
}
#highlights ul li.promo table {
  float:left;
  clear:left;
  width:161px;
  height:80px;
}
#highlights ul li.promo table td {
  text-align:center;
  vertical-align:middle;
  width:161px;
  height:80px;
}
#highlights ul li.promo {
  text-align:center;
}
#highlights ul li.promo a {
  font-size:13px;
  color:#999;
  background-color:transparent;
}
#highlights ul li.promo a strong {
  float:none;
  padding:0;
  width:auto;
}
#highlights ul li.promo:hover a {
  color:#000;
  background-color:transparent;
}
#highlights ul li.promo span {
  font-size:11px;
  clear:both;
}

/***/

#last-art {
  float:left;
  clear:left;
  width:430px;
  height:auto;
}
#last-art ul.last-art {
  list-style-type:none;
  float:left;
  clear:left;
  height:auto;
  width:430px;
  padding:0;
  margin:1px 0 0 0;
}
#last-art ul.last-art li {
  float:left;
  clear:left;
  width:430px;
  height:auto;
  padding:10px 0 20px 0;
  background:#fff url(img/last_art_border.gif) repeat-x bottom left;
}
#last-art ul.last-art li.grey:hover, #last_videos li.grey:hover, #last_articles li.grey:hover {
  background-color:#F2F2F2;
}
#last-art ul.last-art li.google_ad {
  padding:0;
}
#last-art ul.last-art li.google_ad div.pub_google {
  margin:0;
  background:transparent none;
  width:430px;
  height:70px;
}
#last-art ul.last-art li.google_ad div.pub_google div.align_it {
  height:70px;
}
#last-art ul.last-art li a.preview, #last_articles li a.preview {
  float:left;
  clear:left;
  width:75px;
  height:75px;
  overflow:hidden;
  border:1px solid #DADADA;
  padding:5px;
  background-color:#fff;
  color:#000;
}
#last-art ul.last-art li a.preview span, #last_articles li a.preview span {
  float:left;
  clear:left;
  width:75px;
  height:75px;
  overflow:hidden;
}
#last-art ul.last-art li a.preview img.ytube {
  margin-top:-7px;
  margin-left:-23px;
}
#last-art ul.last-art li a.preview img.wideo {
  margin-left:-40px;
  margin-top:-20px;
}
#last-art ul.last-art li.grey div.ctl, #last-art ul.last-art li.grey div.ctl, #last_articles li.grey div.ctl {
  float:left;
  clear:none;
  width:430px;
  height:25px;
  line-height:25px;
  padding-left:0;
}
#last_articles li.grey div.ctl {
  padding-left:10px;
  width:613px;
}
#last-art ul.last-art li.grey div.ctl_first {
  padding-left:10px;
  width:329px;
}
#last-art ul.last-art li.grey div.ctl a.blog_avatar, #last_videos li.grey div.ctl a.blog_avatar, #last_articles li.grey div.ctl a.blog_avatar {
  width:25px;
  height:25px;
  float:left;
  clear:left;
}
#last-art ul.last-art li.grey div.ctl a.blog_avatar img, #last_videos li.grey div.ctl a.blog_avatar img, #last_articles li.grey div.ctl a.blog_avatar img {
  width:25px;
  height:25px;
  border:0;
}
#last-art ul.last-art li.grey div.ctx, #last_articles li.grey div.ctx, #last-art ul.last-art li.grey div.ctx {
  float:left;
  clear:none;
  height:auto;
  width:430px;
  padding:0;
}
#last_articles li.grey div.ctx {
  width:613px;
  padding-left:10px;
}
#last-art ul.last-art li.grey div.ctx_first {
  padding:0 0 0 10px;
  width:333px;
}
#last-art ul.last-art li.grey div.ctl span.infos, #last_videos li.grey div.ctl span.infos, #last_articles li.grey div.ctl span.infos {
  padding-left:5px;
  line-height:22px;
}
#last-art ul.last-art li.grey div.ctl span.infos a, #last_videos li.grey div.ctl span.infos a, #last_articles li.grey div.ctl span.infos a {
  color:#999;
  background-color:transparent;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
}
#last-art ul.last-art li.grey div.ctl span.infos a:hover, #last_videos li.grey div.ctl span.infos a:hover, #last_articles li.grey div.ctl span.infos a:hover {
  text-decoration:underline;
}
#last-art ul.last-art li.grey div.ctx h2, #last_videos li.grey div.ctx h2, #last_articles li.grey div.ctx h2 {
  float:left;
  clear:none;
  width:395px;
  font-size:22px;
  color:#333;
  background-color:transparent;
  height:auto;
  font-weight:bold;
  padding-left:35px;
}
#last_videos li.grey div.ctx h2, #last_articles li.grey div.ctx h2 {
  font-size:16px;
  font-weight:bold;
  height:auto;
  margin-top:10px;
  padding:0;
  width:580px;
}
#last_articles li.grey div.ctx h2 {
  width:613px;
}
#last-art ul.last-art li.grey div.ctx h2.type {
  padding-top:3px;
  padding-left:10px;
}
#last-art ul.last-art li.grey div.ctx_first h2 {
  padding-left:0;
  width:333px;
  padding-top:5px;
}
#last-art ul.last-art li.grey div.ctx h2 a {
  font-size:18px;
  font-weight:normal;
  word-wrap:break-word;
}
#last-art ul.last-art li.grey div.ctx_first h2 a {
  font-size:26px;
  font-weight:bold;
  word-wrap:break-word;
}
#last-art ul.last-art li.grey div.ctx p, #last-art ul.last-art li.grey div.ctx p, #last_videos li.grey div.ctx p, #last_articles li.grey div.ctx p {
  font-size:12px;
  color:#666;
  background-color:transparent;
  margin:0;
  padding-top:5px;
  padding-left:35px;
  float:left;
  clear:left;
  height:auto;
  width:395px;
  word-wrap:break-word;
}
#last_articles li.grey div.ctx p {
  padding-left:0;
  width:613px;
  padding-top:10px;
}
#last_videos li.grey div.ctx p {
  padding:10px 0 0 0;
  width:580px;
}
#last-art ul.last-art li.grey div.ctx_first p {
  padding-left:0;
  padding-top:15px;
  width:333px;
  word-wrap:break-word;
}
#last-art ul.last-art li.grey div.ctx span.type {
  float:left;
  clear:left;
  width:25px;
  height:25px;
  background:transparent url(img/pictos/pictos-medias.jpg) no-repeat top left;
}
#last-art ul.last-art li.grey div.ctx span.image {
  background-position:0 -75px;
}
#last-art ul.last-art li.grey:hover div.ctx span.image {
  background-position:-25px -75px;
}
#last-art ul.last-art li.grey div.ctx span.son {
  background-position:0 -50px;
}
#last-art ul.last-art li.grey:hover div.ctx span.son {
  background-position:-25px -50px;
}
#last-art ul.last-art li.grey div.ctx span.video {
  background-position:0 0;
}
#last-art ul.last-art li.grey:hover div.ctx span.video {
  background-position:-25px 0;
}
#last-art ul.last-art li.grey div.ctx span.webcam {
  background-position:0 -25px;
}
#last-art ul.last-art li.grey:hover div.ctx span.webcam {
  background-position:-25px -25px;
}

/***/

div.blogs_block {
  float:right;
  clear:both;
  width:200px;
  height:auto;
  margin-top:20px;
}
div.blogs_block_next {
  margin-top:30px;
}
div.blogs_block ul {
  float:left;
  clear:left;
  width:200px;
  height:auto;
  margin:1px 0 0 0;
  padding:0;
}
div.blogs_block ul li {
  float:left;
  clear:left;
  height:auto;
  width:200px;
  padding:2px 0;
  border-bottom:1px solid #ccc;
}
div.blogs_block ul li.last {
  border-bottom:0;
}
div.blogs_block ul li.grey:hover {
  background-color:#F2F2F2;
  color:#666;
}
div.blogs_block ul li strong.rank {
  float:left;
  clear:none;
  height:50px;
  width:26px;
  text-align:center;
  font-size:23px;
  color:#ccc;
  background-color:transparent;
  font-weight:bold;
  line-height:50px;
}
div.blogs_block ul li div.ctx {
  float:left;
  clear:none;
  height:50px;
  overflow:hidden;
  width:95px;
  padding:0 4px 0 5px;
}
div.blogs_block ul li div.ctx a.pseudo {
  font-size:11px;
  font-weight:bold;
  color:#999;
  background-color:transparent;
  float:left;
  clear:left;
  width:95px;
  height:auto;
  word-wrap:break-word;
  margin-top:13px;
}
div.blogs_block ul li div.ctx p {
  float:left;
  clear:left;
  font-size:11px;
  color:#666;
  height:auto;
  width:95px;
  margin-top:2px;
}
a.go_best_blogs, a.go_best_articles, a.go_most_active, a.go_most_consulted, 
a.go_last_articles, a.go_last_pictures, a.go_last_videos, a.go_last_visits {
  font-size:11px;
  color:#666;
  background:transparent url(img/pictos/fan.png) no-repeat top left;
  text-decoration:underline;
  float:left;
  clear:left;
  height:16px;
  line-height:16px;
  padding-left:20px;
  width:175px;
  margin-top:8px;
  margin-left:5px;
}
a.go_best_articles {
  background:transparent url(img/pictos/like.png) no-repeat top left;
}
a.go_most_active {
  background:transparent url(img/pictos/active.png) no-repeat top left;
}
a.go_most_consulted {
  background:transparent url(img/pictos/consult.png) no-repeat top left;
}
a.go_last_articles {
  background:transparent url(img/pictos/article.png) no-repeat top left;
}
a.go_last_pictures {
  background:transparent url(img/pictos/image.png) no-repeat top left;
  margin-left:10px;
  width:270px;
}
a.go_last_videos {
  background:transparent url(img/pictos/video.png) no-repeat top left;
  width:280px;
  margin-left:0;
}
a.go_last_visits {
  background:transparent url(img/pictos/visit.png) no-repeat top left;
  width:280px;
  margin-left:0;
}
div.blogs_block a.go_last_videos, div.blogs_block a.go_last_pictures {
  margin-left:5px;
  width:175px;
}

/***/

#bg_footer {
	width :1000px;
	border-top: 1px solid #333;
	background:#000 url(img/footer_corner.png) no-repeat top left;
	clear:both;
	float:none;
	position:relative;
}
#bg_footer div.subfooter {
  background-color:#333;
  border-bottom:1px solid #000;
  border-top:1px solid #666;
  float:none;
  clear:left;
  height:auto;
  width:1000px;
  text-align:center;
  padding:10px 0;
}
#bg_footer div.footer {
  float:left;
  clear:left;
  height:auto;
  width:1000px;
  padding:30px 0 40px 0;
}
#bg_footer div.footer div {
  float:left;
  clear:none;
  width:287px;
  height:auto;
  padding:0 19px 0 49px;
  color:#333;
  background-color:transparent;
  font-size:11px;
}
#bg_footer div.footer div.first {
  padding:0 19px;
  border-right:1px solid #333;
}
#bg_footer div.footer div.second {
  width:249px;
  border-right:1px solid #333;
}
#bg_footer div.footer div h3 {
  color:#fff;
  background-color:transparent;
  font-size:12px;
  font-weight:bold;
  float:left;
  clear:left;
  height:auto;
  width:100%;
  padding:0;
  line-height:14px;
}
#bg_footer div.footer div h3.second {
  padding-top:40px;
  padding-bottom:10px;
}
#bg_footer div.footer div a {
  color:#333;
  background-color:transparent;
}
#bg_footer div.footer div ul {
  margin:10px 0 0;
}
#bg_footer div.footer div.first ul {
  list-style-type:none;
  float:left;
  clear:left;
  width:287px;
  height:auto;
  padding:0;
}
#bg_footer div.footer div.first ul li {
  padding:2px 0;
  float:left;
  clear:left;
  height:16px;
  line-height:16px;
  width:287px;
}
#bg_footer div.footer div.first ul li a {
  width:267px;
  padding:0 0 0 21px;
  float:left;
  clear:left;
  height:16px;
  line-height:16px;
  color:#999;
  font-size:11px;
  background-color:transparent;
}

div.footer div a.home {
  background:transparent url(img/pictos/home.png) no-repeat top left;
}
div.footer div a.all_blogs {
  background:transparent url(img/pictos/all_blogs.png) no-repeat top left;
}
div.footer div a.most_con {
  background:transparent url(img/pictos/consult.png) no-repeat top left;
}
div.footer div a.most_active {
  background:transparent url(img/pictos/active.png) no-repeat top left;
}
div.footer div a.best_blogs {
  background:transparent url(img/pictos/fan.png) no-repeat top left;
}
div.footer div a.best_art {
  background:transparent url(img/pictos/like.png) no-repeat top left;
}
div.footer div a.last_art {
  background:transparent url(img/pictos/article.png) no-repeat top left;
}
div.footer div a.last_vid {
  background:transparent url(img/pictos/video.png) no-repeat top left;
}
div.footer div a.most_act {
  background:transparent url(img/pictos/active.png) no-repeat top left;
}
div.footer div a.last_img {
  background:transparent url(img/pictos/image.png) no-repeat top left;
}
div.footer div a.last_blogs {
  background:transparent url(img/pictos/last_blogs.png) no-repeat top left;
}

#bg_footer div.footer div.second ul {
  list-style-type:none;
  float:left;
  clear:left;
  width:249px;
  height:auto;
  padding:0;
}
#bg_footer div.footer div.second ul li {
  padding:2px 0;
  float:left;
  clear:left;
  height:16px;
  line-height:16px;
  width:249px;
}
#bg_footer div.footer div.second ul li a {
  width:249px;
  padding:0;
  float:left;
  clear:left;
  height:16px;
  line-height:16px;
  background-color:transparent;
  color:#999;
}
#bg_footer div.subfooter ul {
  margin:10px auto 0 auto;
}
#bg_footer div.subfooter ul.first {
  margin:0;
}
#bg_footer div.subfooter ul li {
  display:inline;
  color:#999;
  background-color:transparent;
  font-size:11px;
}
#bg_footer div.subfooter ul li a {
  color:#999;
  background-color:transparent;
  font-size:11px;
}
#bg_footer div.subfooter ul.first li {
  display:inline;
  color:#fff;
  background-color:transparent;
  font-size:12px;
}
#bg_footer div.subfooter ul.first li a {
  color:#fff;
  background-color:transparent;
  font-size:12px;
}
#bg_footer div.subfooter ul.first li a.rss {
  background:transparent url(img/pictos/feed.png) no-repeat top right;
  padding-right:20px;  
}
#bg_footer div.footer div.third ul {
  list-style-type:square;
  float:left;
  clear:left;
  width:275px;
  height:auto;
  padding:0 0 0 12px;
  margin:0;
}
#bg_footer div.footer div.third ul li {
  padding:10px 0 0;
  float:left;
  clear:left;
  height:auto;
  line-height:14px;
  width:275px;
  background-color:transparent;
  color:#999;
}
#bg_footer div.subfooter p {
  padding-top:5px;
}
#bg_footer div.subfooter p, #bg_footer div.subfooter p a {
  color:#999;
  font-size:11px;
  background-color:transparent;
} 

/***/

#login_panel {
  float:left;
  clear:left;
  width:190px;
  height:119px;
  background:transparent url(img/login_panel.png) no-repeat top left;
  padding:20px 10px 0 10px;
}
#login_panel h3 {
  font-size:11px;
  color:#fff;
  background-color:transparent;
}
#login_panel div.content-logout {
  padding-top:15px;
  float:left;
  clear:left;
  width:190px;
  height:auto;
}
#login_panel div.content-logout div.logout-links {
  float:left;
  padding-left:10px;
  height:auto;
  text-align:left;
  width:130px;
}
#login_panel div.content-logout div.logout-links p {
  padding:4px 0;
}
#login_panel div.content-logout div.logout-links p.logout-edit {
  padding:0 0 4px 0;
}
#login_panel div.content-logout div.logout-links a {
  text-decoration:none;
  color:#ccc;
  background-color:transparent;
  font-size:11px;
}
#create_blog {
  float:left;
  clear:left;
  width:180px;
  height:54px;
  background:transparent url(img/create_blog.png) no-repeat top left;
  border-top:1px solid #999;
  padding:15px;
}
#create_blog p {
  float:left;
  clear:left;
  width:180px;
  height:auto;
}
#create_blog a {
  font-size:12px;
  color:#38CEFF;
  text-decoration:underline;
  background-color:transprent;
  float:left;
  clear:left;
  width:180px;
  height:auto;
  padding-top:5px;
}
#create_blog p a {
  color:#FFFF00;
  font-size:17px;
  font-weight:bold;
  background-color:transparent;
  padding:0;
  text-decoration:none;
}
#login_panel #formLogin {
  float:left;
  clear:left;
  padding:0 10px;
  height:auto;
  width:170px;
}
#login_panel #formLogin p, #login_panel #formLogin a, #labelpermanent {
  font-size:11px;
  color:#ccc;
  background-color:transparent;
}
#login_panel #formLogin p {
  float:left;
  clear:left;
  width:170px;
  height:auto;
  line-height:20px;
  padding-top:5px;
}
#login_panel fieldset p.login-nick {
  padding-top:0px;
}
#login_panel #formLogin p label {
  float:left;
  clear:none;
  width:76px;
  height:auto;
  line-height:20px;
  text-align:right;
}
#loginCompte, #passwdCompte {
  background: transparent url(img/input_text.png) no-repeat top left;
  border:0;
  width:86px;
  height:16px;
  padding:2px;
  float:right;
}
#login-bt-ok, #searchbar input.submit-search { 
  background: transparent url(img/submit.png) no-repeat top left;
  width:30px;
  height:20px;
  border:0;
  float:right;
  font-size:11px;
  text-transform:lowercase;
  text-align:center;
  line-height:20px;
  padding-bottom:2px;
  cursor:pointer;
  margin-left:10px;
  font-weight:normal;
}
#searchbar input.submit-search {
  float:none;
  clear:none;
  padding-bottom:0;
  margin-left:0;
}
#searchbar p.home {
  width:130px;
  padding-left:20px;
}
#searchbar p.create_blog {
  width:150px;
  text-align:center;
}
#searchbar p.search {
  width:440px;
  text-align:center;
}
#searchbar p.search a.nopointer {
  top:-2px;
  position:relative;
  color:#CCC;
  background-color:transparent;
  text-decoration:none;
}
#searchbar p.select {
  float:right;
  position:relative;
  width:260px;
}
#login_panel a {
  font-size:10px;
  color:#999;
  background-color:transparent;
  text-decoration:underline;
}
#login_panel #formLogin #labelpermanent {
  font-size:10px;
  width:112px;
}
#login_panel #formLogin a {
  color:#999;
  background-color:transparent;
  text-decoration:underline;
}
#permanent {
  float:right;
  clear:none;
  width:14px;
  height:14px;
  padding:0;
  border:0;
  margin:3px 0 0 0;
}
#labelpermanent {
  cursor:pointer;
}
#login_panel div.submit {
  float:left;
  clear:left;
  width:170px;
  height:auto;
  text-align:right;
  padding-top:15px;
} 

/***/

#last-pic, #last-vid {
  float:left;
  clear:left;
  width:300px;
  height:auto;
}
#last-vid ul.last-vid {
  float:left;
  clear:left;
  width:300px;
  height:auto;
  margin:5px 0 0 0;
  padding:0;
}
#last-pic-player {
  float:left;
  clear:left;
  width:300px;
  height:auto;
  margin-top:10px;
  padding:0 0 10px 0;
  background-color:#333;
  color:#fff;
  position:relative;
}
#last-pic-player div.player {
  background-color:#000;
  color:#fff:
  float:left;
  clear:left;
  width:300px;
  height:250px;
  position:relative;
}
#last-pic-player span#player_fake {
  float:left;
  clear:left;
  background-color:#000;
  color:#fff;
  width:300px;
  height:250px;
  position:absolute;
  z-index:999;
  top:0;
  left:0;
}
#last-pic-player div.player div.preview {
  float:left;
  clear:left;
  width:300px;
  height:250px;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
  color:#fff;
  background-color:#000;
}
#last-pic-player div.player div.preview a {
  float:left;
  clear:left;
  width:300px;
  height:250px;
}
#last-pic-player div.player div.preview a img {
  margin-top:0 !important;
  width:300px;
}
#last-pic-player div.infos {
  float:left;
  clear:left;
  position:absolute;
  top:210px;
  left:0;
  width:300px;
  height:40px;
  overflow:hidden;
}
#last-pic-player div.infos div.ctx {
  background-color:#000;
  opacity:0.7;
  filter:alpha(opacity=70);
  position:absolute;
  bottom:0;
  left:0;
  width:300px;
  height:40px;
  overflow:hidden;
}
#last-pic-player div.infos ul {
  list-style-type:none;
  float:left;
  clear:left;
  width:300px;
  height:40px;
  margin:0;
  padding:0;
  position:relative;
  z-index:1;
}
#last-pic-player div.infos ul li {
  float:left;
  clear:none;
  width:300px;
  height:40px;
  position:absolute;
  top:0;
  left:-300px;
}
#last-pic-player div.infos ul li strong {
  font-size:12px;
  font-weight:bold;
  color:#fff;
  background-color:transparent;
  float:left;
  clear:left;
  height:auto;
  width:280px;
  padding:8px 10px 0 10px;
}
#last-pic-player div.infos ul li p {
  font-size:12px;
  color:#ccc;
  background-color:transparent;
  float:left;
  clear:left;
  height:auto;
  width:280px;
  padding:2px 10px 0 10px;
  word-wrap:break-word;
  line-height:15px;
}
#last-pic ul.last-pic {
  background:#333 url(img/last_pic_shadow.png) no-repeat top left;
  margin:0;
  padding:10px 5px 0 5px;
  float:left;
  clear:left;
  width:290px;
  height:auto;
  position:relative;
  z-index:20;
}
#last-pic ul.last-pic li {
  width:56px;
  height:56px;
  padding:1px;
  float:left;
  clear:none;
}
#last-pic ul.last-pic li a {
  float:left;
  clear:left;
  height:50px;
  width:50px;
  padding:3px;  
}
#last-pic ul.last-pic li a:hover, #last-pic ul.last-pic li a.active {
  width:50px;
  height:50px;
  border:1px solid #FFFF00;
  padding:2px;
}
#last-pic ul.last-pic li a img {
  float:left;
  clear:left;
  width:50px;
  height:50px;
}
#last-vid ul.last-vid li {
  width:300px;
  height:90px;
  padding:10px 0;
  float:left;
  clear:left;
}
#last-vid ul.last-vid li a {
  float:left;
  clear:none;
  position:relative;
  width:120px;
  height:90px;
}
#last-vid ul.last-vid li a span.play, #last_videos li a span.play {
  background:transparent url(img/pictos/play.png) no-repeat top left;
  width:30px;
  height:30px;
  position:absolute;
  z-index:1;
  right:8px;
  bottom:8px;
}
#last-vid ul.last-vid li a img {
  border:0;
  width:120px;
  height:90px;
}
#last-vid ul.last-vid li div.ctx {
  float:left;
  clear:none;
  width:170px;
  height:90px;
  padding-left:10px;
}
#last-vid ul.last-vid li div.ctx a {
  width:170px;
  height:auto;
  clear:both;
}
#last-vid ul.last-vid li div.ctx a strong {
  font-size:13px;
  font-weight:bold;
  word-wrap:break-word;
}
#last-vid ul.last-vid li div.ctx a p {
  font-size:11px;
  color:#333;
  background-color:transparent;
  padding-top:10px;
}

/***/

#raise_vote  {
  float:left;
  clear:left;
  width:300px;
  height:auto;
  padding-top:20px;
  background:url("img/last_art_border.gif") repeat-x scroll left top #FFFFFF;
}
#raise_vote a.img {
  background: transparent url(img/raise_vote.jpg) no-repeat top left;
  float:left;
  clear:left;
  width:300px;
  height:auto;
  padding-top:155px;
  margin:3px 0 0 0;
}
#raise_vote p {
  font-size:12px;
  color:#000;
  background-color:transparent;
  float:left;
  clear:left;
  width:300px;
  height:auto;
}

/***/

#helptool {
  display:none;
  float:left;
  width:162px;
  height:auto;
  position:absolute;
  top:0;
  left:0;
  z-index:99;
}
#helptool table.tooltext {
  clear:left;
  float:left;
  width:162px;
  height:auto;
}
#helptool table.tooltext td.tl, #helptool table.tooltext td.bl {
  width:8px;
  height:8px;
  background:transparent url(img/tooltip/tl.png) no-repeat top left;
}
#helptool table.tooltext td.tr, #helptool table.tooltext td.br {
  width:15px;
  height:8px;
  background:transparent url(img/tooltip/tr.png) no-repeat top left;
}
#helptool table.tooltext td.tm, #helptool table.tooltext td.bm {
  width:139px:
  height:8px;
  background:transparent url(img/tooltip/tm.png) repeat-x top left;
}
#helptool table.tooltext td.bl {
  background:transparent url(img/tooltip/bl.png) no-repeat top left;
}
#helptool table.tooltext td.br {
  background:transparent url(img/tooltip/br.png) no-repeat top left;
}
#helptool table.tooltext td.bm {
  background:transparent url(img/tooltip/bm.png) repeat-x top left;
}
#helptool table.tooltext td.ml, #helptool table.tooltext td.mr {
  width:8px;
  height:auto;
  background:transparent url(img/tooltip/ml.png) repeat-y top left;
}
#helptool table.tooltext td.mr {
  background:transparent url(img/tooltip/mr.png) repeat-y top left;
}
#helptool table.tooltext td.mm {
  background-color:#BEDEFF;
  font-size:11px;
  color:#006699;
}
#helptool span.toolarrow {
  background:transparent url(img/tooltip/arrow.png) no-repeat top left;
  width:15px;
  height:18px;
  position:absolute;
  right:0;
  top:8px;
}
#helptool table.tooltext td.mm strong, #helptool span.txt {
  float:left;
  clear:left;
  height:auto;
  width:139px;
}
#helptool span.txt {
  padding-top:2px;
}
/**/

#helptool.img {
  display:none;
  float:left;
  width:230px;
  height:auto;
  position:absolute;
  top:0;
  left:0;
  z-index:99;
}
#helptool.img table.tooltext {
  clear:left;
  float:left;
  width:230px;
  height:auto;
}
#helptool.img table.tooltext td.tl, #helptool.img table.tooltext td.bl {
  width:15px;
  height:8px;
  background:transparent url(img/tooltip/tl_i.png) no-repeat top left;
}
#helptool.img table.tooltext td.tr, #helptool.img table.tooltext td.br {
  width:8px;
  height:8px;
  background:transparent url(img/tooltip/tr_i.png) no-repeat top left;
}
#helptool.img table.tooltext td.bl {
  background:transparent url(img/tooltip/bl_i.png) no-repeat top left;
}
#helptool.img table.tooltext td.br {
  background:transparent url(img/tooltip/br_i.png) no-repeat top left;
}
#helptool.img table.tooltext td.ml, #helptool.img table.tooltext td.mr {
  width:15px;
  height:auto;
  background:transparent url(img/tooltip/ml_i.png) repeat-y top left;
}
#helptool.img table.tooltext td.mr {
  background:transparent url(img/tooltip/mr_i.png) repeat-y top left;
}
#helptool.img span.toolarrow {
  background:transparent url(img/tooltip/arrow_i.png) no-repeat top left;
  width:15px;
  height:18px;
  position:absolute;
  left:0;
  top:8px;
}


/** page : dernières images */
#last_pictures {
  clear:left;
  float:left;
  height:auto;
  padding:0 15px 0 25px;
  width:710px;
}
#last_pictures li {
  float:left;
  clear:none;
  width:101px;
  height:89px;
  padding-top:12px;
}
#last_pictures li.last {
  width:89px;
}
#last_pictures li a {
  float:left;
  clear:left;
  width:75px;
  height:75px;
  padding:6px;
  border:1px solid #808080; 
}
#last_pictures li a img {
  border:0;
  width:75px;
  height:75px;
}

#last_videos, #last_articles {
  float:left;
  clear:left;
  width:710px;
  height:auto;
  padding:0 20px;
}
#last_videos li, #last_articles li {
  float:left;
  clear:left;
  width:710px;
  height:auto;
  padding:20px 0;
  background:url("img/last_art_border.gif") repeat-x scroll left bottom #FFFFFF;
}
#last_videos li a.thumb {
  clear:none;
  float:left;
  height:90px;
  position:relative;
  width:120px;
}
#last_videos li a.thumb img {
  float:left;
  clear:left;
  width:120px;
  height:90px;
  border:0;
} 
#last_videos li div.ctl {
  float:left;
  clear:none;
  height:auto;
  width:580px;
  height:25px;
  padding-left:10px;
}
#last_videos li div.ctx {
  float:left;
  clear:none;
  height:auto;
  width:580px;
  padding-left:10px;
}

/** navigation **/
.page-navigation  {
  clear:both;
  margin:0 auto;
  padding-top:20px;
  text-align:center;
  padding-bottom:20px;
}

p.barre-navigation a, p.barre-navigation span {
  background-color:#FFFFFF;
  border:1px solid #999999;
  color:#999999;
  display:inline;
  margin-right:2px;
  padding:4px 8px;
  text-align:center;
  font-size:12px;
}

p.barre-navigation span, p.barre-navigation a:hover {
  background-color:#8EC6FF;
  border:1px solid #8EC6FF;
  color:#000000;
}
p.barre-navigation span.etc {
  background-color:#FFFFFF;
  border:0 none;
  color:#999999;
  padding-right:0;
}

p.barre-navigation a.next {
  background:url("img/arrows/article-suivant.gif") no-repeat scroll 4px 7px transparent;
  border:0 none;
}
p.barre-navigation a.end {
  background:url("img/arrows/article-fin.gif") no-repeat scroll 2px 7px transparent;
  border:0 none;
}
p.barre-navigation a.start {
  background:url("img/arrows/article-debut.gif") no-repeat scroll 2px 7px transparent;
  border:0 none;
}
p.barre-navigation a.prev {
  background:url("img/arrows/article-precedent.gif") no-repeat scroll 4px 7px transparent;
  border:0 none;
}

/***/

#cgu {
  clear:left;
  float:left;
  font-size:13px;
  height:auto;
  width:960px;
  line-height:15px;
}
#cgu p {
  margin:12px 0;
}
#cgu ul {
  list-style-type:disc;
  padding-left:20px;
}
#cgu a.submit-button {
  background-color:#000;
  color:#FFF;
  padding:5px 8px;
}

/***/
#vivat-news {
  float:left;
  clear:left;
  width:970px;
  height:auto;
  padding:10px 10px 20px 20px;
}
#vivat-news h2 {
  color:#BDBDBD;
  background-color:transparent;
  font-size:22px;
  font-weight:bold;
  float:left;
  clear:left;
  height:auto;
  width:970px;
}
#vivat-news h2 a {
  color:#999;
  background-color:transparent;
  font-size:11px;
  text-decoration:underline;
  font-weight:normal;
}
#vivat-news ul {
  float:left;
  clear:left;
  width:970px;
  height:auto;
  padding:10px 0;
  border-bottom:1px solid #ccc;
}
#vivat-news ul li {
  display:inline;
  float:left;
  clear:none;
  height:auto;
  width:310px;
  padding-right:20px;
}
#vivat-news ul li.last {
  padding-right:0 !important;
}
#vivat-news ul li a {
  color:#333 !important;
  font-size:12px;
}
#vivat-news ul li a img {
  float:left;
  padding-right:10px;
  width:70px;
}
#vivat-news ul li a strong {
  color:#333 !important;
  font-size:13px;
  font-weight:bold;
}

/***/

div.search_page span.big_title a {
  border-bottom:0 !important;
  padding-bottom:0 !important;
}
ul#search_filters {
  float:left;
  width:750px;
  border-top:1px solid #BEBEBE;
  padding-top:5px;
  padding-bottom:20px;
}
ul#search_filters li {
  display:inline;
  padding:0 10px 0 0;
}
ul#search_filters li a.noselected {
  text-decoration:underline;
  color:#000;
  background-color:transparent;
  font-weight:normal;
}
ul#search_filters li a {
  font-weight:bold;
  font-size:13px;
}
div.search_page ul#last_articles, div.search_page ul#last_videos {
  padding:0 0 10px 20px;
  width:730px;
}
div.search_page ul#last_articles li, div.search_page ul#last_videos li {
  width:730px;
}
div.search_page ul.list_blogs {
  padding:0 0 10px 20px;
  width:730px;
}
div.search_page ul.list_blogs li {
  width:730px;
}
div.search_page ul.list_blogs li.last {
  background:none;
}
div.search_page ul.list_blogs li div.ctx {
  width:620px;
}
div.search_page h3 {
  float:left;
  clear:left;
  width:730px;
  padding:10px;
  height:auto;
  background-color:#E9E9E9;
  line-height:14px;
}
div.search_page h3 strong {
  font-size:20px;
  color:#fff;
  background-color:transparent;
}
div.search_page h3 span {
  font-size:12px;
  color:#999;
  background-color:transparent;
}
div.search_page h3 a {
  float:right;
  font-size:12px;
  color:#999;
  text-decoration:underline;
}
div#search_results p.descr {
  font-size:12px;
  color:#BDBDBD;
  background-color:transparent;
  padding-bottom:10px;
}
div#search_results p.more_results {
  float:left;
  clear:left;
  width:740px;
  padding-right:10px;
  padding-bottom:30px;
  height:auto;
  text-align:right;
}
div#search_results p.more_results a {
  color:#999;
  background-color:transparent;
  text-decoration:underline;
  font-size:12px;
}

/***/

ul.list_blogs {
  clear:both;
  float:left;
  height:auto;
  list-style-type:none;
  margin:0;
  padding:0 20px;
  width:710px;
}
ul.list_blogs li {
  background: transparent url(img/bloc_border_bottom.gif) repeat-x left bottom;
  clear:both;
  float:left;
  height:71px;
  padding:20px 0 0;
  position:relative;
  width:710px;
}
ul.list_blogs li.grey:hover {
  background-color:#eee;
  color:#000;
}
ul.list_blogs li div.ctx {
  float:left;
  height:50px;
  padding:0 10px;
  position:relative;
  width:640px;
}
ul.list_blogs li div.ctx strong a {
  font-size:16px;
  font-weight:bold;
}
ul.list_blogs li div.ctx p a {
  background-color:transparent;
  color:#666666;
  font-size:13px;
  height:auto;
  line-height:15px;
  margin:4px 0 0;
  overflow:hidden;
  width:320px;
  padding:0;
}

/***/

#new_search {
  float:left;
  clear:left;
  width:750px;
  height:auto;
  padding:15px 0;
}
div.pass {
  float:left;
  clear:left;
  width:750px;
  height:auto;
  padding:30px 0;
  font-size:13px;
  border-bottom:1px solid #ccc;
}
div.pass fieldset legend {
  font-size:13px;
  font-weight:bold;
}
#new_search label {
  font-size:13px;
}
div.pass td.vertpti {
  font-size:12px;
  color:#666;
  background-color:transparent;
  padding-top:15px;
  line-height:14px;
}
div.pass span.input_email, #new_search span {
  display:online;
  padding:3px 1px 5px 1px;
  border:1px solid #CCC;
}
#new_search span {
  padding:1px 1px 5px;
}
div.pass span.input_email_s {
  display:online;
  border:0;
  padding:0;
}
div.pass input.submit-button, #new_search input.submit-button, #cel-error a.submit-button, #activateform input.submit-button {
  background: #C72CAF url(img/submit.jpg) repeat-x top left;
  border:1px solid #C72CAF;
  font-size:11px;
  color:#fff;
  cursor:pointer;
  padding:2px 15px;
}
div.pass span.input_email_s input.input-texte {
  border:1px solid #ccc;
}
div.pass span.input_email input.input-texte, #new_search input.input-texte {
  border:0;
  width:288px;
  padding:2px 2px 4px 0;
}

/***/
ul.top_blogs li p {
  padding:3px 0;
  font-size:13px;
  font-weight:bold;
}
ul.top_blogs li p.descr {
  font-weight:normal;
  padding:0;
}

/***/

.warning_error {
  float:left;
  clear:left;
  width:98%;
  height:auto;
  border:1px solid #cc0000;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  background-color:pink;
  margin-top:15px;
  padding:5px;
  font-size:12px;
  color:#cc0000;  
}
#bg_colD .warning_error {
  width:738px;
}
.warning_success {
  float:left;
  clear:left;
  width:98%;
  height:auto;
  border:1px solid #66CC66;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  background-color:#ECFFD9;
  margin-top:15px;
  padding:5px;
  font-size:12px;
  color:#369D1D;
}

/***/
#cel-error {
  float:left;
  clear:left;
  width:750px;
  height:auto;
}
#cel-error p.errortxt {
  clear:none;
  float:left;
  font-size:13px;
  width:550px;
}
#cel-error div.errortxt {
  background-color:transparent;
  clear:none;
  color:#666666;
  float:left;
  font-size:12px;
  padding-top:10px;
  width:550px;
}
#cel-error div.errortxt a {
  text-decoration:underline;
  font-size:12px;
  color:#666;
  background-color:transparent;
}
#cel-error div.errorsoft p {
  padding:10px 0;
}
#cel-error a.submit-button {
  display:block;
  font-size:11px;
  height:20px;
  line-height:20px;
  margin:0 auto;
  padding:0 15px;
  width:170px;
}
#activate_explain {
  float:left;
  clear:left;
  width:750px;
  height:auto;
  font-size:12px;
}
#activate_explain p {
  font-size:12px;
  color:#666;
  background-color:transparent;
  padding:10px 0;
}
#activate_explain p strong {
  color:#000;
  background-color:transparent;
  font-size:13px;
}
#activate_explain ol {
  float:left;
  clear:left;
  width:720px;
  height:auto;
  list-style-type:decimal !important;
  padding-left:30px;
}
#activate_explain ol li {
  float:left;
  clear:left;
  width:720px;
  height:auto;
  font-size:12px;
  color:#666;
  background-color:transparent;
}
#activateform {
  float:left;
  clear:left;
  width:750px;
  height:auto;
  padding-top:10px;
}
#activateform p {
  float:left;
  clear:left;
  width:750px;
  height:auto;
  padding:5px 0;
}
#activateform label {
  cursor:pointer;
  font-size:13px;
  color:#000;
  background-color:transparent;
  float:left;
  line-height:22px;
  width:180px;
}
#femailconf, #fcode {
  border:1px solid #ccc;
  padding:2px;
  float:left;
}
#activateform #btnSubmit {
  float:left;
  clear:left;
  width:750px;
  text-align:center;
  height:auto;
  padding-top:15px;
}

/***/

#main_content div.long_player {
  width:750px !important;
  padding-bottom:15px !important;
}
#main_content div.long_player div#last-pic-player {
  margin:0 !important;
  width:750px !important;
}
#main_content div.long_player div#last-pic-player div#player_previews, #main_content div.long_player div#last-pic-player div#player_infos {
  width:750px !important;
}

/* choix periode */

#periode {
  padding: 16px 0 4px 0;
  float: left;
}
#periode li {
  display: block;
  float: left;
  color: #BDBDBD !important;
  font-family: 'Trebuchet Ms', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding-right: 19px;
}
#periode li.head {
  padding: 8px 19px 0 0;  
}
#periode li a {
  display: block;
  padding: 8px 0 0 0;
  text-align: center;
  height: 32px;
  width: 162px;
  background: url('/css_home/img/period.png') no-repeat;
}
#periode li a.inactive {
  color: #BDBDBD !important;
}