/* body ********************************************/
body{
	margin:0px;
	padding:0px;
	background-color:#a5bfc5;
	background-image: url(../img/bg.gif);
	background-position: center;
	background-repeat: repeat-y;}
	
/*wrapall*******************************************/
#wrapall{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;
	background-color: #FFF;}

/*link********************************************/
a:link { color: #666; text-decoration:none;}
a:visited  { color: #666; text-decoration:none;}
a:hover { color: #333;text-decoration: underline;}

.site a:link{color:#FFF; text-decoration:underline;}
.site a:visited {color:#FFF; text-decoration:underline;}
.site a:hover{color:#FFF;text-decoration:none;}

#service a:link{color:#FFFFFF; text-decoration:none;}
#service a:visited {color:#CCCCCC; text-decoration:none;}
#service a:hover{color:#FFFFFF;text-decoration:underline;}

a.menu:link{color:#666666;}
a.menu:visited {color:#999999; }
a.menu:hover {
	color:#333333;
	border-top-width: 4px;
	border-top-color: #999999;
	border-top-style: solid;
	text-decoration: none;}

a.menu-on:link { 
	color:#333333;
	border-top-width: 4px;
	border-top-color: #FF0033;
	border-top-style: solid;
	text-decoration: none;}
a.menu-on:visited {
	color:#333333;
	border-top-width: 4px;
	border-top-color: #FF0000;
	border-top-style: solid;
	text-decoration: none;}
a.menu-on:hover{ 
	color:#333333;
	border-top-width: 4px;
	border-top-color: #ff0000;
	border-top-style: solid;
	text-decoration: none;}

h2 a:link{color:#036; text-decoration:none;}
h2 a:visited {color:#036; text-decoration:none;}
h2 a:hover{color:#036;text-decoration:none;}

.pager a:link{color:#999999; text-decoration:underline;}
.pager a:visited {color:#CCCCCC; text-decoration:underline;}
.pager a:hover{color:#CCCCCC;text-decoration:none;}

.path a:link{color:#FF0033; text-decoration:underline;}
.path a:visited {color:#FF0033; text-decoration:underline;}
.path a:hover{color:#FF0033;text-decoration:none;}

.responce a:link{color:#036; text-decoration:underline;}
.responce a:visited {color:#036; text-decoration:underline;}
.responce a:hover{color:#036;text-decoration:none;}

.recomd a:link{color:#c30; text-decoration:underline;}
.recomd a:visited {color:#c30; text-decoration:underline;}
.recomd a:hover{color:#c30;text-decoration:none;}

.nickname a:link{color:#C64C00; text-decoration:underline;}
.nickname a:visited {color:#C64C00; text-decoration:underline;}
.nickname a:hover{color:#C64C00;text-decoration:none;}

.member-link a:link{color:#333; text-decoration:underline;}
.member-link a:visited {color:#333; text-decoration:underline;}
.member-link a:hover{color:#333;text-decoration:none;}

.date-on a:link{color:#FFFFFF;text-decoration:none; display:block; background-color: #FF0000;}
.date-on a:visited {color:#FFFFFF; text-decoration:none; display:block; background-color: #FF0000;}
.date-on a:hover{color:#FFFFFF; text-decoration:none; display:block; background-color: #666666;}


/* DEFAULTS */
ul#navlist li a,ul#subnavlist li a
{
font-family: arial;
font-size: 12px;
font-weight: 900;
text-decoration: none;}

div#navcontainer
{
width: 200px;
background: #fff;
padding: 2em;}

/* NAV LIST */
ul#navlist
{
list-style-type: none;
margin: 0;
padding: 0;}

ul#navlist li {display: inline;}

ul#navlist li a{
	color: #fff;
	display: block;
	border-top: solid 1px #fff;
	width: 210px;
	background-color: #888;
	background-image: url(../img/cnr.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 23px;}

ul#navlist li a:hover { background: #f80 url(../img/cnr.png) top left no-repeat;
border-bottom-color: #FFFFFF;}

ul#navlist li a#current {
	color: #fff;
	background-color: #FF0000;
	background-image: url(../img/cnr.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-color: #FFFFFF;}

/* SUB NAV LIST */
ul#subnavlist
{margin: 0 0 0 13px;
list-style-type: none;
padding: 0;}

ul#subnavlist li {display: inline;}

ul#subnavlist li a {
	display: block;
	color: #666;
	background: #ccc;
	border-top: solid 1px #fff;
	height: auto;
	width: 168px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 50px;}

ul#subnavlist li a:hover {
    color:#FFFFFF;
	background-color: #FF0033;
	background-repeat: no-repeat;
	background-position: left top;}

ul#navlist li a#subcurrent {
	color: #FFFFFF;
	background-color: #ddd;}

ul#navlist li a#suvcurrent:hover {
	background-color: #dddddd;}


li a:link{
	color:#CCCCCC;
	background-color: #666666;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #999999;}
li a:visited {
	color:#CCCCCC;
	text-decoration:underline;
	background-color: #666666;}
li a:hover{color:#FFFFFF;text-decoration:none;	background: #aaa;
	border-bottom: 1px solid #F5F5F5;}

.clink a:link{color:#333; text-decoration:underline; border-width: 0px;}
.clink a:visited {color:#333; text-decoration:underline;border-width: 0px;}
.clink a:hover{color:#333;text-decoration:none;border-width: 0px;}

#footer a:link{color:#FFFFFF; text-decoration:underline;}
#footer a:visited {color:#CCCCCC; text-decoration:underline;}
#footer a:hover{color:#999999;text-decoration:none;}

/*service*******************************************/
#service {
	color:#FFFFFF;
	font-size: 13px;
	text-align:right;
	height:15px;
	background-image: url(../img/service_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 0px;}

/*header******************************************/
#header {
	margin:0px;
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
	height: 75px;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 40px;
	padding-left: 70px;}
#header .member {color:#fff;font-size:13px;	line-height:130%;padding: 0;font-family: Arial, Helvetica, sans-serif;}
#header .site {color:#FFF;font-size:22px;line-height:135%;font-weight:bold; padding: 0;}
#header .describe {color:#FFF;font-size:13px;line-height:135%; padding:0;}

/*menu*******************************************/
#menu {
	height:35px;
	margin:0px;
	background-image: url(../img/header_line.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 75px;
	letter-spacing: 5px;
	font-weight: bold;}
#menu a{font-size: 15px;font-weight: bold;text-align: center;width:150px;height:24px;display:block;	padding-top: 6px;margin:0 1px;float:left;}

/*mainbody*******************************************/
#mainbody {
    width: 950px;
	height: 100%;
	padding: 0px;
	margin: 0px;}
html>body #mainbody {width:950px;}   
/*content******************************************/
#content{
	float:right;
	width: 660px;
	height: 100%;
	margin:0px;
	padding:0px;
	overflow: hidden;}	
html>body #content {width:660px;} 
.content-inner{
    clear:both;
	padding: 0;
	margin:5px 20px 0 0;}
.content-page{
	clear:both;
	width: 580px;
	overflow: hidden;
	background-color: #fff;
	padding: 0px 40px;
	margin:10px 0;
	border: 1px solid #ccc;}
dl {float: left;
   width: 216px;
   padding-bottom: 5px; 
   margin: 0; 
   text-align: center;
   font-size: 12px;
   line-height: 150%;
   color: #999;
   overflow: hidden;}
dl dd {margin: 0;}
dl dt {padding: 0 10px; margin: 0;}
dl .dd-txt {padding:0 10px;}
dl .photo a {
   display:block;
   width: 216px;
   height:135px;
   padding:20px 0 0 0;
   background:url(../img/album/photo-bg.gif) no-repeat;}
dl .photo-f a {
   display:block;
   width: 216px;
   height:135px;
   padding:20px 0 0 0;
   background:url(../img/album/photo-f-bg.gif) no-repeat;}
.pager{	clear:both;
	font-size: 13px;
	color: #999999;
	text-align: left;
	padding:5px 0px;
	margin: 0px;
	font-family: Arial, sans-serif;}
h2{color: #036;
	font-size: 18px;
	line-height:100%;
	font-weight: bold;
	text-indent:7px;
	margin: 6px 0 0 0;
	padding: 3px 0 0 40px;}
.date{font-size: 12px;
	color: #369;
	/*padding:3px 20px 3px 0px;*/
	margin:0px;
	font-family: Arial, sans-serif;}
.path{color: #FF0033;
	font-size: 12px;
	margin:0px;
	float: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 0px;}
.article {clear:both;
    color: #666;
	font-size: 13px;
	line-height:180%;
	padding:5px 0px 0px 10px;
	margin:0;}
p.article: first-letter {font-size: 200%;color: #FF0033;font-weight: bold;}
p.article {width: 560px;border: 0px solid red; overflow:hidden;}
.pic-l{float:left;padding:3px 10px 8px 0px;}
.pic-r{float:right;padding:3px 0px 8px 10px;}
.pic-m{text-align:center;padding:3px 10px 4px 10px;margin:0px;}
.pic-big{text-align:center;padding:3px 0px 4px 0px;margin:0px;}
.responce{
    clear: both;
	font-size: 12px;
	color: #036;
	height:60px;
	padding-top:10px;
	text-align:right;}
.recomd{color:#c30; font-size: 13px; line-height:180%;padding:10px 0px 4px 0px; margin: 0px; text-align:right;}
#reply {
	clear:both;
	text-align:left;
	font-size: 13px;
	line-height: 160%;
	color: #333;
	padding: 10px;
	margin:0px;
	width:98%;
	border: 1px solid #ccc;}
h4{clear:both;color: #666;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}

.editor{font-size: 12px;
	color: #5b7382;
	padding:5px 0px; 
	margin:0px;
	text-align:right;}
.line-dashed {clear:left;
    background-image: url(../img/content/line-dashed.gif);
	background-repeat: repeat-x; margin:5px 0px;}
.post {	font-size: 13px;
	line-height: 160%;
	color: #999999;
	margin: 0px;}
.item { color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 120px;
	line-height: 180%;
	background-color: #FF0033;}
.fill {
    color: #666666;
	font-size: 13px;
	line-height: 180%;
	background-color: #CCCCCC;}
.msg-left {
	float: left;
	width: 130px;
	padding: 0px;
	margin:0px;}
.msg-right {
	width:380px;
	margin-left:130px;
	padding: 5px 0px 0px 10px;}
.reply-box{
	color: #1C4598;
	font-size: 13px;
	line-height:180%;
	padding:8px;
	margin:0px;
	background:#FFF;
	border: 1px solid #CDCDCD;}
.reply-box-private{
	color: #956843;
	font-size: 13px;
	line-height:180%;
	padding:8px;
	margin:0px;
	background:#FEFEF6;
	border: 1px solid #D8C094;}
.h4-reply{color: #374809;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.h4-reply-private{color: #A6794E;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.reply-text{color: #374809;font-size: 13px;line-height:180%; padding:0px; margin:0px;}
.reply-text-private{color: #A6794E;font-size: 13px;line-height:180%; padding:0px; margin:0px;}

/*colm1*******************************************/
#colm1{
	width: 930px;
	height: 100%;
	font-size: 13px;
	line-height: 180%;
	color: #666;
	padding: 0px 10px;
    overflow: hidden;}

/*nav*******************************************/
#nav {float: left;
	margin: 0;
	padding: 0px;
	height: 100%;
	text-align:center;
    width: 260px;}
html>body #nav {width: 260px;}
#nav h5 a {	color: #fff;
	display: block;
	border-top: solid 1px #fff;
	width: 210px;
	background-color: #888;
	background-image: url(../img/cnr.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 23px;}

#nav h5 a:hover {background: #f80 url(../img/cnr.png) top left no-repeat;}

#nav h5 {font-size: 15px;
	color: #FFFFFF;
	font-weight:bold;
	margin:0px;
	height: 20px;
	text-align: center;
	background-image: url(../img/cnr.png);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
	background-color: #333333;
	line-height: 15pt;}
#nav .member-intro {
    color:#333;
	font-size: 13px;
	margin: 0px auto; 
	line-height: 150%;
	width:140px;}
#nav .member-link{
    color:#333;
   	font-size: 12px;
	line-height: 170%;
	padding:10px 0px 10px 0px; 
	width:150px;
	margin: 0px; 
	text-align:right;}
.calendar {
	border: 0px;
	margin: 0px 0px 5px 0px;
	background-color: #ccc;}
#nav .date-off {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 160%;
	font-weight: bold;
	color: #999;
	text-align: center;
	background-color: #FFF;}
#nav .date-on {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 160%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;}
#nav ul{
	padding:0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 15px;
}
#nav li{
	color:#FFFFFF;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	text-align:left;}
.clink {
	margin: 5px;
	font-size: 13px;
	line-height: 180%;}
#nav .log{
    color:#333;
	font-size: 13px;
	line-height: 160%;
	margin: 0px;}

/*footer******************************************/
#footer {
	clear: both;
	width:950px;
	text-align:center;
	background-color: #666666;}	
#footer .siteinfo {
    color: #FFFFFF;
	font-size: 13px;
	line-height: 180%;
	margin: 0px;
	padding-top: 15px;}
#footer .copyright {color: #FFFFFF;
    font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 180%;
	margin: 0px;
	padding-bottom: 10px;}

/*others*******************************************/
.em {color: #D95F36;}
.v-mid {vertical-align: middle;}
.center{
	text-align:center;
	margin: 0px;
	padding-left: 160px;
	padding-right: 160px;
}
form {font-size: 12px;
	line-height: 120%;
	color: #333333;
	border: 1px solid #849B8C;
	margin: 0px;}
input {color:#333333;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 120%;
	margin: 0px;	
    padding-top: 3px;}
option {color:#333333;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 120%;
	margin: 0px;	
    padding-bottom: 4px;}
/*icons*******************************************/
.ip-1 {
	background-image: url(../img/blog_ip_01.gif);
	background-repeat: no-repeat;}
.ip-2 {
	background-image: url(../img/nav/nav-ip-01.gif);
	background-repeat: no-repeat;}
.ip-3 {
	background-image: url(../img/nav/nav-ip-02.gif);
	background-repeat: no-repeat;}
.ip-4 {
	background-image: url(../img/content/content_ip_01.gif);
	background-repeat: no-repeat;}
.ip-5 {
	background-image: url(../img/blog_ip_06.gif);
	background-repeat: no-repeat;}
.ip-6 {
	background-image: url(../img/content/content_ip_02.gif);
	background-repeat: no-repeat;}
.ip-7 {
	background-image: url(../img/content/content_ip_03.gif);
	background-repeat: no-repeat;}
.ip-8 {
	background-image: url(../img/blog_ip_03.gif);
	background-repeat: no-repeat;}
.ip-9 {
	background-image: url(../img/blog_ip_05.gif);
	background-repeat: no-repeat;}
.ip-10 {
	background-image: url(../img/blog_ip_04.gif);
	background-repeat: no-repeat;}
.ip-11 {
	background-image: url(../img/blog_ip_07.gif);
	background-repeat: no-repeat;}
.ip-12 {
	background-image: url(../img/blog_ip_02.gif);
	background-repeat: no-repeat;}
.ip-13 {
	background-image: url(../img/blog_ip_08.gif);
	background-repeat: no-repeat;}
	
/*customized*******************************************/
.post2 {
	float:left;
	width:616px;
	height:auto;
	margin:15px 0 0 0;
	padding:0;
	text-align:left;
	background:url(../img/bg_post_top.gif) no-repeat top;}
.post-contentBis {
	float:left;
	background:url(../img/bg_post_bottom.gif) no-repeat bottom;
	text-align:center;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-bottom: 20px;}
.post-contentBis p {
	margin:0px;
	text-align:justify;
	font-size:12px;
	line-height:20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	clear: both;}

.post2 h2 {
	float: left;
	margin: 0;
	padding: 15px 0 5px 10px;
	width: 520px;}
html>body .post2 h2 {width: 540px;} 
.post2 h2 {
/* Titre Billet */
	color: #D00;
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;}
.post h2 a:hover {
/* Titre Billet en rollover  */
	color: #900;
	text-decoration: none;}
.post-path {float: left;
	color: #999;
	font-size: 11px;
	padding-left: 20px;}
.post-path a {color: #999;font-size: 11px;}

p.date {text-align: right;
	margin: 8px 0 0 10px;
	padding: 20px 0 0 3px;
	display: block;
	width: 56px;
	height: 58px;
	float: left;
	color: white;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	border: 0px solid blue;}
html>body p.date {
	margin: 8px 0 0 3px;
	width: 56px;} 
/* post taglist */
p#taglist {clear:both;width:100%;text-align:center;}
#taglist a {color:#999;}
#taglist a.def {font-size:11px;font-weight:bold;color:#8D8D8D;}
#taglist span {font-size:10px;color:#F0F0F0;}

/* Commentaires-------------------------------------------------------- */
#comments h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FAA;
	margin: 0 0 15px 0;
	padding: 15px 0 3px 15px;
	clear: left;}
#comments h3#co {
	font-size: 24px;
	color: #D00;
	float: left;
	margin: 0;
	padding: 15px 0 0 72px;
	width: 540px;}
#comments blockquote {
	padding: 0;
	margin: 2px 0 0 7px;
	color: #999;
	float: left;
	width: 587px;
	text-align: left;
	background: #F7F7F7 url(../img/bg_comment.gif) repeat-x top;
	font-size: 11px;}
#comments blockquote p {
	padding: 5px 10px;
	margin: 0;
	float: left;}
#comments {
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	font-size: 11px;
	color: #999;
	float: left;
	text-align: left;
	width: 616px;
	height: auto;
	background: url(../img/bg_post_top.gif) no-repeat top;}
span.comment-info {
	color: #999;
	font-size: 11px;
	padding: 5px 0 10px 72px;
	float: left;}
p.comment-info, p.comback {
	margin: 0 0 0 7px;
	padding: 20px 0 0 0;
	font-size: 11px;
	color: #999;
	float: left;
	width: 587px;}
p.comment-info a {
	font-weight: bold;
	text-transform: lowercase;}
p.comment-info strong {
	font-size: 12px;
	font-weight: normal;
	color: #900;}
p.comback {
  color:#D00;
  padding-left:10px;}
#comments blockquote.comback-content {
/* mes réponses */
	color: #D00;
	background:#FFF0F0 url(../img/bg_comback.jpg) repeat-x top;}
#comments blockquote.comback-content p a {
	color:#D00;
	text-decoration:underline;}
span.comment-number {
	float: left;}
.comment-number a {
	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	background: #D00;
	color: white;
	padding: 0 4px;
	margin: 0 4px 0 0;}

#comment-form {
	float:left;
	width:616px;
	background:url(../img/bg_post_bottom.gif) no-repeat bottom;
	padding:25px 0 25px 0;}
#comment-form fieldset {
	border:none;
	padding:0;
	margin:0 0 0 15px;}
#comment-form p {
	font-size:12px;
	padding:10px 0 5px 0;
	margin:0;
	color:#6a757d;}
#comment-form label {
	display:block;
	padding:0 0 2px 0;}
#comment-form input.txt, #comment-form textarea {
	color:#999;
	border:1px solid #FCC;
	background:#FFF;
	font-size:1em;
	padding:3px;}
#comment-form .textarea {
	position: absolute;
	padding: 0;
	margin: 0 0 0 253px;
	font-size: 1em;}
#comment-form .checkbox {
	border: none;
	background: none;
	padding: 0;}
#comment-form input:hover, #comment-form textarea:hover {
	color: #666;
	border: solid 1px #D00;
	background: #f9e4e2;
	padding: 3px;
	font-size: 1em;}
#comment-form input:focus, #comment-form textarea:focus {
	color: #FFF;
	border: solid 1px #D00;
	background: #D00;
	padding: 3px;
	font-size: 12px;}
#comment-form inputIE {
	color: #666;
	border: solid 1px #e0f4ff;
	background: #e0f4ff;
	padding: 3px 0;}
#comment-form input.submit {
	width: 115px;
	height: 25px;
	margin: 0 0 0 255px;
	padding: 0;
	border: none;
	background:#fff;
	float:left;}
textarea {
	width:330px;
	height:150px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}