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

body {
	margin: 0; 
	padding: 0;
	font-family: Georgia, Times, Serif;
	text-align: center;
	background: #FFFFFF url("../images/structure/trame.gif") repeat;
}

/* généralités */
p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
ul { list-style-type: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; line-height: 11px; }
img { border: 0; margin: 0; padding: 0; }
form, input, select, textarea { margin: 0; padding: 0; font-family: Georgia, Times, Serif; font-size:11px; color:#696969 }


a, a:link, a:active, a:visited { color: #696969; text-decoration: none; }
a:hover { color: #19171c; text-decoration: underline; }

.clear{ clear: both; }

/* corps */
#container {
	width: 970px;
	margin: 20px auto 20px auto;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	color: #696969;
	font-size: 11px;
}

/*     ---------------------------------------      POPUP     ---------------------------------------      */
#containerpopup {
	background: #FFFFFF url("../images/structure/trame.gif") repeat;
	margin: 0;
	padding: 10px;
	text-align: left;
	color: #696969;
	font-size: 11px;
}
#containerpopup #bandeau { height: 60px;}
#containerpopup #logo { margin:0; }

#containerpopup #colonne_centre {   
	margin-left: 0;
	width: 100%;
}
#containerpopup #colonne_centre div.bloccentre {   
	background-color: #FFFFFF;
	padding: 8px;
	min-height: 213px;
}
/*     ---------------------------------------      CONTRIBUTION     ---------------------------------------      */
#boutons_contribution { 
	clear: both;
	position: relative;
	padding: 20px 0 10px 20px; 
	text-align: right; 
}
#boutons_contribution a { color: #AAAAAA; font-size: 11px; font-weight: bold; text-decoration: underline; }
#boutons_contribution a:hover { color: #444444; }

#contribution { position: relative; background-color: #FFFFFF; }

#contribution a { color: #696969; font-size: 11px; text-decoration: underline; }
#contribution a:link, #contribution a:visited, #contribution a:active { color: #696969; }
#contribution a:hover { color: #19171c; }

#contribution fieldset { padding: 5px; margin: 5px; }
#contribution legend { font-size: 11px; color: #696969; padding-right: 5px; }
#contribution div { clear: both; }
#contribution label { font-size: 11px; color: #696969; padding: 5px; }
#contribution label.champ { display: inline; float: left; width: 150px; }
#contribution label.propriete { display: inline; float: left; width: 150px; }
#contribution input[type=text] { width: 670px; }
#contribution input.contributionlistevaleurs { width: 565px; }
#contribution textarea { width: 670px;  height: 200px;}
#contribution select { width: 200px; }
#contribution input.propriete { width: 100px; }
#contribution input.fichier { width: 565px; float: left; margin-top: 3px; }
#contribution input.size { width: 50px; float: left; }
#contribution input.browse { width: 100px; float: left; }
#contribution input.calendar { width: 100px; float: left; }
#contribution input.displaydate { width: 100px; float: left; }

#contribution_envoyer { border: 0; background-color: transparent; color: #696969; font-size: 12px; font-weight: bold; margin-left: 610px; margin-top: 20px; margin-bottom: 10px; padding-bottom: 20px; }
#contribution_envoyer:hover { color: #19171c; }


/*     ---------------------------------------      HEADER      ---------------------------------------      */
#header { clear: both; }
#bandeau { clear: both; height: 135px; background: url("../images/structure/bgbandeau.gif") repeat; margin:0; padding:0; }
#logo { padding: 0; float:left; margin:10px; }
#logo img { margin: 0; }

/*     ---------------------------------------      PUBLICITES     ---------------------------------------      */
#pub_bandeau { float:left; width:730px; height:90px; margin: 23px 10px 22px 5px; }
#pub_accueil { width:250px; height:250px; margin: 0; }


/*     ---------------------------------------      Liste des SECTIONS     ---------------------------------------      */
#sections {
	clear: both;
	margin: 8px 0 0 0;
	background: #FFFFFF;
	width: 700px;
	height: 30px;
	float: left;
}
#sections li {
	float: left;
	font-weight: bold;
	padding: 0;
	height: 30px;
}

#sections li { padding-left: 10px; padding-right: 10px; padding-top: 4px; position: relative; }
#sections li a { color: #000000; }
#sections li a:hover { color: #000000; }
#sections li a:link, #sections li a:active, #sections li a:visited { color: #000000; }

#sections li ul {
	clear: both;
	position:absolute;
	margin:0px;
	padding-top:5px;
	overflow:hidden;
	width: 150px;
	top: 33px;
	left: 4px;
}

.menu { height:0px; }
.menuhover { height:200px; }

#sections li.deroulant_dossier {
	display:block;
	z-index:20; 
	position:relative;
	border-right:0px;
	margin:0px;
	padding:0px;
	text-align:left;
	width:200px;
	height:20px;
	background-color:#FFFFFF;
}
#sections li.deroulant_dossier a {
	display:block;
	z-index:20; 
	position:relative;
	margin:0px;
	padding:3px 5px 5px 5px;
	top:0px;
	left:0px;
	width:100%;
	height:10px;
	font-size:9px;
	text-align:left;
	font-weight: normal;
	color: #f7b700;
}
#sections li.deroulant_dossier a.deroulant_dossier:hover{ color:#FFFFFF; background-color:#f7b700; text-decoration: none; }

/*     ---------------------------------------      Liste des OUTILS     ---------------------------------------      */
#footer { clear: both;	margin: 8px 0 0 0; }
#outils {
	background: #FFFFFF;
	width: 700px;
	height: 30px;
	float: left;
}
#outils li {
	float: left;
	display:inline;
	font-weight: bold;
	padding: 0;
	height: 30px;
}

#outils li { padding-left: 10px; padding-right: 10px; padding-top: 4px; position: relative; }
#outils li a { display: block; }

#notice { clear: both;	margin: 8px 0 0 0; text-align:right; }
#notice a { color:#999999; font-size:10px; }

/*     ---------------------------------------      LOGIN     ---------------------------------------      */
#bandeau_joindre { 
	float: left;
	width: 150px;
	margin-top: 8px;
	margin-left: 20px;
	height: 27px;
	background-color: #f7b700;
	color: #19171c;
	font-size:13px;
	font-weight: normal;
	padding-top: 3px;
	text-align: center;
}

#bandeau_login { 
	float: left;
	width: 85px;
	margin-top: 8px;
	margin-left: 15px;
	height: 27px;
	background-color: #19171c;
	color: #FFFFFF;
	font-size:13px;
	font-weight: normal;
	padding-top: 3px;
	text-align: center;
}

#bandeau_recherche { 
	float: left;
	width: 250px;
	margin-top: 0;
	margin-left: 20px;
	height: 26px;
	background-color: #f7b700;
	color: #19171c;
	font-weight: normal;
	padding-top: 4px;
	text-align: center;
}

#bandeau_recherche form { margin: 0; padding: 0; }
#bandeau_recherche input { font-size: 10px; margin: 0; padding: 2px; width: 192px; height:12px; border: 1px solid #FFFFFF; }
#bandeau_recherche .ok {
	margin: 0; padding: 0;
    background: transparent url("../images/structure/ok.gif") no-repeat;
	width: 40px;
	height: 20px;
	border: 0;
} 

/*     ---------------------------------------      CHEMIN     ---------------------------------------      */
#chemin {
	clear: both;
}
#chemin li {
	float: left;
}

/*     ---------------------------------------      CONTENU PRINCIPAL     ---------------------------------------      */
#contenu {
	clear: both;
	padding: 0;
	margin: 8px 0 0 0;
}

/*     ---------------------------------------      COLONNE DE GAUCHE     ---------------------------------------      */
#colonne_gauche{   
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 0px;
	width: 0px;
}

/*     ---------------------------------------      Liste des DOSSIERS     ---------------------------------------      */
#dossiers {
	padding: 0;
	margin: 0;
	text-align: left;
}

#dossiers li { 	
	margin: 0;
	padding: 0;
	line-height: 11px;
	font-weight: bold; 
}

#dossiers li.niveau0 {  }
#dossiers li.niveau1 {  }
#dossiers li.niveau2 { display: none; }
#dossiers li.niveau3 { display: none; }
#dossiers li.niveau4 { display: none; }
#dossiers li.niveau5 { display: none; }

/*     ---------------------------------------      COLONNE DE DROITE     ---------------------------------------      */
#colonne_droite{   
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 20px;
	width: 250px;
}

#jeu { height:75px; margin: 8px 0 0 0;  }
#communaute { height:75px; margin: 8px 0 0 0; background: #2c5c9b  url("../images/structure/pilsfacebook.jpg") 0 0 no-repeat; }
#communauteaccueil { height:67px; margin: 8px 0 0 0; background: #2c5c9b  url("../images/structure/pilsfacebook.jpg") 0 0 no-repeat;; }
#facebookfans { height:91px; margin: 0 0 0 0; background-color: #2c5c9b;}


/*     ---------------------------------------      LISTE sous forme de BLOG     ---------------------------------------      */
#blog { background-color: #FFFFFF; margin: 0 0 8px 0; }
#blog div.contenublog { background-color: #FFFFFF; padding: 8px; }

#blog div.chroniquesliste a.zoom { color: #f7b700; font-size: 10px; }
#blog div.chroniquesliste a.zoom:hover { text-decoration: none }
#blog div.chroniquesliste a.zoom span { padding: 0 4px; }
#blog div.chroniquesliste a.zoom span.puce { padding: 0; font-size: 13px; }

#blog div.interviewsliste a.zoom { color: #f7b700; font-size: 10px; }
#blog div.interviewsliste a.zoom:hover { text-decoration: none }
#blog div.interviewsliste a.zoom span { padding: 0 4px; }
#blog div.interviewsliste a.zoom span.puce { padding: 0; font-size: 13px; }

#blog div.blogentete { padding: 0 0 8px 0; }
#blog.defaut div.chroniquesliste a.zoom, #blog.defaut div.chroniquesliste a.zoom span.puce { color: #f7b700; }
#blog div.defaut a.zoom, #blog div.defaut a.zoom span.puce { color: #f7b700; }
#blog.concert div.chroniquesliste a.zoom, #blog.concert div.chroniquesliste a.zoom span.puce { color: #993399; }
#blog div.concert a.zoom, #blog div.concert a.zoom span.puce { color: #993399; }
#blog.theatre div.chroniquesliste a.zoom, #blog.theatre div.chroniquesliste a.zoom span.puce { color: #ff00cd; }
#blog div.theatre a.zoom, #blog div.theatre a.zoom span.puce { color: #ff00cd; }
#blog.danse div.chroniquesliste a.zoom, #blog.danse div.chroniquesliste a.zoom span.puce { color: #0099ff; }
#blog div.danse a.zoom, #blog div.danse a.zoom span.puce { color: #0099ff; }
#blog.exposition div.chroniquesliste a.zoom, #blog.exposition div.chroniquesliste a.zoom span.puce { color: #66cdcc; }
#blog div.exposition a.zoom, #blog div.exposition a.zoom span.puce { color: #66cdcc; }
#blog.decouverte div.chroniquesliste a.zoom, #blog.decouverte div.chroniquesliste a.zoom span.puce { color: #fe0000; }
#blog div.decouverte a.zoom, #blog div.decouverte a.zoom span.puce { color: #fe0000; }
#blog.projection div.chroniquesliste a.zoom, #blog.projection div.chroniquesliste a.zoom span.puce { color: #cdcc00; }
#blog div.projection a.zoom, #blog div.projection a.zoom span.puce { color: #cdcc00; }
#blog.livre div.chroniquesliste a.zoom, #blog.livre div.chroniquesliste a.zoom span.puce { color: #999966; }
#blog div.livre a.zoom, #blog div.livre a.zoom span.puce { color: #999966; }
#blog.bd div.chroniquesliste a.zoom, #blog.bd div.chroniquesliste a.zoom span.puce { color: #cc6666; }
#blog div.bd a.zoom, #blog div.bd a.zoom span.puce { color: #cc6666; }
#blog.dvd div.chroniquesliste a.zoom, #blog.dvd div.chroniquesliste a.zoom span.puce { color: #cdcc00; }
#blog div.dvd a.zoom, #blog div.dvd a.zoom span.puce { color: #cdcc00; }
#blog.musique div.chroniquesliste a.zoom, #blog.musique div.chroniquesliste a.zoom span.puce { color: #993399; }
#blog div.musique a.zoom, #blog div.musique a.zoom span.puce { color: #993399; }
#blog.cinema div.chroniquesliste a.zoom, #blog.cinema div.chroniquesliste a.zoom span.puce { color: #cdcc00; }
#blog div.cinema a.zoom, #blog div.cinema a.zoom span.puce { color: #cdcc00; }
/*     ---------------------------------------      COLONNE CENTRALE     ---------------------------------------      */
#colonne_centre {   
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	width: 700px;
}

#colonne_centre h1, #colonne_centre h1 div { 
	color: #f7b700;
	font-size: 28px;
	font-weight: bold; 
}
#colonne_centre h1 img { 
	color: #ffffff;
}
#colonne_centre h1 div.separation { background: #FFFFFF url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 2px 0 8px 0;}
#colonne_centre h1.defaut, #colonne_centre h1.defaut div { color: #f7b700; }
#colonne_centre h1.concert, #colonne_centre h1.concert div { color: #993399; }
#colonne_centre h1.theatre, #colonne_centre h1.theatre div { color: #ff00cd; }
#colonne_centre h1.danse, #colonne_centre h1.danse div { color: #0099ff; }
#colonne_centre h1.exposition, #colonne_centre h1.exposition div { color: #66cdcc; }
#colonne_centre h1.decouverte, #colonne_centre h1.decouverte div { color: #fe0000; }
#colonne_centre h1.projection, #colonne_centre h1.projection div { color: #cdcc00; }
#colonne_centre h1.livre, #colonne_centre h1.livre div { color: #999966; }
#colonne_centre h1.bd, #colonne_centre h1.bd div { color: #cc6666; }
#colonne_centre h1.dvd, #colonne_centre h1.dvd div { color: #cdcc00; }
#colonne_centre h1.musique, #colonne_centre h1.musique div { color: #993399; }
#colonne_centre h1.cinema, #colonne_centre h1.cinema div { color: #cdcc00; }


#colonne_centre div.bloccentre {   
	background-color: #FFFFFF;
	padding: 8px;
	min-height: 398px;
}

#colonne_centre div.pointilles, #colonne_droite div.pointilles { 
	background: #FFFFFF url("../images/structure/pointilles.gif") repeat;
	padding: 1px 0;
}

#colonne_centre div.pointilles_haut { 
	background: #FFFFFF url("../images/structure/pointilles.gif") repeat;
	padding: 1px 0 0 0;
}

#colonne_centre div.champ { 
	padding: 10px 0 10px 0;
}
#colonne_centre div.champ p { 
	padding: 0 0 10px 0;
	line-height: 16px;
	text-align:justify;
}

/*     ---------------------------------------      ACCUEIL    ---------------------------------------      */
/* A LA UNE */
#une {
	background-color: #FFFFFF;
	padding: 8px;
	height: 232px;
}


#liensune {
	background: transparent url("../images/structure/alaune.gif") 0 0 no-repeat;
	width:20px;
	margin: 0 8px 0 0;
	float:left;
	padding: 112px 0 0 0;
}
#liensune div {
	font-family: Arial, Verdana, sans-serif;
	background: transparent url("../images/structure/pointilles.gif") 0 0 repeat-x;
	font-size:12px;
	width:20px;
	height:20px;
	padding-top:4px;
	color: #696969;
	text-align:center;
	cursor:pointer;
}
#liensune div.bas { height: 1px; }
#liensune div.active { color: #f7b700; }


#listeune {
	position: relative;
	float:left;
	background-color: #FFFFFF;
	width:655px;
	height:232px;
	overflow:hidden;
}

#animationune {
	position:absolute;
}

#animationune div.contenuune { display:block; float:left; width:655px; height:232px; }

#animationune div.contenuune div.survol, #listezoom div.contenuzoom a.mask  { display:block; height:232px; width:655px; }

#animationune div.contenuune .visuel { float:left; width: 232px; height: 232px; }

#animationune div.contenuune .detail { float:left; padding-left:8px; width: 415px; height: 215px; }
#animationune div.contenuune .detail .rubrique { color: #696969; font-size: 15px; margin-bottom: 8px; }
#animationune div.contenuune .detail .titre { color: #f7b700; font-size: 26px; margin-bottom:8px; font-weight: bold; }
#animationune div.contenuune .detail .type { color: #696969; font-size: 12px; margin-bottom: 4px; }
#animationune div.contenuune .detail .quandou { color: #f7b700; font-size: 14px; margin-bottom:8px;}
#animationune div.contenuune .detail .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; height: 1px; margin: 10px 0 8px 0;}
#animationune div.contenuune .detail .chapeau { color: #696969; font-size: 12px; text-align:justify; }

#animationune div.contenuune .liens { float:left; padding-left:8px; padding-top:2px; width: 415px; height: 18px; text-align:right; font-size: 16px; color: #696969; }
#animationune div.contenuune .liens a { padding:0 4px; font-size: 12px; color: #f7b700; }
#animationune div.contenuune .liens a.suite { color: #696969; }
#animationune div.defaut .detail .titre, #animationune div.defaut .detail .quandou { color: #f7b700; }
#animationune div.defaut .liens a { color: #f7b700; }
#animationune div.concert .detail .titre, #animationune div.concert .detail .quandou { color: #993399; }
#animationune div.concert .liens a { color: #993399; }
#animationune div.theatre .detail .titre, #animationune div.theatre .detail .quandou { color: #ff00cd; }
#animationune div.theatre .liens a { color: #ff00cd; }
#animationune div.danse .detail .titre, #animationune div.danse .detail .quandou { color: #0099ff; }
#animationune div.danse .liens a { color: #0099ff; }
#animationune div.exposition .detail .titre, #animationune div.exposition .detail .quandou { color: #66cdcc; }
#animationune div.exposition .liens a { color: #66cdcc; }
#animationune div.decouverte .detail .titre, #animationune div.decouverte .detail .quandou { color: #fe0000; }
#animationune div.decouverte .liens a { color: #fe0000; }
#animationune div.projection .detail .titre, #animationune div.projection .detail .quandou { color: #cdcc00; }
#animationune div.projection .liens a { color: #cdcc00; }
#animationune div.livre .detail .titre, #animationune div.livre .detail .quandou { color: #999966; }
#animationune div.livre .liens a { color: #999966; }
#animationune div.bd .detail .titre, #animationune div.bd .detail .quandou { color: #cc6666; }
#animationune div.bd .liens a { color: #cc6666; }
#animationune div.dvd .detail .titre, #animationune div.dvd .detail .quandou { color: #cdcc00; }
#animationune div.dvd .liens a { color: #cdcc00; }
#animationune div.musique .detail .titre, #animationune div.musique .detail .quandou { color: #993399; }
#animationune div.musique .liens a { color: #993399; }
#animationune div.cinema .detail .titre, #animationune div.cinema .detail .quandou { color: #cdcc00; }
#animationune div.cinema .liens a { color: #cdcc00; }


/* ZOOMS */
#listezoom div.zoom {
	float: left;
	margin: 8px 8px 0 0;
}
#listezoom div.pair { margin-right: 0; }
#listezoom div.contenuzoom {
	background-color: #FFFFFF;
	padding: 8px;
	width: 330px;
	height: 57px;
	text-align: left; 
	position: relative;
}



#listezoom div.contenuzoom div.survol, #listezoom div.contenuzoom a.mask  { position:absolute; top:0; left:0; display:block; height:57px; width:330px; padding:8px; }

#listezoom div.contenuzoom .visuel { float:left; width: 57px; height: 57px; }
#listezoom div.contenuzoom .detail { float:left; padding-left:8px; width: 265px; height: 57px; }
#listezoom div.contenuzoom .type { color: f7b700; font-size: 11px; }
#listezoom div.contenuzoom .titre { color: #f7b700; font-size: 12px; font-weight:bold; font-weight: bold; }
#listezoom div.contenuzoom .chapeau { color: #696969; text-align:justify; }
#listezoom div.defaut .type, #listezoom div.defaut .titre { color: #f7b700; }
#listezoom div.concert .type, #listezoom div.concert .titre { color: #993399; }
#listezoom div.theatre .type, #listezoom div.theatre .titre { color: #ff00cd; }
#listezoom div.danse .type, #listezoom div.danse .titre { color: #0099ff; }
#listezoom div.exposition .type, #listezoom div.exposition .titre { color: #66cdcc; }
#listezoom div.decouverte .type, #listezoom div.decouverte .titre { color: #fe0000; }
#listezoom div.projection .type, #listezoom div.projection .titre { color: #cdcc00; }
#listezoom div.livre .type, #listezoom div.livre .titre { color: #999966; }
#listezoom div.bd .type, #listezoom div.bd .titre { color: #cc6666; }
#listezoom div.dvd .type, #listezoom div.dvd .titre { color: #cdcc00; }
#listezoom div.musique .type, #listezoom div.musique .titre { color: #993399; }
#listezoom div.cinema .type, #listezoom div.cinema .titre { color: #cdcc00; }

/*     ---------------------------------------      Section SORTIR    ---------------------------------------      */
#sectionsortir div.sortir {
	float: left;
	margin: 7px 8px 0 0;
}
#sectionsortir div.sortirconcert, #sectionsortir div.sortirdanse { margin-top: 0; }

#sectionsortir div.pair { margin-right: 0; }
#sectionsortir div.listesortir {
	background-color: #FFFFFF;
	padding: 4px 8px 8px 8px;
	width: 330px;
	height: 120px;
	text-align: left; 
}

#sectionsortir div.sortirtype  { padding-bottom: 2px; }

#sectionsortir div.sortirliste div.sortirune { position:relative; height:80px; width: 330px; }

#sectionsortir div.sortirliste div.sortirune div.survol, #sectionsortir div.sortirliste div.sortirune div.bloc  { position: absolute; display:block; padding:0; top:0; left:0; height:80px; width:330px; }

#sectionsortir div.sortirliste div.sortirune .visuel { float:left; width: 80px; height: 80px; }
#sectionsortir div.sortirliste div.sortirune .detail { float:left; padding-left:8px; width: 242px; height: 65px; }
#sectionsortir div.sortirliste div.sortirune .titre { color: #f7b700; font-size: 12px;  font-weight: bold; }
#sectionsortir div.sortirliste div.sortirune .infos { color: #696969; font-size: 11px;}
#sectionsortir div.sortirliste div.sortirune .avis { padding-top:0; text-align:right; font-size: 11px; color: #696969; }
#sectionsortir div.sortirliste div.sortirune .avis img { padding: 0; align: absmiddle; }

#sectionsortir .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 4px 0 1px 0;}
#sectionsortir .prochains { text-align:right; }

#sectionsortir div.sortirliste div.sortirune div.defaut .titre { color: #f7b700; }
#sectionsortir div.sortirliste div.sortirune div.concert .titre { color: #993399; }
#sectionsortir div.sortirliste div.sortirune div.theatre .titre { color: #ff00cd; }
#sectionsortir div.sortirliste div.sortirune div.danse .titre { color: #0099ff; }
#sectionsortir div.sortirliste div.sortirune div.exposition .titre { color: #66cdcc; }
#sectionsortir div.sortirliste div.sortirune div.decouverte .titre { color: #fe0000; }
#sectionsortir div.sortirliste div.sortirune div.projection .titre { color: #cdcc00; }
#sectionsortir div.sortirliste div.sortirune div.livre .titre { color: #999966; }
#sectionsortir div.sortirliste div.sortirune div.bd .titre { color: #cc6666; }
#sectionsortir div.sortirliste div.sortirune div.dvd .titre { color: #cdcc00; }
#sectionsortir div.sortirliste div.sortirune div.musique .titre { color: #993399; }
#sectionsortir div.sortirliste div.sortirune div.cinema .titre { color: #cdcc00; }

/*     ---------------------------------------      Section CHRONIQUES    ---------------------------------------      */
#sectionchroniques div.chroniques {
	float: left;
	margin: 8px 8px 0 0;
}
#sectionchroniques div.chroniquesbd, #sectionchroniques div.chroniquesdvd { margin-top: 0; }

#sectionchroniques div.pair { margin-right: 0; }
#sectionchroniques div.listechroniques {
	background-color: #FFFFFF;
	padding: 4px 8px 8px 8px;
	width: 330px;
	height: 190px;
	text-align: left; 
}

#sectionchroniques div.chroniquestype  { padding-bottom: 2px; }

#sectionchroniques div.chroniquesliste div.chroniquesune { position:relative; height:130px; width: 330px; }

#sectionchroniques div.chroniquesliste div.chroniquesune div.survol, #sectionchroniques div.chroniquesliste div.chroniquesune div.bloc  { position: absolute; display:block; padding:0; top:0; left:0; height:130px; width:330px; }

#sectionchroniques div.chroniquesliste div.chroniquesune .detail { height: 116px; }
#sectionchroniques div.chroniquesliste div.chroniquesune .titre { color: #f7b700; font-size: 12px;  font-weight: bold; }
#sectionchroniques div.chroniquesliste div.chroniquesune .auteur { color: #f7b700; font-size: 11px; padding-bottom:2px; }
#sectionchroniques div.chroniquesliste div.chroniquesune .visuel { float:left; padding-left:1; width: 80px; height: 80px; margin-top: 2px; }
#sectionchroniques div.chroniquesliste div.chroniquesune .chapeau { float:left; padding-left:7px; width: 242px; color: #696969; text-align:justify; }
#sectionchroniques div.chroniquesliste div.chroniquesune .avis { padding:0; margin:0; text-align:right; font-size: 11px; color: #696969; }
#sectionchroniques div.chroniquesliste div.chroniquesune .avis img { padding: 0; margin:0;  }

#sectionchroniques .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 2px 0 3px 0;}


#sectionchroniques div.chroniquesliste a.zoom {  color:#696969; font-size: 10px; }
#sectionchroniques div.chroniquesliste a.zoom:hover { text-decoration: none }
#sectionchroniques div.chroniquesliste a.zoom span { padding: 0 4px; }
#sectionchroniques div.chroniquesliste a.zoom span.puce { padding: 0; font-size: 13px; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.defaut .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.defaut .auteur { color: #f7b700; }
#sectionchroniques div.chroniquesdefaut a.zoom { color: #f7b700; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.concert .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.concert .auteur { color: #993399; }
#sectionchroniques div.chroniquesconcert a.zoom { color: #993399; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.theatre .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.theatre .auteur { color: #ff00cd; }
#sectionchroniques div.chroniquestheatre a.zoom { color: #ff00cd; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.danse .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.danse .auteur { color: #0099ff; }
#sectionchroniques div.chroniquesdanse a.zoom { color: #0099ff; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.exposition .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.exposition .auteur { color: #66cdcc; }
#sectionchroniques div.chroniquesexposition a.zoom { color: #66cdcc; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.decouverte .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.decouverte .auteur { color: #fe0000; }
#sectionchroniques div.chroniquesdecouverte a.zoom { color: #fe0000; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.projection .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.projection .auteur { color: #cdcc00; }
#sectionchroniques div.chroniquesprojection a.zoom { color: #cdcc00; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.livre .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.livre .auteur { color: #999966; }
#sectionchroniques div.chroniqueslivre a.zoom { color: #999966; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.bd .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.bd .auteur { color: #cc6666; }
#sectionchroniques div.chroniquesbd a.zoom { color: #cc6666; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.dvd .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.dvd .auteur { color: #cdcc00; }
#sectionchroniques div.chroniquesdvd a.zoom { color: #cdcc00; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.musique .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.musique .auteur { color: #993399; }
#sectionchroniques div.chroniquesmusique a.zoom { color: #993399; }
#sectionchroniques div.chroniquesliste div.chroniquesune div.cinema .titre, #sectionchroniques div.chroniquesliste div.chroniquesune div.cinema .auteur { color: #cdcc00; }
#sectionchroniques div.chroniquescinema a.zoom { color: #cdcc00; }

/*     ---------------------------------------      Section FESTIVALS    ---------------------------------------      */
#sectionfestivals div.festivals {
	float: left;
	margin: 0 8px 0 0;
}
#sectionfestivals div.tous { margin-right:0; }

#sectionfestivals div.festivalsliste {
	background-color: #FFFFFF;
	padding: 8px 8px 8px 8px;
	width: 153px;
	height: 498px;
	text-align: left; 
}

#sectionfestivals div.festivalsliste div.festivalzoom { position:relative; height:498px; width: 153px; }


#sectionfestivals div.festivalzoom div.survol { position: absolute; display:block; padding:8px; top:0; left:0; }

#sectionfestivals div.festivalzoom .detail { height:483px; width:153px; }
#sectionfestivals div.festivalzoom .type { padding-bottom:4px; }
#sectionfestivals div.festivalzoom .titre { color: #f7b700; font-size: 12px;  font-weight: bold; height: 30px; text-align:left; }
#sectionfestivals div.festivalzoom .dates { color: #696969; font-size: 11px; height:20px; text-align:left; }
#sectionfestivals div.festivalzoom .genre { color: #696969; font-size: 11px; text-align:justify; font-weight: bold; padding-top: 8px; padding-bottom: 8px; }
#sectionfestivals div.festivalzoom .visuel { padding-left:1; width: 151px; height: 151px; margin-top: 2px; }
#sectionfestivals div.festivalzoom .chapeau { color: #696969; text-align:left; font-size: 11px; line-height: 16px; }
#sectionfestivals div.festivalzoom .lien { text-align:right; }

#sectionfestivals div.toustitre { margin-bottom:8px;}


#sectionfestivals div.lientous { color:#f7b700; font-size: 12px; padding-bottom: 4px; }
#sectionfestivals div.lientous a { color:#f7b700; font-size: 12px;  }
#sectionfestivals div.lientous a span.puce { padding: 0 4px 0 0; font-size: 13px; }
#sectionfestivals div.lientous a:hover { text-decoration:none; }
#sectionfestivals div.defaut .titre { color: #f7b700; }
#sectionfestivals div.lientous a.defaut { color:#f7b700; }
#sectionfestivals div.concert .titre { color: #993399; }
#sectionfestivals div.lientous a.concert { color:#993399; }
#sectionfestivals div.theatre .titre { color: #ff00cd; }
#sectionfestivals div.lientous a.theatre { color:#ff00cd; }
#sectionfestivals div.danse .titre { color: #0099ff; }
#sectionfestivals div.lientous a.danse { color:#0099ff; }
#sectionfestivals div.exposition .titre { color: #66cdcc; }
#sectionfestivals div.lientous a.exposition { color:#66cdcc; }
#sectionfestivals div.decouverte .titre { color: #fe0000; }
#sectionfestivals div.lientous a.decouverte { color:#fe0000; }
#sectionfestivals div.projection .titre { color: #cdcc00; }
#sectionfestivals div.lientous a.projection { color:#cdcc00; }
#sectionfestivals div.livre .titre { color: #999966; }
#sectionfestivals div.lientous a.livre { color:#999966; }
#sectionfestivals div.bd .titre { color: #cc6666; }
#sectionfestivals div.lientous a.bd { color:#cc6666; }
#sectionfestivals div.dvd .titre { color: #cdcc00; }
#sectionfestivals div.lientous a.dvd { color:#cdcc00; }
#sectionfestivals div.musique .titre { color: #993399; }
#sectionfestivals div.lientous a.musique { color:#993399; }
#sectionfestivals div.cinema .titre { color: #cdcc00; }
#sectionfestivals div.lientous a.cinema { color:#cdcc00; }

/*     ---------------------------------------      Section INTERVIEWS    ---------------------------------------      */
#sectioninterviews div.interviews {
	float: left;
	margin: 0 8px 0 0;
}
#sectioninterviews div.pair { margin-right:0; }

#sectioninterviews div.interviewsliste {
	background-color: #FFFFFF;
	padding: 8px 8px 8px 8px;
	width: 330px;
	height: 498px;
	text-align: left; 
}

#sectioninterviews div.interviewsliste div.interviewzoom { position:relative; height:498px; width: 330px; }


#sectioninterviews div.interviewzoom div.survol { position: absolute; display:block; padding:8px; top:0; left:0; }

#sectioninterviews div.interviewzoom .detail { height:483px; width:330px; }
#sectioninterviews div.interviewzoom .type { padding-bottom:4px; }
#sectioninterviews div.interviewzoom .titre { color: #f7b700; font-size: 18px;  font-weight: bold; height: 40px; text-align:left; }
#sectioninterviews div.interviewzoom .dates { color: #696969; font-size: 11px; height:20px; text-align:left; }
#sectioninterviews div.interviewzoom .genre { color: #696969; font-size: 11px; text-align:justify; font-weight: bold; padding-top: 12px; }
#sectioninterviews div.interviewzoom .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; height: 1px; margin: 10px 0 8px 0;}
#sectioninterviews div.interviewzoom .visuel { padding-left:1; width: 330px; height: 180px; margin-top: 2px; }
#sectioninterviews div.interviewzoom .chapeau { color: #696969; text-align:justify; font-size: 11px; line-height: 16px; }
#sectioninterviews div.interviewzoom .lien { text-align:right; }

#sectioninterviews div.interviewzoom .visuelopikopi { padding-left:1; width: 330px; height: 210px; margin-top: 2px; margin-bottom: 8px; text-align:center; background: url("../images/background/opikopi.jpg") center center no-repeat; }

#sectioninterviews div.defaut .titre { color: #f7b700; }
#sectioninterviews div.lientous a.defaut { color:#f7b700; }
#sectioninterviews div.concert .titre { color: #993399; }
#sectioninterviews div.lientous a.concert { color:#993399; }
#sectioninterviews div.theatre .titre { color: #ff00cd; }
#sectioninterviews div.lientous a.theatre { color:#ff00cd; }
#sectioninterviews div.danse .titre { color: #0099ff; }
#sectioninterviews div.lientous a.danse { color:#0099ff; }
#sectioninterviews div.exposition .titre { color: #66cdcc; }
#sectioninterviews div.lientous a.exposition { color:#66cdcc; }
#sectioninterviews div.decouverte .titre { color: #fe0000; }
#sectioninterviews div.lientous a.decouverte { color:#fe0000; }
#sectioninterviews div.projection .titre { color: #cdcc00; }
#sectioninterviews div.lientous a.projection { color:#cdcc00; }
#sectioninterviews div.livre .titre { color: #999966; }
#sectioninterviews div.lientous a.livre { color:#999966; }
#sectioninterviews div.bd .titre { color: #cc6666; }
#sectioninterviews div.lientous a.bd { color:#cc6666; }
#sectioninterviews div.dvd .titre { color: #cdcc00; }
#sectioninterviews div.lientous a.dvd { color:#cdcc00; }
#sectioninterviews div.musique .titre { color: #993399; }
#sectioninterviews div.lientous a.musique { color:#993399; }
#sectioninterviews div.cinema .titre { color: #cdcc00; }
#sectioninterviews div.lientous a.cinema { color:#cdcc00; }

/*     ---------------------------------------      Section WEWEWE    ---------------------------------------      */
#sectionwewewe #wewewesites {
	float: left;
	margin: 0 8px 0 0;
}

#sectionwewewe div.wewewesitesliste {
	background-color: #FFFFFF;
	padding: 8px 8px 8px 8px;
	width: 330px;
	height: 398px;
	text-align: left; 
	position:relative;
}

#sectionwewewe div.wewewesitesliste div.wewewesitezoom { position:relative; height:398px; width: 330px; }

#sectionwewewe div.wewewesitezoom div.survol { position: absolute; display:block; padding:8px; top:0; left:0; }

#sectionwewewe div.wewewesitezoom .detail { height:383px; width:330px; }
#sectionwewewe div.wewewesitezoom .type { padding-bottom:2px; }
#sectionwewewe div.wewewesitezoom .titre { color: #f7b700; font-size: 18px;  font-weight: bold; text-align:left; }
#sectionwewewe div.wewewesitezoom .dates { color: #696969; font-size: 11px; height:20px; text-align:left; }
#sectionwewewe div.wewewesitezoom .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; height: 1px; margin: 2px 0 8px 0;}
#sectionwewewe div.wewewesitezoom .visuel { padding-left:1; width: 330px; margin-top: 2px; margin-bottom:16px; }
#sectionwewewe div.wewewesitezoom .chapeau { color: #696969; text-align:justify; font-size: 11px; line-height: 14px; margin-bottom: 8px; }
#sectionwewewe div.wewewesitezoom .detail a.url { margin-top:16px; height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/puce.jpg") 2px 4px no-repeat; padding-left:16px; font-weight:bold }
#sectionwewewe div.wewewesitezoom .detail a.url:hover { color: #19171c; text-decoration:underline; }
#sectionwewewe div.wewewesitezoom .lien { text-align:right; }

#sectionwewewe #wewewevideos {
	float: left;
	margin: 0 0 8px 0;
}

#sectionwewewe div.wewewevideosliste {
	background-color: #FFFFFF;
	padding: 8px 8px 8px 8px;
	width: 330px;
	height: 206px;
	text-align: left; 
}

#sectionwewewe div.wewewevideosliste div.wewewevideozoom { position:relative; height:206px; width: 330px; }

#sectionwewewe div.wewewevideozoom div.survol { position: absolute; display:block; padding:8px; top:0; left:0; }

#sectionwewewe div.wewewevideozoom .detail { height:191px; width:330px; }
#sectionwewewe div.wewewevideozoom .type { padding-bottom:2px; }
#sectionwewewe div.wewewevideozoom .titre { color: #f7b700; font-size: 18px;  font-weight: bold; height: 20px; text-align:left; }
#sectionwewewe div.wewewevideozoom .dates { color: #696969; font-size: 11px; height:20px; text-align:left; }
#sectionwewewe div.wewewevideozoom .genre { color: #696969; font-size: 11px; text-align:justify; font-weight: bold; padding-top: 12px; }
#sectionwewewe div.wewewevideozoom .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; height: 1px; margin: 2px 0 8px 0;}
#sectionwewewe div.wewewevideozoom .video { float:left; width: 180px; padding-right:8px; }
#sectionwewewe div.wewewevideozoom .chapeau { color: #696969; text-align:justify; font-size: 11px; line-height: 14px; width:142px; float:left; }
#sectionwewewe div.wewewevideozoom .lien { text-align:right; }

#sectionwewewe #wewewemp3s {
	float: left;
	margin: 0 0 0 0;
	position:relative;
}

#sectionwewewe div.wewewemp3sliste {
	background-color: #FFFFFF;
	padding: 8px 8px 8px 8px;
	width: 330px;
	height: 166px;
	text-align: left; 
}

#sectionwewewe div.wewewemp3sliste div.wewewemp3zoom { position:relative; height:166px; width: 330px; }

#sectionwewewe div.wewewemp3zoom div.survol { position: absolute; display:block; padding:8px; top:0; left:0; }

#sectionwewewe div.wewewemp3zoom .detail { height:150px; width:330px; }
#sectionwewewe div.wewewemp3zoom .type { padding-bottom:2px; }
#sectionwewewe div.wewewemp3zoom .titre { color: #f7b700; font-size: 18px;  font-weight: bold; height: 20px; text-align:left; }
#sectionwewewe div.wewewemp3zoom .dates { color: #696969; font-size: 11px; height:20px; text-align:left; }
#sectionwewewe div.wewewemp3zoom .genre { color: #696969; font-size: 11px; text-align:justify; font-weight: bold; padding-top: 12px; }
#sectionwewewe div.wewewemp3zoom .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; height: 1px; margin: 2px 0 8px 0;}
#sectionwewewe div.wewewemp3zoom .visuel { width: 80px; height: 80px; margin-top: 2px; float:left; padding-right:8px; }
#sectionwewewe div.wewewemp3zoom .morceau { color: #696969; font-weight:bold; text-align:justify; font-size: 11px; line-height: 16px; float:left; width:242px;  }
#sectionwewewe div.wewewemp3zoom .chapeau { color: #696969; text-align:justify; font-size: 11px; line-height: 14px; float:left; width:242px;  }
#sectionwewewe div.wewewemp3zoom .lien { text-align:right; }


/*     ---------------------------------------      BIENVENUE COMMUNAUTE    ---------------------------------------      */
#bienvenue { padding-top: 100px; padding-right: 284px; width: 400px; minheight:255px; }

/*     ---------------------------------------      Listes d'ARTICLES SORTIR    ---------------------------------------      */
#listesortir div.zoom {
	float: left;
	margin: 8px 8px 0 0;
}
#listesortir div.pair { margin-right: 0; }
#listesortir div.contenuzoom {
	background-color: #FFFFFF;
	padding: 8px 8px 0 8px;
	width: 320px;
	height: 57px;
	text-align: left;
	position:relative;
}

#listesortir div.contenuzoom div.survol  { position: absolute; display:block; padding:8px; top:0; left:0; width:320px; }

#listesortir div.contenuzoom .visuel { float:left; width: 57px; height: 57px; }
#listesortir div.contenuzoom .detail { float:left; padding-left:8px; width: 255px; height: 38px; }
#listesortir div.contenuzoom .titre { color: #f7b700; font-size: 12px;  font-weight: bold; }
#listesortir div.contenuzoom .infos { color: #696969; font-size: 11px; margin-bottom:8px;}
#listesortir div.contenuzoom .avis { padding-top:0; text-align:right; font-size: 11px; color: #696969; }
#listesortir div.contenuzoom .avis img { padding: 0; align: absmiddle; }
#listesortir div.defaut .titre { color: #f7b700; }
#listesortir div.concert .titre { color: #993399; }
#listesortir div.theatre .titre { color: #ff00cd; }
#listesortir div.danse .titre { color: #0099ff; }
#listesortir div.exposition .titre { color: #66cdcc; }
#listesortir div.decouverte .titre { color: #fe0000; }
#listesortir div.projection .titre { color: #cdcc00; }
#listesortir div.livre .titre { color: #999966; }
#listesortir div.bd .titre { color: #cc6666; }
#listesortir div.dvd .titre { color: #cdcc00; }
#listesortir div.musique .titre { color: #993399; }
#listesortir div.cinema .titre { color: #cdcc00; }


/*     ---------------------------------------      FICHE SORTIR    ---------------------------------------      */
#sortir div.contenufiche { display: block; padding: 0 0 8px 0; }
#sortir div.contenufiche .visuel { float:left; width: 232px; min-height:232px; }
#sortir div.contenufiche .visuel img.visuel { width: 232px; }

#sortir div.contenufiche .detail { float:left; padding-left:13px; width: 430px; }
#sortir div.contenufiche .detail .infos { color: #f7b700; font-size: 12px; margin-bottom: 4px; }
#sortir div.contenufiche .detail .type { color: #696969; font-size: 12px; margin-bottom: 4px; }
#sortir div.contenufiche .detail .quandou { color: #f7b700; font-size: 12px; margin-bottom:8px;}
#sortir div.contenufiche .detail .quandou a { color: #f7b700; }
#sortir div.contenufiche .detail .quandou span{ color: #696969; font-size: 12px;padding-left:4px;}
#sortir div.contenufiche .detail .agendaperso { color: #f7b700; font-size: 12px; margin-bottom:8px;}
#sortir div.contenufiche .detail .agendaperso a { color: #f7b700; }
#sortir div.contenufiche .detail .agendaperso span{ color: #696969; font-size: 12px;padding-left:4px;}
#sortir div.contenufiche .detail .agendaperso a.lienresa { padding-left: 16px; }
#sortir div.contenufiche .detail .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; height: 1px; margin: 10px 0 8px 0;}
#sortir div.contenufiche .detail .chapeau { line-height: 18px; margin-bottom: 8px;  font-size:11px; color: #696969; font-weight: bold; text-align:justify; }
#sortir div.contenufiche .detail .texte { margin-bottom: 8px; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }
#sortir div.contenufiche .detail .avispils { margin-top: 8px; color: #f7b700; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }

#sortir div.contenufiche .detail .liens { margin-top: 16px; margin-bottom: 16px; }
#sortir div.contenufiche .detail .liens a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/pictolien.gif") 0 1px no-repeat; padding-left:16px; }

#sortir .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 10px 0 8px 0;}

#sortir #precedentsuivant { clear: both; display: block; height: 15px; margin: 0 0 8px 0;}
#sortir #precedentsuivant #precedent { float: left;}
#sortir #precedentsuivant #suivant { float: right;}

#sortir.defaut div.contenufiche .detail .infos, #sortir.defaut div.contenufiche .detail .quandou, #sortir.defaut div.contenufiche .detail .quandou a, #sortir.defaut div.contenufiche .detail .avispils { color: #f7b700; }
#sortir.concert div.contenufiche .detail .infos, #sortir.concert div.contenufiche .detail .quandou, #sortir.concert div.contenufiche .detail .quandou a, #sortir.concert div.contenufiche .detail .avispils { color: #993399; }
#sortir.theatre div.contenufiche .detail .infos, #sortir.theatre div.contenufiche .detail .quandou, #sortir.theatre div.contenufiche .detail .quandou a, #sortir.theatre div.contenufiche .detail .avispils { color: #ff00cd; }
#sortir.danse div.contenufiche .detail .infos, #sortir.danse div.contenufiche .detail .quandou, #sortir.danse div.contenufiche .detail .quandou a, #sortir.danse div.contenufiche .detail .avispils { color: #0099ff; }
#sortir.exposition div.contenufiche .detail .infos, #sortir.exposition div.contenufiche .detail .quandou, #sortir.exposition div.contenufiche .detail .quandou a, #sortir.exposition div.contenufiche .detail .avispils { color: #66cdcc; }
#sortir.decouverte div.contenufiche .detail .infos, #sortir.decouverte div.contenufiche .detail .quandou, #sortir.decouverte div.contenufiche .detail .quandou a, #sortir.decouverte div.contenufiche .detail .avispils { color: #fe0000; }
#sortir.projection div.contenufiche .detail .infos, #sortir.projection div.contenufiche .detail .quandou, #sortir.projection div.contenufiche .detail .quandou a, #sortir.projection div.contenufiche .detail .avispils { color: #cdcc00; }
#sortir.livre div.contenufiche .detail .infos, #sortir.livre div.contenufiche .detail .quandou, #sortir.livre div.contenufiche .detail .quandou a, #sortir.livre div.contenufiche .detail .avispils { color: #999966; }
#sortir.bd div.contenufiche .detail .infos, #sortir.bd div.contenufiche .detail .quandou, #sortir.bd div.contenufiche .detail .quandou a, #sortir.bd div.contenufiche .detail .avispils { color: #cc6666; }
#sortir.dvd div.contenufiche .detail .infos, #sortir.dvd div.contenufiche .detail .quandou, #sortir.dvd div.contenufiche .detail .quandou a, #sortir.dvd div.contenufiche .detail .avispils { color: #cdcc00; }
#sortir.musique div.contenufiche .detail .infos, #sortir.musique div.contenufiche .detail .quandou, #sortir.musique div.contenufiche .detail .quandou a, #sortir.musique div.contenufiche .detail .avispils { color: #993399; }
#sortir.cinema div.contenufiche .detail .infos, #sortir.cinema div.contenufiche .detail .quandou, #sortir.cinema div.contenufiche .detail .quandou a, #sortir.cinema div.contenufiche .detail .avispils { color: #cdcc00; }

/*     ---------------------------------------      FICHE CHRONIQUE    ---------------------------------------      */
#chronique div.contenufiche { display: block; padding: 0 0 8px 0; }
#chronique div.contenufiche .visuel { float:left; width: 232px; min-height:232px; }
#chronique div.contenufiche .visuel { width: 232px; }
#chronique div.contenufiche img { margin-bottom: 8px; }
#chronique div.contenufiche .visuel .infos { color: #f7b700; font-size: 12px; margin-bottom: 4px; }

#chronique div.contenufiche .detail { float:left; padding-left:13px; width: 430px; }
#chronique div.contenufiche .detail .auteur { color: #f7b700; font-size: 12px; margin-bottom: 4px; font-weight:bold; }
#chronique div.contenufiche .detail .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; height: 1px; margin: 10px 0 8px 0;}
#chronique div.contenufiche .detail .chapeau { line-height: 18px; margin-bottom: 8px;  font-size:11px; color: #696969; font-weight: bold; text-align:justify; }
#chronique div.contenufiche .detail .texte { margin-bottom: 8px; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }
#chronique div.contenufiche .detail .avispilsentete { margin-top:20px; }
#chronique div.contenufiche .detail .avispils { color: #f7b700; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }

#chronique div.contenufiche .detail .liens { margin-top: 16px; margin-bottom: 16px; }
#chronique div.contenufiche .detail .liens a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/pictolien.gif") 0 1px no-repeat; padding-left:16px; }

#chronique .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 10px 0 8px 0;}

#chronique #precedentsuivant { clear: both; display: block; height: 15px; margin: 0 0 8px 0;}
#chronique #precedentsuivant #precedent { float: left;}
#chronique #precedentsuivant #suivant { float: right;}
#chronique.defaut div.contenufiche .visuel .infos, #chronique.defaut div.contenufiche .detail .auteur, #chronique.defaut div.contenufiche .detail .avispils { color: #f7b700; }
#chronique.defaut .titre, #chronique.defaut .auteur { color: #f7b700; }
#chronique.concert div.contenufiche .visuel .infos, #chronique.concert div.contenufiche .detail .auteur, #chronique.concert div.contenufiche .detail .avispils { color: #993399; }
#chronique.concert .titre, #chronique.concert .auteur { color: #993399; }
#chronique.theatre div.contenufiche .visuel .infos, #chronique.theatre div.contenufiche .detail .auteur, #chronique.theatre div.contenufiche .detail .avispils { color: #ff00cd; }
#chronique.theatre .titre, #chronique.theatre .auteur { color: #ff00cd; }
#chronique.danse div.contenufiche .visuel .infos, #chronique.danse div.contenufiche .detail .auteur, #chronique.danse div.contenufiche .detail .avispils { color: #0099ff; }
#chronique.danse .titre, #chronique.danse .auteur { color: #0099ff; }
#chronique.exposition div.contenufiche .visuel .infos, #chronique.exposition div.contenufiche .detail .auteur, #chronique.exposition div.contenufiche .detail .avispils { color: #66cdcc; }
#chronique.exposition .titre, #chronique.exposition .auteur { color: #66cdcc; }
#chronique.decouverte div.contenufiche .visuel .infos, #chronique.decouverte div.contenufiche .detail .auteur, #chronique.decouverte div.contenufiche .detail .avispils { color: #fe0000; }
#chronique.decouverte .titre, #chronique.decouverte .auteur { color: #fe0000; }
#chronique.projection div.contenufiche .visuel .infos, #chronique.projection div.contenufiche .detail .auteur, #chronique.projection div.contenufiche .detail .avispils { color: #cdcc00; }
#chronique.projection .titre, #chronique.projection .auteur { color: #cdcc00; }
#chronique.livre div.contenufiche .visuel .infos, #chronique.livre div.contenufiche .detail .auteur, #chronique.livre div.contenufiche .detail .avispils { color: #999966; }
#chronique.livre .titre, #chronique.livre .auteur { color: #999966; }
#chronique.bd div.contenufiche .visuel .infos, #chronique.bd div.contenufiche .detail .auteur, #chronique.bd div.contenufiche .detail .avispils { color: #cc6666; }
#chronique.bd .titre, #chronique.bd .auteur { color: #cc6666; }
#chronique.dvd div.contenufiche .visuel .infos, #chronique.dvd div.contenufiche .detail .auteur, #chronique.dvd div.contenufiche .detail .avispils { color: #cdcc00; }
#chronique.dvd .titre, #chronique.dvd .auteur { color: #cdcc00; }
#chronique.musique div.contenufiche .visuel .infos, #chronique.musique div.contenufiche .detail .auteur, #chronique.musique div.contenufiche .detail .avispils { color: #993399; }
#chronique.musique .titre, #chronique.musique .auteur { color: #993399; }
#chronique.cinema div.contenufiche .visuel .infos, #chronique.cinema div.contenufiche .detail .auteur, #chronique.cinema div.contenufiche .detail .avispils { color: #cdcc00; }
#chronique.cinema .titre, #chronique.cinema .auteur { color: #cdcc00; }

	
/*     ---------------------------------------      FICHE FESTIVAL    ---------------------------------------      */
#festival div.contenufiche { display: block; padding: 0 0 8px 0; }
#festival div.contenufiche .visuel { float:left; width: 232px; min-height:232px; }
#festival div.contenufiche .visuel { width: 232px; }
#festival div.contenufiche .visuel img { margin-bottom: 8px; }

#festival div.contenufiche .detail { float:left; padding-left:13px; width: 430px; }
#festival div.contenufiche .detail .rubrique { margin:0; padding:0; }
#festival div.contenufiche .detail .titre { color: #f7b700; font-size: 28px; margin-bottom: 8px; font-weight:bold; }
#festival div.contenufiche .detail .genre { font-size:12px; color: #696969; font-weight: bold; }
#festival div.contenufiche .detail .infos { font-size:14px; color: #f7b700; font-weight: bold; padding-top:8px; }
#festival div.contenufiche .detail .infos a { color: #f7b700; }
#festival div.contenufiche .detail .agendaperso { color: #f7b700; font-size: 12px; margin-bottom:8px; margin-top:8px;}
#festival div.contenufiche .detail .agendaperso a { color: #f7b700; }
#festival div.contenufiche .detail .agendaperso span{ color: #696969; font-size: 12px;padding-left:4px;}
#festival div.contenufiche .detail .texte { margin-top: 8px; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }

#festival div.contenufiche .detail .liens { margin-top: 16px; margin-bottom: 16px; }
#festival div.contenufiche .detail .liens a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/pictolien.gif") 0 1px no-repeat; padding-left:16px; }

#festival .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 10px 0 8px 0;}

#festival #precedentsuivant { clear: both; display: block; height: 15px; margin: 0 0 8px 0;}
#festival #precedentsuivant #precedent { float: left;}
#festival #precedentsuivant #suivant { float: right;}
#festival.defaut div.contenufiche .infos, #festival.defaut div.contenufiche .infos a, #festival.defaut div.contenufiche .titre { color: #f7b700; }
#festival.concert div.contenufiche .infos, #festival.concert div.contenufiche .infos a, #festival.concert div.contenufiche .titre { color: #993399; }
#festival.theatre div.contenufiche .infos, #festival.theatre div.contenufiche .infos a, #festival.theatre div.contenufiche .titre { color: #ff00cd; }
#festival.danse div.contenufiche .infos, #festival.danse div.contenufiche .infos a, #festival.danse div.contenufiche .titre { color: #0099ff; }
#festival.exposition div.contenufiche .infos, #festival.exposition div.contenufiche .infos a, #festival.exposition div.contenufiche .titre { color: #66cdcc; }
#festival.decouverte div.contenufiche .infos, #festival.decouverte div.contenufiche .infos a, #festival.decouverte div.contenufiche .titre { color: #fe0000; }
#festival.projection div.contenufiche .infos, #festival.projection div.contenufiche .infos a, #festival.projection div.contenufiche .titre { color: #cdcc00; }
#festival.livre div.contenufiche .infos, #festival.livre div.contenufiche .infos a, #festival.livre div.contenufiche .titre { color: #999966; }
#festival.bd div.contenufiche .infos, #festival.bd div.contenufiche .infos a, #festival.bd div.contenufiche .titre { color: #cc6666; }
#festival.dvd div.contenufiche .infos, #festival.dvd div.contenufiche .infos a, #festival.dvd div.contenufiche .titre { color: #cdcc00; }
#festival.musique div.contenufiche .infos, #festival.musique div.contenufiche .infos a, #festival.musique div.contenufiche .titre { color: #993399; }
#festival.cinema div.contenufiche .infos, #festival.cinema div.contenufiche .infos a, #festival.cinema div.contenufiche .titre { color: #cdcc00; }

/*     ---------------------------------------      FICHE INTERVIEW    ---------------------------------------      */
#interview div.contenufiche { display: block; padding: 0 0 8px 0; }

#interview div.contenufiche .detail { float:left; width: 684px; }
#interview div.contenufiche .detail .titre { margin-bottom: 16px;  font-size:28px; color: #f7b700; font-weight: bold; text-align:left; }
#interview div.contenufiche .detail .chapeau { line-height: 18px; margin-bottom: 16px;  font-size:11px; color: #696969; font-weight: bold; text-align:justify; }
#interview div.contenufiche .detail .texte { margin-bottom: 8px; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }
#interview div.contenufiche .detail .texte p { margin-top: 8px; }

#interview div.contenufiche .detail .visuelopikopi { margin-bottom: 16px; text-align:center; height:270px; background: url("../images/background/opikopi.jpg") center center no-repeat; }

#interview div.contenufiche .detail .liens { margin-top: 16px; margin-bottom: 16px; }
#interview div.contenufiche .detail .liens a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/pictolien.gif") 0 1px no-repeat; padding-left:16px; }

#interview .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 10px 0 8px 0;}

#interview #precedentsuivant { clear: both; display: block; height: 15px; margin: 0 0 8px 0;}
#interview #precedentsuivant #precedent { float: left;}
#interview #precedentsuivant #suivant { float: right;}
#interview.defaut div.contenufiche .detail .titre { color: #f7b700; }
#interview.concert div.contenufiche .detail .titre { color: #993399; }
#interview.theatre div.contenufiche .detail .titre { color: #ff00cd; }
#interview.danse div.contenufiche .detail .titre { color: #0099ff; }
#interview.exposition div.contenufiche .detail .titre { color: #66cdcc; }
#interview.decouverte div.contenufiche .detail .titre { color: #fe0000; }
#interview.projection div.contenufiche .detail .titre { color: #cdcc00; }
#interview.livre div.contenufiche .detail .titre { color: #999966; }
#interview.bd div.contenufiche .detail .titre { color: #cc6666; }
#interview.dvd div.contenufiche .detail .titre { color: #cdcc00; }
#interview.musique div.contenufiche .detail .titre { color: #993399; }
#interview.cinema div.contenufiche .detail .titre { color: #cdcc00; }
/*     ---------------------------------------      FICHE Radio ZOURITE    ---------------------------------------      */
#zourite div.contenufiche { display: block; padding: 0 0 8px 0; }
#zourite div.contenufiche .visuel { float:left; width: 232px; min-height:232px; }
#zourite div.contenufiche .visuel { width: 232px; }
#zourite div.contenufiche img { margin-bottom: 8px; }
#zourite div.contenufiche .visuel .infos { color: #f7b700; font-size: 12px; margin-bottom: 4px; }

#zourite div.contenufiche .detail { float:left; padding-left:13px; width: 430px; }
#zourite div.contenufiche .detail .auteur { color: #f7b700; font-size: 12px; margin-bottom: 4px; font-weight:bold; }
#zourite div.contenufiche .detail .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; height: 1px; margin: 10px 0 8px 0;}
#zourite div.contenufiche .detail .chapeau { line-height: 18px; margin-bottom: 8px;  font-size:11px; color: #696969; font-weight: bold; text-align:justify; }
#zourite div.contenufiche .detail .texte { margin-bottom: 8px; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }
#zourite div.contenufiche .detail .continu { margin-top:20px; margin-bottom: 8px; line-height: 14px; font-size:11px; color: #696969; text-align:justify; background: transparent url("../images/structure/pictolien.gif") 0 1px no-repeat; padding-left:16px; }
#zourite div.contenufiche .detail .avispilsentete { margin-top:20px; }
#zourite div.contenufiche .detail .avispils { color: #f7b700; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }

#zourite div.contenufiche .detail .liens { margin-top: 16px; margin-bottom: 16px; }
#zourite div.contenufiche .detail .liens a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/pictolien.gif") 0 1px no-repeat; padding-left:16px; }

#zourite .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 10px 0 8px 0;}

#zourite #precedentsuivant { clear: both; display: block; height: 15px; margin: 0 0 8px 0;}
#zourite #precedentsuivant #precedent { float: left;}
#zourite #precedentsuivant #suivant { float: right;}


/*     ---------------------------------------      FICHE WEWEWE    ---------------------------------------      */
#wewewe div.contenufiche { display: block; padding: 0 0 8px 0; }

#wewewe div.contenufiche .detail { float:left; width: 684px; }
#wewewe div.contenufiche .detail .titre { margin-bottom: 16px;  font-size:28px; color: #696969; font-weight: bold; text-align:left; }
#wewewe div.contenufiche .detail .chapeau { line-height: 18px; margin-bottom: 16px;  font-size:11px; color: #696969; font-weight: bold; text-align:justify; }
#wewewe div.contenufiche .detail .texte { margin-bottom: 8px; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }
#wewewe div.contenufiche .detail .texte p { margin-top: 8px; }
#wewewe div.contenufiche .detail .visuel { margin-top: 8px; margin-bottom: 16px; }
#wewewe div.contenufiche .detail .video { margin-top: 16px; margin-bottom: 16px; text-align:center; }

#wewewe div.contenufiche .detail .liens { margin-top: 16px; margin-bottom: 16px; font-weight:bold; }
#wewewe div.contenufiche .detail .liens a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/puce.jpg") 2px 4px no-repeat; padding-left:12px; }

#wewewe .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 10px 0 8px 0;}

#wewewe #precedentsuivant { clear: both; display: block; height: 15px; margin: 0 0 8px 0;}
#wewewe #precedentsuivant #precedent { float: left;}
#wewewe #precedentsuivant #suivant { float: right;}
#wewewe.defaut div.contenufiche .detail .titre { color: #f7b700; }
#wewewe.concert div.contenufiche .detail .titre { color: #993399; }
#wewewe.theatre div.contenufiche .detail .titre { color: #ff00cd; }
#wewewe.danse div.contenufiche .detail .titre { color: #0099ff; }
#wewewe.exposition div.contenufiche .detail .titre { color: #66cdcc; }
#wewewe.decouverte div.contenufiche .detail .titre { color: #fe0000; }
#wewewe.projection div.contenufiche .detail .titre { color: #cdcc00; }
#wewewe.livre div.contenufiche .detail .titre { color: #999966; }
#wewewe.bd div.contenufiche .detail .titre { color: #cc6666; }
#wewewe.dvd div.contenufiche .detail .titre { color: #cdcc00; }
#wewewe.musique div.contenufiche .detail .titre { color: #993399; }
#wewewe.cinema div.contenufiche .detail .titre { color: #cdcc00; }


/*   ----------------------------------------   LIEUX  ------------------------------------------------------------*/
#lieux { clear: both; display: block; padding:0; margin :10px 0;}

#lieux .separation { clear: both; display: block; background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 4px 0 8px 0;}

#lieux #lieuxrecherche { float: left; width: 260px; padding-right: 20px; }

#lieux #lieuxcarte { clear: both; padding-top: 3px; padding-bottom: 8px; }
#lieux #lieuxcarte #carte { clear: both; margin-top: 8px; padding-bottom: 8px; margin-left: 0; }

#lieux #lieuxcriteres { clear: both; }
#lieux #lieuxcriteres #titretype { clear: both; margin-top: 11px; }

#lieux #lieuxcriteres #formlieux div.newline { clear: both; display:block; padding-top: 8px; }
#lieux #lieuxcriteres #formlieux select { display:block; width: 200px; color:; font-size: 10px; margin: 8px 0; }

#lieux #lieuxcriteres #formlieux .boutons { clear:both; display: block; width:auto; text-align:left; padding:4px 0 8px 0; }
#lieux #lieuxcriteres #formlieux input.bouton { clear:both; width:auto; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#lieux #lieuxcriteres #formlieux input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }

#lieux #lieuxliste { float: left; width: 400px; }

#lieux #lieuxliste div.hasard {  margin-bottom: 12px; }

#lieux #lieuxliste div.hasard a { font-size: 11px; }
#lieux #lieuxliste div.hasard a:hover { text-decoration:none; }
#lieux #lieuxliste div.hasard a .titre { color:#f7b700; padding: 0 4px 0 0; font-size: 16px; margin-top: 16px; margin-bottom: 8px; }
#lieux #lieuxliste div.hasard a .visuel { margin-bottom: 8px; }
#lieux #lieuxliste div.hasard a .infos { clear:both; display: block; color:#696969; padding: 0 4px 0 0; font-size: 11px; }
#lieux #lieuxliste div.hasard a .infos span { font-weight:bold; }
#lieux #lieuxliste div.hasard a .voir { background: transparent url("../images/structure/puce.jpg") 0 4px no-repeat; margin-top: 8px; clear:both; display: block; color:#696969; padding: 0 4px 0 12px; height: 14px; }

#lieux #lieuxliste div.detail {  margin-bottom: 12px; }

#lieux #lieuxliste div.detail a { font-size: 11px; }
#lieux #lieuxliste div.detail a:hover { text-decoration:none; }
#lieux #lieuxliste div.detail a .titre { background: transparent url("../images/structure/puce.jpg") 0 5px no-repeat; color:#f7b700; padding: 0 4px 0 12px ; font-size: 13px; }
#lieux #lieuxliste div.detail a .infos { clear:both; display: block; color:#696969; padding: 0 4px 0 12px; font-size: 11px; }
#lieux #lieuxliste div.detail a .infos span { font-weight:bold; }
#lieux #lieuxliste div.detail a .voir { clear:both; display: block; color:#696969; padding: 0 4px 0 12px; height: 14px; }

/*     ---------------------------------------      FICHE LIEU    ---------------------------------------      */
#fichelieu div.contenufiche { display: block; padding: 0 0 8px 0; }
#fichelieu div.contenufiche .visuel { float:left; width: 232px; min-height:232px; }
#fichelieu div.contenufiche .visuel { width: 232px; }
#fichelieu div.contenufiche .visuel img { margin-bottom: 8px; }

#fichelieu div.contenufiche .detail { float:left; padding-right:13px; width: 430px; }
#fichelieu div.contenufiche .detail .titre { color: #f7b700; font-size: 24px; margin-bottom: 8px; font-weight:bold; }
#fichelieu div.contenufiche .detail .infos { font-size:12px; color: #696969; font-weight: bold; }
#fichelieu div.contenufiche .detail .libelle { font-size:11px; color: #696969; font-weight: bold; padding-top:16px; }
#fichelieu div.contenufiche .detail .texte { margin-top: 8px; line-height: 18px; font-size:11px; color: #696969; text-align:justify; }

#fichelieu div.contenufiche .detail .liens { margin-top: 16px; margin-bottom: 16px; }
#fichelieu div.contenufiche .detail .liens a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/pictolien.gif") 0 1px no-repeat; padding-left:16px; }

#fichelieu div.contenufiche .detail .localisation { padding-top: 16px; }
#fichelieu div.contenufiche .detail .localisation a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/pictomappy.jpg") 0 1px no-repeat; padding-left:16px; }

#fichelieu .separation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 32px 0 8px 0;}

#fichelieu .separationprogrammation { background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; height: 1px; margin: 0 0 8px 0;}
#fichelieu #programmationlieu img.entete {  margin-bottom: 8px; }
#fichelieu #programmationlieu div.detail {  width:232px; margin-bottom: 8px; font-size: 10px; }

#fichelieu #programmationlieu div.detail a { font-size: 11px; }
#fichelieu #programmationlieu div.detail a:hover { text-decoration:none; }
#fichelieu #programmationlieu div.detail a span.puce { color:#f7b700; padding: 0 4px 0 0; font-size: 13px; }
#fichelieu #programmationlieu div.detail a span.titre { color:#f7b700; padding: 0 4px 0 0; font-size: 11px; }
#fichelieu #programmationlieu div.detail a span.infos { clear:both; display: block; color:#696969; padding: 0 4px 0 12px; font-size: 11px; }
#fichelieu #programmationlieu div.defaut a span.puce, #fichelieu #programmationlieu div.defaut a span.titre { color: #f7b700; }
#fichelieu #programmationlieu div.concert a span.puce, #fichelieu #programmationlieu div.concert a span.titre { color: #993399; }
#fichelieu #programmationlieu div.theatre a span.puce, #fichelieu #programmationlieu div.theatre a span.titre { color: #ff00cd; }
#fichelieu #programmationlieu div.danse a span.puce, #fichelieu #programmationlieu div.danse a span.titre { color: #0099ff; }
#fichelieu #programmationlieu div.exposition a span.puce, #fichelieu #programmationlieu div.exposition a span.titre { color: #66cdcc; }
#fichelieu #programmationlieu div.decouverte a span.puce, #fichelieu #programmationlieu div.decouverte a span.titre { color: #fe0000; }
#fichelieu #programmationlieu div.projection a span.puce, #fichelieu #programmationlieu div.projection a span.titre { color: #cdcc00; }
#fichelieu #programmationlieu div.livre a span.puce, #fichelieu #programmationlieu div.livre a span.titre { color: #999966; }
#fichelieu #programmationlieu div.bd a span.puce, #fichelieu #programmationlieu div.bd a span.titre { color: #cc6666; }
#fichelieu #programmationlieu div.dvd a span.puce, #fichelieu #programmationlieu div.dvd a span.titre { color: #cdcc00; }
#fichelieu #programmationlieu div.musique a span.puce, #fichelieu #programmationlieu div.musique a span.titre { color: #993399; }
#fichelieu #programmationlieu div.cinema a span.puce, #fichelieu #programmationlieu div.cinema a span.titre { color: #cdcc00; }

/*   ----------------------------------------   AGENDA ------------------------------------------------------------*/
#agenda { clear: both; display: block; padding:0; margin :10px 0;}
#agenda #agendarecherche { float: left; width: 260px; padding-right: 20px; }

#agenda #agendacalendrier { clear: both; padding-top: 3px; padding-bottom: 8px; }
#agenda #agendacalendrier .separation { clear: both;  margin-top:4px; height: 1px; background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; }

#agenda #agendacriteres { clear: both; }

#agenda #agendacriteres #formagenda div.newline { clear: both; display:block; padding-top: 8px; }
#agenda #agendacriteres #formagenda label { padding-right: 8px; display: block; float:left; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#agenda #agendacriteres #formagenda label.labelto { padding-left: 8px; }
#agenda #agendacriteres #formagenda label.categorie { width:100px; padding-left: 4px; padding-right: 12px; }
#agenda #agendacriteres #formagenda label.festivals { padding-left: 4px; }
#agenda #agendacriteres #formagenda input { display:block; margin-bottom:1px; float:left; }
#agenda #agendacriteres #formagenda input.periode { width:90px; }

#agenda #agendacriteres #formagenda .boutons { clear:both; display: block; width:auto; text-align:left; padding:4px 0 8px 0; }
#agenda #agendacriteres #formagenda input.bouton { clear:both; width:auto; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#agenda #agendacriteres #formagenda input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }

#agenda #agendaliste { float: left; width: 400px; }

#agenda #agendaliste div.libellejour { margin: 0 0 8px 0; background: transparent url("../images/structure/uneseparation.gif") 0 25px repeat-x; height:26px  }
#agenda #agendaliste div.detail {  margin-bottom: 8px; font-size: 10px; }

#agenda #agendaliste div.detail a { font-size: 11px; }
#agenda #agendaliste div.detail a:hover { text-decoration:none; }
#agenda #agendaliste div.detail a span.puce { color:#f7b700; padding: 0 4px 0 0; font-size: 13px; }
#agenda #agendaliste div.detail a span.titre { color:#f7b700; padding: 0 4px 0 0; font-size: 11px; }
#agenda #agendaliste div.detail a span.infos { clear:both; display: block; color:#696969; padding: 0 4px 0 12px; font-size: 11px; }
#agenda #agendaliste div.detail div.agendaperso { display:block; text-align:right; }
#agenda #agendaliste div.detail div.agendaperso a { padding: 2px 0 0 0; }
#agenda #agendaliste div.defaut a span.puce, #agenda #agendaliste div.defaut a span.titre { color: #f7b700; }
#agenda #agendaliste div.concert a span.puce, #agenda #agendaliste div.concert a span.titre { color: #993399; }
#agenda #agendaliste div.theatre a span.puce, #agenda #agendaliste div.theatre a span.titre { color: #ff00cd; }
#agenda #agendaliste div.danse a span.puce, #agenda #agendaliste div.danse a span.titre { color: #0099ff; }
#agenda #agendaliste div.exposition a span.puce, #agenda #agendaliste div.exposition a span.titre { color: #66cdcc; }
#agenda #agendaliste div.decouverte a span.puce, #agenda #agendaliste div.decouverte a span.titre { color: #fe0000; }
#agenda #agendaliste div.projection a span.puce, #agenda #agendaliste div.projection a span.titre { color: #cdcc00; }
#agenda #agendaliste div.livre a span.puce, #agenda #agendaliste div.livre a span.titre { color: #999966; }
#agenda #agendaliste div.bd a span.puce, #agenda #agendaliste div.bd a span.titre { color: #cc6666; }
#agenda #agendaliste div.dvd a span.puce, #agenda #agendaliste div.dvd a span.titre { color: #cdcc00; }
#agenda #agendaliste div.musique a span.puce, #agenda #agendaliste div.musique a span.titre { color: #993399; }
#agenda #agendaliste div.cinema a span.puce, #agenda #agendaliste div.cinema a span.titre { color: #cdcc00; }

/*   ----------------------------------------   AGENDA PERSO ------------------------------------------------------------*/
#agendaperso { clear: both; display: block; padding:0; margin :10px 0;}

#agendaperso .chapeau { font-weight:bold; }

#agendaperso_enregistrement { height:225px; }
#agendaperso_enregistrement .message { padding: 16px 0; font-weight:bold; }
#agendaperso_enregistrement .lien { padding: 16px 0;}
#agendaperso_enregistrement .lien a { text-decoration:underline; }

#agendaperso_selection { }
#agendaperso_selection .separation { clear: both; width:auto; margin-top:20px; padding-top:8px; background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; }
#agendaperso_selection .separationliste { clear: both; width:auto; padding-bottom:8px; background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; }

#agendaperso_selection div.libelleselection { margin: 0 0 16px 0;  }
#agendaperso_selection div.detail { margin-bottom: 0; font-size: 10px; }

#agendaperso_selection div.detail span.puce { color:#f7b700; padding: 0 4px 0 0; font-size: 13px; }
#agendaperso_selection div.detail span.titre { color:#f7b700; padding: 0 4px 0 0; font-size: 11px; }
#agendaperso_selection div.detail span.titre a { color:#f7b700; font-size: 11px; }
#agendaperso_selection div.detail span.titre a:hover { text-decoration:none; }
#agendaperso_selection div.detail span.infos { clear:both; display: block; color:#696969; padding: 0 4px 0 12px; font-size: 11px; }
#agendaperso_selection div.supprimer { clear:both; display:block; text-align:right; }
#agendaperso_selection div.supprimer a { padding: 2px 0 0 0; }
#agendaperso_selection div.toutsupprimer { clear:both; display:block; text-align:right; margin-top: 16px; }
#agendaperso_selection div.toutsupprimer a { padding: 0 0 0 0; }
#agendaperso_selection div.generer { clear:both; display:block; text-align:right; margin-top: 16px; }
#agendaperso_selection div.generer a { padding: 0 0 0 0; }
#agendaperso_selection div.defaut span.puce, #agendaperso_selection div.defaut span.titre a { color: #f7b700; }
#agendaperso_selection div.concert span.puce, #agendaperso_selection div.concert span.titre a { color: #993399; }
#agendaperso_selection div.theatre span.puce, #agendaperso_selection div.theatre span.titre a { color: #ff00cd; }
#agendaperso_selection div.danse span.puce, #agendaperso_selection div.danse span.titre a { color: #0099ff; }
#agendaperso_selection div.exposition span.puce, #agendaperso_selection div.exposition span.titre a { color: #66cdcc; }
#agendaperso_selection div.decouverte span.puce, #agendaperso_selection div.decouverte span.titre a { color: #fe0000; }
#agendaperso_selection div.projection span.puce, #agendaperso_selection div.projection span.titre a { color: #cdcc00; }
#agendaperso_selection div.livre span.puce, #agendaperso_selection div.livre span.titre a { color: #999966; }
#agendaperso_selection div.bd span.puce, #agendaperso_selection div.bd span.titre a { color: #cc6666; }
#agendaperso_selection div.dvd span.puce, #agendaperso_selection div.dvd span.titre a { color: #cdcc00; }
#agendaperso_selection div.musique span.puce, #agendaperso_selection div.musique span.titre a { color: #993399; }
#agendaperso_selection div.cinema span.puce, #agendaperso_selection div.cinema span.titre a { color: #cdcc00; }

/*     ---------------------------------------      CALENDRIER     ---------------------------------------      */
#agendacalendrier a, #agendacalendrier a:hover {color: #f7b700; }
table.calendar_main { font-size: 11px; }
.calendar_title { color: #f7b700; vertical-align:top; font-weight:bold; text-align: center; height: 21px; background: transparent url("../images/structure/uneseparation.gif") 0 20px repeat-x; }
.calendar_title_month { }
.calendar_title_month_clickable { color: #f7b700; font-weight:bold; text-decoration: none; }
.calendar_title_left_arrow { font-weight:bold; text-align: left; }
.calendar_title_right_arrow { font-weight:bold; text-align: right; }
.calendar_title_left_arrow_clickable { color: #f7b700; font-weight:bold; text-decoration: none; }
.calendar_title_right_arrow_clickable { color: #f7b700; font-weight:bold; text-decoration: none; }
.calendar_table { border: none; border-collapse: collapse; font-size: 11px; margin-top: 5px;}
.calendar_table th { height: 20px; border: 0px; font-weight: normal; text-align: center; color:#696969; padding: 1px 1px 5px 1px; font-size: 10px; }
.calendar_table td { height: 20px; border: 0px; text-align: center; color:#696969; width: 35px; padding: 1px 1px; font-size: 10px; }
.calendar_weekend { }
.calendar_other_month { color: #FFFFFF; }
.calendar_other_month_clickable { color: #FFFFFF; text-decoration: none; }
.calendar_today { color: #696969; }
.calendar_today_clickable { color: #696969; text-decoration: none; }
.calendar_current { color: #696969; text-decoration: none; }
.calendar_current_clickable { color: #f7b700; text-decoration: none; }
.calendar_day_clickable { color: #f7b700; text-decoration: none; font-weight: bold; }
	
/*     ---------------------------------------      PAGE de Résultats de la RECHERCHE    ---------------------------------------      */
div.recherche #resultats { display: block; clear:both; margin: 10px; }
div.recherche #resultats a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/pictolien.gif") 0 1px no-repeat; padding-left:16px; }
div.recherche #pagination { display: block; clear:both; text-align: center; font-size:11px; color: #696969; margin: 10px; }
div.recherche #pagination a { font-size:11px; color: #696969; margin: 10px; }


/*     ---------------------------------------      PAGE de LOGIN    ---------------------------------------      */
#login { clear:both; margin:0px auto; padding-top:10px; width:340px; }

#login label { clear:both; display: block; float:left; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#login input { width:140px; display:block; margin-bottom:1px; float:right; }

#login .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#login input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#login input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }

#login #login_messageerreur { text-align: left; clear:both; color:#696969; margin: 0 0 10px 0; padding: 0; }
#login #inscription { text-align: right; clear:both; margin: 0; padding: 0 0 0 0; }
#login #oublipassword { text-align: right; clear:both; margin: 0; padding: 0 0 10px 0; }

/*     ---------------------------------------      FORMULAIRE D'INSCRIPTION     ---------------------------------------      */
#forminscription { clear:both; margin:0px; padding-top:10px; }

#forminscription fieldset { clear: both; border: 1px solid #696969; margin-top: 10px; }
#forminscription legend { color: #f7b700; }

#forminscription label { clear:both; display: block; float:left; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#forminscription label a.liennotice { clear:both; display: block; float:left; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#forminscription label a.liennotice:hover { text-decoration:none; }
#forminscription label.radio { clear:none; }
#forminscription label.pref { width:270px; }
#forminscription input.radio { float:left; width:20px; margin-left: 10px;  }
#forminscription input, #forminscription select, #forminscription textarea { display:block; margin-bottom:1px; float:right; }
#forminscription input { width:300px; }
#forminscription select { width:302px; }
#forminscription input.check { width:30px; float:right; }
#forminscription textarea { width:300px; height:50px; overflow-y:auto; }

#forminscription div.introfieldset { clear: both; display: block; padding: 10px 0 10px 0; }

#forminscription #divcaptcha { float: left; text-align: center; display: block; width: 150px; }
#forminscription #divcaptcha a { color: #696969; }

#forminscription .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#forminscription input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#forminscription input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }

/*     ---------------------------------------      FORMULAIRE OUBLI PASSWORD     ---------------------------------------      */
#formoublipassword { clear:both; margin:0px; padding-top:10px; }

#formoublipassword fieldset { clear: both; border: 1px solid #696969; margin-top: 10px; }
#formoublipassword legend { color: #f7b700; }

#formoublipassword label { clear:both; display: block; float:left; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#formoublipassword input, #formoublipassword select, #formoublipassword textarea { display:block; margin-bottom:1px; float:right; }
#formoublipassword input { width:300px; }
#formoublipassword select { width:302px; }
#formoublipassword input.check { width:30px; float:right; }
#formoublipassword textarea { width:300px; height:50px; overflow-y:auto; }

#formoublipassword div.introfieldset { clear: both; display: block; padding: 10px 0 10px 0; }

#formoublipassword #divcaptcha { float: left; text-align: center; display: block; width: 150px; }
#formoublipassword #divcaptcha a { color: #696969; }

#formoublipassword .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#formoublipassword input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#formoublipassword input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }


/*     ---------------------------------------      FORMULAIRE PROFIL     ---------------------------------------      */
#profilcomplet { clear:both; }
#profilcomplet .retour { clear:both; padding: 10px 0 20px 0; position:relative; top:0; }
#profilcomplet .remarque { clear:both; padding: 20px 0 0 0; position:relative; top:0; left:0; margin:0; }


#changeprofil fieldset { border: 1px solid #696969; margin-top: 10px; }
#changeprofil legend { color: #f7b700; }

#changeprofil label { clear:both; display: block; float:left; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#changeprofil label a.liennotice { clear:both; display: block; float:left; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#changeprofil label a.liennotice:hover { text-decoration:none; }
#changeprofil label.radio { clear:none; }
#changeprofil label.pref { width:270px; }
#changeprofil input.radio { float:left; width:20px; margin-left: 10px;  }
#changeprofil input, #changeprofil select, #changeprofil textarea { display:block; margin-bottom:1px; float:right; }
#changeprofil input { width:300px; }
#changeprofil select { width:302px; }
#changeprofil input.check { width:30px; float:right; }
#changeprofil textarea { width:300px; height:50px; overflow-y:auto; }

#changeprofil div.introfieldset { padding: 10px 0 10px 0; }

#changeprofil .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#changeprofil input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; clear:both; width:40px; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#changeprofil input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }


#changepassword fieldset { border: 1px solid #696969; margin-top: 10px; }
#changepassword legend { color: #f7b700; }

#changepassword label { clear:both; display: block; float:left; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#changepassword input { width:300px; display:block; margin-bottom:1px; float:right; }

#changepassword div.introfieldset { padding: 10px 0 10px 0; }

#changepassword .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#changepassword input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#changepassword input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }


/*     ---------------------------------------      PARTENAIRES     ---------------------------------------      */
#cadrepartenaires { background-color:#FFFFFF; margin:0; margin-top:12px; padding:0; }
#cadrepartenaires #listepartenaires { background-color:#FFFFFF; margin:0; padding:0; }
#cadrepartenaires #listepartenaires .fichepartenaire { float:left; height:130px; width:130px; margin:4px 3px; text-align:center; }
#cadrepartenaires #listepartenaires .fichepartenaire img { margin:5px 0; }
#cadrepartenaires #listepartenaires .fichepartenaire div.imgpartenaire { clear:both; margin: 0; height: 100px; }
#cadrepartenaires #listepartenaires .fichepartenaire div.lienpartenaire { clear:both; font-size: 10px; margin: 0 5px; }
#cadrepartenaires #listepartenaires .fichepartenaire a {  }
#cadrepartenaires #listepartenaires .fichepartenaire a:hover {  text-decoration:underline; }
#cadrepartenaires #textepartenaires { clear:both; font-size:11px; padding:10px; padding-bottom:10px;}


/*     ---------------------------------------      FORMULAIRE DE CONTACT     ---------------------------------------      */
#contact { clear:both; margin:20px 0 0 0; }

#contact label { clear:both; display: block; float:left; width:170px; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#contact input, #contact textarea { display:block; margin-bottom:1px; float:right; width:500px; }
#contact textarea { width:500px; height:50px; overflow-y:auto; }

#contact label.attach { margin-top:18px; width:170px; }
#contact input.attach { margin-top:16px; }

#contact .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#contact input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#contact input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }

/*     ---------------------------------------      FORMULAIRE PROPOSER     ---------------------------------------      */
#proposer { clear:both; margin:20px 20px 0 20px; }

#proposer label { clear:both; display: block; float:left; width:250px; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#proposer input, #proposer textarea { display:block; margin-bottom:1px; float:right; width:380px; }
#proposer textarea { width:380px; height:50px; overflow-y:auto; }

#proposer .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#proposer input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#proposer input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }

/*     ---------------------------------------      FORMULAIRE NEWSLETTER     ---------------------------------------      */
#formnewsletter { clear:both; margin:30px auto 0 auto; padding: 0 20px; width: 340px; }

#formnewsletter input { display:block; margin-bottom:1px; float:right; width:300px; }

#formnewsletter .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#formnewsletter input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#formnewsletter input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }

/*     ---------------------------------------      FORMULAIRE QUIZZ     ---------------------------------------      */
#formquizz { clear:both; margin:10px 20px 0 20px; }

#formquizz fieldset { clear: both; border: 1px solid #696969; margin-top: 10px; }
#formquizz legend { color:#696969; font-weight:bold; font-size:12px; }

#formquizz div.formquizzreponses { clear:both; margin: 10px 0; }
#formquizz div.formquizzreponses div { clear:both; }
#formquizz div.formquizzreponses input { clear:both; float: left; width:20px; margin-left:10px; }
#formquizz div.formquizzreponses label { clear:none; float: left; width:580px; text-align:left; }

#formquizz label { clear:both; display: block; float:left; width:250px; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#formquizz input { display:block; margin-bottom:1px; float:right; width:360px; }
#formquizz div.gsmremarque { clear: both; display: block; color:#696969; Margin: 0; padding:0; text-align:left; font-size:9px; }

#formquizz .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#formquizz input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#formquizz input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }

#quizzbonnesreponses { clear:both; margin:30px 20px 10px 20px; }

/* ------------------------------------------- VOS AVIS ---------------------------------------------------------- */
#vosavis { clear: both; display:block; padding-top:8px; }
#vosavis .separationavis { clear: both; width:auto;  margin-top:20px; padding-top:8px; background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; }
#vosavis #listeavis #nbavis { clear: both; display: block; padding-left: 16px; background: transparent url("../images/structure/bulle_avis.jpg") 0 4px no-repeat; }

#vosavis #listeavis .detail { clear: both; padding:8px 0 0 0; display: block; margin: 20px 0 0 0; background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; }
#vosavis #listeavis .detail .avisinfos { font-size:11px; }
#vosavis #listeavis .detail .avisinfos span.avispseudo { color:#f7b700; font-weight:bold; }
#vosavis #listeavis .detail .avisinfos span.avistitre { font-weight:bold; }
#vosavis #listeavis .detail .avistexte { font-size:11px; text-align: justify; }

#vosavis #login { clear:both; margin:0px auto; padding-top:10px; width:auto; }

#vosavis #login div { display:inline; float:left; }

#vosavis #login label { margin-top: 1px; margin-right: 8px; display: inline; float:left; height:15px; font-size:11px; color:#696969; }
#vosavis #login input { margin-top: 1px; width:110px; display:inline; float:left; margin-right: 8px; }

#vosavis #login .boutons { display: inline; float:left; padding:0; clear:none; }
#vosavis #login input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; margin:0; border:0; }
#vosavis #login input.bouton:hover { cursor:pointer; text-decoration:none; }

#vosavis #login #login_messageerreur { text-align: left; clear:both; color:#696969; margin: 0 0 10px 0; padding: 0; }
#vosavis #login #inscription { color:#696969; dsplay:inline; float: left; clear:both; margin-top: 4px; margin-right:8px; }
#vosavis #login #oublipassword { display:inline; float: left; clear:none; margin-top: 4px; margin-right:8px; }

#vosavis #formavis { clear:both; margin:20px 0 0 0; width:430px; }

#vosavis #formavis label { clear:both; display: block; float:left; width:120px; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#vosavis #formavis input, #formavis textarea { display:block; margin-bottom:1px; float:right; width:300px; }
#vosavis #formavis textarea { width:300px; height:50px; overflow-y:auto; }

#vosavis #formavis .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#vosavis #formavis input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#vosavis #formavis input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }



/*     ---------------------------------------      CO-VOITURAGE     ---------------------------------------      */
#covoiturage { clear: both; display:block; padding-top:8px; }
.separationcovoiturage { clear: both; width:auto;  margin-top:20px; padding-top:8px; background: transparent url("../images/structure/uneseparation.gif") 0 0 repeat-x; }

#covoituragethemes { margin-top: 16px; margin-bottom: 16px; }
#covoituragethemes li a { height: 14px; display: block; font-size:11px; color: #696969; background: transparent url("../images/structure/pictolien.gif") 0 0 no-repeat; padding-left:16px; margin-bottom:8px; }

#covoiturage #listecovoiturage .detail { clear: both; padding:8px 0 8px 0; display: block; margin: 20px 0 0 0; background: transparent url("../images/structure/uneseparation.gif") 0 0 no-repeat; }
#covoiturage #listecovoiturage .detail .infos { font-size:14px; }
#covoiturage #listecovoiturage .detail .infos span.pseudo { color:#f7b700; font-weight:bold; }
#covoiturage #listecovoiturage .detail .infos span.titre { color:#f7b700; font-weight:bold; }
#covoiturage #listecovoiturage .detail .trajet { font-size:11px; font-weight:bold; margin: 8px 0;}
#covoiturage #listecovoiturage .detail .trajet span { color:#f7b700; }
#covoiturage #listecovoiturage .detail .places { font-size:11px; font-weight:bold; margin: 8px 0; }
#covoiturage #listecovoiturage .detail .texte { font-size:11px; text-align: justify; }
#covoiturage #listecovoiturage .lien { clear: both; padding:0; display: block; margin: 0; text-align:right; }

#covoiturage #fichecovoiturage .detail { clear: both; padding:8px 0 8px 0; display: block; margin: 8px 0 0 0; }
#covoiturage #fichecovoiturage .detail .infos { font-size:14px; font-weight:bold; }
#covoiturage #fichecovoiturage .detail .trajet { font-size:11px; font-weight:bold; margin: 8px 0; }
#covoiturage #fichecovoiturage .detail .trajet span { color:#f7b700; }
#covoiturage #fichecovoiturage .detail .places { font-size:11px; font-weight:bold; margin: 8px 0; }
#covoiturage #fichecovoiturage .detail .texte { font-size:11px; text-align: justify; }


#covoiturageauth { padding-bottom:10px; }
#covoiturageauth #login { clear:both; margin:0px auto; padding-top:10px; padding-bottom:10px; width:auto; }

#covoiturageauth #login div { display:inline; float:left; }

#covoiturageauth #login label { margin-top: 1px; margin-right: 8px; display: inline; float:left; height:15px; font-size:11px; color:#696969; }
#covoiturageauth #login input { margin-top: 1px; width:110px; display:inline; float:left; margin-right: 8px; }

#covoiturageauth #login .boutons { display: inline; float:left; padding:0; clear:none; }
#covoiturageauth #login input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; margin:0; border:0; }
#covoiturageauth #login input.bouton:hover { cursor:pointer; text-decoration:none; }

#covoiturageauth #login #login_messageerreur { text-align: left; clear:both; color:#696969; margin: 0 0 10px 0; padding: 0; }
#covoiturageauth #login #inscription { color:#696969; dsplay:inline; float: left; clear:both; margin-top: 4px; margin-right:8px; }
#covoiturageauth #login #oublipassword { display:inline; float: left; clear:none; margin-top: 4px; margin-right:8px; }

#formcovoiturage { clear:both; margin:20px 0 0 0; width:680px; }

#formcovoiturage label { clear:both; display: block; float:left; width:300px; height:15px; font-size:11px; color:#696969; margin-bottom:5px; }
#formcovoiturage input, #formcovoiturage textarea { display:block; margin-bottom:1px; float:right; width:370px; }
#formcovoiturage input.radio { float:left; width:20px; margin-left: 10px;  }
#formcovoiturage label.radio { clear:none; width:100px; }
#formcovoiturage textarea { width:370px; height:50px; overflow-y:auto; }
#formcovoiturage label.check_supprimer { margin-top: 20px; }
#formcovoiturage input.check_supprimer { float:left; width:20px; margin-left: 5px; margin-top: 20px; }

#formcovoiturage .boutons { clear:both; display: block; width:auto; text-align:right; padding:10px 0 10px 0; }
#formcovoiturage input.bouton { height:20px; background: transparent url("../images/structure/OK_formulaire.gif") 0 0 no-repeat; width:40px; clear:both; font-size: 12px; font-weight:bold; margin:2px 0; border:0; color:#696969; }
#formcovoiturage input.bouton:hover { color:#19171c; cursor:pointer; text-decoration:none; }

#covoiturageretour { clear: both; display:block; padding-top:8px; }


/*     ---------------------------------------      REFERENCEMENT FOOTER     ---------------------------------------      */
#referencementfooter { margin: 20px 0 0 0; padding:10px; clear:both; background-color:#f6f6f6; color:#696969; font-size:10px; }
#referencementfooter span { color:#696969; padding-right:4px; }
#referencementfooter span.titre a { font-weight:bold; color:#696969; }
#referencementfooter span a { color:#696969; }


/*     ---------------------------------------      MESSAGES     ---------------------------------------      */
.asterisque { padding-left:3px; font-size:9px; }
.remarque { clear: both; display: block; color:#696969; margin-left:5px; padding-top:20px; text-align:left; font-size:9px; }
.retour { padding:10px 0 10px 0; text-align: center;  color:#f7b700; clear:both; font-size: 14px; }

/*     ---------------------------------------      BLOC PARTAGER PAGE      ---------------------------------------     */
#partagerpage { clear:both; display:block; padding-top: 20px;  padding-bottom: 20px; }


/*     ---------------------------------------      PLAYERS     ---------------------------------------      */
.playeraudio, .playervideo { text-align: center; margin: 20px; }

/*     ---------------------------------------      MASK sur bloc de Lien     ---------------------------------------      */

div.survol {
	background-color:#ffffff;
}
div.survol:hover { 
	background-color:#f9f9f9;
	text-decoration:none;
}

div.survol:hover a, div.survol:hover a:hover {
	text-decoration:none;
}

/*     ---------------------------------------      SAKIFO     ---------------------------------------      */
/*
body {
	background: #FFFFFF url("../images/sakifo/trame.gif") repeat;
}
#containerpopup {
	background: #FFFFFF url("../images/sakifo/trame.gif") repeat;
}

#container {
	margin: 0 auto 20px auto;
	padding-top: 118px;
	background: transparent url("../images/sakifo/entete.gif") 0 0 no-repeat;
}

#sakifo {
	border: 2px solid #000000;
	background-color: #ffffff;
	margin-top: 8px;
	padding: 6px 6px 8px 6px;
	height: 224px;
	text-align: left; 
	position: relative;
	font-family: Helvetica,Georgia, Times, Serif;
}

#sakifo #detail {
	float: left;
	padding: 4px;
	width: 296px;
}
#sakifo #detail .artiste {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 4px 0;
}
#sakifo #detail .resume {
	height: 90px;
	text-align:justify;
}
#sakifo #bulle {
	float: left;
	background: #eeeeee url("../images/sakifo/bulle.gif") 0 0 no-repeat;
	width: 320px;
	height: 216px;
	padding-left: 60px;
	padding-top: 10px;
}

#sakifo #playervideo {
	margin: 0;
	padding: 0;
	width: 280px;
	height: 210px;
}

#sakibreves {
	border: 2px solid #000000;
	background-color: #ffffff;
	margin-top: 8px;
	padding: 4px 8px 8px 8px;
	height: 61px;
	text-align: left; 
	position: relative;
	font-family: Helvetica,Georgia, Times, Serif;
}

#sakibreves #brevescontainer {
	top: 0;
	overflow:hidden;
	position:relative;
	height: 34px;
}

#sakibreves #brevescontainer #brevesliste .breve {
	height: 35px;
}
*/