/* CSS globale systeme za */

body {
font-family : Helvetica, Arial, sans-serif;
font-size:0.86em;
margin:0px;
padding:0px;
line-height:1em;
text-align:justify;
margin:0px;
padding:0px;
background:none;
}

#entete{
position:absolute;
width:100%;
top:0px;
height:105px;
min-height:105px;
_height:105px;
background:none;;
z-index:2;
}

#entete_logo{
position:relative;
left:50%;
margin-top:10px;
margin-left:-490px;
}

#page{
position:absolute;
top:120px;
left:50%;
margin:0px;
padding:0px;
margin-left:-490px;
padding-top:0px;
width:980px;
background:#FFF url(../img/bas-container.jpg) repeat-y;
z-index:1;
}

#menu {
position:absolute;
top:0px;
left:50%;
height:27px;
min-height:27px;
_height:27px;
margin:5px 2px 0px 2px;
margin-left:-20px;
color:#534741;
font-weight:bold;
padding-top:2px;
font-size:0.84em;
z-index:3;
}

.items {
position:relative;
float:right;
}

span.item_menu{
position:relative;
height:20px;
min-height:20px;
_height:20px;
color:#534741;
padding:3px 18px;
margin:0px 2px;
font-family:Arial, Helvetica, sans-serif;
line-height:2em;
margin-bottom:20px;
-moz-border-radius:0.2em;
-webkit-border-radius:0.2em;
}

span.item_menu:hover{
background-color:#ec1c24;
color:#FFF;
}

span.active{
color:#534741;
border-bottom:1px solid #ec1c24;
background-color:#FFF;
padding:3px 0px;
margin:0px 20px;
}

span.active:hover{
color:#534741;
padding:3px 0px;
background-color:#FFF;
margin:0px 20px;
}

span.item_recherche{
position:relative;
float:right;
margin-right:20px;
width:210px;
}

.item_recherche input{
border:0px;
margin-top:2px;
padding:3px 10px;
font-size:0.90em;
color:#333333;
}

.item_recherche input.submit{
border:0px;
margin-top:2px;
padding:3px 2px;
font-size:0.93em;
font-weight:bold;
color:#787878;
}

.item_recherche input.submit:hover{
color:#0071BC;
}



#container{
position:relative;
top:0px;
padding:30px 40px 0px 20px;
min-height:200px;
background:transparent url(../img/container.jpg) no-repeat;
z-index:1;
}

#bas-container {
margin:0px;
padding:0px;
position:relative;
height:17px;
min-height:17px;
_height:17px;
margin-left:-15px;
background:#FFF url(../img/bcontainer.jpg) repeat-y bottom;
}

a {
text-decoration:none;
border:0px;
color:inherit;
}

a img {
text-decoration:none;
border:0px;
}

h4 {
background:#FF9900;
color:#fff;
text-variant:italique;
font-size:0.90em;
padding:5px 10px;
margin:2px 2px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
}

#une {
position:relative;
float:left;
width:590px;
margin-right:30px;
margin-bottom:40px;
font-size:0.86em;
color:#232323;
line-height:1.3em;
}

#une h1 {
display:block;
width:275px;
position:relative;
float:left;
font-style:italic;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
color:#534741;
text-align:left;
line-height:1.3em;
padding-bottom:3px;
border-bottom:1px solid #ec1c24;
margin-bottom:5px;

}

#une h2 {
font-size:1.1em;
color:#ec1c24;
text-align:left;
}

#une img{
padding-right:10px;
margin-right:5px;
color:#787878;}

.suite{
font-size:0.90em;
color:#ec1c24;
}

em, dfn{
font-size:0.90em;}

.suite:hover{
text-decoration:underline;
}

.presentation {
position:relative;
float:left;
width:240px;
margin-right:0px;
font-size:0.86em;
color:#232323;
line-height:1.3em;
}

.presentation h2{
margin-left:0px;
font-size:1.3em;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding-bottom:10px;
margin-bottom:10px;
color:#ec1c24;
border-bottom:1px dashed #ec1c24;
}

#une h2.titre {
font-size:1.3em;
margin-left:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding-bottom:10px;
margin-bottom:10px;
color:#0F2D42;
border-bottom:1px dashed #0071BC;
}

.livre {
position:relative;
float:left;
width:280px;
margin-right:5px;
font-size:0.86em;
color:#232323;
margin-bottom:30px;
}

.livre img{
padding-right:5px;
margin-right:5px;
border-right:1px solid #DEDEDE;
}

.livre h2{
padding:0px;
margin:0px;
font-size:1em;
margin-bottom:5px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
}

.livre h3{
font-size:0.89em;
margin-bottom:5px;
color:#444B53;
text-align:left;
}

.livre a{
font-size:0.86em;
color:#ec1c24;
}

#livres h1{
margin:0px;
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding-bottom:10px;
margin-bottom:20px;
color:#534741;
border-bottom:1px dashed #ec1c24;
}

.pied {
display:block;
margin-top:40px;
text-align:center;
font-size:0.82em;
color:#534741;
}

#livre img{
display:block;
float:left;
padding:17px;
}

#livre h1{
display:block;
float:left;
width:450px;
margin-top:5px;
padding:0px;
line-height:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:2em;
margin-bottom:0px;
border-bottom:1px solid #ec1c24;
color:#534741;
}

#livre h2{
margin-top:0px;
padding:0px;
line-height:2em;
font-size:1.2em;
color:#ec1c24;
margin-bottom:40px;
}

#spanmenu {
padding:10px;
border-bottom:1px dashed #ec1c24;
margin-bottom:5px;
height:5px;
}

.menu_volet {
display:block;
float:left;
padding:0px 30px;
height:20px;
}

#spaninfos.menu_volet {
padding-left:0px;
}

.volet {
clear:both;
margin-top:0px;
border-top:1px dashed #ec1c24; 
padding-top:15px;
}
.volet h4{
background:none;
font-size:0.98em;
color:#444B53;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
}

.volet h5{
background:none;
line-height:1.2em;
font-weight:normal;
color:#444B53;
font-family:Georgia, "Times New Roman", Times, serif;
}

#lr {
position:relative;
float:right;
width:530px;
}

p{
font-size:0.90em;
margin-bottom:10px;
line-height:1.3em;
}

p:first-line{
margin-left:15px;
}

p.liste{
margin-bottom:0px;;
}

li{
font-size:0.90em;
}

ul{
margin:0px;
padding:0px;
line-height:1.3em;
padding-left:15px;
list-style-type:circle;
}

