@font-face { font-family : 'Filature_500'; src: url('/fonts/Filature-Medium.ttf'); }
@font-face { font-family : 'Platelet'; src: url('/fonts/Platelet.ttf'); }
/* @font-face { font-family : 'Filature_800'; src: url('fonts/Filature-Bold.ttf') format('truetype'); }*/

body, div, p, table, td, form, ul, li, ol, h1, h2, h3, h4, h5, h6, a, figure, figcaption, nav {
	font-family: 'Platelet', Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size:1em;
}
p#avert {color:#FFF;}
a {text-decoration:none; color:#EB690B;}
body, html { background:#000; }
#page { z-index:1000; position:relative; width:980px; height:850px; margin:100px auto 0; /* background:url(fond-global.gif) no-repeat;*/}
#page img#fond { position:absolute; right:0; top:0; z-index:-10;}
ul, li { list-style:square;}

nav {  border:0px solid red; width:150px; float:right; margin:150px 10px 0 0; font-size:1em; }
nav ul, nav li{ list-style:none }
nav li { background-color:#000; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:10px; margin:5px; padding:5px; text-align:center;}
nav li:nth-of-type(n+1) {-webkit-transform: rotate(3deg);}
nav li a { color:#FFF; font-weight:bold; text-transform:uppercase; }
nav li a.on { color:#EB690B;  }


figure{   border:0px solid green; /*-webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);*/ float:right; margin:150px 40px 0 0; }
figcaption { position:relative; border:0px solid blue;  font-size:0.7em;display:block; width:100px; height:52px; overflow:visible;}
figure a.miniatures { float:left; }
figure a.miniatures img { padding:2px;}
figure a.miniatures.on img { padding:0; border:2px solid #EB690B}
/*figure a.miniatures-paginate { padding:3px; display:block; width:10px; color:#000; background:#BFBFBF; margin:0 0 5px 50px;overflow-y: scroll }*/
figure a.paginate { padding:3px 3px 3px 8px; width:10px; height:15px; color:#000; background:#BFBFBF; display:block; float:left; margin:0 0px 5px 5px}
figure a.paginate.on { background:#EB690B}


#contenu { width:580px; height:650px; overflow:hidden; border:0px solid red }
#contenu img { padding-left:48px; padding-top:48px; }
#contenu .content { margin:100px 0 0 60px; }

#anim { width:1060px; height:820px; margin:20px auto; border:0px solid #fff;}
#anim p, span{ margin: 300px auto 0; text-align:center; }


.titre { font-weight:bold; font-size:16px; color:#EB690B;}
.orange { color:#EB690B;}
.red { color:red;}