/*
webdesign par
http://le-studio-americain.com
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #f7e5a9;
	margin:0px;
	}

#col1 a{
	color: #a40c16;
	text-decoration: none;
	}
	
#col2 a{
	text-decoration: none;
	}	

#col2 a:hover, #col2 a:focus, #col1 .sommaire-contenu a:hover, #col1 .sommaire-contenu a:focus, #fiche a:hover, #fiche1 a:hover {
	color: #f7e5a9;
	background: #005084;
	text-decoration: none;
	}

h1, h2, h3 {}


	
img {margin: 0px;}

li {list-style:none;}	

ul, li {padding: 0; margin: 0; list-style-position: outside;}
	
	
.spacer { clear: both;}


	
/* =======================================================
	=> BLOCS COMMUNS
======================================================== */

#header {
	width: 920px;
	margin: 0 auto 0 auto;
	line-height: 0em;
	}

#contenu {
	width: 920px;
	margin: 0 auto 0 auto;
	}

#col1 {
	float: left;
	width: 720px;
	}


#col2 {
	float: left;
	width: 180px;
	height: 190px;
	background: #a40c16;
	padding: 10px 10px 0 10px;
	text-align: right;
	color: #f7e5a9;
	border:0px;
	}
	
#fiche1 {
	float: left;
	width: 540px;
	padding: 0 0 0 50px;
	margin: 0 0 0 0px;
	color: #000;
	font-size: 13px;
	line-height: 1.2em;
	}


#fiche {
	float: left;
	width: 540px;
	padding: 0 0 0 70px;
	margin: 70px 0 0 0px;
	color: #000;
	font-size: 13px;
	line-height: 1.2em;
	}


#fiche .fildariane {
	color: #f7e5a9;
	margin-left: 30px;
	font-size: 12px;
	height: 30px;
	}
#fiche .fildariane a{
	color: #f7e5a9;
	}
#fiche .fildariane a:hover{
	color: #f7e5a9;
	background: #005084;
	}	
		
.titrefilm{
	text-transform: uppercase;
	font-size:36px;
	margin: 40px 0 40px 0;
	padding: 0 0 0 0;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	line-height: 1em;
	}

.date {
	text-transform: uppercase;
	font-size:16px;
	margin: 20px 0 20px 0;
	text-align: right;
	}

.fiche-infos {
	text-align: right;
	font-size: 12px;
	}
	
		
.menu1 {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: bold;
	margin-top:0;
	}

.menu1 a{
	color: #f7e5a9;
	}

.menu2 {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.1em;
	color: #000;
	margin-bottom:10px;
	}
	
.menu2 a{
	color: #000;
	}

#sommaire-films {
	margin-left:20px;
	width: 700px;
	}

#sommaire-films .subMenu2 {
      background: #f7e5a9;
      margin: 0;
      padding: 0;
	  color: #000;
	  text-align: justify;
	  font-size: 12px;
	  line-height: 1.4em;
      }

.rubrique-films {
	width: 540px;
	margin: 20px 0 0 0;
	font-size: 12px;
	text-align: left;
	}

.rubrique-films img{
	float: right;
	}

.rubrique-films-texte {
	float: left;
	width: 310px;
	height: 200px;
	}

.rubrique-films h2, .titrage{
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0;
	padding:0;
	font-weight: normal;
	line-height:1em;
	text-align: left;
	}	

.contenu-film .title {margin-top:10px; color: #a40c16;}
	
.pas-titrage{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: 12px;
	margin: 0;
	padding:0;
	line-height: 1.2em;
	font-weight: normal;
	text-align: left;
	}	
	

	

.pagination {
	text-transform: uppercase;
	 font-size: 10px;
	 font-weight: bold;
	}
	
#sommaire-bas {
	width: 540px;
	height: 50px;
	margin-left: 70px;
	background: #a40c16;
	}

	
#footer {
	margin: 0px auto 0 auto;
	padding: 0px 310px 20px 70px;
	width: 540px;
	text-align: right;
	font-size: 9px;
	color: #000;
	
}

#footer a{
	color: #000;
	text-decoration: none;
	}

#footer a:hover, #footer a:focus {
	color: #f7e5a9;
	background: #005084;
	text-decoration: none;
	}

/* =======================================================
	=> AJAX sommaire
======================================================== */


.title {
	margin:0px; padding: 0px; line-height:.1em; cursor: pointer;
	}

.sommaire-contenu {
	margin-top: 20px;
	}
	
#sommaire-association {
	width: 430px;
	}

#sommaire-rendezvous {
	width: 540px; margin-left:70px;
	}

#sommaire-films {
	margin-left:20px; width: 700px;
	}

#sommaire {
      width: 650px;
      background: #f7e5a9;
      margin: 0;
      padding: 0;
	  color: #000;
	  text-align: justify;
	  font-size: 12px;
	  line-height: 1.4em;
      }

	  
.bas {
	 text-align:left;
	 margin-bottom: 40px;
	 text-transform: uppercase;
	 font-size: 10px;
	 font-weight: bold;
	 }
	
.bloc-film {
	float: left;
	width: 270px;
	padding: 0 16px 0px 0;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	}
	
.bloc-film-logo	{
	width: 200px;
	height: 200px;
	margin: 0px;
	background: #a40c16;
	}
	
.bloc-film-titre {
	width: 194px;
	height: 20px;
	padding: 3px;
	margin: 0 0 3px 0;
	text-align: left;
	color:#000;
	}	

#sommaire h2 {
	margin:2px 0 2px 0;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	}


/* =======================================================
		Habillage des formulaires
======================================================= */

.formulaire_spip { font-size: inherit; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit;  background: #f7e5a9; border-color: #000; border-width: 1px;}
.formulaire_spip .forml1 { width: 99%; font-family: inherit; font-size: inherit;  background: #000; border: 0px; color: #a40c16;}
.rechercheavancee .formulaire_spip .forml1 { width: 99%; font-family: inherit; font-size: 12px;;  background: #a40c16; border: 0px; color: #f7e5a9;}
.rechercheavancee .formulaire_recherche {width: 506px;}

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
fieldset {border-color: #000;  border-width: 1px;}
.reponse_formulaire {
	color: #f7e5a9;
	background-color: #a40c16;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 10px 10px 0;
	padding:10px;
	font-weight: normal;
	line-height:1.4em;
	text-align: left;
}
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
textarea {border-color: #000; border-width: 1px;}

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 180px; margin: 0px; font-size: .8em; }
.formulaire_recherche label { display: none; }



/* =======================================================
		Habillage des forums
======================================================= */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 0px;
	padding-top: 2px;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #000; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #a40c16; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #a40c16; }
ul ul ul .forum-message { border: 1px solid #a40c16; }
ul ul ul ul .forum-message { border: 1px solid #000; }
ul ul ul ul ul .forum-message { border: 1px solid #000; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #000; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #a40c16; }
ul ul .forum-chapo { border: none; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #a40c16; }
ul ul ul .forum-chapo { color: #f7e5a9; border: none; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #a40c16; }
ul ul ul ul .forum-chapo {color: #a40c16;  margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em;  background: #f7e5a9; }
ul ul ul ul ul .forum-chapo {color: #a40c16;  margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #f7e5a9; }
ul ul ul ul ul ul .forum-chapo {color: #a40c160; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #f7e5a9; }
ul ul ul ul ul ul ul.forum-chapo {color: #a40c16; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #f7e5a9; }