/*
 * CSS Le Colimacon
 * Simon
 * 2007-08-25
*/

body {
	margin:14px auto 20px;
	background:#c0c7c0;
}

.suite {
	display:block;
	padding:0;
	text-align:right;
	color:#ce161c;
	clear:both;
}


.highlight {
	color:#ce161c;
}


p.retour,
p.precedent,
p.suivant {
	margin-top:10px;
}
p.precedent,
p.suivant {
	float:right;
	margin-left:4px;
}

p.retour a,
p.precedent a,
p.suivant a {
	padding:0 2px;
	background:#cb191f url("../images/boutons/actions.gif") top left repeat-y;
	color:#fff;
	font-size:0.9em;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	border:1px solid #cb191f;
}

a.thickbox img {
	border:2px solid #fff;
}
a.thickbox:hover img {
	border:2px solid #f00;
}

#wrapper {
	width:960px;
	border:5px solid #fff;
	margin:0 auto 0 auto;
	background: #fff url(../images/tuiles/tuile_wrapper.gif) left repeat-y;
}

/*------------------------------------------------ ENTETE ------------------------------------------------*/

#nav_haut {
	width:970px;
	margin:0 auto 0 auto;
}

#nav_haut a {
	float:right;
	position:relative;
	margin-left:3px;
	text-decoration:none;
	background:#FFFFFF url(../images/boutons/nav_haut/gauche.gif) no-repeat top right;
}

#nav_haut a span {
	display:block;
	padding:4px 7px;
	color:#777;
	font:11px/13px Verdana, Arial, sans-serif;
}
#nav_haut a:hover span,
#nav_haut a.selected span {
	color:#CB191F;
}

#nav_haut a  img {
	position:absolute;
	top:0;
	left:0;
	border:0;
}

#entete {
	height:105px;
	background:#000 url(../images/tuiles/entete.gif) top right no-repeat;
	border-bottom:5px solid #fff;
}

#navigation {
	float:right;
	margin:40px 20px 0 0; /*IE6 Bug*/
	position:relative;
}

#navigation .primaire a {
	display:block;
	float:left;
}

#navigation .secondaire {
	margin-top:30px;
	clear:left;
	color:#ccc;
	padding:2px;
	
}
#navigation .secondaire a {
	color:#000;
	font-size:1em;
	text-decoration:none;
	background-color:#fff;
	padding:2px 4px;
}
#navigation .secondaire a:hover,
#navigation .secondaire a.selected {
	color:#cb191f;
}

#pointeur {
	position:absolute;
	top:20px;
	left:0;
	display:none;
}

/*------------------------------------------------ COLONNE GAUCHE ------------------------------------------------*/

#colonne_gauche {
	float:left;
	width:427px;
	height:658px;
	background:#240000 url(../images/photos/col_Illust.jpg) top left no-repeat;
}

#colonne_gauche .contenu {
	margin-left:152px;
	padding:6px 16px 0 0;
}

#colonne_gauche .contenu .texte {
	color:#fff;
	padding:0 0 0 19px;
	font-size:1em;
}

#colonne_gauche .contenu .texte_seul {
	color:#fff;
	padding:30px 0 0 19px;
	font-size:1em;
}

#colonne_gauche .contenu h3 {
	color:#fff;
}
#colonne_gauche .contenu h5 {
	color:#fff;
}


#colonne_gauche .contenu .texte a:hover,
#colonne_gauche .contenu .texte_seul a:hover {
	color:#000;
	background:#fff;
}

/*------------------------------------------------ COLONNE DROITE ------------------------------------------------*/

#colonne_droite {
	float:right;
	width:528px;
}


#colonne_droite .contenu {
	margin-left;5px;
	padding:16px;
}

#colonne_droite .contenu_2_colonnes {
}

#colonne_droite .contenu_2_colonnes_gauche {
	float:left;
	width:264px;
}
#colonne_droite .contenu_2_colonnes_gauche .contenu {
	margin:0 5px 0 0;
	padding:0;
}

#colonne_droite .contenu_2_colonnes_droite {
	float:right;
	width:264px;
}

#colonne_droite .contenu_2_colonnes_droite .contenu {
	margin:0 0 0 5px;
	padding:5px;
	background:#f0eeec url("../images/tuiles/intro_contenu.gif") top left repeat-x;
}


.un_instant {
	position:relative;
}
.un_instant div {
	position:absolute;
	width:75px;
	padding:5px 10px;
	z-index:10;
	top:40px;
	right:0;
}


/*------------------------------------------------ ACCUEIL ------------------------------------------------*/

#accueil .contenu_2_colonnes_gauche .contenu {
	padding:12px;
}
#accueil .contenu_2_colonnes_gauche .contenu_deux,
#accueil .contenu_2_colonnes_droite .contenu_deux{
	padding:12px 20px;
}
#accueil .contenu_2_colonnes_gauche .texte {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #e0dedc;
}
#accueil .contenu_2_colonnes_gauche .texte ol {
	margin-left:5px;
}
#accueil .contenu_2_colonnes_gauche .texte ol li,
#accueil .contenu_2_colonnes_droite .texte ol li {
	margin-bottom:6px;
	line-height:1.18em;
}
#accueil .contenu_2_colonnes_gauche .texte span.realisateur,
#accueil .contenu_2_colonnes_droite .texte span.realisateur {
	color:#777;
}

#accueil .film {
	padding:4px 8px 8px;
	height:19em;
}

#accueil .musique {
	margin:5px 0;
	padding:11px;
	height:19em;
}

.film .thumbnail,
.musique .thumbnail {
	display: block;
	float:left;
	margin:0 6px 4px 0;
}
.film .thumbnail img,
.musique .thumbnail img {
	border:1px solid #fff;
}

#accueil .film .intro,
#accueil .musique .intro {
	padding-top:8px;
}

#accueil .film .titre a,
#accueil .musique .titre a {
	color:#000;
	text-decoration:none;
}


#accueil .actions {
	height:28px;
	background:#f0eeec url("../images/tuiles/actions.gif") top right repeat-y;
	position:relative;
}

#accueil .actions a {
	position:absolute;
	top:6px;
	background:#cb191f url("../images/boutons/actions.gif") top left repeat-y;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	border:1px solid #cb191f;
	height:14px;
}
#accueil .actions a.precedent {
	left:11px;
	width:71px;
	
}
#accueil .actions a.suivant {
	left:188px;
	width:55px;
}

#accueil .delasemaine {
	margin:0 0 5px;
	background:#fff url(../images/tuiles/delasemaine_bg.jpg) repeat-x;
	padding:15px 12px;
	position:relative;
	font-style: italic;

}
#accueil .delasemaine h3 a {
	text-decoration:underline;
}

#accueil .un_instant div {
	background:#f5f3dd;
}

/*------------------------------------------------ CHOUCHOUS ------------------------------------------------*/

a.lien {
	margin:0 8px 5px 0;
	width:217px;
	height:11em;
	padding:8px;
	color:#000;
	text-decoration:none;
	float:left;

}
a.lien:hover {
	border:1px solid #ccc;
	background:#f6f6f6;
	padding:7px;
}

a.lien_realisateur {
	height:4em;
}

.film .thumbnail img.fondpale,
.musique .thumbnail img.fondpale {
	border:1px solid #aaa;
	border-top-color:#ddd;
	border-left-color:#ddd;
}

.film_detail,
.realisateur_detail {
	margin-top:20px;
	line-height:1.6em;
}
.film_detail strong,
.realisateur_detail strong {
	color:#e6e4a4;
}

.film_detail .thumbnail {
	float:none;
	margin-bottom:10px;
}


ul.films_relies {
	margin:20px 0;
	list-style-type:none;
}

.prec_suiv {
	margin-top:4px;
	height:2em;
	background-color:#f3f2f0;
	padding:0.5em;
}

#films_prec, #films_suiv,
#realisateurs_prec, #realisateurs_suiv,
#film_prec, #film_suiv,
#musiques_prec, #musiques_suiv,
#musique_prec, #musique_suiv {
	float:left;
}
#films_suiv,
#realisateurs_suiv,
#film_suiv,
#musiques_suiv,
#musique_suiv {
	float:right;
}

#films_pages,
#film_pages {
	float:left;
	margin-left:100px;
	margin-top:3px;
	width:280px;
	text-align:center;
	color:#777;
}

.prec_suiv_chouchous .un_instant div {
	background:#ffc;
}

/*------------------------------------------------ SORTIES ------------------------------------------------*/

.sorties {
	/*overflow: auto;
	height:558px;*/	/* 658-52-32*/
}

.sorties h3 {
	padding:0 0 8px 0;
	clear:both;
}

.sorties div.films {
	float:left;
	width:440px;
}
.sorties div.film {
	margin-bottom:8px;
	line-height:1.21em;
}

.sorties  span.date_sortie {
	clear:left;
	float:left;
	width:50px;
	font:normal 3em/1.1em Georgia, 'Times New Roman', Times, serif;
	color:#ddd;
}

.sorties span.realisateur {
	color:#999;
}
/*------------------------------------------------ SELECTIONS ------------------------------------------------*/

#colonne_droite .selections {
	padding-top:0;
	/*overflow: auto;
	height:558px;*/	/* 658-52-32*/
}

.selections h3 {
	font-size:5em;
	line-height:1.2em;
	display:inline;
}

.selections h4 {
	font-size:1.8em;
	line-height:1em;
	color:#000;
	text-transform:none;
	font-weight:normal;
	position:relative;

}
.selections h4 span {
	position:absolute;
	top:-2.2em;
	left:2.9em;
}

.selections a.listetop10 {
	display:block;
	width:479px;
	padding:6px;
	background: url(../images/tuiles/tuile_selection.jpg) top left repeat-y;
	text-decoration:none;
	margin-top:1px;
}
.selections a.listetop10 span.puce {
	display:block;
	width:16px;
	float:left;
	background: url(../images/puces/fleche_off.gif) top left no-repeat;
}
.selections a.in {
	color:#000;
	font-weight:bold;
}

.selections a.in span.puce {
	background-image:url(../images/puces/fleche_in.gif)
}

.selections div.listetop10 {
	background-color:#f0eeec;
	margin:1px 5px 0 0;
	padding:10px 28px;
}

.selections div.listetop10 div {
	margin-bottom:6px;
	line-height:1.21em;
}
.selections div.listetop10 div span.date {
	color:#999;
}
.selections div.listetop10 div span.realisateur {
	color:#999;
}

.selections form {
	margin:20px 0 0;
	padding:15px 0;
	background:transparent url(../images/tuiles/tuile_cmpt.gif) center top repeat-y;
}

.selections form input {
	border:1px solid #999;
	padding:4px;
	font-size:1em;
	color:#999;

}
.selections form input.texte {
	width:210px;
	padding:5px;
}

.selections #pages,
.selections .erreur { 
	margin:20px 0;
	padding:10px 5px;
	background-color:#f6f6f6;
}
.selections #pages a.selected {
	color:#000;
	font-weight:bold;
}

.selections #expression {
	margin-right:8px;
}

.selections #lab_expression {
	display:block;
	font-size:1.08em;
	padding:0 0 6px;
}

.selections .recherche_note {
	color:#999;
	padding:0;
	font-size:0.917em;
}

/*------------------------------------------------ NOUVELLES ------------------------------------------------*/

.nouvelles {
	/*overflow: auto;
	height:558px;*/	/* 658-52-32*/
}

.nouvelles h3 {
	margin:0;
}
.nouvelles h3 a {
	text-decoration:underline;
}

.nouvelles .texte {
	margin-bottom:10px;
}

#titre_curiosites {
	background:transparent none left top no-repeat;
	padding:20px 0 20px 10px;
	margin:0;
}

#colonne_droite .nouvelles_curiosites {
	padding:0;
	padding-right:0;
}

#nouvellescategories {
	float:right;
	width:140px;
	padding:70px 0 20px 0px;
	background:#fff url(/images/tuiles/tuile_curiosites_nav.jpg) right top no-repeat;
}

#nouvellescategories ul {
	margin:0;
	padding:0;
}
#nouvellescategories ul li {
	display:inline;
}
#nouvellescategories ul li a {
	display:block;
	padding:4px 5px 4px 15px;
	margin-bottom:2px;
	color:#000;
	line-height:1.091em;
}
#nouvellescategories ul li a:hover,
#nouvellescategories ul li.selected a {
	background:transparent url(../images/puces/fleche-sous-nav.gif) 5px 7px no-repeat;
}
#nouvellescategories ul li.selected a {
	color:#ce161c;
}

.page_curiosites {
	float:left;
	width:348px;
	padding:10px 0 20px 10px;
}

.page_curiosites a {
	color:#000;
}
.page_curiosites a:hover {
	color:#ce161c;
}


#liste_curiosites {
	padding:0 10px;
	width:348px;
}

#liste_curiosites .categorie_nom {
	text-decoration:none;
	color:#999;
	text-transform:uppercase;
	font-size:0.917em;
}

#liste_curiosites h2.categorie_nom {
	font-weight:normal;
	margin:0 0 1em;
	
}

#liste_curiosites p {
	padding:0;
}
#liste_curiosites div.texte {
	padding:0 0 1.5em;
	line-height:1.455em;
	text-align:justify;
}

.page_total_curiosites {
	float:right;
	color:#999;
}

/*------------------------------------------------ MUSIQUE ------------------------------------------------*/

a.musique {
	height:7em;
}


.musique_detail {
	margin-top:20px;
	line-height:1.6em;
}
.musique_detail strong {
	color:#e6e4a4;
}

.musique_detail .thumbnail {
	float:none;
	margin-bottom:10px;
}

#musiques_pages,
#musique_pages {
	float:left;
	margin-left:100px;
	margin-top:3px;
	width:280px;
	text-align:center;
	color:#777;
}

.prec_suiv_critiques .un_instant div {
	background:#ffc;
}

/*------------------------------------------------ CONTACTS ------------------------------------------------*/

#map {
	width:496px;
	height:250px;
	margin-bottom:30px;
}
#adresse {
	display:none;
}


/*------------------------------------------------ BAS ------------------------------------------------*/
#bas {
	clear:both;
	padding:5px 16px;
	border-top:5px solid #fff;
	background-color:#000;
	color:#fff;
	font-size:0.9em;
	line-height:1em;
}

#bas img {
	float:left;
	margin-right:5px;
	margin-top:-2px;
}
#bas a {
	color:#fff;
}

/*------------------------------------------------ OUTILS ------------------------------------------------*/
.boutonHover a:hover {
	background:transparent;
}

.boutonHover a .over {
	position:absolute;
	visibility:hidden;
}

.boutonHover a:hover .over, .boutonHover a.selected .over {
	visibility:visible;
}

.banniere {
	padding:20px 0 0 60px;
	clear:both;
}

/*------------------------------------------------ POPUP ------------------------------------------------*/
body.popup {
	margin:10px;
	background:#fff;
}

.popup p {
	margin:2px 0;
}
.popup a {
	color:#000;
	text-decoration:underline;
}
.popup a:hover {
	color:#333;
}