@import url(layout.css);
@import url(carousel.css);
@import url(anatips.css);

#page div#gauche h1 {
	font-size: 26px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px 12px 0px 24px;
}

#principale div#page div#gauche p {
	margin: 0px 0px 15px 0px;
	text-align: justify;
	line-height: 20px;
	padding: 0px 12px 0px 12px;
}

#principale div#page div#gauche p a {
	color: #d40050;
}

#principale div#page div#gauche ul {
	margin: 0px 0px 15px 24px;
}

#principale div#page div#gauche div#edito ul li {
	list-style-image: url(../../img/layout/puce.png);
	list-style-position: inside;
}

#principale div#page div#gauche div#edito ul li a {
	color: #d40050
}

/* LONGUE LISTE */

#principale div#page div#gauche div.long_liste {
	width: 630px;
	float: left;
	margin: 0px 15px 0px 0px;
	background: url(../../img/layout/background_middle_large.png) top left repeat-y;
}

#principale div#page div#gauche div.bottom_long {
	background: url(../../img/layout/background_bottom_large.png) top left no-repeat;
	height: 24px;
	clear: both;
}

#principale div#page div#gauche div#dernieres_affiches,
#principale div#page div#gauche div#nuages-de-tags div#nuages_de_tags {
	background: url(../../img/layout/background_middle_large.png) top left repeat-y;
}

#principale div#page div#gauche div.long_liste h2#affiches_des_derniers_sous_titres {
	background-image: url(../../img/titre/affiches_des_derniers_sous_titres.png);
	height: 33px;
}

#principale div#page div#gauche div.liste {
	width: 200px;
	float: left;
	margin: 0px 15px 10px 0px;
}

#principale div#page div#gauche div.last {
	margin: 0px 0px 0px 0px;
}

#principale div#page div#gauche div h2 {
	background-positon: top center;
	background-repeat: no-repeat;
	height: 25px;
	padding: 20px 0px 0px 50px;
	font-weight: bold;
	font-size: 12px;
}

#principale div#page div#gauche div h2 a {
	border-bottom: 1px dashed #666;
	padding: 0px 0px 3px 0px;
}

#principale div#page div#gauche div.liste h2#les_films_du_moment {
	background-image: url(../../img/titre/les_films_du_moment.png);
}

#principale div#page div#gauche div.liste h2#derniers_sous_titres {
	background-image: url(../../img/titre/derniers_sous_titres.png);
}

#principale div#page div#gauche div.liste h2#les_plus_telecharges {
	background-image: url(../../img/titre/les_plus_telecharges.png);
}

#principale div#page div#gauche div.liste ul {
	background: url(../../img/layout/background_bottom_gauche.png) bottom center no-repeat;
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}

#principale div#page div#gauche div.liste ul li {
	background: url(../../img/layout/background_middle_gauche.png) top left repeat-y;
	padding: 0px 12px 0px 12px;
	position: relative;
	font-size: 11px;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	list-style: none;
}

#principale div#page div#gauche div.liste ul li span {
	position: absolute;
	top: 0px;
	right: 12px;
}

#principale div#page div#gauche div.liste ul li a:hover {
	color: #d40050;
}

/* NUAGES DE TAGS */

#principale div#page div#gauche div#nuages-de-tags div#nuages_de_tags {
	padding: 0px 7px 0px 7px;
	width: 616px;
}

#principale div#page div#gauche div.long_liste h2#nuage-de-tags {
	background-image: url(../../img/titre/nuage_de_tags.png);
}

#principale div#page div#gauche div#nuages-de-tags div#nuages_de_tags span.nuage-0 {
	font-size: 12px;
}

#principale div#page div#gauche div#nuages-de-tags div#nuages_de_tags span.nuage-1 {
	font-size: 14px;
	font-weight: bold;
}

#principale div#page div#gauche div#nuages-de-tags div#nuages_de_tags span.nuage-2 {
	font-size: 16px;
	text-decoration: underline;
}

#principale div#page div#gauche div#nuages-de-tags div#nuages_de_tags span.nuage-3 {
	font-size: 18px;
	font-style: italic;
}

#principale div#page div#gauche div#nuages-de-tags div#nuages_de_tags span.nuage-4 {
	font-size: 24px;
	font-weight: bold;
}

