/* @override http://granderencontre.com/wp-content/themes/festival/style.css */

/*  
Theme Name: Festival
Description: Festival La Grande Rencontre. 
Version: 1.0
Author: Vizou
Author URI: http://vizou.com
*/

/* @group Basic */

* {  	
margin: 0; 
padding: 0; 
}

body {  	
font: normal 78% helvetica,verdana, sans-serif; 
line-height: 18px;
color: #444; 
background: #fff url(images/bgtop.jpg) repeat-x;
position: relative;
text-align: center;
}

p {  	
font-size: 1em; 
}

em {  	
color: #C09F82;
text-transform: uppercase;
font-style: normal; 
}

a {  	
color: #4BC0D9; 
text-decoration: none; 
}

a:hover {  	
color: #ccc; 
}

ul, ol {  	
list-style: none; 
}

ul li, ol li {  	
margin-bottom: 9px; 
}


/* @end */

/* @group Layout */

/* development helpers */

.which-template {  
display: none;	
color: red;
}

#header {  	
width: 700px; 
height: 297px; 
margin: 0 auto; 
background: #fff url(images/header.jpg) no-repeat; 
}

#menu {  
float:left;
width:100%;
overflow:hidden;
position:relative;
padding-top: 8px;
background: url(images/menu.jpg) no-repeat top center; 
}

#wrapper { 
clear: both; 	
width: 700px; 
margin: 0 auto; 
min-height: 300px;
overflow: hidden;
text-align: left;
}

#content {  	
float: left;
min-height: 400px;
overflow: hidden; 
}

#dates {  	
float: right;
width: 300px;
padding: 70px 0 20px 20px; 
color: #fff;
text-align: center;
}

#dates h1 {  	
font-size: 3em;
color: #fff;
font-weight: bold;
}

#dates h2 {  
font-size: 2em;	
margin: 10px 0;
color: #fff;
}

#footer {  	
clear: both;
width: 100%; 
padding: 10px 0;
overflow: hidden;
margin: 0 auto; 
background-color: #63B1D6; 
}

/* @end */

/* @group Menu */

.current_page_item {  	 
background: url(images/roll.jpg) no-repeat 0 -4px; 
margin-top: 0;
}

#menu ul {  
clear: left;
float: left;
list-style: none;
margin: -5px 0 0 0;
padding: 0;
position: relative;
left: 50%;
text-align:center;
}

#menu ul li {  	
display: inline; 
float: left;
list-style: none;
position: relative;
right: 50%;
padding: 9px 12px 3px 12px;
font-size: 1em; 
letter-spacing: 1px; 
text-transform: lowercase; 
color: #fff;
font-weight: bold;
height: 35px;
}

#menu a, 
#menu ul li.page_item a {  	
display: block;
color: #fff; 
}

#menu ul li.page_item a:hover {  	
color: #A9F4FF;  
}

/* @end */

/* @group Headers */

h1, h2, h3, h4 {  	
color: #4BC0D9; 
line-height: 100%;
font-weight: normal;
}

h2 {  	
font-size: 2.4em; 
color: #4BC0D9; 
margin: 9px 0;
}

h2 a {  	
color: #4BC0D9;  
}

h3 {  	
font-size: 1.8em; 
color: #c84e26; 
margin: 9px 0; 
}

h3 a {  	
color: #c84e26; 
}

h4 {  	
margin: 25px 0 20px 0; 
text-align: left; 
font-weight: normal; 
color: #4BC0D9; 
}

h4#comments {  
font-size: 1em;
color: #C09F82;	
width: 90%;
margin: 5px auto; 
text-transform: uppercase;
}

/* @end */

/* @group Main */

#content ul.past-years {  
float: right;
margin: 0 0 20px 0;
padding: 9px 18px;
background-color: #f4f5ed;
border: 1px solid #eee;
}

ul.past-years li {  	
border-bottom: 1px solid #ff9d60; 
text-align: center;
padding-bottom: 3px;
}

ul.past-years li a {  
display: block;	
color: #ff0c29;

}

.post {  	
overflow: hidden;
clear: both;
margin-bottom: 20px;
border-bottom: 1px solid #ff9d60;
}

.entry,
.entry.artistes {  
overflow: hidden;	
}

.entry img.map {  	
border: 0; 
}

#content .entry p,
#content .artistes p {  	
padding: 0 0 10px 0; 
text-align: left;
}

.postmetadata {  	
text-transform: uppercase; 
color: #666; 
font-size: 0.9em; 
padding: 5px 0; 
} 

.date {  	
background: url(icons/date.png) no-repeat 0 0;
padding: 3px 5px 3px 20px;
float: right;
}

.comment {  	
background: url(icons/comment.gif) no-repeat 0 0;
padding: 3px 0 3px 20px;  
}

.tags { 
background: url(icons/tag_yellow.png) no-repeat 0 0;
padding: 3px 5px 3px 20px; 	
}

.edit { 
background: url(icons/pencil.png) no-repeat 0 0;
padding: 3px 5px 3px 20px; 	
}

.site { 
background: url(icons/world.png) no-repeat 0 0;
padding: 3px 0 3px 20px; 
}

.audio {  	
background: url(icons/cd.png) no-repeat 0 0;
padding: 3px 0 3px 20px; 
}

blockquote {  	
margin: 10px 30px; 
padding: 0 0 0 5px; 
border-left: 6px solid #238FC0; 
color: #eee; 
}

.alignleft {  	
float: left; 
text-align: left; 
}

.alignright {  	
float: right; 
text-align: right; 
}

.post img {  	
margin: 5px 10px 0 0;
float: left;
border: 8px solid #e2f1f7;
}

#footerContent {  	
padding: 20px;
text-align: center; 
}

#footerContent p {  
font-size: 0.9em;
text-transform: uppercase;
color: #fff; 
}

#footer a  {  
color: #fff; 
}

.copyright {  	
padding-right: 5px; 
}

.connexion { 
padding: 3px 0 3px 20px;
background: url(icons/lock.png) no-repeat 0 50%;  
}

/* @end */


/* @group Programme */

#programme_wrap {  	
position: relative;
margin: 0 auto; 
overflow: hidden;
}

#programme_wrap .programme {  	
float: left;
left: 0;
padding: 0 0 1% 0;
width: 32%; 
margin: 0 1% 1% 0;
overflow: hidden;
}

#content #programme_wrap .entry p {  	
border-bottom: 1px solid #ddd;
padding: 3px 6px; 
}

#content #programme_wrap h2 {  	
font-size: 1em; 
font-weight: bold;
text-transform: uppercase;
color: #cc3300;
line-height: 180%;
padding: 8px 0 3px 12px;
background: url(images/tan.jpg) no-repeat 0 0;
margin-top: 9px;
}

#content #programme_wrap h3 {  
color: #333;	
font-size: 1em;
background: url(images/blue.jpg) repeat-x 0 top;
padding: 3px 5px; 
}

#programme_wrap strong {  	
color: #cc3300;
font-size: 0.85em;
font-weight: bold;
background: url(icons/time.png) no-repeat 0 50%;
padding: 3px 3px 3px 19px;
margin: 0 -5px 0 -5px;
}

#programme_wrap em {  
background: url(icons/highlight.png) no-repeat center;	
font-size: 0.85em;
font-style: normal;
font-weight: bold;
color: #5EB0DF;
padding: 2px;
}

/* @end */

/* @group Comments */

#commentformarea {  	
width: 90%; 
border: 1px dotted #ccc; 
background: #F4F5ED; 
margin: 0 auto 8px auto; 
padding: 8px 10px; 
}

#commentform {  	
margin: 15px 0 10px 40px; 
}

#commentformarea h3 {  	
font-size: 140%; 
font-weight: normal; 
color: #4BC0D9; 
margin: 10px 0 15px 20px; 
}

#commentform p {  	
margin: 0 0 5px 0; 
}

#commentform strong {  	
font-size: 110%; 
color: #000;
}

#commentformarea #commentform input, #commentform textarea {  	
border: 1px solid #A7A6AA; 
background: #fff; 
padding: 3px; 
}

#commentform textarea {  	
width: 420px; 
}

textarea#comment {  	
font-size: 130%; 
}

#commentform input#submit {  	
width: 130px; 
color: #000; 
margin: 5px;
}

.status {  	
width: 90%;
margin: 0 auto; 
font-style: italic;
}

small {  	
font-size: 90%; 
}

ol.commentlist {  	
width: 92%; 
list-style: none; 
margin: 0 auto 30px auto; 
padding: 0; 
font-size: 90%; 
}

ol.commentlist li {  	
margin: 0 0 20px 0; 
padding: 15px; 
border: 1px dotted #ccc;
background: url(images/blue.jpg) repeat-x; 
}

ol.commentlist p.await_mod {  	
color: #f00; 
margin: 0 0 8px 0; 
}

ol.commentlist p {  	
margin: 0 0 10px 0; 
}

ol.commentlist span.cmntmeta {  	
color: #006699; 
}

/* @end */

/* @group Search, Forms */


input#s {  	
width: 440px; 
margin: 0 13px -20px 0; 
border: 1px solid #A7A6AA; 
background: #fff; 
padding: 4px 0; 
color: #ccc; 
text-align: center; 
}

div>input#s {  	
margin-bottom: 0; 
margin-top: 15px; 
}

/* @end */