* {font-family: verdana, sans-serif;}

body {background: #000; color: #000; margin: 0px; padding: 0px; font-size: 12px;

bbackground-image: url(/img/v2/fond_04.jpg);  background-repeat: no-repeat; background-position: top center;


}


#blog_top img {border:none;}
#blog_top {color: #fff; margin-bottom: 8px;}

#blog_top .logo {float:left;}
#blog_top .banniere {float:right;}
#blog_top .banniere embed {margin: 0px;}

#blog_top .clear {clear: both;}

#blog_menu_left {background: #fff; color: #000; height: 26px; padding: 0px 2px 2px 2px ; margin-bottom: 8px;
/*
 background-image: url(/img/v2/fond_over_01.jpg);  background-repeat: no-repeat; background-position: top center;  background-attachment: fixed;
*/

}
#blog_menu_left ul {padding: 0px; margin: 0px; padding-left: 10px; }
#blog_menu_left li {float: left; list-style: none; padding: 0px; margin: 0px; padding-right: 58px; font-size: 18px; text-transform: uppercase; padding-top: 3px; position: relative;}
#blog_menu_left li.last {padding-right: 0px;}
#blog_menu_left li a {text-decoration: none;}
#blog_menu_left li a:hover {text-decoration: none; color: #2020d3;}
#blog_menu_left .search {float: right; margin-top: 2px; margin-right: 4px; margin-bottom: 0px; padding-bottom: 0px;
 text-align: right;
 width: 150px;
}

#blog_menu_left li ul.submenu {display: none; position: absolute; top: 24px; left: -10px; z-index: 2;}
#blog_menu_left li:hover ul.submenu {display: block; background: #fff; }
#blog_menu_left li ul.submenu li {float: none; padding-right: 6px;}


#blog_menu_bottom {font-size: 1em; text-transform: uppercase;}

#blog_menu_bottom ul {padding: 0px; margin: 0px; padding-left: 10px; text-align: center; margin-bottom: 8px;}
#blog_menu_bottom li {display: inline;list-style: none; padding: 0px; margin: 0px; padding-right: 10px; pposition: relative;}
#blog_menu_bottom li a { color:#fff; text-decoration: none;}

#blog_menu_bottom .leftmenu {width: 662px; height: 16px}
#blog_menu_bottom .rightmenu {width: 410px; float: right;}

#blog_menu_bottom .leftmenu ul li ul.submenu {display: none; position: relative;absolute; bottom: 0px;}

#blog_menu_bottom .leftmenu ul li:hover ul.submenu {display: block; background: #000; }
#blog_menu_bottom .leftmenu ul li ul.submenu li {float: none; padding-right: 6px; display: block;}




#blog_content_mycomment, #blog_content, #blog_content_intro {height: 710px; margin-bottom: 8px;}
 #blog_menu_right {height: 710px; margin-bottom: 8px;}


#blog_menu_right {/*background: #fff;*/ float:right; width: 410px;
/*
 background-image: url(/img/v2/fond_over_01.jpg);  background-repeat: no-repeat; background-position: top center;  background-attachment: fixed;
*/
}

#blog_content_mycomment .list {padding: 8px;}

#blog_content_mycomment,
#blog_content,
#blog_content_intro {background: #fff; float: left; width: 682px;
/*
 background-image: url(/img/v2/fond_over_01.jpg);  background-repeat: no-repeat; background-position: top center;  background-attachment: fixed;
 */
}

#blog_menu_bottom { clear: both }

embed {display: block; text-align: center; margin: 3px auto;} 

a {color: #000;}


#root {width: 1100px; margin: 0px auto;}
#rubrique_photo #root {width: 100%; margin: 0px auto;}

h4 {clear: both;}



#rubrique_photo #blog_content {float: none; padding: 0px; margin 0px; -moz-border-radius: none; width: 100%}
#rubrique_photo #blog_content .imgnav {background-color: #ede393; margin-bottom: 3px; padding: 3px 10px;}
#rubrique_photo #blog_content .imgnav a,
#rubrique_photo #blog_content .imgnav span {margin-right: 10px; color: #000; text-decoration: none; font-weight: bold;}
#rubrique_photo #blog_content .imgnav .empty {text-decoration: line-through;}


#blog_content,
.playlist,
.fresh,
.last_comment,
  #blog_content_mycomment,
#blog_content_intro  {position: relative;}


.info_post .title {font-size: 140%; padding-bottom: 8px;}

.navtop, .catinfo .info {display:none;}
.navbottom {padding-bottom: 8px;}

.comment, #blog_content_intro .list, .articles {overflow: auto; height: 680px; margin-top:30px; }

.articleone { padding-bottom: 8px;}

.articleone .article .header ,
h2.name {background: #ae9e5a; margin: 0px; color: #fff; padding: 6px; padding-left: 12px; padding-bottom: 3px; text-transform: uppercase; font-size: 16px; font-weight: bold;

 position:absolute;
 top: 0px;
 left: 0px;
 right:0px;

}

.articleone .article .content .infopost{font-weight: bold; margin: 8px 0px;}


#blog_content_intro, .fresh, .last_comment, .playlist {}

#blog_menu_right .fresh span.date,
#blog_menu_right .playlist span.date {font-weight: bold; font-size: 90%;color: rgb(133, 90, 64);}  

.fresh h2.name {background: #705707;}
.fresh {height: 212px; padding-top: 30px; background: #fff; margin-bottom: 8px; overflow: auto;}
.fresh .right2, 
.fresh .left2,
.playlist .right2, 
.playlist .left2 {width: 187px; position: relative; padding: 0px 0px; bbackground: red; overflow: hidden}
.fresh .right2 div.lasuite {position: absolute; bottom: 0px; right: 0px;}
.fresh .left2 div.lasuite {position: absolute; bottom: 0px; right: 8px;}
.playlist .right2 div.lasuite {position: absolute; bottom: 0px; left: 8px; right: 0px; background: #fff;}
.playlist .left2 div.lasuite {position: absolute; bottom: 0px; left: 0px; right: 0px; background: #fff;}

div.lasuite {background: #fff;}

.fresh .right2, 
.playlist .right2 {float: right; border-left: 4px double #666; padding-left: 8px;}
.fresh .left2, 
.playlist .left2 {float: left; padding-right: 8px;}

.playlist .titleblock,
.fresh .titleblock {overflow: hidden; font-weight: bold;padding-bottom: 4px;}


.fresh .before {text-align: center;}
.fresh .illustration {border:none;}
.fresh .right2,
.fresh .left2 {height: 198px; }


.playlist h2.name {background: #9c8b7c;}
.playlist {height: 196px; padding-top: 30px; background: #fff; overflow: auto;}
.playlist .right2,
.playlist .left2 {height: 184px; }


.fresh .list,
.last_comment .list,
.playlist .list {padding: 8px 8px 0px 8px;}


.last_comment h2.name {background: #5f682e;}
.last_comment .list {position: relative; height: 191px;}
.last_comment {height: 196px; padding-top: 30px;background: #fff; margin-bottom: 8px;}

.last_comment div.lasuite {position: absolute; bottom: 8px; right: 8px;}

.last_comment a {color: #5e3f1d; font-weight: bold; }
.last_comment .infotitle {margin-bottom: 4px;}

.lastcomment {margin-bottom: 8px;}


.articlelist .illustration {border:none; padding: 0px 0px 0px 0px ;}

.articlelist  {padding: 0px 10px;}
.articlelist .article .header .info .title .titleid0 {/*font-size: 22px;*/}


table.noborder,
table.noborder td,
table.noborder tr {border: none;  padding-top: 0px; margin-top: 0px;}
table.noborder td.tdtitle {vertical-align: top; height: 20px; padding-top: 0px; margin-top: 0px;}
table.noborder td.tdtitle div {padding:0px; margin: 0px; border: none;}
table.noborder td.top {vertical-align: top;}
table.noborder td.justify {text-align: justify;}
table.noborder td.bottom {vertical-align: bottom;}
table.noborder td {padding-left: 8px;}
/*
table.tableinfo {height: 115px;}
table.tableinfo0 {height: 230px;}
*/

.articlelist .info_post {}
.articlelist .info_post .cat_name {text-transform: uppercase;}
.articlelist .info_post label {font-style: italic;}

.articlelist .article .header {margin-bottom: 5px; margin-top: 10px;}
.articlelist .article .header .info .title {text-transform: uppercase;}
.articlelist .article a.atitle {text-transform: uppercase;}
.articlelist .article .header .info .title a {text-decoration: none;}
.articlelist .article a.atitle {text-decoration: none;}
.articlelist .article .header .info .before {float: left;}
.articlelist .article .header .author {font-weight: bold;}
.articlelist .article .content {padding-left: 0px; /*color: #ede393;*/}
.content div {text-align: justify;}
.articlelist .article .content .illustration {float: left; border: 1px solid #ccc; margin: 0px 0px 0px 0px ;}
.articlelist .article .content a.lasuite {color: #2020d3; text-decoration: none; float: right;}

.fresh a.lasuite {color: #2020d3; text-decoration: none; float: right; font-weight: normal;}
.last_comment a.lasuite {color: #2020d3; text-decoration: none; float: right; font-weight: normal;}
.playlist a.lasuite {color: #2020d3; text-decoration: none; font-weight: normal;}

.fresh a, .playlist a {text-decoration: none;}
.fresh .title, .playlist .title { padding: 2px 0px;}


.articlelist .article .footer .clear {clear: both;}
.articlelist .article .footer {padding-left: 0px; margin-top: 0px; margin-bottom: 8px; }
.articlelist .header .title {font-size: 1.8em; font-weight: bold;}
.articlelist .atitle {font-size: 1.8em; font-weight: bold;}

.articlelist .article {border-top: 4px double #666;}
.articlelist .articlenum0 {border-top: none;}




.articleone .article .content .clear {clear: both;}

/*.articleone .article .header {margin-bottom: 10px; margin-top: 0px; padding-left: 10px; background-color: #ede393; color : #000;}*/
/*.articleone .article .header .title {font-size: 120%; font-weight: bold;}*/
.articleone .article .content {padding-left: 10px; padding-right: 10px;text-align: justify;}
.articleone .article .content h3 {border-bottom: 1px dashed #000;}
.article .content img {margin: 5px;}
.articleone .article .footer {padding-left: 20px; margin-top: 10px; margin-bottom: 10px;border-bottom: 1px dashed #000 ;}



#blog_copyright {clear: both; text-align: center; font-size: 80%; color: #fff;}
#blog_copyright a {color: #fff; text-decoration: none;}


/* comment */

.comments {width: 400px; margin: 20px auto 0px auto; font-size: 90%;}

.commentbox .header {font-weight: bold; color: #000; border-bottom: 1px dashed #000;}
.commentbox {padding-bottom: 10px;}
.commentbox .content .clear {clear: both;}

.comments h2.nocomment {margin: 0px; ccolor: #000; font-style: italic; font-size: 1.2em;}

#rubrique_comment .commentbox .header {background-color: #fff; color: #000; padding: 3px 0px; border: none; border: 1px dashed #000; border-width: 1px 0px;}
#rubrique_comment .commentbox .header a {color: #000;}
#rubrique_comment .commentbox .header .ref {display: block;}
#rubrique_comment .commentbox .content {padding: 3px 10px;  border: 1px dashed #000; border-width: 0px 0px;}

.comform {padding: 5px; margin: 10px auto; border: 1px dashed #000;}
.comform h2 {margin: 0px; ccolor: #000; font-size: 1.4em; padding: 0px;}
.comform div.errors h3.error {color: #f90;}
.comform {display: block;}
.comform label {font-weight: bold; font-size: 1em; }
.comform label:after {content: ': ';}
.comform p {margin:2px;}
.comform .editform {display: none;}
.comform textarea {width: 100%; height: 75px; font-size: 1.0em;}


/* navigator */
.navigator {margin: 5px 0px; height: 20px;}
.navigator a {background-color: #ede393; color: #000; padding: 3px 5px; margin-right: 5px;font-size: 10px; -moz-border-radius: 10px; min-width: 10px; text-align: center;float: left; display: block;}
.navigator .current a {background-color: #945921;}
.navigator .dotdotdot {float: left;padding: 3px 5px; margin-right: 5px;}

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




/* search */

#blog_top form.search input {background-color: transparent;#fff; border: 1px solid #999; color: #fff;}

#blog_content form.search {padding: 10px;}
form.search input {background-color: transparent; #ede393;#fff; border: 1px solid #999; -moz-border-radius: 5px;}

form.search .q
{
  background-color: transparent;#ede393;#ffffff;
  background-image: url(searchbar.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-x-position: 3px;
  background-y-position: center;
  padding-left: 20px;
  width: 6em;
}