/*******************************************************************************************

Light Blog Free Joomla! 3 Responsive Template - April 2015
Package tpl-lightblog-free-j3.zip
Version 1.0

@copyright	Copyright (C) 2015 JooThemes.net 

http://joothemes.net

*******************************************************************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,code,cite,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}


/* Main Layout */
html {height: 100%;}
body {font-weight: normal; font-size: 16px; color:#676767;padding:0; margin:0; line-height:1.5em;}
.background, #error, .contentpane{position: absolute;width: 100%;  margin:0; padding:0;}
h1,h2,h3,h4,h5,h6, legend {margin:0 !important; padding:0 0 10px 0; font-weight:700}
.page-header {text-align: center; text-transform: uppercase;}
legend {border-bottom:1px solid #e5e5e5; color:#676767!important; font-size:15px!important; border-bottom:none!important; }
.componentheading {font-size:24px; line-height:30px; margin:0; padding:0 0 15px 0;}
h1{font-size:30px; line-height:40px;color:#4b771f; text-align:center; font-weight:bold; padding-top:10px; padding-bottom:15px}
h2{font-size:23px; line-height:33px;color:#7d4318; font-weight:bold; font-weight:bold; padding-top:10px;padding-bottom:15px; text-align:left}
span.subheading-category{font-size:30px; line-height:40px;color:#4b771f; font-weight:bold; font-weight:bold; padding-top:10px;padding-bottom:15px; text-align:center}
h3{font-size:19px; line-height:28px;color:#676767; padding-top:10px; padding-bottom:15px; text-align:left}
h4,h5{font-size:16px; line-height:23px;color:#676767}
h6{font-size:13px; line-height:18px;color:#676767;font-weight:normal; text-align:center; padding-bottom:15px}
a, a.visited{color: #676767; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease}
h1 a, h1 a.visited{color: #4b771f}
h2 a, h2 a.visited{color: #7d4318}
a:hover {color:#000;text-decoration: underline;}
ul {margin:0 0 0 12px;list-style-type: disc;}
ul.tags.inline {margin:0 0 0 3px;}
li {text-align:justify}
p {margin-top: 0;margin-bottom: 10px; text-align:justify}
p.image {text-align:center;margin-bottom:5px}
.image span {
	visibility: hidden;
	font-size:10px;
	line-height:10px;
}
.image img:hover + span {
	visibility: visible;
	text-decoration:none;
}
p.source {line-height : 20px;font-size:14px;	margin-top:25px;}
p.note {	font-size:14px;	text-align:right;}
p.parents {font-size:14px;	margin-top:25px;}
h3.titre-maj {color: #343434;font-size: 17px; line-height: normal; text-align: center; border-top:solid 1px #e4e4e4; padding-top:15px; margin-top:15px}
h3.titre-maj a {color: #343434; text-decoration : none} 
h3.titre-maj a.visited {color: #000; text-decoration : none}
h3.titre-maj a:hover {color: #000; text-decoration : none}
span.source {color:#7d4318;}
cite.citation {font-style:normal;}
img {margin:2px}
img.float-left {float:left; margin-right: 10px; margin-top:8px; margin-bottom:4px}
img.float-right {float:right; margin-left: 10px; margin-top:8px; margin-bottom:4px}
blockquote{margin:1em 0 1.5em 0;padding:.6em 1em 0 .6em !important;color:#676767;  font-size: 14px; line-height: 1,7em; background-color: #fff; padding: 5px; border: 1px solid #676767 !important;}
blockquote p{padding:8px;margin:2px;}
blockquote blockquote{margin:1em 0 1em;}
element.style { height:auto;}
hr{margin:20px 0;border:0;border-top:1px solid #e4e4e4;border-bottom:1px solid #fff;}
hr.foot{margin: 0;border:0;border-top:1px solid #e4e4e4;border-bottom:1px solid #fff;}
th {background-color:#673510;color:#ffffff;font-size:16px;padding : 4px 10px ;}
th.donnees {background-color:#7d4318;color:#ffffff;font-weight:bold;	text-align:left; width:33%}
th.donnees2 {background-color:#dfdace;color: #291813;font-weight:bold;text-align:left;}
th.donnees3 {background-color:#ffffff;color: #291813;font-weight:bold;text-align:left;}
table.donnees {margin:auto;width:100%;border-collapse: separate;border-spacing: 1px;}
td {padding: 4px; vertical-align:top;}
td.donnees{background-color: #dfdace;padding: 2px 10px;vertical-align: top;width:33%}
td.donnees2{background-color: #d0e0b1;padding: 2px 10px;vertical-align: top;}
td.donnees3 {background-color: #ffffff;padding: 2px 10px;vertical-align: top;}
td.donnees4{background-color: #dfdace;padding: 2px 10px;vertical-align: top;}
li.puce {	display : list-item;list-style-image:url('images/puce01.png');margin-left:10px;margin-right:10px;}
div.encadre {	margin:10px 10px 12px 10px;	padding: 10px 20px ;	background-color:#d0e0b1;}	
div.tableau {display:table; margin :auto; padding: 1px}
div.cellule {display:table-cell; padding : 0 10px ; width : auto; height:auto; vertical-align:middle}
div.pagenavcounter{display:none}
div.calendrier{width: 100%; padding: 10px 0px; font-size:14px; line-height:20px}
div.custom {width : 100%}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
	margin-left: auto;
	margin-right:auto;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper {
	max-width: 100%;
	padding-bottom:15px;
}
.clr {clear: both;}
.highlight { background:#676767; color:#fff; padding:4px;text-shadow: 0 1px 0 #000;}
/* Header */
#header-w {position:relative; background-color: #fff; border-bottom: 1px solid #e4e4e4;}
#header {position:relative; height: auto; min-height:210px; max-width:1200px; margin:0 auto;}
#top { position:absolute; top:65px; right:0;}
#search { position:absolute; right:0; bottom:5px;}
.logo {width: auto; margin: 0 auto; margin-top: 120px; margin-bottom: 20px; text-align: center;}
.logo a{color:#676767;line-height: 60px; font-size:60px; text-decoration:none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.logo a span{display: block;}
.sitedescription {color:#000; display: block ; font-size:18px; line-height: normal; letter-spacing:1px; font-weight:normal; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; padding-left: 5px;}
.sitedescription:hover {color: #676767; text-decoration: none;}
.logo a:hover {color: #000; text-decoration: none;}
.bannertop{width: auto; margin: 0 auto; text-align: center; margin-top: 60px; margin-bottom: 30px; }

/*Social icons*/

ul.social {list-style: none; margin: 0;}
ul.social a.social-icon {display: inline-block; margin: 0 0 0 0; padding: 0;width:43px; height:43px; text-indent: -9999px; font-size: 0;
-webkit-filter: grayscale(80%);
filter: grayscale(80%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
ul.social a.social_1 { background:url(../images/social/social-icons.png) 0 0 no-repeat; }
ul.social a.social_2 { background:url(../images/social/social-icons.png) -125px 0 no-repeat; }
ul.social a.social_3 { background:url(../images/social/social-icons.png) -188px 0 no-repeat; }
ul.social a.social_4 { background:url(../images/social/social-icons.png) -125px -251px no-repeat; }
ul.social a.social_5 { background:url(../images/social/social-icons.png) 0 -63px no-repeat; }
ul.social a.social_6 { background:url(../images/social/social-icons.png) -63px -188px no-repeat; }
ul.social a.social_7 { background:url(../images/social/social-icons.png) -63px 0 no-repeat; }
ul.social a.social_8 { background:url(../images/social/social-icons.png) -188px -125px no-repeat; }
ul.social a.social_9 { background:url(../images/social/social-icons.png) -188px -188px no-repeat; }
ul.social a.social_10 { background:url(../images/social/social-icons.png) -251px 0 no-repeat; }
ul.social a.social-icon:hover {-webkit-filter: opacity(100%);}
.stickysocial {position: absolute; left: 0; top: 110px; z-index: 1000;}
#footer ul.social {margin-bottom: 35px;}
#footer ul.social li {display: inline;}
#footer ul.social li a {border: none;}


/* Search Component */
.only-search label{ display:inline; margin:0 10px 5px 0}
.search .inputbox{ width:240px;}
/* Top Menu*/
#top-nav { position:absolute; top:5px; right:0;}
#top-nav ul {margin:0; padding:0; float:right; }
#top-nav ul li {list-style:none; display:inline-block;position:relative; padding:0; margin:0 1px 0 0; height:25px; border-right:none;}
#top-nav ul li a { display:block;padding:0 0 0 15px; margin:0;line-height:25px;text-decoration:none;font-size:12px;color:#fff; text-transform:uppercase;
-webkit-transition:none; -moz-transition:none; -o-transition: none; transition:none}
#top-nav ul li a:hover {color:#676767}
/* Menu*/
/*#logobuta {z-index: 999; position:relative; width: 100%;margin: 0; padding: 5px; position: fixed; top: 0px; height: 60px; background: rgba(255, 255, 255, 1); background-image:url("../../../images/banners/logo_buta_long.png"); background-position: center; background-repeat: no-repeat; } */
/*#logobuta {width: 100%;margin: 0; padding-top: 5px; top: 0px; height: 60px; background: #ffffff; background-image:url("../../../images/banners/logo_buta_long.png"); background-position: center; background-repeat: no-repeat; } */
#logobuta {width: 100%;margin: 0; padding-top: 5px; top: 0px; height: 60px; background: #ffffff; background-image:url("../../../images/banners/logo_buta_long.png"); background-position: center; background-repeat: no-repeat; } 
/*#nav-w {z-index: 998; position:relative; width: 100%; min-height: 42px; margin: 0; padding: 0; position: fixed; top: 60px; background: rgba(255, 255, 255, 1); border-bottom: 1px solid #dcdcdc;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11);	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11);}*/
#nav-w {width: 100%; margin: 0; padding: 0; top: 0px; background: #ffffff; border-bottom: 1px solid #dcdcdc;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.11);	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.11);}
#nav {min-height: 32px; width: auto; padding:0;  margin:0px auto; text-align: center; position: relative;}
#nav ul {margin:0 auto; padding-bottom:6px; width: auto;}
#nav ul li {list-style:none; display:inline-block;position:relative; padding:0; margin:0; height:36px; border-right:none;}
#nav ul li a { display:block;margin:0 20px 0 20px; padding:0;line-height:40px;text-decoration:none;font-size:20px;color:#7d4318;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#nav ul li.level1 a:after {width: 8px; height: 8px; background: #4b771f; top: 16px; margin-top: 0; margin-left: 17px; position: absolute; content: '';}
#nav ul li.level1.last a:after, #nav ul li ul li a:after {content: none !important;}

#nav ul.menu > li > a {color: #676767; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); text-transform: uppercase;}
#nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a{color: #7d4318; text-decoration: none;}
#nav ul.menu > .active > a {color: #4b771f; text-decoration: none;}
#nav ul.menu > .active > a:hover{color: #7d4318; text-decoration: none;}
#nav ul li a span.menutitle {}
#nav ul li a span.menudesc {display:none}
/* SubMenu */
#nav ul li ul,
#nav ul li ul ul,
#nav ul li ul ul ul,
#nav ul li ul ul ul ul,
#nav ul li ul ul ul ul ul,
#nav ul li.sfHover ul,
#nav ul li.sfHover ul ul,
#nav ul li.sfHover ul ul ul,
#nav ul li.sfHover ul ul ul ul,
#nav ul li.sfHover ul ul ul ul ul,
#nav ul li:hover ul,
#nav ul li:hover ul li ul,
#nav ul li:hover ul li ul li ul,
#nav ul li:hover ul li ul li ul li ul,
#nav ul li:hover ul li ul li ul li ul li ul
{z-index: 9999;position:absolute;width:160px;left:-999em;margin:0; padding:0; background: transparent;  border:none;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.11);
}
#nav ul li ul li:hover ul, #nav ul li ul li ul li:hover ul, #nav ul li ul li ul li ul li:hover ul, #nav ul li ul li ul li ul li ul li:hover ul{left:161px; top:0}
#nav ul li ul li {padding:0;height:auto;width:265px; margin:0; border-top:none; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
#nav ul li ul li a {margin:0; padding:5px 20px;line-height:24px;font-size:16px;text-align:left; font-weight: 400;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a,
#nav ul li ul li a,
#nav ul li li ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a,
#nav ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a
{-index: 9999; color:#676767; background:#fff; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); display:block }
#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a
{z-index: 9999;color: #7d4318; background: #dfdace; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}

#nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover a, 
#nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover a
{ background:#fff; color: #676767; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}

#nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a,
#nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a
{ background:#fff; color: #676767; }

#nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a:hover,
#nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a:hover
{ background:#dfdace; color: #7d4318; }

#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.current.active a,
#nav ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.current.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a
{ color: #7d4318; background: #dfdace; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }

#nav ul.level1 li.level2.first a {border-top: 1px solid #fff;}
#nav ul.level1 li.level2.first a:hover, #nav ul.level1 li.level2.first.active a {border-top: 1px solid #dcdcdc;}

#nav ul li.active.deeper ul li.active.deeper ul li.current.active a
{ color: #7d4318; background: #dfdace;}

#nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a
{color: #676767; text-decoration: none;}
#nav ul.menu > .active > a,
#nav ul.menu > .active > a:hover
{color: #676767; text-decoration: none;}


span.menudesc { display:none;}

#menu-icon {display: none;}


/* Content */
#main { margin:0 auto; position: relative; background:none}
#wrapper-w { padding:4px 0 0 0;}
#wrapper { margin:0 auto; max-width:1200px; padding:0;position: relative;}
#comp-w { clear:both;margin:0 auto; padding: 0 0 0px 0; min-height:300px; /*text-shadow:0 1px 0 #fff*/}
#comp {padding: 30px; margin-bottom:20px; background-color: #fff; border: 1px solid #e4e4e4;}

#comp-i {padding:0}
.full { padding:0; margin:0; clear:both}
.contact a { text-decoration:none}
/* Article Columns */
.column-1, .column-2, .column-3, .column-4 { position:relative; margin:0; padding:0;}
.column-1{padding-right:5px}
.column-2{padding-left:5px}
/* Content styles */
#archive {padding:0; margin:0;}
.archive {padding:0;}
.archive .article-count {color:#999;}
.blog-featured {}
.blog-featured .items-row{padding: 25px 0; overflow: hidden; border-bottom: 1px solid #e4e4e4;}
.blog-featured .items-row:first-child{padding: 0 0 25px 0;}
.blog-featured .items-row:last-child{border-bottom: none; padding: 25px 0 0 0;}
.items-leading {position: relative; clear:both; margin:0 0 20px 0;  padding:0;}
.leading { margin:0 0 20px 0; position:relative;}
.items-row {position: relative;clear:both; display:block;}
div.blog .items-row {border-top: 1px solid #e4e4e4; padding-top: 20px; margin-bottom: 20px; }
.item-separator {}
.item-page { position:relative; /*text-shadow: 0 1px 1px #fff;*/}
.item-page p {margin: 0 0 15px 0;}
.item-page-title {padding:0 0 15px 0; margin:0 0 10px 0}
div.blog-featured .item-page-title {padding:0 0 15px 0;}
.item-page-title, .item-page-title a {text-decoration:none;font-size:24px; line-height:32px; color: #4b771f;} 
.item-page-title a:hover {color: #4b771f;}
.buttonheading {position:absolute; top:5px; right:5px;}
.buttonheading .edit-icon,
.buttonheading .print-icon,
.buttonheading .email-icon {margin:0; padding:0; width:20px; height:20px; overflow:hidden; float: left;}

.iteminfo {font-size: 11px;display:block;color:#696969; margin:0 0 5px 0; text-transform: uppercase;}
.blog .iteminfo, .blog-featured .iteminfo {text-align: center; margin: 0 0 15px 0;}
.item-page .iteminfo {margin:0 0 15px 0;}
.iteminfo span { margin:0 10px 0 0;}
.iteminfo span.jt-print span, .iteminfo span.jt-mail span, .iteminfo span.jt-edit span { margin:0 3px 0 0;}
.iteminfo .tags span { margin:0;}
.iteminfo .tags span.tag-list0 { margin:0 0 0 4px;}
.iteminfo a {color: #000; text-decoration: none;} .iteminfo a:hover { color: #676767; text-decoration: underline;}
.iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits, .iteminfo .tags, .iteminfo .tagi, .iteminfo .jt-print, .iteminfo .jt-mail, .iteminfo .jt-edit { display:inline-block;}
.iteminfo .createdby {font-weight:bold;}
.items-more {clear:both;} h3.items-more { font-size:14px; padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}

ul.tags.inline li {background: none !important; display: inline; padding: 0 !important;}

.iteminfo .tags a.label {display:inline-block;padding:0;font-size:11px;font-weight: normal;line-height:normal;color:#676767;vertical-align:baseline;white-space:nowrap;text-shadow: 0 1px 0 #fff;;background-color: transparent;}
.iteminfo .tags a.label:hover { text-decoration: underline; color: #000;}

#mailto-window h2 {font-size: 20px !important;}
#mailto-window img{max-width:100% !important;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}

table.category {}
th.item-title, th.list-title {font-size: 15px; font-weight: bold; text-align: left;}

/* Page Navigation */
ul.pagenav { display:block;} ul.pagenav li { list-style:none;} ul.pagenav li a{ display:block}
.pagenav-prev { float:left;}
.pagenav-next { float:right}
#pagination {clear:both; text-align:center;  padding:0;}

.inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.contentpane input {height: 25px; padding-left: 5px; }
/* Breadcrumbs */
.breadcrumbs { padding:0; margin:0px 0 10px 0; color:#fff}
.breadcrumbs a {color:#676767}
.breadcrumbs .sep{ background:url(../images/arrow.png) 50% 50% no-repeat; padding:5px}
/* Sidebar */
#leftbar-w {}
#rightbar-w {}
#sidebar {padding:0; color:#fff}
#sidebar .module { margin-top:-2px; margin-bottom:30px; color: #676767; padding:25px; background:#fff; border: 1px solid #e4e4e4}
#sidebar .module-title {font-size:25px; line-height:30px; color:#4b771f; padding:0 0 10px 0; text-align:center}
/*#sidebar h3 { margin:0; padding:0 0 5px 0; }*/
#rightbar-w  .module-title {}
#sidebar .module-body {margin:0; padding:0;font-weight:normal}
/*#sidebar .module-body p{padding:0; margin:0 0 5px 0;}*/
#sidebar  ul li { margin:0 5px; padding:0;}
/*#sidebar  a{ color:#000}*/
#sidebar  a:hover{ color:#000}
/*Sidebar redmodule*/
#sidebar .module.silvermodule {color:#000; background-color: silver; text-shadow: 0 1px 0 #e4e4e4 !important}
#sidebar .module.silvermodule .module-title {color:#000; text-shadow: 0 1px 0 #e4e4e4 !important}
/*Sidebar greymodule*/
#sidebar .module.greymodule {color:#676767; background-color: #dcdcdc; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) !important}
#sidebar .module.greymodule .module-title {color:#676767; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) !important}
/*Sidebar blackmodule*/
#sidebar .module.blackmodule {color:#fff; background-color: #202020; text-shadow:1px 1px #000 !important}
#sidebar .module.blackmodule .module-title {color:#fff; text-shadow:1px 1px #000 !important}
/* Sidebar Menu*/
#sidebar .module ul.menu{margin:0; padding:0;list-style:none;}
#sidebar .module ul.menu li{ list-style:none; margin:0; padding:0; border-bottom: 1px solid #e4e4e4}
#sidebar .module ul.menu li:last-child{border-bottom: none;}
#sidebar .module ul.menu li:hover{}
#sidebar .module ul.menu li a {display:block;margin:0; padding:5px 0; text-decoration:none; color: #676767; line-height:20px;}
#sidebar .module ul.menu li a:before,
.nav.nav-tabs.nav-stacked>li>a:before {
content:'';
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
margin-top: -3px;
margin-right: 7px;
border-style: solid;
border-width: 4px 0 4px 6.9px;
border-color: transparent transparent transparent #676767;
line-height: 0px;
_border-color: #000000 #000000 #000000 #676767;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}

#sidebar .module ul.menu li ul li a,
#sidebar .module ul.menu li ul li ul li a,
#sidebar .module ul.menu li.active ul li a,
#sidebar .module ul.menu li.active ul li.active ul li a{display:block;margin:0; padding:4px 0 5px 0; text-decoration:none; color: #676767; line-height:20px;}


#sidebar .module ul.menu li a:hover,#sidebar .module ul.menu li.active a {text-decoration:none;color:#000; }

#sidebar .module ul.menu li a:hover:before,#sidebar .module ul.menu li.active a:before,
.nav.nav-tabs.nav-stacked>li>a:hover:before {
content:'';
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
margin-right: 7px;
border-style: solid;
border-width: 4px 0 4px 6.9px;
border-color: transparent transparent transparent #000;
line-height: 0px;
_border-color: #000000 #000000 #000000 #000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
 }

#sidebar .module ul.menu li ul li a:hover,
#sidebar .module ul.menu li ul li.active a,
#sidebar .module ul.menu li.active ul li a:hover,
#sidebar .module ul.menu li ul li.active ul li.active a {text-decoration:none;color:#000; }

#sidebar .module ul.menu li.active {}
/* Sidebar SubMenu*/
#sidebar .module ul.menu li ul {margin:0; }
#sidebar .module ul.menu li ul li ul {margin: 0 0 2px 0; }
#sidebar .module ul.menu li ul li {background:none;  margin:0; padding:0 0 0 10px; border-bottom: none;}
#sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child { background:none }
#sidebar .module ul.menu li ul li a{}
#sidebar .module ul.menu li ul li a:hover{ border: 0;}
#sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li {  background:url(../images/sidebar-menu-sep.png) bottom left repeat-x}
#sidebar .nav-list{padding:5px 0 !important;margin-bottom:0;}
#sidebar form {;margin:0;}
/*redmodule & blackmodule styles
#sidebar .module.redmodule a, #sidebar .module.blackmodule a{ color:#fff}
#sidebar .module.redmodule a:hover, #sidebar .module.blackmodule a:hover{ color:#fff; text-decoration: underline;}

#sidebar .module.redmodule ul.menu li a,
#sidebar .module.redmodule ul.menu li.active ul li a,
#sidebar .module.redmodule ul.menu li ul li.active ul li a{color: #fff;}
#sidebar .module.redmodule ul.menu li a:hover, #sidebar .module.redmodule ul.menu li.active a,
#sidebar .module.redmodule ul.menu li ul li a:hover,
#sidebar .module.redmodule ul.menu li ul li.active a,
#sidebar .module.redmodule ul.menu li.active ul li a:hover,
#sidebar .module.redmodule ul.menu li ul li.active ul li.active a { background: url(../images/li-arrow.png) 7px 5px no-repeat; color:#fff; background-color: #c60000;}

#sidebar .module.redmodule ul.menu li{ list-style:none; margin:0; padding:0; border-bottom: 2px solid #c60000}*/

/* User 1 - User 2 - User 3 - User 4*/
#user1w, #user4w  {}
#user1{padding:0; margin:0 auto;clear:both;}
#user2{padding:0; margin:0 auto;}
#user1 .module { color:#676767;margin-bottom:30px; padding:10px 15px; background:#fff; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
#user2 .module { color:#676767;margin-bottom:20px; margin-top:10px;padding:0px; background:#fff; border: 0px solid #e4e4e4; text-align: center;}
#user3 .module { color:#676767;margin-bottom:30px; padding:30px; background:#fff; border: 1px solid #e4e4e4; text-align: center;}
#user1 .inner, #user2 .inner { padding:0 10px;}
#user1 .module-title, #user2 .module-title {display: block; font-size: 26px; line-height: 32px;letter-spacing:1px; color:#676767;}
#user1 h3.module-title, #user2 h3.module-title {margin-bottom:0; padding-bottom:10px;} 
#user1 .module-body, #user2 .module-body {}
#user1 a, #user2 a { }
#user1 a:hover, #user2 a:hover { color:#676767}
#user1 ul, #user2 ul {margin:0; padding:0;}
#user1 ul li, #user2 ul li { border-bottom: 1px solid #e4e4e4; list-style:none;}
#user1 ul li:last-child, #user2 ul li:last-child { border-bottom: none;}
#user1 ul li:hover, #user2 ul li:hover  {}
#user1 ul li a, #user2 ul li a { display:block; padding:2px 0; font-size:14px; color: #676767;}
#user1 ul li a:hover, #user2 ul li a:hover {color: #000; text-decoration: none; padding: 2px 0 2px 10px;}
/* User 3 */
#user3{padding:0; margin:0 auto;clear:both;}
#user3 .module{margin-bottom:30px}
#user3 .inner{ padding:0 10px;}
#user3 .module-title{display: block; font-size: 14px; line-height: 32px;letter-spacing:1px; text-transform:uppercase; color:#676767;}
#user3 h3.module-title{margin-bottom:0; padding-bottom:0;} 
#user3 .module-body{}
#user3 a{}
#user3 a:hover{}
#user3 ul{margin:0; padding:0;}
#user3 ul li{ border-bottom:none ; list-style:none;}
#user3 ul li:hover{}
#user3 ul li a{ display:block; padding:0 0 0 20px; background:url(../images/user1-arrow.png) 0 50% no-repeat;text-decoration:none; font-size:14px;}
#user3 ul li a:hover{ color:#eee}

/* User 4 */
#user4w {padding:25px;  max-width:1200px; margin:0; background-color:#ffffff; border: 1px solid #ffffff;
}
#user4 {background-color:#ffffff; clear:both;}
#user4 a {text-decoration:none; color: #343434;} 
#user4 a:hover {color: #000;} 
#user4 .module-title {margin-bottom:20px ;padding-bottom:20px;display: block; font-size: 25px; line-height:30px; color:#4b771f; }
#user4 .module-body {padding:0; margin:0;}


#user2 h1, #user2 h2, #user2 h3, #user2 h4, #user2 h5{
	text-align: center;
} 

/* Footer */
#footer-w{overflow:hidden; border-bottom:0px solid #fff; }
#footer {padding:0px; margin:0 0 15px 0; width: 100%; text-align: center; }
#footer p{ margin:0; padding:0;}
#footer a {text-decoration:none;color:#ffffff;}
#footer a:hover {color:#ffffff;}
#footer ul {font-size: 16px; line-height: 170%;}
#footer ul.menu {background-color:#7d4318; padding:10px; color:#ffffff; margin:0}
#footer ul.social {background-color:#7d4318; padding:5px 10px 20px 10px; color:#ffffff; margin-bottom:20px}

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

table.donnees {margin:auto;width:auto; width:100%;border-collapse: separate;border-spacing: 1px;font-size:14px; line-height:1.4em}
td {padding: 2px; vertical-align:top;}
td.donnees{background-color: #dfdace;padding: 1px 5px;vertical-align: top;}
td.donnees2{background-color: #d0e0b1;padding: 1px 5px;vertical-align: top;}
td.donnees3 {background-color: #ffffff;padding: 1px 5px;vertical-align: top;}
td.donnees4{background-color: #dfdace;padding: 1px 5px;vertical-align: top;}
th {background-color:#673510;color:#ffffff;font-size:14px;padding : 2px 5px ;}
th.donnees {background-color:#7d4318;color:#ffffff;text-align:left;}
th.donnees2 {background-color:#dfdace;color: #291813;text-align:left;}
th.donnees3 {background-color:#ffffff;color: #291813;text-align:left;}


#comp {padding: 25px; margin-bottom:15px; background-color: #fff; border: 1px solid #e4e4e4;}
#comp-w {padding-left: 0px !important; padding-right: 0px !important;}

#nav,#login,#search,#search button,#top-nav { display: none; }
#login,#search {float:none; clear:both; margin-left:5px}
#menu-icon {width:100%;height: 26px; text-decoration:none;background: #7d4318 url(../images/menu-icon.png) no-repeat right bottom; cursor: pointer;display: block; line-height: 26px; color: #fff; text-indent: 10px; font-size: 20px; padding: 8px 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8) !important;}
#menu-icon:hover,#menu-icon.active  {background-color: #7d4318;}
/* Menu */
#nav-w {height:auto; display:block; padding: 0; color: #fff; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 1); position: relative; top: 0px;}
#nav {position: relative;	display: none; background:#000; top: 0;}
#nav ul { position:relative; width: 100%; display: block; background:#7d4318; overflow:hidden}
#nav ul li {text-align:center;clear: both;float: none!important; border-right:none; display:block; max-width:100%; margin:0;border-top: 1px solid #676767; border-bottom:0 !important; height: auto;}
#nav ul li a { margin:0; display:block; -webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;background-color: #676767; color: #fff !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 1) !important;}
/* SubMenu */
#nav ul li ul{ position:relative; margin:0; padding:0; left:0; top:0;max-width:100%; border-top: 1px solid #676767;}
#nav ul li:hover ul, #menu ul li.sfHover ul { position:relative; left:0; top:0;}
#nav ul li ul li:hover ul { position:relative}
#nav ul li ul li { width:100%; margin: 0; border-bottom:1px solid #676767;}
#nav ul li ul {position:relative!important; margin:0; padding:0; left:0; width:100%; display:block;border-top: 0;} 
#nav ul li ul ul ,
#nav ul li ul ul ul, 
#nav ul li ul ul ul ul,
#nav ul li ul ul ul ul ul {visibility:hidden; height : 0px}
#nav ul li:hover ul {position:relative!important; margin:0; padding:0; left:0; width:100%; display:block;border-top: 0;} ,
#nav ul li:hover ul li ul, 
#nav ul li:hover ul li ul li ul, 
#nav ul li:hover ul li ul li ul li ul,
#nav ul li:hover ul li ul li ul li ul li ul  {visibility:hidden; height:0px}


#nav ul.level1 li.level2.first a {border-top: 0;}
#nav ul.level1 li.level2.first a:hover, #nav ul.level1 li.level2.first.active a {border-top: 0;} 

#nav ul li ul li {border-right:none; border-bottom: 0; border-left: 0; border-right: 0;}
#nav ul li ul li a {margin:0; padding:7px 22px;line-height:25px;font-size:16px; text-align: center; background-color: #676767 !important; text-transform: none;}
#nav ul li ul li a:hover, #nav ul li ul li.active a {background-color: #7d4318 !important;}

#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ color: #fff; background: #676767; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}

#nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a{color: #fff; text-decoration: none; background:#4b771f;}
#nav ul.menu > .active > a {color: #fff; text-decoration: none; background:#4b771f;}
#nav ul.menu > .active > a:hover{color: #fff; text-decoration: none; background:#7d4318;}

#nav ul li.level1 a:after {all:none;}
#nav ul li ul li a:before, #nav ul li ul li a:after {content: none !important;}
#nav ul li.level1 a:before {width: 8px; height: 8px; background: #fff; top: 18px; margin-top: 0; margin-left: -28px; position: absolute; content: '';}
#nav ul li.level1 a:after {width: 8px; height: 8px; background: #fff; top: 18px; margin-top: 0; margin-left: 20px; position: absolute; content: '';}
#nav ul li.level1.last a:after {width: 8px; height: 8px; background: #fff; top: 18px; margin-top: 0; margin-left: 20px; position: absolute; content: '';}

}