/*   HOME //////////////////////////*/

#sidebar,
#home {
	float:left;
}

#sidebar {
	margin-right:32px;
}

/* BOX */

#home .box {
	width:600px;
	margin-bottom:18px;
}

#sidebar .box {
	width:320px;
	margin-bottom:18px;
}

.black {
	background-color:#000000;
	color:#FFCC00;
}

.grey {
	background-color:#444444;
	color:#FFCC00;
}

.yellow {
	background-color:#FFCC00;
	color:#000000;
}

.rub p {
	float:left;
}

.rub .genre {
	font-size:10px;
	margin-left:6px;
	margin-top:6px;
}

#sidebar .rub .genre {
	color:#FFFFFF;
}

/* inside */

.box .inside {
	padding :6px 12px 18px 12px;
	margin-bottom:12px;
}

.box h1 a {
	font-size:18px;
	font-weight:bold;
	color:#FFCC00;
	text-decoration:none;
}

.box h1 a:hover {
	color:#FFFFFF;
}

.box h2 {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#sidebar .box h2 {
	font-weight:normal;
}

/* detail */

.detail h3 {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}

.detail p {
	font-size:12px;
	line-height:16px;
}

.detail p a {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

.detail p a:hover {
	color:#FFCC00;
}

#editoHeading a:hover,
#editoContent a:hover {
	color:#000000;
}

.detail img {
	display:block;
	margin-right:12px;
}

.detail h3,
.detail p {
	width:240px;
}

.detail.sansImage h3,
.detail.sansImage p {
	width:100%;
}

.detail img,
.detail h3,
.detail p {
	float:left;
	margin-top:6px;
}

/* mention */

p.mention {
	font-size:11px;
	line-height:16px;
	padding-top:12px;
}

.mention .date,
.mention .ville {
	color:#FFFFFF;
}

.mention .rdv {
	font-size:10px;
	color:#FFFFFF;
}

/* newsletter */

input {
	border: none;
	font-size:11px;
	color:#000000;
	background-color:#D2A023;
	margin-bottom:6px;
	margin-right:4px;
}

.bouton {
	font-size:10px;
	color:#FFF;
	background-color:#000;
}