* {font-family:arial,verdana,helvetica,sans-serif;}
html {background-color: #97bfe8;}
body {font-family:arial,verdana,helvetica,sans-serif; margin: 0px; font-size: 12px;}


a {color: #000;}
a img {border: none;}

.listshare {float: right;}

.error:before {content: url(/icons/alert.red.gif)' '; vertical-align: middle;}



#center {background-image: url(bg_site_01.png); width: 950px; height: 750px;background-position: center top; margin:0px auto; position:relative;}

#blog_menu {z-index: 1;}

#blog_menu a {display: block; position: absolute;}
#blog_menu a span{display: none;}
#blog_menu a:hover {background-image: url(bg_site_01.png); background-position: center -749px;}
#blog_menu a.home{top: 0px; width: 950px; height: 55px; }
#blog_menu a.cat_1{top: 120px; left: 170px; width: 120px; height: 140px; background-position: -170px -869px;}
#blog_menu a.cat_2{left: 284px; top: 55px;  width: 160px; height: 140px; background-position: -284px -804px;}
#blog_menu a.cat_3 {left: 460px; top: 100px; width: 110px; height: 115px; background-position: -460px -849px;}
#blog_menu a.cat_5{ top: 195px; left: 30px; width: 140px; height: 125px; background-position: -30px -944px;}
#blog_menu a.cat_6{top: 70px; left: 580px; width: 140px; height: 125px; background-position: -580px -819px;}

#blog_menu a.cat_7{top: 3px; right: 130px; width: 155px; height: 142px; background-position: left top; background-image: url(title_cat_7.png);}
#blog_menu a.cat_7:hover {background-position: right top; background-image: url(title_cat_7.png);}


#center #blog_content {position: absolute; top: 225px; left: 230px; width: 677px; padding: 0px 10px;overflow: auto; height: 512px; font-size: 14px;}

#blog_lastcomm {position: absolute; top: 327px; left: 22px; height: 288px;width: 175px; padding: 10px 0px 10px 10px; overflow: auto;}

#blog_lastcomm span {font-weight: bold;}

#bloglastcom .title {margin-bottom: 15px; font-weight: bold; font-size: 14px;}

#content_top_img {position: absolute; right: 35px; bottom: 530px;}
#content_top_img .top_img_7 {width: 155px;}

#blog_copyright {position: absolute; top: 663px; left: 32px; height: 60px; width: 165px;}
#blog_copyright a {text-decoration: none;}

#rubrique_photo #center, #rubrique_intro #center {margin: 0px; padding: 0px;}
#rubrique_photo .imgnav { border-width: 0px 0px 1px 0px; border-style: solid; margin-bottom: 3px;}
#rubrique_photo .imgnav a {margin-right: 10px;}
#rubrique_photo .imgnav span {margin-right: 10px;}
#rubrique_photo #blog_content .imgnav .empty {text-decoration: line-through;}
#rubrique_photo #blog_content {position: relative;}


ul {list-style-type: none; margin: 0px; padding: 0px;list-style-type: none; margin-top: 0px;}

.lastcom {border-top-width: 1px; border-top-style: dashed;}
.lastcom a {display: block; text-decoration:none;}
.lastcom strong {}

h1 {padding: 5px; border-width: 1px 0px; border-style: solid;}




.comments h2.nocomment {font-style: italic;text-align: center; ;border: 1px solid #999; font-size: 100%; width: 70%; margin-left: auto; margin-right: auto;}

.commentbox {width: 70%; margin-bottom: 10px; font-size: 90%; margin-left: auto; margin-right: auto; border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
.commentbox .header {padding: 3px; }
.commentbox .content {padding: 3px;}
.commentbox h2 {font-size: 120%; padding: 0px; margin: 0px;}
.commentbox .header .info .title { /*float: none;*/}
.commentbox .header .info .title .author {font-weight: bold;}

.commentbox .content .clear {clear: right; padding: 0px;}
.commentbox .content /*, .commentbox .header*/ { }
/* For comment */
.mybordercom th div.comdel a {}
.mybordercom th div.comdel {text-align: left; clear: both;}
.mybordercom th, .mybordercom td {padding: 3px;}
table.mybordercom { margin: 5px 5px; margin:0px; font-size: 80%; margin: 5px 0px;}
.mybordercom tr {}
.mybordercom th {}
.mybordercom th .date {font-size: 80%; float: right;}
.mybordercom th .author {font-size: 100%; }
.mybordercom th .title {font-size: 120%;}
.mybordercom td {}
.comform {width: 400px; margin: 0px auto 0px auto; font-size: 80%; padding: 0px 3px; border: 1px solid #000;}
.comform h2 {text-align: center; }
.comform p {margin: 3px;}
.comform label {font-weight: bold; width: 100px; float: left; display: block;margin-bottom: 3px; margin-right: 3px;}
.comform #commentcomment_bb label {float: none;}
.comform #commentcaptchas label {float: none;  width: 100%;}
input#commentcaptchas {margin-left: 103px;}
.comform #commentsubmit {text-align: center;}
.comform label:after {content: ' :';}
.comform textarea {width: 398px; margin: 0px auto;}
.comform {}
input, select, textarea, .editform {border: 1px solid #ccc;black;}
.editform {background-color: #fff; color: #000;}
.editform a {color: #000;}
.editform div {padding: 3px;}

.comnote {padding: 3px;font-size: 100%; margin: 30px 0px 30px 0px; }


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

.left {float: left;}

img.g2html-right {
 float: right;
 margin: 1px;
}

.right {float: right;}


/* libnews.inc */

table.tab-list-v {margin-left: 15px;}
table.tab-list-v, table.tab-list-v td{
  border-collapse:collapse;
  padding: 3px;
}




table.tab-list-v th {padding: 3px; }

table.tab-list-v td {border-collapse:collapse; padding: 3px; font-size: 90%;}

.rss {font-size: 80%; margin-top: 20px;}
.rss .rsstitle {font-weight: bold; border: none; margin: 1px; padding: 1px; }
.rss .rsselm {font-size: 80%; }

.article .illustration {float: right;}
.article .picture img {margin: 0px 3px 3px 0px;}
.article .footer {margin-top: 5px;}
.articleone .article {margin-bottom: 10px; border-bottom: 1px solid #000;}
.article .header h2 {padding: 0px; margin: 0px; margin-top: 10px;}
.article .header a {text-decoration: none;}
.article .picture,
.article .media {margin-top: 10px;}
.article .header .info {padding-bottom: 5px;}
.article .footer .clear {clear: both;}
.article {padding-bottom: 10px; border-bottom-style: solid; border-bottom-width: 2px;}
.article.cat1 .header .info,
.article.cat1 .footer a,
.couleur_cat1,
.article.cat1 .header a {color: #9c1681;}
.article.cat1 {border-color: #9c1681;}
.article.cat2 .header .info,
.article.cat2 .footer a,
.couleur_cat2,
.article.cat2 .header a {color: #4d962a;}
.article.cat2 {border-color: #4d962a;}
.article.cat3 .header .info,
.article.cat3 .footer a,
.couleur_cat3,
.article.cat3 .header a {color: #993;;d7d402;}
.article.cat3 {border-color: #993;;d7d402;}
.article.cat5 .header .info,
.couleur_cat5,
.article.cat5 .footer a,
.article.cat5 .header a {color: #df7219;}
.article.cat5 {border-color: #df7219;}
.article.cat6 .header .info,
.couleur_cat6,
.article.cat6 .footer a,
.article.cat6 .header a {color: #bc9b44;}
.article.cat6 {border-color: #bc9b44;}
.article .header .cat_name {float: right; padding-top: 5px;}

.navtop {display: none;}
.navigator {display: table; clear: both; margin-top: 10px; padding: 5px 10px; font-size: 12px;}
.navigator a { padding: 2px;font-weight: bold; border: 1px solid #97bfe8; margin: 0px 5px; text-decoration: none;}
.navigator .current a, 
.navigator a:hover {background-color: #97bfe8;}