/* CSS picture - Clerc&Net 02/2005 */

/*** undo default browser styles
******************************************************************/
body, html, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, form, fieldset, input, ul, ol, li, dl, dt, dd {margin: 0; padding: 0;}

ul, ol {list-style: none;}

h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em;}

a img, :link img, :visited img, object {border: none;}

:link, :visited {text-decoration: none;}

address {font-style: normal;}

fieldset {border: none;}

/*** reset some basic style
******************************************************************/
p, object, ul, dl {margin-bottom: 1em;}
dd li {margin: 0.2em 0 0.2em 1em; list-style: disc;}

/*** major document sections
******************************************************************/

/*** body
*********************************/
body {
 background: #fff;
 color: #3382c7;
 font-family: verdana, sans-serif;
 font-size: x-small;
 text-align: center;
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: small;
}

.dummy {} /** déclaration factice */

/*** container-outer
*********************************/
#pagewidth {
 width: 600px;
 text-align: left;
}

/*** header
*********************************/
#header {
 height: 96px;
 width: 600px;
 background: #fff url(/media/bandeau-diaporama.gif) no-repeat top left;
}

/*** main
*********************************/
#main {
 padding-top: 2em;
 font-size: 85%;
}

#main .content {padding-left: 2em;}
/*** footer
*********************************/
/* commented backslash hack v2 \*/
#footer {
 width: 98%;
 position: absolute;
 left: 0px;
 bottom: 0px;
 padding: 0.5em 0;
 text-align: right;
}
/* end hack */


/*** nav-main
*********************************/
#nav-main {
 float: right;
 padding-right: 20px;
 list-style-type: square;
 color: #c0c0c0;
}

/*** pictures
*********************************/
#pictures {
 float: left;
 width: 500px;
 text-align: center;
}

#pictures div {
 margin-bottom: 40px;
}

#pictures img {
 display: block;
 margin: 0px auto 10px auto;
}

#pictures p {
 padding-left: 10px;
}

/*** common.js
*********************************/
#top {display: block;} /* safari */

#link_top {padding-left: 2em; font-size: x-small;}

/*** minor document sections
******************************************************************/
.clear {clear: both;}

p.top {
 padding: 5px 30px 0px 0px;
 text-align: right;
}

/*** specific tags
******************************************************************/

/*** a
*********************************/
a:link, a:visited {color: #c6a57a;}
a:focus, a:hover {text-decoration: underline;}

/*** h
*********************************/
h1 {text-indent: -700em;} /* header */

/*** media
******************************************************************/
@media screen {
        .hidden {
         display: none;
        }
}

@media print {
        #visuel a.crochet {
         display: none;
        }
}