/* div {border-style: dotted; border-color: green; border-width: 1px;} */

#rightMenuBrd {height: 394px; width: 2px; background: #ebebeb; padding: 0px; margin: 0px; position:absolute; }
#rightMenu {float : right; height: 384px; width: 213px; background: #fff}
#rightMenu {font-size : 10px; text-align:left}
#rightMenu {font-size : 12px}
#rightMenu ul { list-style: none outside; margin: 10px 0px 0px 0px; padding: 0; }
#rightMenu ul a {display: block; padding: 14px 0em 10px 50px; height:14px; }
#rightMenu ul a {display: block; padding: 12px 0em 10px 50px; height:12px; }
#rightMenu a:link, 
#rightMenu a:visited {color: #7f7f7f;}
#rightMenu a:hover, #rightMenu a:active, 
#rightMenu li.hi a, #rightMenu .hi {color: #000000; text-decoration: none;}
#rightMenu h2{font-size: 13px; color: #555; margin-bottom: 14px;}
#rightMenu h2, #rightMenu ul { padding-left:10px; padding-right:3px;}
#rightMenu p {padding-right: 20px;}

#rightMenu ul a {background: url(img/IconPi.jpg) no-repeat top left;}
#rightMenu .hi a {background: url(img/IconPi.jpg) no-repeat bottom left;}

#rightMenu ul a {background: url(img/icon-pi.png) no-repeat top left;}
#rightMenu .hi a {background: url(img/icon-pi.png) no-repeat bottom left;}

#rightMenu a#visu {background: url(img/IconA1.jpg) no-repeat top left;}
#rightMenu a#filt {background: url(img/IconA2.jpg) no-repeat top left;} 
#rightMenu a#desi {background: url(img/IconA3.jpg) no-repeat top left;}
#rightMenu a#adap {background: url(img/IconA4.jpg) no-repeat top left;}
#rightMenu a#ppro {background: url(img/IconA5.jpg) no-repeat top left;}
#rightMenu a#depl {background: url(img/IconA6.jpg) no-repeat top left;}
#rightMenu a#supp {background: url(img/icon-quest.png) no-repeat top left;}

#rightMenu .hi a#visu {background: url(img/IconA1.jpg) no-repeat bottom left;}
#rightMenu .hi a#filt {background: url(img/IconA2.jpg) no-repeat bottom left;}
#rightMenu .hi a#desi {background: url(img/IconA3.jpg) no-repeat bottom left;}
#rightMenu .hi a#adap {background: url(img/IconA4.jpg) no-repeat bottom left;}
#rightMenu .hi a#ppro {background: url(img/IconA5.jpg) no-repeat bottom left;}
#rightMenu .hi a#depl {background: url(img/IconA6.jpg) no-repeat bottom left;}
#rightMenu .hi a#supp {background: url(img/icon-quest.png) no-repeat bottom left;}

#rightMenu a#visu {background: url(img/icon-N1.png) no-repeat top left;}
#rightMenu a#filt {background: url(img/icon-N2.png) no-repeat top left;} 
#rightMenu a#desi {background: url(img/icon-N3.png) no-repeat top left;}
#rightMenu a#adap {background: url(img/icon-N4.png) no-repeat top left;}
#rightMenu a#ppro {background: url(img/icon-N5.png) no-repeat top left;}
#rightMenu a#depl {background: url(img/icon-N6.png) no-repeat top left;}
#rightMenu a#supp {background: url(img/icon-quest.png) no-repeat top left;}

#rightMenu .hi a#visu {background: url(img/icon-N1.png) no-repeat bottom left;}
#rightMenu .hi a#filt {background: url(img/icon-N2.png) no-repeat bottom left;}
#rightMenu .hi a#desi {background: url(img/icon-N3.png) no-repeat bottom left;}
#rightMenu .hi a#adap {background: url(img/icon-N4.png) no-repeat bottom left;}
#rightMenu .hi a#ppro {background: url(img/icon-N5.png) no-repeat bottom left;}
#rightMenu .hi a#depl {background: url(img/icon-N6.png) no-repeat bottom left;}
#rightMenu .hi a#supp {background: url(img/icon-quest.png) no-repeat bottom left;}


#HDown a:link {color: #356f3d}
#HDown a:visited { color: #356f3d}
#HDown a:active { color: #356f3d}
#HDown a:hover { color: #356f3d; text-decoration: underline;} 
#HDown {margin-left:  45px; margin-top:25px; padding:0; text-align:left}
			
#bottomLinksSpace {height:30px}
#bottomLinks {font-size: 10px}

#canvas {height: 384px; width: 483px; text-align:left} /*the best in FF */
#canvas {height: 384px; width: 482px; text-align:left} /*the best in ie7 */
#canvas {height: 384px; width: 480px; text-align:left} /*required by ie6*/
#canvas {background: red}
#canvas {background: #fff}

#canvas div {display: none;}
/*#canvas div {position: absolute; top: 0px; left: 0px; height: 384px; width: 512px}*/
#canvas div {height: 384px; width: 483px; position: absolute; left: 3px}
#canvas { font-size: 10px; line-height: 1.4em;}
#canvas { font-size: 11px; line-height: 1.4em;}
#canvas div p {padding:295px 20px 25px 20px; margin:0; }
#canvas div p {padding:285px 16px 25px 16px; margin:0; }
#canvas div p {text-align: justify;}
.c0text {padding:130px 70px 0px 70px; margin:0; text-align: justify;}

#canvas div#cs {background:url(img/splash_SebraNos.jpg) no-repeat top left;}
/*#canvas div#c0 {background:url(img/text_on_splash.png) no-repeat; background-position: 10px 35px}*/
#canvas div#c0 div#c0box {display:block; position:absolute; top:35px; left: 7px; background:url(img/trans90.png) repeat; border:1px solid black;}
#canvas div#c0 div#c0boxt1 {display:block;}
#canvas div#c0 div#c0boxt2 {display:none;}
#canvas div#c0 div#c0box p {padding:20px 4px 0px 4px; margin:0; }
#canvas div#c0 div#c0box p {text-align: justify;}

/** Im theme **/
#canvas div#c1 {background:url(img/Im_pre.jpg) no-repeat top left;}
#canvas div#c2 {background:url(img/Im_filt.jpg) no-repeat top left;}
#canvas div#c3 {background:url(img/Im_des.jpg) no-repeat top left;}
#canvas div#c4 {background:url(img/Im_train.jpg) no-repeat top left;}
#canvas div#c5 {background:url(img/Im_post.jpg) no-repeat top left;}
#canvas div#c6 {background:url(img/Im_dep.jpg) no-repeat top left;}
#canvas div#c7 {background:url(img/Im_help.jpg) no-repeat top left;}

/** Legs **/
.box p strong { color:#a01111}
#legs {overflow: auto; width: 100%;}
#legs p {margin: 0px 0px 2px 0px}
#legs p {font-size: 11px}

#leftLeg {float: left; width: 40%;}
#rightLeg {float: right; width: 58%;}

#leftLeg .box {width: 45%;}
#leftLeg .right {margin-left: 0px;}
#leftLeg .lower {margin-top:5px;}
#leftLeg .lower {margin-top:5px;}

#leftCont {width: 95%; padding-left:10px; height:100px}
#leftCont img {float: left; margin-right: 3px; margin-bottom: 2px} 
/*#leftCont img {float: left; margin-right: 3px; padding-bottom: 2px}*/
#leftCont a {display:block;}
#leftCont a:link { text-decoration: none; color: #000000}
#leftCont a:visited { text-decoration: none; color: #000000}
#leftCont a:active { text-decoration: none; color: #000000}
#leftCont a:hover { text-decoration: underline; color: #000000}

#rightCont {width: 93%; padding: 0px 10px; height:100px}

#rightLeg p.qte {line-height: 1.1em; margin-bottom: 0.4em}
#rightLeg p.qte {text-align: justify} 
/*#rightLeg p strong { color:#a01111}*/