@import "layout.css";


/* Style gnral
********************************************/
body{
	background-image: url(fond.png);
	background-repeat: repeat-y;
	background-color: #8dc3e4;
	color: #000;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 0px solid #DDD;
}

pre {
	border: 1px solid #CCC;
	font-size: 1.1em;
	line-height: 1.2em;
	overflow: auto;
	width: 100%;
}

html>body pre {
	overflow: auto;
	width: auto;
}

acronym, abbr{
	border-bottom: 1px dotted;
	cursor : help;
}

a{
	color: #000;
	background: transparent;
}

a[hreflang]:after{
	content: "\0000a0(" attr(hreflang) ")";
	color: #999;
	background: transparent;
}

a:visited{
	color: #333;
	background: transparent;
}

a:hover{
	color: #06C;
	background: transparent;
}

a img{
	border: 0;
}

fieldset{
	border: none;
	width: 100%;
}

label{
	cursor: pointer;
	cursor: hand; /* pour IE */
}

input[type=text], textarea{
	border: 1px solid #AAA;
}

input[type=text]:focus, textarea:focus{
	border: 1px solid #666;
}

textarea{
	width: 99%;
}

/* 
Classes spciales pour insrer des images par exemple 
Les lements rendus "flottants" avec ces classes ne
dpassent pas du billet grce  la classe .post-info-co
*/
.right{
	float: right;
	margin-left: 1em;
}

.left{
	float: left;
	margin-right: 1em;
}

/* Page
********************************************/
#page{
width:781px;
	background: #FFF url(trame.gif) ;
	border-right:solid 0px #4C5F6B;
}

/* Top
********************************************/
#top{
	color: #00365B;
	background: #FFF url(bandeau5.gif) no-repeat;
}

#top h1{
	margin: 0;
	line-height: 100px;
	padding-left: 30px;
}

#top h1 a{
	text-decoration: none;
	color: #666;
	background: transparent;
}

#prelude{
	font-family:Arial;
	font-size:11px;
	color: #000;
	background: url(test2.gif) repeat-x;
	float:left;
	/*padding-top:4px;*/
	/*padding-left:5px;*/
	/*border:solid 1px red;*/
}

#prelude p {
padding:4px 0 0 5px;
margin:0;
}

#prelude a{
	color: #000;
	background: transparent;
	text-decoration: none;padding-left:10px;
	padding-left:3px;
	padding-right:3px;
}

#prelude a:hover{
	color: #000;
	/*font-weight:bold;*/
	background: #F1F1F1;
	padding:3px;
}

/* Contenu
********************************************/
#content{
width:540px;
	line-height: 1.2em;
	clear:left;
	/*min-height:920px;*/
}
#content img{
	padding-bottom:4px;
}

.day-date{
	padding-bottom: 5px;
	/*background: #fff url(img/day-date.png) repeat-x left bottom;*/
	color: #999;
}

.post{
	margin-bottom: 4em;
	
}

#content ul{
	/*margin: 0;
	padding: 0;*/
	list-style: none;
	display: block;
}

#content ul li{
	/*padding: 5px 0;*/
	/*border-bottom: 1px solid #EEE;line-height: 0.8em;*/
}

#content ul li a{
	display: block;
}

#content h2{
	/*padding-left: 25px;*/
	padding-bottom: 0px;
	/*color: #00365B;*/
	background: transparent url(sstar4_save.jpg) no-repeat left center;
	margin-bottom: 0;
	font-size:1.4em;
}

#content h2 a{
	color: #666;
	background: transparent;
	text-decoration: none;
}
#content h2 a:hover{
	color:#1E4809;
}
#content h3, #content h4, #content h5, #content h6{
	color: #666;
}
#post-title h2{
	color:#000;
	font-size: 18px;
	margin-left:0px;
}
#post-title img{
	color:#000;
	font-size: 18px;
	margin-left:0px;
	padding-bottom:0px;
}
.post-title{
	color:#000;
	font-size: 18px;
	margin-left:0px;
}
.post_auteur{
	color:#000;
	font-size: 12px;
	padding:2px;
}

.post-info{
	clear: both;
	text-align: right;
	font-size: 0.8em;
	border: 1px solid #E5EFD5;
	background: #f0f; /*url(img/bandeau.gif)*/;
	color: inherit;
	
	margin-top: 0.5em;
	margin-bottom: 3em;
	
	padding: 0.4ex;
	padding-right:7px;
	-moz-border-radius: 7px;
	/*color:white;*/
}

.post-info span{
	display: none;
}

.post-info a{
	color: #666;
	background: transparent;
	/*border-left: 1px solid #CCC;*/
	padding-left: 0.5ex;
	text-decoration: none;
}

.post-content{
	/*padding:10px;*/
}
.post-auteur a:hover{
	color:#000;
}

.post-content p{
	text-align: justify;
	font-size: 12px;
	line-height:1.2em;
}

.postcontent img{
	max-width: 239px;
	padding-top:2px;
	margin: 0pt 1em 0em 0pt;
	float: left;	
}
/*.postcontent ul{
	margin: 5;
	padding: 5;
	list-style-image: url(img/li.png);
}*/
.postcontent form{
	font-family:Arial;
	font-size:11px;
	padding-left:0px;
	/*border:1px solid #666;
	-moz-border-radius: 7px;*/
}
.postcontent #submit{
	border: 0px solid #CCC;
	background: transparent url(fleche.gif) no-repeat;
	/*-moz-border-radius: 4px;*/
	margin-top:0px;
}
.postcontent input{
	border-right:solid 1px #CFCFCF;
	border-bottom:solid 1px #CFCFCF;
	border-top:solid 1px black;
	border-left:solid 1px black;
	/*-moz-border-radius: 4px;*/
}
.postcontent p{
	text-align: justify;
	font-size: 12px;
	line-height:1.2em;
}

.post-content img{
	padding-top:2px;
	margin: 0pt 1em 0em 0pt;
	float: left;
}

.post-info-co{
	clear: both;
	text-align: right;
}

.post-info-co span{
	display: none;
}

.post-info-co a, .post-info-co a:visited{
	text-decoration: none;
	color: #666;
	padding-left: 12px;
	background: transparent url(bulle.png) no-repeat left center;
}

.post-info-co a:hover{
	color: #333;
	padding-left: 12px;
	background: transparent url(bulle.png) no-repeat left center;
}

.comment-info{
	margin-bottom: 0;
}

#comments blockquote, #trackbacks blockquote{
	margin: 0;
	padding: 0 1em;
	text-align: justify;
	border: 1px dotted #CCC;
}

.field label{
	display: block; 
}

/* Sidebar
********************************************/
#sidebar{
float:right;
width:210px;
	background-color:#fff;
	/*height:1500px;*/
	/*overflow:hidden;*/
	/*min-height:1800px;*/
	padding:5px;
}
#sidebar div{
	color: #000;
	position:relative;
	clear:both;
	border:solid 0px red;
	/*margin-right:10px;*/
	
}

#sidebar h2{
	font-family:Georgia;
	margin: 0;
	padding: 0px;
	color: #000;
	background: #fff url(sidebarh2.png);
	/*text-transform: uppercase;*/
	font-size: 1em;
	font-weight:bold;
}

#sidebar h3{
	padding-left: 16px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	background: #fff url(linkscat.png) no-repeat left center;
}

#sidebar a{
	color: #00f;
	background: #fff;
	text-decoration: underline;
}

#sidebar a:hover{
	/*color: #FF009A;*/
	background: transparent;
}

/*#sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}*/

/*#sidebar ul li{
	padding: 5px 0;
	border-bottom: 1px solid #EEE;line-height: 0.8em;
}*/

/*#sidebar ul li a{
	display: block;
}*/

#sidebar #newz{
	/*background-color:#EDEDED;*/
}
/* Calendar
********************************************/
#cal{
	background-color:#f00 !important;
	width:500px;
}
#calendar{
	text-align: center;
	background:url(fond_2.gif);
	/*padding:5px;*/
}
#calendar_bas{
	background:url(fond_3.gif) bottom repeat-x;
	padding:5px;
	margin-left:0px;
}

#calendar h2{
	text-align: left;
	background:transparent;
}

#calendar table{
	margin: 0 auto;
	font-size: 0.8em;
	color:#7D8488;
}

#calendar table caption{
	margin: 0 auto;
}

#calendar abbr{
	border-bottom: none;
}

#calendar th{
	border-bottom: 1px solid #CCC;
}

#calendar a{
	color: #9BD9FF;
	background: #EDEDED;
	font-weight: bold;
	text-decoration:none;
	font-size:11px;
}
/* Calendar
********************************************/
/* newz
********************************************/
#newz{
	padding:5px;
}
#newz #q{
	border-right:solid 1px #CFCFCF;
	border-bottom:solid 1px #CFCFCF;
	border-top:solid 1px black;
	border-left:solid 1px black;
	background: #FFF ;
	/*padding-left: 14px;*/
	/*color:#FF009A;*/
	vertical-align:bottom;
}
#newz #q2{
	border-right:solid 1px #CFCFCF;
	border-bottom:solid 1px #CFCFCF;
	border-top:solid 1px black;
	border-left:solid 1px black;
	background: #FFF ;
	/*padding-left: 14px;*/
	/*color:#FF009A;*/
	vertical-align:bottom;
}

#newz p {
    margin-right: 0px;
	text-align:left;
	clear:both;
}

#newz input{
	border: 0px solid #CCC;
	background: transparent url(fleche.gif) no-repeat;
	/*-moz-border-radius: 4px;*/
	
}

#newz .submit{
	vertical-align:bottom;
}

#newz form{
	margin:0;
	/*border:1px solid black;**/
}
/* newz
********************************************/
/* utile
********************************************/
#utile{
	background:url(fond_2.gif);
	font-family:Arial;
	font-size:11px;
	padding:0px;
}
#utile_bas{
	background:url(fond_3.gif) bottom repeat-x;
	padding:5px;
	margin-left:0px;
}
#utile h2{
	background-color:transparent;
	font-family:Georgia;
	font-size:14px;
}
/* utile
********************************************/
/* def
********************************************/
#def{
	font-family:Georgia;
	font-size:12px;
	color:#000;
	background:url(fond_2.gif);
	padding:7px;
}
#def a{
	background-color:transparent;
	font-family:Verdana;
	font-size:9px;
}
/* def
********************************************/

/* year
********************************************/
#year{
	bottom:0px;
	text-align:right;
}

/* year
********************************************/

/* intro
********************************************/
#intro{
	font-family:Georgia;
	font-size:12px;
	color:#000;
	padding:5px;
}
#intro a{
	background-color:transparent;
	font-family:Arial;
	font-size:10px;
	font-weight:0;
}
/* intro
********************************************/
/* contribut
********************************************/
#contribut{
	padding:5px;
}
#contribut h2{
	color:#000;
}
#contribut form{
	font-family:Arial;
	font-size:11px;
}
#contribut #submit{
	border: 0px solid #CCC;
	background: transparent url(fleche.gif) no-repeat;
	/*-moz-border-radius: 4px;*/
	margin-top:0px;
}
#contribut input{
	border-right:solid 1px #CFCFCF;
	border-bottom:solid 1px #CFCFCF;
	border-top:solid 1px black;
	border-left:solid 1px black;
	/*-moz-border-radius: 4px;*/
}
#contribut form{
	margin:0;
}
/* contribut
********************************************/

/* contribut2
********************************************/
#contribut2{
	padding:5px;
}
#contribut2 p {
    margin-right: 0px;
	text-align:left;
	clear:both;
}
#contribut2 h2{
	color:#000;
}
#contribut2 form{
	font-family:Arial;
	font-size:11px;
	padding-left:0px;
	/*border:1px solid #666;
	-moz-border-radius: 7px;*/
}
#contribut2 #submit{
	border: 0px solid #CCC;
	background: transparent url(fleche.gif) no-repeat;
	/*-moz-border-radius: 4px;*/
	margin-top:0px;
}
#contribut2 input{
	border-right:solid 1px #CFCFCF;
	border-bottom:solid 1px #CFCFCF;
	border-top:solid 1px black;
	border-left:solid 1px black;
	/*-moz-border-radius: 4px;*/
}
#contribut2 form{
	margin:0;
}
/* contribut2
********************************************/

#selection h2{
	color: #FF009A;
}

#titrebleu{
	color:#9BD9FF;
}

/* Footer
********************************************/
#footer{
	clear: both;
	margin: 0;
	height: 11px;
	text-align:right;
	background:transparent;
}
/*#nav a{
	color: #000;
	background: transparent;
	text-decoration: underline;
}
#nav a:hover{
	color: #fff;
	background: transparent;
	text-decoration: none;
	text-decoration: underline;
}*/
/*#nav #prev{
	float:left;
	margin-left:15px;
}*/
#nav #prev a{
	float:left;
	margin-left:15px;
	width:93px;
	background: url(fl_noire.gif) no-repeat;
	text-decoration:none;
}
#nav #prev a:hover{
	float:left;
	margin-left:15px;
	width:93px;
	background: url(fl_blanche.gif) no-repeat;
	text-decoration:none;
}

#nav #next a{
	float:left;
	margin-right:15px;
	width:93px;
	background: url(fl_noire2.gif) no-repeat;
	text-decoration:none;
}
#nav #next a:hover{
	float:left;
	margin-right:15px;
	width:93px;
	background: url(fl_blanche2.gif) no-repeat;
	text-decoration:none;
}

#nav #next{
	float:right;
}


/* Rajout Post CSS MB */

#bodyContainer {
padding-top:2px;
width: 540px;
/*float:left;*/
}

.itemTitleStyle {
padding:0 0 3px 5px;
font-size:18px;
font-weight:bold;
}
.itemTitleStyle a{
color:#666 !important;
text-decoration:none;
}
.itemTitleStyle a:hover{
color:#1E4809 !important;
text-decoration:none;
}

.itemWhenStyle {
color:#000;
	font-size: 12px;
	padding:2px;
text-decoration:underline;
font-weight:normal;
font-style:italic;
}

.itemBoxStyle {
width:540px;
	margin-top: 15px;
	margin-bottom: 10px;
/*	-moz-border-radius: 10px;  mozilla only */
}
.itemContainerStyle a{
color:#000;
}
legend {
	color: blue;
}

.itemContainerStyle {
	/*margin: 20px 20px 0 20px;
	width: 90%;*/
}

/*.itemContainerStyle, pre {
	overflow: auto;
	overflow-x: auto;
	overflow-y: visible;
}*/

/* Exceptions for Print */
@media print {
	.itemContainerStyle, pre {
		overflow: visible;
	}
}

/*pre {
	width: 95%;
	padding: 5px;
	border: solid 1px #d0d0d0;
	background-color: #f0f0f0;
	color: #505050;
}*/

.bodyContentStyle {

}

.itemBodyStyle {
	color:#000000;
	font-family:arial, 'sans serif';
	font-size:12px;
}

.itemBodyStyle a{
color:#3399FF;}

.itemCategoryLinksStyle, .itemFooterStyle {
	text-align: right;
	font-size: smaller;
	color:#FFFFFF;
}

.commentBoxStyle {
	border: 1px dashed #d0d0d0;
	background-color: #9f9f9f;
	color: #505050;
	margin-bottom: 10px;
	padding: 5px;
}

.commentDateStyle {
	background-color: #000000;
	color: white;
	padding: 2px;
	text-align: center;
}

.commentBodyStyle {
	padding: 10px 0 10px 0;
}

.commentBoxFooterStyle {
	border-top: 1px solid #d0d0d0;
	padding-top: 10px;
}

.commentViewBoxStyle {
	border: 1px solid #d0d0d0;
	padding: 10px;
}

/* Exceptions for Print */
@media print {
	.commentViewBoxStyle {
		display: none;
	}
}

#bodyCopyright {
	text-align: right;
	font-size: smaller;
	color: black;
}
#bodyCopyright a{
	text-align: right;
	font-size: smaller;
	color: black;
}

.titleListCellStyle{
   padding-left: 20px; /* espace permettant  la puce de s'afficher */
background: url(item.gif) no-repeat 0px 2px; /* pour un centrage de 5 pixels  gauche et 2 pixels du haut  */
/*list-style:url(item.gif);*/
}

.titleListStyle{
list-style: url(item.gif) inside;
margin:0;
padding:0;
}

/*.titleListStyle li{
padding-left: 20px; /* espace permettant  la puce de s'afficher
background: url(item.gif) no-repeat 0px 2px; /* pour un centrage de 5 pixels  gauche et 2 pixels du haut 
} */

.itemBodyStyle img{
	max-width: 239px;
	padding-top:2px;
	margin: 0pt 1em 0em 0pt;
	float: left;
}

.itemBodyStyle p{
	text-align: justify;
	font-size: 12px;
	line-height:1.2em;
}

.itemFooterStyle{
clear:left;}
.side{
color:#FFFFFF !important;
text-align:right;
}
.side a{
color:#FFFFFF !important;
text-align:right;
}
.side2 a{
color:#000000 !important;

}