@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 */

/*Hack PNG for transparency into Internet Explorer 6, http://blog.bjorkoy.com/2006/12/12/flawless-and-fast-png-support-in-ie6 */
img { behavior: url(iepngfix.htc);}


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); 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{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:33%; float:left; margin-top:20px;}

#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#superMontages{background: url(design/superMontages.png) bottom no-repeat;}
h2#courtsMetrages{background: url(design/courtsMetrages.png) bottom no-repeat;}
h2#videoDelires{background: url(design/videoDelires.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;}

dt.photoDuMoment img{width:500px; border:solid 2px black;}
dt.photoDuMoment img:hover{border:solid 2px green;}

table {border-collapse: collapse;}
tr {margin-bottom:30px; padding-right:10px;}
td {vertical-align:middle; height:200px; padding:5px 20px 5px 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;}
/*commentaire{background:url(design/content_trait2.jpg) bottom center no-repeat;}*/

object.dewplayer {height:20px; width:200px; padding:0; background:none;}

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;}

.accueil {background:url(design/nouveau.jpg) no-repeat top right;}

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 li{margin-top:2px;}

header {margin-bottom:1em;}

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