@import url('reset.css');  
@import url('text.css');
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, audio, dialog, figure, hgroup, menu, section {  
     display: block;  
}
/*RSS Icon based on Andres Antonio http://www.iconfinder.net/icondetails/34370/64/?q=rss */

body {background:#cab78f;}


#header {height:240px; width:100%; background: url(design/head_barre.jpg) repeat-x;}
h3 {text-indent:10px;}
h1{text-indent:-9000px; height:100%; width:250px; background: url(design/head_logo.jpg) no-repeat; position:relative; left:140px;}

nav {width:100%; height:74px; background: url(design/menu_barre2.png) repeat-x; z-index:10; position:absolute; top:200px; text-align:center;}
nav ul{width:950px; margin:auto; padding-left:100px;}
nav ul li {width:auto;margin-right:23px;float:left; position:relative; top:25px;}


footer{clear:both; height:184px; width:100%; background: url(design/footer_barre2.jpg) bottom repeat-x; margin:0; padding:0;}
footer div {margin:auto;width:80%;}
footer section {width:30%; float:left; margin-top:20px; margin-left:10px;}

#intro {clear:both;height:218px; width:100%; background: url(design/intro_barre.jpg) center bottom repeat-x; padding-top:20px;}
#intro div {width:950px; margin:auto;}
#intro p {font-weight:bold;}

h2{width:300px; height:218px; margin-top:-25px; margin-left:-10px; text-indent:-9000px; float:left;}
h2#accueil {background: url(design/accueil.png) bottom no-repeat;}
h2#videos {background: url(design/videos.png) bottom no-repeat;}
h2#photos {background: url(design/photos.png) bottom no-repeat;}
h2#musiques {background: url(design/musiques.png) bottom no-repeat;}
h2#extranarchie {background: url(design/extranarchie.png) bottom no-repeat;}
h2#historique {background: url(design/historique.png) bottom no-repeat;}
h2#premiereVisite {background: url(design/premiereVisite.png) bottom no-repeat;}
h2#confrerie {background: url(design/confrerie.png) bottom no-repeat;}
h2#anarshop {background: url(design/anarshop.png) bottom no-repeat;}
h2#membres {background: url(design/membres.png) bottom no-repeat;}
h2#dessins {background: url(design/dessins.png) bottom no-repeat;}
h2#photos {background: url(design/photos.png) bottom no-repeat;}
h2#f120032004 {background: url(design/f120032004.png) bottom no-repeat;}
h2#f120042005 {background: url(design/f120042005.png) bottom no-repeat;}
h2#f120052006 {background: url(design/f120052006.png) bottom no-repeat;}
h2#soirees{background: url(design/soirees.png) bottom no-repeat;}
h2#sessions{background: url(design/sessions.png) bottom no-repeat;}
h2#compilations{background: url(design/compilations.png) bottom no-repeat;}
h2#courtsMetrages{background: url(design/courtsMetrages.png) bottom no-repeat;}
h2#nawak{background: url(design/nawak.png) bottom no-repeat;}
h2#photomontages{background: url(design/photoMontages.png) bottom no-repeat;}
h2#inclassables{background: url(design/inclassables.png) bottom no-repeat;}

#content {clear:both; margin:auto; padding-top:40px; width:90%;}

section div{margin-bottom:20px;}

img.flux_rss {position:relative; top:-25px;}

.photoFlickr img{width:950px; height:534px; border:solid 2px black;}
.photoFlickr img:hover{border:solid 2px green;}
.photoFlickr p {margin-top:1em;}


table {border-collapse: collapse;}
td {vertical-align:middle; height:200px; padding:5px 20px 30px 0px;}
td img {border:2px solid black;} 
td:first-child{background:url(design/content_miniature2.jpg) no-repeat; text-align:center;}
tr:first-child{background:none;}

object.dewplayer {height:20px; width:155px; padding:0; margin:0; background:none; margin-left:-19px; position:relative; left:17px;}

.accueil { /*float:left;*/ padding-bottom:50px; text-align:center;}

iframe {width:700px; height:700px; margin:20px 0px 0px 0px; border:2px solid black;}
.iframe {text-align:center;}

.original{text-align:center;}

ul.liste {margin-top:2px;margin-bottom:40px;}
.liste  li{margin-top:2px;}

#news {background:url(design/totorlebeau.jpg) no-repeat right bottom; height:300px;}
#news li{margin-top:2px;}
#updates {margin-left:50%;}

header {margin-bottom:1em;}

#introduction{margin-top:-30px;}

html, body {
    height: 100%;
}
#content {
    position: relative;
    min-height: 50%;
	width:90%;
	min-width:960px;
	max-width:2000px;
}

a .download {border:none; position:relative; top:5px; left:15px;}

.projet {margin-bottom:28px; }

.themes {padding-left:180px; height:140px;}
.courts-metrages {background:url(design/courtsmetragesSeul.png) no-repeat left top;}
.compilations {background:url(design/compilationsSeul.png) no-repeat left top;}
.nawak {background:url(design/nawakSeul.png) no-repeat left top;}
.photosF1{background:url(design/f120032004Seul.png) no-repeat left top;}
.photosF1s {background:url(design/f120042005Seul.png) no-repeat left top;}
.photosF1ts {background:url(design/f120052006Seul.png) no-repeat left top;}
.photosSoirees  {background:url(design/soireesSeul.png) no-repeat left top;}
.photosSessions {background:url(design/sessionsSeul.png) no-repeat left top;}
.photosInclassables {background:url(design/inclassablesSeul.png) no-repeat left top;}