/* $Id: local-sample.css,v 1.1 2010/04/06 21:40:58 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

/*Fichier créé par Thierry Plesnar pour le C2RMF*/

body{
    background-color: #151515;
}

.banner-background #preface-top .preface-top-inner {
    background: transparent;
    height: 360px;
}

.banner-background #preface-top .preface-top-inner div.content
{
/*   margin-top: -30px;*/
}

.connect a{
	font-size: 0.85em;
}

#header-group #slides{
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    height: 342px;
    overflow: hidden;
}

#preface-top-inner{
    z-index: 20;
    position:absolute;
    top:20px;
    margin-left: 0px;
    width: 720px;
}


#header-group-wrapper{
    height: 360px;
}

#slides, #zoom {
    overflow: hidden !important;
    height: 348px;
}

#zoom img{
    height: 100%;
    position: relative;
/*    margin-left: 10px; */
}

#slides img{
    position: absolute;
    width: 940px;
    height: inherit;
}

#reconstruct .img-group{
    position: absolute;
    margin-left: 15px;
    width: 940px;
}

.img-group1{
    
}

.img-group2{
    left: 312px;
}

.img-group3{
    left: 624px;
}

#reconstruct img{
    position: relative;
    margin-left: -5px;
}

/*pour la mise en page carla*/
.foo{
    background: #444;
}

.bar{
    background: #555;
}

.cadre{
    position: relative;
    float: left;
    margin: 0 5px 5px 0;
    height: 230px;
    padding-top: 20px;
}

.cadre img{
    display: block;
    bottom: 0;
}

.text{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2em;
    line-height: 1.1em;
}

.text a{
    display: block;
    padding: 30px 0 0 10px;
    width: 220px;
    height: 220px;
    text-decoration: none;
}

.long .text a{
    width: 454px;
}

.masque{
    position: absolute;
    background: inherit;
    width: 230px;
    height: 250px;
    top: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.long .masque{
    width: 464px;
}

/*fin de la MEP carla*/

.inner-inner ul{
    background: transparent;
}

.inner-inner ul.sf-vertical li ul{
    background: #101010;
    background: url("fondHeaderSite.png");
    _background: #101010;
}

.logoc2 img{
    float: right;
}

#header-group{
    height: inherit;
}

#header-site-info-inner {
    background: #101010;
    background: url("fondHeaderSite.png");
    position: absolute;
    top: 332px;
    z-index: 10;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    margin-right: 10;
/*    padding: 0;
    padding-right: 14px;
    padding-left: 317px;
    padding-top: 5px;*/
    width: 940px;
    -moz-border-radius: 0px !important;
    height: 4em;
}

#header-site-info-inner #site-name a, #header-site-info-inner #slogan{
    color: #bbbbbb;
    font-size: 110%;
}

#header-site-info.with-preface-top{
    height: 10px;
    margin-bottom: 0;
}

#slogan{
    height: 1em;
    width: 480px;
    margin-right: 0;
}

#fancy_login_dim_screen{
    z-index: 150 !important;
}

#fancy_login_login_box{
    z-index: 151 !important;
    color: black;
}

#block-menu-menu-books-navigation{
    height: 300px;
}

#block-menu-menu-books-navigation .inner{
    max-height: 240px;
    margin-top: -20px;   
}


.block.dark-transparent-background  {
margin-left: 0px;
}

.dark-transparent-background .inner {
background: url("fondHeaderSite.png");
}

#block-search-0{
    position: absolute;
    margin-top: 290px;
    z-index: 500;
    *margin-left: -240px;
}

#block-search-0 label{
    display: none;
}

#block-search-0 .container-inline{
    width: 280px;
}


.caption{
 text-align: center;
 font-style: italic;
}

div.book-navigation{
 margin-top: 3em;
}

h2{
 color: #DFB77C;
 margin-top: 2em;
 margin-bottom: 1em;
 font-weight: bold;
 clear: both;
}

h3{
 color: #DFB77C;
 margin-top: 2em;
 margin-bottom: 1em;
 font-weight: bold;
}

div.inner div.content{
 text-align: justify;
}

li.expanded ul.menu{
 margin-left: 75px;
 width: 16em;
}

.block .inner{
/* margin-left: 5px;
 margin-right: 12px;*/
}

#site-name.with-slogan {
 margin-left: 310px;
}

#content-content table{
 margin: 10px;
}

#content-content table img{
 padding: 10px;
}

#content-content a, #content-content a:link, #content-content a:visited {
/*    text-decoration: underline;*/
}

#content-content img.float{
 margin-left: 2em;
 margin-bottom: 1em;
 float: right;
}

#content-content div.image{
 float: right;
 margin-left: 2em;
} 

div.globalCaption div.caption{
 font-style: normal;
 font-size: 90%;
}

/* Search input field */
#edit-search-block-form-1 {
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}