html {
 margin: 0px;
 padding: 0px;
 background: url(top_bg.jpg) repeat-x top;
 background-color:#E7D8AF;
}
body { 
 font: 10pt/14pt "Trebuchet MS", Arial, Verdana, sans-serif;
 color: #000; 
 margin: 0px; 

}
p { 
 font: 10pt/18pt "Trebuchet MS", Arial, Verdana, sans-serif;
 margin-top: 0px; 
 text-align: left;
}
h3 { 
 font: italic normal 12pt georgia; 
 letter-spacing: 1px; 
 margin-bottom: 0px; 
 color: #7D775C;
}
.article .content a {border-bottom-width: 1px;

 border-bottom-style: dotted;

 border-bottom-color: red;

 text-decoration: none;}

a:link { 
  font-weight: bold; 
  text-decoration: none; 
 color: red;
}
a:visited { 
  font-weight: bold; 
  text-decoration: none; 
 color: red;
}
a:hover, a:active { 
  text-decoration: underline; 
 color: #3B6132;
}

a img {border-color: transparent;}
a img:hover {border-color: #3B6132;}


.article .header .title {background-image: url(star.png); padding-left: 43px; background-repeat: no-repeat;color: red; text-transform: uppercase; font-weight: bold; height: 38px; padding-top: 9px;font-size: 16px; margin: 0px;}
.article .header .after {color: #3B6132;}

.article .linkcomment a {color:#3B6132;}

.article .clear {clear: both;} 

.article {border-bottom: 1px solid red; padding-bottom: 3px;}


#blog_top .text a {display: block;font-size: 40px; color: #fff; padding-top: 30px; text-align:center;}

#blog_top {height: 160px;}

#blog_copyright {margin-top: 20px; clear: both; width: 780px; font-size: 80%; text-align: center;}
#blog_copyright a {color: #000;}


#left {background-image: url(top_menu.jpg); background-repeat: no-repeat; width: 222px; float:left;}
#left #blog_menu ul {margin-top: 169px; padding-top: 10px;}
#left #blog_menu ul li {text-transform: uppercase; font-size: 1.2em;}


#left ul {padding: 0px; margin: 0px; background-image: url(menu_bg.gif); list-style: none; padding-left: 35px; padding-right: 20px;} 
#left ul li {border-top: 1px solid red; padding: 0px 3px;}

#left #blog_lastcomm {font: 10pt/10pt "Trebuchet MS", Arial, Verdana, sans-serif;}
#left #blog_lastcomm ul {}
#left #blog_lastcomm li.title {display: block;background-image: url(top_lastcomm.jpg); height: 191px; color: transparent; margin-left: -35px; margin-right: -20px; border: none}
#left #blog_lastcomm li.title span.title {display: none;}
#left #blog_lastcomm li.lastcom {font-size: 0.8em; margin-top:5px;}
#left #blog_lastcomm li.lastcom .lastcommdate {color: #3B6132;}
#left #blog_lastcomm li.lastcom .lastcommtitle {color: #3B6132;}
#left #blog_lastcomm li.lastcom .lastcommauthor {color: #000;}

#right { float:right; width: 558px; padding-top: 25px;}

#root {width: 780px; margin: auto;}


/* comment */

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

.commentbox .header {font-weight: bold; color: #900; 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;}


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




#rubrique_photo #root {width: 100%; margin: 0px ; float: none; padding: 0px;}
#rubrique_photo #blog_content {width: 100%; margin: 0px ; float: none; padding: 0px;}
#rubrique_photo #blog_content .imgnav {background-color: #E7D8AF; margin-bottom: 3px; padding: 0px 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;}


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