/* 

###### Structure, en-tête et pied de page ######

*/

body {
		background-color: #33bbd9;
        margin: 0px;
        padding: 0px;
		background-color:#FFFFFF;
		/*background-image: url(fond_chat.jpg);
        background-position: top left;
        background-repeat: no-repeat; */
        }

form {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

a:link,
a:visited,
a:active {
		color: #02586D;
		text-decoration: none;
        }

a:hover,
a:visited:hover {
		color: #02586D;
		text-decoration:underline;
		}

img {
		margin: 4px 4px 4px 4px;
		}

#conteneur {
		width: 800px;
        position: relative;
		background-color: #FFF;
		margin: 0px auto 0px auto;
		/*border-left: 1px solid #1ba6c0;
		border-right: 1px solid #1ba6c0;*/
		}

#barre {
		position: relative;
		padding: 3px 0px 5px 0px;;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		text-align: center;
		color: #02586d;
		background-color: #FFF;
		background-image: url(barre-iblogyou-haut.png);
		background-position: bottom;
		background-repeat: no-repeat;
		border-bottom: 1px solid #000;
		}

#entete {
		position: relative;
		width: 800px;
		height: 155px;
		padding: 0px;
		margin: 0px;
		overflow:hidden;
		background-image: url(header.png);
		background-repeat: no-repeat;
		}
		
#entete a:link, #entete a:visited, #entete a:active, #entete a:visited:hover, #entete a:hover{
		display:block;
		height: 155px;
		margin:0;
		overflow:hidden;
		}

#entete h1,
#entete h1 a {
		font-family: Arial,"Lucida Grande","Bitstream Vera Sans",sans-serif;
		color: #3d3d3c;
		font-size: 2em;
		width: 780px;
		background-image: url(separateur.png);
		background-repeat: no-repeat;
		background-position: center;
		background-position: bottom;
		padding-bottom: 12px;
		margin:10px 0px 20px 20px;
		}

#entete h2,
#entete h2 a {
		font-family: Arial,"Lucida Grande","Bitstream Vera Sans",sans-serif;
		color: #6f6f91;
		font-size: 2em;
		padding: 0px;
		text-align: right;
		margin: 0px 20px 0px 0px;
		}

#footer {
		position: relative;
		padding: 3px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		text-align: center;
		color: #000;
		background-color: #FFF;
		background-image: url(barre-iblogyou-bas.png);
		background-position: top;
		background-repeat: no-repeat;
		}

.spacer {
		clear: both;
		}

/* 

###### Elements du menu ######

*/	

#menu {
		position: relative;
		width: 752px;
		height: 139px;
		margin: 0px auto 0px auto;
		padding: 24px 0px 0px 24px;
		border-top: 1px solid #000;
		background-image: url(menu.png);
		background-repeat: no-repeat;
		}

.menu {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

.menuelmtcal,
.menuelmtarc{
		float : left;
		margin: 0px 0px 0px 5px;
		padding: 0px 5px 0px 0px;
		list-style-type: none;
		}
		
.menuelmtpub {
		float : left;
		margin: 15px 0px 0px 60px;
		padding: 0px 5px 0px 0px;
		list-style-type: none;
		}
		
.menuelmtstat{
		float : right;
		margin: 0px 0px 0px 5px;
		padding: 0px 50px 0px 0px;
		list-style-type: none;
		background-image: url(chat_stats.png);
		background-repeat: no-repeat;
		background-position:right;
		background-position:top;
}		
		
		

.titrecat {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		margin: 0px auto 0px auto;
		color: #3d3d3c;
		}

.stats {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #555555;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

.stats li {
		list-style-type: none;
		float: none;
		}

.admin {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #555555;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

.admin li {
		list-style-type: none;
		float: none;
		}

/* 

###### Elements de structure du calendrier ######

*/

#libelle {
		width: 140px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

#libelle li {
		float : left;
		width : 20px;
		list-style-type: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #555555;
		font-weight: bold;
		}

.ligne {
		width: 140px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

.ligne li {
		color: #000000;
		float : left;
		list-style-type: none;
		width : 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #555555;
		}

.articleexistant {
		font-weight: bold;
		}

/* 

###### Elements de la barre de navigation ######

*/

#navig {
		width: 800px;
		margin-bottom: 10px;
		padding: 0px;
		text-align: center;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		/*background-image: url(navig.png);*/
		background-position: center;
		background-repeat: no-repeat;
		font-family: Georgia, "Times New Roman", Times, serif;
		vertical-align:middle;
		}

#navig img {
		margin: 0px;
		}

.case0 {
		color: #007a98;
		font-size: 1.8em;
		}

.case1 {
		color: #000;
		font-weight: bold;
		font-size: 2em;
		}

/* 

###### Elements d'affichage des articles ######

*/

.titre {
		font-family: Arial,"Lucida Grande","Bitstream Vera Sans",sans-serif;
		color: #000;
		text-align: center;
		margin: 40px 0px 15px 0px;
		}

.titre a:before {
		vertical-align: baseline;
		content: url(rosace-left.png);
		margin-right: 3px;
		}

.titre a:after {
		vertical-align: baseline;
		content: url(rosace-right.png);
		margin-left: 3px;
		}

.titre a {
		font-size: 1.5em;
		text-decoration: none;
		}

.titre a:link,
.titre a:visited,
.titre a:active {
		color: #000;
        }

.titre a:hover,
.titre a:visited:hover {
		color: #7F7F7F;
		}

.datepost {
		display: block;
		font-size: 0.9em;
		}

.article,
.articleunik {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 0.9em;
		line-height: 1.5em;
		color: #000;
		padding: 0px 40px;
		}

.commentaires {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		color: #000;
		margin-top: 5px;
		padding: 6px 0px 6px 0px;
		background-image: url(barre-commentaire.png);
		background-position: center;
		background-repeat: no-repeat;
		border-top: 1px solid #000;
		text-align: center;
		}

.commentaires img {
		margin: 0px;
		vertical-align: bottom;
		}

.article p,
.articleunik p {
		margin: 0px;
		color: #000;
		line-height: 1.5em;
}

.article p a{
		color: #7F7F7F;text-decoration:underline ;
		}


/* 

###### Elements d'affichage des commentaires ######

*/

.bloc_commentaires {
		width: 741px;
		margin: 0px auto;
		background-color: #FFF;
		background-image: url(commentaires-haut.png);
		background-position: center top;
		background-repeat: no-repeat;
		padding-top: 27px;
		}

.commpseudo {
		padding: 0px 15px 0 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		color: #6f6f91;
		font-weight: bold;
		background-image: url(commentaires-pseudo.png);
		background-position: left;
		background-repeat: no-repeat;
		background-color: #FFF;
		}

.commpseudo img {
		margin: 0px;
		vertical-align: bottom;
		}

.commcontenu {
		padding: 10px 20px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 0.9em;
		color: #8e8e8e;
		background-image: url(commentaires-fond.png);
		background-position: center;
		background-repeat: repeat-y;
		}

.fermerCommentaires	{
		font-weight: bold;
		background-image: url(commentaires-fond.png);
		background-position: center;
		background-repeat: repeat-y;
		text-align: center;
		}

#newcomm {
		position: relative;
		font-family: Arial, Helvetica, sans-serif;
		padding: 10px 20px;
		font-size: 0.8em;
		color: #333333;
		background-image: url(commentaires-fond.png);
		background-position: center;
		background-repeat: repeat-y;
		}

.formulaire_commentaires {
		background-image: url(commentaires-bas.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-color: #FFF;
		padding-bottom: 18px;
		margin-bottom: 10px;
		}

.pub_h {
		background-image: url(commentaires-fond.png);
		background-position: center;
		background-repeat: repeat-y;
		width: 741px;
		margin: 15px auto 20px auto;
		width: 741px;
		}

#commtitre {
		display: none;
		}