@charset "utf-8";

/* Divers */
body{background-color:white;margin:0}
#search {display:none;}
#core {
    min-height:350px;
    padding-left:20px;
    padding-right:20px;
}
a {color:#088;  text-decoration:none;}
a:visited{color:#066}
a:hover{color:#0aa}
body > p #subtitle {font-style:italic;}

/* Titre */
h1{margin-bottom:20px;text-align:center;
    background:#6cc url(/shadow.png) repeat-x top left;
    padding:10px;
    margin-left:-10px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    font-size:x-large;
}
h1.sub {
    background-color:#ddd;margin-top:0px;
/*    box-shadow: 3px 3px 9px #aaa;
    -moz-box-shadow: 3px 3px 9px #aaa;
    -webkit-box-shadow: 3px 3px 9px #aaa;*/
    
}
h1 span {
    color:#266;
    font-style:italic;
    font-size:11px;
    text-align:right;
}
h3 {margin-top:20px}
#subtitle{font-style:italic;}



/* Categories */
body ul {margin:10px;padding-left:15px;}
body ul li {
    list-style-type: none;
    margin-top:10px;
}
#cats span {
    font-style:italic;
    font-weight:bold;
    color:#666;
    text-shadow: #bbb 2px 2px 2px;
}
#cats > li > img {
    height:24px;
    vertical-align:middle;
}

/* Statut */
#status {
    width:620px;
    position:absolute;
    left:50%;
    margin-left:-330px;
}
#status  span.name {
    width:270px;
}
#status  span.name span{
    font-weight:bold;
}
#status  span.date {
    float:right;
    width:250px;
    text-align:center;
    font-family: courier;
    border:1px inset #444;
    background-color:#0ff;
}
#status span.warning {background-color:#ff0;}
#status span.alert {background-color:#f00;}

/* A propos */
#about {text-align:justify;}
#about h2 {font-size:140%;color:#066;}
#about h3 {font-size:100%;color:#366;}
#about blockquote {font-style:italic;}

/* Popup saucisses */
img.sausage{margin-left:20px;height:20px;vertical-align:middle;cursor:pointer;
    border-width:0;}
td.bbqday{width:70px;text-align:left}
td.bbqsau{width:45px}

/* Points */
body ul li ul li {
    margin-top:0px;
    list-style-type: disc;
}

/* Carte google maps */
#map_canvas {
    border:3px inset #688;
    width: 500px; 
    height: 400px; 
    /*margin-left:30px;*/
    float:right;
    margin-right:30px;
    }
    
#share {padding:10px;} 
    
/* Lien vers google maps */
#geolink {color:#888;}

/* Footnote */
.footnote {border-top:1px solid #888;width:400px;margin-top:20px;font-size:small;padding:10px;color:#444;font-size:10px;}

/* Header */
#header {
    background:#6cc url(/shadow.png) repeat-x top left;
    border-bottom:0px;
    padding:0px;
    height:50px;
    text-align:center;
    width:100%;
    background-color:#DDD;
}
.left { width:260px;float:left; text-align:left; margin-top:-10px}
.right { width:260px;float:right; text-align:right; margin-top:-5px}
.left img{ height:50px;border-width:0;}
.right img { height:40px;border-width:0;}

/* Footer */
#footer {
    background-image:url(bg_grid.png);
    border-top:2px inset #888;
    border-bottom:2px inset #ccc;
    /*width:100%;*/
    margin-top:20px;
    height:17px;
    font-size:small;
    padding:5px;
    font-size:12px;
    text-shadow: #aaa 2px 2px 2px;
    color:#444;
    font-weight:bold;
    text-align:center;
/*     box-shadow: inset 0em 0.3em 0.5em black; */
}
.fleft {float:left;padding-left:10px;width:200px;text-align:left;}
.fcenter {padding-left:10px;padding-right:10px;text-align:center;}
.fright{float:right;padding-right:10px;width:200px;text-align:right;}

/* Reseau de neurones */
/*#nn {width:80%;}*/
body p {margin:15px;}

/* Figures */
.mainfigs {text-align:center;}
.mainfigs p {font-style:italic;padding-right:20%;padding-left:20%;margin-bottom:25px;}

/* Widget */
#widget {
    margin:5px;
    padding:5px;
    border-style:dashed;
    border-width:1px;
    border-color:#066;
    background-color:#dee;
}
button {
    background-color:#0ff;
}
textarea {
    margin-left:20px;
    width:600px;
    height:50px;
}
#aper {
    text-align:center;
    margin-left:20px;
    background-color:white;
    width:300px;
    box-shadow: 6px 6px 9px #aaa;
}

/* .frame { padding: 4px; background-color: #fff; border-top: solid #d7d7d7 1px; border-right: solid #d7d7d7 3px; border-bottom: solid #d7d7d7 4px; border-left: solid #d7d7d7 3px; -webkit-border-image: url("http://barbecue.actimar.fr/frame.png") 1 3 4 3 stretch stretch; -moz-border-image: url("http://barbecue.actimar.fr/frame.png") 1 3 4 3 stretch stretch; border-image: url("http://barbecue.actimar.fr/frame.png") 1 3 4 3 stretch stretch; } */