/*  ---------  CSS to customize urstbf17  ----------- */
#footer { color: #b1b1b2; padding: 2px; text-align: left;}
.copyright { color: #b1b1b2; font-size: 1em;}
#skinCopyright, .timer { color: #b1b1b2; text-align: left; padding-left: 8px;}
.freebox3217 {padding: 0 10px 10px;}

/* temporaire */
#page {
    background-color: rgba(145,145,145, 0.3);
    border: 2px solid #5C5C5C;
    padding: 0 5px;
}  
.deces {font-size: 26px; font-weight: bold; text-shadow: -1px -1px 1px #FFF, 3px 3px 8px #333333;}
.visits { background-color: #D2D2D2;}
.lastdoc a, .lastdoc2 a { font-weight: normal; }
.plusLastdocW {padding: 5px;}
.outLastdoc fieldset div {margin:2px 0px}
.farubr {background-color: #E3E3E3;}
.fasubrubr {padding-left:20px;}
.freebox2731, .freebox3439 {padding: 0 10px;}
.FB2858 {padding: 5px 10px;}
div ul {padding: 0 0 0 8px; margin-left: 8px;}
.ref {
  cursor: help;
  text-decoration: underline wavy red;
}

/* menu */

div.menuIcons {height: 40px; margin: 0 0 5px 0; padding: 8px 0;}
div.menuIcons ul {background-size: contain; padding: 4px 0 10px; height: 40px; margin:0;}
div.menuIcons ul li {margin: -4px 0 0 -1px; height: 40px; text-decoration: none;}
div.menuIcons ul li a span { padding: 16px 12px 0 12px; height: 38px; text-decoration: none;
    border-left: 1px solid #000; border-right: 1px solid #000; border-top: 0; border-bottom: 0;
}
div.menuIcons ul li a span.current { padding: 16px 12px 0 12px; height: 38px;
    text-decoration: none; border-left: 1px solid #000; border-right: 1px solid #000;
    border-top: 0; border-bottom: 0;
}
div.menuIcons ul li a:hover span { padding: 16px 12px 0 12px; height: 38px;
    text-decoration: none; border-left: 1px solid #000; border-right: 1px solid #000;
    border-top: 0; border-bottom: 0;
}

div.menuIcons ul li.menu_connect { position: absolute; top: 2px; right: 100px;}
div.menuIcons ul li.menu_connect a span { color: transparent; background: transparent; text-decoration: none; border: 0;}
div.menuIcons ul li.menu_connect a span.current { color: #FFFFFF; background: #000000; text-decoration: none; border: 0;}
div.menuIcons ul li.menu_connect a:hover span  { color: #FFF; background: #ccc; text-decoration: none; border: 0;}

/* section admin */
div.menuIcons ul li.menu_admin { position: absolute; top: 2px; right: 2px; padding: 0; text-decoration: none; border: 0;}
div.menuIcons ul li.menu_admin a span { color: transparent; background: transparent; text-decoration: none; border: 0;}
div.menuIcons ul li.menu_admin a:hover span  { color: #FFF; background: #ccc; text-decoration: none; border: 0;}
div li { margin-left: 5px; }

/* --- divers ---*/
p { margin: 8px 0;}
.textshadow { text-shadow: -1px -1px 1px #FFF, 3px 3px 8px #333333;}
h1 { color: #8e3e87; text-shadow: -1px -1px 1px #FFFFFF,4px 4px 6px #333333;}
h2 { color: #8e3e87; text-shadow: -1px -1px 1px #FFFFFF, 3px 3px 5px #333333;}
h3 { color: #8e3e87; text-shadow: -1px -1px 1px #FFFFFF, 2px 2px 4px #333333;}

a.outlink { background: url("img/outlink.gif") no-repeat scroll right top transparent; padding-right: 15px; font-weight: bold;}
a.inlink { background: url("img/inlink.gif") no-repeat scroll right top transparent; padding-right: 15px; font-weight: bold;}
a.uplink { background: url("img/uplink.gif") no-repeat scroll right top transparent; padding-right: 15px; font-weight: bold;}
a.intext {font-weight: bold;}
.cadre { margin: 10px; text-align: justify; border: 1px solid; border-radius: 4px; padding: 10px;}
fieldset.remarque { padding: 0px 10px; margin: 5px; background-color: transparent; color: #663399; font-weight: bold;}
fieldset.attention { padding: 10px; margin: 10px 5px; background-color: #ffff66; color: #ee0000; font-weight: bold;}
.dnrubr { background: #f6ebf8;}
.dncatdwnl { width: 90%;}
.bord2 { border: 1px solid #c3a0cb;}
.rep { padding: 0px 5px;}
img.ombre, p.ombre, div.ombre { box-shadow: 4px 4px 10px 4px #999;}
img.foto { display: inline; border:solid 2px #fff;}
img.photo { padding: 4px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; background-color:white; box-shadow: 4px 4px 10px 4px #aaa;}
img.vam {vertical-align:middle;}
img.vat {vertical-align: text-top; }
.maxH500 {overflow: auto;  height: 500px; width: 100%;}
.maxH300 {overflow: auto;  height: 300px; width: 100%;}
.maxH200 {overflow: auto; height: 200px; width: 100%;}

#BottomBoxes .tblbox,
#BottomBoxes .tbl,
#BottomBoxes .titre,
#BottomBoxes .titrebox  {
    margin: 0 30px;
}
#BottomBoxes {
    padding: 5px;
    width: 99%;
}
.phsubrubr {display: none;}

.titrebox {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    background-size: contain;
}
.titre {
    background-color: transparent;
    background: url(img/widgettitle-bg.png) ;
    white-space: normal;
    word-wrap: break-word;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    background-size: contain;
}
.phimg { /* encadrement et ombre pour les miniatures */
    margin: 4px 4px 10px;
	border: 1px solid #C0C0C0 !important;
	border-radius: 4px;
    box-shadow: 1px 2px 2px #404040;	
}
#contzoom { /* zoom sur image */
    overflow: hidden;
}
#contzoom .picture {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transform: scale(1);
    transition: all 0.3s ease-in-out 0s;
}
#contzoom .picture:hover {
    transform: scale(1.1);
}