*{
margin:0;
border:0;
}
body{
background:#dedede;

}
html{
overflow-y:scroll;
}
#container{
width:880px;
margin:0 auto;
position:relative;
}
#tetiere{
height:157px;width:896px;
}
#tetiere img{
float:right;
display:inline;
}
#bandeau{
height:25px;
background:#000;
width:100%;
}
#bandeau #left{
float:left;
}
#bandeau #left img{
padding:7px 0 0 6px;
}
#bandeau #right{
float:right;position:relative;display:inline;
margin:6px 20px 0 0;
line-height:1px;
}
#bandeau #right img{
margin:0 0 0 9px;
}
sup {
font-size : 60%;
vertical-align: text-top;
}
.cleaner {
clear:both;
height:0;
font-size:1px;
border:none;
background:transparent;
width:1px;
}
.imgBorderBottom{border-bottom:3px solid #000}
.lh1{line-height:1px;}
#conteneurPrincipal{
background:#fff;position:relative;border-bottom:3px solid #000;
}
.principal{position:relative;height:1%}
#imgTitre{position:relative;height:256px;}
#conteneurTitre{height:53px;position:relative; background:url(images/filetTitre.png) no-repeat bottom;width:358px}
.contenu h1{width:358px;position:absolute;bottom:0;line-height:1.25em;font-size:24px;padding:0 0 8px 20px;font-weight:normal}
.top1, .top1bis{
float:left;line-height:1px;position:relative;
}
.top2{float:right;position:relative;height:256px;}
#imgBottom{line-height:1px;margin-top:20px;}
#imgBottom img{border-top:3px solid #000;border-right:1px solid #fff}
#imgBottom img.last{border-top:3px solid #000;border-right:0}


#menu{
width:160px;
line-height:0;
border-bottom:3px solid #000;
position:absolute;
top:0;left:0;
}

#accroche{
font-size:30px;font-style:italic;color:#969696;border-top:4px solid #000;
position:absolute;bottom:-3px;right:0;width:320px;height:117px;background:#fff;
}
#accroche p{padding:15px 0 0 20px;margin:0}
.contenuLeft{float:left;width:160px;}
.contenuRight{float:right;width:200px;position:relative}
.contenu{margin:0 200px 0 160px;}
p.chapeau{margin:19px 25px 18px 0;padding:0;font-size:21px;font-style:italic;color:#969696;line-height:1.25em}
.contenu .texte{margin:0 25px 0 0;text-align:justify}
.contenu .texte p{margin-bottom:18px;line-height:1.3em}
.contenu .texte p.citation{color:#969696;font-style:italic;text-align:justify}
.contenu .texte span.desc{color:#969696;width:150px;display:block;float:left}
.contenu .texte span.descb{color:#969696;}
.contenu .texte p.filetTexte{padding-top:7px;margin-bottom:7px;background:url(images/filetTexte.png) no-repeat}
.contenu .texte p.filetTexteBottom{background:url(images/filetTexte.png) no-repeat 0 0;margin-bottom:12px;padding:0;line-height:1px}
.complement{color:#820000;width:180px;}
.complement .titre{font-size:18px;background:url(images/filetComplement.png) no-repeat bottom;padding-bottom:10px}
.complement .texte{margin:12px 0;font-size:12px;line-height:1.4em;text-align:justify}
#imageContainer {height:516px;width:880px;overflow:hidden}
/*contact*/
#contact{width:385px;padding:14px 0 0 40px;overflow:hidden;position:relative}
#complementContact{padding:180px 0px 0 7px;font-size:12px;color:#820000;line-height:1.4em}
#complementContact a:link, #complementContact a:visited{color:#820000;text-decoration:none}
#complementContact a:hover{color:#820000;text-decoration:underline}
.contenuContact{margin:0 260px 0 160px;position:relative}
.contenuContactRight{float:right;width:240px;position:relative;line-height:1px;height:1%;}
#contact h1{color:#820000;line-height:1.25em;font-size:24px;padding:0 0 8px 0;font-weight:normal;background:url(images/filetContact.png) no-repeat bottom}
div.chapeauContact{width:320px;margin:22px 0 18px 0;padding:0 0 18px 0;font-size:18px;color:#969696;line-height:1.25em;background:url(images/filetContact.png) no-repeat bottom}
div.chapeauContact div{font-size:12px;padding-top:10px}
div.chapeauContact div a:link,div.chapeauContact div a:visited{color:#969696;text-decoration:none}
div.chapeauContact div a:hover{color:#969696;text-decoration:underline}
#contact form{padding:0;margin:0;font-size:12px;}
#contact .libelle {
float: left;
width: 76px;
margin: 0;
border:0;
padding:2px 0 0 0;
}
#contact .input{
float:right;
width:240px;
margin:0;padding:2px;border:0;
font-size:12px;
background:#e5e4e1;
font-family:Arial, Helvetica, sans;font-size:12px;
}
#contact textarea{overflow:hidden;padding:2px;width:240px;background:#e5e4e1;height:80px;font-family:Arial, Helvetica, sans;font-size:12px;}
#contact .champ{margin:10px 0;clear:left;position:relative;overflow:hidden}
#contact .champ2{margin:3px 0;clear:left;position:relative;overflow:hidden}
#contact .champ span{color:#969696}
#contact .submit{background:none;font-family:"Times New Roman","Times";color:#820000;font-weight:bold;cursor:pointer}
#contact .valider{margin-right:-10px;padding:5px 0}

/*acces*/
.contenuAccesLeft{float:left;width:400px;line-height:1px;}
.contenuAcces{margin-left:400px;padding-top:15px;position:relative;line-height:1.4em;height:743px}
.contenuAcces .acces{width:415px;padding-left:35px}
.contenuAcces h1{color:#820000;line-height:1.25em;font-size:24px;padding:0 0 8px 0;font-weight:normal;background:url(images/filetAcces2.png) no-repeat bottom}
div.chapeauAcces{margin:22px 0 5px 0;padding:0 0 10px 0;font-size:18px;color:#969696;line-height:1.25em;}
.contenuAcces dl{font-size:14px}
dt{color:#820000;font-weight:bold;margin-top:8px;}
dd{padding-bottom:8px;background:url(images/filetAcces2.png) no-repeat bottom}
dd.last{padding-bottom:0;background:none}

/*footer*/
#footer{font-size:.75em;padding:3px 0 30px 0;clear:both;text-align:justify}
#footer #fleft{float:left}
#footer #fright{float:right}
#footer a:link, #footer a:visited{color:#969696;text-decoration:none}