@charset "UTF-8";
/* CSS Document */

/*

-----------------------------------------------

Grey Box Method - Layout CSS

----------------------------------------------- */

#wrap{
margin-left:0px;
}

body {
	
	background-image:url(../images/bg.jpg);
	/*background-image:url(../images/trame.jpg);*/
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	

	color: #333;

	font-size: 11px;

	padding: 0 0 0px;

}





/* anchors

----------------------------------------------- */

a {

	color: #000;

	font-weight:bold;

	text-decoration: none;

}

a:hover {

	color:#333;

}





/* 960 grid system container background

----------------------------------------------- */

.container_12,

.container_16 {
/*background-color:#fff;*/

}





/* headings

----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}

h2 {margin-top:1em;
font-family:Georgia, "Times New Roman", Times, serif;
-moz-border-radius: 10px 10px 0 0; 
    -webkit-border-radius: 10px 10px 0 0;
border-bottom:6px solid #8c952b;
}

h5 {font-size:1.2em;}

h6 {font-size:1em; text-transform:uppercase;}





h1 a {

	font-weight:normal;

}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
border-bottom: 6px solid #8c952b;
background-color:#111111;
font-size:1.9em;
color:#e1e1e1;
padding:0.3em;
margin:0;
-moz-border-radius: 10px 10px 0 0; 
    -webkit-border-radius: 10px 10px 0 0;

}







/* branding

----------------------------------------------- */

h1#festival {

	font-weight:normal;

	font-size:3em;

	text-align:left;

	background:none;

	padding:0.15em 0.5em;

	margin-bottom:0;
	
	color:#111111;
	
	border-bottom: 2px solid #aeaeae;

}





/* page heading

----------------------------------------------- */

h2#page-heading {

	font-weight:normal;

	padding:.5em;

	margin:0 0 10px 0;

	border-bottom:1px solid #ccc;

}





/* boxes

----------------------------------------------- */

.box {

	background:#fff;

	margin-bottom:5px;

	padding:5px 10px 1px 10px;
	
	-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;

}

.block a{
color:13bcba;
}

.box h2 {

	font-size:1.1em;

	font-weight:normal;

	text-transform:uppercase;

	color:#fff;

	background:#111111;

	margin:-10px -10px 0 -10px;

	padding:6px 12px;
	
	letter-spacing:0.08em;

}

.box h2 a,

.box h2 a.visible {

	color:#fff;

	background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;

	display:block;

	padding:6px 12px;

	margin:-6px -12px;

	border:none;

}

.grid_4 .box h2 a {

	background-position: 97% 50%;

}

.grid_5 .box h2 a {

	background-position: 98% 50%;

}

.grid_12 .box h2 a {

	background-position: 99% 50%;

}







.box h2 a:hover {

	background-color:#111;

}

.block {

	padding-top:10px;

}

div.menu {

	padding:0;

}

div.menu h2 {

	margin:0;

}

div.menu .block {

	padding-top:0;

}





/* paragraphs, quotes and lists

----------------------------------------------- */

p {

	margin-bottom:1em;
	padding-bottom:1em;
	font-size:1.1em;

}

blockquote {

	font-family: Georgia, 'Times New Roman', serif;

	font-size:1.2em;

	padding-left:1em;

	border-left:4px solid #ccc;

}

blockquote cite {

	font-size:.9em;

}

ul, ol {

	padding-top:0;

}





/* menus

----------------------------------------------- */

ul.menu {

	list-style:none;

	border-top:1px solid #bbb;

}

ul.menu li {

	margin:0;

}

ul.menu li a {

	display:block;

	padding:4px 10px;

	border-bottom:1px solid #ccc;

}

ul.menu li a:hover {

	background:#eee;

}

ul.menu li a:active {

	background:#ccc;

}





/* submenus

----------------------------------------------- */

ul.menu ul {

	list-style:none;

	margin:0;

}

ul.menu ul li a {

	padding-left:30px;

}





/* section menus

----------------------------------------------- */

ul.section {

	border-top:0;

	margin-bottom:0;

}

ul.section li {

	text-transform:uppercase;

}

ul.section li a {

	background:#bbb;

}

ul.section li a:hover {

	background:#aaa;

}

ul.section li a:active {

	color:#fff;

	background:#666;

}

ul.section li li a {

	background:#ddd;

	border-bottom:1px solid #eee;

}

ul.section li li a:hover {

	background:#ccc;

}

ul.section li li a:active {

	color:#000;

	background:#fff;

}

ul.section ul li {

	text-transform:none;

}

ul.section ul.current li a {

	background:#eee;

	border-bottom:1px solid #fff;

}

ul.section ul.current li a:hover {

	background:#ddd;

}

ul.section ul.current li a:active {

	background:#fff;

}

ul.section li a.current {

	color:#fff;

	background:#666;

}

ul.section li a.current:hover {

	background:#555;

}

ul.section li a.current:active {

	background:#444;

}

ul.section li a.active {

	background:#fff;

	cursor:default;

}

ul.section li.current > a.active,

ul.section li.current > a.active:hover {

	color:#fff;

	background:#666;

	cursor:default;

}





/* table

----------------------------------------------- */

table {

	width:100%;

	border:1px solid #bbb;

	margin-bottom:10px;

}

col.colC {

	width:8em;

}

th, td {

	padding:.2em 1em;

	text-align:left;

}

thead th {

	border-bottom:2px solid #888;

	background:#bbb;

	padding:.4em 1em .2em;

}

thead th.table-head {

	font-size:1em;

	font-weight:normal;

	text-transform:uppercase;

	color:#fff;

	background:#555;

	border:1px solid #555;

}

tbody th,

tbody td {

	border-top:1px solid #bbb;

	border-bottom:1px solid #bbb;

	background:#eee;

}

tbody tr.odd th,

tbody tr.odd td {

	background:#fff;

}

tfoot th,

tfoot td {

	border-top:2px solid #666;

	background:#eee;

}

tfoot tr.total th,

tfoot tr.total td {

	border-top:6px double #666;

}

tfoot tr.total th {

	text-transform:uppercase;

}

th.currency,

td.currency {

	text-align:right;

}





/* forms

----------------------------------------------- */

form {

	overflow:hidden;

}

fieldset {

	border:1px solid #bbb;

	padding:10px;

	position:relative;

	background:#e9e9e9;

	margin-bottom:10px;

}

legend {

	font-size:1.1em;

	padding:.4em .8em;

	background:#fff;

	border:1px solid #bbb;

}

fieldset.login p {

	margin-bottom:1em;

	margin-top:0pt;

}

fieldset p label {

	width:98%;

}

fieldset p input {

	width:98%;

}

fieldset p select {

	width:99%;

}

fieldset.login p label {

	float:left;

	line-height:2em;

	margin-right:3%;

	text-align:right;

	width:32%;

}

fieldset.login p input {

	width:60%;

}

fieldset.login input.button {

	margin-left:35%;

}

form p.notice {

	font-weight:bold;

}

input.search.text {

	width:66%;

}

input.search.button {

	width:28%;

	margin-left:2%;

}





/* articles

----------------------------------------------- */

.articles {

	padding:0;
	

}

.articles h2 {

	margin:0;

}

#articles {

	padding-top:0;
/*	background:#e8e8e8;*/

}

.article {

	border-top:5px solid #c7c7c7;

	padding-top:.1em;
	
	color:#111;
	
	font-weight:normal;
	
	-moz-border-radius: 0 0 10px 10px; 
    -webkit-border-radius: 0 0 10px 10px;
	
	

}

.box .article {
	padding:13px 10px 0 10px;
}

.article h2 {

	font-size:2em;

	font-weight:normal;

	text-transform:none;

	color:#333;

	background:transparent;

	padding:0;

	margin:0;

	border:none;

}

.article h3 {

	margin-bottom:.2em;

	font-size:1.3em;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	
	color:#fff;
	
	font-weight:normal;
	
	letter-spacing:0.04em;
	
	background-color:#991438;
	
	padding:3px 0 2px 4px;

}

.box .first {

	border-top:none;

}

.article h4 {

	font-size:1.2em;

	text-transform:uppercase;

	margin-bottom:.5em;

}

.article a.image {

	float:left; 

	margin:3px 7px 3px 0; 

	padding:0px;

	border:1px solid #fff;

	background:#fff;

}

.article a.image:hover {

	border:1px solid #883F14;

}

.article a.image img {

	float:left; 

}

.article p.meta {

	color:#111;

/*	border-top:1px dotted #045555;

	border-bottom:1px solid #045555;*/

	padding:.3em 0;

	margin-bottom:.1em;
	
	font-size:0.9em;

}

.article a:hover{
color:#045555;

}




/* site information

----------------------------------------------- */

#site_info .box {

	color:#ccc;

	background:#666;

	margin-bottom:10px;

}

#site_info a {

	color:#fff;

}

#site_info a:hover {

	color:#000;

}





/* AJAX sliding shelf

----------------------------------------------- */

#loading {float:right; margin-right:14px; margin-top:-2px;}

.block {padding-bottom:1px;}





/* Accordian

----------------------------------------------- */

.toggler {

	color: #222;

	margin: 0;

	padding: 2px 5px;

	background: #eee;

	border-bottom: 1px solid #ddd;

	border-right: 1px solid #ddd;

	border-top: 1px solid #f5f5f5;

	border-left: 1px solid #f5f5f5;

	font-size:1.1em;

	font-weight: normal;

}

.element h4 {

	margin: 0;

	padding:4px;

	line-height:1.2em;

}

.element p {

	margin: 0;

	padding: 4px;

}

.float-right {

	padding:10px 20px;

	float:right;

}



#accordian-block {

	padding-bottom:10px;

}





/* Mootools Kwicks

----------------------------------------------- */

#kwick-box { 

	padding:0;

	overflow:hidden;

}

#kwick-box h2 { 

	margin:0;

}

#kwick {

	position: relative;

}

#kwick .kwicks {

	display: block;

	background: #999;

	height: 120px;

	list-style:none;

	margin:0;

	overflow:hidden;

}

#kwick li {

	float: left;

	margin:0;

	padding:0;

}

#kwick .kwick {

	display: block;

	cursor: pointer;

	overflow: hidden;

	height: 100px;

	width: 215px;

	padding: 10px;

	background: #fff;

}

#kwick .kwick span {

	color:#fff;

}

#kwick .one {

	background: #666;

}

#kwick .two {

	background: #777;

}

#kwick .three {

	background: #888;

}

#kwick .four {

	background: #999;

}


/*//////////////////////////////////////////////////*/

/*HOME*/

#menu{
background:#fff;
padding-top:5px;
padding-bottom:0;
}

#bloc_home{
margin-left:0;
padding-bottom:0;
margin-bottom:0;
}


#bloc_home .box h3{
border-bottom:1px solid #111111;
color:#111111;
}

#bloc_home .box p{
margin-bottom:0px;
padding-bottom:0px;
}

#textefestival{
padding-top:10px;
}

#textefestival {
margin-bottom:0;
padding-bottom:10px;
}

.image {

	float:left; 

	margin:0px 10px 3px 0; 

	padding:0px;

	border:1px solid #fff;

	background:#fff;

}

#slideshow{
margin-bottom:0px;
}

#content{
margin-top:5px;
}


.article{
background-color:#fff;
/*background-color:#078888;*/
/*border:3px solid #d8d8d8;*/
}


h4{
color:#013B3B;
font-weight:normal;
}

#bloc_bot{
background:#111111;
margin-top:5px;
}

#bloc_bot a:hover{
color:#13bcba;
}


#footer{
clear:both;
color:#aeaeae;
font-size:0.7em;
height:15px;
text-align:center;
margin-top:10px;
margin-bottom:10px;
background-color:#222222;
padding-top:6px;

	-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
}

#footer ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-decoration:none;

}


#footer li{
display:inline;
text-decoration:none;
}

#footer a{
color:013b3b;
}

.nav{
height:100px;
}



/*//////////////////////////////////////////////////*/

/*TEAM*/


#team{
border: 2px solid #aeaeae;

}



/*//////////////////////////////////////////////////*/

/*PARTENAIRES*/

#partenaires .grid_3{
padding-left:5px;
margin-left:0px;
}

h1#partenaires {

	font-weight:normal;

	font-size:3em;

	text-align:left;

	background:#fff;

	padding:0.15em 0.5em;

	margin-bottom:0;
	
	color:#111111;
	
	border-bottom: 2px solid #aeaeae;

}

.box_part {

	background:#fff;

	margin-bottom:5px;

	padding:5px 5px 1px 5px;
	
	-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
	
	height:110px;
}

.box_part h2 {

	font-size:0.85em;

	font-weight:normal;

	text-transform:uppercase;

	color:#fff;

	background:#111111;

	margin:0;

	padding:4px 4px;
	
	border-bottom:none;
	-moz-border-radius: 0; 
    -webkit-border-radius: 0;

}

/*//////////////////////////////////////////////////*/

/*PROGRAMMATION*/

#citation{
	width:750px;
	padding:10px;
	margin:10px;
	background-color:#e2eeee;
	
}

#citation {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:23px;
	font-style:italic;
}

#prog_journee{
	font-size:12px;
	border-bottom:1px dashed #818181;
	border-top:1px dashed #818181;
	margin-bottom:15px;
}

#prog .grid_5{
padding:3px;
margin-left:10px;

background:#d8d8d8;
-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
}


.img_prog_left{
	float:left;
	margin:0 20px 0 5px;
}

.content_prog_right{
	margin-left:250px;
	border-left:1px solid #999;
}



h1#prog {

	font-weight:normal;

	font-size:3em;

	text-align:left;

	background:#fff;

	padding:0.15em 0.5em;

	margin-bottom:0.5em;
	
	color:#111111;
	
	border-bottom: 2px solid #aeaeae;
}


.box_part_prog {

	background:#fff;

	margin-bottom:5px;

	padding:5px 5px 1px 5px;
	
	-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
}

.box_part_prog h3 {
padding:10px 0 0 0;
letter-spacing:0.11em;
font-variant:small-caps;
}


.heures{
font-size:1.15em;
font-style:italic;
margin:0;
padding:0;
color:#339191;
font-weight:normal;
}



/*//////////////////////////////////////////////////*/

/*CONTACT*/


.box_part_contact {

	background:#fff;

	margin-bottom:5px;

	padding:15px 5px 1px 5px;
	
	-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
	
	border: 3px solid #d8d8d8;
	
}


h3#contact {
padding-top:20px;
}

#infocontact_left{
background:#fff;
width:415px;
float:left;
padding:0 10px 10px 20px;
margin:5px 5px 5px 0;
border: 3px solid #d8d8d8;
-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
}

#infocontact_right{
background:#fff;
width:415px;
float:right;
padding:0 10px 10px 20px;
margin:5px 0px 5px 0;
border: 3px solid #d8d8d8;
-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
}


/*//////////////////////////////////////////////////*/

/*BILLETTERIE*/

h3#billetterie {
padding-top:20px;
}

#billetterie_left{
background:#fff;
width:415px;
float:left;
padding:20px 10px 10px 20px;
margin:5px 5px 5px 0;
border: 3px solid #d8d8d8;
-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
}

#billetterie_right{
background:#fff;
width:415px;
float:right;
padding:20px 10px 10px 20px;
margin:5px 0px 5px 0;
border: 3px solid #d8d8d8;
-moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
}