/* cette nuit j'ai rêvé... css for everyone of us */
/*
/*
/*
/* global ****************** */

* {
border: 0;
margin: 0;
padding: 0;
font: normal 1em/1.4em "trebuchet MS", geneva, helvetica, arial, "bitstream vera sans", sans-serif;
}

html, body {
height: 100%;
}

body {background: #00001a url(../cnjr-imports/bg-stars.gif) 50% 0 repeat-x;}

body.home {background: #00001a url(../cnjr-imports/cnjr-stars.jpg) 50% 50% repeat;}

#flash {
width: 100%; 
height: 100%;
background: transparent url(../cnjr-imports/cnjr-home.jpg) 50% 50% no-repeat;
}

a.entree {
position: absolute;
top: 50%;
left: 50%;
margin: -140px -350px;
display: block;
width: 700px;
height: 280px;
}

a.entree span {display: none;}

#bgsite {
position: relative;
width: 100%;
height: 100%;
background: transparent url(../cnjr-imports/bg-site.jpg) 50% 0 no-repeat;
}

#header {
position: relative;
top: 90px;
width: 600px;
height: 40px;
margin: 0 auto;
}

#global {
position: relative;
top: 205px;
width: 780px;
margin: 0 auto;
}

div.xtra {
}


/*
/*
/*
/* conteneurs ****************** */


#top-content {
width: 620px;
height: 52px;
background: transparent url(../cnjr-imports/cahier-top.png) 0 0 no-repeat;
}

#main-content {
width: 800px;
background: transparent url(../cnjr-imports/cahier-bg.png) 0 0 repeat-y;
}

#bottom-content {
padding-top: 10px;
width: 620px;
height: 52px;
background: transparent url(../cnjr-imports/cahier-bottom.png) 0 0 no-repeat;
}

#menu {
float: left;
margin-left: 45px;
width: 135px;
}

#content {
float: left;
margin-left: 40px;
width: 350px;
font: normal 1em/1.2em baskerville, georgia, times, serif;
}

#column {
float: left;
margin-left: 50px;
width: 150px;
}

#column-body {
/* height: 500px; */
padding-left: 10px;
padding-bottom: 20px;
background: transparent url(../cnjr-imports/bg-column.png) 0 0 repeat-y;
}

#column-end {
width: 150px;
height: 36px;
background: transparent url(../cnjr-imports/bg-column-end.png) 0 0 no-repeat;
}

/*
/*
/*
/* contenu ****************** */

div.smoke {
width: 330px;
height: 40px;
margin-bottom: 18px;
background: transparent url(../cnjr-imports/smoke-center.png) 50% 0 no-repeat;
}

/*
/*
/*
/* contenu menu ****************** */

h2.smoke-left {
display: block;
width: 105px;
height: 65px;
padding-left: 30px;
font-size: 1.5em;
color: #369;
background: transparent url(../cnjr-imports/smoke-left.png) 0 bottom no-repeat;
}

ul {
list-style-type: none;
padding-left: 30px;
margin-bottom: 20px;
margin-top: -5px;
}

li {
font-size: 0.9em;
line-height: 1.85em;
color: #999;
}

li a {
color: #00001a;
}


/*
/*
/*
/* contenu column ****************** */

h2.smoke-right {
display: block;
width: 140px;
height: 40px;
padding-top: 30px;
font-size: 1.5em;
color: #369;
background: transparent url(../cnjr-imports/smoke-right.png) right 0  no-repeat;
}



/*
/*
/*
/* typo ****************** */

a {
color: #369;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

p {
color: #555;
}

p.legende {
width: 120px;
font-size: 0.8em;
font-style: italic;
margin-bottom: 10px;
}

p.footer {
font-size: 0.7em;
margin-left: 226px;
margin-top: 5px;
color: #999;
}

h1.titre {
margin-top: -10px;
margin-bottom: 22px;
font-size: 2.1em;
color: #00001a;
}

h2 {
font-size: 1.2em;
color: #00001a;
}

h3 {
font-size: 1em;
color: #369;
}

#content p {
text-align: justify;
font: normal 1em/1.2em baskerville, georgia, times, serif;
line-height: 1.65em;
margin-bottom: 20px;
}

#content a {
font: normal 1em/1.2em baskerville, georgia, times, serif;
}

#header h1, #header a span {
display: none;
}

#header a {
display: block;
width: 600px;
height: 40px;
}

#content p.infos {
font-style: italic;
margin: 0;
letter-spacing: 0.1em;
}

.small {
font-size: 0.7em;}

em, strong {
font-weight: bold;
font-family: baskerville, georgia, times, serif;
}

hr {
visibility: hidden;
clear: both;
height: 1px;
width: 1px;
}


/*
/*
/*
/* formulaire ****************** */


input, textarea {
width: 300px;
padding: 4px;
border: 1px solid #999;
font-family: "andale mono", courier, monospace;
}

input.send {
width: 100px;
background-color: #369;
color: white;
cursor: pointer;
}

input.send:hover {background-color: #999;}

input.check {width: 20px;}

select {
padding: 4px;
font-size: 1em;
font-family: "andale mono", courier, monospace;
background-color: #fff;
}