*{
	margin: 0;
	padding: 0;
}
html, body{
	height: 100%;
}
body{
	font: .8em/1.3em  Tahoma, "Trebuchet MS",Verdana,"Lucida Grande", Helvetica, sans-Serif;
	color: #28211b;
	text-align: center;
	position: relative;
	background: #f0eee1 url(http://www.agendaculturel.fr/static/im/im-design/fond-site.png) top repeat-x;
}
a, a:visited{ 
	color: #28211b;
	outline: none;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
ul{
	list-style: none;
}
img{
	border: 0;
}
hr{
	clear: both;
	display: block;
	visibility: hidden;
	height: 1px;
}
h1{
	font-weight: normal;
	font-size: 2em;
	line-height: 1.2em;
}
h2{
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.2em;
}
h1, h2, h3, h4{
	clear: both;
	letter-spacing: 0.03em;
}
div#contenant h1, div#contenant h2{
	margin-bottom: 15px;
	height: auto;
	max-height: 2.4em;
	overflow: hidden;
}
/*formulaires*/
label{
	vertical-align: middle;
}
input.textfield, textarea, select{
	border: 1px solid #bdbba9;
	padding: 3px;
	vertical-align: middle;
	background: #fff;
}
input.textfield.prerempli{
	color: #999;
}
input.checkbox{
	vertical-align: -2px;
}
textarea{
	font: inherit;
}
input.button{
	height: 29px;
	padding: 0 5px;
	border: 0;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
}
input.button:hover{
	color: #000;
}
/*#######################################################################
#                                CLASSES                                #
#######################################################################*/
/*texte*/
.gras{
	font-weight:bold;
}
.orange, a.orange:visited{
	color: #f90;
}
.rouge, .rouge a, .rouge a:visited{
	color: #c00;
}
.creme{
	background: #e2e0ca;
}
.vert{
	color: #390;
}
.gray{
	color: #999;
}
.center{
	text-align: center;
}
.align_right{
	text-align: right;
}
.legende{
	font-style: italic;
	color: #bdbba9;
	font-size: 13px;
}
a.underline, a.underline:visited{
	text-decoration: underline;
}
a.underline:hover{
	text-decoration: none;
}
/*layout*/
.marginLeft{
	margin-left: 30px;
}
.marginBottom{
	margin-bottom: 10px;
}
.fright{
	float: right;
}
.fleft{
	float: left;
}
.fnone{
	float: none;
}
.inline{
	display: inline;
}
.block{
	display: block;
}
.clear{
	clear: both;
}
.hide{
	display: none;
}
/*span.abo_msg{
	margin-left: 5px;
	color: #c00;
	font-style: italic;
}
span.abo_msg a, span.abo_msg a:visited{
	color: #c00;
	text-decoration: underline;
}
span.abo_msg a:hover{
	text-decoration: none;
}*/
.alternance{
	background: #f0eee1;
}
p.alerte{
	padding: 5px;
	margin: 20px 0;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
p.alerte.erreur{
	color: #c00;
	border: 1px solid #c00;
}
p.alerte.erreur a,
p.alerte.erreur a:visited{
	color: #c00;
}
p.alerte.confirmation{
	color: #093;
	border: 1px solid #093;
}
p.alerte.confirmation a{
	color: #093;
}
/*icones*/
.confirm{
	padding-left: 20px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/icons/tick.png) 0 0 no-repeat;
}
.error{
	padding-left: 20px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/icons/cross.png) 0 0 no-repeat;
	color: #f00;
}
.lieu{
	padding-left: 20px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/flag_orange.png) 0 0 no-repeat;
}
.more{
	padding-left: 20px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/icons/add.png) 0 0 no-repeat;
}
.rss{
	padding-left: 20px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/feed-icon.png) 0 0 no-repeat;
}
.aide{
	display: block;
	top: 4px;
	left: 0;
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/help.png) no-repeat;
	text-indent: -5000px;
	cursor: help;
}
/*boutons*/
a.button, a.button:visited{
	padding: 3px 5px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.button:hover{
	color: #000;
	text-decoration: none;
}
/*bouton reserver*/
a.btn_reserver, a.btn_reserver:visited{
	position: relative;
	display: block;
	height: 33px;
	width: 100px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/reserver.png) 0 0 no-repeat;
	text-indent: -5000px;
	text-align: left;
}
a.btn_reserver:hover{
	background-position: 0 -33px;
}
/*bouton sidebar*/
a.sidebar_button, a.sidebar_button:visited{
	display: block;
	width: 300px;
	height: 45px;
	margin-bottom: 10px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/btn_sidebar.png) 0 0 no-repeat;
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 45px;
	color: #fff;
	text-shadow: 2px 2px 0 #C87800;
	cursor: pointer;
}
a.sidebar_button:hover{
	background-position: 0 -45px;
	text-decoration: none;
}
a.sidebar_button img{
	vertical-align: top;
	margin: 0 5px;
}
a.sidebar_button.org{
	font-size: 19px;
	font-weight: normal;
}
/*#######################################################################
#                              LAYOUT                                   #
#######################################################################*/
/*header*/
div#header{
	position: relative;
	height: 109px;
	width: 975px;
	margin: 0 auto;
	background-position: 0 20px;
	background-repeat: no-repeat;
}
form#identification{
	position: absolute;
	top: 0;
	left: 50%;
	width: 520px;
	margin-left: -30px;
}
form#identification ul{
	height: 34px;
	margin-bottom: 7px;
}
form#identification ul li{
	float: right;
	margin-left: 15px;
}
form#identification ul li a.pro,
form#identification ul li a.inscription,
form#identification ul li a.mag{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	background: #f90;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
form#identification ul li a.mag{
	background: #856d56;
}
form#identification ul li a.pro:hover,
form#identification ul li a.inscription:hover,
form#identification ul li a.mag:hover{
	background-color: #f60;
	text-decoration: none;
}
form#identification ul li a.connexion{
	color: #fff;
	padding-left: 20px;
	line-height: 28px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/icons/key.png) 0 0 no-repeat;
}
form#identification ul li a.deconnexion{
	color: #fff;
	line-height: 28px;
}
form#identification div{
	display: none;
	overflow: hidden;
	clear: both;
	float: right;
	padding: 5px;
	text-align: left;
	background: #46392d;
	border: 1px solid #9b8773;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
form#identification div p{
	height: 24px;
}
form#identification div p a{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/mdp.png) 0 0 no-repeat;
	margin: 0 5px;
	vertical-align: middle;
}
form#identification div a:hover{
	background-position: 0 -16px;
}
form#identification div p input.textfield{
	border: 0;
	width: 110px;
	height: 18px;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/bgTextfield.png) 0 0 repeat-x;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
form#identification div p input.button{
	padding: 0 5px 3px 5px;
	height: 24px;
	background: #f90;
}
/*btn meta*/
a#btn_meta{
	position: absolute;
	top: 0;
	left: 10px;
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	background: #f90;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
a#btn_meta:hover{
	background-color: #f60;
	text-decoration: none;
}
/*menu*/
ul#menu-genre{
	width: 976px;
	height: 50px;
	margin: 0 auto;
	letter-spacing: .06em;
}
ul#menu-genre li{
	float: left;
	margin-right: 10px;
	padding-left: 10px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/onglet-gauche-c.png) no-repeat 0 0;
}
ul#menu-genre li a{
	float: left;
	display: block;
	color: #f0eee1;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-Serif;
	line-height: 50px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-right: 10px;
}
ul#menu-genre li > a{
	height: 50px;
}
ul#menu-genre li.ouvert, ul#menu-genre li:hover{
	background-position: 0 -59px;
	cursor: pointer;
}
ul#menu-genre li#btnac a{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/onglet-droit-ac.png);
	/*width:7.8em;*/
	width: 135px;
}
ul#menu-genre li#btnconcert a{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/onglet-droit-concert.png);
	/*width: 4.1em;*/
	width: 70px;
}
ul#menu-genre li#btntheatre a{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/onglet-droit-theatre.png);
	/*width: 3.9em;*/
	width: 65px;
}
ul#menu-genre li#btnfestival a{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/onglet-droit-festival.png);
	/*width: 3.8em;*/
	width: 70px;
}
ul#menu-genre li#btnjeune a{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/onglet-droit-jeune.png);
	/*width: 6.1em;*/
	width: 110px;
}
ul#menu-genre li#btndanse a{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/onglet-droit-danse.png);
	/*width: 3em;*/
	width: 60px;
}
ul#menu-genre li#btnart a{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/onglet-droit-art.png);
	/*width: 8.2em;*/
	width: 138px;
}
ul#menu-genre li#btnexpo a{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/onglet-droit-expo.png);
	/*width: 4.8em;*/
	width: 86px;
}
ul#menu-genre li.ouvert a,
ul#menu-genre li:hover a,
ul#menu-genre li a:hover{
	background-position: right -59px;
	color: #28211B;
	text-decoration: none;
}
/*pointeur*/
img.pointer{
	display: block;
	position: absolute;
	z-index: 100;
	top: -2px;
}
/*contenant*/
div#contenant{
	position: relative;
	clear: both;
	width: 965px;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	border: 1px solid #e9e7db;
	border-top: none;
	background: #fff;
}
div#contenant.paddingbottom{
	padding-bottom: 160px;
}
div#contenant div#corne{
	position: absolute;
	bottom: -1px;
	right: -1px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/corne.png) 0 0 no-repeat;
	width: 180px;
	height: 180px;
}
/*fil*/
div#contenant p#fil{
	margin: 5px auto 20px auto;
	height: 23px;
	overflow: hidden;
	background-position: 100% 0;
	background-repeat: no-repeat;
}
div#contenant p#fil a, div#contenant p#fil span{
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #fff;
	padding-left: 14px;
	margin-right: 6px;
	line-height: 23px;
}
div#contenant p#fil a.home{
	display: block;
	float: left;
	padding-left: 5px;
	height: 23px;
	width: 18px;
	text-indent: -5000px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
div#contenant p#fil a.home:hover{
	background-position: 0 -23px;
}
/*contenu*/
div#contenu{
	width: 655px;
	float: left;
	margin-right: 5px;
	position: relative;
	overflow: hidden;
}
div#contenu.full{
	width: 965px;
	float: none;
}
/*colonne*/
div#cadred{
	width: 300px;
	float: right;
	margin-bottom: 170px;
	position: relative;
}
/*footer*/ 
div#footer{
	position: relative;
	margin-top: 20px;
	background: #362c23 url(http://www.agendaculturel.fr/static/im/im-design/fd-footer.png) top repeat-x;
	color: #fff;
}
div#footer div#footer2{
	margin: 0 auto;
	width: 980px;
	text-align: left;
}
div#footer div#footer2 dl{
	float: left;
	height: 170px;
	margin-bottom: 5px;
}
div#footer div#footer2 dl#infos2{
	width: 306px;
}
div#footer div#footer2 dl dt, div#footer div#footer2 div#communaute p{
	margin-bottom: 10px;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	color: #76604c;
	font-weight: bold;
}
div#footer div#footer2 dl#infos2 dd{
	float: left;
	width: 137px;
	margin-right: 15px;
}
div#footer div#footer2 dl#infos2 dd.credits{
	float: none;
	clear: left;
	width: 304px;
	padding-top: 5px;
	font-size: .85em;
	color: #bdbba9;
}
div#footer div#footer2 dl#infos2 dd.credits a{
	color: #bdbba9;
	text-decoration: underline;
}
div#footer div#footer2 dl#partenaires2{
	width: 212px;
	padding: 0 10px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/bgListeFooter.png) 0 35px no-repeat;
}
div#footer div#footer2 dl a{
	color: #fff;
	text-decoration: none;
}
div#footer div#footer2 dl a:hover{
	text-decoration: underline;
}
div#footer div#footer2 div#communaute{
	position: relative;
	float: left;
	width: 442px;
	height: 175px;
}
div#footer div#footer2 div#communaute p{
	margin-left: 10px;
}
div#footer div#footer2 div#communaute a{
	position: absolute;
	width: 94px;
	height: 24px;
	top: 64px;
	text-indent: -5000px;
}
div#footer div#footer2 div#communaute a#facebook{
	left: 45px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/facebookFooter.png) 0 0 no-repeat;
}
div#footer div#footer2 div#communaute a#twitter{
	left: 171px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/twitterFooter.png) 0 0 no-repeat;
}
div#footer div#footer2 div#communaute a#myspace{
	left: 291px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/myspaceFooter.png) 0 0 no-repeat;
}
div#footer div#footer2 div#communaute a#facebook:hover,
div#footer div#footer2 div#communaute a#twitter:hover,
div#footer div#footer2 div#communaute a#myspace:hover{
	background-position: 0 -24px;
}
/*#########################################################################################################################################
#                                                              COMMUN                                                                     #
#########################################################################################################################################*/
/*#######################################################################
#                              RECHERCHE                                #
#######################################################################*/
form#tri{
	position: absolute;
	top: 0;
	left: 0;
	clear: both;
	width: 643px;
	height: 55px;
	padding: 5px;
	margin-bottom: 20px;
	background: #f8f7f1;
	border: 1px solid #e9e7db;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
form#tri p{
	height: 33px;
	margin-bottom: 5px;
}
form#tri input.textfield{
	margin-right: 5px;
	height: 25px;
	padding: 4px 4px 0;
	border: 1px solid #e9e7db;
	font-size: 1.3em;
	color: #28211b;
}
form#tri input.init{
	padding: 2px 4px 2px 4px;
	color: #bdbba9;
	font-size: 22px;
	font-weight:bold;
}
form#tri input#date{
	width: 103px;
}
form#tri input#terms{
	width: 300px;
}
form#tri input#search_go{
	height: 32px;
	padding: 0 4px 0 22px;
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
	color: #f0eee1;
	background: #bdbba9 url(http://www.agendaculturel.fr/static/im/im-design/icons/magnifier.png) 5px 50% no-repeat;
}
form#tri input#search_go:hover{
	color: #28211b;
}
form#tri li{
	display: inline;
	margin-right: 10px;
	color: #bdbba9;
}
form#tri li a{
	color: #bdbba9;
	text-decoration: underline;
}
form#tri li a:hover{
	color: #000;
	text-decoration: none;
}
/*#######################################################################
#                         FILTRE DE RECHERCHE                           #
#######################################################################*/
div#search_filtres{
	position: absolute;
	height: 30px;
	width: 655px;
	top: 85px;
	left: 0;
	line-height: 30px;
	z-index: 1000;
}
div#search_filtres.arrdt{
	position: relative;
	top: 0;
	margin-bottom: 20px;
}
div#search_filtres label, div#search_filtres a.sort{
	display: block;
	float: right;
	height: 16px;
	padding: 6px;
	margin-left: 10px;
	line-height: 16px;
	color: #bdbba9;
	font-weight: bold;
	background: #f8f7f1;
	border: 1px solid #e9e7db;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div#search_filtres label.actif,
div#search_filtres label:hover,
div#search_filtres a.sort:hover,
div#search_filtres a.sort.actif,
div#search_filtres a.sort.actif:hover{
	color: #fff;
	background: #f90;
	border-color: #f90;
	text-decoration: none;
}
div#search_filtres a.sort.actif:hover{
	cursor: default;
}
div#search_filtres div#select{
	position: relative;
	height: 30px;
	font-size: 1.3em;
	float: left;
}
div#search_filtres div#select.search{
	width: 227px;
}
div#search_filtres div#select.marseille{
	width: 290px;
}
div#search_filtres div#select.lyon{
	width: 252px;
}
div#select div.select_default{ 
	background: #f8f7f1 url(http://www.agendaculturel.fr/static/im/im-design/selectBg.png) no-repeat 100% 0;
	color:#000;
	height: 18px;
	padding: 5px 30px 5px 5px;
	float: left;
	cursor: pointer;
	border: 1px solid #e9e7db;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 18px;
}
div#search_filtres div#select.search div.select_default{
	width: 190px;
}
div#search_filtres div#select.marseille div.select_default{
	width: 253px;
}
div#search_filtres div#select.lyon div.select_default{
	width: 215px;
}
div#search_filtres div#select div.select_wrapper{
	display: none;
	top: 27px;
	left: 0;
	position: absolute;
	border: 1px solid #e9e7db;
	border-top: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	z-index: 15000; 
	background: #fff;
	overflow: hidden;
}
div#search_filtres div.search div.select_wrapper{
	width: 225px;
}
div#search_filtres div.marseille div.select_wrapper{
	width: 288px;
}
div#search_filtres div.lyon div.select_wrapper{
	width: 250px;
}
div#select div.select_wrapper li{  
	font-weight: normal;
}  
div#select div.select_wrapper li a{
	display: block;
	padding: 1px 5px;
	border-top: 1px solid #e9e7db;
	color: #000;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}  
div#select div.select_wrapper li a sup{
	font-size: .8em;
}   
div#select div.select_wrapper li a:hover{
	background: #f8f7f1;
	text-decoration: none;
}
/*#######################################################################
#                         RESULTATS DE RECHERCHE                        #
#######################################################################*/
div#conteneur_results{
	position: relative;
	margin-top: 145px;
	left: 0;
}
/*#######################################################################
#                             PAGINATION                                #
#######################################################################*/
div.paginationlisting{
	margin: 15px 0;
	clear: both;
	height: 1.4em;
}
div.paginationlisting a{
	color:#adaa98;
	font-size:1.4em;
}
div.paginationlisting a:hover{
	color: #555347;
	text-decoration: none;
}
/*#######################################################################
#                             PAGINATION                                #
#######################################################################*/
div.pageNav{
	font-size: 11px;
	text-align: center;
	clear: both;
}
div.pageNav.top{
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
div.pageNav.bottom{
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: 1px dotted #ccc;
}
div.pageNav span{
	font-weight: bold;
	padding: 2px 6px 3px 6px;
	border-width: 1px;
	border-style: solid;
	margin: 0 5px;
	color: #fff;
}
div.pageNav a{
	background: #fff;
	color: #000;
	text-decoration: none;
	padding: 2px 6px 3px 6px;
	border: 1px solid #ccc;
	margin: 0 5px;
}
/*#######################################################################
#                     BOITE PRINCIPALE COLONNE DROITE                   #
#######################################################################*/
div#cadred div.boite{
	width: 300px;
	margin-bottom: 10px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/boiteDroite.png) 0 50% no-repeat;
}
div#cadred div.boite h1{
	width: 290px;
	padding: 5px;
	margin-bottom: 5px;
	font: 18px/20px  Helvetica,Sans-Serif, "Trebuchet MS", Verdana;
	font-weight: bold;
	letter-spacing: .05em;
	background: url(http://www.agendaculturel.fr/static/im/im-design/boiteDroiteTop.png) 0 0 no-repeat;
	text-align: center;
}
div#cadred div.boite h1 span{
	display: block;
	padding: 5px;
	background: #edece6;
}
div#cadred div.boite p{
	padding: 0 20px 15px 20px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/boiteDroiteBottom.png) 0 100% no-repeat;
}
/*#######################################################################
#                    BOITES SECONDAIRES COLONNE DROITE                  #
#######################################################################*/
div#cadred div.boiteSecondaire{
	width: 300px;
	margin: 10px 0;
	padding-bottom: 5px;
	background: #e2e0ca url(http://www.agendaculturel.fr/static/im/im-design/bgBoitesSecondairesBottom.png) 0 100% no-repeat;
}
div#cadred div.boiteSecondaire h6{
	padding: 0 10px;
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	position: relative;
	overflow: hidden;
}
div#cadred div.boiteSecondaire h6 a, div#cadred div.boiteSecondaire h6 a:visited{
	color: #fff;
}
div#cadred div.boiteSecondaire h6 a.infos{
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -5000px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/infos.png) 0 0;
}
div#cadred div.contentBoiteSecondaire{
	margin: 0 5px;
	padding: 5px;
	width: 278px;
	background: #fff;
	border: 1px solid #bdbba9;
}
div#cadred div.contentBoiteSecondaire a{
	padding: 0 2px;
}
div#cadred div.contentBoiteSecondaire a:hover{
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div#cadred div.boiteSecondaire a.aide:hover{
	background-color: none;
}
div#cadred div.contentBoiteSecondaire ul li{
	margin-bottom: 5px;
}
/*formulaires*/
div#cadred div.boiteSecondaire form{
	position: relative;
	width: 278px;
}
div#cadred div.boiteSecondaire form input.textfield{
	width: 190px;
}
div#cadred div.boiteSecondaire form div{
	margin-top: 10px;
}
div#cadred div.boiteSecondaire form h5{
	font-size: 1.2em;
}
div#cadred div.boiteSecondaire form p{
	margin: 10px 0;
	height: auto;
	min-height: 20px;
	position: relative;
}
div#cadred div.boiteSecondaire form p.center{
	margin: 10px 0;
	height: 29px;
}
div#cadred div.boiteSecondaire form input.button{
	background :#d4d0bc;
}
div#cadred div.boiteSecondaire form input.button:hover{
	background: #555347;
	color: #fff;
}
/*dpt limitrophes*/
div#cadred div.boiteSecondaire ul.dpt{
	padding-left: 70px;
	height: 65px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/france.png) 0 5px no-repeat;
}
div#cadred div.boiteSecondaire div.contentBoiteSecondaire > ul.dpt{
	height: auto;
	min-height: 65px;
}
div#cadred div.boiteSecondaire ul.dpt li{
	font-size: 12px;
}
div#cadred div.boiteSecondaire ul.dpt li a{
	padding: 2px;
}
/*contribution*/
div#cadred div.boiteSecondaire ul.contrib{
	margin-top: 10px;
}
div#cadred div.boiteSecondaire ul.contrib li a{
	display: block;
	padding-left: 35px;
	height: 32px;
	line-height: 32px;
}
div#cadred div.boiteSecondaire ul.contrib li a.signaler{
	background: url(http://www.agendaculturel.fr/static/im/im-design/icons/page_white_error.png) 0 0 no-repeat;
}
div#cadred div.boiteSecondaire ul.contrib li a.modifier{
	background: url(http://www.agendaculturel.fr/static/im/im-design/icons/page_white_edit.png) 0 0 no-repeat;
}
div#cadred div.boiteSecondaire ul.contrib li a.announce{
	background: url(http://www.agendaculturel.fr/static/im/im-design/icons/page_white_add.png) 0 0 no-repeat;
}
/*newsletter*/
div#cadred div.boiteSecondaire form#newsletter p{
	margin-bottom: 10px;
	position: relative;
	width: 278px;
}
div#cadred div.boiteSecondaire form#newsletter p select{
	width: 120px;
}
/*partenaires*/
ul#partenaires li img{
	vertical-align: middle;
}
/*#######################################################################
#                              INFOBULLE                                #
#######################################################################*/
#tooltip{
	position: absolute;
	z-index: 3000;
	border: 1px solid #5d4d3f;
	background-color: #fff;
	padding: 5px 3px 5px 5px;
	opacity: 0.9;
	font-weight: bold;
	text-align: left;
	color: #5d4d3f;
}
/*infobulle aide*/
#tooltip.bulle_help{
	width: 240px;
}
/*#########################################################################################################################################
#                                                     ACCUEIL DEPARTEMENTAL                                                               #
#########################################################################################################################################*/
/*#######################################################################
#                            TOP EVENEMENT                              #
#######################################################################*/
div#top_evt{
	position: relative;
	width: 655px;
	height: 240px;
	margin-top: 87px;
	margin-bottom: 30px;
	background: #28211b url(http://www.agendaculturel.fr/static/im/im-design/bgTopEvenement.png) 0 0 no-repeat;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div#contenu div#top_evt h2{
	margin-bottom: 5px;
	clear: none;
	font-size: 18px;
	line-height: 21px;
	height: auto;
	max-height: 42px;
	font-weight: bold;
}
div#top_evt h2 a{
	color: #f90;
}
div#top_evt p.top_evt_date{
	font-weight: bold;
	margin: 10px 0;
}
div#top_evt a.top_evt_genre{
	display: block;
	padding: 0 5px 3px;
	height: 10px;
	line-height: 12px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
div#top_evt a.top_evt_genre:hover{
	color: #28211b;
	text-decoration: none;
}
div#top_evt a.concert{
	width: 40px;
	background: #7cb31e;
}
div#top_evt a.theatre{
	width: 40px;
	background: #c20041;
}
div#top_evt a.festival{
	width: 40px;
	background: #0b4b5f;
}
div#top_evt a.jeune{
	width: 62px;
	background: #35bff3;
}
div#top_evt a.danse{
	width: 32px;
	background: #9e30c9;
}
div#top_evt a.art{
	width: 82px;
	background: #f8b91c;
}
div#top_evt a.expo{
	width: 52px;
	background: #b95400;
}
div#top_evt div.first{
	position: relative;
	float: left;
	width: 375px;
	height: 240px;
}
div#top_evt div.first a.first_img{
	position: absolute;
	display: block;
	width: 180px;
	height: 240px;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
div#top_evt div.first div.first_infos{
	position: absolute;
	width: 190px;
	height: 230px;
	padding: 5px 0;
	left: 185px;
	top: 0;
	overflow: hidden;
}
div#top_evt div.first div.first_infos p.first_artistes{
	color: #bdbba9;
	margin: 5px 0;
}
div#top_evt div.first div.first_infos p.first_artistes a{
	color: #bdbba9;
}
div#top_evt ul.second{
	position: relative;
	float: left;
	width: 280px;
	height: 240px;
}
div#top_evt ul.second li{
	position: relative;
	width: 170px;
	padding-left: 105px;
	height: 120px;
	overflow: hidden;
}
div#contenu div#top_evt ul.second li h2{
	margin: 5px 0 10px;
	font-size: 13px;
	line-height: 16px;
	height: auto;
	max-height: 32px;
	overflow: hidden;
}
div#top_evt ul.second li a.second_img{
	position: absolute;
	display: block;
	width: 100px;
	height: 120px;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
/*#######################################################################
#                     TOP ARTISTE / ORGANISATEUR                        #
#######################################################################*/
div.top_artiste{
	width: 318px;
	padding: 0 1px;
	margin-bottom: 30px;
	float: left;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/bg_top_artistes.png) 0 100% no-repeat;
}
div.top_artiste.left{
	margin-right: 15px;
}
div#contenu div.top_artiste h2{
	margin-bottom: 5px;
	clear: none;
	font-size: 18px;
	line-height: 21px;
	height: auto;
	max-height: 42px;
	font-weight: bold;
}
div.top_artiste h2 a{
	color: #f90;
}
div.top_artiste div.first{
	width: 308px;
	height: 150px;
	padding: 5px;
	background: #f8f7f1;
}
div.top_artiste div.first a.first_img{
	float: left;
	display: block;
	width: 150px;
	height: 150px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
div.top_artiste div.first div.first_infos{
	width: 153px;
	height: 150px;
	float: left;
	overflow: hidden;
}
div.top_artiste ul.second{
	width: 318px;
}
div.top_artiste ul.second li{
	width: 308px;
	height: 100px;
	padding: 5px;
	overflow: hidden;
}
div.top_artiste ul.second li.even{
	background: #f8f7f1;
}
div#contenu div.top_artiste ul.second li h2{
	font-size: 13px;
	line-height: 16px;
	height: auto;
	max-height: 32px;
	overflow: hidden;
}
div.top_artiste ul.second li a.second_img{
	float: left;
	display: block;
	width: 100px;
	height: 100px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
div.top_artiste p.view_all{
	height: 30px;
	padding: 0 5px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
}
div.top_artiste p.view_all a{
	color: #bdbba9;
}
div.top_artiste p.view_all a:hover{
	color: #28211b;
}
/*#######################################################################
#                           BILLET DU MAG                               #
#######################################################################*/
div#billet{
	clear: both;
	width: 635px;
	padding: 10px;
	background: #f8f7f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div#billet div.first{
	height: 230px;
	overflow: hidden;
}
div#billet img{
	float: left;
	margin-right: 10px;
}
div#billet h2{
	clear: none;
	margin-bottom: 10px;
	font-weight: normal;
}
div#billet h2 a{
	color: #f90;
}
div#billet p span.date{
	font-weight: bold;
}
div#billet p a.lire{
	float: right;
	color: #bdbba9;
	text-decoration: underline;
}
div#billet p a.lire:hover{
	color: #28211b;
	text-decoration: none;
}
div#billet iframe{
	width: 355px;
	height: 25px;
	margin-top: 10px;
	border: none;
	overflow: hidden;
}
/*#########################################################################################################################################
#                                                 ACCUEIL CATEGORIES / VILLES                                                             #
#########################################################################################################################################*/
/*#######################################################################
#                               EDITO                                   #
#######################################################################*/
div#edito_cat{
	margin-top: 87px;
	margin-bottom: 20px;
}
div#edito_cat h1{
	float: left;
	font-weight: normal;
	margin-bottom: -1px;
	height: 1.3em;
	padding: 0 10px 0 5px;
	line-height: 1.3em;
	background: #f8f7f1;
	border: 1px solid #e9e7db;
	border-bottom-color: #f8f7f1;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
div#edito_cat p{
	clear: left;
	padding: 5px;
	background: #f8f7f1;
	border: 1px solid #e9e7db;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}
/*#######################################################################
#                       VILLES / ORGANISATEURS                          #
#######################################################################*/
ul#villes li{
	width: 147px;
	height: 147px;
	margin-right: 17px;
	margin-bottom: 17px;
	position: relative;
	float: left;
	overflow: hidden;
	border: 2px solid #e2e0ca;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
ul#villes li a{
	position: absolute;
	display: block;
	width: 133px;
	height: 158px;
	left: 7px;
	top: -19px;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 50% 62px;
}
ul#villes li a:hover{
	text-decoration: none;
}
ul#villes li span{
	position: absolute;
	right: 7px;
	bottom: 7px;
	padding: 2px 5px;
	color: #fff;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}
ul#villes li.all:hover{
	border-color: #e2e0ca;
}
ul#villes li.all a{
	width: 133px;
	height: 95px;
	padding: 45px 7px 7px 7px;
	text-align: center;
	position: relative;
	background: none;
	left: 0;
	top: 0;
}
/*#######################################################################
#                             SUGGESTIONS                               #
#######################################################################*/
div#suggestions_dpt{
	overflow-y: auto;
	margin-top: 20px;
}
div#suggestions_dpt h2{
	margin-bottom: 10px;
	font-weight: normal;
	color: #bdbba9;
}
div#suggestions_dpt a.miniature{
	margin-right: 21px;
}
/*#########################################################################################################################################
#                                                RESULTATS DE RECHERCHE / LISTING EVENEMENTS                                              #
#########################################################################################################################################*/
/*#######################################################################
#                                LISTING                                #
#######################################################################*/
/*date*/
p.date{
	margin: 10px 0;
	height: 23px;
	line-height: 23px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: url(http://www.agendaculturel.fr/static/im/im-design/bgDate.png) 50% 0 no-repeat;
	border-bottom: 1px solid #555347;
	color: #fff;
}
/*boite*/
div.liste-date{
	position: relative;
	height: 109px;
	width: 645px;
	padding: 5px 5px 0 5px;
	margin-bottom: 15px;
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/bgListeDateSimple.png);
}
div.liste-date:hover{
	background-position: 0 -114px;
}
a.miniature, a.miniature:visited{
	display: block;
	position: relative;
	width: 100px;
	height: 90px;
	padding: 7px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: url(http://www.agendaculturel.fr/static/im/im-design/bgThumb-agenda-culturel.png);
	text-decoration: none;
	text-indent: -5000px;
	cursor: pointer;
}
a.miniature:hover{
	background-position: 0 -104px;
	text-decoration: none;
}
a.miniature span.img_evenement{
	position: absolute;
	top: 7px;
	left: 7px;
	width: 100px;
	height: 90px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -5000px;
}
a.miniature span.img_evenement span{
	display: block;
	position: relative;
	margin-top: 70px;
	width: 100px;
	height: 20px;
	line-height: 20px;
	text-indent: 0;
}
div#contenu div.liste-date a.miniature{
	position: absolute;
	top: 5px;
	left: 5px;
}
div#contenu div.liste-date h2{
	clear: none;
	position: relative;
	margin-bottom: 0;
	margin-left: 119px;
	width: 526px;
	height: 1.3em;
	line-height: 1.2em;
	font-size: 16px;
	font-weight: bold;
}
div.liste-date h2 a{
	color: #28211b;
}
div.liste-date p.lieu{
	width: 510px;
	position: relative;
	margin-left: 119px;
	padding-left: 16px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/bullet_go.png) no-repeat 0 0;
	overflow: hidden;
}
div.liste-date h3{
	clear: none;
	position: relative;
	margin-left: 119px;
	width: 526px;
	height: 16px;
	margin-bottom: 3px;
	font-size: 13px;
	font-weight: normal;
	overflow: hidden;
	line-height: 16px;
	color: #adaa98;
}
div.liste-date h3 a{
	color: #adaa98;
}
div.liste-date p.reservation{
	height: 33px;
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 100px;
	text-align: right;
	font-weight: bold;
	line-height: 36px;
}
div.liste-date p.reservation.annule{
	color: #c00;
	text-align: center;
	font-size: 18px;
}
div.liste-date p.reservation.gratuit{
	text-align: center;
	font-size: 18px;
}
div.liste-date a.ville{
	font-weight: bold;
	letter-spacing: .05em;
}
div.liste-date p.description{
	width: 410px;
	position: relative;
	margin-left: 119px;
	height: 2.8em;
	padding-left: 5px;
	margin-top: 8px;
	overflow: hidden;
	border-left: 4px solid #ADAA98;
}
/*pub*/
div#pub-contenu{
	margin: 10px 0;
	text-align: center;
}
/*#########################################################################################################################################
#                                                       PAGE EVENEMENT / ARTISTE                                                          #
#########################################################################################################################################*/
div.agenda_box{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/bgBoitesAgenda.png) 0 100% no-repeat;
}
div#contenant div.agenda_box h1, div#contenant div.agenda_box h2{
	height: 64px;
	max-height: 64px;
	line-height: 64px;
	padding-left: 68px;
	margin: 10px 0;
	position: relative;
	font-size: 1.5em;
	background-repeat: no-repeat;
	font-weight: bold;
	overflow: hidden;
}
/*#######################################################################
#                                 INFOS                                 #
#######################################################################*/
div#infos{
	padding-bottom: 20px;
	height: auto;
	min-height: 410px;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/bgBoitesAgenda.png) 0 100% no-repeat;
}
div#infos h1{
	height: 2.4em;
	margin-bottom: .5em;
	overflow: hidden;
}
/*visuel*/
div#visuel{
	position: absolute;
	top: 5.8em;
	left: 0;
	width: 250px;
	height: auto;
	min-height: 250px;
}
div#visuel img{
	display: block;
	margin: 0 auto;
	border: 1px solid #ccc;
}
div#visuel form#ajoutPhoto{
	height: 200px;
	width: 250px;
	text-align: center;
}
div#visuel form#ajoutPhoto label{
	display: block;
	margin: 50px 0 20px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #bdbba9;
}
/*dates*/
div#conteneurDate{
	position: absolute;
	top: 5.8em;
	left: 260px;
	height: 90px;
}
div#conteneurDate p{
	float: left;
	height: 90px;
	line-height: 90px;
	margin: 0 10px;
	text-align: center;
	font-weight: bold;
}
div#conteneurDate div.evedate{
	width: 77px;
	height: 90px;
	float: left;
	font-weight: bold;
	text-align: center;
	background: url(http://www.agendaculturel.fr/static/im/im-design/bgDateEvenement.png) no-repeat 0 0;
}
div#conteneurDate div.evedate a:hover{
	text-decoration:none;
}
div#conteneurDate div.evedate span{
	display: block;
}
div#conteneurDate div.evedate span.jour{
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 14px;
}
div#conteneurDate div.evedate span.date{
	font-size: 25px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
div#conteneurDate div.evedate span.mois, div#conteneurDate div.evedate span.annee{
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	color: #999;
}
/*horaire*/
div#infodate{
	position: relative;
	float: right;
	width: 395px;
	margin-top: 110px;
	margin-bottom: 10px;
	overflow: hidden;
}
div#infodate dl#horaire{
	margin-bottom: 10px;
}
div#infodate dl#horaire dt{
	height: 24px;
	padding-bottom: 2px;
	padding-left: 27px;
	margin-bottom: 5px;
	line-height: 24px;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/clock.png) 0 0 no-repeat;
	border-bottom: 1px dotted #ccc;
}
/*reservation*/
#reserver_evt{
	position: absolute;
	top: 4.1em;
	right: 0;
	font-size: 18px;
}
span#reserver_evt.annule{
	color: #c00;
}
span#reserver_evt.gratuit{
	color: #7cb31e;
}
/*tarif*/
span#tarif{
	position: absolute;
	right: 0;
	top: 130px;
	font-weight: bold;
}
/*gratuit*/
span#tarif.gratuit{
	top: 70px;
	font-size: 18px;
	font-weight: normal;
}
/*infos spectacle*/
div#infodate dl.infos{
	margin-bottom: 10px;
}
div#infodate dl.infos.info_resa{
	height: 5.5em;
	overflow: hidden;
}
div#infodate dl.infos dt{
	padding-bottom: 2px;
	font-weight: bold;
	color: #bdbba9;
	border-bottom: 1px dotted #dfdfdf;
	font-size: 1.2em;
}
div#infodate dd#adresse a{
	font-size: .85em;
	font-weight: normal;
}
/*facebook*/
div#infos iframe#fb_iframe, div#infos object#fb_object{
	clear: both;
	margin-left: 260px;
	width: 395px;
	height: 30px;
	border: 0;
	overflow: hidden;
}
/*#######################################################################
#                             PRESENTATION                              #
#######################################################################*/
div#presentation h2{
	background-position: 0 -512px;
}
div#presentation p{
	margin-bottom: 1em;
}
div#presentation a{
	text-decoration: underline;
}
div#presentation a:hover{
	text-decoration: none;
}
div#more_infos{
	padding-top: 10px;
}
/**/
div#presentation img#artiste_logo{
	display: block;
	float: left;
	margin-right: 10px;
}
div#presentation iframe#fbLike, div#presentation object#fb_object{
	margin-top: 10px;
	width: 395px;
	height: 30px;
	border: 0;
	overflow: hidden;
}
/*#######################################################################
#                             CONTACT                                   #
#######################################################################*/
div#contact h2{
	background-position: 0 0;
}
div#contact dl{
	overflow-y: auto;
	margin-bottom: 10px;
}
div#contact dl dt{
	clear: left;
	float: left;
	width: 90px;
	margin-bottom: 10px;
	font-weight: bold;
}
div#contact dl dd{
	float: left;
	width: 545px;
	margin-bottom: 10px;
}
/*#######################################################################
#                              VIDEOS                                   #
#######################################################################*/
div#video h2{
	background-position: 0 -64px;
}
div#videoThumbs{
	width: 268px;
	height: 310px;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
div#videoThumbs div#thumbsConteneur{
	position: absolute;
	left: 0;
	top: 0;
	height: 310px;
	width: 268px;
	overflow: hidden;
}
div#videoThumbs div#thumbsConteneur ul{
	width: 268px;
	float: left;
}
div#videoThumbs li.thumb{
	float: left;
	width: 120px;
	height: 90px;
	padding: 4px;
	margin: 3px;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/bgThumbsVideos.png) 0 0 no-repeat;
	text-align: center;
	overflow: hidden;
	position: relative;
}
div#videoThumbs div.thumbConteneur.admin{
	height: 110px;
}
div#videoThumbs div.thumbConteneur.admin p{
	margin-top: 5px;
}
div#videoThumbs div.thumbConteneur div{
	width: 120px;
	height: 90px;
	overflow: hidden;
}
div#lectureVideo{
	margin-top: 5px;
	margin-bottom: 10px;
	float: right;
	width: 360px;
	height: 300px;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/ajax-loader.gif) 50% 50% no-repeat;
	border: 1px solid #bdbba9;
}
div#video p#video_nav{
	clear: both;
	height: 2em;
	width: 260px;
	margin-bottom: 20px;
	padding: 0 5px;
	font-weight: bold;
}
div#video form label{
	font-weight: bold;
}
div#video form input.textfield{
	width: 440px;
}
div#video form span.legende{
	display: block;
	margin-left: 130px;
}
/*#######################################################################
#                               DATES                                   #
#######################################################################*/
div#dates-evt h2{
	background-position: 0 -192px;
}
div#dates-evt div#calendriers{
	height: 215px;
	overflow: hidden;
}
div.calendar-event{
	width: 210px;
	margin: 0 0 9px 9px;
	float: left;
	border: 1px solid #e9e7db;
}
div.calendar-event h3{
	text-align: center;
	font-weight: normal;
	padding: 5px;
	color: #fff;
	background: #f90;
}
div.calendar-event table{
	border-spacing: 0;
	border-collapse: collapse;
	margin-left: 1px;
}
div.calendar-event td, div.calendar-event th{
	text-align: center;
	border: 1px solid #fff;
	width: 29px;
	height: 29px;
}
div.calendar-event td.grey{
	background-color: #f8f7f1;
}
div.calendar-event td.grey a{
	text-decoration: none;
}
div.calendar-event td.date-active{
	background-color: #f90;
	color: #fff;
	font-weight: bold;
}
div.calendar-event td.date-desactive,
div.calendar-event td.date-desactive.horaires{
	background: #ffe88e;
	color: #fff;
	font-weight: bold;
}
div.calendar-event td.date-active a,
div.calendar-event td.date-desactive a{
	text-decoration: none;
	color: #fff;
}
div.calendar-event td.horaires{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/td_calendar_corner.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
}
/*#######################################################################
#                           PHOTOS FLICKR                               #
#######################################################################*/
div#photosFlickr h2{
	background-position: 0 -256px;
}
div#photosFlickr li{
	position: relative;
	width: 114px;
	height: 104px;
	margin-right: 20px;
	margin-bottom: 20px;
}
div#photosFlickr a.miniature{
	float: none;
}
/*#######################################################################
#                              AGENDA                                   #
#######################################################################*/
div#agenda h2{
	background-position: 0 -128px;
}
div#agenda div.liste-date{
	height: auto;
	min-height: 55px;
	padding-bottom: 10px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/bgListeDateArtiste.png) 0 100% no-repeat;
}
div#agenda div.liste-date h3{
	margin: 0 0 10px 0;
	width: 550px;
	font-size: 1.5em;
	line-height: 1.2em;
	height: auto;
}
div#agenda div.liste-date h3 a{
	color: #28211b;
}
div#agenda div.liste-date p.lieu{
	margin-left: 0;
	width: 629px;
}
div#agenda div.liste-date a.genre{
	position: absolute;
	right: 5px;
	top: 10px;
	display: block;
	padding: 0 5px 3px;
	height: 10px;
	line-height: 12px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
div#agenda div.liste-date a.genre:hover{
	color: #28211b;
	text-decoration: none;
}
div#agenda div.liste-date a.concert{
	width: 40px;
	background: #7cb31e;
}
div#agenda div.liste-date a.theatre{
	width: 40px;
	background: #c20041;
}
div#agenda div.liste-date a.festival{
	width: 40px;
	background: #0b4b5f;
}
div#agenda div.liste-date a.jeune{
	width: 62px;
	background: #35bff3;
}
div#agenda div.liste-date a.danse{
	width: 32px;
	background: #9e30c9;
}
div#agenda div.liste-date a.art{
	width: 82px;
	background: #f8b91c;
}
div#agenda div.liste-date a.expo{
	width: 52px;
	background: #b95400;
}
div#agenda div.liste-date a.btn_reserver{
	position: absolute;
	right: 3px;
	top: 30px;
}
/*#######################################################################
#                         REVUE DE PRESSE                               #
#######################################################################*/
div#presse h2{
	background-position: 0 -320px;
}
/*#######################################################################
#                         LAISSER UN AVIS                               #
#######################################################################*/
div#avis h2{
	background-position: 0 -384px;
}
div#avis h2 span{
	position: absolute;
	display: block;
	top: 10px;
	left: 0;
	width: 64px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	color: #fff;
}
div#avis p#avis_msg{
	margin: 10px 0 20px 0;
	font-weight: bold;
	text-align: center;
}
div#avis div.avismembres{
	margin-bottom: 10px;
	width: 655px;
}
div#avis div.avismembres div.membre{
 	float: left;
	width: 40px;
	height: 40px;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
}
div#avis div.avismembres div.membre img{
	display: block;
}
div#avis div.avismembres p.infosMembre{
	margin: 0 0 3px 65px;
	width: 595px;
	font-size: .8em;
}
div#avis div.avismembres p.infosMembre span.nommembre{
	font-weight: bold;
}
div#avis div.avismembres p.infosMembre span.dateavis{
	color: #999;
}
div#avis div.avismembres p.texteavis{
	width: 581px;
	height: 32px;
	padding: 5px 5px 5px 17px;
	margin-left: 52px;
	background: #f2f2f2 url(http://www.agendaculturel.fr/static/im/im-design/bgAvis.png) 0 0 no-repeat;
}
div#avis div.avismembres > p.texteavis{
	height: auto;
	min-height: 32px;
}
/*reponses*/
div#avis div.avismembres div.repmembres{
	margin: 0 0 10px 65px;
}	
div#avis div.avismembres div.repmembres p.texteavis{
	width: 516px;
}
div#avis div.avismembres div.repmembres > p.texteavis{
	height: auto;
	min-height: 32px;
}
div#avis div.avismembres a.tteRep{
	color: #f90;
}
/*commenter et repondre*/
div#avis p{
	margin-bottom: 10px;
}
div#avis p label{
	float: left;
	width: 24%;
	font-size: 14px;
	line-height: 24px;
}
div#avis input.textfield{
	width: 50%;
}
div#avis textarea{
	height: auto;
	min-height: 150px;
	width: 50%;
}
/*commenter*/
div#avis form#form_avis{
	margin: 20px 0;
}
div#avis form#form_avis h3{
	margin-bottom: 10px;
	padding-left: 24%;
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: normal;
}
/*repondre*/
div#avis form#form_repondre{
	margin-bottom: 20px;
}
div#avis form#form_repondre{
	padding: 10px 5px 5px 135px;
	width: 515px;
	display: none;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/bgAvis.png) 115px 0 no-repeat;
}
/*#######################################################################
#                             SUGGESTIONS                               #
#######################################################################*/
div#suggestions{
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
div#suggestions h2{
	background-position: 0 -448px;
}
div#suggestions li{
	position: relative;
	width: 114px;
	height: 104px;
	margin-right: 20px;
	margin-bottom: 20px;
}
/*#########################################################################################################################################
#                                                         AJOUT EVENEMENT                                                                 #
#########################################################################################################################################*/
/*introduction*/
div#introAjtEvene{
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/bgFormInscription.png) 100% 100% no-repeat;
}
div#introAjtEvene h1{
	height: 44px;
	line-height: 1.3em;
	padding-top: 20px;
	padding-left: 68px;
	margin: 10px 0;
	position: relative;
	background: url(http://www.agendaculturel.fr/static/im/im-design/inscription.png) 0 0 no-repeat;
}
div#introAjtEvene p{
	margin: 0 10px 10px;
}
form#ajouter_evt{
	width: 655px;
}
/*formulaire*/
form#ajouter_evt fieldset{
	padding: 20px 10px 10px 10px;
	margin-bottom: 10px;
	border: 0;
	background: #fff url(http://www.agendaculturel.fr/static/im/im-design/bgFieldsetInscription.png) 0 0 no-repeat;
}
form#ajouter_evt p{
	margin-bottom: 10px;
	line-height: 28px;
	width: 655px;
	position: relative;
}
form#ajouter_evt p.center{
	margin-top: 20px;
}
form#ajouter_evt fieldset p{
	width: 635px;
}
form#ajouter_evt p label{
	float: left;
	width: 245px;
	margin-left: 20px;
	margin-right: 5px;
	text-align: right;
	font-size: 18px;
	color: #999;
}
form#ajouter_evt p label.obligatoire{
	color: #28211b;
}
form#ajouter_evt span.legende{
	display: block;
	margin-left: 270px;
}
form#ajouter_evt p input.textfield, form#ajouter_evt p select, form#ajouter_evt p textarea{
	font-size: 16px;
}
form#ajouter_evt p input.textfield{
	width: 350px;
}
form#ajouter_evt p select{
	width: 358px;
}
form#ajouter_evt p textarea{
	width: 595px;
	height: 200px;
	margin-left: 25px;
	min-height: 100px;
}
form#ajouter_evt p.more{
	width: 345px;
	margin-left: 270px;
	line-height: 16px;
}
/*visuel*/
form#ajouter_evt img#preview{
	margin-left: 270px;
}
/*ville et cp*/
form#ajouter_evt select#id_ville{
	width: 252px;
}
form#ajouter_evt input#cp{
	width: 90px;
}
/*dates*/
form#ajouter_evt input#date_debut,
form#ajouter_evt input#date_fin{
	width: 90px;
}
form#ajouter_evt label#label_date_fin{
	display: inline;
	float: none;
}
form#ajouter_evt div#calendars{
	margin-bottom: 10px;
}
form#ajouter_evt div#calendars span.legende{
	display: block;
	margin: 10px 0;
}
/*horaire*/
form#ajouter_evt p select.heure,
form#ajouter_evt p select.min{
	width: 60px;
}
/*exclure*/
p#exclude_days{
	height: 50px;
}
p#exclude_days input{
	margin-left: 10px;
}
p#exclude_days input:first-child{
	margin-left: 0;
}
p#exclude_days span{
	display: block;
	width: 90px;
	float: left;
}
/*description*/
form#ajouter_evt label#description_label{
	text-align: left;
	margin-left: 25px;
}
form#ajouter_evt p#description_legend,
form#ajouter_evt p#description_alert{
	clear: left;
	margin: 0 0 10px 25px;
	width: 605px;
	line-height: 1.2em;
}
form#ajouter_evt p#description_alert{
	color: #c00;
}
form#ajouter_evt span#description_parent{
	clear: left;
}
/*tarifs*/
form#ajouter_evt label#label_tarif_max{
	display: inline;
	float: none;
}
form#ajouter_evt p input.tarif{
	width: 35px;
}
/*plus d'infos*/
form#ajouter_evt p#more_infos{
	margin-bottom: 0;
}
form#ajouter_evt p#more_infos a{
	display: block;
	padding: 3px 3px 3px 32px;
	width: 620px;
	color: #000;
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #a2a08e url(http://www.agendaculturel.fr/static/im/im-design/toggle_plus.png) 8px 50% no-repeat;
}
form#ajouter_evt p#more_infos a.open{
	background-image: url(http://www.agendaculturel.fr/static/im/im-design/toggle_moins.png);
}
form#ajouter_evt p#more_infos a:hover{
	text-decoration: none;
}
form#ajouter_evt fieldset#infos{
	margin-top: 0;
	width: 633px;
	border: 1px solid #a2a08e;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
form#ajouter_evt fieldset#infos p{
	width: 633px;
}
form#ajouter_evt p input.tarif{
	width: 35px;
}
/*revue de presse*/
form#ajouter_evt label#presse_label{
	text-align: left;
	margin-left: 25px;
}
/*reservation*/
form#ajouter_evt label#resa_label{
	text-align: left;
	margin-left: 25px;
}
/*mail*/
form#ajouter_evt p#mail{
	margin: 20px 10px 10px;
	width: 635px;
}
/*antispam*/
form#ajouter_evt p#antispam{
	margin: 10px;
	width: 635px;
}
form#ajouter_evt p#antispam input{
	width: 35px;
}
/*bulles dates*/
div#bulle_calendar{
	display: none;
	position: absolute;
	width: 400px;
	padding-bottom: 5px;
	background: #fff;
	border: 1px solid #a2a08e;
	z-index: 100000;
}
div#bulle_calendar h6{
	padding: 3px;
	margin-bottom: 10px;
	font-size: 1.2em;
	background: #a2a08e;
	color: #fff;
	text-align: center;
}
form#ajouter_evt div#bulle_calendar p{
	margin: 5px;
	width: 390px;
}
form#ajouter_evt div#bulle_calendar div.horaires{
	margin-bottom: 10px;
}
form#ajouter_evt div#bulle_calendar p label{
	color: #000;
	font-size: 1em;
	width: 112px;
}
form#ajouter_evt div#bulle_calendar p.gray,
form#ajouter_evt div#bulle_calendar p.gray label{
	color: #999;
}
form#ajouter_evt div#bulle_calendar p input.button{
	margin: 0 10px;
}
/*legende des calendriers*/
ul#calendars_legend{
	height: 28px;
	text-align: center;
}
ul#calendars_legend li{
	display: inline;
	margin-left: 10px;
}
ul#calendars_legend li:first-child{
	margin-left: 0;
}
ul#calendars_legend li img{
	vertical-align: middle;
}
/*liste des horaires différents*/
ul#different_hours{
	margin-top: 10px;
	padding: 5px 5px 0;
	border: 1px solid #f90;
}
ul#different_hours li{
	background: url(http://www.agendaculturel.fr/static/im/im-design/square_agenda-culturel.png) 0 50% no-repeat;
	margin-bottom: 5px;
	padding-left: 10px;
}
ul#different_hours li.title{
	font-weight: bold;
	background: none;
	padding-left: 0;
}
/*autocompletion*/
ul.suggest{
	display: none;
	position: absolute;
	width: 356px;
	border: 1px solid #bdbba9;
	z-index: 60000;
	background: #f8f7f1;
	margin-left: 270px;
	margin-top: -11px;
	z-index: 6000;
}
ul.suggest li{
	border-top: 1px dotted #ccc;
	padding: 3px;
	cursor: pointer;
}
ul.suggest li:nth-child(odd){
	background: #ecebe5;
}
ul.suggest li:first-child{
	border-top: 0;
}
ul.suggest li:hover{
	background: #bdbba9;
}

/*#########################################################################################################################################
#                                                             INSCRIPTION                                                                 #
#########################################################################################################################################*/
form#form_subscribe{
	margin-top: 30px;
}
form#form_subscribe h1{
	height: 44px;
	line-height: 1.3em;
	padding-top: 20px;
	padding-left: 68px;
	margin: 10px 0;
	position: relative;
	background: url(http://www.agendaculturel.fr/static/im/im-design/inscription.png) -8px 0 no-repeat;
}
form#form_subscribe{
	margin-top: 30px;
}
form#form_subscribe p{
	margin-bottom: 10px;
}
form#form_subscribe p label{
	float: left;
	width: 160px;
	margin-right: 5px;
	text-align: right;
	line-height: 25px;
}
form#form_subscribe p label.inline{
	width: auto;
	float: none;
	font-size: 14px;
	margin-left: 0;
	vertical-align: middle;
	text-align: left;
}
form#form_subscribe p input.textfield{
	width: 330px;
}
form#form_subscribe p input.checkbox{
	margin-left: 165px;
}
form#form_subscribe p input#spam{
	width: 80px;
}
form#form_subscribe img{
	vertical-align: middle;
}
form#form_subscribe span.legende{
	display: block;
	margin-left: 165px;
}
form#form_subscribe div#mentions{
	margin-top: 30px;
}
form#form_subscribe div#mentions p{
	color: #bdbba9;
}

/*#########################################################################################################################################
#                                                     LISTE DES VILLES DU DEPARTEMENT                                                     #
#########################################################################################################################################*/
ul.liste-villes{
	width: 305px;
	padding: 10px;
	float: left;
	line-height: 1.6em;
}
ul.liste-villes.left{
	border-right: 1px dotted #ccc;
}
ul.liste-villes li{
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #e9e9e9;
}
ul.liste-villes li:last-child{
	margin-bottom: 0;
	border-bottom: 0;
}

/*#########################################################################################################################################
#                                                     	  ANNUAIRE DES ARTISTES                                                           #
#########################################################################################################################################*/
ul#annuaire li{
	float: left;
	width: 218px;
	margin-bottom: 3px;
}














/*#########################################################################################################################################
#                                                             TABLEAU DE BORD                                                             #
#########################################################################################################################################*/
/* confirmation */
div#validation{
	background:#F0EEE1 url(http://www.agendaculturel.fr/static/im/im-design/info.png) 10px 50% no-repeat;
	font-size: 1.3em;
	font-weight: bold;
	padding: 15px;
	padding-left: 60px;
	margin-top: 20px;
}
/*aide*/
div#aide{
	padding: 15px 20px 10px 50px;
	height: 49px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	font-size:1.2em;
	background: url(http://www.agendaculturel.fr/static/im/im-design/pro/aide.png) 0 0 no-repeat;
}
div#contenu > div#aide{
	height: auto;
	min-height: 64px;
}
div#aide p{
	margin-bottom: 5px;
}
div#aide p a, div#aide p a:visited{
	text-decoration: underline;
}
div#aide p a:hover{
	text-decoration: none;
}
/*boutons*/
form p input.button_tableaudebord{
	background: #d4d0bc;
	padding: 3px 5px;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	border: 0;
	font-weight: bold;
	width: auto;
}
form p input.button_tableaudebord:hover{
	color: #000;
}
/*colonne*/
div.col_tab{
	width: 475px;
}
/*box*/
div.box_tab{
	width: 465px;
	margin: 20px 0;
	padding: 5px;
	background: #e2e0ca;
	position: relative;
}
div.box_tab h4{
	height: 32px;
	line-height: 32px;
	padding: 5px 5px 5px 40px;
	color: #fff;
	font-size: 16px;
	position: relative;
	background: #d4d0bc;
	background-position: 5px 50%;
	background-repeat: no-repeat;
}
div.box_tab h4 a{
	float: right;
	color: #a9a797;
	font-size: 12px;
}
div.box_tab div.box_tab_content{
	width: 453px;
	margin-top: 5px;
	padding: 5px;
	border: 1px solid #d4d0bc;
	background: #edecde;
}
/*Avatar*/
form#form_avatar{
	padding-bottom: 5px;
	padding-left: 50px;
	height: 40px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d4d0bc;
	background-repeat: no-repeat;
	background-position: 0 5px;
}
form#form_avatar p{
	line-height: 40px;
}
/*infos persos*/
div#infos_membre h4{
	background-image : url(http://www.agendaculturel.fr/static/im/im-design/tab_vcard.png);
}
div#infos_membre div#affInfos table{
	width: 453px;
}
div#infos_membre div#affInfos table td{
	vertical-align: top;
}
form#infoperso{
	display: none;
	width: 453px;
}
form.tab_form p{
	margin-bottom: 10px;
}
form.tab_form p label{
	float: left;
	width: 190px;
	text-align: right;
	font-weight: bold;
	margin-right: 5px;
	line-height: 25px;
}
form.tab_form p input.textfield{
	width: 200px;
}
form.tab_form p select{
	width: 208px;
}
/*------------------------ALERTE EVENEMENT---------------------*/
div#mesAlertesevt h4{
	background-image : url(http://www.agendaculturel.fr/static/im/im-design/tab_bell.png);
}
ul.desc_abo{
	display: none;
	border-bottom: 1px solid #d4d0bc;
}
ul.desc_abo li{
	margin-bottom: 5px;
	padding-left: 18px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/tag_orange.png) 0 0 no-repeat;
}
div.box_tab table{
	width: 100%;
}
div.box_tab table tr td{
	padding: 5px;
	vertical-align: top;
}
div.box_tab table tr td.titre{
	padding-left: 20px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/bullet_go.png) 5px 5px no-repeat;
}
div.box_tab table tr td span.date{
	padding-left: 20px;
	background: url(http://www.agendaculturel.fr/static/im/im-design/icons/calendar_view_month.png) no-repeat;
}
div.box_tab table tr.alternance td{
	background-color: #e2e0ca;
}
/*------------------------ALERTE ARTISTE---------------------*/
div#mesAlertesart h4{
	background-image : url(http://www.agendaculturel.fr/static/im/im-design/tab_bell_artiste.png);
}
/*------------------------ALERTE VILLE---------------------*/
div#mesAlertesville h4{
	background-image : url(http://www.agendaculturel.fr/static/im/im-design/tab_ville.png);
}
div#mesAlertesville form{
	margin-top: 10px;
	padding: 5px;
	background: #e2e0ca;
}
div#mesAlertesville form h5{
	margin-bottom: 10px;
	font-size: 16px;
	color: #a9a797;
}
div#mesAlertesville form p.center{
	margin-bottom: 0;
}
/*------------------------ALERTE DPT---------------------*/
div#mesAbonnements h4{
	background-image : url(http://www.agendaculturel.fr/static/im/im-design/tab_dep.png);
}
div#mesAbonnements form{
	margin-top: 10px;
}
div#mesAbonnements form.tab_form p label.no{
	float: none;
	width: 400px;
	text-align: left;
}














/*############
	ESPACE PRO
############*/
ul#modelebloc li{
	float:left;
	margin:5px;
	width:156px;
	height:106px;
}
ul#modelebloc li a{
	display:block;
}
ul#modelebloc li a.selected{
	border:3px solid #666;
}
/*ul#signal-erreur li {
	height:28px;
	padding-top:2px;
}
ul#signal-erreur li.alternance {
	background-color:#F0EEE1;
}
ul#signal-erreur li label{
	font-weight:bold;
}
ul#signal-erreur li input{
	width:400px;
}*/