/* --- submenu tabs --- */
@import url(style_onglet.css);
/* --- reset --- */
* { margin:0; padding:0; }
:focus { outline:0; }
/* --- basics --- */
html { background:white; width:100%; height:100%; margin:0; padding:0; }
body { position:relative; width:100%; height:100%; margin:0 auto; padding:0; font:normal 62.5%/150% Verdana, Helvetica, Arial, sans-serif; color:#333; }
h6 { margin:5px auto 20px; font-size:18px; font-weight:bold; }
p { margin:0 0 15px 17px; }
p img { margin:5px; }
span.superscript { vertical-align:super; font-size:75%; }
span.subscript { vertical-align:sub; font-size:75%; }
div#intro { margin:0; height:auto; }
div#intro.imageinside { min-height:100px; _height:110px; }
div#intro h1 { font:normal 18px Verdana, Helvetica, Arial, sans-serif; margin-bottom:10px; }
div#intro h2 { font:italic 12px Verdana, Helvetica, Arial, sans-serif; text-align:justify; }
div#intro p { font:normal 12px Verdana, Helvetica, Arial, sans-serif; color:#333; margin:15px 0 10px; }
div#intro p.bodytext { font:normal 10px Verdana, Helvetica, Arial, sans-serif; color:#333; margin:15px 0 10px; }
div#intro img { margin:2px 5px 5px; }
p.more { height:10px; }
a.more:link, a.more:visited { float:right; color:#00a394; text-decoration:underline; height:10px; }
a.more:hover, a.more:active { text-decoration:none; }
/* --- design --- */
#container { width:1090px; margin:0 auto; }
/* --- col_left (MENU) --- */
#col_left { float:left; width:291px; min-height:927px; _height:927px; }
#col_left.climate { }
#col_left #logo { position:relative;width:220px;height:160px;background:url(../image/logo.png) center no-repeat;margin:0 auto 20px;}
#col_left #logo a { position:absolute;width:123px;height:123px;top:34px;left:48px;text-indent:-9999px;}
#col_left #menu { margin-top:-8px; }
#col_left #menu ul { width:200px;margin:0 auto;list-style:none;border-top:2px dotted #d9d9d9;}
#col_left #menu ul li { margin:0 auto; border-bottom:2px dotted #d9d9d9; }
#col_left #menu ul li a:link, #col_left #menu ul li a:visited { display:block;height:30px;padding:10px 0 0 20px;font:bold 1.2em/20px Verdana, Helvetica, Arial, sans-serif;text-decoration:none;}
#col_left #menu ul li a:hover, #col_left #menu ul li a:active { background:url(../image/menu_hover.gif) center no-repeat;}
#col_left #menu ul li a.active { background:url(../image/menu_hover.gif) center no-repeat; }
#col_left #menu ul li a:link, #col_left #menu ul li a:visited { color:#007e09; }
#col_left #menu ul li.last { border-bottom:0; }

#col_left #menu ul li.last input[type="text"] { background-color:white; border:1px solid #00A394; color:black; }
#col_left #menu ul li.last input[type="submit"] { background-color:white; border:1px solid #00A394; font:normal 10px Verdana, Helvetica, Arial, sans-serif; color:#00A394; cursor:pointer; }
#col_left #menu ul li ul { border:0; padding:0; }
#col_left #menu ul li ul.sub_menu { margin:-20px 0 -5px; .margin:0; _margin:-5px 0; padding:0 0 10px 0; _padding:0 0 15px 0; list-style:none; }
#col_left #menu ul li ul.sub_menu li { display:block; width:auto; _height:20px; border:0; margin:-12px 0 0 0; .margin:0 0 0 0; _margin:0; padding:0 0 0 12px; background:url(../image/dot_blue.gif) 18px 16px no-repeat; .background:url(../image/dot_blue.gif) 18px 7px no-repeat; _background:url(../image/dot_blue.gif) 18px 5px no-repeat; white-space:normal; word-wrap:break-word; /*border:1px solid red;*/ }
#col_left #menu ul li ul.sub_menu li a:link, #col_left #menu ul li ul.sub_menu li a:visited { text-decoration:none; /*background:none;*/ height:auto; .padding:0 0 0 0px; .margin:0 0 0 20px; }
#col_left #menu ul li ul.sub_menu li a:hover, #col_left #menu ul li ul.sub_menu li a:active { text-decoration:underline; background:none; .background:url(../image/dot_blue.gif) -2px 7px no-repeat; height:auto; .padding:0 0 0 0px; .margin:0 0 0 20px; color:#666666; }
#col_left #menu ul li ul.sub_menu li span { font:normal 10px Verdana, Helvetica, Arial, sans-serif; color:#666666; }
#col_left #menu ul li ul.sub_menu li span.active { text-decoration:underline; }

#col_left #menu #website { position:fixed; _position:absolute; width:200px; bottom:20px; _top:780px; margin-left:40px; padding-top:2px; padding-bottom:5px; padding-left:20px; background:url(../image/bg_website.gif) 0 0 no-repeat; /*height:80px; min-height:72px;*/ }
#col_left #menu #website._1l { background:url(../image/bg_website-1line.gif) 0 0 no-repeat; }
#col_left #menu #website._2l { background:url(../image/bg_website-2lines.gif) 0 0 no-repeat; }
#col_left #menu #website._3l { background:url(../image/bg_website-3lines.gif) 0 0 no-repeat; }
#col_left #menu #website._4l { background:url(../image/bg_website-4lines.gif) 0 0 no-repeat; }
#col_left #menu #website._5l { background:url(../image/bg_website-5lines.gif) 0 0 no-repeat; }
#col_left #menu #website._6l { background:url(../image/bg_website-6lines.gif) 0 0 no-repeat; }
#col_left #menu #website p { margin:5px auto; text-align:justify; }
#col_left #menu #website a:link, #col_left #menu #website a:visited { font-weight:bold; text-decoration:none; color:#0468b2; }
#col_left #menu #website a:hover, #col_left #menu #website a:active { font-weight:bold; text-decoration:underline; }
#col_left #menu #website a span { color:#0096A3; }
#col_right { float:left; width:793px; min-height:900px; border-right:2px dotted #D9D9D9; border-left:2px dotted #D9D9D9; margin-left:0; _margin-right:-20px; }
/* --- text justification --- */
#col_right p, #col_right h1, #col_right h2, #col_right h3, #col_right h4, #col_right h5, #col_right h6, #col_right { text-align:justify; }
#col_right #header { width:793px; height:215px; }
#col_right #header p { top:5px; padding:10px 15px; font:normal 11px/13px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#838383; }
#col_right #header #newsletter { position:relative; left:590px; top:180px; width:200px; }
#col_right #header #newsletter input[type="text"] { border:1px solid #999999; color:#999999; }
#col_right #header #newsletter input[type="text"]:focus { border:1px solid black; color:black; }
#col_right #header #newsletter input[type="text"]:hover { border:1px solid black; color:black; }
#col_right #content #page { width:auto; padding:20px 20px 0; }
#col_right #content #page #n_col { margin-left:-20px; width:773px; border-top:2px dotted #d9d9d9; }
#right_elements .bodytext { margin:0;}
#right_elements ul li h1 { font-size:10px; }
#right_elements ul li h2 { font-size:10px; }
#right_elements ul li h3 { font-size:10px; }
#right_elements ul li h4 { font-size:10px; }
#right_elements ul li h5 { font-size:10px; }
#right_elements ul li h6 { font-size:10px; }

#right_elements #logos { margin:0 auto; width:108px; height:350px; background-color:white; }
#right_elements #logos img { display:block; margin:15px auto; border:0; }

/* --- footer --- */
#footer { /*position:absolute; top:907px; _top:900px;*/ margin-left:291px; /*.margin-left:-793px; _margin-left:-793px;*/ width:793px; text-align:center; font:normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#39526b; }
#footer p a { text-decoration:none; color:#39526b; }
#footer p a:link, #footer p a:visited { text-decoration:none; color:#39526b; }
#footer p a:hover, #footer p a:active { text-decoration:underline; }
#footer a img { border:0; margin:0 3px; text-decoration:none; }
#footer p a.active:hover, #footer p a.active:active, #footer p a.active:visited { text-decoration:underline; }
/* --- logos_partners --- */
#col_right #content #page #logos_partners { display:block; margin-bottom:5px; padding-left:20px; width:270px; text-align:center; }
#col_right #content #page #logos_partners div {  }
#col_right #content #page #logos_partners div a { border:0; margin:0 5px; text-decoration:none; }
#col_right #content #page #logos_partners div a img { border:0; margin-top:5px; }

/* --- NECTIL MEDIAS STYLES --- */
.emphasis { color:#0469b2; font-style:italic; font-weight:bold; display:block; /*width:100%;*/ padding:10px; border:1px solid #666666; }
.quotation { color:#0469b2; font-style:italic; display:block; /*width:100%;*/ padding:10px; border:1px solid #666666; }
.example { color:#000000; font-style:normal; display:block; /*width:100%;*/ padding:10px; border:1px solid #666666; }
.comment { color:#666666; font-style:italic; display:block; /*width:100%;*/ padding:10px; }
.note { color:#666666; font-style:italic; display:block; /*width:100%;*/ padding:10px; border:1px solid #666666; }
.caps { }
.colored { color:#0469B2; font-weight:bold; }
.italic, .i {font-style:italic;}
/* --- Kante --- */
.backButton { display:block; position:relative; left:595px; text-align:right; top:-33px; width:150px; }
.backButtonShort { display:block; position:relative; left:425px; text-align:right; top:-33px; width:150px; }
#body { margin:0 -20px; padding:20px 20px 0 20px; border-top:2px dotted #d9d9d9; margin-top:20px; }
/* --- ajout des 2 boutons pour Green Paper --- */
a#button_421,a#button_1172,a#button_692 { float:left; display:block; width:231px; height:57px; text-indent:-99999px; }
a#button_421 { margin:0 10px 5px 40px; _margin-left:20px; _margin-right:2px; background:url(../image/searchGreenPaper.png) 0 -57px no-repeat; }
a#button_421:hover { background-position:0 0; }
a#button_1172 { margin:0 40px 5px 10px; _margin-left:2px; _margin-right:20px; background:url(../image/submitCaseStudy.png) 0 0 no-repeat; }
a#button_1172:hover { background-position:0 -57px; }
a#button_692 { margin:0 10px 5px 150px; _margin-left:80px; _margin-right:2px; background:url(../image/submitCaseStudy.png) 0 -57px no-repeat; }
a#button_692:hover { background-position:0 0; }