/*
CSS Daïfilms
Réalisation www.jmtconseils.com
*/

html
{
	margin:0px;
	padding:0px;
}

body {
padding:0;
text-align: center;
background-image: url(http://www.daifilms.com/image/main-bg.jpg);
background-repeat: repeat-x;
background: #A4BBC9; 
font-family: Verdana, Helvetica, Arial;
font-size: 12px;
color: #555;}


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
	width: 907px;/*48em;*/
	text-align: left;
	background-color:white;
	border: 1px solid black;
}




#gauche {
background-color: white;
width:100%;
float:left;
}

#bande-menu {
background-color: yellow;
width:20px;
height:270px;
float:right;
}

#contenu {
background-color: white;
width:710px;
height: 100%;
float:right;
}

#droite {
background-color: white;
width:1px;
height:355px;
float:right;
}

.spacer {clear:both;}

/*  ------------
/*  CSS spécifique sommaire
/*  -------------- */
#entete-sommaire { width: 907px;  height:150px;  margin-bottom: 3px; }
#titre-sommaire { 
/*width: 907px;*/ 
margin-top: 10px; text-align: center;}

.titre1 {
font-size: 19px;
font-family: Verdana, Tahoma, Arial;
color: #252F42;
line-height: 20px;
margin-bottom: 5px;
}

#contenu2 {
width:885px;
height: 100%;
float:right;
margin-top: 10px;
}

#contenu3 {
width:295px;
height: 100%;
float:right;
margin-top: 50px;
margin-right: 10px;
text-align: right;
}

#contenu4  {   font-size: 12px; margin-top: 150px }

#lddc{
width:275px;
height: 175px;
position:absolute; top: 206px; left:27px;  z-index: 10;
background-image: url(http://www.daifilms.com/image/home-lddc.gif);
}

.pave-sommaire {
width: 375px; margin-top: 10px; 
margin-right: 30px;
height: 185px;
float: left;
background-color: #EAEDF0; 
padding: 2px 3px ; 
border: 1px solid silver;
background: transparent url(http://www.daifilms.com/image/fond-cadre-sommaire.jpg) left center no-repeat;
}

.titre22 {
font-weight: bold;
font-size: 17px;
letter-spacing : 2px;
background: transparent url(http://www.daifilms.com/image/puce1-on.gif) left center no-repeat;
text-indent: 20px;
 color: #C40004;
}

#navlist-som li { margin: 0 0 10px 0; }

#navlist-som
{
margin-left: 5px;
padding-left: 0;
list-style: none;
}

#navlist-som li a { text-decoration: none;
font-weight: bold;
/* color: #C40004;*/
}

#navlist-som li a { text-decoration: none; }
/*#navlist-som li a:link { color: #C40004; }*/
#navlist-som li a:hover {color: #C40004;
 }
 
 .dai{ 
color: #C40004;
}



/* Entete */
#entete { width: 907px; background-color: white; height:144px; border-bottom: 2px solid #334163; margin-bottom: 3px}
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; }

#logo {position:absolute; top: 10px; left:12px; width:256px; height:115px; z-index:1;
background-image: url(http://www.daifilms.com/image/logo.jpg);  }

#entete-top {
float: right;
text-indent: 50px;
font-size: 10px;
padding-top: 3px;
width:574px;
height:20px;
background-image: url(http://www.daifilms.com/image/bande-entete-top.jpg);}

#menu-horizontal {
position:absolute; top: 114px; left:50px; z-index:10;
width: 830px;
height:20px; }

#menu-image {
float: right;
width: 574px;
height: 89px;
}

/* Zone Recherche */

            /* Barre de recherche  */
div.rechMenu  {      
position:absolute; top: 1px; left:725px;
width:180px; 
 

height:15px;} 

input.input { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B; background-color: white; border: 1px solid #5B5B5B; width:150px; }
input.inputok { font: 10px Verdana, Arial, Helvetica, sans-serif;color: #FFF;background-color: #334163; border: 1px solid #CBCBCB; margin-left:1px; width:22px;}
form.recherche { margin-bottom : 0px; height:25px; width:180px; }  
            /* Fin Barre de recherche  */ 


/*
/* Menu Horizontal
*/
#menu-horizontal ul
{
/*display: inline;
list-style-type: none;
padding-right: 20px;*/
list-style-type: none;
text-align: left;

/*white-space: nowrap;*/

}

#menu-horizontal li
{
display: inline;     /* Mets en menu horizontal */
list-style-type: none;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, ;
	font-size: 14px;
	letter-spacing : 2px;
	padding: 0px 0px 0px 15px;  /* Espacement entre les liens */
}

#menu-horizontal a
{
padding: 0px 0px 0px 18px;  /* Espacement puce texte*/

background-color: #999;
background: transparent url(http://www.daifilms.com/image/puce1-off.gif) left center no-repeat;
}

#menu-horizontal a:link, #navlist a:visited
{
color:#C40004;
text-decoration: none;
}

#menu-horizontal a:hover
{

background-color: #FF6600;
background: transparent url(http://www.daifilms.com/image/puce1-on.gif) left center no-repeat;
color:  #C40004;
}

#menu-horizontal a:link, #active a:visited, #active a:hover
{

background-color: #FF6600;
background: transparent url(http://www.daifilms.com/image/puce1-on.gif) left center no-repeat;
color: #333;
}


/*
/* Menu Vertical
*/

#titre-sec {
text-align: center;}


#navlist li { margin: 0 0 20px 0; }

#navlist
{
margin-left: 5px;
padding-left: 0;
list-style: none;

}



#navlist li a { text-decoration: none;
font-weight: bold;
 color: #C40004;
}

#navlist li a { text-decoration: none; }
#navlist li a:link { color: #C40004; }
#navlist li a:hover {color: #C40004;
 }

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 16px;
	margin-left: 3px;
	font-size: 10px; }


/*
/* Page article 
*/
#images-film {
margin-left:10px;
width: 140px;
float:left;
}

#images-film img {
margin-bottom:10px;
}

#fiche-technique {
margin-left:30px;
width: 500px;
float:left;
/*border: 1px solid silver;*/
}

.synopsis, .Title  { 
font-weight: bold;
color: #C40004;
float:left;
}

.bord-synopsis {
background-color: #EAEDF0; 
padding: 2px 3px ; 
border: 1px solid silver;
}

/*
/* Pages Rubriques -
*/

div.liste-films-deux {
width: 347px; margin-bottom: 5px; 
margin-right: 5px;
/*height: 190px;*/
float: left;
/*background-color: #EAEDF0; */
/*padding: 0px 3px ;
border: 1px solid silver; */
}
div.liste-films-top {
width: 230px; margin-bottom: 5px; 
margin-right: 5px;
/*height: 190px;*/
float: left;
/*background-color: #EAEDF0; */
/*padding: 0px 3px ;
border: 1px solid silver; */
}

div.liste-films {
width: 230px; margin-bottom: 10px; 
margin-right: 30px;
/*height: 190px;*/
float: left;
/*background-color: #EAEDF0; */
/*padding: 0px 3px ;
border: 1px solid silver; */
}

div.margin{
margin-left: 90px;
}


.liste-films a {text-decoration: none;
font-weight: bold;
/*font-family: Arial, Verdana, Helvetica, ;
font-size: 14px;
color: #7E839A;
text-transform:uppercase;*/
font-weight: bold;
color: #C40004;
line-height: 25px;
}

.liste-films a:link,  .liste-films a:visited{ color: #C40004; }
.liste-films a:hover {color: #555;}

#navlist-rubrique
{
margin-left: 30px;
padding-left: 0;
list-style: none;
}

#navlist-rubrique img {
margin-right:10px;
}

#navlist-rubrique li a { text-decoration: none;
font-weight: bold;
font-size: 17px;
color: #7E839A;
text-transform:uppercase;
}

/* Page contact */
#contact-gauche {
width: 275px;  
margin-right: 40px;
/*height: 190px;*/
float: left;
background-color: #EAEDF0; 
padding: 4px 3px ; 
border: 1px solid silver;
}

#contact-droit {
width: 275px;  
float: left;
background-color: #EAEDF0; 
padding: 4px 3px ; 
border: 1px solid silver;
}

#contact-lien {
width: 500px;  
float: left;
margin-top: 60px;
}

#vincent {position:absolute; top: 180px; left:760px; width:92px; height:140px; z-index: 1;
background-image: url(http://www.daifilms.com/image/vincent-martorana.jpg);  }

#signes-de-vie,#sicile,#faux-frere,#ragazzi {
position: absolute;
width:140px; height:89px;
}

/*#signes-de-vie { top: 550px; left:720px;  z-index: 100;
background-image: url(http://www.daifilms.com/image/cv-signes-de-vie.jpg);  }

#sicile {top: 650px; left:720px; z-index: 10;
background-image: url(http://www.daifilms.com/image/cv-sicile.jpg);  }

#faux-frere { top: 850px; left:610px; z-index: 100;
background-image: url(http://www.daifilms.com/image/cv-faux-freres.jpg);  }

#ragazzi { top: 950px; left:610px; z-index: 10;
background-image: url(http://www.daifilms.com/image/cv-ragazzi.jpg);  }*/

#info-film {
position: absolute;
top: 0em;
left: 0em;
/*width: 10em;*/
}



#info-film dd {
font-size: 10px;
position: absolute;
z-index: 100;
left: 0px;
margin-top: -1.4em;
width: 190px;
background-color: #EAEDF0; 
padding: 2px 3px ; 
border: 1px solid silver;
}


#film-info1 {
z-index: 1000;
}

#film-info2 {
z-index: 1000;
}



/* Pied de page  */


.footer    {	  color : #68777E; text-decoration: none;	}
.a:link.footer    {	  color : #68777E; text-decoration: none;	}
.a:visited.footer   {	  color : #68777E; text-decoration: none;	}
.a:hover.footer    {	  color : #68777E; text-decoration: underline;}
.a:active.footer    {	  color : #68777E; text-decoration: none;	}




/* Fin définition des cadres principaux  */	

/*
/* Plan
*/
.titre-plan {
font-weight: bold;
font-family: Arial, Verdana, Helvetica, ;
font-size: 14px;
color:#C40004;
text-decoration: none;
}

.contre-encart ul
{
/*display: inline;
list-style-type: none;
padding-right: 20px;*/
list-style-type: none;


}

.contre-encart li
{

list-style-type: none;
text-align: -10px;
/*font-weight: bold;
font-family: Arial, Verdana, Helvetica, ;
	font-size: 14px;
	letter-spacing : 2px;
	padding: 0px 0px 0px 15px;*/  /* Espacement entre les liens */
}

.navplan li { margin: 0 0 10px -30px;
list-style: none; }

.navplan
{
margin-left: 10px;
padding-left: 0;
list-style: none;
text-decoration: none;
}





.navplan li a { color: #555; }
.navplan li a:link { color: #C40004; }
.navplan li a:hover {color: #C40004; }
.navplan li a:visited {color: #555; }

/*  ------------------------------------------
/*  Footer
/*  ------------------------------------------
*/
p#credits {
	clear: both;
	color : #68777E;
	font-size: 10px !important;
       text-align: center;
	height: 18px;
	background-color: white;
	padding-bottom:5px;
}

a img,:link img,:visited img,:hover img,:active img { border:none }
.border img { border:none }

img { border:none }




/*** a
*********************************/
/*a
{
	color: #828282;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}*/

a, a:visited  {  text-decoration: underline; color: #555;}
a:hover  {  text-decoration: none; color: #C40004; }
a:active { text-decoration: underline; color: #555;}



/*a:hover {border-bottom: 0px}/* indispensable pour IE seulement */ 

a span {display:none ; /* cache les <span> placés dans un lien <a> */
text-decoration:none ; /* supprime le soulignement du texte <span> */
color:black} /* met le texte <span> en noir */

a:hover span {display: block; /* Montre le texte <span> lors du survol */ 
position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
top: 48px; left: 500px;
z-index: 30;}


/*** h
*********************************/
/* h1 is the swapped */

.titre-film {
font-size: 17px;
font-weight: bold;
text-indent: 20px;
font-family: Verdana, Tahoma, Arial;
color: #C40004;
text-transform:uppercase;
}

.titre-court {
font-size: 17px;
font-weight: bold;
/*text-indent: 20px;*/
font-family: Verdana, Tahoma, Arial;
color: #C40004;
text-transform:uppercase;
margin-bottom: 15px;
}

.small {
font-size: 10px;
margin-left: 20px;
margin-bottom: 15px;
}



h2 {
font-size: 17px;
text-indent: 20px;
font-family: Verdana, Tahoma, Arial;
color: #C40004;
text-transform:uppercase;
line-height: 18px;
}


h3 {
font-size: 17px;
text-indent: 20px;
font-family: Verdana, Tahoma, Arial;
color: #7E839A;
text-transform:uppercase;
background-image:url(../image/cadre-titre.jpg); background-repeat: no-repeat;
}


h4 {
font-size: 12px;
line-height: 14px;
font-weight: bold;
}


h5 {
font-size: 100%;
}

h6 {
font-size: 90%;
}

div.ref {position:absolute; width:600px; height:115px; z-index:1; visibility: hidden; overflow: hidden; }






/*  Utilisé dans le menu horizontal  */ 
.bandeau {
font-size: 12px;  font-weight: bold;
color : white;
text-decoration: none;
}
.a:link.bandeau    {	  color : white; text-decoration: none;	}
.a:visited.bandeau   {	  color : white; text-decoration: none;	}
.a:hover.bandeau   {	  color : black; text-decoration: underline;}
.a:active.bandeau    {	  color : white; text-decoration: none;	}

/*
/*
/* Pages niveau 1- RUBRIQUE
/*
*/

/* Div principales */
div.menu-soustitre {
background-color:  #004064;
width:907px;
height:34px;
float:left;
}

div.depart {
width:157px;
height:445px;
float:left;
}

div.promo {
width:530px;
float:left;
}

div.promo{
height: 445px ; /*hauteur mini pour IE*/
}
html>body div.promo{
height: auto;
min-height: 445px; /*hauteur mini pour les autres*/
} 

/*div a l'interieur de promo dans page article et plan*/
div.contenu {
width:520px;
margin-left:2px;
margin-bottom:5px;
text-align: left;
float:left;
}
/*





div.actu {
background-image:url(../image/pub-droite.jpg);
width:220px;
height:445px;
float:left;
}





div.depart-haut {
width:157px;
margin-top:15px;
height:35px;
float:left;
text-align: left;
}

div.depart-milieu {
border-right:1px solid #004660;
width:155px;
height:115px;
float:left;
color: #376A85;
}

div.depart-bas {
border-right:1px solid #004660;
width:154px;
margin-left:1px;
height:215px;
float:left;
color: #376A85;
text-align: left;
}

div.promo-haut {
width:530px;
height:35px;
margin-top:10px;
float:left;
text-align: left;
color: #F28E02; font-size: 14px;  font-weight: bold; line-height:14px; margin-top: 20px;  
       padding-bottom:1px; margin-bottom: 5px;
        text-indent:20px; background-image:url(../image/puce.jpg); background-repeat: no-repeat;
}



div.pave-center {width:345px; height:139px;  margin-left: 175px; margin-top: 7px; border:1px solid silver;  }

/* Zone Bon de réduction */

div.pave {width:256px; height:95px; margin-left: 3px; margin-top: 7px; border:1px solid silver;  float:left;}
div.pave-conteneur {width:97px;  height:93px; float:left; }
div.pave-img {width:97px;  height:65px; margin-left: 1px; margin-top: 1px; float:left; }
div.pave-info {width:90px;  height:20px; margin-left: 0px; margin-top: 5px; float:left; }
div.pave-text {width:155px;   margin-top: 3px; float:right;  text-align: left; }



.pave-text a:link    {	  color : #666666; text-decoration: none;	}
.pave-text a:visited   {	  color : #666666; text-decoration: none;	}
.pave-text a:hover   {	  color : #666666; text-decoration: underline;}
.pave-text a:active    {	  color : #666666; text-decoration: none;	}



/*-------------------
/* Styles de page
/*-------------------
*/
div.titre {  color: #EA7C0E; font-size: 12px;  font-weight: bold; line-height:12px; margin-top: 3px;  
       padding-bottom:1px; margin-bottom: 5px;
        text-indent:15px; background-image:url(../image/puce.jpg); background-repeat: no-repeat;
}
/* Titre département sous image page rubrique */
/*div.titre1 {  color: #376A85;  font-size: 12px;  font-weight: bold; line-height:12px; margin-top: 10px;  
       padding-bottom:1px; margin-bottom: 8px;
        text-indent:20px; background-image:url(../image/fleche-d-bleu); background-repeat: no-repeat;
         text-align: left;
}*/

div.titre2 {  height:18px; width:150px; color: #8099D1;  font-size: 10px;  font-weight: bold; line-height:12px; margin-top: 10px;  
       margin-left: 2px; padding-top:3px; margin-bottom: 8px;
        background-color:#020305; 
         text-align: center;
}


.center {
 text-align: center;
 }

.left {
text-align: left;
padding-left: 3px;
margin-top: 5px;
 font-size: 9px;}

.titre-theme {
 font-weight: bold;
 color: #D1316F;
 font-size: 10px;
 }

/* Documents Joint */
#documents_joints h4 {
font-size: 12px;
line-height: 14px;
font-weight: bold;
text-indent: 20px;
background-image:url(../image/puce2.gif); background-repeat: no-repeat;
}

#documents_joints li { margin: 0 0 10px -20px;
list-style: none; }
/*
/*  Div Footer
*/



div.bandeau-bas {background: url(../image/bandeau-bas.jpg);
width:780px;
height:20px;
float:left;
}

div.conteneur-haut{
width:120px;    
height:70px;
float:right;
margin-top: 10px; 
text-align: center;
}
div.conteneur-imgg{
width:40px;    
height:40px;
float:right;
margin-bottom: 5px; 
 text-align: center;
}
div.conteneur-imgd{
width:40px;    
height:40px;
float:right;
margin-bottom: 5px; 
margin-left: 35px; 
text-align: center;
}
div.menu-haut {font-size: 10px;
width:650px;    
height:30px;
float:left;
background: transparent;      /*689BCA;  FE5A28*/
color : #68777E;
	display: block;
	text-align:right;
	
}
/* FIN Non utilisé ds modèle  */

            
div.gauche {
width:100%; 
float:left;
text-align:left;
background-color: white;
}

.spacer {
clear: both;
}

div.droit { text-align:left;
width:650px;
min-height:455px;    /*modifié de 465px à auto  */
float:right;
background-color: white;
}








/* Ligne de menu Accueil - Rubrique - Article  */
.lkMenu:link, .lkMenu:visited, .lkMenu {  color: #68777E; text-decoration: none;  }
.lkMenu:active, .lkMenu:hover { color: #68777E; text-decoration: underline; }	





/*-------------------
/* Styles sur Home
/*-------------------
*/

div.intro-texte {
margin-top: 10px;
margin-left: 5px;
text-align:left;
width:630px;   /*modifié avant 755px   */
float:left;
}

div.intro-anim {
float:left;
margin-right: 5px;
}



div.intro-mot {
margin-top: 20px;
text-align:center;
font-size: 9px;
width:100%;   /*modifié avant 755px   */
float:right;
}







div.produit {
width:280px;
margin-top: 10px;
margin-left: 10px;
float:left; 
padding-left: 3px;
border: 1px solid #5B5B5B;
text-align:left;
background-color: #E4EAC7;
}

div.produit-uk {
width:280px;
margin-top: 10px;
margin-left: 10px;
float:left; 
padding-left: 3px;
border: 1px solid #5B5B5B;
text-align:left;
background-color: #E3E4DE;
}






 /*-------------------
/* Styles pages photo avec rollover
/*-------------------
*/


div.photo-container {
width:100%;
float: left;
}

div.photo {
width:275px;
float: left;
margin-left: 5px;
}

div.photo2 {
width:250px;
float: right;
margin-right: 10px;
}

#container-img { float: left; width: 360px;  }
#container-img img{
/*border: 1px solid #000; */
padding: 5px;
 }

#container-vignette { width: 360px;  float: left; margin-right: 10px;}

#container-vignette img{ border: 1px solid #000; }
	
#container-vignette li{
	display: inline;
	float: left;
	width: 60px;
	height: 60px;
	}
		
#container-vignette ul{ float: left; }


/*---------------------
/* Styles SPIP
/*--------------------
*/
/*
.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}
*/


.mennu { /*position: absolute;*/ }
#contenu ul {
list-style-type: none;
margin:0;
padding:0;
 
/*width: 100%; */ /* précision pour Opera */
}

#contenu li {
float: left;
}

.mennu a {       /* définition de chaque bouton du menu */
/*width: 35px;	*/   /* largeur du bouton, que vous pouvez changer à loisir */
/*height: 20px;*/
float: left;
display: block;
text-align: center;
/*border: 1px solid #fff; */
text-decoration: underline; color: #555;
/*background: #fff;*/
position: relative;
z-index: 1 ;
}

.mennu a:hover {
/*color: #411;
background: #AAA;
border: 1px solid gray; */
border-bottom: 0px;
text-decoration: none; color: #C40004;
}

.mennu a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.mennu a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: -10px;
left: -235px;
width: 220px;    /* largeur de la zone de commentaires, selon la taille du menu */
 font-size:10px;  border : 1px solid #002B4C; background-color:#E4E9E7; color:#575757;
padding: 5px;
 text-align: left;
z-index: 10;
/*text-align: left;
border-top: 1px solid gray;
color: #000;*/
}

.mennu li a strong{ z-index:1 ;}
.mennu li a:hover span{ z-index:10 ;}

/* CV */
table {
    text-align: left; 
    border: 0px;
    /*width: 695px;*/
    color: #666666;
   /* font-weight: bold;*/
}
td img {z-index: 1; }