/* vendenheim.fr
 * 2007-10
 * Complément au framework blueprint
 */

@import url(zoom-svca.css);

body {
	margin : 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family : "Lucida Grande", "Lucida Sans Unicode";
	letter-spacing : -1px;
	font-weight : 300;
}

.notice h3, .notice h4, .error h3, .error h4 {
	color : #D12F19;
	border-bottom : 1px dotted #FBC2C4;
	padding-bottom : 0.75em;
	margin-bottom : 0.75em;
}

.container {
	background : url(img/fond-acces-rapide.gif) repeat-x top left;
}

a {
color : #4576b3;
}

#page {
	background : url(img/ombre-page.gif) repeat-x top left #fff;
	padding-top : 1em;
	padding-bottom : 1em;
}

em {
	background : none;
}

/* ---- acces rapide ---------------------------------------------------------*/
#acces-rapide {
	font-size : 0.9em;
	color : #999;
	padding : 1em 0 0.75em 0;
}

#recherche {
	padding : 0.75em 0 0 0;
}

#recherche form {
	float : right;
	padding : 0 1em 0 0;
}

#recherche form p {
	padding : 0;
	margin : 0;
}

#ajaxSearch_submit {
	background : url(img/fond-input.gif) repeat-x bottom right #f2f1f3;
	border-bottom : 1px solid #bdbcbe;
	border-right : 1px solid #bdbcbe;
	font-weight : 700;
	font-size : 0.9em;
	letter-spacing : 0.4px;
	color : #555960;
}

#ajaxSearch_input {
	background : url(img/loupe.gif) no-repeat center left #f2f1f3;
	border : 2px solid #eae9ed;
	padding : 0 0 0 20px;
	font-size : 0.9em;
	color : #555960;
}
#ajaxSearch_input:hover, #ajaxSearch_input:focus {
	border : 2px solid #555960;
	color : #333;
}

/* ---- Header ---------------------------------------------------------------*/
#header {
	height : 282px;
	background : url(img/visuel-montage.png) no-repeat top left #eae9ed;
}

#header.espace-cult {
	background : url(img/visuel-espace-cult.png) no-repeat top left #eae9ed;
}

#header.village {
	background : url(img/visuel-village.png) no-repeat top left #eae9ed;
}

#header.svca-saison {
	background : url(img/visuel-saison2009-2010-svca.png) no-repeat top left #eae9ed;
}

h1 {
	padding : 6px 0 4px 6px;
	background : url(img/fond-bandeau.gif) repeat-x top left;
	border-top : 1px solid #d5d3db;
}

h1 a {
	display : block;
	background : url(img/entete-vendenheim.gif) no-repeat center left;
	width : 256px;
	height : 59px;
}

h1 a span {
	display : none;
}


/* ---- Navigation lvl 0 -----------------------------------------------------*/
#nav-0 {
	margin : 0;
	background : url(img/fond-nav.gif) repeat-x bottom left #808080;
	border-top : 1px solid #fff;
	border-bottom : 1px solid #7f7e7f;
}

#nav-0 ul {
	padding : 0;
	margin : 0 1em;
}

#nav-0 li {
	display : block;
	padding : 0.5em 0.75em;
	margin : 0;
	float : left;
}


#nav-0 li.active {
	background : url(img/fond-nav-active.gif) repeat-x top left #fd1813;
	border-bottom : 1px solid #f57d6e;
}

#nav-0 a {
	color : #fff;
	font-weight : 700;
	text-decoration : none;
	font-size : 1.1em;
	letter-spacing : -0.2px;
}

#nav-0 a:hover, #nav-0 a:focus, #nav-0 a:active {
	text-decoration : underline;
}

/* ---- Navigation lvl 1 -----------------------------------------------------*/
#nav-1 {
	margin : 0 0 1em 0;
	padding : 1em 0;
	background : #EAE9ED;
	border-top : 1px solid #aaa;
	border-bottom : 1px solid #aaa;
}

#nav-1 ul {
	margin : 0 0 0.5em 0;
}

#nav-1 li {
	display : block;
}

#nav-1 li.active {
	background : url(img/fond-nav-1.gif) repeat-x bottom left #eae9ed;
	border-bottom : 1px solid #afafb0;
}

#nav-1 li a {
	display : block;
	padding : 0.1em 0 0.1em 1em;
	text-decoration : none;
	border-top : 1px solid #EAE9ED;
	border-bottom : 1px solid #EAE9ED;
}

#nav-1 li a:hover, #nav-1 li a:focus, #nav-1 li a:active {
	background : url(img/fleche.gif) no-repeat left center;
}

#nav-1 li.active a {
	font-weight : 700;
	color : #000;
}


#nav-1 ul ul {
	padding : 0 0  1em 1em;
	border-bottom : none;
}

#nav-1 ul ul li {
	border : none;
}

a.niv-interne {
	padding : 0.2em 0 0.2em 1em;
	background : url(img/fleche-light.gif) no-repeat left center;
}
/* ---- Fil d'ariane (breadcrumbs) -------------------------------------------*/
.B_crumbBox {
	display : block;
	background : url(img/home-breadcrumbs.gif) no-repeat center left;
	border-bottom : 1px dotted #808080;
	padding : 0 0 0.5em 20px;
	margin-top : 0.5em;
	font-size : 0.9em;
	color : #555960;
}

.B_crumbBox a {
	text-decoration : none;
}

.B_crumbBox a:hover, .B_crumbBox a:focus, .B_crumbBox a:active {
	text-decoration : underline;
}

#footer {
	background : url(img/fond-footer.gif) repeat-x bottom left;
}

#footer p {
	float : right;
}
#footer li {
	display : inline;
	padding : 0 0.25em;
}

#footer img {
	float : none;
	margin : 0;
	padding : 0;
	vertical-align : bottom;
}

#main h2 {
	/*padding-top : 1em;*/
	color : #444;
}


img.right {
	float : right;
	margin : 0;
	padding : 0.5em 1em 0 0;
}
/* ---- home -----------------------------------------------------------------*/
.button {
	padding : 1em;
	background : #E6EFC2;
	color: #529214;
	border : 1px solid #C6D880;
	font-weight : 700;
}

#actu h2 {
	background : #c5c5c5;
	padding-left : 0.25em;
	color : #fff;
	font-variant : small-caps;
}

#actu h3 {
	margin-top : 0;
	margin-bottom :0;
	padding-top : 0;
}

#actu p {
	margin : 0.5em 0;
}

#actu hr {
	margin-bottom : 0.5em;
}
#actu {
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	font-size : 0.9em;
	background : url(img/fond-actu.gif) repeat-x top left #EAE9ED;
	padding : 0.5em;
}


.zoom {
	background: url(img/fond-zoom-bleu.gif) no-repeat bottom center #c9e7f5;
	border-top : 1px solid #46b4dd;
	margin : 1em 0;
	padding : 1em 0 3em 0;
}

.zoom p {
	color: #0c4e6d; 
	padding-left : 1em;
	padding-right : 1em;
	font-size : 1.2em;
}

.zoom h2, .zoom h3, .zoom h4, .zoom h5, .zoom h6 {
	padding-left : 1em;
	padding-right : 1em;
} 

.delacroix {
	background: url(img/delacroix-14-juillet.jpg) no-repeat top center #fff;
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	margin : 1em 0;
	padding : 1em 0 3em 0;
}

.delacroix h2, .delacroix h3 {
	padding-left : 1em;
	padding-right : 1em;
}

.delacroix p {
	color: #444; 
	padding-left : 1em;
	padding-right : 1em;
	font-size : 1.2em;
}

.go {
	border-top : 1px solid #6ccc28;
	background : url(img/fond-go.gif) no-repeat bottom center  #befa53;
	padding : 2em 0 3.5em 2em;
}

.go p {
	color: #529214;
	border-color: #C6D880;
	font-size : 1.2em;
	margin : 0;
	padding : 0;
}

.direct {
	border-top : 1px solid #ADD1FB;
	border-bottom : 1px solid #ADD1FB;
	color : #4576b3;
	background : #ebf4ff;
}

.direct ul {
	padding : 0;
	margin : 0;
	border-top : 1px solid #c7defb;
}

.direct li {
	border-bottom : 1px solid #c7defb;
	list-style-type : none;
	font-size : 0.9em;
}

.direct li a {
	display : block;
	text-decoration : none;
	padding : 0.25em 0.5em;
}

.direct li a:hover, .direct li a:focus {
	background : #c7defb;
}



/* ---- bloc horaires --------------------------------------------------------*/
.horaires {
	font-size : 0.9em;
	margin : 1em 0 0 0;
	background : #E0EEFF;
	border-bottom : 1px solid #ADD1FB;
}

.horaires h3 {
	background : #4576b3;
	color : #fff;
	padding : 0.5em 1em;
	margin-bottom : 0.5em;
}

.horaires dl {
	padding : 0 0.5em 0.5em 1em;
	margin-bottom : 0;
}

/* ---- cine -----------------------------------------------------------------*/
p.cast {
	font-size : 0.9em;
	color : #666;
	border-bottom : 1px solid #ADD1FB;
}

span.date {
	color : #4576B3;
}



/* ---- Contenu principal ----------------------------------------------------*/
#side .info {
	font-size : 0.9em;
	border : 1px solid #e5e5e5;
	background : #f5f5f5;
	padding : 1.5em 0.5em 0 1.5em;
	margin : 1em 0 0 0;
}

#side .picture {
	border-top : 1px solid #666;
	border-bottom : 1px solid #666;
}

#side .picture img {
	margin : 0;
	padding : 0;
	line-height : 100%;
	vertical-align : bottom;
}


#side .notice, #side .error {
	margin : 1em 0 0 0;
}

#side ul li {
	list-style-type : none;
}

#main .info {
	font-size : 0.9em;
	margin : 0 0 1em 0;
	padding : 0.25em;
	text-align : right;
	border-right : 0.5em solid #ADD1FB;
	background : #E0EEFF;
}

div.desc {
	margin : 0 0 1em 0;
	padding : 1em;
	border-left : 0.5em solid #ADD1FB;
	background : #E0EEFF;
}

div.desc p, div.desc li {
	font-size : 0.9em;
}

span.ajaxSearch_highlight {
	background : #ffc;
	font-weight : 700;
	color : #933;
	font-style : italic;
}

.gallery {
	background : #333;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	padding : 1.8em 0 0 0;
	margin-bottom : 2em;
}

#actu-asso {
	background : #E0EEFF;
	border-bottom : 1px solid #ADD1FB;
}

#actu-asso h3 {
	background : #4576b3;
	color : #fff;
	padding : 0.5em 1em;
	margin-bottom : 0.5em;
}

#actu-asso h4 {
	font-size : 0.9em;
}

#actu-asso li {
	list-style-type : none;
	padding : 0.5em 0;
	border-bottom : 1px solid #ADD1FB;
}

#actu-asso li.last {
	border : none;
	padding-bottom : 0;
}

/* --- bloc horaires en page --- */

.bloc-hor {
	background : #E0EEFF;
	border-bottom : 1px solid #ADD1FB;
	font-size : 0.9em;
	margin : 1em 0 0 0;
}

.bloc-hor h4 {
	background : #4576b3;
	color : #fff;
	padding : 0.5em 1em;
	margin-bottom : 0.5em;
}

.bloc-hor dl {
	padding : 0 0.5em 0.5em 1em;
	margin-bottom : 0;
}

strong.error {
	display : inline !important;
	border : none;
	padding : 0 !important;
	margin : 0;
	background : none;
}

p.signature {
text-align : right;
}

/* --- bloc flash info --- */



.flash h4 {
	background : #f5f5f5;
	border-top: 1px dotted #e5e5e5;
	border-bottom : 1px dotted #e5e5e5;
	padding : 0.5em 0 0.5em 0.5em;
}

.flash p {
	text-align : justify;
}