/* Styles additionnels - www.le-studio-americain.com - graphisme, webdesign, illustration @ Toulouse, France */

body {
	background: #3f3f3f;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333;
}

* {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	line-height: 1.1em;
}

a {text-decoration: none; cursor: pointer;}
a:hover {color:#FF7F00; text-decoration:none;}





/* ==============================================
				ELEMENTS GENERAUX COMMUNS
============================================== */

#header, #menu, #footer {margin-left: auto; margin-right: auto; width: 860px;}

#header {height: 160px; background: url(../images/header.gif);
	
}

#menu {
	height: 78px; background: url(../images/menu-bg.gif);
}
.menu-contenu {float:right; width: 450px; padding-top: 7px; text-align: left; text-transform:uppercase; font-size: 10px; color: #b2b2b2; line-height :1.2em;}
.menu-contenu span {color:#3f3f3f;}

#footer {
	height: 53px; background: url(../images/footer.gif) top no-repeat;
	padding-top: 7px;
	color: #b2b2b2; font-size: 10px; text-transform:uppercase; line-height: 1.4em;
}

.spacer {
  clear: both;
}



/* ==============================================
					ACCUEIL / sommaire
============================================== */

.accueil-haut, .accueil-contenu, .accueil-bas {margin-left: auto; margin-right: auto; width: 860px;}

.accueil-haut {
	height: 50px; background: url(../images/accueil-haut-bg.gif); 
	
}
.accueil-contenu {
	background: url(../images/catalogue-contenu-bg.gif);
}
.accueil-galerie {float:left;padding-left: 50px; width:750px;}
.accueil-bas {
	height: 40px; background: url(../images/accueil-bas-bg.gif);
}

.accueil-titre {font-size: 12px; text-transform: uppercase; text-align: right; float:right;
	margin-top: 20px; padding-right:460px;}
.accueil-suite{width: 380px; font-size: 11px; text-align: right; float:right;
	margin-top: 15px; padding-right:70px;}
	
.accueil-agenda {float:left;height:60px; background: url(../images/accueil-agenda-bg.gif);
	font-size: 11px;}	
.accueil-agendate {float:left; height:25px;width: 600px; text-align: left; padding-left:170px; padding-top:5px; color:#333;}
.accueil-agendetail {float:left;height:30px; width: 600px; text-align: left; padding-left:200px;  padding-top:0px;}
.accueil-agenda  {color:#b2b2b2;}	
.accueil-agenda a:hover {color:#FF7F00;}	
	
	
/* ==============================================
					CATALOGUE / rubrique-1
============================================== */

#catalogue-haut, #catalogue-contenu, #catalogue-bas {margin-left: auto; margin-right: auto; width: 860px;}

#catalogue-haut {
	height: 18px; background: url(../images/catalogue-haut-bg.gif);
}

#catalogue-contenu {
	background: url(../images/catalogue-contenu-bg.gif);
}


.catalogue-galerie { width:750px; padding-bottom: 20px;}
.catalogue-vignette {width:250px; height: 200px; float: left; background: url(../images/catalogue-vignette-bg2.gif);}
.catalogue-logo {float: left; margin-top:30px; padding-left:20px; width:210px; height:120px;}
.catalogue-titre {float:left;width:180px; padding-left: 40px; font-size: 10px; padding-top: 5px; }
.catalogue-vignette {color:#b2b2b2;}
.catalogue-vignette a:hover {color:#FF7F00; text-decoration:none;}

#catalogue-bas {
	height: 51px; background: url(../images/catalogue-bas-bg.gif);
}


/* ==============================================
					FICHE FILM / article-1
============================================== */

#film-titre, #film-txt, #film-infos, #film-footer {margin-left: auto; margin-right: auto; width: 860px;}

#film-titre {
	height: 182px; background: url(../images/film-titre-bg.gif);
}

.film-titre-left {float:left; width:509px;}
.letitre {float: right; margin-top:50px;width:400px; height: 65px;text-align: left; font-size: 19px; color: #bebebe; text-transform:uppercase;}
.realisateur {float: right; width:340px; text-align: right; font-size: 12px; color: #3f3f3f;}
.film-titre-right {float:left; width:280px; padding-top: 30px; text-align: right;}

#film-txt {
	background: url(../images/film-txt-bg.gif) repeat-y;  padding-bottom: 30px; padding-top:15px;
}

.film-txt-contenu {float: left; padding-left:190px; width: 490px; font-size:12px; text-align: justify;}

#film-infos {
	background: url(../images/film-infos-bg.gif) repeat-y;
}

.film-infos-contenu {float:left; width:350px; padding-left:270px; margin-top: 20px; padding-bottom: 10px; font-size:11px; text-align: left;}

#film-footer {
	height: 50px; background: url(../images/film-footer-bg.gif);
}

/* ==============================================
					FICHE AGENDA / article-2
============================================== */

#agenda-titre {
	margin-left: auto; margin-right: auto; width: 860px;
	height: 182px; background: url(../images/agenda-titre-bg.gif);
}
.agenda-date {float:left; width:280px; padding-top: 30px; text-align: right;}
.jour-mois{width:220px; height: 80px; margin-left:50px; text-align: center; font-size:62px;}
.heure{width:220px; margin-left:50px; margin-top:3px; text-align: center; font-size: 14px; color: #bebebe;}


/* ==============================================
					CHERCHER / navigation
============================================== */

input,textarea{background: #525252; border-style: none; color:#b2b2b2; padding-left: 10px;}

.formulaire_recherche { width: 570px; text-align: left;  font-size:12px; font-variant:small-caps;}
.formulaire_recherche label { display: none; }
.chercher-contenant {float:left;background: url(../images/chercher-bg.gif) repeat-y; font-size: 11px; }
.chercher-tags {float:left; width: 580px; text-align: left; padding-left:200px;  padding-top:0px;color: #b2b2b2; padding-bottom:20px; padding-right: 20px; text-align: justify;}
.chercher-tags a{color: #b2b2b2;}
.chercher-tags a:hover {color:#FF7F00; text-decoration:none;}