/* CSS Document  */
#principal{margin-left : auto;margin-right:auto;}
#header {padding: 10px 10px 0 10px; position: relative;/* bug flickering background javascript */zoom: 1;}
#header h1.infoBlog-title { margin: 0 0 10px 0; font-size: 21px; line-height: 21px; }
#infoBlogON {overflow: hidden;}
ul#infoBlogON-info {margin: 0 0 5px 0;padding: 0;position: absolute;top: 10px;left: 10px;}
ul#infoBlogON-info li { display: inline; }
#infoBlogON li,#infoBlogOFF-desc li ,infoBlogOFF-desc ul{ list-style: none; margin: 0; padding: 0; }
#infoBlogON li span { font-weight: bold; }
a.infoBlog-button { position: absolute; right: 10px; top: 10px; left: inherit; }
a.infoBlog-button span { display: none; }
a.infoBlog-button  { display: block; height: 15px; width: 45px; background-repeat: no-repeat; background-position: center; }
#infoBlogON  a.infoBlog-button { background-image: url(http://static.bloguser.hi-pi.com/css/basic/images/bouton-expand2.gif);  }
#infoBlogOFF-desc { height: 25px; max-height: 25px; overflow: hidden; }
#infoBlogOFF a.infoBlog-button { background-image: url(http://static.bloguser.hi-pi.com/css/basic/images/bouton-expand.gif); }
.infoBlogBlock .visuel-header {float: left;margin:0px 10px 10px 0px;display:block;}
#infoBlogON a.visuel-header,#infoBlogON h1.infoBlog-title { padding-top: 25px; }
.spacer {clear: both;visibility:hidden;padding: 0;height: 1px;border: 0;margin: 0;overflow: hidden;}
#article{padding-bottom:20px;float:left;}
.piedpage{padding:0px 0px 12px 0px;margin:10px 0px 30px 0px;text-align:center;border-top:14px solid;}
.piedpage a{font-weight:normal;}
ul.footer-article {margin: 0 5px 20px 5px;padding: 0;clear: both;}
ul.footer-article li{display:inline;list-style-type:none;margin: 0;padding: 0;}
.rss-insc {padding-bottom:5px;padding-top:5px;}
h2.article-title-h2 {margin:0;padding:0;padding:4px 5px 4px 5px;text-align:left;display: block;position: relative;}
h2.article-title-h2 .article-title-main {width: 58%;display: block;}
h2.article-title-h2 .article-title-date {position: absolute;right: 5px;top: 3px;}
.article { clear: both; margin-bottom:15px;padding-bottom:20px;}
#allart p{margin:0;font-weight:bold;}
#allart p.lastart{margin-top:10px;}
#descriptif img{margin-top:3px;margin-bottom:5px;}
h3.titre{margin-left:5px;}
/***********************************************PRESENTATION********************************/
a:link,a:visited,a:hover,a:active{text-decoration:underline;}
h2.article-title-h2,#end_ajcomment h1 {font-size:1em;}
h2.article-title-h2 .article-title-main {font-size:1.3em;}
.menu-box h3{font-size:1.2em;}
#lienpermanent .titre,#licommentaire h2{font-size:1.3em;} 
#end a{font-weight:normal;}
.end1 {	font-weight:bold;}
.menu-box{margin:5px 0px 5px 0px;padding:5px 2px 5px 5px;}
.menu-box h3 {margin-bottom:0;}
.menu-box h4 {font-size:0.8em;}
#mailrss{padding-bottom: 10px;}
#mailrss p{margin-top:2px;margin-bottom:5px;}
#allart,#lastart{padding-bottom:5px;}
#votebox{padding-bottom:10px;}
#boxpub{margin-top:5px;padding:2px 0px 2px 0px;text-align:center;}
#allart ul li,#lastart ul li{margin-left:15px;padding-left:0px;}
.menu-box ul{list-style-position:outside;margin:0px;padding:0px;margin-bottom:5px;}
#rubriques ul,#blogpotes ul{list-style:none;list-style-position:inside;} 
#votebox form{margin:0px;padding:0;}
#filinfo365 ul li a {font-weight: bold;text-decoration: none;}
.noteselect{top:1px;padding:0px;margin:0px;position:relative;margin : 5px 5px 5px 5px;margin-left:5px;margin-right:5px;text-align:center;width:65px;height:20px;}
.menu-box h3,#mailrss a{font-weight:bold;}
#votebox span{font-weight:normal;}
.menu-box ul li,.menu-box h3{margin-bottom:5px;margin-top:0;}
.menu-box ul li,.menu-box a:link,.menu-box a:visited,.noteselect{font-weight:normal;text-decoration:none;}
.menu-box a:hover,.menu-box a:active,.menu-box ul li a:hover,.menu-box ul li a:active{text-decoration:underline;}
.article-box{border:1px solid;border-bottom:7px solid;}
a.infoBlog-button, ul#infoBlogON-info, ul#infoBlogON-info li,a.infoBlog-button span, ul#infoBlogON-info li span{zoom:1;}
h3.titre{padding-left:5px;}
body.bodychat {width:142px;}
#allart select {
	margin-top: 5px;
}
.footer-article {top:0;}
#principal { width: 844px; }
#pseudocontainer , #messagecontainer { display: inline; }
#infoBlogON,#infoBlogOFF { padding-bottom: 10px; }

#headboxpub-ad {
	width: 813px;
	text-align: center;
}
p.tags { margin-top: 0; }
table#calendar-table {
	border: 0;
	border-left-width: 0;
}

img {
	border: 0;
}
/* ----- A LAISSER pour les besoins de l'éditeur (remplacer par la police du theme) : ----------- */
body,td,textarea,input,select,p,div { font-family: Arial, Helvetica, sans-serif; }
body,td,textarea,input,select,p,div { font-size: 11px; }
.footer-article,.end1,.end2{ font-size: 1em; }
h1{font-size: 2.2em;margin:2px 0 20px 0;}
h2{ font-size: 1.8em;margin:2px 0 10px 0; }
h3{font-size: 1.6em;margin:2px 0 5px 0;}
h4{font-size: 1.3em;margin:1px 0 2px 0;}
h5{font-size: 1.2em;margin:1px 0 1px 0;}
#messagecontainer{width:133px;}
#pseudocontainer{width:88px;}
body,td,textarea,input,select { font-size: 11px; }
#lienpermanent .titre{ font-size:1.2em; }
#infoBlogOFF .titre,#infoBlogON .titre { font-size:2em; }
#infoBlogON a:link , #infoBlogON a:visited {
	color: #FFFFFF;
}
#votebox .note{ font-size:30px; }
/*-------------------------------------------------------------*/
a:link,a:visited,a:hover,a:active{color:#E7E7F0; }
body.mceContentBody,
body,#principal{background-color:#33333A;}
body.mceContentBody,
body,#ajcommentaire hr{ color:#E7E7F0; }
#header ,.inner-header,h2.article-title-h2,
.pageselect,h2.article-title-h2 a:link,h2.article-title-h2 a:active,
h2.article-title-h2 a:hover,h2.article-title-h2 a:visited,.menu-box,
.pageselect,#ac_formulaire h1,p.list-comments-footer,
p.list-comments-footer a:link,p.list-comments-footer a:visited,
#end,#end a:link,#end a:visited,#end a:hover,#end a:active,
#end_ajcomment h1,#faireconnaitre h1,.menu-box form,.pageselect,.bodychat
{
	background-color:#293CA3; color:#FFFFFF;
}
#divGrid{border:1px #FFFFFF solid;}
#divGrid {
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#293CA3;
	scrollbar-highlight-color:#293CA3;
	scrollbar-shadow-color:#293CA3;
	scrollbar-track-color: #293CA3}
.piedpage{border-color:#293CA3!important;}
input#pseudocontainer,input#messagecontainer,#chataj a img,span.span_submit{border:1px #33333A solid;}
.menu-box a:link,.menu-box a:visited,.menu-box a:hover,
.menu-box a:active,.menu-box ul li a { color:#FFFFFF; }
.article-box,.endfooter,
#ac_formulaire,legend,form{ border-color:#293CA3!important; color:#E7E7F0; }
.menu-box ul li a:link,.menu-box ul li a:visited,.menu-box ul li a:hover,
.menu-box ul li a:active,.comment_footer a,.comment_footer a:link,
.comment_footer a:visited,.comment_footer a:hover,.comment_footer a:active{ color:#FFFFFF; }
.text code{ border-color:#293CA3; }
#chatframe{width:150px;}
#chatout{	width: 130px;}
#chatin{	width: 130px;}
#lienpermanent{width:631px;}
/* cas 1 colonne */
#main-block{padding-top:5px;float:left;width:633px;}
.article-box{text-align:left;width:631px;padding-bottom:5px;}
.frame_profil_width{width:633px;margin-top:5px;}
.article-content-right,.article-content-left,.article-content-,.article-content-center{clear:both;text-align:center;width:625px;overflow:hidden;margin:0px auto 3px auto;}
.image-left{display:block;max-width:610px !important; max-width: inherit;margin:5px 5px 2px 2px;float:left;}
.image-right{display:block;max-width:610px !important;max-width: inherit;margin:5px 2px 0px 5px;float:right;}
img.insertedimageDesc { max-width: 740px !important;max-width: inherit; }

.image-,.image-center{display:block;max-width:610px !important;max-width: inherit;margin:5px 10px 5px 10px;float:none;}
.article-box img{max-width:610px !important;max-width: inherit;}
li.lire_commentaire{margin-bottom:10px;margin-left:-40px;padding-bottom:3px;}
* html li.lire_commentaire{margin-left:-40px;}
* +html li.lire_commentaire{margin-left:-40px;}
#leftbox{width:162px;float:left;margin-right:5px;overflow:hidden;}
#rightbox{float:right;width:162px;overflow:hidden;}
#leftbox,#rightbox { width: 206px; }
	/*#principal div.article .classic-article div.text *,*/
	/*#principal div.article .classic-article div.text p span , */
	#principal div.article .classic-article div.text,
	#principal div.article .classic-article div.text p ,
	#principal div.article .classic-article div.text div,
	body.mceContentBody, body.mceContentBody p
	{
		font-family: Comic Sans MS,Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	#principal div.text dl {
		margin: 0 0 10px 0;
		padding: 0;
	}
	body.mceContentBody p ,
	#principal div.article div.text ,
	#principal div.article .classic-article div.text p
	{
		padding: 5px 0;
		margin: 0;
	}
	#principal div.article div.allopass-chapeau { padding: 0; }
	
		/*
		#principal div.article .classic-article div.text span 
		*/
			body.mceContentBody p , body.mceContentBody span ,
		#principal div.article div.text ,
		#principal div.article .classic-article div.text p {
			line-height: 1.6em;
		}
	#principal div.article div.text {margin-top:3px;}
#principal div.article .classic-article div.text .fontSize8,.fontSize8 {font-size:8px; line-height: 8px; }
#principal div.article .classic-article div.text .fontSize9,.fontSize9 {font-size:9px; line-height: 9px; }
#principal div.article .classic-article div.text .fontSize10,.fontSize10 {font-size:10px;line-height: 10px;}
#principal div.article .classic-article div.text .fontSize11,.fontSize11 {font-size:11px;line-height: 11px;}
#principal div.article .classic-article div.text .fontSize12,.fontSize12 {font-size:12px;line-height: 12px;}
#principal div.article .classic-article div.text .fontSize13,.fontSize13 {font-size:13px;line-height: 13px;}
#principal div.article .classic-article div.text .fontSize14,.fontSize14 {font-size:14px;line-height: 14px;}
#principal div.article .classic-article div.text .fontSize16,.fontSize16 {font-size:16px;line-height: 16px;}
#principal div.article .classic-article div.text .fontSize18,.fontSize18 {font-size:18px;line-height: 18px;}
#principal div.article .classic-article div.text .fontSize20,.fontSize20 {font-size:20px;line-height: 20px;}
#principal div.article .classic-article div.text .fontSize24,.fontSize24 {font-size:20px;line-height: 24px;}
#principal div.article .classic-article div.text .fontSize32,.fontSize32 {font-size:36px;line-height: 31px;}
#principal div.article .classic-article div.text .fontSize36,.fontSize36 {font-size:36px;line-height: 36px;}
#principal div.article .classic-article div.text .fontSize72,.fontSize72 {font-size:72px;line-height: 72px;}

/* styles select,input,textarea unifiés */
input.input-btn {
	color: #FFFFFF;
}
select,input.input-text,textarea {
	border: 1px #FFFFFF solid;
	color: #FFFFFF;
}
.titleform , .titre{ color: #E7E7F0; }
.ul-navigation li.etc a:hover,.ul-navigation li.noborder a:hover {
	color: #E7E7F0;
}
.ul-navigation li.current a {
	color: #E7E7F0;
	background-color: #33333A;
}
.ul-navigation li.noborder a {
	background: none;
}
#boxgoogle2 {
	border-bottom: 1px #E7E7F0 solid;
}

#principal p.allopass-table-header  {
	color:  #FFFFFF;	
}
.allopass-block {
	border: 1px #FFFFFF solid;
}
#calendar-table td a {
	color: #FFFFFF;
}
#list-result li a { color: #E7E7F0; }
/* BACKGROUND */
	#leftbox { display: none; }
.lire_commentaire h4 a:link,.lire_commentaire h4 a:visited {
	color: #E7E7F0;
}
#seecomments li.lire_commentaire {
	border-bottom: 1px #293CA3 solid;
}
.permalink-main-navigation a:link , .permalink-main-navigation a:visited {
	color: #E7E7F0 ;
}
.lire_commentaire_author {
	width: 160px;
	padding:0;
}
.lire_commentaire .text_comment { 
	width: 365px;
	margin-left:0;
}
body.mceContentBody {
	background-image: none;
}
/* If not in two columns mode, we don't want flickr picture to float */
.image-flickr { 
	float: none;
	margin-bottom: 10px;
}
blockquote {
	border-color: #FFFFFF;
}
input.input-btn,select,input.input-text,textarea {
	background-color: #293CA3;
	color:  #FFFFFF ;
	border: 1px #FFFFFF solid ;
}
#chat{padding-left:2px;}
.ul-navigation li a.classic:hover {
	background-color: #293CA3;
	color: white;
}


#calendar-table tbody td a {
	text-decoration: underline !important;
	display: block;
	
}
.faketitle {
	border-top: 5px #33333A solid;
	margin: 0 -5px 10px -2px;
	padding-left: 2px;
	padding-top: 5px;
}
#list-result h2,#list-result h2 a { background: none; color: #FFFFFF; }
#seecomments h4 a:link,#seecomments h4 a:visited { color: #E7E7F0 }

#rubriques a.rubrique-selected:link,#rubriques a.rubrique-selected:visited {
	padding:2px;
	cursor: default;
	text-decoration: none;
	margin: 2px 0;
}
#rubriques a.rubrique-selected:link,#rubriques a.rubrique-selected:visited,
#rubrique_name {
	background: #E7E7F0;
	color: #33333A;
	display: block;
	width: auto;
}

.lire_commentaire_author {
	width: 200px;
}
.lire_commentaire .text_comment { 
	width: 413px;
}

/* add comment form */
#comment-tabs li { float:right; width:88px;height:19px;text-align:center; margin-left:10px; border-top:1px solid #293CA3;border-right:1px solid #293CA3;border-left:1px solid #293CA3;line-height:19px; }
#form-ajout-commentaire { float:left;clear:both;width:609px;height:auto; border:1px solid #293CA3;padding:8px 10px;}
#comment-tabs li.selected { border-bottom:1px solid #33333A; }
.fixbug {width:609px;}
#comment-tabs {width:591px;}
#form-ajout-commentaire div.errormsg {width:586px;}
#codeCommWebcam {width:609px;}
form p.warning, #form-ajout-commentaire p.warning {width:609px;}


.lire_commentaire_author .user_avatar_text a {color:#E7E7F0;}