body {
    color: black;
    background: #fff url(bg-ville-large02-01.jpg) no-repeat;
}
a, a:link, a:active, a:visited,
h1, h2, h3, h4, h5, h6 {
    color: #A40000;
}
a img, a:link img, a:active img, a:visited img, a:hover img {
    border: none;
}
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active,
h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:active,
h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:active {
    color: #A40000;
    border: none
}
#main .node .content a:visited {
    color: #999;
}
#main .content {
    max-width: 90%;
    padding-left:5px;
    padding-right:5px;
}
blockquote {
    border-left: 1em solid #eee;
}

#wrapper {
    background: transparent;
    border: none;
    width:80%;
}
#main {
    width:100%;
    padding:25px 0 0 0;
}

/*
*  Header
*/
#header {
    width:  100%;
    height: 60px;
    /*  background: transparent url(bg-header-nbrs-h04.png) no-repeat; */
    background: rgba(255, 255, 255, 0.88);
    /* For IE 8*/
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0FFFFFF, endColorstr=#C0FFFFFF)";

    border: 0px solid #aaa;
    border-bottom: none;
}
#header h1 a {
    color: #A40000;
}
#header h1 a:hover,
#header h1 a:focus {
    color: #840000;
}
#header .slogan {
    color: #444;
} 
#header-additional {
    display:block;
    position : relative;
    left: 26px;

    width:100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;

    background: rgba(255, 255, 255, 0.88);    /* For IE 8*/
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0FFFFFF, endColorstr=#C0FFFFFF)";

}
.headerie8{
    height: 275px;
}
.contentie8 {
    position:relative;
    top:240px;
}
.contentcoulisseie8 {
    position:relative;
    top:0px;
}
#header-additional h2, 
#header-additional h3, 
#header-additional h4, 
#header-additional h5, 
#header-additional h6, 
#header-additional a, 
#header-additional a:visited {
    color: #999;
}
#header-additional a:hover,
#header-additional a:focus {
    color: #444;
}
#search input {
    color: #000;
    background: #CCC;
    border: 0px solid #999;
}
#search input:focus {
    background: #FFF;
}
#search input.form-submit {
    color: #000;
    background: #CCC;
    border-width: 1px;
    border-style: solid;
    border-top-color: #999;
    border-left-color: #999;
    border-right-color: #333;
    border-bottom-color: #333;
}
#search input.form-submit:focus {
    border-top-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #666;
    border-bottom-color: #666;
}

/*
*  Menus
*/
.primary_menu {
    border-top: 0px solid #ddd;
    background: #fff url(bg1.png) bottom left repeat-x;
}
.primary_menu a,
.primary_menu a:link,
.primary_menu a:active,
.primary_menu a:visited {
    color: black;
    border-bottom: none;
}
.primary_menu  a:hover,
.primary_menu  a:focus {
    color: black;
    background: #D7D7D7;
}
.primary_menu  a.active:hover,
.primary_menu  a.active:focus {
    color: black;
}

/* situé avant secondary-links */
#ico-home {
    /* fixé au bord du navigateur*/
    position:fixed;

    left:0px;
    top:0px;

    padding: 0 0 0 0;
    margin: 0 0 0 0;

    margin-top: -4px;
    margin-left: 2px;
    height:20px;
    width:20px;
    border-bottom:1px solid #FFF;
    
    background: #A40000;

    z-index:99997;

    -moz-box-shadow: 3px 0px 8px #666;
    -webkit-box-shadow: 3px 0px 8px #666;
    box-shadow: 3px 0px 8px #666;

}

#menu .secondary_menu {
    /* fixé au bord du navigateur*/
    position:fixed;

    left:20px;
    top:0px;

    padding: 0 0 0 0;
    margin: 0 0 0 0;
    margin-top: -4px;
    height:20px;
    border-bottom: 1px solid #FFF;
    width:100%;

    background: #A40000;
    
    z-index:99998;

    -moz-box-shadow: 3px 0px 8px #666;
    -webkit-box-shadow: 3px 0px 8px #666;
    box-shadow: 3px 0px 8px #666;

}
.secondary_menu a,
.secondary_menu a:link,
.secondary_menu a:active,
.secondary_menu a:visited {
    color: #fff;
    border-bottom: none;
    text-decoration: none;
}
.secondary_menu  a:hover,
.secondary_menu  a:focus {
    color: #fff;
    text-decoration: underline;
}
.secondary_menu  a.active:hover,
.secondary_menu  a.active:focus {
    color: #fff;
    text-decoration: underline;
}

/*
*  Sidebar
*/

/* sidebar animée */

#sidebar-left {
    position:absolute;
    left:-160px;
    top:100px;
    width:180px;

    border-right: 2px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;

    background: #A40000;

    font-size:0.85em;

    z-index:9;

    -moz-box-shadow: 4px 3px 8px #666;
    -webkit-box-shadow: 4px 3px 8px #666;
    box-shadow: 4px 3px 8px #666;
}


.sidebar-left #main {
    border-left: 1px solid #ccc;
}
.sidebar-right #main {
    border-right: 1px solid #ccc;
}
.sidebars #main {
    border-left: 1px solid #ccc;
    /*border-right: 1px solid #ccc;*/
}
.sidebar {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.75);
    /* For IE 8
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0FFFFFF, endColorstr=#C0FFFFFF)";
    */
    background: rgba(255, 255, 255, 0.75);
    background-color: rgba(255, 255, 255, 0.75);
}
#sidebar-right {
    border-left: 1px solid #ccc;
}
#sidebar-left {
/*    border-right: 1px solid #ccc;*/
}
/* Blocks */
.sidebar a,
.sidebar a:link,
.sidebar a:active,
.sidebar a:visited {
    color: #A40000;
    border-bottom: none;
}
.sidebar a:hover,
.sidebar a:focus {
    border-bottom: 1px solid #999;
}


.pager a,
.pager a:link,
.pager a:active,
.pager a:visited {
    color: #000;
    text-decoration:none;
border-bottom: none;
}
.pager a:hover,
.pager a:focus {
    text-decoration:underline;
}



/*
*  Footer
*/
#footer {
    color: #999;
    width:500px;
    margin-left:212px;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.75);
    /* For IE 8
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0FFFFFF, endColorstr=#C0FFFFFF)";
    */
    background: rgba(255, 255, 255, 0.75);
    background-color: rgba(255, 255, 255, 0.75);
}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
    color: #949494;
    text-decoration:none;
border-bottom: none;
}
#footer a:hover,
#footer a:focus {
    text-decoration:underline;
}


/*
*  Content
*/
.node .links, .node .taxonomy {
    color: #999;
}
.node.teaser .calendar {
    background: #fff url(bg2.png) bottom repeat-x;
}
.messages, .comment, .node.teaser .calendar {
    color: #999;
    border: 1px solid;
    border-top-color: #f3f3f3;
    border-left-color: #f3f3f3;
    border-bottom-color: #ddd;
    border-right-color: #eee;
}
.messages, .comment {
    background: #f3f3f3;
}
.messages {
    color: #666;
}
.node.teaser .meta {
    background: transparent;
    border: none;
}
.node.teaser .calendar .time {
    color: #999;
}
.node.teaser .author {
    color: #999;
}
.book-navigation .menu {
    border: none;
}
.book-navigation .page-links {
    border: 1px solid #ccc;
}
.comment {
    color: #000;
}
.comment .id, .comment .id a, .comment .id a:link, .comment .id a:active, .comment .id a:visited {
    color: #ddd;
}
.comment .submitted, .comment .links {
    font-size:0.6em;

    color: #999;
}
.comment .title a {
    color: black;
}
.new {
    color: red;
}

/* hack Gmap location map : pr le faire plus grand */
.traq_gmap-nodemap-gmap0 {

    position: absolute;
    left: 150px;

    width: 750px;
    height: 860px;

    background-color: rgb(229, 227, 223);
}
.gmap-map {
    overflow:hidden;
    float:right;
}
#animatedHeader
{

}
#animatedHeader #charlink {
    display:inline;

}
#animatedHeader #charlink a {
    color: #A40000;
    text-decoration:none;
}
#animatedHeader #charlink a:hover {
    color: #A40000;
    text-decoration:underline;
}

/* on cache la liste des fichiers */
#attachments {display:none;}

/* Les fieldgroups pour concentrer la page */
.location-locations-header {
    display:none;
}
.location-locations-wrapper {
    float:right;
    width: 50%;
    padding: 5px;
    padding-bottom: 50px;
}
/*fieldset {
    float:left;
    width: 40%;
    margin-left: 5px;
}*/
.field-field-personnage-vu-de-sa-fenetr {
    float:left;
    width: 380px;
    margin-bottom:50px;
    display:block;
}
.group-personnage-relations {
    clear:both;
    width: 380px;
    display:block;
}

.group-personnage-fiche {
    clear:both;
    width: 380px;
    display:block;
}
.field-field-personnage-ref-est-impli {

}
.field-field-personnage-ref-marie-a {

}
.field-field-personnage-ref-renco {

}
.field-field-personnage-ref-suit {

}
.field-field-personnage-ref-trace {

}

/*.fieldgroup {
    float:left;
    width: 48%;
}

.fieldgroup .group-personnage-identite {
    float:left;
    width: 48%;
}

.field .field-type-text .field-field-personnage-desc-physique {
    float:left;
    width: 48%;
}



.fieldgroup .group-personnage-relations {
    float:left;
    width: 48%;
}
*/


.meta {
    clear:both;
}
/* On affiche pas l'auteur */
.submitted {
    display:none
}

.views-cloud {
    margin-left:10px;
}


/* on a parfois besoin de cacher une image
 * qui doit être pourtant ê présente car utilisée par le teaser */
.hidden_teaser_img {
    position:absolute;
    top:-1000px;
    left:-1000px;
}



#content a,
#content a:link,
#content a:active,
#content a:visited {
    color: #A40000;
    text-decoration:none;
    border-bottom: none;
}
#content a:hover,
#content a:focus {
    text-decoration:underline;
}

#content #sidebar-left .content .menu a,
#content #sidebar-left .content .menu a:link,
#content #sidebar-left .content .menu a:active,
#content #sidebar-left .content .menu a:visited {
    color: #FFF;
    border-bottom: none;
}
#content #sidebar-left .content .menu a:hover,
#content #sidebar-left .content .menu a:focus {
    border-bottom: 0px solid #999;
}

a,
a:link,
a:active,
a:visited {
    color: #A40000;
    text-decoration:none;
}
a:hover,
a:focus {
    text-decoration:underline;
}