@charset "utf-8";
/* CSS Document */
/*  ------------------------------------------
/*  style de travail - a supprimer
/*  ------------------------------------------ */
.X {
	color: #FFFFFF;
	text-decoration: underline ;
	background-color: #FF0000;
}

.style1 {
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;

}


/*  ------------------------------------------ */
/*  Correction des styles HTML par defaut */
/*  ------------------------------------------ */
* {
	margin: 0; 
	padding: 0; 
	border-width : 0px;
	color:#000000;
}

div {/*
	border-width : thin;
	border-style:solid;
	*/
}
body {
	background: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	text-align: left;
}



h1, h2, h3, h4, h5, h6 { }

a:link {
	color:#000000;
	text-decoration: underline;

}
a:visited {
	color: #574b38;
	text-decoration:underline;
}

a:hover {
	color:#8a6b3c;

}

a:active {
	color:red;
}

/*  ------------------------------------------ */
/*  Correction des styles SPIP par defaut */
/*  ------------------------------------------ */

p.spip {
	margin-top:1em;
}

h3.spip {
	font-weight:bold;
	font-size:14px;
	margin-top:1.5em;
}

/* ------------------------------------------- */
/* DIV des blocs principaux
/*  ------------------------------------------
/*  Global
/*  ------------------------------------------ */

div#page {
	width: 842px;
	
	margin-left: auto;
	margin-right: auto;
	background: beige;
	position:relative;
	min-height : 596px;	
	
}

/*  ##########################################	*/
/*  En tête										*/
/*  ########################################## 	*/

div#enteteLardux {
	width:842px;
	height:100px;
	background-color: #222222;
}

#enteteLardux a {
	width: 842px ;
	height: 100px ;
	display: block ;
	position: relative ;
	text-indent: -5000px ;
}
#enteteLardux .enteteGeneral {
	background: url(../images/bandeauentete.jpg) no-repeat ;
}


/*  ##########################################	*/
/*  le bloc entre l'entete et le pied de  page	*/
/*  ########################################## 	*/

div#milieu {
	/*background-color: beige;*/
	position : relative;
	background-image: url(../images/fond_base.jpg);
}

/*  ------------------------------------------*/
/*  colonne de menus */
/*  ------------------------------------------ */

div#navigationRubriques {
	width:150px;
	padding-top: 0px;
	/*background-color: aquamarine;*/
	position:absolute;
	top :0px;
	left : 0;
	bottom : 0px;
}

div#navigationRubriques  img{

	display:block;
}

/*  ------------------------------------------*/
/*  bloc central - haut (tri et recherche)    */
/*  ------------------------------------------ */
div#tri {
	height:55px;
	width:692px;
	position:relative;
	left:150px;


}

div#tri a {
	background:none;
	color:#FFFFFF;
	
}

.recherche {
	height:55px;
	width:220px;
	float:right;
	overflow:hidden;

	line-height: 10px;	
}

.trifiches {
	width:450px;
	border : 1px inset beige;
	padding : 2px 5px;
	background-color: black;
	font-size:x-small;	 
}
.trifiches span{
	color: #FFFFFF;	
}

/*  ------------------------------------------	*/
/*  bloc central - (contenu)    				*/
/*  ------------------------------------------ 	*/
/* l'ensemble de la partie 'fiche' -----------  */
div#contenu {
	width:692px;
	position:relative;
	left : 150px;
	min-height:460px;
	/*background-color: lavenderblush;*/
}

/* la partie droite (photos, collage, VOD... ---- */
div#cadreFicheDroite{
	width:200px;
	height:380px;
	float:right;
	position:relative;
	padding:25px 20px 0px 00px;
}
div#cadreFicheDroite .illustration_basse{
	bottom:0px;
	position:absolute;
}
div#cadreFicheDroite .illustration {

}
div#cadreFicheDroite .accroche{
	font-size:small;
	font-weight:bold;
	color:#000000;
	margin-bottom:15px;
}
div#cadreFicheDroite .accrochetexte{
	font-size:small;
	font-weight: normal;
}

 a.lienFiche:link {
	background:none;

}
 a.lienFiche:visited {
	background:none;

}

div.navigationFilm {
	text-align:right;
	padding-top:15px;
	float:right;
}

div#cadreFicheDroite .liensbasdefiche {
	margin: 15px 0px 20px 20px;
	background:url(../images/main.gif) left no-repeat;
	padding-left:32px;
	width:auto;
}
div#cadreFicheDroite .liensbasdefiche a:link {
	color:#b42225;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:small;
	background:none;	
}

div#cadreFicheDroite .liensbasdefiche a:visited {
	color:#b42225;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:small;
	background:none;	
}

/* la partie centrale(utile ? -> si autre layout) */
div#cadreFichePrincipale {
}

/* le bandeu titre --------------------- */
div#cadreFichePrincipale .bandeauH {
	/*height:30px;*/
	margin-bottom:0px;
	width:472px;
	/*overflow:auto;*/
	/*background-color: orange;*/
}


div#cadreFichePrincipale .bandeauH  .vignetteFiche {
	float:right;
	padding-right:10px;
	padding-top:5px;
}


div#cadreFichePrincipale .bandeauH a {
	background:none;
	color:#bc2e2f;
	text-decoration:none;
	

}

div#cadreFichePrincipale .titre {
	color:#bc2e2f;
	font-size:30px;
	text-transform:uppercase;	
}

/* l'image verticale ------------------ */
div#cadreFichePrincipale .bandeauV {
	width:50px;
	height:395px;
	float:left;
	/*background-color: tomato;*/
	position:absolute;
	/*top:30px;*/
	left:0;
	padding-top:10px;
}
/* le principal ! ----largeur totale : 422---------- */
div#cadreFichePrincipale .texteFiche {
	position:relative;
	top:0px;
	left:50px;
	padding:0px 15px 0px 15px ;
	width:392px;
	text-align:justify;
	/*background-color: tomato;*/
}

div#cadreFichePrincipale .texteFiche p{
}

div#cadreFichePrincipale .secondaire {
	padding:10px 15px 0px 65px;
	width:342px;
}

div#cadreFichePrincipale .secondaire .accrochevod {
	float : right;
	margin-left:15px;

}

/* les liens vers les pdf et la fiche principale */
div#cadreFichePrincipale .liensbasdefiche {
	margin: 15px 0px 0px 120px;
	background:url(../images/main.gif) left no-repeat;
	padding-left:32px;
	width:auto;
}

div#cadreFichePrincipale .liensbasdefiche a:link {
	color:#b42225;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:small;
	background:none;	
}

div#cadreFichePrincipale .liensbasdefiche a:visited {
	color:#b42225;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:small;
	background:none;	
}

/*  ##########################################	*/
/*  pied de page							    */
/*  ##########################################	*/


div#pied {
	padding-top:0px;
	width : 842px;
	height:62px;
	/*background-color: yellow;*/
	background-image: url(../images/fondpieddepage.jpg);
	background-position:bottom;
}
div#pied .lignesup {
	font-size:small;
	font-weight:bold;
	text-align:center;	
}
div#pied .lignesup a {
	color:#b42225;
	font-weight:bold;
}
div#pied .ligneinf {
	padding-top:10px;
	font-size:small;
	font-weight:bold;
	text-align:center;	
}
/*div#pied .ligneinf a {
	color:black;
}*/
div#pied .espaceur {
	width:50px;
	height:10px;
}


/*  ##########################################	*/
/*  typo diverses							    */
/*  ##########################################	*/



/*  ##########################################	*/
/*  filets images							    */
/*  ##########################################	*/
.filet_contact {
	padding-top:30px;
	width: 220px ;
	height: 14px ;
	display: block ;
	background: url(../images/mains_contact.gif) no-repeat ;
	background-position:10px bottom ;
	position: relative ;
	text-indent: -5000px ;

}
.texte_contact {
	font-size:smaller;
	font-weight:bold;
	position:relative;
	left:40px;
}


/*  ##########################################	*/
/*  mini fiches	et classement				    */
/*  ##########################################	*/
.classement {
	width:auto;
	border : 1px inset beige;
	padding : 2px 5px;
	background-color: black;
	color: #FFFFFF;	
	font-size : small;
	text-align:right;

	
}
.classement a{
background:none;
color:#FFFFFF;
}
.classement a img{
	vertical-align:middle;
}
.deftri {
	text-align:right;
	font-size:small;
	font-weight:bold;
	}
.tableMiniFiche {
	/*height:100px;*/
	margin-top: 10px;
	border:1px inset beige;
	padding:5px;
	overflow: auto;
	width: 100%;
	/*position:relative;*/

}



div.tableMiniFiche .vignetteMiniFiche {
	width: 72px;
	/*height:100px;*/
	float:left;
	margin-right:5px;

}
div.tableMiniFiche .vignetteMiniFiche .prix {
	font-size:20px;
	font:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	color:#bc2e2f;
	}
.texteMinifiche{
	padding:0px 10px;
	/*min-height:100px;
	height:100px;*/
	/*background-color: darkorchid;*/
	overflow: hidden;
	font-size:10px;
	/*position:absolute;
	left: 80px;*/
}
.texteMinifiche .titreMinifiche{
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:black;
}
.texteMinifiche .minificheLiens{
	float:right;
	text-align:right;
	/*position:absolute;
	right:10px;
	bottom:0px;
	height:15px;
	width:auto;*/
	/*background-color: #CCDDaa;*/
	font-size:10px;
}
.texteMinifiche .surtitre {
	font-family:"Times New Roman", Times, serif;
	color:#fe0f02;
	text-transform:uppercase;
	font-size:10px;
}
div.tableMiniFiche .clearmoica {/*clear: both*/}


/*  ##########################################	*/
/*   fiches	film  et mini fichesVOD				    */
/*  ##########################################	*/

div.FicheaccesVOD {
	float:right;

}


/*  ##########################################	*/
/*   fiches	film				    */
/*  ##########################################	*/


div#ficheFilm .surtitre {
	font-family:"Times New Roman", Times, serif;
	color:#fe0f02;
	text-transform:uppercase;
	text-align:center;
	font-size:small;
	margin-bottom:15px;
}

div#ficheFilm .soustitre {
	font-family:	Arial, Helvetica, sans-serif;
	color:#bc2e2f;
	text-align:center;
	font-size:	medium;
	margin-bottom:15px;
	font-weight:bold;
}

div#ficheFilm  .filetFiche {
	text-align:center;
	display:block;
	width:auto;
	margin-top:20px;
	color:#bc2e2f;
	font-size:medium;
	font-weight:bold;
	/*background-color: darkorchid;
	border:thin solid;*/


}

/*  ##########################################	*/
/*   pola galerie photo	, extrait					    */
/*  ##########################################	*/

div.texteFiche .polaTop {
	width:100px;
	height:8px;
	padding:0px 6px 0px 5px;	
	margin:0px 5px;
	background-image:url(../images/fondpola_top.jpg);
}
div.texteFiche .polaCentre {
	width:100px;
	padding:0px 6px 0px 5px;
	margin:0px 5px;
	background-image:url(../images/fondpola_centre.jpg);
}

div.texteFiche .polaDescriptif {
	width:100px;
	padding:2px 6px 0px 5px;
	margin:0px 5px;
	background-image:url(../images/fondpola_descriptif.jpg);
}



div.texteFiche .polaBottom {
	width:100px;
	height:7px;
	padding:0px 6px 0px 5px;
	margin:0px 5px;
	background-image:url(../images/fondpola_bas.jpg);
	background-position:bottom;
}



/*  ##########################################	*/
/*    divers   				    */
/*  ##########################################	*/


/*  ##########################################	*/
/*    Livre d'or   				    */
/*  ##########################################	*/
div.LOmessage {
	margin-top: 10px;
	border:1px inset beige;
	padding:10px;
	overflow: auto;
	width: 90%;
	background-image: url(../images/fondboutonrecherche.jpg);
}
div.LOtitreMessage {
	font-weight:bold;
	font-size:medium;
}
div.LOdateMessage {
	font-size:x-small;
	/*background-color: darkorchid;*/
}
div.LOtexteMessage {

}



/*  ##########################################	*/
/*    recherche   				    */
/*  ##########################################	*/
.formulaire_rechercheLardux {
	/*border-style:solid;
	border-width:thin;*/
	/*background-color: pink;*/
	position:relative;
	height:30px;
	padding-top:0px;

	}
.formulaire_rechercheLardux  .forml {
	border-style:inset;
	border-width:thin;
	height:25px;
	background-image: url(../images/fondboutonrecherche.jpg);
	font-size:16px;
}
.formulaire_rechercheLardux  .formlbut {
	width:30px; 
	height:30px;
	bottom:1px;
	right:10px;
	position:absolute;
	/*border-style:outset;
	border-width:thin;*/
}

h2.rubriquerecherche {
	font-weight:bold;
	font-size:medium;
	padding-left:33px;
	background-image:url(../images/main.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-top:15px;
	position:relative;
	left:-33px;
}
                        	
h3.titrerecherche {

	font-weight:bold;
	margin-top:10px;
	}
p.descriptionrecherche {
	margin-top:0em;
	font-size:x-small;
	
	}


	
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left;

width:350px; }
.formulaire_spip p { }

.formulaire_spip fieldset {

	width:350px;
	margin-top: 10px;
	padding:5px ;
	border-color:black;	
	border-style:solid;	
	border-width:thin;
	}
.formulaire_spip legend {padding-left:5px;}

.formulaire_spip label {font-size: small; font-weight: bold;}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; border-style:outset; border-width:thin;background-image: url(../images/fondboutonrecherche.jpg);}

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* 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: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

.forum-repondre-message {
	 
	/*margin: 15px 0px 0px 120px;*/
	/*background:url(../images/main.gif) left no-repeat;*/
	padding-left:32px;
	padding-top:10px;
	width:auto;
}
.forum-repondre-message a:link {
	color:#b42225;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:medium;
	background:none;	
}

div.forum-repondre-message  a:visited {
	color:#b42225;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:medium;
	background:none;	
}