/*classes*/
.info{
	padding-left: 20px;
	background: url(../im-design/icons/information.png) 0 0 no-repeat;
}
.user{
	padding-left: 20px;
	background: url(../im-design/icons/user.png) 0 0 no-repeat;
}
.horaire{
	padding-left: 20px;
	background: url(../im-design/icons/clock.png) 0 0 no-repeat;
}
.creme{
	color: #a7a595;
	background: none;
}
.creme a{
	color: #a7a595;
}
.adresse{
	padding-left: 20px;
	background: url(../im-design/icons/house.png) 0 0 no-repeat;
}
.tel{
	padding-left: 20px;
	background: url(../im-design/icons/mobile_phone.png) 0 0 no-repeat;
}
.email{
	padding-left: 20px;
	background: url(../im-design/icons/email.png) 0 0 no-repeat;
}
.fax{
	padding-left: 20px;
	background: url(../im-design/icons/page.png) 0 0 no-repeat;
}
.lien{
	padding-left: 20px;
	background: url(../im-design/icons/link.png) 0 0 no-repeat;
}
.more{
	padding-left: 20px;
	background: url(../im-design/icons/add.png) 0 0 no-repeat;
}
.underline, a.underline{
	text-decoration: underline;
}
a.underline:hover{
	text-decoration: none;
}
/*#######################################################################
#                              LAYOUT                                   #
#######################################################################*/
/*header*/
div#header a#logo{
	width: 390px;
	background-image:url(../im-design/logo/agenda-culturel.png);
}
a#beta{
	margin-left: -90px;
}
/*blog et forum*/
a#blog, a#forum{
	display: none;
}
/*menu*/
ul#menu-genre{
	width: 976px;
	margin: 0 auto;
	letter-spacing: .06em;
}
ul#menu-genre li{
	float: left;
	margin-right: 10px;
	color: #28211b;
}
ul#menu-genre li a{
	float: left;
	display: block;
	padding-left: 10px;
	background: url(../im-design/onglet-gauche-c.png) no-repeat left top;
	color: #f0eee1;
	font-size: 17px;
	line-height: 50px;
}
ul#menu-genre li > a{
	height: 50px;
}
ul#menu-genre li a span{
	display: block;
	padding-right: 10px;
	line-height: 50px;
}
ul#menu-genre li a > span{
	height: 50px;
}
ul#menu-genre li.ouvert a, ul#menu-genre li a:hover{
	text-decoration: none;
	color: #28211b;
	background-position: 0 -59px;
}
ul#menu-genre li.btnac span{
	background: url(../im-design/onglet-droit-ac.png) no-repeat right top;
}
ul#menu-genre li.btnac.ouvert span, ul#menu-genre li.btnac a:hover span{
	background-position: right -59px;
}
/*fil*/
div#contenant p#fil{
	margin: 5px auto 20px auto;
	height: 23px;
	background: #f90 url(../im-design/fil-droit-agenda-culturel.png) right no-repeat;
	font: 1.1em  Helvetica,Sans-Serif, "Trebuchet MS", Verdana;
}
div#contenant p#fil a, div#contenant p#fil span{
	background: url(../im-design/fil-agenda-culturel.png) 0 1px no-repeat;
	color: #fff;
	padding-left: 25px;
	margin-right: 8px;
	line-height: 23px;
}
div#contenant p#fil a.home{
	display: block;
	float: left;
	padding-left: 10px;
	height: 23px;
	background: url(../im-design/fil-gauche-agenda-culturel.png) 0 0 no-repeat;
}
/*pagination*/
div#pageNav span{
	background-color: #f90;
	border-color: #f90;
}
div#pageNav a:hover{
	border-color: #f90;
}
/*boite secondaire*/
div#cadred div.boiteSecondaire h6{
	background-image: url(../im-design/boiteSecondaire-agenda-culturel.png);
}
div#cadred div.boiteSecondaire li a:hover{
	background-color: #f90;
}
/*#######################################################################
#                               PAGES                                   #
#######################################################################*/
/*#################################
#         ACCUEIL NATIONAL        #
#################################*/
div#carte{
	float: right;
	padding-bottom: 10px;
	padding-left: 9px;
	margin: 20px 5px 170px 0;
	width: 565px;
	border-left: 1px dotted #ccc;
	position: relative;
	background: #fff url(../im-design/bgListeCarte.png) 0 100% no-repeat;
}
div#carte im{
	margin-bottom: 10px;
	display: block;
}
div#carte p{
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
div#carte embed{
	margin-bottom: 70px;
}
div#carte object{
	margin-bottom: 170px;
}
div#carte ul{
	float: left;
	width: 280px;
}
div#carte ul.droite{
	float: right;
	padding-left: 2px;
	border-left: 1px dotted #ccc;
}
div#carte ul li{
	font-size: .9em;
	margin-bottom: 3px;
}
div#carte ul li span{
	font-size: .9em;
	font-style: italic;
	color: #f90;
}
div#carte a{
	text-decoration: underline;
}
div#carte a:hover{
	text-decoration: none;
}
/*col*/
div#colGauche{
	margin: 20px 15px 0 10px;
	width: 360px;
	float: left;
}
div#colGauche div.intro{
	margin-bottom: 20px;
	padding-bottom: 5px;
	background: #e2e0ca url(../im-design/boiteAccueilBottom.png) 0 100% no-repeat;
}
div#colGauche div.intro h1{
	padding: 0 10px;
	margin: 0;
	color: #fff;
	font-size: 1.6em;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: url(../im-design/boiteAccueil.png) 0 0 no-repeat;
}
div#colGauche div.intro div.contentIntro{
	margin: 5px 5px 0 5px;
	padding: 5px;
	background: #fff;
	border: 1px solid #bdbba9;
}
div#colGauche div.intro div.noMarginTop{
	margin-top: 0;
}
div#colGauche div.intro p{
	height: auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.3em;
}
div#colGauche div.boites{
	margin-bottom: 20px;
	padding-bottom: 5px;
}
div#colGauche div.boites h2{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 2em;
	font-weight: normal;
}
div#colGauche div.boites p{
	padding-left: 105px;
	background-position: 0 10px;
	background-repeat: no-repeat;
	height: 110px;
}
div#colGauche div.boites > p{
	height: auto;
	min-height: 110px;
}
div#colGauche div.boites div{
	margin-top: 10px;
	margin-left: 5px;
	padding-left: 5px;
}
div#colGauche div.boites.concert h2{
	color: #7CB31E;
}
div#colGauche div.boites.concert p{
	background-image: url(../im-design/ico_concert.png);
}
div#colGauche div.boites.concert div{
	border-left: 5px solid #7CB31E;
}
div#colGauche div.boites.theatre h2{
	color: #C20041;
}
div#colGauche div.boites.theatre p{
	background-image: url(../im-design/ico_theatre.png);
}
div#colGauche div.boites.theatre div{
	border-left: 5px solid #C20041;
}
div#colGauche div.boites.expo h2{
	color: #B95400;
}
div#colGauche div.boites.expo p{
	background-image: url(../im-design/ico_expo.png);
}
div#colGauche div.boites.expo div{
	border-left: 5px solid #B95400;
}
div#colGauche div.boites a{
	text-decoration: underline;
}
div#colGauche div.boites a:hover{
	text-decoration: none;
}
/*#################################
#              FAQ		          #
#################################*/
h3.faqcat {
	color:#BDBBA9;
}
dl.faq {
	padding-left:20px;
	margin-bottom:25px;
}
dl.faq dt {
	cursor:pointer;
	font-weight:bold;
	
}
dl.faq dt.ferme {
	background-image:url(../im-design/faq-ferme.png);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}
dl.faq dt.ouvert {
	background-image:url(../im-design/faq-ouvert.png);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:20px;
	color:#f90;
}
dl.faq dt span {
	padding:5px;
	display:block;
}
dl.faq dd {
	margin-bottom:15px;
	padding:5px;
	margin-left:20px;
}
dl.faq dd ul li {
	list-style:disc;
	margin-left:10px;
	margin-bottom:1em;
}
/* alternance des couleurs */
dl.faq .alternance {
	background:#f7f6f0;
}
/*formulaire*/
form.formSupport{
	margin-top: 30px;
}
form.formSupport p label{
	width: 220px;
}
form.formSupport p input.textfield.mini{
	width: 185px;
}
form.formSupport h2{
	margin-bottom: 20px;
	padding: 8px;
	background: #BDBBA9;
}
form.formSupport p textarea {
	height: 120px;
}
form.formSupport p > textarea {
	min-height: 120px;
}
/*#################################
#           PAGE SUPPORT          #
#################################*/
table.support{
	width: 100%;
}
table.support th{
	background: #fff url(../im-design/ticket.png) 0 0 no-repeat;
	height: 70px;
	padding-left: 45px;
	font-size: 1.4em;
	padding-top: 15px;
	vertical-align: top;
}
table.support td{
	padding: 5px;
}
table.support td.auteur_ticket{
	border-top: 1px solid #ccc;
	background: #f2f2f2;
}
table.support td.heure_ticket{
	border-top: 1px solid #ccc;
	text-align: right;
	height: 16px;
	background: #f2f2f2;
}
table.support td.heure_ticket span{
	background: #f2f2f2 url(../im-design/icons/clock.png) 0 0 no-repeat;
	padding-left: 20px;
}
/*#################################
#          PAGE BANNIERES         #
#################################*/
pre{
	background: #eee;
	border: 1px solid #ccc;
	clear:both;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: .7em;
	width: 716px;
	margin: 10px 0;
	overflow: auto;
	padding: 5px;
}
h3.sstitre{
	margin: 10px 0;
	padding-left: 28px;
	line-height: 24px;
	background: url(../im-design/icons/next.png) 0 0 no-repeat;
}
/*#################################
#       PAGES CGU / A PROPOS      #
#################################*/
dl.cgu{
	width: 655px;
}
dl.cgu dt{
	margin-top: 1.3em;
	font-weight: bold;
	font-size: 1.2em;
	color: #bdbba9;
}
dl.cgu dd{
	margin: .5em;
	text-align: justify;
}
dl.cgu dd a{
	text-decoration: underline;
}
dl.cgu dd a:hover{
	text-decoration: none;
}
dl.cgu dd ul{
	margin-left: 1em;
	list-style: disc;
}
/*#################################
#          PAGE ARTISTE           #
#################################*/
/*contact*/
div#contact.agenda_box h2{
	background-image: url(../im-design/titreContact.png);
}
div#contact.agenda_box ul{
	width: 365px;
	margin-bottom: 10px;
}
div#contact.agenda_box ul li{
	padding-bottom: 4px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}
/*agenda*/
div#agenda{
	margin-bottom: 5px;
}
div#agenda h6{
	background-image: url(../im-design/monAgenda.png);
}
/* lien partages reseaux sociaux */
ul#partageartiste{
	height: 1.4em;
	width: 655px;
	text-align: right;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
	position:absolute;
	top:100px;
}
ul#partageartiste li{
	margin-bottom: 5px;
	margin-right: 10px;
	line-height: 16px;
	display: inline;
}
ul#partageartiste li a{
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:18px;
}
ul#partageartiste li a.facebook{
	background-image:url(../im-design/FaceBook1616.png);
}
ul#partageartiste li a.twitter{
	background-image:url(../im-design/twitter.png);
}
ul#partageartiste li a.myspace{
	background-image:url(../im-design/MySpace_16x16.png);
}
