/*!
Theme Name: Sindra
Description: 
Author: Laurie Curiant
Author URI: http://www.cienum.fr/
Version: 1.0
*/
/***************************************************/
/*				Polices utilisees					*/
/***************************************************/


@font-face {
	font-family: 'Museo';
	src: url('fonts/museo500-regular-webfont.eot');
	src: url('fonts/museo500-regular-webfont.eot#iefix') format('embedded-opentype'),
	url('fonts/museo500-regular-webfont.woff') format('woff'),
	url('fonts/museo500-regular-webfont.ttf') format('truetype'),
	url('fonts/museo500-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}

/*reset*/

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, img, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font: 12px/18px 'Droid Sans', sans-serif;
	background: none repeat scroll 0 0 #80B876;
}


/*text*/
strong, b{
	font-weight: bold
}
i {
	font-style: italic;
}
p {
	margin: 5px 0;
}
h1{
	font:18px "Museo", serif;
	color: #75b54e;
	margin: 5px 0;
}
h2.document-article{
	font:18px "Museo", serif;
	color: #040402;
	margin: 5px 0;
}
h1.noir,
.popup h1{
	font:14px "Museo", serif;
	color: #040402;
	margin: 5px 0;
}
.popup h2{
	font:12px 'Droid Sans', sans-serif;
	color: #75b54e;
	margin: 5px 0;
}
h2{
	font-size:14px;
	color: #747474;
	font-weight: bold;
	margin: 5px 0;
}
a {
	transition:color 500ms ease;
	-webkit-transition:color 500ms ease;
	-moz-transition:color 500ms ease;
	-o-transition:color 500ms ease;
}
a:hover {
	text-decoration: none;
}
/*Header*/
#headerPane {
	background: #75b54e;
	color: #fff;
	font:normal 14px "Museo", serif;
}
/*logo*/
.custom-form-results-table a{
color:#2D7EC1 !important;
}
.more-gloss a{
font-size: 12px !important}
#logo .inner {
	background: #3d4041;
	cursor: pointer;
	padding: 10px 20px;
	white-space: nowrap;
	position: relative;
	z-index: 2;
/*	font-size: 19px; */
	font-size: 15px;
}
#logo .outer {
	position: relative;
	margin-bottom: 10px;
}

#logo .outer:before, 
#logo .outer .before {
	background: none repeat scroll 0 0 #DBDBDB;
	bottom: -5px;
	content: "";
	display: block;
	left: 8px;
	margin-top: 8px;
	position: absolute;
	right: 8px;
	top: 0;
	z-index: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9996573249755573, M12=0.026176948307873055, M21=-0.026176948307873055, M22=0.9996573249755573, SizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix(
		M11=0.9996573249755573,
		M12=0.026176948307873055,
		M21=-0.026176948307873055,
		M22=0.9996573249755573,
		SizingMethod='auto expand');
	-webkit-transform: rotate(-1.5deg);
	-moz-transform: rotate(-1.5deg);
	-o-transform: rotate(-1.5deg);
	transform: rotate(-1.5deg);

}
.ie7 #logo .outer {
	*zoom: expression( 
		this.runtimeStyle.zoom="1",
		this.appendChild( document.createElement("span") ).className="before"
		);
}

#logo .title {
	color:#bcf051 ;
	font-size: 70px;
	line-height: 66px;
	display: block;
}

/*Login*/
#login {
	background: url("images/bg-Header.png") no-repeat scroll 5px -17px transparent;
	padding-top: 10px;
	height:130px;
}
.ie7 #login {
	float: right;
	width: 280px;
	padding-left: 220px;
}
#login .form-inline span{
	background:  url('images/bg-Input.png') no-repeat 50% bottom;
	padding-bottom: 2px
}

#searchsubmit {
	width: 27px;
	height: 27px;
	background: url('images/sprite.png') no-repeat 0 0;
	transition: none;
}
#searchsubmit:hover {
	background-position: 0px -27px;
}
.glossary-item {
padding-bottom:20px;}
.glossary-item-desc .wp-glossary a {
font-size:12px !important;
}
.qtip table{
display:none;}
.qtip img{
max-width:100%;
height:auto;
}
.qtip .wp-glossary a {
color:#3F6219;
font-weight: normal;
}
.wp-glossary a {
color:#747474;
font-weight: bold;
}
/*Nav*/
#menuPane {
	margin-top: -11px;
	padding-top: 11px;
	background: url('images/bg-Menus.png') 50% top no-repeat;
}
#menuPane a {
	transition:color 500ms ease, background-color 500ms ease, border-color 500ms ease;
	-webkit-transition:color 500ms ease, background-color 500ms ease, border-color 500ms ease;
	-moz-transition:color 500ms ease, background-color 500ms ease, border-color 500ms ease;
	-o-transition:color 500ms ease, background-color 500ms ease, border-color 500ms ease;
}
.ie7 #menuPane {
	float: left;
	width: 100%
}
#menuPane a:hover {text-decoration: none;}
#menuPane .level-0 > a {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 14px;
	text-align: center;
	position: relative;
}
#menuPane .level-0 > a span {
	display: block;
}
#menuPane .level-0 > a:hover {
	color: #040402 !important
}
.ie7 #menuPane .level-0  a {
	*zoom: expression( 
		this.runtimeStyle.zoom="1",
		this.appendChild( document.createElement("span") ).className="before"
		);
}
.ie7 #menuPane .level-0  a {
	*zoom: expression( 
		this.runtimeStyle.zoom="1",
		this.prependChild( document.createElement("span") ).className="after"
		);
}
#menuPane .level-0 > a:before,
#menuPane .level-0 > a .before,
#menuPane .level-0 > a:after,
#menuPane .level-0 > a .after {
	content: "";
	display: block;
	position: absolute;
} 

#menuPane .level-0 > a:before,
#menuPane .level-0 > a .before {
	height: 14px;
	top: 12px;
	-webkit-transform: rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 12px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865475, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865475, SizingMethod='auto expand')";	filter: progid:DXImageTransform.Microsoft.Matrix(
		M11=0.7071067811865475,
		M12=-0.7071067811865477,
		M21=0.7071067811865477,
		M22=0.7071067811865475,
		SizingMethod='auto expand');
	zoom: 1;	
}
#menuPane .level-0 > a:after,
#menuPane .level-0 > a .after {
	background-image: url("images/sprite.png");
	background-repeat: no-repeat;
}
#menuPane .level-0 {
	position: relative;

}

#menuPane .level-1 {
	height: 41px;
}
#menuPane .level-1 > a {
	color: #040402;
	display: block;
	padding: 9px 0 5px;
	text-transform: uppercase;
	border-bottom: 3px solid transparent;
}

#menuPane .level-1  a  {
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold;
}
#menuPane .level-1.last {background:  none;}
#menuPane .level-1.last >  a {
	text-transform: none;
	color: #6c6666;
}
#nav1 .level-1.last >  a  {margin-right: 0}
.ie8 #nav1 .level-1 > a,
.ie7 #nav1 .level-1 > a {
	margin: 0 5px 0 7px;
}
.ie7 #nav1 .level-0 > .sub-menu {
	float: left;
	width: 828px;
}
.ie7 #nav2 .level-0 > .sub-menu {
	float:right;
}
#menuPane .level-0 > a[href="http://www.sindra.org/"]:hover{
	color:inherit !important;
	cursor: default;
}

#menuPane .level-1 > .sub-menu {
	display: block;
	position:absolute;
	background:url("images/bg-Submenu.png") no-repeat bottom right #fcfcfc;
	border: 1px solid #e0e0e0;
	box-shadow: 0.5px 0.866px 3px 0px rgb( 6, 6, 6 );
	padding: 12px 0;
	width: 257px;
	top:39px;
	z-index: 2;
	display: none;
}
#menuPane .level-1:hover > .sub-menu {
	display: block;
}
#menuPane .level-1 > .sub-menu > li {
	float: none;
	display: block;
}
.level-1 > .sub-menu > li {
	display: block;
}

#menuPane .level-2 .sub-menu {
	display: none;
}
#menuPane .level-2 a {
	color: #202020;
	font-size: 12px;
	line-height: 20px;
	display: block;
	padding: 0 10px;
}
#menuPane .level-2 a:hover {
	background: #3d4041
}
#nav1 .level-1{
	float: left;
}
#nav1 {
	background: #ffffff;
	border-bottom: #dbdbdb 1px solid;
	z-index: 2;
}


#nav1 a:hover {
	color: #f86900 !important;
}

#nav1 .level-0 > a {
	background: none repeat scroll 0 0 #F86900;
	float: left;
	padding: 4px 35px 3px 24px;
	margin-right: 12px;
}
.ie7 #nav1 .level-0 > a {padding-right: 20px}
#nav1 .level-0 > a:before,
#nav1 .level-0 > a .before { 
	background: #F86900;
	right: -4px;
}
#nav1 .level-0 > a:after,
#nav1 .level-0 > a .after{
	background-position: -27px 3px;
	height: 27px;
	right: -36px;
	top: 21px;
	width: 55px;
}
#nav1 .level-1 {
	background: url("images/bg_Menu.png") no-repeat right  7px;
}
#nav1 .level-1 > a {
/*	margin: 0 12px 0 11px; OCO 16/02/2016 */
	margin: 0 8px 0 7px;
}


#nav1 .level-1 > a:hover,#nav1 .level-1.current-menu-parent > a {
	border-bottom: 3px solid #F86900;
	color:#f86900 !important;
}

#nav2 {
	background: #efefef;
	z-index: 1;
}
#nav2 a:hover {
	color: #2d7ec1 !important;
}
#nav2 .level-0 > a {
	background: none repeat scroll 0 0 #2d7ec1;
	float: right;
	padding: 4px 24px 3px 35px;
	margin-left: 40px;
}
#nav2 .level-0 > a:before,
#nav2 .level-0 > a .before { 
	background: #2d7ec1;
	left: -4px;
}
#nav2 .level-0 > a:after, 
#nav2 .level-0 > a .after {
	background-position: -28px -25px;
	height: 13px;
	left: -25px;
	top: 24px;
	width: 43px;
}

#nav2 .level-1 {
	background: url("images/bg_Menu.png") no-repeat left 7px;
}
#nav2 .level-1 > a {
	margin: 0 40px 0 41px;
}
#nav2 .level-1 > a:hover {
	border-bottom: 3px solid #2d7ec1;
}
#nav2 .level-1 {
	float: right;
}
#nav1, #nav2 {
	height: 35px; 
	position: relative;
	width: 100%;
	float: left;
}
/*Footer*/

#preFooter {
	background: none repeat scroll 0 0 #040402;
	color: #FFFFFF;
	padding:10px 0 0 0
}
.footerTitre  {
	background: url("images/bg_footerTitre.png") no-repeat 20px bottom
}

.footerTitre span {
	font-size: 14px;
	display: block;
	line-height: 25px;
	padding-left: 52px;
	padding-top: 5px;
}
#preFooter a {
	color: #fff
}
#mentionsLegales .menu {
	float: right;
	padding-right: 10px;
}
#mentionsLegales .menu li {
	display: inline;
}
#mentionsLegales li a {
	font-size: 12px;
	padding: 0 10px;
	border-right: 1px solid #fff
}
#mentionsLegales li.last a {
	border: none
}
/*Logos partenaires*/
#logoPartenaires {
	background: #ffffff;
	text-align: center;
	border-bottom: 3px solid #80b876;
}
#logoPartenaires a img {
/* 	margin: 3px 8px; OCO 17/02/2016 */
	margin: 3px 7px;
	vertical-align: middle;
	transition:opacity 500ms ease;
	-webkit-transition:opacity 500ms ease;
	-moz-transition:opacity 500ms ease;
	-o-transition:opacity 500ms ease;
}
/*Baseline*/ 
#footerPane {
	padding-bottom: 8px;
	background: url("images/bg_Footer.png") no-repeat bottom left;
	position: relative;
	margin-bottom: 32px
}
#Footer{
	background:url("images/bg_baseline.png") no-repeat bottom left #f9f9f9;
	padding-top: 25px;
}
.ie7 #Footer {overflow: hidden;}
#Footer .level-0 > a > span {
	display: block;
	width: 6px; 
	height: 9px;
	margin-right: 4px;
	float: left;
	text-indent: -9999px;
	background-image: url("images/sprite.png");
	background-repeat: no-repeat;
	margin-top: 5px;
}

#Baseline .level-0.first > a > span {
	background-position:-7px -54px;
}
#Baseline .level-0.last > a > span {
	background-position:-14px -54px;
}
#Contact .level-0.last > a > span, 
#Baseline .level-0.last > a:hover > span,
#Baseline .level-0.first > a:hover > span {
	background-position:0px -54px;
}

#Footer a {
	text-decoration: none;
	color: #35352b;
	transition:color 500ms ease;
	-webkit-transition:color 500ms ease;
	-moz-transition:color 500ms ease;
	-o-transition:color 500ms ease;
}
#Contact a:hover {
	color:#5f5f58;
}
#Footer .level-0 > a {
	text-transform: uppercase;
	font-weight: bold;

}
#Footer .sub-menu {
	margin-top: 10px;
	margin-left: 11px;
}
#Footer .level-1 > a {
	font-size: 11px;
	line-height: 16px;
}
#Baseline .level-0.first > a {
	color: #f86900;
}
#Baseline .first .level-1 > a:hover {
	color: #f86900;
}

#Baseline .level-0.last > a {
	color: #2d7ec1;
}
#Baseline .last .level-1 > a:hover {
	color: #2d7ec1;
}

#Baseline .level-0.first > a:hover, #Baseline .level-0.last > a:hover {
	color: #35352b;
}

#Baseline .menu {
	margin: 0 50px;
	overflow: hidden;
	background: url("images/bg_Menu.png") repeat-y scroll right 7px transparent
}
#Baseline .level-0 {
	width: 50%;
	float: left;
}
.ie7 #Baseline .level-0 {
	width: 45%
}
#Baseline, #Contact {
	padding-bottom: 22px;
}

#Credits, #Administration {
	font : 11px arial,sans-serif;
	color: #747474;
	margin:0 0px 8px 20px;
	float: left;

}
#Credits td, #Administration td {
	vertical-align: middle;
}
#Copyright {
	bottom: -11px;
	color: #FFFFFF;
	font: 10px arial,sans-serif;
	position: absolute;
	right: 0;
}
#Copyright a {
	color: #fff;
}

/*ContentPane*/
#contentPane {
	background: #f5f5f5;
}

#contentPane .container {
	background: #fff;
	padding-top: 2px;
	padding-bottom: 42px;
}

.menuHome {
	position: relative;
	margin-top: 10px;
}
.menuHome .level-0 > a {
	color: #fff;
	font: 23px "Museo", serif;
	display: block;
	position: relative;
}

.menuHome .level-0 > a >b {
	display: none;
}

.menuHome .sub-menu {
	position: absolute;
	z-index: 3;
	display: none;
}
.menuHome .sub-menu .last {
	display: none
}
.menuHome .level-1 {
	display: block;
	margin: 6px 0;
	width: 210px;
	height: 34px;
}
.menuHome .level-1 > a {
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
}
.menuHome .sub-menu > a > b {
	font-weight: normal;
}
.menuHome .level-0 > a:hover {
	text-decoration: none;
}
#contentPane .visuel {
	position: relative;
	z-index: 2
}
#contentPane ul ul {
	margin-left: 15px;
}
#dechetsRA  .visuel{
	margin: -8px 0 20px 56px;
}
#dechetsRA .sub-menu  {
	right: 0;
	top: 72px;
	padding-top: 18px;
	
}
#dechetsRA .level-1 {
	background: url('images/bg_menuhome-ra-off.png')
}
#dechetsRA .level-1:hover {
	background: url('images/bg_menuhome-ra.png')
}
#dechetsRA .level-1 > a{
	padding-left: 16px;
}
#dechetsRA .level-0 > a {
	background:url("images/bg_RA.png") no-repeat scroll left top transparent;
/*	line-height: 72px;  OCO 16/02/2016*/
	line-height: 32px;
	padding-left: 104px;
	height: 72px;
	padding-bottom: 333px;
}

#Solutions  .visuel{
	margin: 23px 0 0 71px;
}
#Solutions .sub-menu {
	bottom: 72px;
	left: 0;
	padding-bottom: 16px;
}
#Solutions .menuHome {
	margin-top: 0px;
	margin-bottom: 20px
}
#Solutions .level-1 {
	background: url('images/bg_menuhome-solutions-off.png')
}
#Solutions .level-1:hover {
	background: url('images/bg_menuhome-solutions.png')
}
#Solutions .level-0 > a {
	background: url("images/bg_Solutions.png") no-repeat scroll 0 0 transparent;
	height: 48px;
	line-height: normal;
	margin-top: 23px;
	padding-left:77px;
	padding-top: 383px;
}

/* 
#Solutions .level-0 > a span {
	display: block;
	margin-left: 46px;
}
 */
#Solutions .level-1 > a{
	padding-left: 37px;
}
.menuHome  .nonDangereux  a{
	background: url("images/ico_nonDangereux.png") no-repeat 181px 2px;  
}
.menuHome  .dangereux  a{
	background: url("images/ico_dangereux.png") no-repeat 169px 2px;  
}
.menuHome  .btp  a{
	background: url("images/ico_btp.png") no-repeat 154px 2px;  
}
#Solutions  a{
	background: url("images/ico_solutions.png") no-repeat 5px 2px;  
}


/*article home*/
.ArticleHome {
	color: #747474;
	cursor: pointer;
}
.ArticleHome h3 {
	font:18px "Museo", serif;
	color: #75b54e;
	margin: 5px 0 0;
}
.ArticleHome h3 .color {
	color: #040402;
}
.ArticleHome h4 {
	margin-top: 0;
	font-size:14px;
	color: #747474;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.ArticleHome img {
	margin-right: 20px;
}
.ArticleHome .content {
	padding-top: 10px;
	overflow: hidden;
	padding-right: 10%;
}
.ArticleHome .content .content-home{
height: 70px;
overflow: hidden;
	}
/*page */
.visuel_page {
	margin-right: 20px;
	margin-bottom: 20px
}
.content_page h1 {
	margin-bottom: 0;
}
.content_page h2 {
	margin-top: 0;
}
.content_page h3 {
	font:13px "Museo", serif;
	color: #75b54e;
	margin: 5px 0 0;
}
.content_page ul, .content_page ol {
	overflow: hidden;
}
.content_page ul li {
	list-style: disc;
	margin-left: 20px
}
.content_page ol li {
	list-style: decimal;
	margin-left: 20px;
}
.content_page .article {
	margin-bottom: 40px; 
}
.content_page .article.shortcode {
	margin-bottom: 0px;
}
.small {
	font-size: 11px;
}
.alignright {
	margin: 0px 0 0px 20px ;
}
.alignleft {
	margin: 0px 20px 0px 0 ;
}
.aligncenter {
	margin: 0 auto;
	display: block;
}
.bouton_article {
	background-color: #75B54E;
	color: #FFFFFF !important;
	display: block;
	float: right;
	font-size: 11px;
	line-height: 25px;
	min-width: 94px;
	padding-left: 5px;
	padding-right: 35px;
	position: relative;
	z-index: 2;
  text-align:left;        
}
.bouton_article:hover {
	color: #fff;
	text-decoration: none;
}
.bouton_article:before,
.bouton_article .before {
	content:"";
	background: url("images/sprite.png") no-repeat scroll -164px -14px transparent;
	width: 6px;
	height: 25px;
	position: absolute;
	left: -6px;
	display:block;
}
.bouton_article:after, .bouton_article .after {
	background: url("images/sprite.png") no-repeat scroll -164px -10px transparent;
	bottom: -2px;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}
.bouton_article.url {
	background-image: url("images/pict-hyperlien.png");
	background-position:  right 50%;
	background-repeat: no-repeat;

}
/*title sindra*/ 
.title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}

.logoCienum {
display: block;
width: 90px;
height: 30px;
background: url("images/sprite.png") no-repeat scroll -135px -40px transparent;
margin: 1px 0 5px 4px
}
.logoGeo {
	display: block;
	width: 49px;
	height: 23px;
	background: url("images/sprite.png") no-repeat scroll -82px -23px transparent;
	margin-left:  4px;
}
a:hover img {
	opacity: 0.5;
}
.logoCienum:hover, .logoGeo:hover {
	opacity: 0.5;
}

/*Accordion*/
.list-document-item{
	margin-top:50px;
}
.cs-accordion {
	border: 1px solid #dbdbdb;
	margin: 0;
	position: relative;
}
.cs-accordion h3 {
	padding: 6px 15px 15px 38px;
	font-size: 14px;
	color: #747474;
	position: relative;
	cursor: pointer;
	outline: none
}

.cs-accordion h3.ui-state-hover {
	background: #f5f5f5;
}
.cs-accordion h3.ui-state-active {
	border-bottom: none;
	color: #75b54e;
	background: none;
	cursor: default;
}
.cs-accordion .ui-accordion-content {
	color: #75b54e;
}

.cs-accordion .ui-icon {
	display: block;
	position: absolute;
	left: 6px;
	top:0px;
	width: 18px;
	height: 23px;
	background: url("images/sprite.png") no-repeat scroll -19px -68px transparent;
}
.cs-accordion.ui-state-active  .ui-icon {
	background-position: 0px -68px;
}
.cs-accordion .dl-document-item{
/* 	display: none; */
}
.dl-doc {
	margin: 5px 0 10px;
}
.dl-doc:hover {
	color: #040402
}
.dl-doc-per-year a {
	text-decoration: none;
}
.dl-doc .icone {
	margin-right: 10px;
}
.dl-document-item{
	position: relative;
	padding:  0 15px 15px 38px;
}
.dl-document-item p{
	margin-bottom: 10px;
}
.dl-doc-year-link{
	margin:10px 5px 20px;
	overflow: hidden;
}
.dl-doc-open {
	background: url("images/bg_date.png") no-repeat scroll 50% center transparent;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 13px;
	height: 26px;
	line-height: 25px;
	padding: 0 5px 0 10px;
	text-align: center;
	width: 40px;
	font-family:  "Museo", serif;
}
.dl-doc-open:hover {
	background: url('images/bg_date-hover.png') no-repeat 50%
}

.dl-doc-per-year a{
	color:inherit;
}
.icone {
	width: 62px;
	height: 61px;
	background-image: url("images/sprite.png");
	background-repeat: no-repeat;
	display: block;
}
.icone.Liste.excel {
	background-position: 0 -93px;
}
.icone.Liste.PDF {
	background-position: -63px -93px;
}
.icone.Liste.HTML {
	background-position: -126px -93px;
}
.icone.Liste.image {
	background-position: -189px -93px;
}
.icone.Liste.document {
	background-position: -252px -93px;
}
.icone.Bilan.excel {
	background-position: 0 -155px;
}
.icone.Bilan.PDF {
	background-position: -63px -155px;
}
.icone.Bilan.HTML {
	background-position: -126px -155px;
}
.icone.Bilan.image {
	background-position: -189px -155px;
}
.icone.Bilan.document {
	background-position: -252px -155px;
}
.icone.Tableau.excel {
	background-position: 0 -217px;
}
.icone.Tableau.PDF {
	background-position: -63px -217px;
}
.icone.Tableau.HTML {
	background-position: -126px -217px;
}
.icone.Tableau.image {
	background-position: -189px -217px;
}
.icone.Tableau.document {
	background-position: -252px -217px;
}
.icone.Cartographie.excel {
	background-position: 0 -279px;
}
.icone.Cartographie.PDF {
	background-position: -63px -279px;
}
.icone.Cartographie.HTML {
	background-position: -126px -279px;
}
.icone.Cartographie.image {
	background-position: -189px -279px;
}
.icone.Cartographie.document {
	background-position: -252px -279px;
}
.icone.Outil.excel {
	background-position: 0 -341px;
}
.icone.Outil.PDF {
	background-position: -63px -341px;
}
.icone.Outil.HTML {
	background-position: -126px -341px;
}
.icone.Outil.jpg {
	background-position: -189px -341px;
}
.icone.Outil.document {
	background-position: -252px -341px;
}
input.bouton[type="button"] {
	background: url("images/bouton.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	font-family: 'Droid Sans',sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 27px;
	line-height: 20px;
	padding: 4px 5px 5px 12px;
	text-align: left;
}
.bubble {
	position: absolute;
	display: none; 
	background: #fff;
	-moz-box-shadow: 0px 0px 6px 2px #d9d9d9;
	-webkit-box-shadow: 0px 0px 6px 2px #d9d9d9;
	box-shadow: 0px 0px 6px 2px #d9d9d9;
	border: 1px solid #d7d6d4;
	z-index: 3;
	color: #F86900
}
.arrow:after {
	background: #fff;
	border: 1px solid #d7d6d4;
}

.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 75%;
	margin-left: -35px;
	top: -16px;
}

.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	bottom: -20px;
	width: 25px;
	height: 25px;
	-moz-box-shadow: 0px 0px 6px 2px #d9d9d9;
	-webkit-box-shadow: 0px 0px 6px 2px #d9d9d9;
	box-shadow: 0px 0px 6px 2px #d9d9d9;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	tranform: rotate(30deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8660254037844384, M12=-0.5000000000000004, M21=0.5000000000000004, M22=0.8660254037844384, SizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix(
		M11=0.8660254037844384,
		M12=-0.5000000000000004,
		M21=0.5000000000000004,
		M22=0.8660254037844384,
		SizingMethod='auto expand');


}
#contactForm .bubble {
	display: block;
	font-size: 12px;
	right: 150px;
	top: 23px;
	font-weight: normal;
	padding: 0 2px;
	z-index: 2;
}
#contactForm > p {
	width: 50%; 
	float: left;
	position: relative;
}
#contactForm label {
	width: 130px;
	float: left;
}
#contactForm .textarea {
	width: 100%;
}
#contactForm textarea {
	height: 160px;
	width: 663px;
}
#contactForm label span, .colored {
	color: #F86900;
}
#contactForm  .btn {
	float: right
}
#nav_smartphone .menu {
	display: none
}
#nav_smartphone .tinynav {
	display: none
}
/*.fancybox-wrap, .fancybox-inner {width: 900px !important}*/
html.popup {
	overflow: hidden;
	margin:0px !important;
}
.popup body {
	background: #fff;
	position: relative;
	font-size: 11px;
	color: #040402;
	line-height: normal;
	padding-bottom: 40px;
}
.popup hr {
	font-weight: 2px; 
	border-top:3px dotted #DBDBDB;
	margin: 10px 0 15px;
}
.popup select {
	color: #36432C;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin-bottom: 0;
	padding: 2px;
	width: auto;
	margin-left: 10px;
}
.pop_header {
	background:url('images/picto_pop-up.png') no-repeat 20px top  #75b54e;
	color: #040402;
	padding: 27px 0 15px 89px;
	height: 23px;
	overflow: hidden;
}
.pop_header label {
	font-size: 14px;
	font-weight: bold;
	line-height: 23px;
}
.pop_header .menu{
	margin-right: 30px;
}
.pop_header .menu > li {
	display: block;
	float: left;
	border-left: 3px dotted #DBDBDB;
	line-height: 26px;
	padding: 0 26px;
	float:right;
}
.pop_header .menu > li > a, .pop_header .menu > li  {
	color: #040402;
	font-size: 14px;
	font-weight: bold;
}
.pop_header .menu > li > a{
	cursor: pointer;
}
.pop_content {
	height: 450px;
	overflow-x: auto;
	padding:  20px;
	text-align:justify;
}
iframe.pop_content {
	height: 490px;
	padding: 0 0 0 2%;
	width: 98%;
}
.pop_footer {
	background: url('images/popup-logo.png') no-repeat scroll  right 3px #040402;
	height: 38px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999999;
}
@media (min-width: 768px) and (max-width: 1020px) {
	#nav2 .level-0 > a {
		margin-left: 10px;
	}

	#nav1 .level-0 > a:after, #nav1 .level-0 > a .after {
		right: -52px;
	}
	#menuPane .level-1 > a {
		font-size: 13px;
	}
	#nav2 .level-1 > a,
	#nav1 .level-1 > a {
		margin: 0 6px;
	}
	#nav1 .level-0 > a {
		padding: 4px 5px 3px;
		margin-right: 4px;
	}
	#Solutions .visuel {
		margin-left: 19px;
	}
	#login {
		overflow: hidden;
	}
	#logo .inner {
		font-size: 17px;
	}
	#nav1 .level-1.last > a{
		height: 26px;
		line-height: 13px;
		padding-bottom: 1px;
		padding-top: 5px;
		text-align: center;
		width: 153px;
	}
	.menuHome .level-0 > a {
		font-size: 20px;
	}
	#dechetsRA .level-0 > a {
		background:url("images/bg_RA_small.png") no-repeat scroll left top transparent;
		height: 72px;
		line-height: 20px;
		padding-bottom: 271px;
		padding-left: 104px;
		padding-top: 15px;
	}
	#dechetsRA .level-0 > a span{
		display: block;
		margin-left: 20px;
	}
	#Solutions .level-0 > a {
		background: url("images/bg_Solutions_small.png") no-repeat scroll left top transparent;
		padding-left: 90px;
		padding-top: 353px;
	}
	.fancybox-wrap, .fancybox-inner  {
		width: 728px !important ;
	}
/*	iframe.pop_content {
		height: 360px !important;
	}*/
}
@media (max-width: 767px) {
	#login {
		overflow: hidden;
	}
	#logo .inner {
		font-size: 17px;
	}
	#logo .outer {
		width: 100%
	}
	#nav_smartphone .tinynav {
		display: block;
		padding-right: 0;
		width: 100%;
	}
	#nav1, #nav2 {
		display: none;
	}
	.menuHome .level-0 > a:after,
	.menuHome .level-0 > a .after {
		display: block;
		content: "";
		width: 31px;
		height: 18px;
		background: url('images/sprite.png') no-repeat;
		position: absolute;
	}
	#dechetsRA .level-0 > a:after,
	#dechetsRA .level-0 > a .after {
		bottom: -18px;
		right: 38px;
		background-position: -73px -47px
	}
	#dechetsRA .level-0 > a { 
		padding-bottom: 0;
		background:url('images/bg_RA_smartphone.png') no-repeat 20px 50% #f86900;
	}
	#Solutions .level-0 > a:after,
	#Solutions .level-0 > a .after {
		top: -18px;
		left: 30px;
		background-position: -104px -47px
	}
	#Solutions .level-0 > a {
		background:url('images/bg_Solutions_smartphone.png') no-repeat 20px 50% #2d7ec1;
		height: 62px;
		margin-top: 0;
		padding-top: 10px;
		padding-top: 0;
	}
	#Solutions .menuHome {
		margin-top: -32px;
		margin-bottom: 20px
	}
	.menuHome  {
		margin-top: 0;
	}
	iframe.pop_content {
		height: 300px !important;
	}
	.fancybox-wrap{
		height: auto !important;
		width: 90% !important;
	}
	.fancybox-wrap {
		height: 444px !important;
	}
	.fancybox-opened .fancybox-skin,
	.fancybox-outer, .fancybox-inner {
		width: 100% !important;
		height: auto !important;
		background: #040402
	}
	.pop_header {height: auto;}
	.fancybox-iframe {
		min-height: 443px;
	}
	#contactForm textarea,
	#contactForm > p,
	#contactForm label,
	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {width: 100%}
}
.clear{
	width:100%;
	clear:both;
}

body .fancybox-image{
	height:auto;
	min-height: 0;
}
#contentPane .span12:first-child{
	min-height: 500px;
}

.search-results .search_text{
	color:#333;
}

.highlight-link{
	font-weight: bold;
}
.highlight-link:hover{
	color:#92d06c;
}

.select-year{
	float:right;
}
.navigator-info{
	display: none;
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	background: #5C8F3D;
	border-top: 2px solid #476F30;
	font-weight: bold;
	font-size: 14px;
	color:#fff;
	padding:5px 0 5px;
}
.navigator-info .span12{
	margin:0 auto;
	float:none;
}
.navigator-info a{
	color:#f1f1f1;
}
.ie .navigator-info{
	display: block;
}
.bordered:after {
    background: none repeat scroll 0 0 #3d4041;
    bottom: -2px;
    content: "";
    display: block;
    height: 10px;
    left: 4px;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
            transform: rotate(-3deg);
    width: 79%;
}
p.bordered {
	float:left;
  max-width: 200px;
}
.bordered,.bordered img {
	display: block;
    height: auto;
    position: relative;
    width: auto;
}
.bordered img {
	z-index: 1;	
	border:1px solid #616465;
}
a.bordered:hover img {
	opacity:1;
}	
a.bordered:hover {
	opacity:0.6;
}
.article.less {
	margin-bottom: 0px;
}
.ArticleHome .h3 {
	font:18px "Museo", serif;
	color: #75b54e;
	margin: 5px 0 0;
}
.ArticleHome  .h3 .color {
	color: #040402;
}
.ArticleHome  a.h3:hover {
	opacity:0.5;
}