/*************************************************/
/******** TACHE DENCRE : PRINT  *************/
/*************************************************/
@import url("cms.css");
html,body,div,dl,dt,dd,ul,ol,li,pre,form,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html,table {border:0;}
ul,ol,li { }
address,caption,cite,code,dfn,em,strong,th,var{ }
body {
	text-align: center;
	background: #FFF;
	color: #1A171B;
}
body, td, th { font-size: 13px; font-family: Arial, Helvetica, sans-serif;}

/*******************************************************************/
/******************    BALISES GENERALES     **********************/
/*******************************************************************/
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	color: #000;
}

h1 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.8em; margin: 0 0 0.8em 0; padding: 0.1em 0; color:#333;
}
h1 span { display: block; font-size: 0.6em;}

h2 {
	font-size: 1.4em; margin-bottom: 0.3em;
}
h2 span {
}
h3 { font-size: 1.1em; font-weight: bold; }
h4 {font-size: 1em; margin-bottom:5px;}
h5 { font-size: 1em}
h6 { font-size: 1em}
p {
	padding: 0;
	margin: 0px 0px 1em 0px;
}

ul, ol {
	margin: 0px 0px 1.2em 2.8em;
	padding: 0; }

li {
	padding: 0px 0px 0px 0px;
	margin: 0 0 0.4em 0;
	}
ul li {	}
ol li { list-style-type: decimal; list-style-image: none; list-style-image: none; }
.imgToLeft ul { margin-left: 1em; }
.imgToLeft li { position: relative; left: 1.5em; margin-right: 1.5em;  }
sup { font-size: 0.6em; vertical-align: top}

a { text-decoration:none; color: #009DDF; }
a:hover { text-decoration: underline; color: #ccc;}

li img { vertical-align: middle}
img { border: none}
table {
	border-collapse: collapse;
}
th {
	font-size: 12px;
	padding: 3px 5px; vertical-align: top
}
td {
	vertical-align: top; /* padding: 0.3em*/
}
caption { text-align: left; padding: 3px}
blockquote { margin: 0 0 0 2em;}

/* forms */
form { padding: 2px; margin: 0px 0px 4px 0px}
input,textarea,select { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em; padding: 2px;
	border: 1px solid #7F9DB9; 
}
hr { height: 1px; padding: 0; margin: 0; border: 1px dotted #CCC; border-collapse: collapse}
input[type=text] {}
input[type=text]:focus, textarea:focus  {
}

legend {
	font-size: 12px;
	background: #FFFFFF;
	font-weight: bold;
	padding: 4px 8px;
	margin-left: 4px;
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #CCC; 
	}

label { margin-right: 8px; cursor: pointer}
label input { vertical-align: middle}

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left;
	width: 900px;
	margin: 0px auto 0px auto;
	border: 1px solid #020001;
	}
	
/*	HEADER	*/
#header { background: url(../images/bg-header.jpg) no-repeat; height: 186px; }
#header h1 { padding: 0 0 0 0; margin: 0; float: left; width: 310px; height: 107px;}
#logo {  display: block; height: 180px;
	}
#header { }
#header-right { float: right; width: 590px; } 
#logo-right { height: 116px; }
#logo-right a { display: block; height: 100%; }

/* MAIN	*/
#centre { clear: left; background: #FFF; padding-top: 1em;  }

#left {
	width: 230px;
	float: left; margin-left: 8px!important; margin-left: 4px;
}

#main { width: 630px; float: left; margin-left: 18px;
	}

#content {
	}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 0.2em 1em;
}
#up img { vertical-align: middle; margin-left: 4px; }

#footer { 
	text-align: center; padding: 0 0 0 0; position: relative; height: 85px; background: url(../images/bg-footer.jpg) no-repeat center top;
	}
	
#footer a {
	font-weight: bold
}

#neteor {
	text-align: left;
	padding: 0; margin: 0; position: absolute; left: 0.9em; top: 38px;
}	
#neteor a {
	font-weight: bold;
}
#copyright {
	padding: 38px 1.4em 1.4em 1.4em;
	
}
#copyright a { }

/********    PAVES HOME    ******/
.paveHome { margin-bottom: 2em; }
.paveHome .tiny { }
.tit-pave {font-size: 1.7em; margin: 0 0 0.2em 0; padding: 0.1em 0; color: #333;/* border-top: 1px solid #E20031; border-bottom: 1px solid #E20031; */}

/* Evènements page accueil */
#events-home { font-size: 12px; margin-bottom: 2em; background: url(../images/bg-event-item.png) repeat-x; padding-top: 0.8em; }
#events-home dt { /*background: #020001;color: #FFF;*/ font-weight: bold; padding: 0.3em 0.5em 0.3em 0.3em; margin: 0 0 0.2em 0; }
#events-home dd { background: #FFF; padding: 0.5em; margin: 0 0 0.5em 0; border: 1px solid #DDD; }
#events-home .date { font-size: 11px; }
#events-home h2 { font-size: 1em; }
#events-home .view { font-weight: bold; }
dt.theatre { background-color: #DD9000; }
dt.expos { background-color: #00B0B3; }
dt.musique { background-color: #CED53F; }
.event-main-tit { background: url(../images/bg-event-main-tit.png) no-repeat 0 0; padding-left: 7px; }
.event-main-tit div { font-size: 11px; text-transform: uppercase; padding: 0.9em 0.4em 1em 0; background: url(../images/bg-event-main-tit.png) no-repeat right 0; color: #FFF; /*-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 5px 5px;*/ }

#calendar { height: 200px;}
.calendar-tit { margin: 0; padding: 0; font-size: 1em;}

/* Definition des couleurs selon la rubrique active */
.big-icone { width: 140px; height: 140px; margin: 0 auto; background-image: url(../images/big-icone.gif); background-repeat: no-repeat; }
.big-icone-default { background-position: 5000px 0; }
.big-icone-index { background-position: 0 0; }
.big-icone-la_tache_d_encre { background-position: -140px 0; height: 200px; }
.big-icone-theatre { background-position: -280px 0; }
.big-icone-musique { background-position: -420px 0; }
.big-icone-exposition { background-position: -560px 0; }
.big-icone-ateliers { background-position: -700px 0; }
.big-icone-presse { background-position: -840px 0; }
.big-icone-contact { background-position: -980px 0; }
.big-icone-legal { background: none;}
h1.index { }
h1.la_tache_d_encre { }
h1.theatre { border-top: 1px solid #DD9000; border-bottom: 1px solid #DD9000; margin-bottom: 0.2em;}
h1.musique { border-top: 1px solid #CED53F; border-bottom: 1px solid #CED53F; margin-bottom: 0.2em; }
h1.exposition { border-top: 1px solid #00B0B3; border-bottom: 1px solid #00B0B3; margin-bottom: 0.2em; }
h1.ateliers { }
h1.presse { }
h1.contact { }

p.musique { color: #CED53F; }
p.exposition { color: #00B0B3;}
p.theatre { color: #DD9000;}

/* Couleur de nav2*/
.nav2-la_tache_d_encre { background-color: #AE0072; }
.nav2-theatre { background-color: #DD9000;}
.nav2-musique { background-color: #CED53F; }
.nav2-exposition { background-color: #00B0B3;}
.nav2-ateliers { background-color: #527758;}
.nav2-presse { background: #B913A0; }
.nav2-contact { background-color: #D9ACC0;}

.nav2-la_tache_d_encre .on { border-left-color: #AE0072; }
.nav2-theatre .on { border-left-color: #DD9000;}
.nav2-musique .on { border-left-color: #CED53F; }
.nav2-exposition .on { border-left-color: #00B0B3;}
.nav2-ateliers .on { border-left-color: #527758;}
.nav2-presse .on { border-left-color: #830E71;}
.nav2-contact .on { border-left-color: #D9ACC0;}

.nav2-la_tache_d_encre li { border-top: 1px dotted #AE0072; }
.nav2-theatre li { border-top: 1px dotted #DD9000;}
.nav2-musique li { border-top: 1px dotted #CED53F; }
.nav2-exposition li { border-top: 1px dotted #00B0B3;}
.nav2-ateliers li { border-top: 1px dotted #527758;}
.nav2-presse li { border-top: 1px dotted #B913A0;}
.nav2-contact li { border-top: 1px dotted #D9ACC0;}

.nav2-la_tache_d_encre .lvl1 li{ background-image: url(../images/puce-nav2-la-tache-d-encre-lvl1.gif) }
.nav2-theatre .lvl1 li { background-image: url(../images/puce-nav2-theatre-lvl1.gif)}
.nav2-musique .lvl1 li { background-image: url(../images/puce-nav2-musique-lvl1.gif) }
.nav2-exposition .lvl1 li { background-image: url(../images/puce-nav2-exposition-lvl1.gif) }
.nav2-ateliers .lvl1 li { background-image: url(../images/puce-nav2-ateliers-lvl1.gif) }
.nav2-presse .lvl1 li { background-image: url(../images/puce-nav2-presse-lvl1.gif) }
.nav2-contact .lvl1 li { background-image: url(../images/puce-nav2-contact-lvl1.gif) }

.nav2-la_tache_d_encre li.on1 { background: #AE0072; }
.nav2-theatre li.on1 { background: #DD9000;}
.nav2-musique li.on1 { background: #CED53F; }
.nav2-exposition li.on1 { background: #00B0B3;}
.nav2-ateliers li.on1 { background: #527758;}
.nav2-presse li.on1 { background: #830E71;}
.nav2-contact li.on1 { background: #D9ACC0;}

/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/

/* NAV 1 */
#nav1 { font-size: 12px; padding: 0; height: 60px; 
}
#nav1 ul{
	padding: 0; margin: 0 0 0 0;
	}
#nav1 li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	margin: 0;
	padding: 0 0 0 0; line-height: 34px; height: 60px; font-weight: bold;
	}
#nav1 a {
	padding: 26px 12px 4px 13px;/* height: 60px;*/ display: block; float: left;
	}
li.accueil a, li.tache a, li.theatre a, li.musique a, li.expos a, li.ateliers a, li.presse a, li.contact a { background-repeat: no-repeat; background-image: url(../images/nav1-icon.gif); }
li.accueil a { background-position: center 0; color: #E20031; }
li.tache a { background-position: center -80px; color: #B30771; }
li.theatre a { background-position: center -160px; color: #E28F1F; }
li.musique a { background-position: center -240px; color: #CCD33C; }
li.expos a { background-position: center -320px; color: #00ADB0; }
li.ateliers a { background-position: center -400px; color: #4E7659; }
li.presse a { background-position: center -480px; color: #86156F; }
li.contact a { background-position: center -560px; color: #DBA9BD; }

#nav1 li.on { }
#nav1 li.on a:hover { }
#nav1 li a:hover  { color: #000; }
#nav1 li.home {}

/************ NAV2************/
#nav2 { padding: 1px 0; margin: 0 10px;  }

/* Niveau 1 */
#nav2 ul.firstLevel{ line-height: 100%; padding: 0; margin: 0; background: #FFF; 
}
#nav2 li{
	margin: 0;
	padding: 0 0 0 0; font-size: 1em;
	list-style-type: none;
	list-style-image: none;
	height: 100%;
}
#nav2 a, #nav2 span{
	display: block;
	padding: 0.5em 0.5em 0.5em 14px; line-height: 140%; height: 100%;
}
#nav2-top { display: none; height: 2px; padding: 0; margin: 0; background: #527758; }
#nav2-bot { display: none; height: 2px; padding: 0; margin: 0; background: #527758; }
#nav2 li.on { font-weight: bold; border-left-width: 4px; border-left-style: solid;  }
#nav2 .on a, #nav2 a:hover { color: #020001; }
	
/* LVL1 */
#nav2 li.lvl1 { padding-bottom: 1em; font-size:11px; border: none;}
#nav2 li.lvl1 ul {padding: 0; margin: 0 0 0 0; background: none;  }
#nav2 li.lvl1 ul li {
	padding: 0;
	margin: 0;
	background-repeat: no-repeat; background-position: 12px 0.4em;
}
#nav2 li.lvl1 ul li a { padding: 0.3em 0.5em 0.3em 34px; 
}
#nav2 li.lvl1 ul li a:hover {  }
#nav2 li.on1 {
	font-weight: bold;
}
#nav2 li.lvl1 .on1 a{ color: #FFF; }
#nav2 li.lvl1 .on1 a:hover{}

/***************************************************************/
/**************       CLASSES GENERIQUES         *****************/
/***************************************************************/

/*****		GESTION DES IMAGES		*****/
.preview {
}
table.preview { width: 100%}
.preview td{
	text-align: left; padding: 2px;
	}
img.imgToRight, .imgToRight img {
	float:right;
	margin-left: 1em;
	margin-bottom: 0.8em;
	}
img.imgtoLeft, .imgToLeft img {
	float:left;
	margin-right: 1em;
	margin-bottom: 0.8em;
}

.imgToLeft a:hover img, .imgToRight a:hover img, a:hover .imgToLeft, a:hover .imgToRight {
	border-color: #000;
}
.imgToCenter { text-align: center; }
.imgToCenter img, img.imgToCenter, img.imgToRight, img.imgToLeft, .imgToRight img, .imgToLeft img, .preview img {
	padding: 2px; background: #FFF; border: 1px solid #CCC;
}
 
/* Divers */
.icon { vertical-align: middle; margin-right: 0.3em; }
.date{ font-size: 10px; font-weight: normal }
.error {
	background: #FFF7B9; 
}
div.error { padding: 16px; margin-bottom: 10px; border: 1px dashed #FFCC33; text-align: center; font-weight: bold}

.gras {
	font-weight: bold;
}
.italique {
	font-style: italic;

}
.legende {
	font-style: italic;
	padding: 0.3em;
}

.required {
	color:#CC0000;
}
.noLine {
	border: none; background: none
}

.back { margin-bottom: 1em; padding: 0; }
.bot-clear { clear: both; height: 1px; font-size: 1%; line-height: 0; padding: 0 }
p.view { padding: 0; margin: 0;
}
p.view a { }

div.photo { float: right; padding-left: 1em; background: #FFF; }
div.photo img {border: 1px solid #CCC; padding: 2px; background: #FFF; display: block; margin-bottom: 5px; }
div.photo p { padding: 0px; margin: 0 0 0.4em 0; text-align: center; font-size: 10px; }
div.photo .legende { text-align: center; font-style: italic; padding: 0.3em; margin: 0 }

.infosClient { line-height: 150%; margin: 0}
.infosClient span{ font-weight: bold;}


/* */
div.download { margin-bottom: 1em; }
div.download h4 { padding: 0; margin: 0 0 0.3em 0; }
div.download ul { padding: 0.2em 0.5em; margin: 0 0 0 0; border: 1px solid #CCCCCC;
	}
div.download li { padding: 0 0 0 22px; line-height: 1.5em; margin: 0 0 0.2em 0; list-style: none; list-style-image: none; background: url(../images/pdf.png) no-repeat 0 center; 
	}
div.download p a { }

/*********************	DONNEES TABULAIRES	*************************/
.tablo {
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.line1 {
	background-color: #F5F5F5;
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #666666;
	border: 1px solid #FFFFFF;
}
.tablo caption {
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(../images/puceTit.gif) no-repeat 2px 8px;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.btn {
	width: auto; overflow: visible;
	background: #FFF url(../images/bg-btn.png) repeat-x left bottom;
	padding: 0.2em 0.7em; border: 1px solid #333; cursor: pointer; font-weight: bold; color: #666666; font-size: 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
}
.btn:hover { color: #999; }
/*Detail d'un item*/
div.detail {padding: 1px;
	margin-bottom: 14px;}

/* Liste d'items */
.list-items { padding: 0; margin: 0; }
.item { list-style-image: none; list-style-type: none; padding: 0; overflow: hidden; margin: 0 0 1em 0!important; margin: 0 0 0.5em 0; clear: both; zoom: 1;}
.list-items li.itemList { list-style-type: none; list-style-image: none; padding: 0.3em 0.5em 0.5em 0.5em; margin: 0 0 1.1em 0;}
.list-items .noItems { list-style-type: none; list-style-image: none; padding: 0.3em 0.5em 0.5em 0; margin: 0 0 1.1em 0;}
.list-items .tit-item { font-size: 1.8em; margin: 0 0 0.2em 0; padding: 0.1em 0; color:#333; }
.list-items .tit-item a { color: #414141; }
.tit-item a:hover { color: #CCCCCC; text-decoration: none; }

.item-infos {}

.head { padding: 26px 1em 0 1em; text-align: right; font-size: 1.1em; position: relative; }
.head p { margin-bottom: 0; }
.event-type { font-weight: bold; }
.horaire { font-size: 1.2em; line-height: 100%; }
.price { color: #FFF; padding: 0.2em 0 0 0; margin: 0; }
.item-detail .price { color: #000; margin-bottom: 0.8em; }
.price span { font-weight: bold; }

.item-left-theatre, .item-left-exposition, .item-left-musique { width: 171px; float: left; }
.item-left-theatre { background-position: -344px bottom; }
.item-left-theatre .head { background: #DD9000 url(../images/bg-item-left-top.png) no-repeat -344px top;}

.item-left-exposition { background-position: -172px bottom; }
.item-left-exposition .head { background: #00B0B3 url(../images/bg-item-left-top.png) no-repeat -172px top; }

.item-left-musique { background-position: 0 bottom; }
.item-left-musique .head { background: #AFC631 url(../images/bg-item-left-top.png) no-repeat 0 top; }

/* Pavé gauche dans une liste d'items */
.bg-item-left { position: relative; zoom: 1;padding: 0; margin: 0; line-height: 100% }
.bg-item-left img { vertical-align: middle; }

.default-img { width: 171px; height: 40px; }
.item-left-theatre .corner-top { background-position: -344px 0;}
.item-left-exposition .corner-top { background-position: -172px 0;}
.item-left-musique .corner-top { background-position: 0 0;}
.corner-top { position: absolute; top: 0; left: 0; background-repeat: no-repeat; width: 171px; height: 20px;}
.corner-bot { background: url(../images/corn-bot.gif) no-repeat right bottom; position: absolute; width: 21px; height: 20px; right: 0; bottom: 0; }

/* Pavé droite dans une liste d'items */
.item-right { margin-left: 180px; }
.big-date { font-size: 1.3em; font-weight: bold; margin: 0 0 0.2em 0; padding: 0; position: relative; }
.list-items li.line1{
	background-color: #FFFBF2;
}
.item-detail {}
.item-detail .tiny { margin-left: 0; margin-bottom: 1em;}
.item-detail .gras { display: block; }
.item-detail .event-tache-dencre img { vertical-align: middle; background: #DD9000; text-align: center; padding: 1px; }
.head .event-tache-dencre { background: #DD9000; display: block; width: 135px; height: 15px; position: absolute; right: 7px; top: 4px; z-index: 100; font-size: 10px; color: #FFF; }
/********	PAGINATION		******/

ul.pagine{ background: none; margin: 0px; padding: 0px; text-align: center}
ul.pagine li{ display: inline; background: none; margin: 0px; padding: 2px}
ul.pagine li.on { font-weight: bold; text-decoration: underline;}
ul.pagine li.on { font-size: 14px}

/*************  contact  ******************************/ 
#form-contact { padding: 1em; background: #F5F5F5; border: 1px solid #CCC;}
#form-contact label, #form-contact .emptySpan { float: left; display: block; width: 100px; text-align: right; margin: 0 7px 0 0}
#form-contact p { clear: both; padding: 0 0 0.2em 0; margin: 0; }

#form-contact textarea { width: 350px; height: 100px }

p.checkbox { padding: 0.2em 0; margin: 0; }
p.radio { padding: 0.2em 0; margin: 0; }
p.text { padding: 0.2em 0; margin: 0; }
p.select label { line-height: 150%; }

.answerMail {
}
.answerMail p { }

/* Liste de contacts sur la page contact */
.coords {
	padding: 0 0 0 0;
	padding: 0;
	line-height: 150%;
	margin-top: 14px;
}
.coords h2 { margin-bottom: 0.5em; padding: 0; }
.coords span { font-weight: bold}

/*	MESSAGES SYSTEM */
.error_required {
	background: #ffef89;
}