/* CSS Document */

/*html { height: 100%;}
body {height:100%;}*/
.clr { clear: both; }
.top { /*background:url("../images/body_bg_top.gif") no-repeat 0 bottom*/ border-bottom:1px solid #000; }
.outline { /* background:url("../images/body_bg.gif") repeat-y 0 0;*/ padding:5px; background:#eaeaea; border-left:1px solid #000; border-right:1px solid #000;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
.moduletable_ss_menu {background:url("../images/bg_ss_menu.gif") 0 0;height:26px;border:1px solid #333;width:940px}
*>.moduletable_ss_menu {height:25px;}
.ss_menu {float:left;border-right:1px solid #000;height:23px;padding:3px 20px 0 20px;}
*>.ss_menu {border-right:1px solid #000;height:22px}
.moduletable_ss_menu table a {color:#333;font-weight:700}
.moduletable_ss_menu table a:hover {color:#f00;font-weight:700}
#foot {text-align:center; /* background:url("../images/foot.gif") no-repeat center 0;margin:0 0 0 -12px;height:61px;padding-top:5px */ margin:0 auto;   padding:10px 10px 0 10px; max-width:957px; background:#eaeaea; border:1px solid #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
 }
#foot table tr td {text-align:left}
.bigger {font-size:14px;font-weight:700}

#buttons_outer {
	width: 631px;
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
}

#buttons_inner {
	border: 1px solid #cccccc;
	height: 21px !important;
	height: 23px;
}

#pathway_text {
  overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}

#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}


ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #c64934;
}


#search_outer {
	float: left;
	width: 165px;
}

#search_inner {
  border: 1px solid #cccccc;
	padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}

#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 631px;
	height: 170px;
	/*background: url(../images/header_short.jpg) no-repeat;*/
}

#top_outer{
	float: left;
	width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

#left_outer {
  float: left;
	margin-top: 2px;
	width: 165px;
}

.left_inner {
  /*border: 1px solid #333; */
  margin:0 5px 5px 5px;
  float: left;
  font-size:10px;
  font-weight:400;
  text-align:center
}

#content_outer {
	float: left;
	max-width: 957px;
}

table.content_table {
	max-width: 795px;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
	max-width: 795px;
}

#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}


.user1_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

table td.body_outer {
	padding: 5px;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}


td {
	text-align: left;
	font-size: 12px;
}


body {
	margin: 15px;
	height: 100%;
	padding: 0px;
	font-family: verdana;
	line-height: 120%;
	font-size: 11px;
	color: #333333;
	background: #ffffff;
	background:url("../images/bg.gif") 0 0;
}

/* Joomla core stuff */
a {
	color: #c64934;
	text-decoration: none;
	font-weight: 400;
}

a:hover {
	color: #f00;
	text-decoration: none;
	font-weight: 400;
}

table.contentpaneopen {
  	width: 900px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
   width: 900px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen img { margin-right:10px}


table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;

}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 60px;
	color: #9a4a1f;
	font-weight: bold;
	font-size: 18px;
	/*white-space: nowrap;*/
	line-height: 21px;
}

h1 {
	color: #9a4a1f;
	font-weight: bold;
	font-size: 18px;
	white-space: nowrap;
}


.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

/*
	a.mainlevel:link, a.mainlevel:visited {
		display: block;
	}
	background: url(../images/menu_bg.png) no-repeat; 
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
	color:#fff;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}
*/

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}



/* 20150515 RESPONSIVE*/



@media screen and (max-width: 980px) {

  body table:first-child { width: 100% !important;}

	.contentpaneopen object { display: none;}

  #foot { width: 100%;max-width: 100%; height: auto;}

  body {margin-left: 0;margin-right: 0;}

  #header_outer {display: none;}

  .left_inner {width:15%;}

  	.left_inner a {width: 100%;}

  	.left_inner a img {width: 100%;}

  	table.contentpaneopen {width: 100%;}

	.responsive-top { padding: 10px 20px 0;}

	.center-wrap {overflow: hidden;}

	.moduletable_ss_menu { width: 100% !important;}

	.responsive-top a { font-size: 1.5em;}
	
}



@media screen and (max-width: 690px) {

	table.contentpaneopen img { float: none !important;margin-bottom: 20px;}

	.left_inner { width: 30%;}

	.contentpaneopen tbody tr td h5 {text-align: center;font-size: 1em;}

	.contentpaneopen tbody tr td h5 img { display: none;}

	.body_outer table tr td { text-align: center;}

	.flexslider .slides { height: 350px !important;}

	.flexslider .slides > li {height: 350px;}

	.flexslider .slides > li img{min-height: 100%;min-width: 100%;}

	#frog-4 iframe { width: 100% !important;}

}










/* ---------- FLEXSLIDER ---------- */
/* ----- RESET ----- */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flexslider {
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: 100%;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
  position: relative;
  background: none;
  padding: 0;
}
.flexslider .slides > li .slider-h3 {
  display: block;
  position: absolute;
  bottom: 100px;
  left: 10%;
  z-index: 5000;
  color: #fff;
  font-size: 58.5px;
}
.flexslider .slides > li .block-slider {
  display: block;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5000;
  width: 35%;
  height: 140px;
}
.flexslider .slides > li .block-slider h3 {
  color: #333333;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 19.5px;
}
.flexslider .slides > li .block-slider p {
  text-decoration: none;
  color: #333333;
}
.flexslider .slides > li .block-slider p:hover {
  color: #333333;
}
.flexslider .slides {
  zoom: 1;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.flexslider .slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.flexslider .slides img {
  min-width: 100%;
  display: block;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

.no-js .slides > li:first-child {
  display: block;
}

/* ----- THEME ----- */
.flexslider, .flexslider-service {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  position: relative;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

/* ----- CAROUSEL ----- */
.carousel li {
  margin-right: 5px;
}

/* ----- DIRECTION ----- */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  width: 48px;
  height: 64px;
  margin: -24px 0 0;
  display: block;
  background: url(../images/arrow-slider.html) no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 30000;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.flex-direction-nav a.flex-prev {
  background: url(../images/arrow-slider.html) no-repeat 0 0;
  left: 10px;
}
.flex-direction-nav a.flex-next {
  background-position: 100% 0;
  right: 10px;
}

/* ----- THUMBS ----- */
.flexslider .flex-control-thumbs {
  margin: 5px 0 0 0;
  position: static;
  overflow: hidden;
}
.flexslider .flex-control-thumbs li {
  float: left;
  width: 13.4%;
  margin: 0 2px 5px 0;
  overflow: hidden;
  background: none;padding: 0;height: 78px;
}
.flexslider .flex-control-thumbs li img {
  width: 100%;
  display: block;
  opacity: .5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flexslider .flex-control-thumbs li img:hover {
  opacity: 1;
}
.flexslider .flex-control-thumbs li img.flex-active {
  opacity: 1;
  cursor: default;
}

/* ----- NAV ----- */
.flex-control-nav {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 10px;
}
.flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-nav li a {
  width: 10px;
  height: 10px;
  display: block;
  background: rgba(0, 0, 0, 0.35);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-control-nav li a:hover {
  background: rgba(0, 0, 0, 0.75);
}
.flex-control-nav li a.flex-active {
  background: rgba(0, 0, 0, 0.95);
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}
.flexslider-service .slides > li {
  height: 150px;
}
.flexslider-service .slides > li img {
  width: 100%;
}

.flexslider-realisation {
  position: relative;
}
.flexslider-realisation .slides > li {
  height: 350px;
}
.flexslider-realisation .slides > li img {
  min-height: 100%;
}

.flexslider-vente {
  position: relative;
}
.flexslider-vente .slides > li {
  height: 445px;
  position: relative;
}
.flexslider-vente .slides > li .block-slider {
  display: block;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 75px;
  right: 200px;
  z-index: 5000;
  width: 275px;
}
.flexslider-vente .slides > li .block-slider h3 {
  color: #333333;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 19.5px;
}
.flexslider-vente .slides > li .block-slider h3 .type {
  color: #fff;
  font-size: 10.4px;
  position: absolute;
  right: 0;
  top: 10px;
  padding: 1px 14px 1px 4px;
}
.flexslider-vente .slides > li .block-slider h3 .type.orange {
  background: #fea805;
}
.flexslider-vente .slides > li .block-slider h3 .type.pink {
  background: #c60838;
}
.flexslider-vente .slides > li .block-slider p {
  text-decoration: none;
  color: #333333;
}
.flexslider-vente .slides > li .block-slider p:hover {
  color: #333333;
}
.flexslider-vente .slides > li img {
  width: 100%;
  min-width: 700px;
}
.flexslider-vente .flex-direction-nav a.flex-prev {
  background: url(../images/arrow-slider.html) no-repeat 0 0;
  left: 0px;
}
.flexslider-vente .flex-direction-nav a.flex-next {
  background-position: 100% 0;
  right: 0px;
}