body{
margin: 0;
padding: 0;
background-image: url(img/bg_top.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

/* LAYOUT */
#wrapper-shadow{
width: 812px;
margin: 0 auto;
background: url(img/bg_main.png) center top repeat-y;
}
#wrapper{
width: 812px;
margin: 0 auto;
background: url(img/bg_header.png) left top no-repeat;
}
#main_menu_bg{
float: left;
margin-left: 27px;
width: 200px;
background: url(img/mainmenu_bg.jpg) left top repeat-y;
}
#main_menu{
background: url(img/mainmenu_shadow.png) left top no-repeat;
min-height: 570px;
}
#main_content{
margin-left: 227px;
margin-right: 14px;
}
#footer{
clear: both;
height: 120px;
background: url(img/bg_footer.png) left top no-repeat;
text-align: center;
color: #FFFFFF;
}
/* menu elements */
#quick_menu{
margin: 0 auto;
padding-top: 15px;
width: 125px;
}
#logo{
margin: 0 auto;
width: 190px;
height: 200px;
}
#news{
margin: 0 auto;
width: 151px;
}
/* content elements */
#header{
height: 116px;
}
#top_menu{
height: 35px;
text-align: right;
}
#top_menu ul{
list-style-type: none;
width: 100%; /* précision pour Opera */
padding: 0;
margin: 0;
margin-left: 10px;
}
#top_menu li{
float: left;
}
#top_menu a{
margin: 6px 4px;
width: 84px;
height: 23px;
line-height: 23px;
background: none; 
display: block;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 0.8em;
}
#top_menu .active a{
margin: 6px 4px;
width: 84px;
height: 23px;
line-height: 23px;
background: url(img/bg_menu-element.gif) left top no-repeat; 
display: block;
text-align: center;
text-decoration: none;
color: #000;
font-size: 0.8em;
font-weight: bold;
}
#top_menu a:hover{
margin: 6px 4px;
width: 84px;
height: 23px;
line-height: 23px;
background: url(img/bg_menu-element.gif) left top no-repeat; 
display: block;
text-align: center;
text-decoration: none;
color: #000;
font-size: 0.8em;
}
#content{
padding: 20px 0 30px 0;
}
.element{
margin: 0 auto;
width: 546px;
min-height: 360px;
background: url(img/element.png) left top no-repeat; 
}
.element h1{
margin: 0;
padding: 5px 10px 0px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #083E64;
font-variant: small-caps;
background: url(img/h1-bg.png) left bottom no-repeat;
}
.element h2{
margin: 0;
padding: 15px 10px 0px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #8E8E8E;
font-variant: small-caps;
background: url(img/h2-bg.png) left bottom no-repeat;
text-decoration: underline; 
}

.element h3{
margin: 0 auto;
padding: 0px 10px 10px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #B29D23/*  #083E64 */ ;
text-align: right;
font-variant: small-caps;
background: url(img/h3-bg.gif) left no-repeat; 
/* border-bottom : 1px dashed #B29D23; */
}
a:link { color: #B29D23;}
a:visited {color: #B29D23;}
a:hover { color: #083E64 ; text-decoration: underline ;} 


.element h6{
margin: 0 auto;
padding: 0px 10px 0px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
.element p{
margin: 0 auto;
padding: 5px 10px 0 10px;
text-align: justify ;
text-indent: 2em; 
line-height: 1.7em;
font-size: 0.9em;
font-family :Trebuchet MS, helvetica, sans-serif;
}

.element p .auteur{
font-weight: bold;
color: #083E64;
}
.element p .livre{
font-style: italic;
color: #083E64;
}
.element p .edition{
text-decoration:underline;
}
.element li {
margin: 0 auto;
font-family :Trebuchet MS, helvetica, sans-serif;
 color: #083E64;
 display : list-item;
 list-style-position:outside;
} 

/* GLTSO */
#header_content{
padding: 24px 0 0 95px;
}

/* NEWS */
#news{
font-size: 0.8em;
}
#news h4{
text-align: right;
padding-right: 10px;
font-size: 1.4em;
}
#news .date{
color: #185983;
}
/********** formulaire **********/

#contact {
padding: 10px;
width:95%;
}

#contact fieldset {
  margin-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contact legend {
  padding: 0 2px;
  font-weight: bold;
  color : black;
  font-size: 0.9em;
  font-variant: small-caps;
}
#contact label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  font-size: 1em;
  font-family :Trebuchet MS, helvetica, sans-serif;
}

#contact label {
  width: 100px; /* Width of labels */
}
#contact fieldset fieldset label {
  margin-left: 143px; /* Width plus 3 (html space) */
}
input, textarea {
background:#F7F9FA none repeat scroll 0 0;
border:1px solid #C5C5C5;
}
select{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
}

/********** image **********/
.droite {
float: right;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
}
.gauche {
float: left;
padding-left: 10px;
padding-right: 5px;
padding-top: 10px;
}
.livredroite {
float: right;
padding:0;
}
.livregauche {
float: left;
padding-right:5px;
}