/*************************
	DIV DU CENTRE
*************************/
div#center-02 {
	overflow: hidden;
	width: 1000px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
/*	border: 1px solid #99FF00;*/
	
}

#menu-02 {
	position: relative;
	float: left;
	/*	width: 200px; 
	margin-right:20px;
	padding:10px; */
	width:200px;
}

#menu-blog {
	position: relative;
	float: left;
	background-color: #FFFFFF;
/*	width: 170px; */
	padding: 10px;
	border: 5px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}

#menu-blog-lien {
	position: relative;
	float: left;
	background-color: #FFFFFF;
	border: 5px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin-top: 20px;
	width:190px;
	text-align:center;
}
#mini-blog-zik {
	position: relative;
	float: left;
	margin-top: 20px;
	text-align: center;
	border: 5px solid #CCC;
}


#bloc-blog {
	position: relative;
	float: left;
	width: 570px;
/*	border: 1px solid #330099;*/
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}



/*************************
	DIV COMMENTAIRE
*************************/

#bloc-COM-02 {
	position: relative;
	float: left;
	margin-top: 15px;
	width: 540px;
	float: left;
	padding: 10px;
	border: 5px solid #CCCCCC;
	background-color: #FFFFFF;
}

#msg-com-02 {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	width: 540px;
	color: #333333;
	margin-bottom: 15px;
}

.msg-avatar-01 {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.msg-pseudo-01 {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6F8D35;
}

.msg-txt-01 {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #B7C69A;
}

.msg-date-01 {
	position: relative;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #B7C69A;
	
}


.msg-date-01 a {
	position: relative;
	float: left;
	color: #B7C69A;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
}
.msg-date-01 a:hover{
	position: relative;
	float: left;
	color: #FFFFFF;
	background-color: #B7C69A;
	padding-right: 3px;
	padding-left: 3px;
}
.msg-date-01  a:active {
	color: #B7C69A;
}
.billet-date-01 a{
	color: #B7C69A;
}


#bloc-AJOU-02 {
	position: relative;
	float: left;
	background-color: #FFFFFF;
	width: 540px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	border: 5px solid #CCC;
	text-align: left;
}



/*************************
	DIVERS BLOCS
*************************/

#bando-titre-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0671BA;
	background-color: #FFFFFF;
	padding: 0px 0px 5px;
	margin-left: 0px;
	display: inline;
}


/*************************
	DIVERS BLOG BLOG
*************************/

#bloc-erreur {
	position: relative;
	float: left;
	width: 540px;
	padding: 10px;
	border: 5px solid #FF0099;
	margin-bottom: 15px;
	background-color: #FFFFFF;
}
.txt-erreur {
	padding: 5px;
	font-size: 12px;
	color: #FF0066;
	display: block;
	background-image: url(http://www.sirokipik.fr/images/bg_erreur_01.jpg);
	background-repeat: repeat;
}


#bloc-preview {
	position: relative;
	float: left;
	width: 500px;
	padding: 5px;
	background-color: #EAEBFF;
	margin-bottom: 15px;
	border-left: 2px solid #0066CC;
}
#mini-menu #categorie {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	padding: 5px;*/ 
	width: 160px;
	background-color:yellow;
}
#categorie ul {
	position: relative;
	float: left;
	margin: 0 0 0 8px; padding: 0 0 0 14px;
	line-height: 18px;
	list-style-position: outside;
	list-style-type: none;
}
#categorie li {
	list-style-position: outside;
	list-style-type: square;
}

#menu-blog-lien ul {
	position: relative;
	float: left;
	margin: 5; padding: 0 0 0 5;
	line-height: 18px;
	list-style-position: outside;
	list-style-type: none;
}
#menu-blog-lien li {
	list-style-position: outside;
	list-style-type: square;
}				


#bloc-recherche {
	position: relative;
	float: left;
	width: 540px;
	padding: 10px;
	border: 5px solid #CCCCCC;
	background-color: pink;
	margin-bottom: 15px;
}

fieldset{
	border: none;
}

/*************************
		BILLET
*************************/

.blog{
	color: #66CC00;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	display: inline;
}

#bloc-billet-01 {
	float: left;
	background-color: #FFFFFF;
	padding: 10px;
	border: 5px solid #CCCCCC;
	text-align: left;
	width: 540px;
	margin: 0px;
}

#bloc-billet-02 {
	float: left;
	background-color: #FFFFFF;
	padding: 10px;
	border: 5px solid #CCCCCC;
	text-align: left;
	margin-left: 0px;
	width: 540px;
	margin-bottom: 15px;
}

#bloc-billet-02 h1{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FF6600;
	margin: 0px 0px 3px;
	display: block;
	width: 100%;
	position: relative;
}

#bloc-billet-01 h1{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FF6600;
	margin: 0px 0px 3px;
	display: block;
	width: 100%;
	position: relative;
}


/*
#bloc-billet-02 h1 a{
	text-decoration: none;
	color: #FF6600;
}

#bloc-billet-02 h1 a:hover{
	text-decoration: none;
	color: #FF3300;
}
#bloc-billet-02 h1 a:active{
	text-decoration: none;
	color: #FF3300;
}


.billet-chapo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #ECFCCE;
	padding: 5px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

*/



.billet-chapo {
	font-size: 12px;
	color: #666666;
	background-color: #FFF;
	padding: 5px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}


.billet-texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 10px;
}

.billet-texte ul {
	margin: 0 0 0 15;
	padding: 5 5 5 5px;
	line-height: 18px;
	list-style-position: outside;
	list-style-type: none;
	background-color: #F0FFE1;
		}
.billet-texte li {
	list-style-position: inside;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #99FF00;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
		}
.billet-texte blockquote {
	border: thin dotted #66FF00;
	background-color: #D3FFC7;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin: 10px 0px;
	float: left;
}


.billet-texte code {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #99FF99;
	background-color: #009900;
	padding: 5px;
	display: block;
}

.billet-texte pre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #99FF99;
	padding: 5px;
	display: block;
	border-top: 1px solid #99FF66;
	border-bottom: 1px solid #99FF66;
	background-color: #FF6600;
	line-height: 8px;
}

.billet-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
	color: #FF6600;
	margin: 0px;
	display: block;
	float: left;
}
.billet-titre a{
	text-decoration: none;
	color: #FF6600;
	margin: 0px;
	display: block;
	float: left;
}
.billet-titre a:hover{
	color: #FF3300;
	display: block;
	float: left;
}
.billet-titre a:active{
	color: #FF3300;
	display: block;
	float: left;
}

.billet-pseudo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6F8D35;
}

.billet-date-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #B7C69A;
}

.billet-date-01 a{
	color: #B7C69A;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
}
.billet-date-01 a:hover{
	color: #FFFFFF;
	background-color: #B7C69A;
	padding-right: 3px;
	padding-left: 3px;
}
.billet-date-01 a:active{
	color: #B7C69A;
}

.billet-com {
	background: url(../images/B_bulle_com_01.jpg) no-repeat 5px 51%;
	padding: 0 0 10 35px; margin: 0;
	line-height: 1.5em; vertical-align: middle;
	color: #FF9900;
	border-bottom: 1px dotted;
}
.billet-lien-01 {
	background: transparent url(../images/B_bulle_com_01.jpg) no-repeat 5px 51%;
	padding: 0 0 0 38px;
	margin: 0;
	line-height: 1.5em;
	vertical-align: middle;
	color: #FF9900;
	margin: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFCC00;
	display: block;
}
.billet-lien-01 a{
	text-decoration: none;
	color: #FF6600;
}
.billet-lien-01 a:hover{
	text-decoration: underline;
	color: #FF3300;
}
.billet-lien-01 a:active{
	text-decoration: none;
	color: #FF3300;
}
/*************************
		COMMENTAIRE
*************************/
#com-ajout-01 {
	position: relative;
	float: left;
	background-image: url(http://www.sirokipik.fr/images/bg_bleu_ajoutcom_01.jpg);
	background-repeat: repeat;
	margin-top: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #0066CC;
	width: 100%;
}

.ajout-txt-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
	background-color: #E8F5FF;
	padding: 5px;
}

.txtarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660066;
}


/*************************
		BOUTIK
*************************/



/********************
	SIDEBAR
*********************/

#sidebar {
	position: relative;
	float: right;
	background-color: #FFFFFF;
	padding: 10px;
	border: 5px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-right: 0px;
}
 
#sidebar-droite {
	position: relative;
	float: right;
	margin: 0px;
	width:200px;
}

#sidebar-00 {
	position: relative;
	float: right;
	background-color: #FFFFFF;
	padding: 0px;
	width: 330px;
	margin-right: 0px;
	margin-bottom: 15px;
}
#sidebar-01 {
	position: relative;
	float: left;
	background-color: #FFFFFF;
	padding: 0px;
	width: 320px;
	background-image: url(../images/fond_deg_11.jpg);
	border-top: 5px solid #CCCCCC;
	border-right: 5px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	height: 15px;
}

#sidebar-02 {
	position: relative;
	float: left;
	background-color: #FFFFFF;
	padding: 0px 15px;
	width: 290px;
	background-image: url(../images/fond_deg_12.jpg);
	border-right: 5px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
#sidebar-03 {
	position: relative;
	float: left;
	background-color: #FFFFFF;
	padding: 0px;
	width: 320px;
	background-image: url(../images/fond_deg_13.jpg);
	border-right: 5px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	height: 15px;
}

#sidebar-blog {
	position: relative;
	float: right;
	background-color: #FFFFFF;
	width: 170px;
	padding: 10px;
	border: 5px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: normal;
	margin-bottom: 20px;
}

#calendrier{
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/blog_bg_calendrier_01.jpg);
	background-repeat: repeat-x;
	padding: 5px;
	width: 160px;
	margin: 0px 0px 10px;
}
#archives{
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/blog_bg_archives_02.jpg);
	background-repeat: repeat-x;
	padding: 5px;
	width: 160px;
	margin: 0px 0px 10px;
}
#fil{
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 170px;
	margin: 0px 0px 10px;
}
#rechercher{
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/blog_rechercher_02.jpg);
	background-repeat: repeat-x;
	margin: 20px 0px 0px 0px;
	padding: 35px 0px 0px 0px;
	height: 50px;
	width:160px;
}

#lastcomments{
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-image: url(../images/bando_derniers_com_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width:160px;
}

#lastcomments ul {
	margin: 0px; padding: 0px;
	line-height: 18px;
	list-style-position: outside;
	list-style-type: none;
}

#liens{
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/blog_liens_01.jpg);
	background-repeat: repeat-x;
	padding: 32px 5px 5px;
	width: 160px;
	margin: 0px 0px 10px;
	height: 20px;
}
.blog-titre{
		margin: 0px;
}


#sidebar-blog img{
	position: relative;
	float: left;
	margin: 0px;
}

#sidebar-blog ul {
	margin: 0 0 0 8px; padding: 0 0 0 14px;
	line-height: 18px;
	list-style-position: outside;
	list-style-type: none;
}
#sidebar-blog li {
	list-style-position: outside;
	list-style-type: square;
}
/********************
  SIDEBAR CALENDRIER
*********************/

#sidebar-blog div#calendrier table{
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar-blog div#calendrier table caption{
	margin: 0 auto;
}

#sidebar-blog div#calendrier table th{
	color: #003399;
	background: transparent;
}

#sidebar-blog div#calendrier table td{
	width: 14%;
	line-height: 2em;
}

#sidebar-blog div#calendrier table td a{
	display: block;
	background: #0066FF;
	color: #FFFFFF;
	text-decoration: none;
}

#sidebar-blog div#calendrier table td a:hover{
	background: #FF9900;
	color: #660033;
}

/********************
	IMAGES
*********************/

.image-blog-01{
	border: 5px solid #CCCCCC;
}


/********************
	Lectures
*********************/


.lecture-01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
}


/********************
	FOOTER
*********************/
#foot-blog {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	width: 1000px;
}

/********************
	PAGINATION
*********************/

.pagenav {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

p.pagenav a {
	background : #FFCC00;
	color: #FF0066;
	padding:2px 5px;
	text-decoration: none;
	font-size:12px;
}

p.pagenav a:hover {
	background:#FF9900;
	color:#FF0066;
}

p.pagenav strong {
	color: #FF9900;
	padding:2px 5px;
	background-color: #FF0033;
}

/********************
	REF
*********************/

#ref {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: 20px;
	display: block;
}
ul#ref {
	position: relative;
	float: left;
	margin:0px;
	padding:0px;
	font:Arial, Helvetica, sans-serif;
	list-style-type:none;
	background-color: #66CC00;
}
#ref h5,h6 {
	color:#99CC66;
	display:inline;
	font-size:10px;
}
	
#ref a {
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	padding:2px 5px;
	font-size: 10px;
	font-weight: normal;
}
#ref a:hover{
	color:#FFFFFF;
	padding:2px 5px;
	background-color:#FF0033;
	text-decoration: none;
}
#ref li{
	display:inline;
}


#edit {
	color: #FF0000;
	text-align: center;
	margin: 5px;
	padding: 20px;
	border: 1px solid #FF0066;
	text-decoration: none;
	background-color: #FFFF66;
}

.edit {
	color: #FF0000;
	text-align: center;
	text-decoration: none;
}
.edit a{
	color: #FF0000;
	text-align: center;
	text-decoration: none;
}
.edit a:hover{
	color: #FF0000;
	text-align: center;
	text-decoration: none;
}