/* CSS Document */
body{background:url(../images/design/texture.jpg);font-size:1em;font-family:Helvetica, Verdana, Arial,  sans-serif;}
a img, img{border:none;}
a{color:#971e1e;}
a:hover{ background:#971e1e; color:#fff;}
a:hover img, img, img:hover, #menu a:hover, #affiche a:hover, #pied-page a:hover, #galerie a:hover{ background:none;}
.obligatoire{color:red;}
h1{background:url(../images/design/entete.png) no-repeat; padding-bottom:10px;  width:716px;}
h1 a{display:block;margin-left:20px; padding-top:5px; width:100px;}
h3{ }

#erreur, #confirmation{color:#e8e8e8; background:font-size:0.8em; background:#971e1e; font-style:italic; padding:5px;}
#confirmation{ background: #009900; }
#conteneur{ width:710px; margin:auto;}
.contenu{ background:url(../images/design/corps.png) repeat-y; min-height:530px; width:655px; margin-top:-105px; padding: 10px 30px; padding-top:100px; color:#e8e8e8; }
.contenu #enBref {padding-right:50px; margin-left:150px; padding-bottom:100px; width:320px;}
.contenu #enBref2 {padding-right:50px; margin-left:150px; padding-bottom:100px; width:500px;}

.contenu #enBref h2, .contenu #enBref2 h2 {margin-left:0px;}


#page{ text-align:center;}
#page li{ display:inline;}


/*-----------------------------------------------------------------------*/
/*------------------------------- CONNEXION -----------------------------*/
/*-----------------------------------------------------------------------*/
#form-connexion{position:absolute; top:90px; width:600px; font-size:0.8em; color:#FFFFFF; margin-left:10px; z-index:5;}
#form-connexion p{float:left;}
#form-connexion label{display:block;}
#form-connexion fieldset{ border:none;}
#form-connexion legend{display:none;}
#form-connexion a{ display:block; position:absolute;top:40px; margin-left:310px; color:#FFFFFF; width:120px;}

/*-----------------------------------------------------------------------*/
/*--------------------------------- MENU --------------------------------*/
/*-----------------------------------------------------------------------*/
#menu{ margin-left:6px;margin-top:0px; width:200px; height:380px; z-index:2; background:url(../images/design/menu.png) no-repeat; padding-left:0px; padding-top:20px; position:absolute; top:150px;}
#menu li{list-style:none;  margin-bottom:-5px;}


/*-----------------------------------------------------------------------*/
/*----------------------------- MENU-SECONDAIRE -------------------------*/
/*-----------------------------------------------------------------------*/
#menu-secondaire{ text-align:left;}
#menu-secondaire li{}


/*-----------------------------------------------------------------------*/
/*------------------------------- PUBLICITE -----------------------------*/
/*-----------------------------------------------------------------------*/
#publicite{position:absolute; top:130px; margin-left:480px; text-align:center; z-index:4;}
#video-aleatoire{ margin-bottom:-10px; }
#affiche{ }
#publicite #activite,#publicite #sous-menu, #publicite #tertiaire-kinoites, #publicite #dernieres-nouvelles{text-align:left; font-size:0.8em; width:190px;}
#publicite #activite li, #publicite #tertiaire-kinoites li{ list-style:circle; margin-left:-10px;}
#publicite #sous-menu, #publicite #dernieres-nouvelles{ margin-top:100px;}




/*-----------------------------------------------------------------------*/
/*---------------------------- MENU UTILITAIRE --------------------------*/
/*-----------------------------------------------------------------------*/
#menu-utilitaire { background:url(../images/design/bar-suggerer.png) no-repeat; margin-top:-35px; height:95px; position:relative; z-index:3; padding-top:3px; }
#menu-utilitaire li{list-style:none; display:inline;}
#menu-utilitaire-soumettre-film{ margin-right:140px;}
#menu-utilitaire-suggerer-blame{ }
#menu-utilitaire-contacter-kino{}
#menu-utilitaire-contacter-kino a{color:#FFFFFF;}
#menu-utilitaire-slogan{}

/*-----------------------------------------------------------------------*/
/*--------------------------------- pied-page --------------------------*/
/*-----------------------------------------------------------------------*/
#pied-page{width:716px; background:url(../images/design/pied.png) no-repeat; height:100px; text-align:center; padding-top:80px; margin-top:-86px;}
#pied-page #contacter{ text-align:left; margin-top:4px; margin-left:10px; float:left;}
#pied-page #contacter a{color:#fff;}

#pied-page #slogan{ color:#fff; margin-top:5px; text-align:right; font-size:0.8em; font-style:italic; margin-right:10px;}
/*-----------------------------------------------------------------------*/
/*-------------------------------- COMMANDITES --------------------------*/
/*-----------------------------------------------------------------------*/
#liste-commandites{ margin-top:0px;}
#liste-commandites li{list-style:none; margin-right:10px; display:block; float:left;}
#design{ font-style:italic; font-size:0.6em; margin:75px 10px 0 0px; text-align:right; }
#pied-page #design a:hover{ background:#971e1e; color:#fff;}



/*-----------------------------------------------------------------------*/
/*--------------------------------- NOUVELLES ---------------------------*/
/*-----------------------------------------------------------------------*/
#accueil .date, #kinoites .annonces, #liste-commentaires .date, .post-info, #nouvelles .date, #evenements .date, #video #liste-commentaires .date {margin-top:-20px; font-size:0.8em;}
 #evenements .date{ margin-top:-10px;}
#accueil .billet{ height:200px; overflow:hidden;}
/*-----------------------------------------------------------------------*/
/*--------------------------------- VISIONNER ---------------------------*/
/*-----------------------------------------------------------------------*/
#visionner .auteur, #kinoites .auteur, #video .auteur{ font-style:italic; margin-top:-15px; font-size:0.8em;}
#visionner .suite, #kinoites .suite,  #nouvelles .suite, #evenements .suite, #accueil .suite{font-size:0.8em; border-bottom: 1px dotted #666666; padding-bottom:10px; margin-bottom:10px; margin-top:-15px;text-align:right;}

#visionner .illustration, #kinoites .illustration{display:block; float:left; margin-right:15px; width:110px; height:90px; }
#visionner .illustration img, #kinoites .illustration img{}
#visionner #video, #kinoites #video, #video #enBref {width:500px; }
#video #video, #kinoites #video {margin-left:-60px; }
#video h3, #kinoites h3{ font-weight:bold;}
#video .billet, #kinoites .billet, #visionner .billet{ height:90px; overflow:hidden;}

#video #liste-commentaires, #kinoites #liste-commentaires, #annonces #liste-commentaires, #annonces #liste-commentaires { border-bottom:1px dotted #666; margin-top:10px;}
#video #liste-commentaires .nbr_com, #kinoites #liste-commentaires .nbr_com,
#annonces #liste-commentaires .nbr_com, #annonces #liste-commentaires .nbr_com
{font-size:0.8em;}


#video label, #annonces label{ display:block; float:left; text-align:right; width:120px; margin-right:10px;}

/*-----------------------------------------------------------------------*/
/*--------------------------------- GALERIE -----------------------------*/
/*-----------------------------------------------------------------------*/
#galerie #liste-photos li{list-style:none; display:inline;  margin:5px;}
#galerie #liste-photos{padding-left:0px;}
#galerie #enBref {width:500px;}

/*-----------------------------------------------------------------------*/
/*-------------------------------- EVENEMENTS ---------------------------*/
/*-----------------------------------------------------------------------*/
#emplacement-calendrier, #soumettre #avenir{width:190px; margin-top:20px;}
#evenements h3, #soumettre #avenir h3{ border-bottom:1px solid #e8e8e8;}
#calendrier{font-size:0.8em; border:1px solid #CCCCCC; background:#fff; color:#666666; }
#liste-activites{ }
#liste-activites li{list-style:circle;font-size:1em;  margin-left:-20px;}
#calendrier #titremois{background:#8e8d8d; color:white;}
#calendrier #aujourdui{background:black; color:#FFFFFF;}
#calendrier .activites{background:#8e8d8d;}
#calendrier .activites a{color:#FFFFFF;}
#calendrier .activites a:hover{ background:none;}
#evenements #avenir, #soumettre #avenir{ font-size:1em; text-align:left;}
#evenements #avenir li, #soumettre #avenir li{ list-style:circle;}
#evenements #avenir li span{ display:block;}
/*-----------------------------------------------------------------------*/
/*-------------------------------- KINOITES ---------------------------*/
/*-----------------------------------------------------------------------*/
#kinoites #enBref div, #faq #enBref .billet{ border-bottom:1px dotted #e8e8e8;}

#utilisateurConnecter{position:absolute; top:90px; width:600px; font-size:0.8em; color:#FFFFFF; margin-left:10px; z-index:5;}

/*-----------------------------------------------------------------------*/
/*-------------------------------- CONTACTER ----------------------------*/
/*-----------------------------------------------------------------------*/
#contacter label{ display:block; width:80px; text-align:right; float:left;}
#contacter  textarea{ width:180px;}

/*-----------------------------------------------------------------------*/
/*-------------------------------- ANNONCES ----------------------------*/
/*-----------------------------------------------------------------------*/
#annonces  .tags{ }
#annonces .tags li, #annonces .tags li a, #annonces .tags li h4{ font-size:0.8em; display:inline;}
.post-info li, .post-info li address{display:inline;}
.post-info{ padding-left:0px; font-style:italic;}

/*-----------------------------------------------------------------------*/
/*-------------------------------- MON COMPTE ----------------------------*/
/*-----------------------------------------------------------------------*/

#mon-compte #realisations, #mon-compte #annonces, #mon-compte #blog, #annonces .hentry-entry{ margin-bottom:20px; border-bottom:1px dotted #e8e8e8;}
.gestion li { display:inline;font-size:0.8em;}
.gestion li a{ }
#mon-compte .gestion{padding-left:0px; margin-bottom:20px;}
#mon-compte .liste{ margin-bottom:10px;}
#inscription #visionner-image{ float:left; margin-right:10px; margin-bottom:10px;}
#inscription label, #mon-compte label, #soumettre label	{display:block;}
#inscription fieldset, #soumettre fieldset{ margin-bottom:20px;}
#inscription #identifiants{}