/**
 *		css/screen.css
 *		------------------------------------------------------------------------
 *		This file is part of the www.artcontemporainbretagne.org's design.
 *		Status: rc (maquette_11)
 *		Last Modif.: 2006-09-07
 *		------------------------------------------------------------------------
 *		(c) Copyright 2005-2006 Jocelyn Cottencin / lieuxcommuns.com.
 *		(c) Copyright 2005-2006 Fanny Charrier / sofa-design.net.
 *		(c) Copyright 2005-2006 Fabrice Luraine / sofa-design.net.
 *		All Rights Reserved.
 *		------------------------------------------------------------------------  
 */

/** Import. du gabarit
----------------------------------------------- */
@import "layout2.css";

/** Styles de base
----------------------------------------------- */
body {
	color: #000;
	background: rgb(179, 179, 179) url(grey-pix.png) repeat;
	/*font-family: "Andale Mono","Courier New", "MS Courier New", Courier, monospace;*/
	font-family: "Courier New", "MS Courier New", Courier, monospace;
	font-size: 78%;
	line-height: 1.3em;
}

h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

p, a, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, pre, th, td, caption {font-size: 1em;}

a, a:hover, a:visited, a:link {color: #000;}
a {
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	color: #000;
	text-decoration: none;
}
strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0 none ;}

code {
	font-family: "Courier New", "MS Courier New", Courier, monospace;
	font-weight: bold;
	color: #666;
}
kbd {
	font-family: "Courier New", "MS Courier New", Courier, monospace;
	border: 1px solid #999;
	padding: 0 1ex;
}
address {
	font-style: normal;
	font-size: 0.95em;
}

/** Récurrents
----------------------------------------------- */
.hidden {display: none;}
.floatsep{
	width:100%;
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:0;
}
.clear {
	clear:both;
	visibility:hidden;
}
.lower {
	text-transform: none;
}


/** Arrières plans
----------------------------------------------- */
body.ecran1 {
	background: rgb(179, 179, 179) url(bg01.png) no-repeat -250px -110px;
}
/*IE 5.0 mac hack for multiple bground \*/
body.ecran1{
	background: rgb(179, 179, 179) url(bg01.png) no-repeat fixed -250px -110px;
}
html > body.ecran1 {

	background-image: url(bg01.png), url(grey-pix.png);
	background-position: -250px -110px, bottom left;
	background-repeat: no-repeat, repeat;
	background-attachment: fixed, none; 
}
/*END of the IE 5.0 mac hack for multiple bground */
body.ecran1b {
	background: rgb(179, 179, 179) url(bg01.png) no-repeat -50px -50px;
}
/*IE 5.0 mac hack for multiple bground \*/
body.ecran1b {
	background: rgb(179, 179, 179) url(bg01.png) no-repeat fixed -50px -50px;
}
html > body.ecran1b {
	
	background-image: url(bg01.png), url(grey-pix.png);
	background-position: -50px -50px, bottom left;
	background-repeat: no-repeat, repeat;
	background-attachment: fixed, none; 
}
/*END of the IE 5.0 mac hack for multiple bground */
body.ecran1c {
	background: rgb(179, 179, 179) url(bg01.png) no-repeat -100px 125px;
}
/*IE 5.0 mac hack for multiple bground \*/
body.ecran1c {
	background: rgb(179, 179, 179) url(bg01.png) no-repeat fixed -100px 125px;
}
html > body.ecran1c {
	background-image: url(bg01.png), url(grey-pix.png);
	background-position: -100px 125px, bottom left;
	background-repeat: no-repeat, repeat;
	background-attachment: fixed, none;
}
/*END of the IE 5.0 mac hack for multiple bground */
body.ecran2 {
	background: rgb(179, 179, 179) url(bg02.png) no-repeat 3px -30px;
}
/*IE 5.0 mac hack for multiple bground \*/
body.ecran2 {
	background: rgb(179, 179, 179) url(bg02.png) no-repeat fixed 3px -30px;
}
html > body.ecran2 {
	background-image: url(bg02.png), url(grey-pix.png);
	background-position: 3px -30px, bottom left;
	background-repeat: no-repeat, repeat;
	background-attachment: fixed, none;
}
/*END of the IE 5.0 mac hack for multiple bground */
body.ecran2b {
	background: rgb(179, 179, 179) url(bg02.png) no-repeat -50px -250px;
}
/*IE 5.0 mac hack for multiple bground \*/
body.ecran2b {
	background: rgb(179, 179, 179) url(bg02.png) no-repeat fixed -50px -250px;
}
html > body.ecran2b {
	background-image: url(bg02.png), url(grey-pix.png);
	background-position: -50px -250px, bottom left;
	background-repeat: no-repeat, repeat;
	background-attachment: fixed, none;
}
/*END of the IE 5.0 mac hack for multiple bground */
body.ecran3 {
	background: rgb(179, 179, 179) url(bg03.png) no-repeat -300px -770px;
}
/*IE 5.0 mac hack for multiple bground \*/
body.ecran3 {
	background: rgb(179, 179, 179) url(bg03.png) no-repeat fixed -300px -770px;
}
html > body.ecran3 {
	background-image: url(bg03.png), url(grey-pix.png);
	background-position: -300px -770px, bottom left;
	background-repeat: no-repeat, repeat;
	background-attachment: fixed, none;
}
/*END of the IE 5.0 mac hack for multiple bground */
body.accueil {
	background: rgb(179, 179, 179) url(bg_accueil.png) no-repeat  -110px 0px;
}
/*IE 5.0 mac hack for multiple bground \*/
html > body.accueil {
	background-image: url(bg_accueil.png), url(grey-pix.png);
	background-position: -110px 0px, bottom left;
	background-repeat: no-repeat, repeat;
}
/*END of the IE 5.0 mac hack for multiple bground */

/** Left
----------------------------------------------- */
#left {}

#menu {
	/*background: #fff url(menu.png) no-repeat -2px -10px;*/
}

#menu li {
	list-style-type: none;
	margin: 0 0 9px 0;
	background-color: transparent;
}
#menu li a {
	display: block;
	width: auto;
	height: 26px;
	background-color: transparent;
}
#menu li a span {display:none}
#menu li a.i1 {
	height: 64px;	
}

#menu li a.i1 {
	background: #000 url(menu.png) no-repeat -2px -23px;
}
#menu li a.i1:hover, #menu li.select a.i1 {
	background: #000 url(menu_o.png) no-repeat -2px -23px;
}
#menu li a.i2 {
	background: #000 url(menu.png) no-repeat -2px -96px;
}
#menu li a.i2:hover, #menu li.select a.i2 {
	background: #000 url(menu_o.png) no-repeat -2px -96px;}
#menu li a.i3 {
	background: #000 url(menu.png) no-repeat -2px -131px;}
#menu li a.i3:hover, #menu li.select a.i3 {
	background: #000 url(menu_o.png) no-repeat -2px -131px;}
#menu li a.i4 {
	background: #000 url(menu.png) no-repeat -2px -166px;}
#menu li a.i4:hover, #menu li.select a.i4 {
	background: #000 url(menu_o.png) no-repeat -2px -166px;}
#menu li a.i5 {
	background: #000 url(menu.png) no-repeat -2px -201px;}
#menu li a.i5:hover, #menu li.select a.i5 {
	background: #000 url(menu_o.png) no-repeat -2px -201px;}


/** Right
----------------------------------------------- */
#right {}
#right a {
	text-decoration: none;
	font-weight: bold;
}
#right a:hover {
	color: #000;
	text-decoration: underline;
}
#right hr {
	color: #fff;
	background-color: #fff;
	height: 3px;
	border: 0;
	border-top: dotted 2px  #000;
}
#right ul.voir_aussi {
	margin: 0;
	padding: 0;
	text-align: left;
}
#right ul.voir_aussi li {
	list-style-type: none;
	margin: 0;
	padding: 5px 10px 5px 20px;
	text-indent: -1.2em;
	font-weight: bold;
}
#right ul.voir_aussi li:before {content: '> '; font-size: 0.9em;}
#right ul.voir_aussi li.select {
	background-color: #666;
	color: #fff;
}

/* menu calendrier */
#right.special {
	padding: 0;
	font-size: 0.9em;
	width: 195px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 145px;
}
html > body #right.special { width: 145px; /* ie5win fudge ends */ }
#menu_cal {
	width: 100%;
	margin: 0;
	padding: 0;
}
#menu_cal div {
	padding: 0;
}
#menu_cal div.rubrique,  #menu_cal div.select {
	background-color: #ccc;
	border-bottom: 5px solid #000;
}
#menu_cal div.select {
	background-color: #fff;
	padding-bottom:1em;
}
#menu_cal div h4 {
	margin:0;
	padding: 0.4em 0.4em 0.4em 0.6em;
}
#menu_cal div.select h4 {
	background-color: #000;
	color: #fff;
}
#menu_cal h4 a {
	display: block;
	width: auto;
	vertical-align: center;
}

#menu_cal table {
	margin: 1em auto 1em auto;
	margin-bottom: 0;
}
#menu_cal table caption {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 1em auto 1em auto;
}
#menu_cal table caption a {
	text-align: center;
	padding: 0;
}
#menu_cal table td, #menu_cal table th {
	text-align: center;
	line-height: 1em;
}
#menu_cal table td a {
	display: block;
	width: auto;
	padding-top: 2px;
	background-color: #ccc;
	font-weight: normal;
}
#menu_cal table td a:hover {
	background-color: #000;
	color: #fff;
	text-decoration : none;
}
#menu_cal table td a.select {
	background-color: #000;
	color: #fff;
	text-decoration : none;
}
#menu_cal table th {
	line-height: 2em;
	text-transform: uppercase;
}

#menu_cal .remote {
	text-align: center;
	padding: 0 0.3em;
	margin: 1em 0;
}


/** Middle
----------------------------------------------- */
#middle {}

#middle h1.title_acb {
	display: none;
}

#content {
	font-size: 0.95em;
}

#content a:visited { color: #666; }

#content h1.chinese_grande {
	margin: 1em 0 0 0;
}
#content h2.chinese_petite {
	margin: 0;
}
#content h2.subtitle {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}
#content h2.artiste {
	margin:1.4em 0 0 0;
}
#content h2.date {
	text-transform: uppercase;
}
#content .entete {
	margin-bottom: 2em;
}
#content .entete .soustitre {
	margin: 0;
	font-size: 1.2em;
}
#content .entete .artistes {
	margin-top: 0.5em;
	font-size: 1.1em;
	font-weight: bold;
}
#content .entete .date {
	margin:0;
	font-style: italic;
}

#content .chapo {
	font-weight: bold;
	font-size: 1em;
}

#content .smalltxt{
	font-size: 0.95em;
}

#content div.visuels {
	margin: 1.5em 0;
	margin-left: -20px;
}
#content div.visuels a.pic {
	float: left;
	display: block;
	border: 0;
	margin: 20px;
	background-color: #fff;
}
#content div.visuels div.legende {
	margin-left: 152px;
}
#content div.visuels a:hover{
	text-decoration: none;
}



#content h3 {
	color: #888;
	font-size: 1.2em;
	text-transform: uppercase;
	border-bottom: dotted 2px #888;
	margin: 2em 0 0.5em 0;
	padding: 0.3em 0;
	font-weight: normal;
}
#content ul {
	margin-left:0;
	padding-left:0;
}
#content ul li {
	list-style-type: none;
	padding-left: 1.2em;
	padding-top: 0.7em;
	line-height: 1.1em;
	text-indent: -1.2em;
}

#content ul li:before {content: '> ';}
#content ul li a:visited {color: #666;}
#footer {
	font-size: 0.95em;
}
#footer a {
	font-weight: bold;
	text-decoration: none;
	background: rgb(179, 179, 179) url(grey-pix.png) repeat;
}
#footer a:hover {
	text-decoration:  underline;
}


/** Bandeau
----------------------------------------------- */
#bandeau {
	margin: 555px 0 0 66px;
	width: 700px;
}
#bandeau h2 {
	margin: 14px 0 0;
}
#bandeau p {
	margin: 12px 0 0;
}
#bandeau h2 a {
	font-weight: bold;
	text-decoration: none;
}
#bandeau h2 a:hover {
	text-decoration: underline;
}

/** Lieux
----------------------------------------------- */
#list_lieux h2 {
	margin:2em 0 0 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#list_lieux ul {
	line-height: 1.5em;
	list-style-type:none;
	margin-left:0;
	padding:0;
}
#list_lieux ul li {
	color: #666;
	margin:0;padding-left: 0;
	line-height: 1em;
	text-indent: 0;
}
#list_lieux ul li:before {content: '';}
#list_lieux ul li a {
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#list_lieux ul li a:visited {color: #666;}
#list_lieux ul li a:hover {color: #000;text-decoration: underline;}

#lieu, #saison {
	margin: 3em 0;
}

#saison .sep { 
	width:100%;
	clear:both;
	visibility:visible;
	margin: 1.5em 0;
	padding:0;
	height:0px;
	color: #fff;
	border-style: none;
	border-bottom: dotted #888 2px;
}
#saison h4 a:visited {
	color: #666;
}
#archives a {font-weight: bold;text-decoration: none;}
#archives a:hover {text-decoration: underline;}
div.headitemexpo {
	margin-right: 90px;
}
div.itemexpo .etiquette, div.itemexpo_noimg .etiquette {
	background-color: #999;
	color: white;
	text-transform: none;
	font-size: 0.9em;
	padding: 0 1em;
	margin: 0;
}

div.itemexpo h4, div.itemexpo_noimg h4 {
	font-size: 1.2em;
	margin: 0;
}
div.itemexpo h4 a {
	font-weight: bold;
	text-decoration: none;
}
div.itemexpo h4 a:hover {text-decoration: underline;}
div.itemexpo img {margin:0 0 1em 0; float:right;} /* quand on a une image */
div.itemexpo .head, div.itemexpo .resume {
	margin:1em 0;
	padding-right:90px;
}
div.itemexpo_noimg .head, div.itemexpo_noimg .resume { /* si pas d'image */
	margin:0;
	padding:0;
}

/** Agenda
----------------------------------------------- */
#agenda {
	margin: 2em 0;
}
div.itemagenda {
	margin: 2em 0;
}
div.itemagenda .etiquette {
	background-color: #999;
	color: white;
	text-transform: none;
	padding: 0 1em;
	font-size: 0.8em;
}
div.itemagenda h3 {
	border: 0;
	margin: 0;
	color: #333;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
}
div.itemagenda em {
	font-size: 1em;
}
div.itemagenda h4, div.itemagenda p {
	margin: 0;
	line-height: 1.1em;
}
div.itemagenda h3 .lower {
	font-size: 0.85em;
}
div.itemagenda .head {
	font-size: 0.95em;
	border-left: 5px solid #000;
	padding-left: 1em;
}
div.itemagenda .resume, div.itemagenda .artistes {margin: 0.3em 0;}

div.itemagenda a.head {
	display: block;
	width: 100%;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.95em;
	border-left: 5px solid #000;
	padding-left: 1em;
}
div.itemagenda a.head:visited {
	text-decoration: none;
	border-left: 5px solid #888;
}
#content div.itemagenda a.head:visited {
	color: #000;
}
div.itemagenda a.head:hover {
	text-decoration: none;
	border-left: 5px solid #888;
	padding-left: 2em;
}

div.itemagenda a.head .title {
	font-weight: bold;
	font-size: 1.2em;
}
div.itemagenda a.head .artistes, div.itemagenda a.head .resume {
	display: block;
	margin: 0.3em 0;
}

/** page ACB
----------------------------------------------- */
div.acb h4{
	margin: 1.2em 0 0 0;
	font-size: 1.1em; 
}
div.acb ul {
	margin: 0;
}
div.acb {
	margin-bottom: 1em;
}

/** page contacts
----------------------------------------------- */
div.contacts {
	margin-bottom: 4em;
}
div.contacts .coord_acb {
	margin: 4em 0;
}	
div.contacts h3 {
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
}
div.contacts div {
	margin-bottom: 2em;
}
div.contacts div p {
	margin: 0.3em 0;
}
div.contacts div div {
	border-left: 5px solid #000;
	padding-left: 1em;
	margin-top: 0.5em;
}
div.contacts address {
	font-size: 1em;
}
div.contacts .sep{ 
	width:100%;
	clear:both;
	visibility:visible;
	margin: 1.5em 0;
	padding:0;
	height:0px;
	color: #fff;
	border-style: none;
	border-bottom: dotted #888 2px;
}
div.contacts h2 {
	margin:2em 0 1em 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
div.contacts textarea, div.contacts input.chp {
	width: 90%;
}
.error {
	color: red;
}
/** popup
----------------------------------------------- */
body.popup {
	background: #fff none;
	text-align: center;
	padding: 0;
}
body.popup #visuel {
	margin: 2em auto;
	width: 520px;
	text-align: center;
}
body.popup #visuel div {
	width: 520px;
	height: 400px;
	text-align: left;
	margin: 0 0 2em 0;
}
body.popup #visuel p {
	text-align: left;
	font-size: 0.95em;
	padding-right: 2em;
}
body.popup #visuel .small {
	font-size: 0.95em;
}

/** boutons
----------------------------------------------- */
a.bt_back {
	visibility: hidden;
	text-decoration: none;
	display: block;
	width: 39px;
	height: 25px;
	margin: 0 0 0 136px;
	padding: 0;
	background: transparent url(bt_back.png) no-repeat right bottom;
}
a.bt_back:hover {
	visibility: visible;
	background: #000 url(bt_back_roll.png) no-repeat right bottom;
}
a.bt_back span {
	display: none;
}

a.bt_up {
	display: block;
	text-decoration: none;
	width: 21px;
	height: 30px;
	margin: 0 0 0 380px;
	padding: 0;
	background: transparent url(bt_up.png) no-repeat right bottom;
}
a.bt_up:hover {
	background: #000 url(bt_up_roll.png) no-repeat right bottom;
}
a.bt_up span {
	display: none;
}

a.bt_accueil {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 0 12px;
	font-size: 1.1em;
	text-transform: uppercase;
	border: 0;
}
a.bt_accueil:visited {color:#fff}
a.bt_accueil:hover {
	padding: 0 10px;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 2px solid #000;
}