@charset "utf-8";
/* Document CSS */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Auteur : B.Delespierre */
/* Mail : benjamin-delespierre@web-alliance.fr */
/* Crée le : 23/04/09 */
/* Dernière mise à jour : 15/05/09 */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 
	Formalisme utilisé :
		/* Commentaire * /
		nom-élément(#/.)nom-classe { propriétés; }
   ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Règles générales de la page */
* { margin: 0px; padding: 0px; }
p {color : #ffffff; }
body { background-color: #000000;  color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
h3 { font-size: 1.5em; color: #333333; font-weight: normal; }
a, a:visited { text-decoration: none; color: #ffffff; border: none; }
a:hover { text-decoration:underline; }
img { border: none; }
ul { margin-left: 30px; }
li { list-style: url(../images/icons/bullet_orange.png) outside; }
hr { margin-bottom: 5px; color: #ffffff; border:1px solid #ffffff; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Layout Général */
/* Conteneur général de la page */
#wrapper { width: 984px; margin: auto; }
#header { }
p.more { text-align: right; }
p.more img { border: none; }
p.adress { text-align: left; }
p.cost { text-align: left; }
p.BTitle, h1.BTitle { color: #ce7900; font-size: 1.3em; font-weight:normal; }
.container { color: #ffffff; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* entête de page - contiend le menu et les éléments de navigation */ 
div#menu-deroulant {position: relative; float: right;}
div#menu-deroulant ul {margin: 0px;}
div#menu-deroulant li {list-style: none; }
div#menu-deroulant li a { display:block; }
div#menu-deroulant a {color:#FFFFFF; text-decoration: none;}
div#menu-deroulant a:hover {text-decoration: underline;}
div#menu-deroulant ul.niveau1 li { position:relative; list-style: none; float:left; height: 26px; background: #000000 url(../images/degrade-menu.jpg) repeat-x; border-bottom: 1px solid #ffffff; }
div#menu-deroulant ul.niveau1 li a { padding: 5px 15px; }
div#menu-deroulant ul.niveau1 li a:first-letter { color: #ce7900; }
div#menu-deroulant ul.niveau2 {position: absolute; display:none; z-index: 100; width: 100%; }
div#menu-deroulant ul.niveau2 li { text-align:center; width: 100%; min-height: 26px; height:auto; background-image:none; background-color:#0a0069; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: none; }
div#menu-deroulant ul.niveau2 li a { padding: 5px 0px; }
div#menu-deroulant ul.niveau2 li a:first-letter { color: #ffffff; }
div#menu-deroulant ul.niveau2 li.last { background-image:none; background-color:#0a0069; border-bottom: 1px solid #ffffff; }
div#menu-deroulant ul.niveau1 li.sous-menu:hover ul.niveau2 {display:block;}

div#banner a, div#banner a:hover, div#banner a:visited { color:#000000; }
div#nav { width: 947px ; height:12px; margin:auto;}
div#breadcrumb-trails { font-size: 12px; }
div#breadcrumb-trails, div#breadcrumb-trails a { color: #ffffff; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Contenu de la page - contiend tous les éléments dynamiques */
/* Le content fait 955-2-10px à cause des bordures et des marges*/
div#content { width: 947px; margin:auto; padding-top: 15px; clear:both; } 
div#presentation p { text-align: justify; }
div#p-presentation-sommaire p { text-align: justify; }

div#search-event-promo { padding-top: 15px; }
div#notes-annonces { padding-top: 15px; }

div#recherche-rapide-petit table tr td { padding: 2px; }
.button-search { background:#000000 url("../images/bt-recherche.jpg") no-repeat top left; border: none; height:29px; width: 121px; color: #FFFFFF;  }
div#recherche-rapide-petit .input-select { padding: 2px; border: 1px solid #333333; background-color:#ffffff; width: 115px; }
div#recherche-rapide-petit .input-text { padding: 2px; border: 1px solid #333333; background-color:#ffffff; width: 110px; }

div#recherche-rapide table tr td { padding:2px; }
div#recherche-rapide input, div#recherche-rapide select { padding:2px; }

div#festivals { padding-top: 15px; }
div#festivals img { max-height: 65px; max-width: 150px; }
#prochain-evenement img { max-height: 65px; max-width: 80px; }
div#festivals table { margin: auto; }
div#festivals table tr td { width: 160px; overflow:hidden; text-align:center; }
div#festivals a, div#festivals a:hover, div#festivals a:visited, div#search-event-promo a, div#search-event-promo a:hover, div#search-event-promo a:visited { color: #ce7900; }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Pied de page - contiend les éléments de retour, les mention légales etc. */
div#footer { text-align: center; font-size: 11px; width: 984px; margin:auto; margin: 30px 0px; }
div#footer p, div#footer a, div#footer a:hover { color:#8c8c8c; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* éléments de blocs communs */
/* Classes pour le mécanisme de layout en conteneurs */
.container { }
.half-container { width: 50%; }
.third-container { width: 33%; }
/* A surcharger pour chaque élément de type bloc utilisé au besoin */
.contained { }
.container .contained, .half-container .contained, .third-container .contained { margin: 5px; }
.container .top, .half-container .top, .third-container .top { height: 23px; width: 100%; background: url(../images/title-background.png) repeat-x; color: #FFFFFF; font-size: 16px; }
.container .top p, .half-container .top p, .third-container .top p { margin: 0px 5px; } 
.container .bottom { }
/* Propriétés supplémentaires qui étendent les containers */
.line { float: left; }
.line-right { float: right }
.reactive { background: #323232; padding: 5px; border: 1px solid #4d4d4d; }
.reactive:hover { background: #4d4d4d; padding: 5px; border: 1px solid #323232; }
.frame { border: 1px solid #d6d6d6 ; }
/* Classes destinées à la gestion des erreurs dans les formulaires */
.error { color: #990000; }
.error-frame { border: 1px solid #990000; padding: 5px; margin-bottom: 5px; }
.ok { color: #009933; padding: 5px; }
.ok-frame { border: 1px solid #009933; margin-bottom: 5px; }
.hidden { display: none; }
.show-block { display: block; }
.show-inline { display: inline; }
/* A utiliser en dessous de chaque 'ligne' de conteneurs flottants dont la taille du bloc parent n'est pas fixée */
div.clear { clear: both; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Element de display d'annonces */
div.vignette { width: 130px;  font-size: 11px; color: #000000; }
div.vignette .top { height: 20px;  font-size: 13px; text-align: center; }
div.vignette .bottom { width: 100%; height: 13px; }
div.vignette .contained { margin: 0px; padding: 5px;  text-align: center; }
div.thumbnail {text-align: center; background: url(../images/no-imag.png) no-repeat center; width: 100px; height: 75px; }
div.vignette div.thumbnail { width: 120px; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Elements d'icones */
div.icon-set { margin-bottom: 3px; padding: 3px; }
div.icon { margin-left: 2px; margin-right: 2px; position: relative; }
div.icon p { font-size: 12px; }
div.options div.icon img { padding: 2px; }
div.options div.icon img.selected { border-color: #CC6633; }
div.icon-set strong { color: #999999; }
div.icon-set a, div.icon-set a:hover, div.icon-set a:visited { color: #f06519; text-decoration: none; }
div.icon-set p { display: none; padding: 1px 3px; border: 1px solid #4d4d4d; background: #323232; width: 100px; position: absolute; bottom: -35px; left: -48px; text-align: center; }
div.icon-set a:hover p { display: block; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Champ de recherche rapide */
div#quick-search-form { height: 80px;  margin-bottom: 5px;  color: #FFFFFF; }
div#quick-search-form .decoration-left { width: 12px; height: 100%;  background: url(../images/search-deco-left.png) no-repeat; }
div#quick-search-form .decoration-right { width: 12px; height: 100%;  background: url(../images/search-deco-right.png) no-repeat; }
div#quick-search-form div.center { width: 919px; height: 100%;  background: url(../images/search-deco-fill.png) repeat-x; }
div#quick-search-form div.center form { margin-top: 5px; margin-bottom: 5px; }
div#quick-search-form div.center form legend { /* Pour IE */ color: #FFFFFF; }
div#quick-search-form div.center form select { /* Avoir des <select> de même taille */ width: 190px;  margin-bottom: 3px; margin-top: 3px; }
div#quick-search-form div.center form fieldset { /* Concerne les 3 jeux de formulaires */ float: left;  border: none; }
div#quick-search-form div.center form .set1 { width: 185px;  margin-right: 5px; }
div#quick-search-form div.center form .set2 .container { margin-left: 5px; }
div#quick-search-form div.center form .set2 { width: 600px; }
div#quick-search-form div.center form .set2 .line-right { /* Permet d'ajuster l'alignement hrz des conteneurs budget avec les listes de la ligne 1 */ margin-right: 13px; }
div#quick-search-form div.center form .set3 { width: 124px;  text-align: center; }
div#quick-search-form div.center form .set3 img { margin-top: 10px; } 
div#quick-search-form div.center form .text { width: 5em; display: block; margin-right: 5px; }
div#quick-search-form div.center form .check { margin-right: 5px; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Champ des coups de coeur */
div#favorites { height: 180px; color: #FFFFFF; }
div#favorites .decoration-left { width: 14px; height: 100%;  background: url(../images/favs-deco-left.png) no-repeat; background-position: bottom; }
div#favorites .decoration-right { width: 14px; height: 100%;  background: url(../images/favs-deco-right.png) no-repeat; background-position: bottom; }
div#favorites .center { height: 100%; width: 915px;  background: url(../images/favs-deco-fill.png) repeat-x; background-position:bottom; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Page Annonce */
div#annonce p { margin-top: 3px; margin-bottom: 5px; }
div#annonce .top p { margin: 0px 5px; }
div#annonce .description { width: 634px; margin-right: 5px; }
div#annonce .thumbnails { width: 300px; }
div#annonce .thumb { float: left; width: 140px; margin-right: 5px; margin-bottom: 5px; text-align: center; }
div#annonce .cost { text-align: right; font-size: 16px; font-weight:bold; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Page article */
#navigation { width: 227px; margin-top: 5px; }
#extra { width: 227px; margin-top: 5px; }
div.article { width: 700px; }
div.article .entry-content { text-align: justify; }
div.article .author { text-align: right; margin-bottom: 5px; margin-top: 10px; }
div.article form { padding: 5px; }
div.article form fieldset { padding: 5px; border: 1px solid #d6d6d6; margin-bottom: 5px; }
div.article form legend { border: 1px solid #d6d6d6; font-size: 11px; display: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Page rubrique */
div.rubrique { width: 700px; }
div.rubrique .last-modif { text-align: right; margin-bottom: 5px; }
div.rubrique ul { margin: 0px; }
div.rubrique li { list-style: none; margin: 5px }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Page forum */
div.forum { width: 700px; }
div.forum form legend { display: none; }
div.forum fieldset { padding: 5px; border: 1px solid #d6d6d6; margin-bottom: 5px; }
ul.forum { margin: 0px; }
li.forum-fil { list-style-position: inside; list-style-type: none; list-style-image: none; padding: 5px; margin-top: 5px; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Page syndication */
div.articles-rss { width: 700px; }
div.articles-rss ul { margin: 0px; }
div.articles-rss li { list-style-position: inside; list-style-type: none; list-style-image: none; padding: 5px; margin-top: 5px; text-align: justify }

.white {color: #ffffff; }

div#menu-deroulant a.no-link:hover { text-decoration:none; cursor: default; }

.div-article p {text-align:justify;}