@import url(reset.css);

html { font-size: 100%; }

body {
 font: 0.85em/1.3em "Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
 color: white;
 text-align: center;
 background: black url(images/extensible.jpg) center top repeat-x;
}

#global {
 position: relative;
 top: 0;
 padding-top: 1px;
 margin: 0 auto;
 width: 921px;
 text-align: left;
 background: transparent url(images/accueil.jpg) top center no-repeat;
}

#id2 #global {
 background-image: url(images/extraits.jpg);
}

a { text-decoration: none; color: white; border-bottom: 0px dotted #CD8DA7}
a:hover { text-decoration: none; color: grey; }




/* Menu */

#logo {
 display: block;
 width: 921px;
 height: 150px;
 margin-top: 0;
}


#bdc {
}

#bdc a {
 display: block;
 width: 921px;
 height: 270px;
 margin-top: -485px;
}

#bdc span,#logo span {
 position: absolute;
 left: -5000px;
}


/* Zone de contenu */

#main {
 margin: 610px 30px 0;
}


#main h1 {
 font-size: 3em;
 text-align: center;
 margin: 45px auto;
 color: white;
 text-transform: uppercase
}

#main h1 span {
 font-size: 12px;
 text-align: center;
 display: block;
 margin-top: 10px;
 color: #F60001;
}


#main h2 {
 font-size: 1.2em;
 font-weight: bold;
 margin: 20px 30px 20px;
 color: white;
}

#main h3 {
 text-align: center;
 font-size: 1.1em;
 font-weight: bold;
 margin: 30px 0;
 color: #B4537C;
}


#main p {
 margin: 10px 0;
 font-size: 1.2em;
 line-height: 1.3em;
 text-align: justify;
}


#main li {
 line-height: 1.3em;
 margin-left: 4em;
 list-style-type: square;
}

/* extraits */

#id2 #main {
 margin: 190px 30px 0;
}

#id2 #main h1 {
 font-size: 2em;
 text-align: left;
 margin: 40px auto 20px 30px;
 color: #BFBFBF;
 padding-bottom: 4px;
}

#main .extrait p {
 font-size: 1em;
 margin: 10px 30px;
}

#main .extrait img {
 float: right;
 margin: 0px 30px 10px 10px;
}

#main p.nav {
 text-align: right;
 color: #6D0000;
 font-size: 11px;
 margin: 20px 30px 0 auto
}

#main p.nav a {
 color: #F60001;
}

#main p.nav a:hover {
 color: white;
}

/* Footer */

#footer {
 position: relative;
 border-top: 1px red solid;
 height: 100px;
 margin: 50px 30px 30px;
 font-size: 12px;
}

#footer #credit {
 position: absolute;
 width: 200px;
 top: 5px;
 right: 0;
 text-align: right
}

#footer #contact {
 position: absolute;
 width: 200px;
 top: 5px;
 left: 0;
 text-align: left
}