@charset "utf-8";
/*
Theme Name: Sunshine Graphic Theme
Theme URI: http://www.sunshine-graphic.com
Portfolio : http://www.exootia.fr
Description: The first theme created by Xavier Bellion.
Version: 0.1
*/

#conteneur	{width:900px;	margin:0 auto;}

#header		{margin-top:30px;		margin-bottom:30px;}

#logo		{float:left;	margin-top:10px;}

#fb			{margin-left:300px;		margin-top:-10px;}

/* menu */
#menu		{width:900px;	height:40px;	background-image:url(../images/menu.png); background-repeat:no-repeat;}

/* /////// Contenu du site */

#content					{background-color:white;	overflow:hidden;}

/* articles */
#coloneArticles				{float:left;	margin-top:10px;	margin-left:10px;}

#contentArticles		{background-image:url(../images/content_articles.png);	background-repeat:repeat-y;	width:603px;}

.titreArticle			{background-image:url(../images/article_ruban.png); background-repeat:repeat; width:640px;
						height:39px;	margin-left:-28px;}
						
.calendar				{ background-image:url(../images/calendar.png);	background-repeat:no-repeat; width:56px;height:47px;
						margin-left:40px;	margin-top:-10px;	display:inline-block;}
						
.mois					{width:56px; text-align:center;		font-weight:bold;	color:white;	margin-top:1px;	display:block;}

.date					{font-size:15px;	margin-left:30px;	margin-top:5px;	display:block;}

.contenuArticle			{width:590px;	margin-left:5px;	text-align:justify;}

.footArticle			{background-image:url(../images/article_foot.png); background-repeat:no-repeat;
						width:601px; 	height:43px;	margin-bottom:20px;}
						
/* colone gauche */
#coloneDroite			{float:right;	width:261px;}

#coloneBloc				{margin-top:10px;}

#contentColone			{background-color:#151515; color:white;}

#categoriesTitre		{margin-left:-5px;}
#comentsTitre			{margin-left:-5px;}