/* Général */
body 
{
	background:#FFFFFF;
}

/* Header */
#header 
{
	background:url('./../images/header.jpg') repeat-x;
	height:196px;
}

#speedbar
{
	float:right;
	height:35px;
	margin:130px 0 0 0;
	padding:5px 0 5px 0;
	text-align:right;
}

#speedbar ul li
{
	float:left;
	margin:0 0.5em;
	list-style-type:none;
}

#speedbarGauche
{
	float:left;
	background:url('./../images/speedbarGauche.png') no-repeat;
	width:20px;
	height:35px;
	margin:0;
}

#speedbarFond
{
	float:left;
	background:url('./../images/speedbar.jpg') repeat-x;
	height:35px;
	margin:0;
	padding:0.2em 0 0 0;
}

#menuSpeedbar
{
	position:relative;
	bottom:9px;
}

/* Eléments normaux speedbar */

#itemAccueil a
{
	background:url('./../images/accueil.png') no-repeat 0 0;
	display:block;
	width:25px;
	height:25px;
	border:none;
}

#itemForum a
{
	background:url('./../images/forum.png') no-repeat 0 0;
	display:block;
	width:25px;
	height:25px;
	border:none;
}

#itemProjet a
{
	background:url('./../images/projet.png') no-repeat 0 0;
	display:block;
	width:25px;
	height:25px;
	border:none;
}

#itemModo a
{
	background:url('./../images/modo.png') no-repeat 0 0;
	display:block;
	width:25px;
	height:25px;
	border:none;
}

#itemAdmin a
{
	background:url('./../images/admin.png') no-repeat 0 0;
	display:block;
	width:25px;
	height:25px;
	border:none;
}

#itemConnexion a
{
	background:url('./../images/connexion.png') no-repeat 0 0;
	display:block;
	width:25px;
	height:25px;
	border:none;
}

#itemDeconnexion a
{
	background:url('./../images/deconnexion.png') no-repeat 0 0;
	display:block;
	width:25px;
	height:25px;
	border:none;
}

/* Eléments :hover speedbar */

#itemAccueil a:hover
{
	background:url('./../images/accueil.png') no-repeat 0 -25px;
}

#itemForum a:hover
{
	background:url('./../images/forum.png') no-repeat 0 -25px;
}

#itemModo a:hover
{
	background:url('./../images/modo.png') no-repeat 0 -25px;
}

#itemProjet a:hover
{
	background:url('./../images/projet.png') no-repeat 0 -25px;
}

#itemAdmin a:hover
{
	background:url('./../images/admin.png') no-repeat 0 -25px;
}

#itemConnexion a:hover
{
	background:url('./../images/connexion.png') no-repeat 0 -25px;
}

#itemDeconnexion a:hover
{
	background:url('./../images/deconnexion.png') no-repeat 0 -25px;
}

/* Sidebar */
#sidebarFond 
{
	background:url('./../images/sidebar.jpg') repeat-y;
	font-family:Arial, sans-serif;
	font-size:9pt;
	color:#666666;
	text-align:justify;
}

#sidebarBottom
{
	background:url('./../images/sidebarBottom.png') no-repeat;
	height:20px;
}

#sidebarFond h5
{
	display:block;
	position:relative;
	right:0.5em;
	background:url('./../images/sidebarTitre.jpg') no-repeat;
	width:200px;
	height:30px;
	font-family:Arial, sans-serif;
	font-size:15pt;
	color:#FFFFFF;
	text-align:center;
	line-height:30px;
	margin-left:-2px;
}

#sidebarFond ul li
{
	margin:0 0 .5em -1.5em;
	padding:0;
	font-family:Arial, sans-serif;
	font-size:9pt;
	color:#666666;
	text-align:center;
}

#sidebarFond ul li a
{
	padding:0;
	text-decoration:none;
	color:#142BA4;
}

#sidebarFond ul li a:hover
{
	color:#333333;
	border-bottom:1px dotted #cccccc;
}

/* Principal */
#principal 
{
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#666666;
	text-align:justify;
	text-indent:25px;
}

#principal .news
{
	margin:0 0 3em 0;
	border-bottom:1px dotted #666666;
}

#principal .titre_news
{
	text-indent:0;
}

#principal .infos_news
{
	text-indent:20px;
}

#principal .date
{
	background:url('./../images/date.png') no-repeat;
	float:left;
	width:52px;
	height:46px;
	margin:0;
	margin-right:15px;
	padding:6px 0 0 0;
	text-align:center;
}

#principal .date ul
{
	margin:0 0 0 -1.8em;
}

#principal .date ul li
{
	list-style-type:none;
	margin:-5px 0;
}

#principal .jour
{
	font-family:Arial, sans-serif;
	font-size:8pt;
	color:#999999;
}

#principal .chiffre
{
	font-family:Arial, sans-serif;
	font-size:20pt;
	color:#99CC00;
}

#principal .mois
{
	font-family:Arial, sans-serif;
	font-size:8pt;
	color:#999999;
}

#principal .postmetadata .com
{
	color:#666666;
	text-decoration:none;	
}

#principal .postmetadata .com a:hover
{
	color:#000000;
	border-bottom:1px dotted #000000;
}

#principal .postmetadata p
{
	margin:-0.7em 0 0 0;
}

#principal .postmetadata img
{
	margin:0 5px;
}

#principal .content
{
	margin:25px 0;
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#666666;
	text-indent:25px;
}

/* Cadre News */

.cadreNews h4 
{
	background:url('./../images/titreCadreNews.png') no-repeat;
	display:block;
	width:194px;
	height:19px;
	margin:0;
	padding:3px
}

.cadreNews a 
{
	color:#666666;
	text-decoration:none;
}

.cadreNews a:hover
{
	color:#000000;
	border-bottom:1px dotted #000000;
}

.cadreNewsTop 
{
	background:url('./../images/topCadreNews.jpg') no-repeat;
	height:14px;
	padding:3px;
	font-size:0.7em;
}

.cadreNewsContent 
{
	background:url('./../images/cadreNews.jpg') repeat-y;
}

.bottomCadreNews 
{
	background:url('./../images/bottomCadreNews.png') no-repeat;
	height:14px;
	padding:3px;
	font-size:0.7em;
	line-height:0px;
}

/* Footer */
#footer 
{
	background:url('./../images/footer.png') repeat-x;
	text-align:center;
	height:48px;
	margin:0;
	padding:10px 0 10px 10em;
}

#footer p
{
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#cccccc;
	margin-top:0px;
	margin-bottom:0;
	padding-bottom:0;
}

#footer a
{
	font-weight:bold;
	color:#99CC00;
	text-decoration:none;
}

#footer strong
{
	color:#cccccc;
}

#footer a:hover
{
	border-bottom:1px dotted #99CC00;
}

#footer #xiti
{
	padding-top:5px;
}

/* --- POSITIONNEMENT --- */

/* Page */
body 
{
	margin:0;
	padding:0;
}

#page 
{
	width:100%;
	max-width: 1920px;
	min-width: 760px;
	min-height: 100%; 
	margin-left: auto;
	margin-right:auto;
}

#content 
{
	margin:0 0 1em 0;
}

/* Header */
#header 
{
	margin:0;
	padding:0;
}

#logo 
{
	margin: 0;
	margin-left: 5%;
	padding:2em 0 0 2em;
}

#speedbar 
{
	float:right;
}	

/* Sidebar */
#sidebar 
{
	float:left;
	width:200px;
	margin:0 0 0 2em;
}

#sidebarFond 
{
	padding:1em 1em .1em 1em;
}

#sidebarBottom 
{
	margin:0 0 3em 0;
}

/* Contenu principal */
#principal 
{
	margin-left: 19em;
	margin-right: 2em;
	margin-top:10px;
	padding: 10px 20px;	
}

#conteneurCadreNews 
{
	float:left;
	margin:0 0 5em 0;
}

#conteneurCadreNews ul li 
{
	padding:0 0 3px 0;
	text-indent:0;
	text-align:left;
}

.cadreNews 
{
	float:left;
	width:200px;
	margin:0 1em 1em 1em;
	padding:0;
}

.cadreNewsContent 
{
	padding:1px 10px;
}

.message_tchat
{
	padding:5px;
	margin-bottom:10px;
	border:1px solid #99CC00;
}

.avatar 
{
	max-width:100px;
	max-height:100px;
}

/* Footer */
#footer 
{
	clear:both;
}

#content
{
	margin-top:-10px;
}