/* --- 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;line-height:22px; }
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 { position:relative; 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:270px;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:8px 0 8px 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) 0px 2px no-repeat;}
#col_left #menu ul li a.active { background:url(../image/menu_hover.gif) 0px 2px 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:0;
	_margin:-5px 0;
	padding:0 0 5px;
	_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 13px 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:#333;
}
#col_left #menu ul li ul.sub_menu li span.active {
	text-decoration:underline;
	color:#000;
}

#col_left #menu #website { width:200px; margin:275px auto auto 40px; padding-top:2px; padding-bottom:5px; background:url(../image/bg_website.gif) 0 0 no-repeat; }
#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; text-indent:15px; }
#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:574px; padding:20px 20px 0;}
#col_right #content #page.withRightZone {float:left; border-right: 2px dotted #D9D9D9;}
#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 { display:block; 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; margin-left:0; }
.example { color:#000000; font-style:normal; display:block; /*width:100%;*/ padding:10px; border:1px solid #666666; margin-left:0; }
.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 { text-transform:uppercase; }
.colored { color:#0469B2; font-weight:bold; }
.italic, .i {font-style:italic;}
.u {
	text-decoration:underline;
}
/* --- 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; }
ul#lang {
	position:absolute;
	top:195px;
	left:295px;
	height:19px;
	padding-right:5px;
	list-style:none;
	z-index:99;
}
ul#lang li {
	float:left;
	margin:0 0 0 5px;
}
ul#lang li span {
	float:left;
	display:block;
	margin:5px 0 0 5px;
	border-left:1px solid #9b5d40;
	width:1px;
	height:8px;
	font-size:4px;
	line-height:4px;
	overflow:hidden;
}
ul#lang li a {
	float:left;
	font-size:1em;
	text-decoration:underline;
	color:#333;
}
ul#lang li a:hover {
	text-decoration:none;
}
ul#lang li a.active {
	text-decoration:none;
	color:#1f6db6;
	cursor:text;
}
ul.list_arrow,
ul.list_item {
	list-style:none;
}
ul.list_arrow li {
		background: url("../image/arrow_turquoise.gif") no-repeat scroll 0 -1px transparent;
		padding: 0 0 0 25px;
}
ul.list_item li {
		background: url("../image/dot_blue.gif") no-repeat scroll 0 3px transparent;
		padding: 0 0 0 15px;
}