@import "globalDesign.css";

a { color: red; }	
a:hover { color: darkred; }
a.sbx { cursor: -moz-zoom-in; }
p { margin-bottom: 10px; }

#content { font-size: 12px; line-height: 180%; color: #111; }

h1.heading { padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #bbb; overflow: hidden; }
h1.heading .heading1 { margin: 0; float: left; }
h1.heading .heading2 { margin: 0 0 0 -5px; float: left; }
h1.heading .nb_articles { color: #bbb; float: left; margin: 2px 0 0 10px; }
p.legend { font-size: 11px; font-style: italic; text-align: center; }
strong, strong * { font-weight: bold; }
em, em * { font-style: italic; }

ul.slideshow { overflow: hidden; position: relative; }
ul.slideshow li { position: absolute; top: 0; }

ul.galerie { text-align: center; }
ul.galerie li { list-style-type: none; display: inline; margin: 0 10px; }
ul.galerie li img { border: 1px solid #f00; }
ul.galerie li a:hover img { border-color: #0f0; }

ul.liste { margin: 0 0 10px 0; }
ul.liste li { margin: 0 0 0 20px; color: #0f0; }
ul.liste li p { margin: 0; color: #000; }

.img_left { float: left; margin: 5px 25px 0 0; }
.img_right { float: right; margin: 5px 0 0 25px; }
.img_left img, .img_right img { border: 1px solid #0f0; }

a.sharelink.facebook { background-image: url("../media/share-facebook.gif"); border-color: #29447e; color: #fff; }
a.sharelink.twitter { background-image: url("../media/share-twitter.gif"); border-color: #9dc3d3; color: #000; }

/* JQUERY SLIDER */
#sliderContent { background: url("../media/slider.png") 290px 164px no-repeat; width: 980px; }
.viewer { height: 155px; margin: 10px 0; overflow: hidden; position: relative; }
.content-conveyor { height: 155px; position: relative; }
.item { width: 245px; height: 155px; overflow: hidden; float: left; text-align: center; }
.item a { width: 200px; height: 135px; overflow: hidden; }
.item label { display: block; margin: 5px 0 0 0; color: #999; }

.ui-slider { position: relative; text-align: left; width: 346px; margin: 0 auto; }
.ui-slider .ui-slider-handle { background: url("../media/handle.png") no-repeat; position: absolute; z-index: 2; width: 50px; margin-left: -25px; height: 16px; cursor: default; outline: none; cursor: pointer; }
.ui-slider-horizontal { height: 16px; }

.wrap #overlay { height: 135px; width: 980px; position: absolute; z-index: 1000; background: url("../media/overlay.png"); top: 10px; left: 0; }