/**************************************************************************************************/
/**************************************************************************************************/
BODY {
		font-family: Verdana, Arial, sans-serif;
		font-size: 8pt;
		color: #000000;
		background-color: #A3D14E;
		background-image: url("/skin/fond_guide_10ans.png");
}

A:link {
		font-size: 8pt;
		text-decoration: none;
		font-weight: normal;
		color: #000000;
}

A:active {
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A:visited {
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A:hover {
	font-size: 8pt;
	font-weight: bold;
	color: #404040;
	text-decoration: none;
}

TABLE, TR, TD {
		font-size: 8pt;
		color: #000000;
}

LI {
		list-style-type: square;
}

INPUT, SELECT {
		font-family: Verdana, Arial, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		color: #404040;
		background-color: #FFF0AE;
}


INPUT.button {
		font-size: 8pt;
		color: #000000;
		background-color: #FFB300;
}

INPUT.textinput {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #404040;
	background-color: #FFF0AE;
}

INPUT.button_go {
	font-size: 8pt;
	background-color: #FFB500;
	width: 25px;
}

INPUT.button {
	font-size: 8pt;
	background-color: #FFB500;
}

.noform {
		font-family: Verdana, Arial, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		color: #404040;
		background-color: #FFFFFF;
}

HR {
		color: #FFB300;
		background-color: #FFB300;
		height: 1px;
		border: 0;
}

/******************************/
/*          PUBLICITE         */
/******************************/

#pubhaut
{
	text-align:center;
	padding-bottom:0px;
}

/**************************************************************************************************/
/**************************************************************************************************/
#banniere
{
	width: 840px;
	height: 80px;
}

.spacer
{
	clear: both;
}

/**************************************************************************************************/
/**************************************************************************************************/
/************/
/* Le menu  */
/************/

#menu
{
	float: left;
	width: 840px;
	height: 25px;
	background-color: #BDBDBD;
}

#festivals
{
	background-image: url("skin/tacons_festivals.png");
	width: 105px;
	height: 25px;
	position: relative;
	float: left;
}

#festivals:hover
{
	background-image: url("skin/tacons_festivals_j.png");
	width: 105px;
	height:25px;
	position: relative;
	float: left;
}

#artists
{
	background-image: url("skin/tacon_artists.png");
	width: 105px;
	height: 25px;
	position: relative;
	float: left;
}

#artists:hover
{
	background-image: url("skin/tacon_artists_j.png");
	width: 105px;
	height:25px;
	position: relative;
	float: left;
}

#interactive
{
	background-image: url("skin/tacon_interactive.png");
	width: 105px;
	height: 25px;
	position: relative;
	float: left;
}

#interactive:hover
{
	background-image: url("skin/tacon_interactive_j.png");
	width: 105px;
	height:25px;
	position: relative;
	float: left;
}

#professionals
{
	background-image: url("skin/tacon_professionals.png");
	width: 105px;
	height: 25px;
	position: relative;
	float: left;
}

#professionals:hover
{
	background-image: url("skin/tacon_professionals_j.png");
	width: 105px;
	height:25px;
	position: relative;
	float: left;
}

#shop
{
	background-image: url("skin/tacon_shop.png");
	width: 105px;
	height: 25px;
	position: relative;
	float: left;
}

#shop:hover
{
	background-image: url("skin/tacon_shop_j.png");
	width: 105px;
	height:25px;
	position: relative;
	float: left;
}

/******************************/
/* Menu apparaisant à droite  */
/******************************/

#menu2
{
	position: relative;
	float: left;
	width: 210px;
	text-align: left;
	background-color: #CCCC99;
	min-height: 1200px;
	height:auto !important;
	height:1200px;
}

#pubgauche
{
	padding-top:83px;
	text-align:right;
}

#login
{
	background-image: url("skin/login.png");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 2px;
	height: 71px;
	width: 205px;
}

/*********************/
/*       METEO       */
/*********************/

#meteo
{
	background-color: #999933;
	height: 180px;
	width: 210px;
}

#taconmeteo
{
	margin: 15px 20px 10px 15px;
}

#pagemeteo
{
	margin-left:60px;
	margin-top:50px;
}

.itemmeteo
{
	height : 40px;
}

/***********************/
/* Le corps de la page */
/***********************/

#contenu
{
	position: relative;
	float: left;
	width: 623px;
	min-height: 1450px;
	height:auto !important;
	height:1450px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-left-width: 1px;
	border-left-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	background-color: #FFFFFF;
	padding-left: 5px;
}

#container
{
	width: 840px;
	text-align: center;
	background-color: #CCCC99;
	
}

#site
{
	width:1000px;
	margin:auto;
	z-index:0;
}

#upclip
{
}

#upcoming
{
	float:left;
	margin: 0 5px;
	width: 250px;
	text-align:left;
}

#clip
{
	float:right;
	margin:40px 10px 0 5px;
}

.upfest
{
	height:50px;
	margin : 2px 5px;
	border-bottom:1px dotted #000000;
}

.upfestImg
{
	float:left;
	margin: 0 5px 0 5px;
}

/*******************/
/* Le pied de page */
/*******************/

.copyright {
	width:840px;
	text-align: left;
	font-size: 7pt;
	font-weight: normal;
	position:absolute;
	bottom:0px;
	left:5px;
}

A.copyright:link {
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A.copyright:active {
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A.copyright:visited {
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A.copyright:hover {
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#sitemap
{
	width:840px;
	text-align:center;
	margin-top:5px;
}
/**************************************************************************************************/
/**************************************************************************************************/
.back_table {
		color: #404040;
		background: #FFE29F;
}

.current_page {
		font-size: 8pt;
		font-weight: bold;
		color: #CCCCCC;
		background: #FFFFFF;
}

.error {
		color: #FF0000;
}
/**************************************************************************************************/
/**************************************************************************************************/
#search
{
	background-image: url("skin/tacon_search.png");
	height:19px;
	background-position:center;
	background-repeat: no-repeat;
}

.SEARCH_highlight {
		background-color: #FFE29F;
}

.SEARCH_similar {
		padding: 2px 2px 10px 30px;
		margin-left: 50px;
}
/**************************************************************************************************/
/**************************************************************************************************/
.NEWS_titre {
		padding: 1px 1px 1px 10px;
		text-transform: uppercase;
		font-size: 7pt;
		font-weight: bold;
		letter-spacing: 2pt;
		color: #404040;
		background: #FFE29F;
}

.NEWS_dateheure {
		padding: 1px 1px 1px 1px;
		text-align: center;
		font-size: 7pt;
		color: #404040;
		background: #FFE29F;
}

.NEWS_texte {
		padding: 1px 1px 1px 10px;
		text-align: justify;
		line-height: 12pt;
		font-size: 8pt;
		font-weight: normal;
		color: #404040;
}
/**************************************************************************************************/
/**************************************************************************************************/
.FEST_date {
		text-align: center;
		font-size: 7pt;
		color: #404040;
		background: #FFE29F;
}

.FEST_fest_title {
		font-size: 11pt;
		font-weight: bold;
}

.FEST_none {
		font-size: 7pt;
		color: #404040;
		background: #FFFFFF;
}
/**************************************************************************************************/
/**************************************************************************************************/
.LANG {
		font-size: 7pt;
		font-weight: normal;
		color: #000000;
        text-align:right;
}

A.LANG:link  {
		font-size: 7pt;
		font-weight: normal;
		color: #000000;
}

A.LANG:active {
		font-size: 7pt;
		font-weight: normal;
		text-decoration: underline;
}

A.LANG:visited {
		font-size: 7pt;
		font-weight: normal;
		color: #000000;
}

A.LANG:hover {
		font-size: 7pt;
		font-weight: normal;
		text-decoration: underline;
}

.LANG_selected {
		font-size: 8pt;
		font-weight: bold;
}

.OPTION {
            font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			color: #404040;
			background-color: #FFF0AE;
       }

 .SELECT {
            font-family: Verdana, Arial, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			color: #404040;
			background-color: #FFF0AE;
}

#SELECTplus
{
    font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #404040;
	background-color: #FFF0AE;
    width:100;
    margin-left: 40px;
}

.LETTRINE
{
    line-height: 42px;
    float: left;
    font-size: 46px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
}

.Nomgrp
{
      font-size: 10pt;
      font-family: Verdana, Arial, sans-serif;
      font-weight: bold;
      color: #000000;
      background-color: #CCCCCC;
      text-align: left;

      }
      .Nomdates {
      font-size: 8 pt;
      font-family: Verdana, Arial, sans-serif;
      font-weight: normal;
      color: #000000;
      background-color: #FFFFFF;
      text-align: left;
      line-height:2;

      }

      .News{
      font-family:helvetica,arial,verdana,sans-serif;
      text-align:justify;
      font-weight:normal;
      font-style:normal;
      line-height:11pt;
      font-size: 8pt;
      color: #000000;
      margin-left: 10px;

      }


.pubtextbis{
    text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60pt;
	font-weight:bold;
    color:#FDB812;


}

.pubtextter{
    text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight:bold;
    color:#FDB812;
    }
  .pubtext4{
    text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
    color:#FDB812;


}

.MENU_title {
			text-align: center;
			vertical-align: middle;
			font-size: 9pt;
			font-weight: bold;
			color: #000000;
			background: #FFB300;
}

.btn a, .btn a:hover, .btn a:focus, .btn a:visited {
      	float: left;
      	width: 90%;
      	padding: 5px;
      	color: #FFF;
      	background-color: #DA124C;
      	border: 1px solid #600;
}
      
.btn a:hover
{
   background-color: #AAA;
}

.about
{
	text-align:left;
	margin-left:35px;
	margin-top:10px;
	font-size:15px;
}

.about a
{
	font-size:15px;
}


/**************************************************************************************************/
/**************************************************************************************************/
/***************************/
/*        CALENDRIER       */
/***************************/

#calendar
{
	background-color: #999933;
	height: 214px;
	width: 210px;
	padding:auto;
	padding-top:2px;
}

#calendarBackground
{
	height: 170px;
	width: 200px;
	background-color: #FFFFFF;
	margin: auto;
	padding-top: 20px;
	margin-top:2px;
}

.centre {
	text-align: center;
	background-color: #FFFFFF;
}

/* Calendrier */
table.calendrier {
	margin: auto;
	text-align: center;
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 12px;
}

table.calendrier th {
	border-bottom: 1px solid black;
}

table.calendrier td {
	border: 1px solid black;
	width: 20px;
	height: 20px;
	font-size: 12px;
}

table.calendrier_grand td {
	border: 1px solid black;
	width: 40px;
	height: 40px;
	font-size: 16px;
}

table.calendrier_grand td a {
	font-size: 16px;
}

table.calendrier td div {
	padding: 0px;
}

.jourEvenement {
	background-color: #CCCC99;
}

.lienCalendrierJour {
	background-color: #999933;
}

.calendrier caption {
	margin: auto;
	margin-bottom: 5px;
}

/*grand calendrier*/
table.calendrier_grand {
	margin: auto;
	text-align: center;
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 12px;
}

table.calendrier_grand th {
	border-bottom: 1px solid black;
}

table.calendrier_grand td {
	border: 1px solid black;
	width: 20px;
	height: 20px;
	font-size: 12px;
}

table.calendrier_grand td {
	border: 1px solid black;
	width: 40px;
	height: 40px;
	font-size: 16px;
}

table.calendrier_grand td a {
	font-size: 16px;
}

table.calendrier_grand td div {
	padding: 0px;
}

.calendrier_grand caption {
	margin: auto;
	margin-bottom: 5px;
}

/*****************************/
/*       Administration      */
/*****************************/

.tabAjoutEvent {
	margin: auto;
}
.tabAjoutEvent td {
	width: 50%;
	text-align:center;
}

.tabAjoutEvent2 {
	margin: auto;
}

.affichemod {
	width: 500px;
	border: 1px solid black;
	margin: 5px 0 5px 55px;
	height: 20px;
}

.affichemodleft {
	float:left;
	width: 445px;
	text-align:left;
	padding: 3px 0 0 5px;
}

.affichemodright {
	float:right;
	width:40px;
	padding: 3px 10px 0 0;
}

.affichesupleft {
	float:left;
	width: 425px;
	text-align:left;
	padding: 3px 0 0 5px;
}

.affichesupright {
	float:right;
	width:50px;
	padding: 3px 20px 0 0;
}


/* Infobulles */
a.info {
	position: relative;
	color: black;
	text-decoration: none;
	display: block;
}
a.info span {
	display: none; /* on masque l'infobulle */
}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	position:relative;
}
a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;

	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 30px; /* on positionne notre infobulle */
	left: 20px;
	
	text-align: left;
	background: white;
	padding: 3px;
	border: 1px solid black;
}

/* Liste des événements à supprimer */
table.listeEvent {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}

table.listeEvent td {
	padding: 5px;
}

/****************************************/
/*          JQuery + JCarousel          */
/****************************************/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    margin-left:20px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 250px;
    height: 350px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}


.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 501px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 350px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  501px;
    height: 350px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 450px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 240px;
    height: 350px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/skin/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/skin/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/skin/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/skin/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
  /* FIN CSS A L'AFFICHE */


//////////////////////////////////////////
/* AUTOCOMPLETER (member/register.php)  */

div.autocomplete {
  position: absolute;
  width: 500px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border: 1px solid #000;
  max-height: 20em;
  overflow: auto;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
  background-color: #FFFFFF;
}


div.autocomplete ul li span.informal {
    color: grey;
}