/* 

THIS IS A COMPLETE MESS 

*/

pre  {display:none;}
body {background:url(../img/bg_top-p.gif) no-repeat top left;
color:#571100;font-size:10px;font-family:'Lucida Grande','Lucida Sans Unicode', 'Lucida Sans', Lucida, Verdana , Arial;
margin:0;padding:1em 0 2em 2em;min-width:97em;}

html {background:#fff;}
* {margin:0;padding:0;}
a img {border:0 none;}
a {text-decoration:none;color:#571100;}
a:hover {text-decoration:underline;}
p a {text-decoration:underline;}
p {font-size:1.2em;margin:0 0 1em 0;}
blockquote {margin-left:0;color:#555;}
h1, h2, h3, h4 {font-family:'Helvetica Neue', Arial;}
h1 {font-size:2em;margin:0 2em 1em .5em;}
h2 {font-size:1.9em;padding-left:10px;margin:.3em 0;}
h3 {font-size:1.6em;margin:.6em 0;}
h3 small {font-size:.7em;display:block;}
h3 small a {color:#fff;}
h4 {font-size:1.1em;margin:0 0 1em .2em;color:#555;}
ul {margin:0 0 1em 0;line-height:1.6em;list-style:none;}
li a {text-decoration:underline;color:#000!important;padding:0 0 0 1.4em;font-size:1.2em;}

.article li {display:inline;margin:0 .4em 0 0;}
.article li a {text-decoration:none;font-size:1.1em;padding:.2em .3em .3em 1.8em;color:#ff570;background:#ff6c20 url(../img/mp3.gif) .3em center no-repeat;}
.article li a:hover {background:#fff url(../img/mp3.gif) .3em center no-repeat;}

#main {float:left;width:64%;}
#main .un {width:35%;}
#main .deux {width:60%;top:-4.4em;position:relative;}
#main .deux .article {padding-left:1.2em;border-top:0 none;}
#main .top {width:100%;}
#main .event {float:left;width:29%;}
#main .sticky {background-color:#FF5700;}
#main .sticky p {line-height:1.5em;}

.un {width:24%;margin:0 1em 0 0;}
.deux {width:37%;margin:0 3em 0 0;}
.trois {width:14%;margin:0 0 0 0;padding:3em 0 0 0;}
.quatre {width:55%;margin:0 1em 0 0;}
.cinq {width:75%;margin:0 1em 0 0;}

.imgsw_toplevel {float:left;width:460px;}
.imgsw_viewport img {width:460px;padding:5px 5px 5px 5px;background:#fff;}
.imgsw_list_thumbnails {padding:0 5px;}
.imgsw_list_thumbnails img {padding:0 5px 5px 0;}

.picsun {width:39%;}
.picsdeux {width:55%;}

.column {float:left;}
.rowed {width:100%;float:left;overflow:hidden;margin:2em 0 0 0;}
.demi {float:left;width:40%;margin:0 1em 0 0;}
.pics {margin:0 1em 0 0;}
.article {overflow:hidden;border-top:0px solid #ff6c20;padding:0 1em 1em 1em;}
.rowed .article {height:10em;float:left;width:20%;}
.fiche {border-right:1px solid #ff6c20;float:left;width:25%;max-width:25.7em;overflow:hidden;padding:0 1em 0 1em;margin:0 0 1em 0;}
.flickr  {overflow:hidden;padding:0 1em 0 1em;}
.vimeo   {overflow:hidden;padding:0 1em 0 1em;}

.un a {color:#fff;}
.un p a:hover {color:#571100;}
.un p {font-size:1.1em;}
.deux a {color:#571100;}
.deux p {text-align:justify;color:#000;font-size:1.2em;}
.deux p a {color:#000;text-decoration:underline;}
.quatre a {text-decoration:underline;}
.quatre h3 a {text-decoration:none;}
.trois h2 {color:#fff;}
.quatre h2 {color:#fff;font-weight:normal;}
.un h3 {font-weight:normal;}
.trois h3 a {font-weight:normal;line-height:1.2em;}
h1 a {padding:.1em 0 0 0;margin-right:.5em;color:#000;}
h1 a.selected {border-top:.4em solid #fff;font-weight:bold;color:#fff;}
h1 a#sitename.selected {border-top:.4em solid #fff;}
a#sitename {color:#fff;font-weight:bold;}
h2 a {color:#571100;}
h2 a.selected {color:#fff;}
.pics h2 {padding:.3em 0 .2em .6em;}
.pics h3 small {color:#571100;}
.pics h3 a {color:#fff;}
.fiche h3 a {color:#571100;}
.sticky h3 {color:#fff;}
.trois .sticky p {font-size:1.1em;}
.fiche a img {background:#ff6c20;}
.fiche a:hover img {opacity:.6;}
.fiche:hover h3 a {color:#fff;}
img.partner {float:left;margin:.1em 1em 2em 0;}

.splash {background:#fff;width:93%;overflow:hidden;padding:0 1em 1em 0;margin:0 1em 1em 1em;height:29em;}
.splash img {}

.pics .setpreview {width:18%;height:28em;float:left;padding:0 0 1em 0;overflow:hidden;margin:0 0 2em 1em}
.flickrsetnav {margin-left:.6em;} .flickrsetnav a {text-decoration:underline;}
.flickr_slideshow a {text-decoration:underline;}
.img_description {margin-top:1em;}
.flickr_thumbnails_description {margin-top:3em;}
.pics .videoplayer {padding:0 0 0 1em;}

.setpreview h3, .flickr h3, .vimeo h3 {
top:-2.7em;
position:relative;
background:#FF5700;
padding:.4em .4em .4em 0;
width:60%;
margin-bottom:-1.2em;
}

.pics .flickrset, .individual
{padding:0 1em 1em 1em;overflow:hidden;margin:0 0 1em 0;}


h4.number_of_photos {}
p.flickr_slideshow {display:inline;}
hr {display:none;}
.shutup {clear:both;}
.line {border-top:1px solid #ff6c20; margin:0 1em;padding: 0 0 .6em 0;}

.article:hover {background:;}
.date {display:none;}
.article:hover .date {display:inline;font-weight:normal;}

.imghold {max-width:240px;height:120px;overflow:hidden;background:#571100;}
.flickr:hover .imghold, .vimeo:hover .imghold {background:#ff6c20;}
.thumbnail:hover img, .imghold img {filter:alpha(opacity=20); -moz-opacity:.20; opacity:.2;}
.flickr:hover .imghold img,.vimeo:hover .imghold img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.thumbnail:hover {background:#571100;}

.quatre .article {font-size:1.2em;}
.quatre .article h3 a {color:#000;font-size:.9em;background:#ff6c20;}
.quatre .article h3 small {display:inline;opacity:.6;}
#bio {padding-top:1em;margin-right:2%;max-width:32em;}
#bio p+p {font-size:1.1em;text-align:justify;clear:both;}
#bio.article {border-top:0 none;}
#bio.article:hover {background:none;}
#bio img {float:left;margin:0em .8em .3em 0;width:100px;color:fff;padding:.2em;border:1px solid #ff6c20;}

#main .deux .article, #main .deux .article a {color:#000;}
.trois .article {border:0 none;}
.bio a img {width:3.4em;float:left;margin: .2em .6em 0 0;border:1px solid #fff;}
.bio h4 {font-size:1.4em;margin: .6em 0 0 3.2em;font-weight:normal;}
.bio h4 a {color:#571100;}
.bio h4 a:hover {color:#fff;}


.flickr p {display:none;}
.flickr p+p {display:inline;}
.flickr p+p+p {display:none;}

.vimeo p+p {display:none;}
.vimeo img {width:240px;}

.mp3 {margin:0 1em 2em 1em;padding:0;border-top:1px solid #ff6c20;}


.date_list .event {float:left;width:22%;height:10em;}
.date_single .event {float:left;width:100%;min-height:9em;font-size:1.6em;margin:0 0 1em 0;}
.date_single .article {padding-left:.7em;font-family:'Helvetica Neue', Arial;}

.more {color:#571100;padding: .4em 1em 1em 1em;clear:both;}
.more a {color:#571100;text-decoration:underline;}
p.pblock {margin:0;}
.event p {margin:0;font-size:1.1em;}
.event h3 a {color:#fff;font-weight:bold;}
.date_single .event h3 a {color:#571100;}
.event h3 a, .event h3 {margin:.4em 0 .2em 0;display:block;}