/* doortraining.ch | styled by digital design | www.digital-design.ch */

/* GLOBAL */
* { margin: 0; padding: 0; border: 0 }
html, body { height:100 }
body { font-size: 62.5%; font-family: "trebuchet ms", trebuchet, arial, helvetica, sans-serif; background-color: #fff }
/*scrollbar-3dlight-color:#eaeaea;scrollbar-arrow-color:#f00;scrollbar-base-color:#eaeaea;scrollbar-darkshadow-color:#f00;scrollbar-face-color:#fff;scrollbar-highlight-color:#eaeaea;scrollbar-shadow-color:#db797a*/

h1, h2, div#rightcol th { font-family: Arial, Helvetica, SunSans-Regular, sans-serif; line-height:1.5em }
p, td, input { font-size: 1.3em; line-height: 1.5em; margin:0; color:#333 }
a { color:#10598C; text-decoration: none; font-weight:bold }
a:hover { text-decoration: underline; cursor: pointer }
td { vertical-align:top}
strong {font-weight:bold}

/* TEXTE */
h1 { height: 36px; font-size:1.8em; line-height: 27px; padding: 0 12px;color:#850606 }
/*h2 { font-size:2em; padding: 0 12px 12px 12px }*/
h2 { float:left; font-size:1.5em; margin:0 5em 3em 0; padding:2.6em 1.6em 1.6em 1.25em; text-align:right; width:124px;font-weight: bold; color:#fff; background-color:#10598C}
#home h2 { margin:0 24px 5.4em 0; padding:2.6em 1.6em 1.6em 1.25em; width:178px}
/*#home div#rightcol p strong {color:#000}
#home div#rightcol p {width:326px}*/
h2.summary {color:#850606; float: none; width:100%;font-size:1.6em;padding: 0 12px; background: none; text-align: left; margin:0 0 0.3em 0}
h2.full {width:528px;text-align:center;margin:0 0 1.2em 0;padding:1em 0}

div#rightcol table { margin-left: 12px; margin-bottom: 2.2em}
#smallmargin div#rightcol table {margin:0 0 0 12px}
div#rightcol th { text-align: left; font-size:1.6em; color:#850606; padding-bottom: 12px }

/* COLONNE DE DROITE */
div#rightcol p { padding: 0 12px; text-align:justify } 

div#rightcol ul, #rightcol ol { margin: 0 0 1em 34px; color:#333; font-size: 1.3em}

/* div#rightcol ul li { margin-left: -6px; padding-left: 0.6em; list-style-image: url(../layout/door_bullet.png) } */
#rightcol ul li { margin-left: -1.8em; padding:1px 0 0.5em 1.25em; list-style-image: none; list-style-type: none; background: url(../layout/door_bullet.png) no-repeat 0 4px}
div#rightcol td ul li, #rightcol td ol li { font-size: 0.77em; padding:0 1.25em}
div#rightcol table#world td ul li, #rightcol table#world td ol li{ font-size: 0.77em; padding:0 0 0 1.25em}
div#rightcol table ul, #rightcol table ol { margin: 0 0 1em 22px}

div#rightcol img#pix { margin: 0 0 12px 0 }

a.pdf { display: block; height: 48px; background: url(../layout/pdf_transp.png) no-repeat 0 top; padding-left: 56px; line-height: 80px; font-size: 0.92em}

table#models td {vertical-align:middle}

/* COLONNE DE GAUCHE */
div#leftcol { padding-top: 1em; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif}
div#leftcol li { list-style-type:none}
div#leftcol a {display:block;padding:0 1.2em;border-bottom:1px solid white;font:bold 1em/2.5em Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration:none}
div#leftcol a:hover, div#leftcol a.current {color:#fff;background-color:#10598c}
div#leftcol a.haspdf {background:url(../layout/pdf_transp_s.gif) no-repeat 188px 5px}
div#leftcol a.haspdf:hover, div#leftcol a.current_haspdf {color:#fff;background:#10598c url(../layout/pdf_transp_s.gif) no-repeat 188px 5px}

div#leftcol ul.subnav a { font-weight: normal; padding-left: 3em}
div#leftcol ul.subnav a.current { font-weight: bold}

div#leftcol cite, div#leftcol p { color: #999}
div#leftcol p {font-size:1.2em; line-height:1.6em; padding: 0 1.2em 0.6em; text-align: right}
div#leftcol cite {display: block; font-size: 1.2em; line-height: 2em; padding: 1.75em 1.2em 0.4em;text-align: right}


/* NAVBAR */
div#nav ul {display:block;height:35px;list-style-type:none;padding:0 0 0 4.4em} /* padding: 0.4em 0.8em 0.4em 4.8em */
/* text-align: center ne marche pas à cause du float appliqué aux liens situés dans les li */
div#nav ul li { display: inline } /* essentiel pour ie */
div#nav ul li a, div#nav ul li a b {float:left;display:block;height:35px}
div#nav ul li a {margin:0 5px;padding:0 0 0 4px;color:#FFF;outline:none}
div#nav ul li a:hover,
div#nav ul li a.current:hover {background:url(../layout/bg_nav_ov.png) repeat left top;text-decoration:none}
div#nav ul li a:hover b {background:url(../layout/bg_nav_ov.png) no-repeat right top}
div#nav ul li a.current {background:url(../layout/triangle.gif) no-repeat center bottom} /*border-bottom: 4px solid #850606*/
/*div#nav ul li a.current b{color: #e6e6e6; background: url(../layout/bg_nav_cu.png) no-repeat right top}*/
div#nav ul li a b {padding:0 8px 0 4px;font:bold 1em/32px Verdana, Arial, Helvetica, SunSans-Regular, sans-serif}

/* HEADER */
img#logo {position:relative;margin:8px;left:0;width:176px; height:80px}

/* FOOTER */
div#footer p {text-align:center;font-size:1.1em;color:#808080;letter-spacing:0.1em}
div#footer a {font-weight: normal; color:#808080}
div#footer a:hover {text-decoration: underline;}

/* MAIN LAYOUT */
div#container {position:relative;width:760px;height:100%;margin:0 auto}
div#wrapper_header {position:absolute;top:0;left:0;width:760px;height:120px;clear:both}
div#header {height:95px;width:760px;clear:both}
div#nav {width:760px;height:35px;background: url(../layout/bg_nav.png) repeat-x;clear:both}
div#wrapper_content {position:absolute;top:140px;left:0;width:760px;background:#e6e6e6 url(../layout/bg_left.png) repeat-x left bottom;clear:both}
div#rightcol{float:right;width:540px;background-color:#fff;border-bottom:2.2em solid white;border-left:12px solid white}
div#leftcol {float:left;width:208px}
div#footer {line-height:3em;border-top:#10598C 2px solid;clear:both}

/*div#teaser,div#contact{position:relative;width:128px;margin-left:16px;height:auto}

div#contact{position:absolute;bottom:12px;left:0}*/