/* Les liens
-------------------------------------------------------- */
a {
text-decoration: none;
}

a:link {
color: #33CCFF;
text-decoration: none;
}

a:active {
color: #33CCFF;
text-decoration: none;
}

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

a:visited {
color: #2589C5;
text-decoration: none;
}

/* Structure globale
-------------------------------------------------------- */
body {
background-color: #2589C5;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, San Serif; 
font-size: 13px;
line-height: 1.5em;
color: #CCCCCC; 
text-align: center;
margin: 0;
padding: 0;
}

#page {
background-color: #11415D;
border: none;
width: 80%;
min-width: 800px;
max-width: 1500px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}

#main {
background-color: #000000;
width: 81%;
text-align: justify;
float: right;
}

table {
border-collapse: collapse;
}

td, th {
padding: 0;
margin: 0;
}

h1 {
font-size : 1.5em;
}

h2 {
font-size : 1.4em;
}

h3 {
font-size : 1.3em;
}

.title {
font-size: 24px;
text-align: center;
padding: 10px 0 20px 0;
line-height: 1.5em;
}

.title2 {
font-size: 20px;
text-align: center;
padding: 10px 0 20px 0;
line-height: 1.5em;
}

.smalltext {
font-family: Tahoma, Arial, Helvetica, San Serif;
font-size: 11px;
font-weight: normal;
text-align: center;
}

.barre {
background: transparent url(img/blueline.gif) repeat-x;
height: 3px;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

img {
border: none;
}

input,textarea {
border: 1px solid #474747;
}

textarea {
width: 100%;
font-size: 1em;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* Bannière
-------------------------------------------------------- */

#header {
width: 80%;
min-width: 800px;
max-width: 1500px;
margin-left: auto;
margin-right: auto;
background: transparent url(img/genie.jpg) left top repeat-x;
height: 120px;
}

.bgtitle {
height: 120px;
}

.space {
background: transparent url(img/bgtitle.jpg) repeat-x;
width: 5px;
height: 120px;
}

.banner {
background: transparent url(img/rimbaud-epe.gif) right top no-repeat;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
height: 120px;
}

/* Barre de navigation
-------------------------------------------------------- */

#nav{
height: 20px;
margin: 0;
padding: 0;
background: url(img/bluetitle.jpg) left top repeat-x;
}

#navsidebar{
height: 20px;
margin: 0;
padding: 0;
background: url(img/bluetitle.jpg) left top repeat-x;
text-align: center;
}

#navbottom {
height: 20px;
margin: 0;
padding: 0;
background: url(img/bluetitle.jpg) left top repeat-x;
text-align: center;
}

.navtitle{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

/* Le contenu
-------------------------------------------------------- */

#content {
background-color: #000000;
padding: 10px;
}

#sidebar {
width: 19%;
max-width: 250px;
min-width: 145px;
float: left;
margin: 0;
padding-bottom: 4em;
background-color: #11415D;
}

#sidebar div ul{
list-style-type: disc;
}

#sidebar h2, #sidebar h3 {
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 20px;
width: 100%;
background: url(img/bluetitle.jpg) left top repeat-x;
}

#sidebar div#recherche{
background: transparent;
color: inherit;
}

#recherche fieldset, #recherche p{
margin: 0;
padding: 0;
text-align: center;
}

#query{
padding-left: 18px;
background: #FFFFFF url(img/q.png) no-repeat 4px center;
}

/* Le pied de page
-------------------------------------------------------- */

#footer div{
padding: 10px;
}

.bgfooter {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
}