html { overflow-y: scroll }
body { color: black; min-width: 760px; text-align: center; margin: 0; padding: 0; background: #444f63; font: 0.7em/1.4em 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, Verdana, sans-serif; }
#container { margin: 0 auto; padding: 0; position: relative; text-align: left; width: 790px; background: url(../images/background-new.jpg) repeat-y top center; }
/*
** Main Menu
==================================================
*/
#container_menu { position: absolute; width: 760px; left: 50%; top: 118px; margin-left: -382px; z-index: 100; }
#container_menu ul li { background: none; display: block; float: left; margin: 0; padding: 0; }
#container_menu li { }
#container_menu li a {text-transform:uppercase; padding: 6px 4px 6px 4px; display: block; float: left; text-decoration: none; background: url(../images/menu-separator.jpg) no-repeat right; height: 20px; font: 1.em "Lucida Sans", arial, sans-serif; }
#container_menu ul li.selected a { color: yellow }
#container_menu a:visited,
#container_menu a:link { color: #FCFAE1; text-shadow: rgb(0, 0, 0) 2px 2px 0px; }
#container_menu a:hover { color: yellow; text-decoration: none; }
#container_menu ul { list-style: none; margin: 0; padding: 2px; margin-left:10px;}
#container_menu .selected { color: yellow !important; }
#container_menu .drop { position: relative; display: none; }
#container_menu .drop ul { position: absolute; top: 30px; width: 210px; background-color: #213e83; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; padding: 4px; }
#container_menu .drop ul li { width: 100%; }
#container_menu .drop ul li a { background: none; width: 192px; text-align: left; text-shadow: none; font-weight: normal; line-height: 18px; height: auto; padding: 2px 8px;}
#container_menu .drop ul li a:hover { background-color: #415ea3; }
#container_menu ul li:hover .drop { display: block; }
#contents { text-align: left; height: 1%; padding-bottom: 10px;padding-left:4px; min-height:400px;}
#container_child { margin-left: 20px }
#contents .screenshot_container { margin-bottom: 0.5em }
#contents .screenshot_container a { border: 0; margin: 0; padding: 0; }
#contents .screenshot_container img { margin-bottom: 0; padding: 0; border: 0; border-bottom: 1px solid #333; border-top: 1px solid #333; }
#contents img.noborder { border-style: none }
#contents p { margin: 2px 8px; }
#header { background: url(../images/background-top3.png) no-repeat center; width: 100%; height: 180px; }
#language_bar { width: 750px; left: 50%; margin-left: -375px; padding: 2px; text-align: right; margin-right: 13px; top: 10px; position: absolute; z-index: 2; }
#language_bar a,
#language_bar a:visited,
#language_bar a:link { color: darkgray; text-decoration: none; }
#language_bar a:hover { text-decoration: underline }
#footer { background: url(../images/background-bottom.png) no-repeat center top; width: 100%; height: 50px; }
#footer p { color: white; text-align: left; width: 750px; }
#footer-copyright { width: 750px; left: 50%; margin-left: -640px; position: relative; color: darkgray; height: 16px; }
#footer-text { width: 700px; left: 50%; margin-left: -326px; position: relative; color: white; text-align: left; height: 32px; margin-top: -61px; }
#footer-text p,
#footer-copyright p { }
/* ** Images
================================================== */
img.product_header { border-top: #333 1px solid; border-bottom: #333 1px solid; }
img.illustration { margin: 1em }
img.border { border: 1px solid black }
img.left { float: left }
img.right { float: right; margin-right: 16px; }
img.left_logo { float: left; border: 0; margin-right: 1em; }
ul { list-style-type: none; padding: 16px; margin: 0em; }
ul li { background-image: url(../images/icons/arrow.png); background-repeat: no-repeat; padding-left: 20px; margin-top: 4px; }
span.detail { font-size: xx-small }
div.debug { text-align: left; color: red; z-index: 2; }
a.arrow_links { background: url(../images/icons/arrow.png) no-repeat 0 top; color: #2d6dbd; padding-left: 18px; line-height: 2em; font-size: 12px; }
h2 { font-size: 16px; font-weight: 300; padding: 4px; margin: 0; }
h3 { padding-bottom: 3px; margin-bottom: 8px; padding-top: 5px; font-size: 14px; margin-top: 0; border-bottom: 2px dotted #ccc; width: 96%; }
h4 { padding: 6px 0 4px 0; font-size: 12px; font-weight: bold; margin: 0; }
#rotator { background: url(../rotator/rotator.php) no-repeat center top; z-index: 2; position: absolute; width: 212px; height: 127px; left: 50%; top: 32px; margin-left: 168px; }
h1 { text-transform: uppercase; display: block; background: url(../images/title-banner.png) no-repeat left top; height: 25px; color: white; margin: 0; padding-left: 6px; padding-top: 4px; text-shadow: #000000 2px 2px 0; font-size: 16px; font-weight: 200; }
/* h1 { display: block; margin: 0; padding:4px; font-size: 16px; } */
.twocol { padding: 0px 0 10px; margin: 0px 2px 0px 0px; text-align: left; float: left; }
.twotext { width: 370px }
.onecol { padding: 0px 0 10px; margin: 0px 2px 0px 0px; text-align: left; float: left; }
.onetext { width: 740px }
.mtwocol { padding: 0px 0 10px 10px; margin: 0px 0 0px 0px; text-align: left; float: left; }
.mtwotext { width: 167px }
img { border: 0 }
img.link { vertical-align: bottom }
.blurb { line-height: 1.5em; color: white; background: url(../images/banner-filler.png) repeat-x; padding-top: 10px; padding-bottom: 10px; padding-top: 10px; width: 365px; }
.blurb em { font-size: +1.2em; font-style: normal; }
p { padding: 2px 0; margin: 0 1em; font-size: 1.1em; }
#promotions { height: 88px }
blockquote { margin: 20px; margin-top: 20px; padding-bottom: 50px; /* background: transparent url(../images/quoleft.png) left top no-repeat; */ }
blockquote div { padding: 0 48px; /* background: transparent url(../images/quoright.png) right bottom no-repeat;*/ }
blockquote p { font-size: 11px; margin-left: 0; }
input,
textarea { border: 1px solid darkgrey; width: 360px; }
form { margin-left: 16px }
div#ajax-status { width: 16px; height: 16px; display: inline-block; padding-bottom: 4px; margin-left: 12px; }
div#ajax-status.ajax-loading { background: url(../images/icons/loading.gif) no-repeat }
#errors,
#noerrors { margin-left: 2em; display: block; margin-bottom: 1em; margin-top: 1em; }
#errors { color: red }
#noerrors { color: green }
#sondage-badge { width: 120px; height: 120px; z-index: 2; position: absolute; left: 50%; margin-left: -423px; background-color: transparent; }
ol { padding-left: 2em; }
form ol { list-style: none }
strong { font-weight: bold; margin-bottom: 4px; margin-top: 4px; }
/* ===[ Formulaires ]=== */
form ol { list-style-type: none; margin: 0; padding: 0; }
form ol li { margin-bottom: 10px }
form ol li em { display: block; float: left; font-size: 14px; width: 100%; padding-bottom: 5px; padding-top: 10px; color: #13bff1; font-weight: bold; }
form hr { display: none }
span.form-error { display: block; width: 250px; position: absolute; background-color: #ffec54; margin-left: 438px; padding: 5px; }
span .pointer { background-image: url(../images/arrow.png); display: block; width: 16px; height: 16px; position: absolute; top: 0px; left: -16px; }
form input { width: auto; }
input.form_input_text { width: 360px; }
#ws-vimagemap { background: url(/public/images/vertebres/colonne.jpg) center left no-repeat; margin: 0 0 56px 6px; width: 460px; height: 600px; position: relative; }
#ws-vimagemap .vitem { position: absolute; width: 128px; }
#vitem-highlight { position: absolute; height: 600px; width: 5px; left: 128px; top: 0; }
.cervicales { background-image: url(/public/images/vertebres/back-green.png); }
.dorsales { background-image: url(/public/images/vertebres/back-red.png); }
.lombaires { background-image: url(/public/images/vertebres/back-orange.png); }
.sacrum { background-image: url(/public/images/vertebres/back-yellow.png); }
#descriptions { position: absolute; top: 0; left: 138px; width: 200px; height: 750px; }
.vitem-description { display: none; position: absolute; top: 0; left: 0; }
.vitem-description h3 {text-transform:uppercase;}
#descriptions p,
#descriptions h2,
#descriptions h3,
#descriptions h4,
#descriptions h5 { margin-left: 6px; }
.thirdleft { width: 404px; }
.thirdleft h1 { width: 472px; padding-bottom: 10px; }
.thirdright, .thirdright .twotext { width: 280px; }
.vertical-guide {display:none;width:328px;position:absolute;left:230px;top:0;height:1100px;border-left:1px solid #069;border-right:1px solid #069;z-index:1000;}
#ws-- #contents, #ws-splash #contents {
position:relative;
left:-8px;
top:132px;
}
#ws-- h2, #ws-splash h2 {
border: 1px solid #FFF;
padding:10px;
margin-bottom:12px;
text-shadow: #000000 2px 2px 0;
}
#ws-accueil h1 {
margin-left:-9px;
padding-left:14px;
}
h1 {
margin-left:-9px;
padding-left:14px;
}
#ws-accueil .thirdleft h1 { width:332px;}
#ws-accueil .thirdright h1 { margin-right:-69px;}
#ws-accueil #contents #descriptions .vitem-description p {
padding-left:10px;
}
#ws-accueil #contents #descriptions .vitem-description p.nota { font-size:10px !important; line-height:125%;}
.ws-services #contents #descriptions .vitem-description p.nota { font-size:10px !important; line-height:125%;}
#ws-- h2 { font-size: 22px; }
#ws-- p { font-size: 16px ; }
#ws-- #header {display: none;}
#ws-- table {border-spacing:0;margin-top:12px;}
#ws-- td p{ font-size:16px;}
span.phone { font-weight:bold; font-size:14px;}
#container #contents p.copyright { font-size:12px; text-align:center;}
#ws-- td:first-child { border: 1px solid #FFF; width:225px;height:105px; padding:10px;}
#ws-- td+td {padding-left:20px;}
.address { border-left:1px solid #fff;}
#descriptions h3 { color: #213E83;}
.theme-default .nivoSlider {
border:6px solid #fff;
margin-bottom: 36px !important;
}
#footer-text em {
font-weight: bold;
}
.ws-documentation #container #container_child #contents {width:740px;padding-left:6px;}
.ws-documentation #container #container_child #contents p img {margin-right:18px;}
.ws-documentation #container #container_child #contents h1 {margin-left:-11px;}
.ws-contact .right {float:right;}
table.contact {width:340px;margin-right:12px;margin-top:52px;}
.contact tr {height:72px;}
.contact td img {width:112px;cursor:pointer;}
.ws-contact #contents .contact .address { display:none;}
.ws-contact #contents .contact .address p{ font-size:11px;padding:0;margin:2px;}
.ws-contact #contents .contact span.phone{ font-size:10px;}
.ws-contact #form_1 {width:450px;}