/* Cofibel - CSS Screen Document */
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
img{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del{text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body{
	background:#01141d;
}
#header, #sidebar, #footer{
	cursor:default;
}
a{
	cursor:pointer;
}
#document{
	width:961px;
	margin:20px auto;
	background:#01141d url(../img/document.png) repeat-y left top;
}
#document #header{
	margin:0 13px;
}
#document #header h1{
	height:113px;
	background:#01141d url(../img/header.png) no-repeat left top;
}
#document #header h1 a{
	display:block;
	height:113px;
	overflow:hidden;
	text-indent:-1000px;
}
#document #header #navigation{
	padding:0 10px;
}
#document #header #navigation li{
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	background:transparent url(../img/separator.png) no-repeat left center;
	padding:0 5px 0 6px;
}
#document #header #navigation li.first{
	background-image:none;
	padding:0 6px;
}
#document #header #navigation li a{
	display:block;
	float:left;
	line-height:28px;
	color:#fff;
	text-decoration:none;
	padding:0 5px;
	border:1px solid #01141d;
}
#document #header #navigation li a:hover{
	color:#2f5a6c;
}
#document #header #companies{
	overflow:hidden;
	clear:both;
}
#document #header #companies li{
	position:relative;
	float:left;
	width:155px;
	margin:0 0 0 1px;
}
#document #header #companies li.first{
	margin:0;
}
#document #header #companies li strong{
	display:block;
	width:155px;
	height:175px;
	margin:0 0 180px 0;
	background:transparent url(../img/menu.jpg) no-repeat left center;
	overflow:hidden;
	text-indent:-1000px;
}
#document #header #companies li object{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#document #header #companies li a{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	float:left;
	width:155px;
	height:355px;
	display:block;
	background:transparent url(../img/menu.png) no-repeat left bottom;
	overflow:hidden;
	text-indent:-1000px;
}
#document.section-home #header #companies li strong{
	height:286px;
}
#document.section-home #header #companies li a{
	height:466px;
}
#document #header #companies li,
#document #header #companies li.current a,
body.no-js #document #header #companies li a:hover{
	background:transparent url(../img/menu.png) no-repeat -935px bottom;
}
#document #header #companies li#company-naviouest a{
	background-position:-156px bottom;
}
#document #header #companies li#company-naviouest strong{
	background-position:-156px center;
}
#document #header #companies li#company-naviouest,
#document #header #companies li#company-naviouest.current a,
body.no-js #document #header #companies li#company-naviouest a:hover{
	background-position:-1091px bottom;
}
#document #header #companies li#company-treguer a{
	background-position:-312px bottom;
}
#document #header #companies li#company-treguer strong{
	background-position:-312px center;
}
#document #header #companies li#company-treguer,
#document #header #companies li#company-treguer.current a,
body.no-js #document #header #companies li#company-treguer a:hover{
	background-position:-1247px bottom;
}
#document #header #companies li#company-belmet a{
	background-position:-468px bottom;
}
#document #header #companies li#company-belmet strong{
	background-position:-468px center;
}
#document #header #companies li#company-belmet,
#document #header #companies li#company-belmet.current a,
body.no-js #document #header #companies li#company-belmet a:hover{
	background-position:-1403px bottom;
}
#document #header #companies li#company-belmetgaz a{
	background-position:-624px bottom;
}
#document #header #companies li#company-belmetgaz strong{
	background-position:-624px center;
}
#document #header #companies li#company-belmetgaz,
#document #header #companies li#company-belmetgaz.current a,
body.no-js #document #header #companies li#company-belmetgaz a:hover{
	background-position:-1559px bottom;
}
#document #header #companies li#company-immobilier a{
	background-position:-780px bottom;
}
#document #header #companies li#company-immobilier strong{
	background-position:-780px center;
}
#document #header #companies li#company-immobilier,
#document #header #companies li#company-immobilier.current a,
body.no-js #document #header #companies li#company-immobilier a:hover{
	background-position:-1715px bottom;
}

#document #body{
	margin:0 13px;
	overflow:hidden;
}

.colmask {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	margin-top:1px;
	overflow:hidden;
}
.leftmenu {
	background:#01141d;
}
.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:312px;
	background:#fff;
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:312px;
}
.leftmenu .col1 {
	margin:0 0 0 312px;
	position:relative;
	right:100%;
	overflow:hidden;
}
.leftmenu .col2 {
	float:left;
	width:312px;
	position:relative;
	right:312px;
}
.rightmenu {
	background:#01141d;
}
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-312px;
	position:relative;
	right:100%;
	background:#fff;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
}
.rightmenu .col1 {
	margin:0 0 0 312px;
	overflow:hidden;
}
.rightmenu .col2 {
	float:right;
	width:312px;
	position:relative;
	left:312px;
}

.fullpage {
	background:#fff;
}
.fullpage .col1 {
	margin:0;
}

#document #content{
	position:relative;
}
#document #content h2{
	margin:15px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#01141d;
}
#document #content h3{
	margin:10px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2f5a6c;
}
#document #content h4{
	margin:10px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#01141d;
}
#document #content h5{
	margin:10px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#2f5a6c;
}
#document #content h6{
	margin:10px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#2f5a6c;
}
#document #content p,
#document #content ul,
#document #content ol{
	margin:10px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#01141d;
	text-align:justify;
}
#document #content ul{
	list-style:inside disc;
	margin:10px 30px;
}
#document #content a{
	color:#01141d;
}
#document #content a:hover{
	text-decoration:none;
}
#document #content p.error{
	background:transparent url(../img/content/exclamation.png) no-repeat left top;
	padding-left:20px;
	zoom:1;
}
#document #content p.valid{
	background:transparent url(../img/content/accept.png) no-repeat left top;
	padding-left:20px;
	zoom:1;
}
#document #content p.help{
	background:transparent url(../img/content/help.png) no-repeat left top;
	padding-left:20px;
	zoom:1;
}
#document #content p.information{
	background:transparent url(../img/content/information.png) no-repeat left top;
	padding-left:20px;
	zoom:1;
}
#document #content p.more,
#document #content p.next{
	background:transparent url(../img/content/next.png) no-repeat left top;
	padding-left:20px;
	zoom:1;
}
#document #content p.back,
#document #content p.prev{
	background:transparent url(../img/content/prev.png) no-repeat left top;
	padding-left:20px;
	zoom:1;
}
#document #content p.pdf{
	background:transparent url(../img/content/pdf.png) no-repeat left top;
	padding-left:20px;
	zoom:1;
}
#document #content p.calendar{
	background:transparent url(../img/content/calendar.png) no-repeat left top;
	padding-left:20px;
	zoom:1;
}
#document #content #website{
	position:absolute;
	top:2px;
	right:0;
	width:228px;
	height:27px;
	background:transparent url(../img/content/bg-website.png) no-repeat right center;
}
#document #content #website a{
	float:right;
	text-decoration:none;
	font-weight:bold;
	padding-left:20px;
	margin:4px 12px 0 0;
	background:transparent url(../img/content/website.png) no-repeat left center;
	zoom:1;
}
#document #content #website a:hover{
	color:#2f5a6c;
}
#document #content hr{
	margin:15px 0;
	color:#01141d;
	background-color:#01141d;
	height:1px;
	border:0;
}
#document #content form{
	clear:both;
	overflow:hidden;
}
#document #content form fieldset{
	margin:10px 15px;
}
#document #content form fieldset legend{
	margin:10px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2f5a6c;
}
#document #content form fieldset label{
	display:block;
	margin:5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#01141d;
	overflow:hidden;
}
#document #content form fieldset label.text strong,
#document #content form fieldset label.textarea strong,
#document #content form fieldset label.select strong{
	display:block;
	float:left;
	padding:0 5px 0 0;
	width:25%;
	text-align:right;
	font-weight:normal;
}
#document #content form fieldset label.text input,
#document #content form fieldset label.textarea textarea,
#document #content form fieldset label.select select{
	border:1px solid #01141d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#01141d;
	width:50%;
	padding:2px;
}
#document #content form fieldset div.submit{
	text-align:center;
	margin:5px 20px;
}
#document #content form fieldset div.submit input{
	padding:2px;
}

#document #sidebar{
	position:relative;
}
#document #sidebar h3{
	margin:10px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	padding:0 0 6px 0;
	background:transparent url(../img/sidebar-h3.png) repeat-x left bottom;
}
#document #sidebar h4{
	margin:10px 15px 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#2f5a6c;
}
#document #sidebar #map{
	border-bottom:1px solid #fff;
}
#document #sidebar #map-mask{
	position:absolute;
	top:0;
	left:0;
	width:312px;
	height:312px;
	background:transparent url(../img/map.png) no-repeat left top;
}
body.ie6 #document #sidebar #map-mask{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/map.png, sizingMethod=crop);
}
#document #sidebar ul{
	margin:3px 15px 10px 15px;
}
#document #sidebar ul li{
	padding:0 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#fff;
	background:transparent none no-repeat left 1px;
	zoom:1;
}
#document #sidebar ul li.tel{
	background-image:url(../img/sidebar/tel.png);
}
#document #sidebar ul li.fax{
	background-image:url(../img/sidebar/fax.png);
}
#document #sidebar ul li.address{
	background-image:url(../img/sidebar/address.png);
}
#document #sidebar ul li.email{
	background-image:url(../img/sidebar/email.png);
}
#document #sidebar ul li.website{
	background-image:url(../img/sidebar/website.png);
}
#document #sidebar ul li a{
	color:#fff;
	text-decoration:none;
}
#document #sidebar ul li a:hover{
	text-decoration:underline;
}

#document #footer{
	height:21px;
	background:#01141d url(../img/footer.png) no-repeat left top;
	clear:both;
	float:left;
	width:100%;
}
#document #footer ul{
	overflow:hidden;
	padding:0 5px;
}
#document #footer ul li{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	line-height:21px;
	background:transparent url(../img/separator.png) no-repeat left 6px;
	padding:0 3px 0 4px;
}
#document #footer ul li.first{
	background-image:none;
	padding:0 4px;
}
#document #footer ul li a{
	color:#fff;
	text-decoration:none;
	padding:0 3px;
}
#document #footer ul li a:hover{
	text-decoration:underline;
}