/* JCEG Web template | styled by ENOSIS Active Design - A. Grasset | a.grasset@enosis.ch */

/* GLOBAL */
* {margin:0; padding:0; border:0;}
html, body {height:100%; }
body {background-image:url(../img/E6-WEB-fondperdu.jpg); background-repeat:repeat-x; background-color: #420200}
a, a.* {cursor:pointer}
a, a.* {color:#666666; cursor:pointer}

/* MAIN LAYOUT */
#backgnddiv {margin:5% auto; width:962px; height:502px; background-color:#666666; vertical-align:middle; overflow:hidden}
#backgnddiv #back_img {border:1px solid #666666}
#maindiv {position:relative; top:1px; left:1px; width:960px; height:500px; background-color:#FFFFFF}
#leftdiv {float:left; width:180px; height:500px}
#logodiv {position:relative; top:50px}
#leftmenudiv {position:relative; top:100px; left:15px; width:165px}
#rightdiv {float:left; width:780px; height:500px}
#rightdiv a {color:#666666; text-decoration:underline;}
#topdiv {width:780px; height:20px; background-image:url(../img/E6-WEB-barre-rouge.jpg); background-repeat:no-repeat}
#contentdiv {width:780px; height:330px}
#contentbackgdndiv {position:absolute; top:80px; width:780px; height:240px; background-image:url(../img/E6-WEB-degrade1.jpg); background-repeat:no-repeat}
#contentbackgdndiv2 {position:absolute; top:5px; width:780px; height:471px; background-repeat:no-repeat}
#content_porfoliopicturediv {position:relative; float:left; top:-40px; left:40px; width:320px; height:288px; text-align:center}
#content_porfoliopicturediv img {border:1px solid #B5B5B5}
#content_textdiv {position:relative; float:left; top:50px; left:60px; width:360px; height:185px; overflow:hidden}
#content_textdiv2 {position:relative; top:20px; left:20px; width:760px; height:438px;}
#content_textdiv2 .leftimg {float:left; margin:0 5px 5px 0; clear:both}

#bottomdiv {position:absolute; width:780px; top:477px;height:23px; background-image:url(../img/E6-WEB-barre-grise.jpg); background-repeat:no-repeat; z-index:10;}
#leftarrow {position:relative; left:8px; bottom:-2px; width:13px; height:20px;}
#leftarrow{background-image:url(../img/arrow_left.gif); background-repeat:no-repeat}
#leftarrow:hover{background-image:url(../img/arrow_left_over.gif);}
#leftarrowhidden{background-image:url(../img/trans.gif); width:13px; height:20px;}
#rightarrow{position:relative; left:760px; bottom:18px; width:13px; height:20px;}
#rightarrow{background-image:url(../img/arrow_right.gif); background-repeat:no-repeat}
#rightarrow:hover{background-image:url(../img/arrow_right_over.gif);}
#rightarrowhidden{background-image:url(../img/trans.gif); width:13px; height:20px;}
#flecheGauche{position:relative; float:left; top:36px; width:18px; height:36px}
#flecheDroite{position:relative; float:left; top:36px; width:18px; height:36px}


/* TEXT LAYOUT */
#leftmenudiv {font-family:Arial, Helvetica, sans-serif; font-size:12px}
#leftmenudiv p {font-size:1.4em; line-height:1.4em; margin-bottom:1.4em}
#leftmenudiv a {text-decoration:none; font-size:12px; font-weight:bold; color:#666666; letter-spacing:0.06em}
#leftmenudiv a:hover, #leftmenudiv a:active {color:#990000}

#content_textdiv,#content_textdiv2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:transparent}
#content_textdiv h1 {font-size:16px; font-weight:bold; color:#990000;margin-bottom:5px}
#content_textdiv2 h1 {font-size:16px; font-weight:bold; color:#990000;margin-bottom:25px}
#content_textdiv h5,#content_textdiv2 h5 {font-size:13px; color:#666666;margin-bottom:12px}
#content_textdiv p,{font-size:1em; line-height:1.2em; margin-bottom:2em}
#content_textdiv2 p {font-size:1em; line-height:1.2em; margin-bottom:0.6em}
#content_textdiv2 ul li { list-style-type:disc;; margin-left:15px}

/* LEFTMENU */
#leftmenudiv {font-family:Arial, Helvetica, sans-serif; font-size:12px}
#leftmenudiv p {font-size:1.4em; line-height:1.4em; margin-bottom:1.0em}
#leftmenudiv a {text-decoration:none; font-size:12px; font-weight:bold; color:#666666; letter-spacing:0.06em}
#leftmenudiv a:hover, #leftmenudiv a:active {color:#990000}
.menuitemdiv {height:20px; background-image:url(../img/E6-WEB-bullet-off.jpg); background-repeat:no-repeat}
#leftmenudiv a:hover .menuitemdiv {background-image:url(../img/E6-WEB-bullet-over.jpg)}
#leftmenuitemin {position:relative; left:20px}
#leftmenudiv .menuitemdiv_selected {background-image:url(../img/E6-WEB-bullet-on.jpg);background-repeat:no-repeat;text-decoration:none; font-size:12px; font-weight:bold; color:#990000; letter-spacing:0.06em; line-height:1.3em; margin-bottom:1.8em}

/* Portfolio Image Slide */
#slidediv {clear:both; width:780px; height:127px}
#slideimagediv {position:relative; float:left; top:13px; width:122px; height:100px; text-align:center}
#slideimagediv a:hover .slideimage {Filter:Gray}