/*============*/
/* Selecteurs */
/*============*/
body {
	background: #fbfbfb url(mag/fond_body.jpg) repeat-x;
	margin :10px 0 10px 0;
	text-align:center;
	font-family:"Microsoft Sans Serif"; 
	font-size:14px;
}
table {
	font-family:'Microsoft Sans Serif'; font-size:14px;
	}

/*============*/
/* Classes    */
/*============*/
.titre {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.date {
	color:#CC0000;
	text-align: right;
}
.pseudo {
	color:#009933;
}
.name {
	font-size: 14px;
	font-weight: bold;
	color:#CC0000;
}
a.name {
	color:#06a3a5;
	}
a.auteur {
	font-size: 14px;
	font-weight: bold;
	color:#000000; 
	text-decoration:underline;
}
.calendrier_mois { 
    font-family:Garamond; 
    font-size: 16px; 
    color: #99681C; 
    text-decoration: none; 
    font-weight: bold; 
    text-align: center; 
    vertical-align: middle; 
} 
.calendrier_jour { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    text-transform: lowercase; 
    color: #313F5A; 
    text-decoration: none; 
    text-align: center; 
    vertical-align: middle; 
} 
.calendrier_nom_des_jours { 
    font-family: Impact; 
    color: #000000; 
    text-decoration: none; 
    font-weight: normal; 
    text-align: center; 
    vertical-align: middle; 
    font-size: 12px; 
} 

.cat { 
    font-family:Garamond; 
    font-size: 16px; 
    color: #99681C; 
	padding-left :20px;
	padding-right:20px;
    text-decoration: none; 
    font-weight: bold; 
    text-align: center; 
} 
.com { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
	padding-left :10px;
	line-height:24px;
    text-align: left; 
} 
.tag {
	width:193px; 
	padding:0;
	line-height:24px;
    text-align: center; 
	font-weight:bold;
}
.lien_login {
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;
	color:#DB5224; font-weight:bold;
	text-decoration:underline;
}
.lien_com {
	text-decoration:underline; color:#0033FF;
}
.lien_tag {
	text-decoration:underline; color:#0033FF;
}
.lien_rubrique {
	font-weight:bold; color:#000000;
	text-decoration:underline;	
}
.lien_nav {
	color:#1045AF;
	text-decoration:underline;	
}
.lien_suite{
	font-size:10px; 
	color:#1045AF; /*  C33D26;  #DB5224;  #0EBAD7  */
	text-decoration:none;	
}
.lien_suite:hover {
	text-decoration:underline;	
}
/*=============*/
/* Design Blog */
/*=============*/
/* Connexion std */
div#header {
	margin: 0 auto; padding :0;
	text-align:left;
	background: url(media/block_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 985px; height:30px;
	font-size:12px; line-height:30px;
}
/* Super container */
div#super {
	width: 985px; margin: 0 auto; padding:0;
	background:url(media/block_middle.gif) repeat-y;
}
/* Master Menu */
#titre{
	background-image:url(media/header.jpg);  background-repeat:no-repeat; background-position: 0 0; 
	position: relative; width:920px; height:173px; margin:0 auto 0 auto; border: 1px solid #88efea;
}
#fleur { display:none;}
#titre div#version { 
	position:absolute; top:150px; left:800px; width:100px;  color:#FFFFFF;
	}
h1#banniere
{
	height: 161px ;
	margin: 0 ;
}
h1#banniere a
{
	display: block ;
	position: absolute ;
	top: 80px;
	left: 150px;
	width: 485px ;
	height: 45px ;
}
h1#banniere a span
{
	display: none;
	text-align: center;
}
/* Conaineur */
div#contenu {
	background-image:url(media/frame_middle.jpg);  background-repeat:repeat-y;
	width:950px; height:auto; margin: 0 auto 0 auto;  padding:0;
	/* border:1px solid #666;*/
	}
div#cont_top {
		background-image:url(media/frame_top.jpg);  background-repeat:no-repeat; background-position:top;
		width:950px; height:24px; margin: 0 auto 0 auto; padding:0; 
}	
p#cont_bottom {
		clear: both ; margin:0 auto; padding : 0; 	
		background-image:url(media/frame_bottom.jpg);  background-repeat:no-repeat; background-position:bottom;
		width:950px; display: block; line-height:24px; font-size: 12px;
}

/* Contenu */
div#frame {
	float:left; width:698px; margin: 0 0 0 10px; padding: 0; text-align:center;
	display:inline;  /* border:1px solid #666;*/
}
form#saisie table span {
	margin-left:5px;
	font-size:12px; color:#FF0000;
}
/* Les Divisions Page Traitement  */
div#second {
		background-image:url(media/second_bar.jpg); background-repeat:no-repeat; background-position: 0 0; 
		width:560px; height:36px; margin: 10px auto; padding :12px 0; text-align:center; 
}
div#traite {
		width:550px; height:auto; margin:10px auto 0 auto; padding:10px; text-align:center;
		background-color:#EDFBFC; border:2px solid #0000FF;
}

/* Format d'un Post */
#news {
	width: 650px; 
	margin:0 auto 0 auto; padding:0;
	border-bottom: 2px dotted #999999;
}
/* avec une Image */
#image {
	width: 650px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* du Texte et des commentaires */
#data {
	text-align: justify;
	padding-left: 5px; 
	padding-right: 5px;
	margin-top: 5px;
}
/* des boutons */
#option {
	text-align: left;
	margin-top: 10px;
	margin-left :5px;
	margin-bottom:10px;
	height: auto;
	width: auto;
}
#option span {
	padding-left :20px;
	padding-right:40px;
	visibility:hidden;
}
#option a {
	position:relative;
	top:3px; left:0;
}	
#comment {
	width:650px; padding: 4px; margin-left:10px;
	text-align:left; border-bottom: 2px dotted #999999;
}
div#profil {
	width:560px; height:auto; margin:10px auto 10px auto; padding:10px; 
	text-align:left; border: 1px solid #CCC; background:#f0fced;
}

/* Vertical droit avec hack pour IE6 */
div#theme {
	float:right; width:200px; height: auto; margin:0 17px 0 5px; padding: 0; text-align:center;
	display:inline; /* border:1px solid #666; */
}
div#theme table .calendrier_mois span {margin-left:6px; margin-right:5px;}
div#theme table .calendrier_mois a {text-decoration:underline; font-size:12px; color: #0000FF; }
div#theme table .calendrier_jour a {font-weight:bold; text-decoration:underline; color:#0000FF; }
div#theme div .tag span {margin-left:5px; margin-right:5px;}

/* Pagination */
p#page { font-size:14px; line-height:24px; margin-left:20px;}
p#page span {margin:5px;}

/* Pied */
div#footer {
	text-align:right; 
	font-size:10px; line-height:24px;
	margin: 0 auto; padding:0 ;
	background: url(media/block_down.gif);
	background-repeat:no-repeat;
	background-position:top;
	width: 985px; height:30px;
}
div#footer  a
{
	color:#333;
	font-family: Helvetica;
	text-decoration: none; 
	font-style:italic;
	font-size: 10px;
}
div#footer a:hover
{
	color:#3366FF;
	text-decoration: underline;
}