/******************************************************
  base styles
*******************************************************/
html { 
	font-size: 100%; 
} 

body { 
	margin: 0; 
	padding: 0; 
	font-family: 'lucida grande',geneva,arial,verdana,sans-serif; 
	font-size: 90%; 
	background: #9ed332;
} 
 
h1, h2, h3, h4, h5, h6 { 
	margin: 1em 0 .5em 0; 
	padding: 0;
	line-height: 1.2; 
	font-weight: bold; 
	font-style: normal; 
}
 
h1 { 
	font-size: 2em; 
} 

h2 { 
	font-size: 1.7em; 
} 

h3 { 
	font-size: 1.3em; 
	color: #2E69BF;
  margin: 1em 0 0 0; 
} 

h4 { 
	font-size: 1.1em; 
} 
 
ul, ol { 
	margin: .75em 0 .75em 20px; 
	padding: 0; 
} 
 
p { 
	margin: 0 0 .75em 0;
}

p.small {
  font-size: .9em;
} 

address { 
	margin: .75em 0; 
	font-style: normal; 
} 
 
a:link, a:visited, a:hover, a:active { 
	color: #2E69BF;
  text-decoration: underline; 
} 

a:hover, a:active { 
  text-decoration: none; 
} 

a:active, a:focus { 
	outline: none; 
} 

a img { 
	border: none; 
} 
 
em { 
	font-style: italic; 
}
 
strong { 
	font-weight: bold; 
} 
 
form, fieldset { 
	margin: 0; 
	padding: 0; 
	border: none; 
} 

input, button, select { 
	vertical-align: middle;
}

abbr[title] { 
	border-bottom: 1px dotted; 
	cursor: help; 
} 
 
blockquote { 
	margin: .75em 0 .75em 20px; 
	padding: 0 0 0 10px; 
	border-left: solid 2px #ddd; 
}
 
q, cite { 
	font-style: italic; 
}
 
q cite, q q { 
	font-style: normal 
} 
 
q { 
	quotes: none; 
} 

q:before, q:after { 
	content: "";
} 
 
blockquote p, li p { 
	margin: .5em 0; 
} 
 
dl { 
	margin: .75em 0; 
} 

dt { 
	margin: .75em 0 0 0; 
	font-weight: bold; 
} 

dd { 
	margin: .25em 0 .25em 32px; 
} 
 
table { 
	margin: 0; 
	border: 1px solid gray; 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

table td, table th { 
	padding: 4px;
	border: 1px solid #ccc;
	vertical-align: top;
} 
 
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section { 
	display: block; 
}

/******************************************************
  clear
*******************************************************/
*html .clear {
	height: 1%;
	overflow: visible;
}

*+html .clear {
	min-height: 1%;
}

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/******************************************************
  typo3 specific styles
*******************************************************/
.csc-firstheader {
  margin: 0 0 .5em 0;
}

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

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

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

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

p.small {
  font-size: 11px;
}

span.small {
  font-size: 11px;
}


/******************************************************
  layout
*******************************************************/
#container {
	width: 967px;
	margin: 0 auto;
	background: #fff url(../layout/EcoSentier/footerBg.jpg) no-repeat left bottom;  
}


#content {
  margin: -70px 0 0 0;
  position: relative;
  z-index: 1000;
}


#left {
  width: 440px;
  float: left;
}

#right {
  width: 505px;
  float: right; 
}

#main {
  padding: 0 10px 0 0;
}

#main .leftPadding {
	padding:0 0 0 60px;
}

#main a {
  font-weight: bold;
}

/******************************************************
  header
*******************************************************/
#header {
  height: 288px;
  position: relative;
  background: url(../layout/EcoSentier/headerBg.jpg) no-repeat left top;
  z-index: 500;
}

#header h1 {
  margin: 0;
  padding: 0;
  width: 356px;
  height: 151px;
  background: url(../layout/EcoSentier/logoEcosentier.png) no-repeat left top;
  position: absolute;
  top: 65px; 
  right: 55px;  
}

#header h1 span, #header h2 span {
  display: none;
}

#header h1 a {
  display: block;
  width: 356px;
  height: 151px;  
}

#header h2 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 40px;
  left: 40px;
}

/******************************************************
  ECOBLOG
*******************************************************/
#ecoblog {
  position: absolute;
  top: 0px;
  right: 200px;
  width: 200px;
}

#ecoblog ul {
  margin: 0;
  list-style-type: none;
}

#ecoblog p {
  margin: 0 auto;
}

#ecoblog p a {
  display: block;
  width: 198px;
  height: 32px;
  background: url(../layout/ecoBlog/ecoblog.png) no-repeat left top;
}
#ecoblog p a:link, #ecoblog p a:visited {
	background-position:0 0;
	text-decoration:none;
}
#ecoblog p a:hover, #ecoblog p a:active {
	background-position:0 -32px;
	text-decoration:none;
}
#ecoblog p.act a:link, #ecoblog p.act a:visited, #ecoblog p.act a:hover, #ecoblog p.act a:active {
	background-position:0 -32px;
	text-decoration:none;
}

#ecoblog p a span {
  display: none;
}

#ecoblog ul {
  width: 190px;
  margin: -12px auto 0 auto;
}

#ecoblog ul li {
  display: inline;
}

#ecoblog li span {
  display: none;
}

#ecoblog li a {
  display: block;
  float: left;
  margin: 0 1px;
  width: 36px;
  height: 47px; 
}
#ecoblog li a:link, #ecoblog li a:visited {
	border:none;
}
#ecoblog li a:hover, #ecoblog li a:active {
	border-bottom:2px solid;
}

#ecoblog li a.item1 {
  background: url(../layout/ecoBlog/ecopharma.png) no-repeat left top;
  border-color:#89BD55;
}
#ecoblog li.act a.item1:link, #ecoblog li.act a.item1:visited, #ecoblog li.act a.item1:hover, #ecoblog li.act a.item1:active {
	border-bottom:2px solid #89BD55;
}

#ecoblog li a.item2 {
  background: url(../layout/ecoBlog/centremedical.png) no-repeat left top;  
  border-color:#6791C1;
}
#ecoblog li.act a.item2:link, #ecoblog li.act a.item2:visited, #ecoblog li.act a.item2:hover, #ecoblog li.act a.item2:active {
	border-bottom:2px solid #6791C1;
}

#ecoblog li a.item3 {
  background: url(../layout/ecoBlog/ecopassion.png) no-repeat left top;  
  border-color:#ECD240;
}   
#ecoblog li.act a.item3:link, #ecoblog li.act a.item3:visited, #ecoblog li.act a.item3:hover, #ecoblog li.act a.item3:active {
	border-bottom:2px solid #ECD240;
}

#ecoblog li a.item4 {
  background: url(../layout/ecoBlog/pharmacile.png) no-repeat left top;  
  border-color:#F6AB6B;
} 
#ecoblog li.act a.item4:link, #ecoblog li.act a.item4:visited, #ecoblog li.act a.item4:hover, #ecoblog li.act a.item4:active {
	border-bottom:2px solid #F6AB6B;
}

#ecoblog li a.item5 {
  background: url(../layout/ecoBlog/ecosentier.png) no-repeat left top;  
  border-color:#916A41;
} 
#ecoblog li.act a.item5:link, #ecoblog li.act a.item5:visited, #ecoblog li.act a.item5:hover, #ecoblog li.act a.item5:active {
	border-bottom:2px solid #916A41;
} 


/******************************************************
  menu
*******************************************************/
#menu {
  width: 410px;
  height: 485px;
  background: url(../layout/EcoSentier/postit.png) no-repeat left top;
  position: relative;
  top: -40px;
  left: 35px; 
}


#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  top: 30px;
  left: 0px;
}

#menu ul li {
  display: block;
  margin: 0 0 8px 0;
}

#menu ul li.item2 {
  margin-left: 5px;
}

#menu ul li.item3 {
  margin-left: 12px;
}

#menu ul li.item4 {
  margin-left: 17px;
}

#menu ul li.item5 {
  margin-left: 22px;
}

#menu ul li.item6 {
  margin-left: 27px;
}

#menu ul li.item7 {
  margin-left: 32px;
}


#menu ul li a {
  display: block;
  height: 48px;
  padding-left: 60px;
  background: url(../layout/EcoSentier/bulletMenuOff.png) no-repeat left top; 
}

#menu ul li a:hover, #menu ul li a:active,
#menu ul li a.act {
  background: url(../layout/EcoSentier/bulletMenuOn.png) no-repeat left top;
}


#menu img.menuImgTop {
  position: absolute;
  left: 265px;
  top: -70px;
  z-index: 1500;
}

#menu img.menuImgBottom {
  position: absolute;
  right: -50px;
  bottom: -60px;
  z-index: 1500;
}

/******************************************************
  content : table
*******************************************************/
table.contenttable {
	border:none;
	margin:0;
	padding:0;
}
table.contenttable tr {
	border:none;
	margin:0;
	padding:0;
}
table.contenttable td {
	border:none;
	margin:0;
	padding:0 6px 0 0;
	vertical-align:top;
	font-size:12px;
}

/******************************************************
  content : form
*******************************************************/
.tx-thmailformplus-pi1 form {
	margin:0;
	padding:20px 30px 20px 50px;
}

.tx-thmailformplus-pi1 form legend {
	font-size:12px;
	font-style:italic;
}
.tx-thmailformplus-pi1 form dl {
	margin:0;
	padding:16px 0 0 0;
}
.tx-thmailformplus-pi1 form dt {
	display:block;
	float:left;
	width:120px;
	height:20px;
	clear:both;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:8px 0 0 0;
}
.tx-thmailformplus-pi1 form dd {
	display:block;
	float:left;
	width:260px;
	font-size:12px;
	margin:0;
	padding:8px 0 0 0;
}
.tx-thmailformplus-pi1 form input[type=text] {
	font-size:11px;
	width:160px;
}
.tx-thmailformplus-pi1 form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:260px;
	height:80px;
}


.tx-thmailformplus-pi1 form.formPhoto {
  padding: 20px 0 0 30px;
}

.tx-thmailformplus-pi1 form.formPhoto legend {
  color: #2E69BF;
  font-style: normal;
  font-size: 1em;
  font-weight: bold; 
}

.tx-thmailformplus-pi1 form.formPhoto dt {
	width:150px;
}

.tx-thmailformplus-pi1 form.formPhoto dd {
	width:230px;
}

p.privacy {
  padding: 20px 0 0 30px;
  font-size: .9em;  
}


.tx-thmailformplus-pi1 p.error {
  font-size: 11px;
  color: #cc0000;
}


.tx-thmailformplus-pi1 form input.dashboard {
  width: 74px;
}

button.dashboard {
  background: url(../layout/EcoSentier/calIcon.gif);
  border: 0;
  cursor: pointer;
  height: 20px;
  margin-right: 6px;
  width: 20px;
}

button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url(../layout/EcoSentier/dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
div.dashboard * {
	margin: 0;
	padding: 0;
}	
div.dashboard div {
	background: none !important;
	cursor: move;
	height: 165px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	

div.dashboard caption {
	color: #CF0;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	padding-top: 4px;
	text-align: center;
	width: 100%;
}
div.dashboard caption a {
	cursor: pointer;
	display: block;
	height: 11px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 16px;
	width: 11px;
}
div.dashboard caption a.prev {
	background-image: url(../layout/EcoSentier/dashboard-prev.gif);
	left: 1px;
}
div.dashboard caption a.next {
	background-image: url(../layout/EcoSentier/dashboard-next.gif);
	right: 1px;
}
div.dashboard caption a:hover {
	background-position: 0 11px;
}
div.dashboard caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
div.dashboard caption span.month {
	padding-right: 8px;
}
div.dashboard caption span.month:after {
	content: ',';
}

div.dashboard table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.dashboard td,
div.dashboard th {
	border: 0;
	color: #999;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 19px;
	text-align: center;
	width: 21px;
}
div.dashboard td {
	color: #333;
	font-size: 11px;
	padding-right: 5px;
	text-align: right;
	width: 16px;
}
div.dashboard td.invalid {
	color: #666;
}
div.dashboard td.valid {
	color: #FFF;
	cursor: pointer;
}
div.dashboard td.active,
div.dashboard td.hover {
	color: #CF0;
	cursor: pointer;
}

/******************************************************
  galeries
*******************************************************/
.tx-wtgallery-pi1 {
	
}
.wtgallery_list_item_content,
.wtgallery_list_item_content_ecocitoyens {
	width:100px;
	height:100px;
	border:1px solid #E8E8E8;
	background:#FCFCFC;
	margin:5px;
	padding:5px;
	float:left;
}


.wtgallery_list_item_content_ecocitoyens {
	height:120px;
}

.wtgallery_list_item_content .wrap,
.wtgallery_list_item_content_ecocitoyens .wrap {
	width:76px;
	height:76px;
	padding:12px;
	background:#F5F5F5;
}


.wtgallery_list_item_content .wrap a,
.wtgallery_list_item_content_ecocitoyens .wrap a {
	display:block;
	width:76px;
	height:76px;
}

#main .wtgallery_list_item_content_ecocitoyens p.title {
  margin: 0;
  padding: 8px 0 0 0;
  font-size: 10px;
  color: #673915;
  text-align: center;
}


.wtgallery_list_pagebrowser {
  padding-bottom: 10px;
  position: relative;
  z-index: 2000;
}

#main .wtgallery_list_pagebrowser ul {
	display:block;
	list-style:none;
	margin: 0;
	padding:0;
}
#main .wtgallery_list_pagebrowser ul li {
	display:block;
	float:left;
	margin:0 0 0 5px;
	padding:0;
	background: 0;
}
.wtgallery_list_pagebrowser a {
	font-size:12px;
	font-weight:normal;
}
.wtgallery_list_pagebrowser a:link, .wtgallery_list_pagebrowser a:visited {
	color:#999;
	text-decoration:underline;
}
.wtgallery_list_pagebrowser a:hover, .wtgallery_list_pagebrowser a:active {
	color:#666;
	text-decoration:none;
}
.wtgallery_list_pagebrowser a.act:link, .wtgallery_list_pagebrowser a.act:visited {
	color:#666;
	text-decoration:none;
}

.wtgallery_list_dropdown {
  margin: 20px 0;
  text-align: center;  
}


/******************************************************
  rgtabs
*******************************************************/
.rgtabs-wrapper {
  padding:10px 15px;
  border:1px solid #ccc;
  overflow:hidden;
  clear:both;
}
.rgtabs-wrapper .rgtabs-ajax-loading {
  padding: 100px 0;
}
.rgtabs-menu  {
  margin: 0;
  padding:8px 0 0 10px;
  height:22px;
  width: auto;
  background: url(../layout/EcoSentier/tabs_grad1.gif) top left repeat-x;
  list-style:none;
  border:1px solid #CCC;
  border-bottom:none;
}
.rgtabs-menu  li, #left .rgtabs-menu  li {
  list-style-type: none;
  list-style:none;
  float: left;
  border:1px solid #C9C0B7;
  border-bottom:none;
  margin:0 6px 0 0;
  padding:0;
  cursor: pointer;
}	
.rgtabs-menu  li a, #left .rgtabs-menu  li a {
  display: block;
  float: left;
  height: 19px;
  line-height: 18px;
  color: #ffffff;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  padding:1px 15px 0 15px;
  text-decoration: none;
  border:1px solid #F5F4ED;
  border-bottom:none;
  outline:0;
}
#left .rgtabs-menu  li.rgtabs-selected, .rgtabs-menu  li.rgtabs-selected {
	background:#fff;
}	
#left .rgtabs-menu  li.rgtabs-selected a, .rgtabs-menu  li.rgtabs-selected a {
  color: #5AAC26;
}
.rgtabs-pageswrapper {
	display:block;
}

/******************************************************
  homefoot
*******************************************************/
#homefoot {
	width:420px;
	height:120px;
	margin:40px 0 0 60px;
	overflow:hidden;
}
#homefoot h3 {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#808080;
	margin:0;
	padding:0;
}
#footer #homefoot p {
	position:relative;
	top:auto;
	right:auto;
	height:auto;
	line-height:normal;
}
#homefoot a:link img, #homefoot a:visited img {
	border:2px solid #C0C0C0;
}
#homefoot a:hover img, #homefoot a:active img {
	border:2px solid #808080;
}
#homefoot .plan {
	width:110px;
	float:left;
}
#homefoot .plan a {
	font-size:8px;
	font-weight:normal;
}
#homefoot .plan a:link, #homefoot .plan a:visited {
	color:#2E69BF;
	text-decoration:underline;
}
#homefoot .plan a:hover, #homefoot .plan a:active {
	color:#2E69BF;
	text-decoration:none;
}
#homefoot .plan .csc-textpic-image a {
	display:block;
	width:98px;
	height:65px;
}
#homefoot .plan .csc-textpic-text a {
	display:block;
	padding:5px 0 0 0;
}
#homefoot .webcam {
	width:110px;
	float:left;
}
#homefoot .webcam span {
	font-size:8px;
}
#homefoot .meteo {
	width:180px;
	float:left;
}
#homefoot .tx-pitgoogleforecast-pi1 {
	width:180px;
}
#homefoot .tx-pitgoogleforecast-pi1 .forecast-title {
}
#homefoot .tx-pitgoogleforecast-pi1 .forecast-title h3 {
	font-size:12px;
	font-weight:normal;
	color:#808080;
	margin:0;
	padding:0;
}
#homefoot .tx-pitgoogleforecast-pi1 .forecast-container {
	border:1px solid #808080;
	padding:6px 3px 4px 2px;
}
#homefoot .tx-pitgoogleforecast-pi1 .forecast-div {
	display:block;
	float:left;
	width:36px;
	height:56px;
	margin:0 0 0 6px;
	line-height:13px;
	font-size:10px;
	color:#000;
	text-align:center;
}
#homefoot .tx-pitgoogleforecast-pi1 .forecast-div .forecast-date {
	text-transform:capitalize;
}
#homefoot .tx-pitgoogleforecast-pi1 .forecast-div img {
	width:32px;
	height:32px;
}


/******************************************************
  footer
*******************************************************/
#footer {
  position: relative;
 /* background: url(../layout/EcoSentier/footerBg.jpg) no-repeat left top;  */
  z-index: 500;
  /*margin-top: -80px;*/
}

#footer p {
	display:block;
	height: 46px;
	line-height: 40px;
	margin:70px 0 0 0;
	padding:0 15px 0 0;
	text-align:right;
	
}