@import url('colorbox.css');

a.footer:link {
    color: #AAAAAA;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    position: fixed;
	bottom : 0;
    text-align: left;
    text-decoration: none;
	font-weight: bold;
}



a.footer:hover {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    position: fixed;
	bottom : 0;
    text-align: left;
    text-decoration: none;
	font-weight: bold;
}

.categories a, .categories span{color:white; text-decoration: none; font-weight:normal; font-size: 14px;}
.categories div{ margin: 20px auto; background-color:#333F48; padding: 17px;border-left: 1px solid white;border-right: 1px solid white; }
.categories h2{ margin: 20px auto; background-color:#333F48; padding: 17px; color:white; text-decoration: none; font-weight:normal; font-size: 14px;border-left: 1px solid white;border-right: 1px solid white; }
.categories ul{ margin-left: 50px; margin-top: 20px; text-decoration: none;}
.categories li{ margin-bottom: 20px;}


.categories a.sublink {
	color: #333F48;
}
.categories a.sublink:hover {
	color: #A2ACAB;
}

.compteur-ecocem{
	background-image: url(../../../images/fd_compteur_client-new.png);
	height: 72px;
	width: 240px;
	margin: auto!important;
	padding: 0!important;
	border: none;
	border-radius:6px;
}

.linklist a{
	text-decoration:none;
	/*background: -moz-linear-gradient(center top , #81C2F4 0%, #69ACE0 100%) repeat scroll 0 0 transparent;
    border: 1px solid #4E92C7;*/
	background-color: #00C389;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #FFFFFF;
    cursor: pointer;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    width: 100px;
}

.linklist a:hover{
	color:#333F48;
			text-shadow:0 1px 0 rgba(255,255,255,0.5);
			box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), 0 0 3px rgba(0,0,0,0.4);	
}

.listfichier { width: 60%; display:block;}

.listfichier li, .listfichier li a{ color:#333F48; font-weight: bold; margin-left: 40px; text-align: left;}

.listfichier img { float:right; max-height: 30px; width: auto;}

.pdf{	list-style-image: url("../images/pdf.png");}

.excel, .xlsx, .xls, .csv, .odf{	list-style-image: url("../images/excel.gif");}

.png, .jpg, .btm{	list-style-image: url("../images/image.png");}

.word, .doc, .docx, .txt{	list-style-image: url("../images/word.png");}

.video, .avi, .wmv{	list-style-image: url("../images/video.png");}

.statChange{
	color : white !important;
	background-color : #BE39D2 !important ;
}

.tableaux_backstatistique {
	margin-top:18px;
	background-color:#FFFFFF;
	}
	
.td_backstatistique {
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	border:solid;
	border-color:#c4c6c6;
	border-width:1px;
	background-color:#f7f7f7;
	}

.td_backstatistique_nom_societe {
	color:#333F48;
	text-align:center;
	height:30px;
	font-weight:bold;
	font-size:11px;
	border:solid;
	border-color:#c4c6c6;
	border-width:1px;
	background-color:#f7f7f7;
	}

.tr_backstatistique {
	background-color:#FFFFFF;
	height:30px;
	}

.backstatistique_titre {
	text-align:center;
	color:#333434;
	padding-top:8px;
	font-weight:bold;
	font-size:13px;
	}

.div_titre {

	height:30px;
	margin-top:28px;
	background-color:#BBBBBB;
	}

.div_tableaux {
	background-color:#f4f6f6;

	height:auto;
	}

.tr_contenu_tableaux {
	background-color:#FFFFFF;
	height:30px;
	}
	
.td_contenu_tableaux {
	text-align:center;
	color:#000000	;
	font-size:11px;
	border:solid;
	border-color:#e0e1e1;
	border-width:1px;
	}
	
.linkutilisateur {
	background:url(../../../images/bt1-roll-new.png) center center no-repeat; height:57px; width:218px;
}

.linkutilisateur:hover{
	background:url(../../../images/bt1-new.png) center center no-repeat;  height:57px; width:218px;
}

.linkstatistique {
	background:url(../../../images/bt2-new.png) center center no-repeat; height:57px; width:403px;
}

.linkstatistique:hover{
	background:#A2ACAB;  height:57px; width:403px;
}

.linkcompteur {
	background:url(../../../images/bt3-new.png) center center no-repeat; height:57px; width:137px;
}

.linkcompteur:hover {
	background:#A2ACAB; height:57px; width:137px;
}

.linkinfo {
	background:url(../../../images/bt4-new.png) center center no-repeat; height:57px; width:310px;
}

.linkinfo:hover {
	background:url(../../../images/t4-roll-new.png) center center no-repeat; height:57px; width:310px;
}

.mpast {
	background-color: #013668;
}

.mnpast {
	background-color: #00C389;
}

#nvEmploye input[type="text"]{
	color:#000000;	
}

#nvEntreprise input[type="text"]{
	color:#000000;	
}

.inputStat
{
	width : 80%;
}

html { overflow-y:scroll; overflow-x: auto }

a { outline:none; }



h2 { font-weight: normal; margin: 0; padding: 5px 0; font-size:12pt; }

h3 { font-weight: normal; font-style: italic; margin: 10px 0 5px 0; color: #fff; font-size:11pt; }

h5{color:#FFF; font-size:16px !important; text-align:center; padding: 15px 0px 15px 0px !important; }

p { line-height: 2em; margin: 10px 0; }
p.quote1 { color: #FFFFFF;
    font-size: 10pt;
    font-style: italic;
    line-height: 2em;}
p.footnote { font-size: 9pt; line-height: 1.4em; }

dl { background: #242424; padding: 1em 1em 0.4em 1em; }
dt { color: #fff; }
dd { padding: 0.2em 0 1.8em 2em; }

#logo,
#menu,
#page,
#footer
{ width: 1075px; margin: 0 auto; }
.clear{ clear:both}

#menu a{ text-decoration:none; color:#d0d3dd; padding-top:5px;}
#menu a:hover{ color:#fff}
#menu li.active a { color:#333F48;
	font-size: 18px;}

#sous-menu {text-align:center;}
#sous-menu div{ display:inline-block; text-align:center;  margin-top:5px; }
#sous-menu a{ text-decoration:none; color:#d0d3dd; }
#sous-menu a:hover{ color:#fff}
#sous-menu li.active a { color:#D77C15}

/*#logo { background:url(../../../images/logo.png) left top no-repeat; margin: 20px auto 10px auto; height:65px; }*/
#logo a { text-decoration: none; height: 65px; width: 300px; display: block; float: left; margin-right: 0.5em; }
#logo p { margin-top: 6px; float: left; }
#page { padding: 25px 0 10px 0; margin:0 auto;width:1075px; margin-top: 13px;background-image:url(../../../images/top_page-new.png); background-repeat:no-repeat; background-position:top; background-color:#FFF; text-align:center; }
/*#contentpage { background: white; min-height:300px;}*/
#page h2.cleaner, #page h3.cleaner { border-top: 1px solid #444; padding-top: 1.5em; margin-top: 1.4em; }


#footer { border-top: 1px solid #272829; padding: 5px 0; clear:both; margin-top: 5px; }
#footer p { color:#757575; text-align: center; font: 9pt Arial, Helvetica, sans-serif; }
#footer p span { margin-left: 0.8em; padding-left: 1em; border-left: 1px solid #757575; }
#footer p a { color:#9C9A9A; text-decoration:none; }
#footer p a:hover { text-decoration: underline; color: #fff;  }

#subtitle { background: #222; margin-top: 15px; position: absolute; top: 540px; left: 0; width: 1075px; }
#subtitle p { font: 8pt arial, sans-serif; margin: 0; color: #656565; line-height: 2em; text-align: center; }
#subtitle p span { margin-left: 0.8em; padding-left: 1em; border-left: 1px solid #444;  }

#layout { padding: 5px; }
.encadre {background: #242424; padding:3px 6px;}
#layout ul { margin: 0 0 0 1px; list-style: circle; list-style-position: inside; padding: 0; }
#layout ul li { color: #ccc; line-height: 2em; margin: 0; padding: 5px 15px; }
#layout ul li.even { background: #444; }
#layout ol { margin: 0 0 0 1px; padding: 5px; list-style: lower-roman; list-style-position: inside; }
#layout ol li { margin: 10px; padding: 0; line-height: 2em; }
#layout ol li h3 { display: inline; }

#layout .column1 ul,
#layout .column2 ul { width: 444px; }

#pageimgbox { margin: 0; width: 926px; height: 196px; }
#sectiondownload { float: right; background:url(../../../images/download_img.png) right top no-repeat; margin: 131px 6px 0 0; height: 35px; width: 188px }

.co2box { margin: 0 0 0 4px; padding: 0; height: 148px; }
a.disco {
		/*background: url("../../../images/bt_deco.png") no-repeat scroll center center transparent;*/
		text-decoration: none;
		background-color: #333F48;
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		color: #FFFFFF;
		cursor: pointer;
		padding: 10px;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		width: 100px!important;
   	 	float : right!important;
		height: 15px!important;
		margin-top: 20px!important;
		text-align: center;
		transition: transform 0.4s;
		margin-right:0!important;
}
a.disco:hover{
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), 0 0 3px rgba(0,0,0,0.4);
	background-color: #A2ACAB;
	color:#333F48!important;
}

a.factsheet { font-weight: bold; color: #fff; display: inline-block; padding: 2px 26px 2px 0; text-decoration: underline; background: url(../../../images/icons/icon-pdf.png) right top no-repeat; }
a.factsheet:hover { text-decoration: none; }

a.pagelink { color: #7383ff; text-decoration: none; }
a.pagelink:hover { text-decoration: underline; }

.column1 { float: left; width: 440px; padding-right: 10px; padding-bottom: 1.4em; }
.columnfull { clear: both; padding: 1px 0 0 0;}
.column2 { float: right; width: 460px; padding-bottom: 1.4em; }
.columnspace { height: 9em;}

.regTable { font-size: 10pt; border-collapse: collapse; margin: 10px 0 20px 0; }
.regTable td, .regTable th { border-top: 1px solid #313233; border-bottom: 1px solid #313233; text-align:center; }
.regTable th { padding: 10px; }
.regTable td { padding: 5px; }
.regTable thead tr th { color: #ADCA03; }
.regTable tbody tr td { color: #DADAD8;}
.regTable td ul { width: auto !important; text-align: left; font-size: 9pt;}
.regTable td ul li { color: #DADAD8 !important; }
.regTable td p { text-align: left; font-size: 9pt; }

.regTableBG { background: #181818; }

.chart p { padding: 7px; display: block; background: #242424; margin: -2px 0 1em; font-style: italic;}
.illustration img { border: 2px solid #242424; }

.gallery_table {  margin: 0 -34px; }
.gallery_table td { vertical-align: top; background: #242424; width: 200px; }
.thumbnail img { width: 200px; }
.thumbnail p { padding: 0 7px 7px 7px; font-style: italic; margin: 0; }
.thumbnail .gallery_date { color: #fff; font-style: normal; display: inline-block; width: 100%; padding-top: 1em; font-size: 8pt; }


.gallery .gallery-item { display: inline-block; width: 100%; margin: 5px 0 10px 0; }
.gallery .gallery-item .gallery-thumbnail { width: 300px; float:left; border: 2px solid #242424;  }
.gallery .gallery-item .gallery-item-right { width: 590px; float:left; }
.gallery .gallery-item .gallery-item-right span { background: #242424; margin: 0 0 10px 0; padding: 10px; float:left; }
.gallery .gallery-item .gallery-item-right .gallery-item-description { font-style: italic; width: 100%; line-height: 1.6em; }
.gallery .gallery-item .gallery-item-right .gallery-item-info {  margin-top: 10px; color: #fff; font-size: 8pt; clear: left; padding: 5px 10px; 
width: 200px; }


/* home page */
div#support_text { display: none; }

div#home_buttons { clear: both; float: left; padding-left: 9px; margin-top: 5px; }
div#home_buttons ul li { float: left; }
div#home_buttons ul li a { display: block; width: 303px; height: 56px; text-decoration: none; } 
div#home_buttons .manual a { background: url(../../../images/manual.gif) 0 0 no-repeat; }
div#home_buttons .supplier a { background: url(../../../images/suppliers.gif) 0 0 no-repeat; }
div#home_buttons .twitter a { background: url(../../../images/twitter3.png) 0 0 no-repeat; }
div#home_buttons .ez_prove a { background: url(../../../images/ez_prove.gif) 0 0 no-repeat; }
div#home_buttons .ez_prove2 a { background: url(../../../images/neutral.gif) 0 0 no-repeat; }
div#home_buttons ul li a:hover { background-position: 0 -58px; }
div#home_buttons ul li a:active { background-position: 0 0; }



/* Gestion des utilisateurs */
.gestion_utilisateur a { display:inline-block; margin-top:5px;  }



/* Environmental Accent Colour - Green */
.environmental h2 { color: #adca03; }
#environImg { background: url(../../../images/env-img.png) left top no-repeat; height: 196px; }
#environImg a { float:left; margin: 131px 0 0 24px; width:279px; height: 35px; background: #ADCA03 url(../../../images/download_btn_env.png) left top no-repeat; }
#environImg a:hover { background-position: left bottom; }

/* Technical Accent Colour - Blue */
.technical h2 { color: #198ddd; }
.technical .regTable thead tr th { color: #198ddd; }
#techImg { background: url(../../../images/tech-img.png) left top no-repeat; height: 196px; }
#techImg a { float:left; margin: 131px 0 0 24px; width:279px; height: 35px; background: #198DDD url(../../../images/download_btn_tec.png) left top no-repeat; }
#techImg a:hover { background-position: left bottom; }

/* Architectural Accent Colour - Purple */
.architectural h2 { color: #c13ad6; }
.architectural .regTable thead tr th { color: #c13ad6; }
#archImg { background: url(../../../images/arch-img.png) left top no-repeat; height: 196px; }
#archImg a { float:left; margin: 131px 0 0 24px; width:279px; height: 35px; background: #C13AD6 url(../../../images/download_btn_arc.png) left top no-repeat; }
#archImg a:hover { background-position: left bottom; }

/* applications Accent Colour - Green */
.applications h2 { color: #adca03; }
#environImg { background: url(../../../images/env-img.png) left top no-repeat; height: 196px; }
#environImg a { float:left; margin: 131px 0 0 24px; width:279px; height: 35px; background: #ADCA03 url(../../../images/download_btn_env.png) left top no-repeat; }
#environImg a:hover { background-position: left bottom; }

/* News, About, Contact, Tools Accent Colour - Orange */
.news h2 { color: #eb8e0a; }
.news p { margin:3px 0;}
.news a { color: #7383ff; text-decoration: none; }
.news a:hover { text-decoration: underline; }
.news a.pagelink { display:inline-block; margin-top:5px;  }
.news .morelink { float:left; clear:both; margin-top:10px; }
.news .news-block { padding: 2px 5px 10px 5px; cursor:pointer; }
.news .news-block:hover { padding: 2px 4px 10px 4px; border-left:1px solid #fff; border-right:1px solid #fff; background: #242424; }

.pdf-block { display:inline-block; width:100%; margin: 10px 0 0; }
.pdf-block a { background:url(../../../images/icons/icon-pdf.png) left top no-repeat; padding: 2px 0 0 22px; float:left; height: 16px; }
.pdf-block span { margin: 2px 0 0 10px; float:left; height: 16px; color: #666;  }


#newsImg { background: url(../../../images/news-img.png) left top no-repeat; height: 196px; }

.about h2 { color: #eb8e0a; }
#aboutImg { background: url(../../../images/about-img.png) left top no-repeat; height: 196px; width:1075px; }

.contact h2 { color: #eb8e0a; }
#contactImg { background: url(../../../images/contact-img.png) left top no-repeat; height: 196px; width:1075px;}

.tools h2 { color: #eb8e0a; }
#toolsImg { background: url(../../../images/tools-img.png) left top no-repeat; height: 196px;width:1075px; }

.gallery h2 { color: #eb8e0a; }
#galImg { background: url(../../../images/gal-img.png) left top no-repeat; height: 196px; width:1075px;}


.case_studies h2 { color: #eb8e0a; }
.case_studies .cs-block { padding: 2px 5px 10px 5px; cursor:pointer; }
.case_studies .cs-block:hover { padding: 2px 4px 10px 4px; border-left:1px solid #fff; border-right:1px solid #fff; background: #242424; }
.case_studies .cs-header { color:#FFFFFF; font-size:9pt; font-style:italic; font-weight:normal; margin:10px 0 5px; text-decoration:none; }
.case_studies .column1 ul { padding: 15px 20px; }
.case_studies .column1 ul li { padding: 3px; }
.case_studies .column1 .footnote { color:#959393; font-size:8pt; }
.case_studies .column1 .footnote a { text-decoration:none; color:#959393; }
.case_studies .column1 .footnote a:hover { text-decoration:underline; }


.column2 .photo-block { margin: 0 0 10px 0; display:inline-block; width:100%;}
.column2 .photo-block img { float:right; border:2px solid #242424; }
.column2 .photo-block .photo-description { color:#ccc; font-style:italic; width:450px; background: #242424; padding: 5px; width:260px; float:right;}


.pagination { display:inline-block; margin-top:20px; }
.pagination a { float:left; color:#bababa; text-decoration:none; font-size: 10pt; font-weight:bold; padding: 3px 10px; }
.pagination a:hover { color: #fff; background: #333; }
.pagination .back { margin-right: 30px; }
.pagination .previous { border-right: 1px solid #ccc; }
.pagination .next { border-left: 1px solid #666; }


/* CONTACT -> gmap */
.gmap img { cursor:pointer; }
.gmap img:hover { border: 2px solid #7383ff; }
#map { width:700px; height:500px;  }
#map .gmnoprint div div { color:#333; }
#map .gmnoprint div div h3 { padding: 3px 0; margin:0; font-size:10pt; color:#000; font-style:normal; font-weight:bold;  }
#map .gmnoprint div div a { color:#FF9900; }
#map .gmnoprint div div strong { font-weight:bold; }

.contact .column1 { width:600px; background: #333; margin-right: 20px;  padding: 5px; }
.contact .column2 { width:280px; }

#contact_form { width: 591px; }
#contact_form p { clear: both; margin: 0; padding: 1.5em 0 0 10px; float: left; width: 400px; }
#contact_form label { display: block; clear: both; padding: 6px 10px; }
#contact_form .tuck { float: left; clear: none; }
#contact_form .flow { display: inline; margin-right: 9px; line-height: 28px; }
#contact_form .tuck input { display: block; width: 125px; }
#contact_form .adresse-label { clear: both; margin-top: 1.5em; }
#contact_form .other-label { clear: none; display: inline; }
#contact_form #preciser { width: 135px; margin-top: 2px; }
#contact_form #adresse,
#contact_form #sujet { width: 563px; display: block; }
#contact_form #message {width: 565px !important; display: block; }
#contact_form #postal, 
#contact_form #ville, 
#contact_form #pays, 
#contact_form #telephone, 
#contact_form #portable, 
#contact_form #telecopie { width: 172px; }
#contact_form #contact-button { float: right; margin: 18px 12px 0 0; }
#contact_form .sujet { padding-top: 1.5em; }
#contact_form .document { padding-top: 2em; }



/* FAQ */
.form-faq { clear:both; display:none; height:275px; margin:10px 0; background:#242424; padding:20px 0 10px 20px; width:650px; }

#layout ol.faq li { list-style-type: decimal; }
#layout ol.faq li a { color:#FFF; font-size: 10pt; font-style:italic; text-decoration:none;}
#layout ol.faq li a:hover { text-decoration:underline; }
#layout ol.faq li .faquote { color: #fff; font-style: italic; line-height: 2em; margin: 10px 20px; display:inline-block; }
#layout ol.faq li p { margin:0; padding: 10px; }
#layout ol.faq li p a { color:#959393; font-size: 9pt; font-weight:bold; }
#layout ol.faq li .answer { display:none; }


/* TOOLS & RESOURCES */
.loginForm { padding: 10px 0; display:inline-block; }
.loginForm #lForm { height: 25px; }
.loginForm #helpLinks { display:none; }
.loginForm .bold { font-weight:bold; width:138px; }
.loginForm a { float:left; color: #9CACCD; text-decoration:none; font-size:10pt; margin-top:10px; }
.loginForm a:hover { text-decoration:underline; }


.x-combo-list-item { color: #333; }
.x-panel-btns-ct { padding: 5px 0;}
.x-panel-btns-ct table td.x-panel-btn-td { padding: 3px 3px 3px 0; }


.form-checkbox .x-form-cb-label { font-size:7pt; color: #666; }


.searchForm { float:right; padding-top:15px}
.searchForm input { border:none; margin-left:10px; float:left;}
.searchForm .search-text { background: #3B3B3B; padding:7px 10px; color:#97A8A8; border:1px #666666 solid; margin-top:0px; width: 180px; }
.searchForm .search-submit { background: url(../../../images/logo_search.png); width:32px; height:32px; }
.searchForm .search-submit:hover { background: url(../../../images/logo_search_over.png); width:32px; height:32px; }


.formInfoLabel { color:#666; font-size:10pt; font-weight:bold; line-height:160%; margin:0; padding:30px; width: 200px !important;  float:left !important; }

/*SUPPLIERS*/
.orange_bg{ float:left; background:#EB8E0A; border-bottom:1px solid #7e4d08}
.gMapLegend .orange_bg p{ color:#333}
.dark_bg{ float:left; background:url("../../../images/map/legend_bg.jpg") repeat-x;  background-position:bottom }
.light_border{ border-top:1px solid #818080}

.gMap{ height: 670px; color:#000; font-size:11px}
.gMapLegend{ height:654px; width:240px; background:#4d4d4d; border:5px solid #333333}
.gMapLegend p, .gMapLegend h2{ color:#fff; line-height:14px; margin:15px 15px 20px 15px;  }
.gMapLegend .lEco{ padding-left:35px; background:url("../../../images/map/ecocem.png") no-repeat }
.gMapLegend img { float:left; margin-right:15px}
.gMapLegend .lEco{  margin-left:15px}
.gMap .logo{ float:right; margin: 0 0 0 10px }
.gMap div{ width:auto}
.gMap .toolTip{.gMap .toolTip{float:left;  }
.gMap img{ margin: 0; padding: 0; float:right; }



#layout .gMapLegend ul{ width:280px;}
#layout .gMapLegend li{ list-style:none}
#layout .gMapLegend ul li{ width:250px; border-bottom:1px solid #d1d1d1}
#layout .gMapLegend a{ display:block; text-decoration:none; color:#fff}
#layout .gMapLegend .activeStype { color:#81A4C1}

#maploading{ width:600px; height:670px; background:#FFF; opacity:0.5; position:absolute; top:236px; left:10px; z-index:999999; display:none}
#maploading img{ margin:325px 0 0 300px;}