/**
 *
 * @author	Benoit Asselin <contact(at)ab-d(dot)fr>
 * @version	style.css, 2011/02/26
 * @link	http://www.ab-d.fr/
 *
 */


* { padding: 0; margin: 0; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
html, body { width: 100%; height: 100%; font-size: 12px; background: #464646; color: #000; cursor: default; }

ul, li { list-style: none; }
img { border: 0 none; }

a { color: #1f46b5; text-decoration: none; cursor: pointer; }
a span { cursor: pointer; }
a:hover { text-decoration: underline; }


.clear { clear: both; }
.no-spam { display: none; }
/*.opacity-0 { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }*/
.picto-arrow-1 { width: 13px; height: 13px; background: url(../images/interface/picto-arrow-1.png) no-repeat; }
.picto-arrow-2 { width: 13px; height: 13px; background: url(../images/interface/picto-arrow-2.png) no-repeat; }


#container {  background: #ddd; /*background: #ddd url(../images/interface/background-test-01.jpg) 0 10px no-repeat;*/ }

#head { clear: both; position: relative; width: 100%; height: 100px; background: url(../images/interface/banner-background.gif); z-index: 32; }
#head .content { position: relative; width: 900px; margin: 0 auto; }
#head img.background-1 { position: absolute; left: -90px; top: 2px; width: 70px; height: 70px; background: url(../images/interface/taido-logo.png); }
#head img.background-2 { position: absolute; left: 0; top: 5px; width: 135px; height: 51px; background: url(../images/interface/taido-futura.png); }
#head ul.menu-1 { position: relative; }
#head ul.menu-1 li { position: relative; float: left; padding-top: 25px; }
#head ul.menu-1 a { color: #fff; font-weight: bold; font-size: 14px; padding: 9px; float: left; }
#head ul.menu-1 li.logo { padding-top: 5px; }
#head ul.menu-1 li.logo a { width: 150px; height: 55px; padding: 0; background: url(../images/none.gif); }
#head ul.menu-1 li.logo span { display: none; }
#head ul.menu-1 ul.submenu-1 { display: none; position: absolute; left: 0; top: 69px; background: #ad1b1b; border: 1px solid #860d03; border-top: 0 none; }
#head ul.menu-1 ul.submenu-1 li { clear: both; float: inherit; padding: 0; border: 1px solid #ad1b1b; }
#head ul.menu-1 ul.submenu-1 li a { display: inline-block; font-weight: normal; white-space: nowrap; font-size: 12px; width: 190px; padding: 5px 5px 5px 10px; }
#head ul.menu-1 ul.submenu-1 li a.active,
#head ul.menu-1 ul.submenu-1 li a:hover { background: #860d03; text-decoration: none; }
#head ul.menu-1 ul.submenu-1 li.category a { font-weight: bold; cursor: default; }
#head ul.menu-1 ul.submenu-1 li.page a { font-weight: normal; padding: 0 0 3px 20px; width: 185px; font-size: 11px; }
#head ul.menu-1 ul.submenu-2 li { border-left: 0 none; border-right: 0 none; }

/* les clubs */
#head ul.menu-1 ul.clubs { left: -200px; width: 810px; }
#head ul.menu-1 ul.clubs li.category { clear: none; float: left; border-left: 1px solid #860d03; }
#head ul.menu-1 ul.clubs li.category a { width: 145px; }
#head ul.menu-1 ul.clubs li.page a { padding: 0 0 3px 10px; width: 150px; }


#head #search-frm { position: relative; float: right; padding: 32px 0 0 0; }
#head #search-frm * { font-size: 11px; }
#head #search-t { float: left; padding: 1px; }
#head #search-q { float: left; padding: 1px; margin: 0 5px; width: 100px; }
#head #search-submit { float: left; width: 24px; height: 20px; background: url(../images/interface/banner-search-submit.png); border: 0 none; cursor: pointer ;}



#body { clear: both; position: relative; width: 868px; margin: 0 auto; padding: 15px; border: 1px solid #ccc; background: #fff; }
#body div.shop { position: relative; height: 291px; color: #aaa; background: url(../images/interface/page-background.gif); margin-bottom: 15px; }
#body div.shop div.content { height: 251px; padding: 20px; background: url(../images/interface/shop-disc.jpg) no-repeat; }
#body div.shop h1 { font-size: 19px; color: #fff; }
#body div.shop .addthis_toolbox { position: absolute; right: 15px; top: 22px; }
#body div.shop .citation { position: absolute; left: 30px; top: 100px; width: 290px; color: #fff; }
#body div.shop .citation strong { display: block; font-size: 14px; text-align: left; }
#body div.shop .citation em  {  display: block; color: #aaa; padding: 20px; text-align: center; }
#body div.shop .citation span { display: block; color: #fff; text-align: right; }
#body div.shop h2 { position: absolute; font-size: 12px; top: 60px; }
#body div.shop h2 a { color: #aaa; }
#body div.shop h2 a:hover span { text-decoration: underline; }
#body div.shop h2 a span { display: block; padding-bottom: 5px; }
#body div.shop h2 img { display: block; border: 1px solid #000; }
#body div.shop #shop-livre-01 { left: 345px; }
#body div.shop #shop-dvd-01 { left: 503px; }
#body div.shop #shop-dvd-01-border { display: block; width: 342px; height: 190px; border: 1px solid #000; padding: 0; }

#body div.fixed { width: 100%; overflow: hidden; }
#body div.fixed .block { width: 100%; background: #ededed; margin-bottom: 20px; }
#body div.fixed .block h1 { color: #e30; font-size: 18px; padding-bottom: 5px; }
#body div.fixed .block h1 a { color: #e30; }
#body div.fixed .block .content { padding: 15px; }
#body div.fixed .block .tinymce { /*_*/ }
#body div.fixed .more { text-align: right; padding: 5px 0; }
#body div.fixed .pages { text-align: center; padding: 5px 0; }
#body div.fixed .pages a.previous { float: left; }
#body div.fixed .pages a.next { float: right; }
#body div.fixed .pages a.number { display: inline-block; text-align: center; padding: 1px 5px; }
#body div.fixed .pages a.number:hover { background-color: #eee; }
#body div.fixed .pages a.normal { border: 1px solid #ccc; }
#body div.fixed .pages a.active { border: 1px solid #1f46b5; }
#body div.fixed hr.sep { border: 0 none; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; margin: 5px 0; }
#body div.fixed a.date { display: block; border: 1px solid #ccc; text-align: center; text-transform: uppercase; float: right; width: 30px; }
#body div.fixed a.date:hover { text-decoration: none; }
#body div.fixed a.date .month { display: block; color: #fff; background: #d00; font-size: 10px; font-weight: bold; padding: 0 3px; }
#body div.fixed a.date .day { display: block; color: #000; background: #fff; font-size: 14px; font-weight: bold; letter-spacing: -1px; padding: 1px 3px; }
#body div.fixed a.date-big { display: block; border: 1px solid #ccc; margin: 0; text-align: center; text-transform: uppercase; width: 35px; }
#body div.fixed a.date-big:hover { text-decoration: none; }
#body div.fixed a.date-big .month { display: block; color: #fff; background: #d00; font-size: 11px; font-weight: bold; padding: 0 3px; text-shadow: 1px 1px 2px #000; }
#body div.fixed a.date-big .day { display: block; color: #000; background: #fff; font-size: 15px; font-weight: bold; letter-spacing: -1px; padding: 1px 3px; }
#body div.col-center { }
#body div.col-left { width: 550px; float: left; }
#body div.col-right { width: 300px; float: right; }

#body .news p { text-align: justify; }

#body .calendar { }
#body .calendar ul { padding-bottom: 5px; }
#body .calendar li.first { padding-top: 5px; }
#body .calendar li.first hr { display: none; }
#body .calendar a.date { margin-right: 5px; }
#body .calendar a.title { display: inline-block; padding: 0 0 0 5px; font-weight: bold; color: #000; width: 220px; }
#body .calendar div.tinymce { padding: 5px; }
#body .calendar div.tinymce p { font-size: 11px; }
#body .calendar a.place { display: inline-block; padding: 3px 0 0 20px; margin-left: 5px; font-size: 11px; background: url(../images/interface/picto-flag.gif) no-repeat; }
#body .calendar table.calendar { width: 100%; }
#body .calendar tr.over td { background-color: #fff; }
#body .calendar th { text-align: left; padding: 5px 5px; }
#body .calendar td { vertical-align: top; padding: 5px; border-top: 1px solid #ccc; }
#body .calendar th.date { text-align: center; }
#body .calendar td.title { width: 30%; }
#body .calendar td.html { width: 40%; }
#body .calendar td.html div.tinymce { padding: 0; }
#body .calendar td.html div.tinymce p { font-size: inherit; }
#body .calendar td.locality { width: 30%; }
#body .calendar tr.today td { background-color: #ddd; }
#body .calendar td.today { font-style: italic; vertical-align: middle; text-align: center; letter-spacing: 2px; font-size: 13px; }
#body .calendar p.error { font-style: italic; }


#body .newsletter { }
#body .newsletter .button { color: #fff; width: 80px; height: 25px; border: 0 none; margin-left: 5px; background: url(../images/interface/button-ededed.gif); }
#body .newsletter .label { padding: 2px 0; font-size: 11px; }


#body div.fixed .ecusson { position: relative; background: transparent; }
#body div.fixed .ecusson .content { padding: 0 5px 0 140px; }
#body .ecusson a.view { position: absolute; left: 0; top: -5px; }
#body .ecusson p { text-align: justify; }


#body div.fixed .videos { position: relative; background: #222; }
#body div.fixed .videos .content { padding: 2px 160px 0 5px; border: 2px solid #666; }
#body .videos a.h1 { display: inline-block; font-size: 19px; color: #fff; padding-bottom: 5px; }
#body .videos a.youtube { position: absolute; left: 155px; top: 10px; }
#body .videos p { text-align: justify; color: #aaa; }
#body .videos p.more { text-align: left; }
#body .videos p.more a { color: #fff; }


#body div.fixed .self-defense { background: transparent; }
#body div.fixed .self-defense .content { background: url(../images/interface/self-defense.gif) 5px 30% no-repeat; padding: 0 5px 0 150px; }
#body .self-defense p { text-align: justify; }

#body div.addthis_toolbox { padding-bottom: 15px; }

#pub { clear: both; position: relative; width: 900px; margin: 15px auto 0; padding: 0 0 15px 0; }
#pub .discover { height: 64px; padding-left: 15px; }
#pub .discover a { position: relative; display: block; width: 192px; height: 64px; margin-right: 34px; float: left; }
#pub .discover a img { position: absolute; left: 0; top: 0; }
#pub .discover a span { position: absolute; left: 5px; bottom: 4px; width: 180px; color: #fff; }
#pub .discover a:hover { text-decoration: none; }
#pub .discover a.img-04 { margin-right: 0; }

#pub .instructeurs { position: relative; background: #eef; margin: 15px 0 0 0; font-size: 11px; clear: both; }
#pub .instructeurs .border-top-left,
#pub .instructeurs .border-top-right,
#pub .instructeurs .border-bottom-left,
#pub .instructeurs .border-bottom-right { position: absolute; font-size: 0; width: 5px; height: 5px; background-image: url(../images/interface/corner-5px.gif); }
#pub .instructeurs .border-top-left { left: 0; top: 0; background-position: 0 0; }
#pub .instructeurs .border-top-right { right: 0; top: 0; background-position: 100% 0; }
#pub .instructeurs .border-bottom-left { left: 0; bottom: 0; background-position: 0 100%; }
#pub .instructeurs .border-bottom-right { right: 0; bottom: 0; background-position: 100% 100%; }
#pub .instructeurs .content { padding: 15px; }



#foot { clear: both; position: relative; margin-top: 15px; padding-top: 15px; color: #eee; background: #464646 url(../images/interface/footer-background.gif) repeat-x; }
#foot img.footer-taido { position: absolute; left: 50%; bottom: 50px; width: 373px; height: 140px; margin-left: -185px; background: url(../images/interface/footer-taido.png); }
#foot .content { position: relative; width: 1000px; margin: 0 auto; }

#foot ul.menu-1 { }
#foot ul.menu-1 li { float: left; width: 170px; padding: 15px; }
#foot ul.menu-1 dl { width: 170px; }
#foot ul.menu-1 dl dt { font-weight: bold; border-bottom: 1px solid #777; padding-bottom: 2px; }
#foot ul.menu-1 dl dd { padding-top: 2px; font-size: 11px; }
#foot ul.menu-1 a { color: #eee; }

#foot p.signature { clear: both; color: #bbb; font-family: "Lucida Sans", sans-serif; font-size: 11px; font-style: italic; padding: 50px 15px 5px; }

#foot div.baseline { padding: 15px; font-size: 11px; }
#foot div.baseline .up { padding-bottom: 5px; border-bottom: 1px solid #777; }
#foot div.baseline .up a { color: #eee; }
#foot div.baseline .up img { margin-bottom: -3px; }
#foot div.baseline .down-left { padding-top: 5px; color: #bbb; float: left; }
#foot div.baseline .down-left a { color: #bbb; }
#foot div.baseline .down-right { padding-top: 5px; color: #bbb; float: right; }
#foot div.baseline .down-right a { color: #bbb; }
#foot div.baseline .nbsp { clear: both; }


/* debug */
#benchmark { position: absolute; right: 10px; top: 50%; color: #000; background: #fff; padding: 5px; border: 1px solid #000; font-family: Monaco, monospace; font-size: 10px; opacity: 0.75; }


/* pages */
#page-index { }

#page-news { }

#page-calendar { }
#page-calendar div.calendar-hot { position: relative; height: 266px; padding: 20px; color: #aaa; background: url(../images/interface/calendar-background.jpg) no-repeat; }
#page-calendar div.calendar-hot h1 { font-size: 19px; color: #fff; }
#page-calendar div.calendar-hot .addthis_toolbox { position: absolute; right: 15px; top: 22px; }
#page-calendar div.calendar-hot form.calendar-frm { position: absolute; right: 20px; bottom: 30px; }
#page-calendar div.calendar-hot form.calendar-frm label { display: block; padding-bottom: 5px; }
#page-calendar div.calendar-hot form.calendar-frm input { margin-left: 5px; }
#page-calendar form.calendar-frm { }
#page-calendar form.calendar-frm .padding-top { padding-top: 5px; }
#page-calendar form.calendar-frm label { margin-right: 5px; }
#page-calendar form.calendar-frm select,
#page-calendar form.calendar-frm option { font-size: 12px; }
#page-calendar form.calendar-frm input.submit { margin-left: 5px; font-size: 12px; }

#page-classic #body { padding-bottom: 0; }
#page-classic #body .classic { background-color: transparent; }
#page-classic #gmaps { border: 1px solid #ccc; height: 288px; }

#page-search { }
#page-search div.search-hot { position: relative; height: 266px; padding: 20px; color: #aaa; background: url(../images/interface/search-background.jpg) no-repeat; }
#page-search div.search-hot h1 { font-size: 19px; color: #fff; }
#page-search div.search-hot form.search-frm { position: absolute; right: 20px; bottom: 30px; }
#page-search div.search-hot form.search-frm * { font-size: 12px; }
#page-search div.search-hot form.search-frm label { display: block; padding-bottom: 5px; }
#page-search div.search-hot form.search-frm select { font-size: 12px; }
#page-search div.search-hot form.search-frm input.text { width: 100px; } 
#page-search div.search-hot form.search-frm input { margin-left: 5px; }
#page-search div.search p.result { padding: 5px; }

#page-contact { }
#page-contact div.contact-hot { position: relative; height: 266px; padding: 20px; color: #aaa; background: url(../images/interface/contact-background.jpg) no-repeat; }
#page-contact div.contact-hot h1 { font-size: 19px; color: #fff; }
#page-contact #contact-frm { padding: 0 0 10px 0; }
#page-contact #contact-frm * { font-size: 12px; }
#page-contact #contact-frm p { padding: 10px 0 0 0; }
#page-contact #contact-frm label { display: inline-block; width: 200px; text-align: right; margin-right: 5px; }
#page-contact #contact-frm label.star { color: #e30; font-size: 11px; }
#page-contact #contact-frm span.star { margin-left: 2px; color: #e30; }
#page-contact #contact-frm .help { color: #999; }
#page-contact #contact-frm select { width: 300px; border: 1px solid #ccc; background: #fff; }
#page-contact #contact-frm option { background: #fff; }
#page-contact #contact-frm input.text { border: 1px solid #ccc; padding: 1px; width: 300px; }
#page-contact #contact-frm select:hover,
#page-contact #contact-frm input.text:hover,
#page-contact #contact-frm textarea:hover { border: 1px solid #999; }
#page-contact #contact-frm textarea { border: 1px solid #ccc; padding: 1px; width: 300px; vertical-align: top; font-family: "comic sans ms", "Lucida Grande", Helvetica, Arial, sans-serif; }



/* tinymce */
.tinymce ul li { margin-left: 20px; list-style: url(../images/interface/li.gif); }
.tinymce ol li { margin-left: 20px; list-style: decimal; }

.tinymce hr { border: 0 none; border-top: 1px solid #ccc; }

.tinymce .red { color: #e30; }

.tinymce img.image-frame { border: 1px solid #ccc; background: #fff; padding: 1px; }
.tinymce div.image-frame { position: relative; float: left; border: 1px solid #ccc; background: #fff; padding: 1px; margin: 5px 15px 5px 0; }
.tinymce div.image-frame img { /*width: 252px; height: 189px;*/ display: block; border: 0 none; }
.tinymce div.image-frame .label { position: absolute; left: 1px; bottom: 1px; background: #000; padding: 5px; color: #fff; }



/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; /*z-index: 100;*/ z-index: 100000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; /*z-index: 90;*/ z-index: 90000;  width: 100%; height: 500px; background-color: #000; }