/* 
reset.css
font.css
Sprite.css
style.css
page_suite.css
contact.scss
jquery.mCustomScrollbar.css
espace_prive.css
recrutements.scss
page_head.css
espace_prive.scss
fiche_travaux.css
accueil.css
0000_BO_1_article.scss
menu.css
mentions.css
404.css
recrutements.css
0000_BO_1_article.css
biodiversite.scss
biodiversite.css
cms.css
liste_travaux.css
contact.css
style_tablet.css
style_tablet_portrait.css
style_tablet_landscape.css

*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
strong,
b{
	font-weight : bold;
}
i{
	font-style : italic;
}
/* *************** */
@font-face {
    font-family: 'Galant';
    src: url('/fonts/galant-webfont.eot');
    src: url('/fonts/galant-webfont.eot?iefix') format('eot'),
         url('/fonts/galant-webfont.woff') format('woff'),
         url('/fonts/galant-webfont.ttf') format('truetype'),
         url('/fonts/galant-webfont.svgz#galantnormal') format('svg'),
         url('/fonts/galant-webfont.svg#galantnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VeraHumana';
    src: url('/fonts/verah-webfont.eot');
    src: url('/fonts/verah-webfont.eot?iefix') format('eot'),
         url('/fonts/verah-webfont.woff') format('woff'),
         url('/fonts/verah-webfont.ttf') format('truetype'),
         url('/fonts/verah-webfont.svgz#vera_humana_95regular') format('svg'),
         url('/fonts/verah-webfont.svg#vera_humana_95regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* *************** */
/* Generated by http://css.spritegen.com CSS Sprite Generator */
.mail, .btn-menu-fermer, .telephone, .btn-menu, .btn-retour, .map, .pdf, .drapeau-fr, .drapeau-en
{ 
	display: inline-block;	
	background: url('/css/Sprite.png') no-repeat;
	background-size: 38px 173px;
}

.mail { background-position: -0px -0px; width: 25px; height: 25px; }
.btn-menu-fermer { background-position: -0px -25px; width: 38px; height: 25px; }
.telephone { background-position: -0px -50px; width: 25px; height: 25px; }
.btn-menu { background-position: -0px -75px; width: 38px; height: 25px; }
.btn-retour { background-position: -0px -100px; width: 38px; height: 25px; }
.map { background-position: -0px -125px; width: 25px; height: 25px; }
.pdf { background-position: -0px -150px; width: 23px; height: 23px; }
.drapeau-fr { background-position: -23px -150px; width: 15px; height: 10px; }
.drapeau-en { background-position: -23px -160px; width: 15px; height: 10px; }

/* *************** */
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'VeraHumana';
	font-size: 16px;
	color: #383838;
	background-color: #ffffff;
}
body {
	/*background: url("/img/Fond-600.jpg") repeat-y scroll center top;*/
}
body>#wrap {
	height: auto;
	min-height: 100%;
}
/** helpers **/
.ib {
	display:inline-block;
	vertical-align:middle;
}
.wrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vahelp {
	display:inline-block;
	vertical-align:middle;
	width:0;
	height:100%;	
}
.box{
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.cb {
	clear:both;
}
/* ////////// Commun //////////////// */
#main {
	padding-bottom: 28px;
	min-height: 100%;
}
a {
    font-family: Galant;
    color: #904132;
    text-decoration: none;
}
a.gris {
	color: #707070;
}
.titre_page_gris, .titre_page_rouge{
	width:100%;
	font-family: Galant;
	font-size: 22px;
	color: #383838;
	margin:auto;
	text-align: center;
	padding:5px 0 5px 0;
}
.titre_page_rouge{
	color: #904132;
	text-align: center;
}
.suite {
	font-family: VeraHumana;
	color: #904132;
	font-size: 13px;
}
.texte {
	font-family: VeraHumana;
	color: #383838;
	font-size: 13px;
}
.btn {
	cursor: pointer;
}
.contenu {
	position: relative;
	margin: auto;
	border: 0;	
	text-align: center;	
	margin: 0;
}
/* ///////////////// Elements /////////////// */
.logo {
	padding: 4px 0 15px 0;
	height:48px;
	background:url('/css/logo-SMART.png') no-repeat center center #3A373E;
	background-size: 270px 48px;		
}
.toolbar {
	height:25px;
	background:#707070;
}
.toolbar .item.mail {
	margin:0 10px 0 10px;
}
.toolbar .btn-menu, .toolbar .btn-menu-fermer {
	position:absolute;
	left:0;
}
.toolbar .btn-retour {
	position:absolute;
	right:0;
}
/* /////////////////////////////////////////// */
.footer {
    position: relative;    
    bottom: 0;
    height: auto;
	padding-bottom : 5px;
    text-align:center;
    background-color:#3A373E;
}
.footer .lien_mentions {
	margin:0 25px 0 25px;
}
.footer .lien_mentions, .footer .vinium {
	white-space:nowrap;
}
.footer .lien_mentions a, .footer .vinium a, .footer .lien_mentions a:visited, .footer .vinium a:visited {
	font-size: 13px;
	color: #757575;
}
/**********/
.smartphone {
	display:block;
}
.tablet {
	display:none;
}

.mcus{
	overflow : hidden !important;
}
/* *************** */
.page_suite {
	background:#FFFFFF;
}
.page_suite .wrapper {
	width:90%;
	margin:auto;
	padding-top:15px;
}
.page_suite .titre {
	text-align:left;
	font-family: Galant;
    color: #ac2b2f;
    font-size: 13px;
}
.page_suite .titre:first-letter {
	font-size: 17px;
}
.page_suite .image {
	width:100%;
	height:160px;
	margin:15px 0;
}
.page_suite .vignette {
	position:absolute;
	top:5px;
	right:10px;
}
.page_suite .vignette img {
	width:116px;
	height:auto;
}
.page_suite .texte {
	
}
.page_suite .texte .paragraphe {
	line-height: 130%;
	margin-bottom:12px;
}
/* *************** */
.contacts {

  .blocImageContact {

    height              : 350px;
    display             : block;
    position            : relative;
    right               : 0;
    left                : 0;
    background-size     : cover;

  }
  div {
    line-height : 1.5;
  }

  h2 {
    font-family  : "Galant";
    font-size    : 24px;
    color        : #904132;
    font-variant : small-caps;
    line-height : 40px;

  }

  .adress_mail {
    font-family :VeraHumana;
    font-size : 16px;
    line-height : 2;
    margin-bottom : 5px;
  }
  .adress_mail {
    font-family :VeraHumana;
    margin-bottom : 10px;
    line-height : 2;
  }

  .plan {
    color: #383838;
    line-height :25px;
    font-size : 14px;
    display : block;
    line-height : 1.2;
    svg {
      vertical-align : middle;
      path{

      }
    }
  }

.photographes {
  font-size : 14px;
  color : #aaaaaa;
  margin-top : 20px;
  a {

    color : #aaaaaa;
  }
}
}
/* *************** */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#904132; background-color: rgba(179, 44, 44,1); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(179, 44, 44,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: #904132; }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/* *************** */
.espaceprive h1 {
  font-family: "Galant";
  color: #3b373f;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
}
.espaceprive ul {
  padding: 10px 20px;
  text-align: left;
}
.espaceprive ul > li.cat {
  background-color: #888;
  margin-top: 10px;
  color: #ffffff;
  padding: 10px;
  display: block;
  font-family: "VeraHumana";
  font-size: 14px;
}
.espaceprive ul > li.file {
  line-height: 30px;
  vertical-align: middle;
}
.espaceprive ul > li.file a {
  display: block;
}
.espaceprive ul > li.file a:before {
  width: 0px;
  height: 0px;
  content: "";
  border-style: solid;
  border-width: 5px 10px 5px 0px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  margin-right: 10px;
  border-color: transparent #cccccc transparent transparent;
}

/* *************** */
.tabContenu {
  position : relative;
}

.recrutements {
  text-align : left;
  .fichier {
    float : right;
    width : 50%;
    text-align : right;
    vertical-align : middle;
    line-height: 16px;
    svg{
      vertical-align : middle;
      line-height : 20px;
      margin-top : -2px;
      path{

        fill   : #904132;
      }
    }
  }
  .ref {
    &:before {

      width             : 0px;
      height            : 0px;
      content           : "";
      border-style      : solid;
      border-width      : 5px 10px 5px 0px;
      -webkit-transform : rotate(180deg);
      -moz-transform    : rotate(180deg);
      -ms-transform     : rotate(180deg);
      -o-transform      : rotate(180deg);
      transform         : rotate(180deg);
      display           : block;
      float             : left;
      margin-right      : 5px;
      border-color      : transparent #cccccc transparent transparent;
    }
  }
  .titre {
    font-family    : "Galant";
    color          : #3b373f;
    font-size      : 13px;
    text-transform : uppercase;
    text-align     : center;
  }
  .ficheAnnonce {
    overflow                   : auto;
    -webkit-overflow-scrolling : touch;
    padding                    : 20px;
    text-align                 : left;
    color                      : #000000;
    max-height                 : 100%;
    position                   : absolute;
    top                        :25px;
    bottom                     : 0;
    padding-top : 0;
    font-size                  : 14px;
    @media all and (max-width:767px  ) {
      position : relative;
    }
    .libelle {
      background-color : #888;
      margin-top       : 10px;
      color            : #ffffff;
      padding          : 10px;
      clear: right;
    }
    .Accroche {
      padding : 10px;
      color   : #904132;
    }
  }
  .cols {
    h2 {
      margin-top     : 15px;
      margin-bottom  : 10px;
      text-transform : uppercase;

      font-size      : 18px;
      font-weight    : bold;
    }
    .col1 {
      width      : 60%;
      float      : left;
      box-sizing : border-box;
      padding    : 0 20px;
      display    : block;
      .bouton {
        background-color : #ac2b2f;
        color            : #ffffff;
        display          : block;
        margin           : 0 auto;
        padding          : 15px;
        width            : 180px;
        font-size        : 16px;
        text-align       : center;
        line-height      : 1.5;
        font-family      : "VeraHumana";
        margin-top       : 20px;
        margin-bottom : 10px;
      }
      div{
        text-align : justify;
        line-height : 1.2;
      }
    }
    .col2 {
      width      : 40%;
      float      : left;
      box-sizing : border-box;
      padding    : 0 20px;
      display    : block;
      div{

        text-align : justify;
        line-height : 1.2;
      }
    }
  }
}

.blocImage {
  position : absolute;
  width    : 30%;
  right    : 0;
  top : 24px;
  bottom : 0;
  background-size: cover;
}

.recrutements_liste {

  width                      : 70%;
  position                   : absolute;
  overflow                   : auto;
  -webkit-overflow-scrolling : touch;top : 30px;
  bottom : 0;

  li {
    color      : #000000;
    box-sizing : border-box;
    padding    : 20px;
    display    : block;

    .ref {
      color       : #000000;
      font-family : "VeraHumana";
      font-size   : 14px;
    }
    .libelle {
      background-color : #888;
      margin-top       : 10px;
      color            : #ffffff;
      padding          : 10px;
      display          : block;
      font-family      : "VeraHumana";
      font-size        : 14px;
    }

    .Accroche {
      padding   : 7px 90px 0 7px;
      display   : block;
      font-size : 14px;
    }
    a.recru {
      float       : right;
      color       : #904132;

      padding-top : 7px;
    }

    &.pourvu {
      opacity : 0.6;
      .pourvu {
        color : #904132;

      }
    }
  }

}

/* *************** */
.page_head {
	width:100%;
	background:#FFFFFF;
}
.page_head .titre {
	font-family: Galant;
    color: #3b373f;
    font-size: 13px;
    padding:10px;
}
.page_head .titre:first-letter {
	font-size: 17px;
}
.page_head .container_blocks {
	white-space:nowrap;
}
.page_head .container_blocks div {
	white-space:normal;
}
.page_head .container_blocks .bloc_texte, .page_head .container_blocks .bloc_image {
	width:50%;	
	height:160px;
}
@media all and (max-width: 400px) {
	.page_head .container_blocks .bloc_texte, .page_head .container_blocks .bloc_image {
		max-width:152px;
		height: 180px;
	}
	.container_blocks.impair.bloc5 .bloc_image {
		background-position:0 -35px;
	}
	.BodyConsultants .page_head {
		padding-bottom:20px;
	}
}
.page_head .container_blocks .bloc_texte:first-child {
	border-top:1px solid #eeeeee;
}
.page_head .container_blocks .bloc_image {
	background-repeat:no-repeat;
	background-size:100% auto;	
}
.page_head .container_blocks .bloc_texte {
	background:url('/img/coin.png') no-repeat top right #FFFFFF;
}
.page_head .container_blocks .bloc_texte .titre{
	font-family: Galant;
    color: #ac2b2f;
    font-size: 13px;
}
.page_head .container_blocks .bloc_texte .titre:first-letter{
	font-family: Galant;
    color: #ac2b2f;
    font-size: 17px;
}
.page_head .container_blocks .bloc_texte .suite{
	font-family: VeraHumana;
    color: #ac2b2f;
    font-size: 13px;
}
.page_head .container_blocks div.wrapper {
	text-align:left;
	white-space:nowrap;
}
.page_head .container_blocks .bloc_texte .wrapper div {
	white-space:normal;
}
.page_head .container_blocks .bloc_texte .text_content {
	margin:5px;
	margin-right:10px;
}
.page_head .container_blocks .bloc_texte .text_content .titre {
	margin-bottom:10px;
	min-height: 25px;
}
.page_head .container_blocks .bloc_texte .text_content .texte {
	 min-height: 85px;
	position : relative;

	font-size : 15px;
	color: #383838;
}
.page_head .container_blocks .bloc_texte .text_content .texte p {
	padding : 0;
	color: #383838;
}
.page_head .container_blocks .bloc_texte .suite {
	text-align:right;
	margin: 5px 10px 10px 0px;
}
/* *************** */
.espaceprive {

  h1 {
    font-family    : "Galant";
    color          : #3b373f;
    font-size      : 13px;
    text-transform : uppercase;
    text-align     : center;

  }

  ul {
    padding    : 10px 20px;
    text-align : left;
    > li.cat {

      background-color : #888;
      margin-top       : 10px;
      color            : #ffffff;
      padding          : 10px;
      display          : block;
      font-family      : "VeraHumana";
      font-size        : 14px;
    }
    > li.file {
      line-height : 30px;
      vertical-align : middle;
      a {
        display : block;
        &:before {

          width             : 0px;
          height            : 0px;
          content           : "";
          border-style      : solid;
          border-width      : 5px 10px 5px 0px;
          -webkit-transform : rotate(180deg);
          -moz-transform    : rotate(180deg);
          -ms-transform     : rotate(180deg);
          -o-transform      : rotate(180deg);
          transform         : rotate(180deg);
          display: inline-block;
          vertical-align : middle;
          line-height : 25px;
          margin-right      : 10px;
          border-color      : transparent #cccccc transparent transparent;
        }
      }
    }
  }
}
/* *************** */
.fiche_travaux .wrapper {
	width:90%;
	margin:auto;
	padding-top:10px;
}
.fiche_travaux .titre {
	text-align:center;
	font-family: Galant;
    color: #ac2b2f;
    font-size: 18px;
    margin-bottom:15px;
}
.fiche_travaux .texte {
	font-size:14px;
	line-height: 130%;
}
.fiche_travaux .lien_pdf {
	margin-top: 20px;
}
.fiche_travaux .lien_pdf .libelle {	
	margin-left:10px;
}
.fiche_travaux .lien_pdf .libelle a {
	font-size:16px;
	color:#5D5D5D;
}
.fiche_travaux .image {
	margin-top:15px;
	margin-bottom:15px;
}
.fiche_travaux .image img {
	width:100%;
}
/* *************** */
.BodyAccueil  .btn-menu,.BodyAccueil .btn-retour{
    display: none;
    opacity:0;
}
.BodyAccueil .tabContenu {
	padding-top:177px;
}
.BodyAccueil .frise {
	width:100%;
	height:80px;
	background-image: url("/img/frise-dessus.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}
.BodyAccueil .frise.dessous {
	background-image: url("/img/frise-dessous.jpg");
}
.BodyAccueil #Slogan {
	width:100%;
	height:80px;
	background-color: #ffffff;
	background-image: url("/img/slogan.png");
	background-repeat:no-repeat;
	background-position:center center;
}


.BodyAccueil {

}

body > #wrap{

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;


	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;


	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;


	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-align-content: stretch;
	-ms-align-content: stretch;
	align-content: stretch;
}
@media all and (max-width: 768px){

	body > #wrap{


		display: block !important;
	}
}
body > #wrap{

	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}


.BodyAccueil > #wrap > #main{

}
/* *************** */


.wysiwyg-text-align-center{
  text-align : center;
}

.wysiwyg-text-align-left{
  text-align : left;
}

.wysiwyg-text-align-right{
  text-align : right;
}

.wysiwyg-text-align-justify{
  text-align : justify;
}


/* *************** */
/* /////////////////////////////////////////// */
/* /////////////////////////////////////////// */
/* /////////////////////////////////////////// */
.page  .menu {
    display:none;
    opacity:0;
}
.menu {
	position:absolute;
	top:90px;
	width: 100%;
	height: 182px;
	white-space:nowrap;
	background-color:#3A373E;
	z-index:10;
}
.menu .items {
	width:49%;
	height: 187px;
	display:inline-block;
	vertical-align:top;	
	background-image: url("/css/filigrane-menu-gauche.png");
	background-repeat:no-repeat;
	background-position:-30px -10px;
	background-size:92px 161px;
}
 .menu .actuellement {
	width:49%;
	height: 157px;
	display:inline-block;
	vertical-align:top;
	background-image: url("/css/filigrane-menu-gauche.png");
	background-repeat:no-repeat;
	background-position:-30px -10px;
	background-size:92px 161px;
}
.menu .items li a.selected{
	color:#cccccc;
}
.menu .actuellement {
	padding-top:15px;
	max-height: 157px;
	overflow:hidden;
	background-image: url("/css/filigrane-menu-droit.png");
	background-position:90px -10px;
}
/* items menu */
.menu ul {
	list-style: none outside none;
	text-align: left;
	padding: 0;
	margin: auto;
}
.menu ul li {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	margin-left:15px;
	padding: 6px 0 4px 0;
}
.menu ul li a {
	font-family: Galant;
	font-size: 16px;
	color: #FFFFFF;		
}
.menu li a.selected{}

/* actuellement */
.menu .actuellement .titre  {
	font-family: Galant;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom:15px;
}
.menu .actuellement .titre a {
	color:white;
}


.menu .actuellement .les_textes  {
	position:relative;
}
.menu .actuellement .les_textes a {
	font-family: Galant;
	font-size: 14px;
	color: #d2c7dc;

}
.menu .actuellement .les_textes .texte {
	position:absolute;
	white-space:normal;	
	opacity:0;
}
.menu .actuellement .les_textes .texte:first-child {
	opacity:1;
}
.menu .actuellement .les_textes .texte.selected {
	visibility:visible;
	opacity:1;
}
.menu .actuellement .les_puces {
	text-align:center;
	padding-top:80px;
} 

.menu .actuellement .les_puces .puce {
	width:6px;
	height:6px;
	background:#ffffff;	
}
.menu .actuellement .les_puces .puce1 {
	margin:0 7px 0 7px;
}
.menu .actuellement .les_puces .puce.selected {
	width:4px;
	height:4px;
} 
/*
.tabGauche .menu{
        border:0px solid red;
        margin-top:50px;
        margin-left:10px;
        margin-right:5px;
        top:100px;
        position:fixed;
    }
    
.tabGauche .menu ul{
    width: 90%;
}
*/
/* *************** */
.mentions {
	background:#FFFFFF;
}
.mentions .wrapper {
	width:90%;
	margin:auto;
	padding-top:15px;
}
.mentions .titre {
	text-align:center;
	font-family: Galant;
    color: #ac2b2f;
    font-size: 18px;
}
.mentions .texte {
	
}
.mentions .texte .paragraphe {
	line-height: 130%;
	margin-bottom:12px;
}
/* *************** */
.Page404{
	padding:50px;
	text-align:center;
}

/* *************** */
.tabContenu {
  position: relative;
}

.recrutements {
  text-align: left;
}
.recrutements .fichier {
  float: right;
  width: 50%;
  text-align: right;
  vertical-align: middle;
  line-height: 16px;
}
.recrutements .fichier svg {
  vertical-align: middle;
  line-height: 20px;
  margin-top: -2px;
}
.recrutements .fichier svg path {
  fill: #904132;
}
.recrutements .ref:before {
  width: 0px;
  height: 0px;
  content: "";
  border-style: solid;
  border-width: 5px 10px 5px 0px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: block;
  float: left;
  margin-right: 5px;
  border-color: transparent #cccccc transparent transparent;
}
.recrutements .titre {
  font-family: "Galant";
  color: #3b373f;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
}
.recrutements .ficheAnnonce {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
  text-align: left;
  color: #000000;
  max-height: 100%;
  position: absolute;
  top: 25px;
  bottom: 0;
  padding-top: 0;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .recrutements .ficheAnnonce {
    position: relative;
  }
}
.recrutements .ficheAnnonce .libelle {
  background-color: #888;
  margin-top: 10px;
  color: #ffffff;
  padding: 10px;
  clear: right;
}
.recrutements .ficheAnnonce .Accroche {
  padding: 10px;
  color: #904132;
}
.recrutements .cols h2 {
  margin-top: 15px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}
.recrutements .cols .col1 {
  width: 60%;
  float: left;
  box-sizing: border-box;
  padding: 0 20px;
  display: block;
}
.recrutements .cols .col1 .bouton {
  background-color: #ac2b2f;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  padding: 15px;
  width: 180px;
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
  font-family: "VeraHumana";
  margin-top: 20px;
  margin-bottom: 10px;
}
.recrutements .cols .col1 div {
  text-align: justify;
  line-height: 1.2;
}
.recrutements .cols .col2 {
  width: 40%;
  float: left;
  box-sizing: border-box;
  padding: 0 20px;
  display: block;
}
.recrutements .cols .col2 div {
  text-align: justify;
  line-height: 1.2;
}

.blocImage {
  position: absolute;
  width: 30%;
  right: 0;
  top: 24px;
  bottom: 0;
  background-size: cover;
}

.recrutements_liste {
  width: 70%;
  position: absolute;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  top: 30px;
  bottom: 0;
}
.recrutements_liste li {
  color: #000000;
  box-sizing: border-box;
  padding: 20px;
  display: block;
}
.recrutements_liste li .ref {
  color: #000000;
  font-family: "VeraHumana";
  font-size: 14px;
}
.recrutements_liste li .libelle {
  background-color: #888;
  margin-top: 10px;
  color: #ffffff;
  padding: 10px;
  display: block;
  font-family: "VeraHumana";
  font-size: 14px;
}
.recrutements_liste li .Accroche {
  padding: 7px 90px 0 7px;
  display: block;
  font-size: 14px;
}
.recrutements_liste li a.recru {
  float: right;
  color: #904132;
  padding-top: 7px;
}
.recrutements_liste li.pourvu {
  opacity: 0.6;
}
.recrutements_liste li.pourvu .pourvu {
  color: #904132;
}

/* *************** */
.wysiwyg-text-align-center {
  text-align: center;
}

.wysiwyg-text-align-left {
  text-align: left;
}

.wysiwyg-text-align-right {
  text-align: right;
}

.wysiwyg-text-align-justify {
  text-align: justify;
}

/* *************** */
.tabContenu {
  position : relative;
}

.biodiversite {
  text-align : left;
  .fichier {
    float : right;
    width : 50%;
    text-align : right;
    vertical-align : middle;
    line-height: 16px;
    svg{
      vertical-align : middle;
      line-height : 20px;
      margin-top : -2px;
      path{

        fill   : #904132;
      }
    }
  }
  .ref {
    &:before {

      width             : 0px;
      height            : 0px;
      content           : "";
      border-style      : solid;
      border-width      : 5px 10px 5px 0px;
      -webkit-transform : rotate(180deg);
      -moz-transform    : rotate(180deg);
      -ms-transform     : rotate(180deg);
      -o-transform      : rotate(180deg);
      transform         : rotate(180deg);
      display           : block;
      float             : left;
      margin-right      : 5px;
      border-color      : transparent #cccccc transparent transparent;
    }
  }
  .texte p {
    font-size : 15px;
    padding: 0px  10px;
    min-height: 20px;
  }
  .texte p font {
    font-size : 15px;
  }
  .titre {
    font-family    : "Galant";
    color          : #3b373f;
    font-size      : 13px;
    text-transform : uppercase;
    text-align     : center;
  }
  .ficheAnnonce {
    overflow                   : auto;
    -webkit-overflow-scrolling : touch;
    padding                    : 20px;
    text-align                 : left;
    color                      : #000000;
    max-height                 : 100%;
    position                   : absolute;
    top                        :25px;
    bottom                     : 0;
    padding-top : 0;
    font-size                  : 14px;

    @media all and (max-width:767px  ) {
      position                   : relative;
    }

    .libelle {
      background-color : #888;
      margin-top       : 10px;
      color            : #ffffff;
      padding          : 10px;
      clear: right;
    }
    .Accroche {
      padding : 10px;
      color: #904132;
      font-size: 18px;
      margin-top : 15px;
      margin-bottom : 15px;
    }
  }

}

.blocImage {
  position : absolute;
  width    : 30%;
  right    : 0;
  top : 24px;
  bottom : 0;
  background-size: cover;
  @media all and (max-width:767px  ) {
    display : none;
  }
}

.biodiversite_liste {

  width                      : 70%;
  position                   : absolute;
  overflow                   : auto;
  -webkit-overflow-scrolling : touch;top : 30px;
  bottom : 0;

  @media all and (max-width:767px  ) {
    position : relative;
    width : 100%;
  }

  li {
    color      : #000000;
    box-sizing : border-box;
    padding    : 20px;
    display    : block;

    .ref {
      color       : #000000;
      font-family : "VeraHumana";
      font-size   : 14px;
    }
    .libelle {
      background-color : #888;
      margin-top       : 10px;
      color            : #ffffff;
      padding          : 10px;
      display          : block;
      font-family      : "VeraHumana";
      font-size        : 14px;
    }

    .Accroche {
      padding   : 7px 90px 0 7px;
      display   : block;
      font-size : 14px;
    }
    a.recru {
      float       : right;
      color       : #904132;

      padding-top : 7px;
    }

    &.pourvu {
      opacity : 0.6;
      .pourvu {
        color : #904132;

      }
    }
  }

}

/* *************** */
.tabContenu {
  position: relative;
}

.biodiversite {
  text-align: left;
}
.biodiversite .fichier {
  float: right;
  width: 50%;
  text-align: right;
  vertical-align: middle;
  line-height: 16px;
}
.biodiversite .fichier svg {
  vertical-align: middle;
  line-height: 20px;
  margin-top: -2px;
}
.biodiversite .fichier svg path {
  fill: #904132;
}
.biodiversite .ref:before {
  width: 0px;
  height: 0px;
  content: "";
  border-style: solid;
  border-width: 5px 10px 5px 0px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: block;
  float: left;
  margin-right: 5px;
  border-color: transparent #cccccc transparent transparent;
}
.biodiversite .texte p {
  font-size: 15px;
  padding: 0px 10px;
  min-height: 20px;
}
.biodiversite .texte p font {
  font-size: 15px;
}
.biodiversite .titre {
  font-family: "Galant";
  color: #3b373f;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
}
.biodiversite .ficheAnnonce {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
  text-align: left;
  color: #000000;
  max-height: 100%;
  position: absolute;
  top: 25px;
  bottom: 0;
  padding-top: 0;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .biodiversite .ficheAnnonce {
    position: relative;
  }
}
.biodiversite .ficheAnnonce .libelle {
  background-color: #888;
  margin-top: 10px;
  color: #ffffff;
  padding: 10px;
  clear: right;
}
.biodiversite .ficheAnnonce .Accroche {
  padding: 10px;
  color: #904132;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.blocImage {
  position: absolute;
  width: 30%;
  right: 0;
  top: 24px;
  bottom: 0;
  background-size: cover;
}
@media all and (max-width: 767px) {
  .blocImage {
    display: none;
  }
}

.biodiversite_liste {
  width: 70%;
  position: absolute;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  top: 30px;
  bottom: 0;
}
@media all and (max-width: 767px) {
  .biodiversite_liste {
    position: relative;
    width: 100%;
  }
}
.biodiversite_liste li {
  color: #000000;
  box-sizing: border-box;
  padding: 20px;
  display: block;
}
.biodiversite_liste li .ref {
  color: #000000;
  font-family: "VeraHumana";
  font-size: 14px;
}
.biodiversite_liste li .libelle {
  background-color: #888;
  margin-top: 10px;
  color: #ffffff;
  padding: 10px;
  display: block;
  font-family: "VeraHumana";
  font-size: 14px;
}
.biodiversite_liste li .Accroche {
  padding: 7px 90px 0 7px;
  display: block;
  font-size: 14px;
}
.biodiversite_liste li a.recru {
  float: right;
  color: #904132;
  padding-top: 7px;
}
.biodiversite_liste li.pourvu {
  opacity: 0.6;
}
.biodiversite_liste li.pourvu .pourvu {
  color: #904132;
}

/* *************** */
/* fonts */
.fVeraHumana95 {
	font-family:'VeraHumana';
}
.fGalant {
	font-family:'Galant';
}
/* colors */
.c909090{
	color:#909090;
}
.c383838{
	color:#383838;
}
.c000000{
	color:#000000;
}
/* sizes */
.s13 {
	font-size: 15px;
}
.s15 {
	font-size: 15px;
}
.s16 {
	font-size: 16px;
}
/* *************** */
.liste_travaux {
	position   : relative;
	overflow   : hidden;
	height     : 100%;
}

.liste_travaux .wrapper {
	margin      : auto;
	padding-top : 10px;
	width       : 90%;
}

.liste_travaux .titre {
	color       : #ac2b2f;
	text-align  : center;
	font-size   : 18px;
	font-family : Galant;
}

.liste_travaux .image {
	margin            : 10px 0;
	width             : 100%;
	height            : 124px;
	background-size   : 100% auto;
	background-repeat : no-repeat;
}

.liste_travaux .item {
	margin     : 15px 0;
	text-align : left;
}

.liste_travaux .item a {
	color : #383838;
}
/* *************** */
.contacts .blocImageContact {
  height: 350px;
  display: block;
  position: relative;
  right: 0;
  left: 0;
  background-size: cover;
}
.contacts div {
  line-height: 1.5;
}
.contacts h2 {
  font-family: "Galant";
  font-size: 24px;
  color: #904132;
  font-variant: small-caps;
  line-height: 40px;
}
.contacts .adress_mail {
  font-family: VeraHumana;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 5px;
}
.contacts .adress_mail {
  font-family: VeraHumana;
  margin-bottom: 10px;
  line-height: 2;
}
.contacts .plan {
  color: #383838;
  line-height: 25px;
  font-size: 14px;
  display: block;
  line-height: 1.2;
}
.contacts .plan svg {
  vertical-align: middle;
}
.contacts .photographes {
  font-size: 14px;
  color: #aaaaaa;
  margin-top: 20px;
}
.contacts .photographes a {
  color: #aaaaaa;
}

/* *************** */
@media all and (min-width: 768px) {
	.tablet {
		display:inline-block;
	}
	.smartphone {
		display:none;
	}
	html, body {
		background:#3A373E;
	}
	#ToggleMenu {
		display:none;
	}
	.toolbar {
		text-align:center;

}
	.menu, .page .menu {
		display:block;
		opacity:1;
		position:static;
		height:45px;
	}
	.menu{

		background-color:#4F4C53;
	}
	.menu .items {
		width:100%;
		text-align : center;
		height:44px;
		background:none;
		background-color:#4F4C53;
		position: relative;
		z-index: 99;
		background-color: transparent;
	}
	.filigrane_gauche, .filigrane_droit {
		width:10%;
		height:44px;
		background-image: url("/css/filigrane-menu-gauche.png");
		background-repeat:no-repeat;
		background-position:-26px 0px;
		background-size:92px 161px;
		background-color:#4F4C53;

		position: absolute;
		left: 0;
	}
	.filigrane_droit {
		background-image: url("/css/filigrane-menu-droit.png");
		background-position:0px -10px;
		left : auto;
		right : 0;
	}
	.menu ul {
		text-align:center;
		padding-top:14px;

	}
	.menu ul li {
		width:auto;
		display:inline-block;
		margin:0 10px;
		padding:0;
	}
	.logo {
	    width: 100%;
	    height: 105px;
	    background: url("/css/logo-TAB.png") no-repeat center center;
	    background-size:568px 60px;
	    background-color:#3A373E;
	 }
	 .tabContenu {
	 	background-color:#ffffff;
	 	height:500px;
	 	margin:0;
	 	max-width:768px;

		 margin: 0 auto;
	 }
	 .menu .actuellement {
		background:none;
		text-align:center;
		position:fixed;
		width:380px;
		left:50%;
		margin-left:-190px;
		bottom:-40px;
		 z-index: 666;
	 }
	 .menu .actuellement .les_textes .texte {
	 	width:380px;
	 }
	 .menu .actuellement .les_puces {
	 	padding-top:30px;
	 }
	 .footer div, .footer .lien_mentions {
		margin:0 10px;
	}
	.footer .vahelp {
		margin:0;
	}
	.footer .telephone_bottom {
		font-size: 13px;
		color: #757575;
	}
	.BodyAccueil .frise, .BodyAccueil #Slogan {
		display:none;
	}
	.grid_container, .grid {
		width:100%;
		/*height:474px;*/
		text-align:center;
		background:white;
	}
	.grid .line {
		height:180px;
	}
	.grid .line .cell {
		width:20%;
		height: 180px;
		text-align:center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.grid .line .cell .texte {
		width:120px;
	}
	.page_head {
		white-space: nowrap;
	}
	.page_head .titre {
   		padding:5px;
    }
    .page_head .container_blocks {
   		width:155px;
   		display:inline-block;
   		vertical-align: middle;
   		white-space: normal;
    }
    .page_head .container_blocks .vahelp {
    	display:none;
    }
    .page_head .container_blocks .bloc_image {
   		width:155px;
   		height:323px;
   		background-size:auto 100%;
    }
    .page_head .container_blocks .bloc_texte {
    	width: 156px;
    	vertical-align: top;
    }
    .page_head .container_blocks .bloc_texte .text_content .titre {
    	margin-bottom:3px;
    	font-size:12px;
		min-height: 30px;
		margin-top : 10px;
    }
    .page_head .container_blocks .bloc_texte p {
    	height:75px;
    	line-height:120%;
    	padding:0 5px;
		text-align : left;
    }
    .page_head .container_blocks.impair .bloc_image {
    	position:relative;
    	top:-160px;
    }
    .page_head .container_blocks.impair .bloc_texte {
    	position: relative;
		top: 323px;
    }
   .page_suite  {
   		padding-top:0;
   		width:100%;
	   height: 100%;
   }
   .page_suite .wrapper {
   		padding-top:0;
   		width:100%;
   }
   .page_suite .wrapper .titre {
	   	text-align:center;
	   	color: #3b373f;
	   	border-bottom:1px solid #EEEEEE;
	   	padding: 5px 0;
	   	clear:both;
   }
   .page_suite .wrapper .titre .tablet:first-letter, .page_suite .wrapper .titre .smartphone:first-letter {
   		font-size:17px;
   }
   .page_suite .wrapper .vignette {
   		position: absolute;
		top: 50px;
		left:28px;
		width:208px;
		height:134px;
		right: auto;
		background-size:cover;
   		background-position:center center;
   }
   .page_suite .vignette img {
   		height:100%;
   		width:auto;
   }
   .page_suite .wrapper .soustitre {
   		position: absolute;
		top: 65px;
		left:250px;
		font-family: Galant;
		color: #ac2b2f;
		font-size: 13px;
		text-align:left;
		width:120px;
		max-width:120px;
   }
   .page_suite .wrapper .soustitre:first-letter {
   		font-size: 19px;
   }
   .page_suite .wrapper .image {
   		width:355px;
   		height:365px;
   		margin-top:75px;
   		margin-right:20px;
   		background-size:cover;
   		background-position:center center;
   		display:inline-block;
   		vertical-align:top;
   }
   .page_suite .wrapper .texte {
   		margin-top:30px;
   		width:335px;
   		height:405px;
   		margin-left:20px;
   		display:inline-block;
   		vertical-align:top;
   		overflow:auto;
   		-webkit-overflow-scrolling:touch;
   }

   .fiche_travaux {
   		white-space:nowrap;
   }
   .fiche_travaux .mainTitle {
	   	font-family: Galant;
		color: #3b373f;
		font-size: 13px;
		height:20px;
		padding-top:2px;
		border-bottom:1px solid #EEEEEE;


   }
   .fiche_travaux .mainTitle:first-letter {
   		font-size: 17px;
   }
   .fiche_travaux .liste {
   		width:182px;
   		height:476px;
   		background:#f2f2f2;
   		vertical-align:top;
   }
   .fiche_travaux .fiche {
   		width:596px;
   		height:476px;
   }
   .fiche_travaux.tablet .scroller {
		padding: 0 8px;
  	}
	.titre_scroller {
		font-family: Galant;
		color: #B32C2C;
		font-size: 13px;
		padding: 15px 0;
	}
	.titre_scroller:first-letter {
		font-size: 17px;
	}
	.fiche_travaux .scroller {
		max-height: 410px;
		overflow: auto;
		-webkit-overflow-scrolling:touch;
	}
	.fiche_travaux .scroller .item {
		padding: 10px 0;
		text-align:left;
	}
	.fiche_travaux .scroller a {
		color: #3b373f;
		font-size: 14px;
		white-space:normal;
	}
	.fiche_travaux .lien_pdf {
		text-align:right;
	}
	.fiche_travaux .texte {
		white-space:normal;
		max-width: 265px;
		max-height: 410px;
		overflow: auto;
		-webkit-overflow-scrolling:touch;

		font-family :"VeraHumana";
		font-size : 15px !important;
	}
	.fiche_travaux .texte p{
		margin-bottom : 10px;
	}
	.fiche_travaux .scroller a.selected {
		color: #B32C2C;
	}
	.fiche_travaux .image {
		max-width:270px;
		margin: 0 15px;
	}
}

@media all and (max-width: 768px) {

	.recrutements .recrutements_liste {
		position : relative;
		width : 100%;
	}
	.recrutements .blocImage {
		display : none;
	}

	.recrutements .ficheAnnonce {
	}
	.recrutements .cols .col1,
	.recrutements .cols .col2 {
		position : relative;
		width : 100%;
		margin-bottom : 30px;
	}

	.recrutements .ficheAnnonce{
	/*	top : 0*/;
	}

	.contacts 	.blocImageContact {
		height : 250px;
		background-position : center;
	}


}
/* *************** */
@media all and (min-width: 768px) and (orientation:portrait) {   
    .BodyAccueil .tabContenu {
        height:471px;
        padding-top:0px;
    }
    .grid_container {
	/*	margin-top: 55px;*/
	}
   .menu .actuellement {
   		bottom:0px;
   }
   .toolbar .btn-retour {
   		right:auto;
   		left:0;
   }    
	.page_head .container_blocks {
		width:153px;
	}
	.page_head .container_blocks .bloc_texte {
		width:153px;
	}
	.page_head .bloc_texte .text_content .s13 {
		font-size: 13px;
	} 
	.page_head .container_blocks .bloc_image {		
		background-size: auto 100%;
		width:153px;
	}

	.BodyConsultants .page_head .container_blocks, .BodyConsultants .page_head .container_blocks .bloc_image {
		width: 192px;
	}
	.BodyConsultants .page_head .container_blocks .bloc_texte {
			width: 196px;
	}

	.fiche_travaux .titre {
		text-align:left;
	}
	.fiche_travaux.tablet .wrapper {
		width:100%;
		padding-top:0;
	}

	.footer {
		position : absolute;
		bottom : 0;
		width : 100%;
	}
}
/* *************** */
.toolbar {
	z-index  : 999;

}

@media (orientation : landscape) {
	.tabCentral {
		width : 800px;
	}

	.header #toolbar {
		width : 260px;
	}

	#toolbar a.tel {
		left : 107px;
	}

	.contenu {
		position : relative;
		/*left     : -30px;*/
		margin   : auto;
		/*width    : 960px;*/
		width : 1024px;
	}

	.toolbar {
		position : absolute;
		z-index  : 999;
		width    : 224px;
		width    : 224px;
	}

	.menu, .page .menu {
		position   : absolute;
		margin-top : 40px;
		min-height : 100px;
		width      : 224px;
	}

	.filigrane_gauche, .filigrane_droit {
		display : none;
	}

	.BodyAccueil .tabContenu {
		padding-top : 0px;
	}

	.BodyAccueil .grid_container {
		height : 540px;

		height: 540px;
	}

	.tabContenu {
		margin-left : 224px;
		max-width   : 800px;
		width       : 800px;
		height      : 540px;
	}

	.logo {
		padding : 0;
	}

	.menu .actuellement {
		position    : absolute;
		/* left: 0; */
		bottom      : -440px;
		margin-left : -100px;
		width       : 200px;
	}

	.menu .actuellement .les_textes .texte {
		width : 200px;
	}

	.menu .actuellement .les_puces {
		padding-top : 75px;
	}

	.footer {
		height : 25px;
	}

	.flags {
		margin-left : 240px;
	}

	.menu .items {
		width           : 100%;
		height          : 515px;
		background      : url("/css/filigranes.png") no-repeat #4F4C53;
		background-size : 100% auto;
	}

	.menu ul {
		padding-top : 35px;
	}

	.menu ul li {
		display : block;

		margin  : 0;
		padding : 12px 0;
		width   : 100%;
	}

	.page_head .titre, .page_suite .wrapper .titre {
		padding : 4px 0;
	}

	.page_head .container_blocks, .page_head .container_blocks .bloc_image, .page_head .container_blocks .bloc_texte {
		width : 160px;
	}

	.page_head .container_blocks .bloc_image {
		background-size : 100% auto;
	}

	.BodyConsultants .page_head .container_blocks, .BodyConsultants .page_head .container_blocks .bloc_image, .BodyConsultants .page_head .container_blocks .bloc_texte {
		width : 200px;
	}

	.wrapper.fiche_travaux {
		text-align : left;
	}

	.fiche_travaux .wrapper {
		width : 100%;
	}

	.wrapper.fiche_travaux .mainTitle {
		height     : 23px;
		text-align : center;
	}

	.fiche_travaux .liste {
		margin-top : 0px;
		height     : 513px;
	}

	.toolbar .btn-retour {
		right : -38px;
	}

	.fiche_travaux .texte {
		max-width : 305px;
	}

	.fiche_travaux .image {
		min-width  : 270px;
		text-align : center;
	}

	.titre_scroller {
		padding : 15px 8px;
	}

	.fiche_travaux .scroller {
		max-height : 450px;
	}
}
/* *************** */