/* @override http://monkey.local/theurbanebody.com.au/squelettes/habillage.css */

/* @override http://www.theurbanebody.com.au/squelettes/habillage.css */

/* @group Yahoo! Library */

@import url(css/reset-min.css);
@import url(css/fonts-min.css);
@import url(css/jScrollPane.css);

/* @end */

/* URBANE BODY */

ol { margin:20px; }
#competition ol { font-size:10px; font-style:italic; clear:both; }
html, body { height: 100%; }
body { width: 100%; background-color: #000; font-family: Verdana; font-size: 13px; font-weight: 200; }
#wrapper { width: 100%; background: url(../IMG/wrapper-bg.gif) repeat-x top left; height: 565px; }
#page { width: 955px; margin: auto; height: auto !important; min-height: 100%; height: 100%; position: relative; }
body#home #page { width: 955px; margin: auto; height: auto !important; min-height: 100%; height: 100%; position: relative; }
body#home #wrapper { background:transparent url(../IMG/bg-wrapper-home.jpg) no-repeat scroll left top; }
body#specialty #page, body#trainer #page, body#vacunaut #page, body#vacumassage #page {  }
#hd { width: 955px; height: 118px; }
#hd #enter { float: left; margin: 70px 0 0 90px; }
a, a:active, a:visited { text-decoration: underline; color: #fff; outline:0; }
a:hover, a:focus { color: #666; }
strong { font-weight: bold; }
p { margin-bottom: 10px; }
p.imgTitle { padding-bottom: 10px; text-align: center; font-size: 12px; color: #444; }
p.image { text-align: center; }
span.media { margin-bottom: 20px; display: block;}
span.media a, a:active, a:visited { text-decoration: underline; color: #666; }
span.media a:hover { color: #777; }
#title { color:white; text-align:right; width:464px; padding-top:94px; }
h1 { font-size:18px; }
#home_specials { background-image:url(../IMG/special.gif); background-repeat:no-repeat; width:241px; height:68px; left:475px; position:absolute; top:355px; color:#fff; padding:46px 25px 0 18px; font-size:11px; }
#home_specials a, #home_specials a:visited { padding-top:5px; color:#fff; text-decoration:none; }
#home_specials a:focus, #home_specials a:hover { text-decoration:underline; }
#home_comp { background-image:url(../IMG/competition.gif); background-repeat:no-repeat; width:241px; height:94px; left:475px; position:absolute; top:355px; color:#fff; padding:46px 25px 0 18px; font-size:11px; }
#home_comp a, #home_comp a:visited { padding-top:5px; color:#fff; text-decoration:none; }
#home_comp a:focus, #home_comp a:hover { text-decoration:underline; }

/* @group Navigation */

body.hasJS #nav { width: 900px; }
#nav { width: 900px; height: 24px; float: left; font-family: Helvetica; font-size: 10px; font-weight: bold; text-decoration: none; }

#nav ul { padding-left: 17px; }
#nav li { float: left; padding: 6px 0 7px 17px; position: relative; list-style:none; margin-left: 0px; }
#nav li a, #nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav li a:hover { text-decoration: none; color:#660000; }
#nav li ul { margin: 0; padding: 0; display:none; }
#nav li ul li { float: none; padding-right: 0; }

body.hasJS #nav li a.top, body.hasJS #nav li.open a.top { display: block; }
body.hasJS #nav li { float: left; position: relative; padding-right: 0; }
body.hasJS #nav li.open { float: left; position: relative; }
body.hasJS #nav li.open a {  color:#990033; }
body.hasJS #nav li ul li a:hover { color: #990033; }
body.hasJS #nav li ul { position:absolute; top:26px; left: 16px; background-image:url(../IMG/sub_bg.jpg); background-repeat:repeat-x; background-color:#bbbaba; min-width: 170px; width: 170px; display: none; margin: 0;  }
body.hasJS #nav li #sub_4 { min-width:280px; width:280px; }
body.hasJS #nav li.open ul { display: block; z-index: 5000000; }
body.hasJS #nav li ul li { float: none; padding:0; margin:0; height:20px; display:block; clear:both; vertical-align:middle; padding-left:5px; overflow:auto; }
body.hasJS #nav li.open ul li a { color: #fff; font-weight:bold; display:block; height:15px; padding:4px 0 0 25px; }
body.hasJS #nav li.open ul li:hover a { color: #990033; }
.sub_line { height:20px; width:4px; background-color:#7a7a7a; display:block; float:left; margin-left:2px; }
body.hasJS #nav li ul li:hover .sub_line { background-color:#990033; }

/* @end */


/* @group Content */
#con { width: 100%; height: 445px; margin-top: 2px; }
#con #text { background-color: #929395; padding: 0; color: #FFF; width: 435px; margin: 61px 0 0 28px; overflow: auto; position: relative; }
#con #text.active { overflow: hidden; height: 425px; background-color: #929395; padding: 0; color: #FFF; width: 435px; margin: -10px 0 0 28px; position: relative; }
#con #text #scrollContainer { margin: 0; padding: 0; }
#con #text.active #scrollContainer { height: 425px; margin: 0; padding: 0; }
#con #text #scrollContainer div.jScrollPaneContainer { float: left; height: 280px; width: 435px; padding: 0; margin: 0; }
#con #text #scrollContainer div.scroller { padding: 10px; width: 415px; }
#con #text.active #scrollContainer div.scroller i { font-weight: bold; color: #666; font-style: normal; }
#con #text #scrollContainer div.scroller p.title { font-size: 14px; font-weight: bold; color: #99042e; padding-top:20px;}
#con #text.active #scrollContainer div.scroller { padding: 10px; width: 415px; height: 260px; }
body#our #con #text #scrollContainer div.jScrollPaneContainer { height: 280px; width: 435px; padding: 0; margin: 0; }
body#our #con #text.active #scrollContainer div.jScrollPaneContainer div.scroller p.testimonial { margin-bottom: 20px; }
body#our #con #text.active #scrollContainer div.jScrollPaneContainer div.scroller p.testimonial span.name { font-weight: bold; color: #666; }
body#our #con #text.active #scrollContainer div.jScrollPaneContainer div.scroller p.testimonial span.gender { font-weight: normal; color: #666; }

#competition #con #text { width: 800px; margin:0 auto; }
#competition #con #text.active { width: 800px; }
#competition #con #text #scrollContainer div.jScrollPaneContainer { width: 800px; }
#competition #con #text #scrollContainer div.scroller { width: 780px; }
#competition #con #text.active #scrollContainer div.scroller { width: 780px; }

/* Photo DIVS */
#con #photos { height: 10px; width: 10px; }
#con #title1 { width: 221px; height: 36px; position: absolute; top: 148px; left: 242px; text-align: right; }
#con #title2, #con #title3, #con #title4, #con #title5, #con #title6, #con #title7, #con #title8, #con #title9, #con #title10, #con #title11, #con #title12, #con #title13, #con #title14, #con #title15, #con #title16 { width: 221px; height: 36px; position: absolute; top: 148px; left: 242px; text-align: right; display: none; }
.photo { width: 284px; height: 148px; position: absolute; top: 120px; left: 475px; }

/* @end */


/* @group Logos */

#con #todaytonight { position: absolute; top: 382px; left: 474px; display: none; }
#con #hypoxi_logo { position: absolute; top: 497px; left: 662px; }
#con #siteLogo { position: absolute; top: 246px; left: 626px; }
#con #siteAltLogo { left:601px; position:absolute; top:528px; }
#competition #siteAltLogo { float:left; padding-top:72px; text-align:right; width:415px; }
#competition #title { float:left; padding-top:70px; }

/* @end */


/* @group Footer */

#ft { width: 955px; margin: 2px auto; padding-left: 55px; font-weight: normal; font-size: 9px; color: #929395; }
#ft a { color: #929395; text-decoration: none; }
#ft a:hover {  color: #aaa; }

/* @end */

ul.map {margin-left: 4em; font-size: 85%;}
ul.map ul { margin-left: 2em;}


/* FORMS */
fieldset { border: none; background: none; padding-bottom:20px; }
legend { display: none; }
.spip_form_label { display: block; clear: both; margin-left: 4px; font-size: 11px; font-weight: normal; float: left; width: 85px; }
.spip_form_label span { font-weight: normal; font-size: 100%; }
.spip_form_label .spip_form_label_obligatoire { font-size: 12px; color: #CC0000; }
.spip_form_label_details { display: none; }
.spip_form_ok { font-size: 12px; font-weight: normal; padding: 5px 0px 0px 5px; color: #777; }
.spip_form_champ { width: 440px; padding-top: 5px; }
.spip_form_champ input,
.spip_form_champ select,
.spip_form_champ textarea { width: auto; font-size:11px; border: 1px solid #D5CDC3; margin: 0 0 10px 4px; padding: 1px; }
.spip_form_champ input { float: left; display:block; width: 250px; }
.form_3 .spip_form_label { width: 130px;}
.form_3 .spip_form_champ input { width: 290px; }
.spip_form_champ textarea {	width: 290px; height: 50px; }
.spip_bouton { margin-right:20px; }
.spip_bouton input { font-size: 11px; background-color: #444; color: #fff; margin: 2px; border: none; }
.spip_bouton input:hover { background-color: #aaa; cursor: pointer; color:#333333; }
.spip_forms .spip_form_champ .champ_obli_oubli { border: 1px dotted #C00; background-color: #FFEFEF; }
.spip_forms .spip_form_label_details { display: none; }
.spip_forms .erreur { color: #C00; margin-left: 4px; font-size: 11px; padding-top: 1px; }
.required { width: 120px; text-align: right; float: right; color: #d70000; font-size: 11px; margin-right: 25px; }
.textestatique_1 { color: #d70000; }
.spip_form_choix_unique input {	width: auto; }

#competition .spip_form_champ { width: 760px; padding-top: 5px; overflow:auto }
#competition .spip_form_champ .spip_form_choix_multiple input { width:20px; }
#competition .form_3 .spip_form_label { width: 180px; }
#competition .form_3 .multiple_1 .spip_form_label, #competition .form_3 .multiple_2 .spip_form_label { width: auto; float:none; padding-bottom:10px; }
#competition .spip_bouton { overflow:auto; }
#competition .spip_bouton input { float:left; }
#competition .spip_form_champ input,
#competition .spip_form_champ textarea { width: 400px; }
#competition #input-3-multiple_1, #competition #input-3-multiple_2 { display:none; }