/* ----------------------------------------------------------------- */
/* >>> GLOBAL */

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; 	border: 0;
}

body {
  background: #000 url(images/bg.png) center top no-repeat;
}

#main {
  background: transparent url(images/bg-repeat.png) center top repeat-y;
	margin: 0 auto;
	width: 782px;
}

img { display: block; }

/* ----------------------------------------------------------------- */
/* >>> TYPO and HEADINGS */

body {
	font: 75%/1.4em "Liberation Sans", "Arial", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

a, a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { display: none; }
h2 { font-size: 1.5em; margin: 0; }
h3 { font-size: 1.17em; margin: .83em 0; }
  .rub1 h3 { color: #72ABC2; }
  .rub2 h3 { color: #9FC421; }
  .rub3 h3 { color: #ECB300; }
  .rub4 h3 { color: #2F2F2F; }

h4 { font-size: 1em; margin: 1.12em 0; }
h5 { font-size: .83em; margin: 1.5em 0; }
h6 { font-size: .75em; margin: 1.67em 0; }

#content p { text-align: justify; }
#content p.spip { text-indent: 1em; }
#nav a { font-size: 0.9em; }

/* ----------------------------------------------------------------- */
/* >>> FORMS */

  legend { font-weight: bold; margin-bottom: 1em; }
  label { cursor: pointer; }

  #content fieldset p { margin: 0 .33em; }

    #content label {
        float: left; text-align: right;
        font-size: 0.9em;
        width: 30%; margin-right: 2%;
    }
    #content .forml { border: inset 2px #ddd; width: 60%; }
    #content .spip_bouton input {
        margin-top: 1em; margin-left: 32%; padding: 1px 3px;
    }

/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header {
  background: transparent url(images/header.png) left top no-repeat;
  height: 223px;
}

/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content {
  float: right;
  width: 505px;
  margin: 20px 75px 0 35px;
}

  #content p { margin: 0.5em 0; }
  #content p.lire-la-suite { float: right; margin: 0; }
  #content p.retour { float: right; margin: 10px 0 0 0; }

  ul.spip li {
    list-style: disc inside;
    margin-left: 10px;
  }

  .filet-titre {
    position: relative;
    right: 34px;
    margin-bottom: 30px;
  }

  #content .portfolio {
    margin: 1em 0 1em 40px;
  }

  .galerie {}
    .galerie li {
      float: left;
      list-style: none none inside;
      margin: 0 2px 5px;
    }

    .galerie .with-margin { margin: 0 10px; }

/* ----------------------------------------------------------------- */
/* >>> NAV */

#nav {
  background: transparent url(images/menu-haut.png) left top no-repeat;
  float: left;
  width: 149px;
}

  #nav-main {
    margin: 0 0 0 10px;
    padding-top: 22px;
    width: 130px;
  }

    #nav-main dt { margin-bottom: 4px; }
      #nav-main a {
        display: block;
        text-decoration: none;
      }

      #nav-main dt a {
        width: 130px;
        color: #FFFFFF;
      }

      #nav-main a.nav-1 { background-color: #D4D4D4; }
      #nav-main a.nav-1:hover, #nav-main dt.current a.nav-1 { background-color: #72ABC2; }

      #nav-main a.nav-2 { background-color: #B6B6B6; }
      #nav-main a.nav-2:hover, #nav-main dt.current a.nav-2 { background-color: #9FC421; }

      #nav-main a.nav-3 { background-color: #777777; }
      #nav-main a.nav-3:hover, #nav-main dt.current a.nav-3 { background-color: #ECB300; }

      #nav-main a.nav-4 { background-color: #2F2F2F; }

    #nav-main dd { margin-bottom: 4px; }
      #nav-main dd li {
        display: inline;
        list-style: inside none none;
      }

      #nav-main dd a {
        background-color: #FFF; color: #000;
        width: 125px;
        padding-left: 5px;
      }
      #nav-main dd.nav-1 a:hover { background-color: #98AEB5; }
      #nav-main dd.nav-2 a:hover { background-color: #A5B278; }
      #nav-main dd.nav-3 a:hover { background-color: #E2BC47; }

/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer {
  background: transparent url(images/footer.png) left top no-repeat;
  clear: both;
  height: 188px;
}

/* ----------------------------------------------------------------- */
/* >>> MISC */

.spacer { clear: both; }

.spip_documents img, .logo {
    margin: 10px auto 5px;
    padding: 1px;
    border: 1px solid #B6B6B6;
}
.spip_documents_center { display: block; text-align: center; }
.spip_documents_left { float: left; margin-right: 25px; }
.spip_documents_right { float: right; margin-left: 25px; }
.spip_documents_left, .spip_documents_right { margin-bottom: 10px; }

/* ----------------------------------------------------------------- */
/* >>> HIGHSLIDE */

.highslide {
	cursor: url(images/highslide/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
  padding: 1px;
	border: 1px solid #B6B6B6;
}
.highslide:hover img {
	border-color: #777777;
}
.highslide-active-anchor img, .highslide-active-anchor:hover img {
  display: none;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(images/highslide/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(images/highslide/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(images/highslide/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(images/highslide/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-move a {
	cursor: move;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}
/* ----------------------------------------------------------------- */