body{
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 12px;
color:#333;
background-color:#cccccc;
background-image: url(/media/bg.jpg);

margin: 0px;
padding: 0px;
}
a{
color:#333;
text-decoration: none;
}
a:hover{
color:black;
text-decoration:underline;
}
img{
border:none;
}
#conteneur_global{
width:1000px;
position: relative;
z-index: 1;
margin:0px auto 0px auto;
padding: 0px;
text-align: left;
}
#header{
padding: 0px;
margin: 0px;
width:1000px;
height: 193px;
background-image: url(/media/header.jpg);
background-repeat: no-repeat;
}

#header h1{
cursor: pointer;
position: absolute;
left:0px;
padding: 0px;
float:left;
margin: 0px 0px 0px 3px !important;
margin: 0px 0px 0px 3px;
width:358px;
height: 168px;
background-image: url(/media/logo.jpg);
background-repeat: no-repeat;
}
#header h1 span{
display:none;
}

#pub_haut{
position: absolute;
z-index: 1;

float:left;
width: 728px;
height: 90px;
text-align: center;
margin: 5px 0px 0px 265px;
//margin: 5px 0px 0px -95px;

}

#id_mois
{
width:103px;
}

.separator{
clear:both;
visibility: hidden;
margin:0px;
padding: 0px;
}
.picto{
position: relative;
top:5px;
left:-3px;
}


#prn_update {
position: absolute;
        border: 1px solid #999;
        background: #fff;
        padding: 2px;
        z-index:1000;width:250px;
      }
     
      #prn_update a {
        display: block;
        text-decoration: none;
        color: #333;
      }
       #prn_update a:hover {
        display: block;
       background-color: yellow;
        text-decoration: none;
        color: #333;
      }



/*FORMULAIRE JEU*/
#email{
margin: 0 auto;
padding: 0;
}
#email fieldset{
margin: 0 ;
padding: 0;
}
#email input{
width:250px;
border:1px solid #CCC;

}
#erreur{
height: 16px;
margin-top: 3px;
color:red;
}
#close_form{
position: relative;
left:442px;
top:-20px;
}
#erreur_nom,#erreur_prenom,#erreur_tel,#erreur_mail,#erreur_mail2{
height: 16px;
color:red;
}

/*****************************
*******chemin de nav*******
******************************/
.caillou{
width: 570px;
height: 20px;
margin: 10px 0px 15px 10px;
padding: 0px;
clear: both;
list-style-type: none;
font-size: 12px;
}
.caillou a{
font-size: 12px;
color: teal;
}
.caillou b{
font-size: 12px;

}
.caillou p{
display:inline;
font-size: 12px;
color: #999;
}
.caillou u{
font-size: 12px;
color: #999;
}

.caillou_fest{
width: 570px;
height: 20px;
margin: 10px 0px 15px 10px;
padding: 0px;
clear: both;
list-style-type: none;
font-size: 12px;
position: relative;
top:-20px;
}
.caillou_fest a{
font-size: 12px;
}


/*****************************
**************menu************
******************************/
.menu_haut{
width:652px;
margin:0px 0px 0px 360px;
padding: 0px;
z-index: 2;
position: relative;
top:115px;
left: 5px;	
}
.menu_haut a{

margin:0px 0px 0px 0px;
padding: 0px;

}

.menu_haut span{
display: none;
}
.menu_haut li{
margin: 0px;
padding: 0px;
list-style: none;
margin:0px;
padding: 0px;
float:left;
}
.onglet_accueil{

position: relative;

top:-19px!important;
top:-21px;
display: block;
width: 67px;
height: 80px;
background-image: url(/media/accueil.png)!important;
background-image: url(/media/accueil.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
}
.onglet_accueil:hover{
background-position:0px 4px!important;
background-position:0px 4px;
}
.onglet_chez_vous{

position: relative;
left:0px;
top:-25px!important;
top:-23px;
display: block;
width: 68px;
height: 80px;
background-image: url(/media/chezVous.png)!important;
background-image: url(/media/chezVous.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
}
.onglet_chez_vous:hover{
background-position:0px 4px!important;
background-position:0px 4px;
}

.onglet_mois{

position: relative;

top:-20px!important;
top:-20px;
display: block;
width: 66px;
height: 81px;
background-image: url(/media/ceMois.png)!important;
background-image: url(/media/ceMois.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
}
.onglet_mois:hover{
background-position:0px 4px!important;
background-position:0px 4px;
}
.onglet_coeur{

position: relative;

top:-23px!important;
top:-23px;
display: block;
width: 67px;
height: 80px;
background-image: url(/media/coupCoeur.png)!important;
background-image: url(/media/coupCoeur.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
}
.onglet_coeur:hover{
background-position:0px 4px!important;
background-position:0px 4px;
}
.onglet_autour{

position: relative;
left:0px;
top:-23px!important;
top:-23px;

display: block;
width: 73px;
height: 83px;
background-image: url(/media/autourFestival.png)!important;
background-image: url(/media/autourFestival.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
}
.onglet_autour:hover{
background-position:0px 4px!important;
background-position:0px 4px;
}
.onglet_infoconcert{

position: relative;
left:0px;
top:-23px!important;
top:-23px;

display: block;
width: 68px;
height: 83px;
background-image: url(/media/b_concert.png)!important;
background-image: url(/media/b_concert.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
}
.onglet_infoconcert:hover{
background-position:0px 4px!important;
background-position:0px 4px;
}

.onglet_tousenlive{

position: relative;
left:0px;
top:-23px!important;
top:-23px;

display: block;
width: 73px;
height: 83px;
background-image: url(/media/tousenlive.png)!important;
background-image: url(/media/tousenlive.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
}
.onglet_tousenlive:hover{
background-position:0px 4px!important;
background-position:0px 4px;
}

#liste_region
{
	clear:both;
	position:relative;
	top:40px;
	text-align:justify;
}

#liste_region h3
{
	clear:both;
	color:#00ADF1;
}

/*****************************
**************texte************
******************************/
#herbe{
position: relative;
top:155px;
//top:72px;
left:360px;
z-index:8;
margin:0px 0px 0px 0px;
padding: 0px;
width: 485px;
height: 15px;
background-image: url(/media/herbe.gif);
background-repeat: no-repeat;

}

#texte{
position: relative;

z-index:8;
padding: 0px;
width: 1010px;
background-image: url(/media/fond_text.gif);
background-repeat: repeat-y;
margin: -25px 0px 0px 0px !important;
margin: -25px 0px 0px 0px;
padding: 5px 0px 0px 0px;


}
#bas_texte{
margin:0px 0px 0px 0px;
padding: 0px;
width: 1010px;
height: 38px;
background-image: url(/media/bas_text.gif);
background-repeat: no-repeat;
text-align: center;
}
/*****************************
**************colonne gauche*******
******************************/
#col_gauche{
width: 650px;
float: left;
margin: 0px;
padding: 0px;
}
/*****************************
**************colonne droite************
******************************/
#col_droite{
width: 350px;
float: left;
margin: 0px;
padding: 0px;
}

/*****************************
**************pub google************
******************************/

#pub_goo{
position: relative;
z-index: 8;
top:-5px;
left: -5px!important;
left: 0px;
padding: 42px 0px 0px 12px;
width:329px!important;
height:270px!important;

width:327px;
height: 264px;
background-image: url(/media/pub_goo.png)!important;
background-image: url(/media/pub_goo.gif);
background-repeat: no-repeat;
margin: 0px 0px 10px -2px!important;
margin: 0px 0px 10px -5px;
}
/*****************************
******vignette affiche********
******************************/

#affiche{
position: relative;
top:-5px;
left:-4px;
padding: 52px 0px 0px 8px;
width:328px;
height: 430px;
background-image: url(/media/affiche.png)!important;
background-image: url(/media/affiche.gif);
background-repeat: no-repeat;
margin: 0px 0px 10px -3px!important;
margin: 0px 0px 10px 0px;

}
#affiche a{

padding:0px;
margin: 7px  ;
float:left;
}

#affiche .la-vignette{
width:120px;
padding:0 8px;
//padding:0;
height:190px;
margin: 5px 5px 10px 0px;
//margin: 0px 5px 0px 0px;
text-align:center;
float:left;
}

/*****************************
******recherche par date******
******************************/

#menu_calendrier{
float: left;
text-align: left;
padding: 49px 0px 10px 5px !important;
padding: 49px 0px 0px 5px ;
width:229px;
height: 141px!important;
height: 125px;
background-image: url(/media/calendrier.png)!important;
background-image: url(/media/calendrier.jpg);
background-repeat: no-repeat;
margin: 0px 0px 10px 25px !important;
margin: -5px 0px 10px 13px;
}
#menu_calendrier select{
border: #ccc solid 1px;
margin: 6px 10px 0px 0px;
//margin: 4px 10px 0px 0px;
}
#id_departement1{
width: 200px;
}
#id_pays1{
width: 200px;
}
#id_genre{
margin: 7px 9px 0px 0px;
width: 117px;
}
.submit_cal{
margin: 7px 9px 0px 0px;

}

/*****************************
*********news*******
******************************/

#news{
float: left;
background-image: url(/media/news.png)!important;
background-image: url(/media/news.gif);
background-repeat: no-repeat;
line-height: 15px;
padding:0px;
width:356px;
height: 196px;
margin: -5px 0px 0px 12px;

position: relative;
left: 4px;
top:1px;
}
#news_contenu{
margin: 80px 0px 0px 38px;
width: 325px;
height:90px;
}

.lien_news{
position:relative;
top:20px;
//top:5px;
left:27px;
}
.puce_news{
border:none;
position:relative;
top:2px;
}

/*****************************
**********suite_texte********
******************************/
#suite_texte_n{
float: left;
text-align: left;
width: 620px !important;
width:630px;
margin: 0px 0px 0px 15px !important;
margin: 2px 0px 0px 2px ;
padding:0px 0px 0px 0px;

}
#bas_s_text_n{
float: left;
width: 620px !important;
width: 630px;
height: 2px;
margin: -1px 0px 30px 15px !important;
margin: 0px 0px 30px 5px ;
padding:0px 0px 0px 0px;

}

#haut_s_texte{

float: left;
width: 620px !important;
width: 620px;
height: 123px;
margin: -2px 0px 0px 26px !important;
margin: -16px 0px 0px 11px ;

padding:0px 0px 0px 0px;
background-image: url(/media/haut_s_texte.png)!important;
background-image: url(/media/haut_s_textE.gif);
background-repeat: no-repeat;

}
#suite_texte{

float: left;
text-align: left;
width:620px !important;
width:620px;
min-height:550px;
_height:550px;
margin: 0px 0px 0px 26px !important;
margin: 0px 0px 0px 11px ;
padding:0px 0px 0px 0px;
background-image: url(/media/fond_s_texte.png) !important;
background-image: url(/media/fond_s_text.gif);
background-repeat: repeat-y;
}
#bas_s_text{
float: left;
width: 620px!important;
width: 620px;
height: 20px!important;
height: 2px;
margin: -1px 0px 30px 26px !important;
margin: -1px 0px 30px 10px ;
padding:0px 0px 0px 0px;
background-image: url(/media/bas_s_texte.png)!important;
background-image: url(/media/bas_s_text.gif);
background-repeat: no-repeat;

}

/*****************************
********recherche******
******************************/

#recherche{
background-image: url(/media/recherche.png)!important;
background-image: url(/media/recherche.gif);
background-repeat: no-repeat;
padding:0px;
width:345px;
height: 115px;
margin: 0px 0px 0px 0px!important;
margin: -1px 0px 0px 0px;
position: relative;
left:-20px;
}
#recherche form{
display:inline;
border: none;
}
#recherche legend{
display:none;
}
#recherche ul{

margin:0px;
padding: 0px;
width: 200px;
position: relative;
left:90px;
}
#recherche li{
margin:0px;
padding: 0px;
list-style: none;
float:left;
}
#form_rech{
clear:both;
border: none;
padding:0px 0px 0px 150px;
position: relative;
top:25px;
//top:10px;
margin:0px 0px 0px 0px;

}
#champ_what{
position:relative;
top:-7px;
margin: 0px;
padding: 0px;
border:#ccc 1px solid;
width:140px;
}
#champ_go{
margin: 0px;
padding: 0px;
}
#recherche span{
display:none;
}

#sur_festival{

display:block;
width:60px;
height: 27px;
background-image: url(/media/re_festival_s.gif);
background-repeat: no-repeat;
margin:0px 0px 0px 0px;
position: relative;
top:11px;
left:-4px;
}
#sur_artiste{

display:block;
width:57px;
height: 27px;
background-image: url(/media/re_artiste.gif);
background-repeat: no-repeat;
position: relative;
top:11px;
left:-10px;
}
#sur_ville{

display:block;
width:63px;
height: 27px;
background-image: url(/media/re_ville.gif);
background-repeat: no-repeat;
position: relative;
top:11px;
left:-12px;
}

/*****************************
**********carte********
******************************/

#carte{
float:left;
padding:0px;
width:420px;
margin: 0px ;

}
#carte_chezvous{
float:left;
padding:0px 0px 0px 0px;
position: relative;
top:-8px;
left: 2px;
width:600px;
margin: 0px 0px 0px 0px!important;
margin: 0px 0px 0px 0px;
height: 426px;

}

/*****************************
**lien sous carte chez_vous***
******************************/

#enFrance{
float: left;
background-image: url(/media/en_france.gif);
background-repeat: no-repeat;
text-align: left;
padding:0px;
width:299px;
height: 257px;
margin: 0px 0px 0px 10px;
position:relative;
top:13px!important;
top:0px;
left:-4px;

}
#enFrance h3{
display:none;
}
#enFrance div{
width:264px;
line-height: 15px;
margin:55px 0px 0px 17px;
padding:0px 0px 5px 0px;
background-color: white;
}
#enFrance a{
text-decoration: none;
font-weight: bold;
color: #333;

}
#enFrance a:hover{
text-decoration: none;
font-weight: bold;
color:purple;

}
#aEtranger{
float: left;
background-image: url(/media/aEtranger.gif);
background-repeat: no-repeat;
text-align: left;
padding:0px;
width:299px;
height: 257px;
margin: 0px 0px 0px 10px;
position:relative;
top:15px!important;
top:1px;
left:0px;

}
#aEtranger h3{
display:none;
}
#aEtranger div{
width:262px;
line-height: 15px;
margin:70px 0px 0px 15px;
padding:0px 0px 5px 0px;
background-color: white;
}
#aEtranger a{
text-decoration: none;
font-weight: bold;
color: #333;

}
#aEtranger a:hover{
text-decoration: none;
font-weight: bold;
color:purple;

}

/*****************************
*********zoom*******
******************************/

#zoom{
float: left;
background-image: url(/media/zoom.png)!important;
background-image: url(/media/zoom.gif);
background-repeat: no-repeat;
text-align: left;

padding:0px;
width:178px;
height: 441px;
margin: 0px 0px 0px 20px;
position:relative;
top:-4px!important;
top:-14px;
left:-1px!important;
left:8px;
line-height: 14px;
}
#zoom a{

text-decoration: none;
border: none;
color:black;
}
#zoom b{
text-decoration: none;
border: none;
color:purple;
margin: 3px 0px 3px 0px ;
}
#zoom img{
width: 100px;

border:none;
margin:7px 0px 10px 25px;
}

#zoom_contenu{
margin: 80px 0px 0px 10px;

width: 150px;
height:340px;
}
/*****************************
*****page news****************
******************************/

#liste_news {
margin: -60px 0px 0px 0px;
padding: 0px;
float: left;
}
#liste_news h3 {
color:#00adee;
font-size: 13px;
font-weight: normal;
}
.list_n a{
font-weight: normal;
color:#90aa22;
}
#liste_news p {
position:relative;
top:0px;
color:#3f3f3f;
font-size: 11px;
text-align: justify;
width: 560px;
}

.list_n{

margin: 0px 0px 0px 10px;
list-style-type:none;
background:url(/media/puce_news.gif) top left no-repeat;
padding-left: 20px;
}
.pagination{
clear: both;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 10px;
list-style: none;
}

/*****************************
********page search**********
******************************/

#liste_search {
margin: -80px 0px 0px 0px ;
padding: 0px;
clear:both;
list-style-type: none;
color:#3f3f3f;
}
.search{
width: 540px;
margin: 5px 0px 0px 10px;
list-style-type:none;
background:url(/media/puce_random.gif) top left no-repeat;
padding-left: 13px;
}
.search a{
color: teal;

}
.search a:hover{
color: teal;

}
.pagi_search{
width: 540px;


margin: 15px 0px 0px 10px;
list-style-type:none;

}



/*****************************
********page region***********
******************************/

#liste_fest {
margin: -80px 0px 0px 0px ;
padding: 0px;
clear:both;
list-style-type: none;
color:#3f3f3f;
}
.selection_fest{
list-style-type: none;
width: 620px;
height:323px;
padding:10px 5px 5px 2px;
line-height: 12px;

}
.select{
color: teal;
font-size: 12px;
font-weight: bold;
margin:0px 0px 0px 0px;
position: relative;
left:-10px;
//left:0px;
}
.selection_fest img{
border: none;
position: relative;
left:1px;
width: 150px;
}
.vignette_selection{
overflow: hidden;
float:left;
margin: 0px 0px 0px 0px!important;
margin: 0px 0px 0px 0px;
padding: 23px 0px 0px 0px;
display: block;
width: 199px;
height: 300px;
color:#333;
background-image: url(/media/selection.jpg);
background-repeat: no-repeat;
text-align: center;

}
.vignette_selection span{

font-size: 11px;
display:block;
width: 180px;
padding: 0px;
margin:2px 0px 0px 9px;
//margin:2px 0px 0px -2px;
}
.vignette_selection:hover{
text-decoration: none;
}
.nom_region{
color:#333;
font-size: 14px;

margin:10px 0px 30px 10px;
position:relative;
top:10px;
}
.nom_departement {
color:#333;
font-size: 13px;
margin:0px 0px 15px 0px;
position:relative;
top:10px;
}
.random_fest a {
color:teal;
font-size: 11px;
}

#liste_fest p {
position:relative;
top:-5px;
color:#3f3f3f;
font-size: 11px;
text-align: justify;
width: 600px;
}


.list_d{
margin: 0px;
list-style-type:none;
padding-left: 20px;
}
.random_fest{
width: 540px;


margin: 5px 0px 0px -10px;
list-style-type:none;
background:url(/media/puce_random.gif) top left no-repeat;
padding-left: 13px;
}


.pagination{
padding-left: 10px;
list-style: none;
}


.les_autres{

list-style-type: none;
margin:10px 0px 0px 0px;
padding: 0px 0px 0px 450px;
}
.les_concerts{
clear:left;
list-style-type: none;
margin:40px 0px 0px 0px;
padding: 20px 0px 0px 450px;
}
.tiret{
list-style-type: none;
margin:10px 0px 0px 7px;
padding: 0px 0px 0px 0px;
}
.plus{
position: relative;
top:1px;
border: none;
}
/*****************************
******* Page recherche *****
******************************/
.recherche{
clear: both;
margin: 5px 0px 0px 0px;
list-style-type:none;
background:url(/media/puce_verte.jpg) top left no-repeat;
padding-left: 20px;
}
.recherche a {
color:#90aa22;
font-size: 11px;
}
.autre_rech{

position:relative;
margin: 5px 0px 20px 30px;
list-style-type:none;

}
.autre_rech a {
color:purple;
font-size: 11px;
}





/*****************************
******* Page coup de coeur *****
******************************/

#liste_coeur
{
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px;
}

.vignette_coeur
{
	overflow: hidden;
float:left;
margin: 0px 5px 0px 0px!important;
margin: 0px 5px 0px 0px;
padding: 23px 0px 0px 0px;
display: block;
width: 196px;
height: 300px;
color:#333;
background-image: url(/media/selection.jpg);
background-repeat: no-repeat;
text-align: center;



}
.vignette_coeur span{
line-height: 12px;
font-size: 11px;
display:block;
width: 168px;
margin:2px 0px 0px 11px;
//margin:2px 0px 0px -2px;

}
.vignette_coeur:hover
{

	text-decoration: none;
color:#333;
}


#liste_coeur img
{
width: 150px;
	border:none;
}
.img_coeur{
margin:0px 0px 0px 3px;
}

/*****************************
*******l'affiche*****
******************************/

#laffiche{
float: left;
background-image: url(/media/laffiche.png)!important;
background-image: url(/media/alaffiche.gif);
background-repeat: no-repeat;
text-align: left;
padding:0px;
width:299px;
height: 257px;
margin: 0px 0px 0px 10px;
position:relative;
top:-5px!important;
top:-17px;
left:-7px!important;
left:-7px;
}
#laffiche b{
color:purple;
font-weight: normal;
}
#laffiche u{
text-decoration:none;
font-size: 11px;
font-weight: normal;
}
#laffiche a{
display: block;
text-decoration: none;
border:none;
color:#333;
background:url(/media/puce_affiche.gif) 0 -22px no-repeat;
padding:4px 0px 0px 24px;
margin:5px 0px 0px 0px;
line-height: 13px;
min-height: 18px;
_height:18px;

}
#laffiche a:first-letter{
text-transform:uppercase;
}
#laffiche a:hover{
background:url(/media/puce_affiche.gif) 0 2px no-repeat;

}
#laffiche ul{
margin: 0px;
padding: 0px;
}
#laffiche li{
list-style-type:none;
width: 283px;

margin: 0px;
padding: 0px;
}



#laffiche_contenu{
margin:50px 0px 0px 11px;

width: 270px;
height:180px;
}

/*****************************
******incontournable****
******************************/

#incontournable{
float: left;
background-image: url(/media/incontournable.png)!important;
background-image: url(/media/incontournable.gif);
background-repeat: no-repeat;
text-align:left;
padding:0px;
width:301px;
height: 259px;
margin: 0px 0px 0px 10px;
position:relative;
top:-4px!important;
top:-10px;
left:5px!important;
left:8px;
line-height: 12px;
}
#incontournable a{
text-decoration: none;
color:purple;
display: block;
width: 262px;
height:54px;
margin: 2px 0px 0px 0px;
padding: 3px 0px 0px 1px;
background-image: url(/media/fond_incont.gif);
background-position: 0 -57px;
background-repeat: no-repeat;

}
#incontournable a:hover{
text-decoration: none;
color:white;
display: block;
width: 262px;
height:54px;
margin: 2px 0px 0px 0px;
padding: 3px 0px 0px 1px;
background-image: url(/media/fond_incont.gif);
background-position: 0 1px;
background-repeat: no-repeat;

}

#incontournable img{
border:none;
float:left;
width: 49px;
height: 49px;
margin: 1px 4px 0px 2px;
}
#incontournable b{
font-size: 11px;
color:#333;
font-weight: normal;
}



#incontournable_contenu{
margin: 55px 0px 0px 15px;

width: 272px;
height:180px;
}

/*****************************
****affichage festival seul***
******************************/
.autour{
text-decoration: underline;
color:#333;
}
.aff_festi{
list-style-type: none;
margin: 0px 0px 0px 10px!important;
margin: 0px 0px 0px 5px ;
padding: 0px;
float: left;
color: #000;
width: 580px;
position: relative;
top:-60px;
}
.nom_festi{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
color: #333;
position: relative;
top:-20px;
}
.titre{
display:block;
width:100%;
min-height:17px;
_height:17px;
background: url(/media/pointille.gif) no-repeat bottom center ;
color:#FF6600;
font-size: 14px;
text-transform: uppercase;
font-weight:bold;
padding: 3px 0px 0px 2px;
margin: 20px 0px 10px 0px;

}
.date_fest{
display:block;
color:#333;
font-weight:normal;
padding: 3px 0px 0px 3px;
margin: 0px;



}
.txt_fest{
margin: 5px 0px 0px 3px;
margin: 0px 0px 0px 1px !important;
}
.dt{
float: left;
display: block;
width: 45px;
min-height: 40px;
_height:40px;
background-image:url(/media/date_fest.gif);
background-repeat: no-repeat;
line-height: 13px;
text-align: center;
padding:10px 0px 0px 0px;
}
.jour{
font-size: 16px;
}
.mois{
font-weight: normal;
font-size: 11px;
}
.info_fest{
text-align: left;
display: block;
width: 500px;
min-height: 45px;
_height:45px;
margin: 0px 0px 0px 0px;
float:left;
padding:5px 0px 0px 10px;
}
.aff_festi h3{
font-size: 15px;
}

.festi_lien{
font-weight: normal;
color:teal;
}
.festi_pass{
font-size: 13px;
font-weight: normal;
color:#65af09;
}
.festi_pass:hover{
font-size: 13px;
font-weight: normal;
color:#65af09;
}

.festi_lien:hover{
font-weight: normal;
color:teal;
}
.lieu{
color:#333;
}
.endroit{
display:block;
margin:7px 0px 0px 20px;
font-size: 11px;
}
.endroit u{
color:#666;
}
.lieu:hover{
color:#333;
}
.artiste{
color:#d4368c;
}
.artiste:hover{
color:#d4368c;
}

.aff_festi li{
list-style-type: none;
}
.img_festi{
float: right;
padding: 8px 8px 10px 8px;
margin: 0px 0px 5px 0px;
background-image: url(/media/fond_img_fest.gif);
background-repeat: no-repeat;
}
.im_fest{
display: block;
border: none;
width:150px;
height: 183px;
overflow: hidden;
padding: 15px 0 0 0;
text-align: center;
margin: 0px 0px 0px 0px;
}
.puce{
position: relative;
top:4px;
}
.fest{
display: block;
float:left;
width:560px;
padding: 0px 0px 0px 0px;
text-align: justify;
margin: 0px 0px 0px 4px;
}
.fest_ville{
display: block;
float:left;
width:580px;
background-image: url(/media/fleur_papillon.gif);
background-repeat: no-repeat;
padding: 5px 0px 5px 30px;
text-align: justify;
margin: 10px 0px 0px 4px;
}
.fest_ville_a{
text-decoration: underline;
color:#f38214;
font-size:14px;
font-weight:bold;
padding: 3px 0px 0px 2px;
margin: 20px 0px 10px 0px;

}

.fest_p{
display: block;
float:left;
width:400px;
padding: 0px 0px 0px 0px;
text-align: justify;
margin: 0px 0px 0px 4px;
}

.pagination{
clear: both;
display: block;

padding: 0px 0px 0px 0px;
margin: 20px 10px 5px 4px;

}
.page{
float: left;
width:15px;
height: 15px;
text-align: center;
border:1px solid #333;
display: block;
color:#333;
font-weight: bold;
margin: 0px 0px 0px 5px;
}
.autre_page{
float: left;
width:15px;
height: 15px;
text-align: center;
display: block;
border:1px solid #666;
color:#666;
margin: 0px 0px 0px 5px;
}
.precedent{
float: left;
position: relative;
top:10px;
display:block;
height: 15px;
text-align: center;
color:#666;

margin: 5px;
}
.precedent:hover{
color:#666;

}
.suivant{
float: left;
position: relative;
top:-5px;
left:3px;
height: 15px;
display:block;
text-align: center;
color:#666;
margin: 5px;
}

.autre_page:hover{
text-decoration: none;
color:#666;
margin: 0px 0px 0px 5px;
}

.retour{
margin: -100px 0px 20px 0px;
padding: 0px;
display:block;
clear:both;
}
.previous{
border:none;
position: relative;
top:5px;
left:-1px;
}
.petit_point{
float: left;
position: relative;
top:4px;
color:#666;
margin: 0px 0px 0px 5px;
}

/**************************
       MAP GOOGLE
***************************/

#map{
width:594px; 
height: 300px;
border:1px solid #CCC;

display:none;
}

/*****************************
**************footer************
******************************/
#footer{
position: absolute;
left: 0px;
clear:both;
width: 100%;
height:110px;
background-image:url(/media/bande_bas.gif);
background-position: center -40px;
background-repeat: no-repeat;
position: absolute;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px;
z-index:0;
}