/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

a{text-decoration:none}
a:hover{text-decoration:underline}
b{font-weight:bold}
i{font-style:italic}
.spacer{clear:both;float:none;height:0}
.nd{display:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
html,body{height:100%}
body{
	font: 62.5% "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #7F796B;
	background: #000000 url('images/backgrounds/background-cathedrale.jpg') no-repeat top center;
	background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;
}
#global {
	width:100%;
	height:100%;
	font-size: 1em; 
	line-height: 1.2em;
}


/***************** HEADER *****************/
#header {
	position: relative;
	background: transparent url(images/header/bourges.png) no-repeat 60px 50px; 
	width:970px;
	height:160px;
	margin:0 auto;
}
#header .logo {
	position: absolute;
	display: block;
	left:0;
	top:50px;
	width:50px;
	height:65px;
}
#recherche {
	position: absolute;
	width: 230px;
	height: 116px;
	right:0;
	bottom:0;
	background: transparent url(images/header/recherche-fond.png) no-repeat right bottom;	
}
#recherche .input_search {
	position: absolute;
	right:43px;
	bottom:7px;
	border:0;
	height:22px;
	width:158px;
	line-height:20px;
	font-size:1.2em;
	color:#7F796B;
	padding-left:10px;
	background-color:#FFFFFF;
}
#recherche .input_search:focus {
	outline-color:#20BECC;
}
#recherche .submit_search {
	position: absolute;
	right:5px;
	bottom:0px;	
	width:36px;
	height:35px;
	border:0;
	color: transparent;
	text-transform: capitalize;
	text-indent: -5000px;
	overflow:hidden;	
	cursor: pointer;
	background: transparent url(images/header/recherche-submit.png) no-repeat center top;
}
#recherche .submit_search:hover{background-position:0 -35px}

#menu-lang {
	position: absolute;
	right:0;
	top:10px;
	height: 12px;
}
#menu-lang a {
	font-size: 1.1em;
	line-height: 12px;
	color: #FFFFFF;	
}
#menu-lang img {
	vertical-align: middle;
	margin-right: 5px;
}


/***************** MENU PRINCIPAL *****************/
#main-menu {
	position:relative;
	z-index:98;
	margin:0 0 40px 0;
	width:100%;
	height:50px;
	line-height:40px;
	text-align:left;
	background: transparent url(images/main-menu/main-menu-fond-blanc.png) repeat-x left top;
}
#main-menu-items {
	width:970px;
	margin:0 auto;
	position:relative;
}
#main-menu-items ul.categories>li {
	z-index:98;
	height: 40px;
	line-height:40px;
	list-style-type:none;
	color:#590835;
	width:auto;
	float:left;
	border-left:1px dashed #bebbb4;
}
#main-menu-items ul.categories>li#menu-item-accueil{
	border-left:0;
}
#main-menu-items ul.categories>li>a {
	display:inline-block;
	margin:0;
	padding:0 12px;
	color:#590835;
	text-decoration:none;
	white-space:nowrap;	
	font-size:1.3em;
}
#main-menu-items ul.categories>li>a:hover {
	text-decoration:none;
}
#main-menu-items ul.categories>li:hover>a {
	color:#ffffff;
}
#main-menu-items ul.categories>li.no_lien:hover>a {
	color:#ffffff;
	cursor: default;
}
#main-menu-items ul.categories>li>div {
	display: none;
	z-index: 99;
}
#main-menu-items ul.categories>li>div div {
	display: block;
	z-index: 99;
}
div.menu-item {
	background-position: left bottom;
	background-repeat: no-repeat;
}
/* Accueil */
li:hover#menu-item-accueil {background-color:#20BECC}
/* Bourges */
#menu-item-1 div.menu-item,li:hover#menu-item-1{background-color:#0C65AF}
#menu-item-1 div.menu-item{background-image:url(images/main-menu/main-menu-bourges.png)}
/* Tourism */
#menu-item-2 div.menu-item,li:hover#menu-item-2 {background-color:#C9288C}
#menu-item-2 div.menu-item{background-image:url(images/main-menu/main-menu-patrimoine.png)}
/* Economy */ 
#menu-item-3 div.menu-item,li:hover#menu-item-3 {background-color:#066883}
#menu-item-3 div.menu-item{background-image:url(images/main-menu/main-menu-vie-de-la-ville.png)}
/* Culture */
#menu-item-4 div.menu-item,li:hover#menu-item-4 {background-color:#FFB800}
#menu-item-4 div.menu-item{background-image:url(images/main-menu/main-menu-culture.png)}
/* Sports */
#menu-item-5 div.menu-item,li:hover#menu-item-5 {background-color:#FF8700}
#menu-item-5 div.menu-item{background-image:url(images/main-menu/main-menu-sports.png)}
/* Environment */
#menu-item-6 div.menu-item,li:hover#menu-item-6 {background-color:#A6C200}
#menu-item-6 div.menu-item{background-image:url(images/main-menu/main-menu-ecologie.png)}
/* Heritage*/
#menu-item-7 div.menu-item,li:hover#menu-item-7 {background-color:#7F796B}
#menu-item-7 div.menu-item{background-image:url(images/main-menu/main-menu-patrimoine.png)}


/* Sprites menus actifs */
#main-menu-items ul.categories>li.tab_actif { 
	height:50px;
	background:transparent url(images/main-menu/main-menu-fonds-item-actif.png) no-repeat center 0;
	border:0;
}
#main-menu-items ul.categories>li#menu-item-accueil.tab_actif {background-position:center 0}
#main-menu-items ul.categories>li#menu-item-1.tab_actif {background-position:center -50px}
#main-menu-items ul.categories>li#menu-item-2.tab_actif {background-position:center -150px}
#main-menu-items ul.categories>li#menu-item-4.tab_actif {background-position:center -200px}
#main-menu-items ul.categories>li#menu-item-7.tab_actif {background-position:center -250px}
#main-menu-items ul.categories>li#menu-item-5.tab_actif {background-position:center -300px}
#main-menu-items ul.categories>li#menu-item-6.tab_actif {background-position:center -350px}
#main-menu-items ul.categories>li#menu-item-3.tab_actif {background-position:center -400px}
#main-menu-items ul.categories>li#menu-item-9.tab_actif {background-position:center -450px}
#main-menu-items ul.categories>li.tab_actif>a{color:#ffffff}

#main-menu-items ul.categories>li#menu-item-accueil.tab_actif img {visibility:hidden;}

#main-menu-items ul.categories>li:hover div {
	display:block;
	text-align:left;
	z-index:99;
}
.menu-item {
	position: absolute;
	top:40px;
	left:0;
	width:920px;
	line-height:normal;
	padding:25px;
	min-height:200px;
	color:#FFFFFF;
}
.menu-item .col_titre {
	position: relative;
	width:205px;
	float:left;
	padding:0 5px 0 5px;
	margin:0;
}
.menu-item h1 {
	text-align: left;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	font-size: 2.8em;
	color: #FFFFFF; 
	font-weight: normal;
	opacity:0.7;
	-moz-opacity:0.7; 
	-webkit-opacity:0.7;
	/*filter: alpha(opacity=70);*/
}
.menu-item h2 { 
	text-align: left;
	margin:0 0 25px 0;
	padding:0;
	white-space: nowrap;
	font-size: 2em;
	color: #FFFFFF;
}
.item-cols {
	float:left;
	border-left: 1px dashed #ededed;
	width:690px;
	min-height:200px;
	padding: 0 0 0 5px;
}
.menu-item ul.list {
	position: relative;
	margin:0 0 20px 0;
	padding:0;
}
.menu-item ul.list>li {
	width: auto;
	font-size:1.4em;
	line-height: 1.2em;
	color: #FFFFFF;
	float: none;
	list-style: none;
	padding: 2px 0 2px 20px;	
	background: transparent url(images/puce-blanche.png) no-repeat left center;
}
.menu-item ul.list>li:hover {
	background-position: 3px center;
}
.menu-item ul.list>li.nolien:hover {
	cursor: default;
	background-position: left center;
}
.menu-item ul.list>li>a {
	text-decoration: none;
	line-height: normal;
	color: #FFFFFF;
	white-space: normal;
	cursor: pointer;
	width: 100%;
	display: block;
}
.menu-item ul.list>li>a:hover {
	background-position: 3px center;
	text-decoration: underline;
}
.menu-item div.col {
	position: relative;
	width: 200px;
	float: left;
	padding:0 0 0 25px; 
}
.menu-item-shadow {
	position: absolute;
	bottom:-12px;
	left:0;
	height:12px;
	width:970px;
	background:transparent url(images/main-menu/main-menu-ombre.png) repeat-x left top;
}



/************ MAIN ************/
#main-container{
	width:970px;
	margin:auto;
	position:relative;
	min-height:100%;
}
#main-top {
	background: transparent url(images/main/main-top.png) no-repeat left top;
	width: 920px;
	/*height: 35px;*/
	padding: 10px 25px;	
}
#main {
	background: transparent url(images/main/main-fond-ligne.png) repeat;
	position:relative;
	padding: 30px 25px 10px 25px;
	min-height: 100%;
}
#main-bottom {
	background: transparent url(images/main/main-bottom.png) no-repeat left top;
	width: 970px;
	height: 122px;
	margin: 0;
}


/************ FIL D'ARIANE ************/
#fil-ariane {
	font-size: 1.3em;
	line-height: 1.3em;
	color:#7F796B;
}
#fil-ariane span {color:#590835}



/************ ENTETE PAGE ************/
#entete-page {
	position: relative;
	width:910px;
	height:160px;
	background: transparent url('images/entetes-page/entete-default.png') no-repeat left top;
	margin:0;
	color: #25A7B2;
}
#entete-page h1 {
	position:absolute;
	left:680px;
	top:113px;
	font-size: 30px;
	font-weight: normal;
	line-height: normal;	
}

#entete-page.introduction {
	background-image:url('images/entetes-page-vides/entete-bourges.png');
	color: #0C65AF;
}
#entete-page.vie-pratique {
	background-image:url('images/entetes-page-vides/entete-vie-pratique.png');
	color: #A66B96;
}
#entete-page.economy {
	background-image:url('images/entetes-page-vides/entete-vie-de-la-ville.png');
	color: #066883;
}
#entete-page.intergeneration {
	background-image:url('images/entetes-page-vides/entete-intergeneration.png');
	color: #C9288C;
}
#entete-page.culture_leisure {
	background-image:url('images/entetes-page-vides/entete-culture.png');
	color: #FFB800;
}
#entete-page.tourism {
	background-image:url('images/entetes-page-vides/entete-patrimoine.png');
	color: #7F796B;
}
#entete-page.sports {
	background-image:url('images/entetes-page-vides/entete-sports.png');
	color: #FF8700;
}
#entete-page.environment {
	background-image:url('images/entetes-page-vides/entete-ecologie.png');
	color: #A6C200;
}

#entete-page.heritage {
	background-image:url('images/entetes-page-vides/entete-patrimoine.png');
	color: #7F796B;
}

#entete-page.web_tv {
	background-image:url('images/entetes-page/entete-web-tv.png');
	color: #20BECC;
}
#entete-page.agenda {
	background-image:url('images/entetes-page/entete-agenda.png');
	color: #20BECC;
}
#entete-page.mes_demarches_en_ligne {
	background-image:url('images/entetes-page/entete-demarches.png');
	color: #20BECC;
}
#entete-page.plan_interactif {
	background-image:url('images/entetes-page/entete-plan-interactif.png');
	color: #20BECC;
}
#entete-page.nouvelles_de_bourges {
	background-image:url('images/entetes-page/entete-nouvelles-bourges.png');
	color: #20BECC;
}
#entete-page.newsletter {
	background-image:url('images/entetes-page/entete-agenda.png');
	color: #20BECC;
}
#entete-page.recherche {
	background-image:url('images/entetes-page-vides/entete-recherche.png');
	color: #20BECC;
}



/************ PAGE ************/
#page-title{
	border-bottom:1px dashed #7F796B;
}
#page-title h1{
	font-size:40px;
	line-height:70px;
	font-weight:normal;
	color:#25A7B2;
	white-space: nowrap;
}
#page-title.medium h1{
	font-size:25px;
	line-height:55px;
}
#page-title.small {
	padding: 10px 0;
}
#page-title.small h1{
	font-size:25px;
	line-height:25px;
	white-space: normal;
}
/************ CONTENU PAGE TYPE ************/
#page-content {
	padding:20px 0;
}
#page-content h2 {
	font-size:1.8em;
	line-height:2em;
	margin-bottom:0.5em;
	color:#590835;
}
#page-content h3 {
	font-size:1.4em;
	line-height:1.8em;
	margin-bottom:0.5em;
	color:#000000;
	font-weight: bold;
}
#page-content h4 {
	font-size:1.4em;
	line-height:1.6em;
	margin-bottom:0.5em;
	color:#000000;
}
#page-content p, #page-content ul {
	font-size:1.4em;
	line-height:1.5em;
	text-align: justify;
	margin-bottom:2em;
}
#page-content table p, #page-content ul p, #page-content table ul{
	font-size: 100%;
	line-height: normal;
}

#page-content li {
	background: url(images/liste-puce.png) no-repeat 0 0.36em;
	padding-left: 15px;
}
#page-content li ul {
	padding-left: 40px;
	font-size: 100%;
	line-height: normal;
}
img.imageAGauche, img.imageADroite {
    float: right;
    margin:0 0 10px 15px;
}
div.encart {
	color: #666666;
	background-color: #dadada;
	padding: 1.5em 2em 0.1em;
	margin-bottom: 2em;
}
div.exergue{
	color: #000000;
}


/****** Tableaux ******/
table.tableau{
	border-collapse:collapse;
	margin: 1em 0 1.5em;
	width:100%;
	border-bottom: 6px solid #20BECC;
}
table.tableau th{
	background-color: #20BECC;
	padding:1em;
	vertical-align: middle;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
table.tableau td{
	background-color: #FFFFFF;
	padding:1em;
	vertical-align: middle;
	font-size: 1.3em;
	line-height: 1.3em;
	border-bottom: 1px solid #20BECC;
}
table.tableau td{
	color: #590835;
	font-weight: bold;
}
table.tableau.simple td, table.tableau td+td, table.tableau td td, table.tableau td.normale{
	color: #7F796B;
	font-weight: normal;
}
.align_top, table.align_top td, tr.align_top td, td.align_top {vertical-align:top}
.align_bottom, table.align_bottom td, tr.align_bottom td, td.align_bottom {vertical-align:bottom}
.align_middle, table.align_middle td, tr.align_middle td, td.align_middle {vertical-align:middle}


/************ ELEMENTS ************/
a{color:#30BBFF;text-decoration: none;}
a:hover{color:#C9288C;text-decoration: underline;}
a.lienSuite{
	color:#30BBFF;
	display:inline-block;
	background: transparent url(images/lien-fleche-bleue.png) no-repeat 0 0.1em;
	padding: 0 0 0 12px;
	margin: 0;
}
a.lienSuite:hover{
	color:#C9288C;
	background: transparent url(images/lien-fleche-rose.png) no-repeat 0 0.1em;
}

/****** Liens spéciaux ******/
a.lienCarto,a.lienAgenda,a.lienVideo{
	display:inline-block;
	white-space: nowrap;
	height:30px;
	padding: 8px 0 0 45px;
	margin: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: normal;
}
a.lienCarto{
	color:#20becc;	
	background-image:url(images/lien-carto.png);	
}
a.lienAgenda{
	color:#a6c200;
	background-image:url(images/lien-agenda.png);
}
a.lienVideo{
	color:#066883;
	background-image:url(images/lien-video.png);
}
a.lienDemarche,a.lienContact,a.lienPdf,a.lienAudio{
	color:#FFFFFF;
	display:inline-block;
	white-space: nowrap;
	height:33px;
	padding: 14px 9px 0 45px;
	margin: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: normal;
}
a.lienDemarche{background-image:url(images/lien-demarche.png)}
a.lienContact{background-image:url(images/lien-contact.png)}
a.lienPdf{background-image:url(images/lien-pdf.png)}
a.lienAudio{background-image:url(images/lien-audio.png)}



/************ FOOTER ************/
#footer {
	margin:20px;
	height:30px;
	text-align:center;
	color:#000000;
	padding-bottom: 50px;
}
#footer img {
	vertical-align: middle;
	margin-right: 20px;
}
#footer a{
	font-size: 1.2em;
	line-height: normal;
	color:#30BBFF;
}
#footer a:hover{
	color:#FFFFFF;
}



/**************** PAGINATION ****************/
.pager_head, .pager_foot {
	font-size:1.3em;
	line-height:1.3em;
}
.pager_head {
	margin: 10px 0;
}
.pager_foot {
	padding: 0.5em;
}
.pager_foot table {
	margin: 10px auto;
	border-top: 2px dotted #dadada;
	border-bottom: 2px dotted #dadada;
}
.pager_foot td {
	padding: 1em 0.3em;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: bold;
	text-align: center;
}
.pager_foot td.left {
	padding-right: 0.8em;
	text-align: left;
}
.pager_foot td.right {
	padding-left: 0.8em;
	text-align: right;
}
.pager_foot td.nopage {
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 1.7em;
}









/************ DATE PICKER ************/
.ui-datepicker{width:210px;display:none;background-color:#20BECC;padding:10px}
.ui-datepicker .ui-datepicker-header{position:relative;padding:0;height:28px;background:#0F7A7A url(images/datepicker/datepicker-select.png) no-repeat 120px 4px}
.ui-datepicker .ui-datepicker-header .ui-icon {background:transparent url(images/datepicker/datepicker-fleches.png) no-repeat 0 0}
.ui-datepicker .ui-icon {display:block;overflow:hidden;text-indent:-99999px}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{cursor:pointer;position:absolute;top:0;width:15px;height:28px}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:0}
.ui-datepicker .ui-datepicker-prev{left:0}
.ui-datepicker .ui-datepicker-next{right:0}
.ui-datepicker .ui-datepicker-prev-hover{left:0}
.ui-datepicker .ui-datepicker-next-hover{right:0}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;top:0;width:7px;height:28px}
.ui-datepicker .ui-datepicker-prev span{left:8px;}
.ui-datepicker .ui-datepicker-next span{right:8px;}
.ui-datepicker .ui-datepicker-prev .ui-icon {background-position:0 0}
.ui-datepicker .ui-datepicker-next .ui-icon {background-position:-7px 0}
.ui-datepicker .ui-datepicker-prev:hover .ui-icon{background-position:0 -28px}
.ui-datepicker .ui-datepicker-next:hover .ui-icon{background-position:-7px -28px}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,.ui-datepicker .ui-datepicker-next.ui-state-disabled {display:none;cursor:default}
.ui-datepicker .ui-datepicker-title{margin:0 90px 0 15px;text-align:center}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{font-size:16px;line-height:28px;color:#FFFFFF}
.ui-datepicker .ui-datepicker-title select{font-size:13px;margin:0;padding:0;color:#000000}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-month-year,.ui-datepicker select.ui-datepicker-year{width:auto}
.ui-datepicker select {border:0}
.ui-datepicker select:focus {outline-style:none}
.ui-datepicker select.ui-datepicker-year{position:absolute;top:5px;right:31px;width:52px}
.ui-datepicker table{width:100%;border-collapse:separate;border-spacing:2px;margin:0}
.ui-datepicker th{padding:5px 0;text-align:center;font-weight:bold;border:0;font-size:1.3em;line-height:1.3em;color:#000000;}
.ui-datepicker td{border:0;width:28px;height:18px;padding:0;font-size:12px;line-height:18px;background-color:#FFFFFF}
.ui-datepicker .ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {background-color:transparent}
.ui-datepicker .ui-datepicker-unselectable.ui-state-disabled {background-color:#159B9E;color:#20BECC}
.ui-datepicker .ui-datepicker-today a{color:#0F7A7A;text-decoration: underline;}
.ui-datepicker td a.ui-state-active, .ui-datepicker td.ui-state-active a{background-color:#C9288C;color:#FFFFFF}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:0;text-align:center;text-decoration:none}
.ui-datepicker td a{color:#000000}
.ui-datepicker td a:hover{background-color:#159B9E;color:#FFFFFF}

.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}  .ui-datepicker.ui-datepicker-multi{width:auto;}
.ui-datepicker-multi .ui-datepicker-group{float:left;}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}
.ui-datepicker-row-break{clear:both;width:100%;}
.ui-datepicker-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px;}