@import url(reset.css);
@import url(typo.css);
 
/* 
 * CSS Document for ecogia.org
 * One Pixel Studio - onepixel.ch
 * september 2009
 */
/*-----------*MAIN CSS----------*/
body{
text-align:center;
margin:20px 0 0 0;
padding:0;
background:url(../images/bkg.gif) no-repeat center 110px;
}
#container{
position: relative;
    min-height: 100%;
    height: 100%;
    height: auto;
	width: 960px;
margin-left: auto;
margin-right:auto;
padding:0;
text-align:left;
}

#header{
height: 155px;
}

#logo{
	height:125px;
background:url(../images/logo_ecogia.gif) 120px 0 no-repeat;
}
#main_content{
	position:relative;
	z-index:1;
margin:25px 0;
}
#search{
margin:0 0 0 515px;
}
#footer{
position:relative;
padding:5px 0;
font-size:10px;
color:#666666;
border-top:1px solid #E0B2B2;
}
.logo_footer{
	display:block;
	width:81px;
	height:28px;
	float:left;
	background:url(../images/logo_footer.gif) no-repeat top left;
	text-indent:-999px;
}
#footer p{
	margin:0 0 0 95px;
	padding:3px;
	color:#C26666;
}
#valide{
position:absolute;
right:0;
top:5px;
color:#CCCCCC;
}
.clear{
clear:both;
visibility:hidden;
}
/*-----------*NAV----------*/

#menutop{
position:relative;
height:30px;
padding:0;
margin:0;
font-size:12px;
z-index:99;
background:url(../images/navbkg.gif) repeat-x top left #FFF;
}
#menutop .navleft{
	position:absolute;
	left:0;
	top:0;
	height:30px;
	width:15px;
	background:url(../images/navbkg_left.gif) no-repeat top left #FFF;
}
#menutop .navright{
	position:absolute;
	top:0;
	right:0;
	height:30px;
	width:15px;
	background:url(../images/navbkg_right.gif) no-repeat top left #FFF;
	z-index:1;	
}
#menutop ul{
display:block;
/*
height:30px;
background:url(../images/navbkg.gif) repeat-x top left #FFF;
*/
color:#666;
margin:0;
padding:0 20px;
}
#menutop li{
display:inline;
margin:0;
padding:0;
}
/* toplevel */
#menutop li.toplevel{
	display:block;
	position:relative;
	float: left;
	margin:0 15px 0 0;
}
#menutop li.toplevel a, #menutop  li.toplevel a:link, #menutop li.toplevel span{
display:block;
padding:7px 15px 5px 15px;
margin:0;
color:#999;
}
#menutop li.toplevel a:hover{
text-decoration:none;
color:#333;
}
#menutop li.toplevel ul li.active a, #menutop li.toplevel a.active{
color:#000;
}
/* submenu */
#menutop li.toplevel ul{
	display: none;
	position:absolute;
	width:150px;
	left:0;
	top:0;
	margin:0;
	padding:27px 0 0 0;
	background:none;
	z-index:100;
}
#menutop li.toplevel ul li a, #menutop li.toplevel ul li a:link{	
display:block;
padding:5px 5px 5px 15px;
margin:0;
color:#999;
background:#f5f5f5;
border:1px solid #CCC;
border-top:none;
}
#menutop li.toplevel ul li.last{

}
#menutop li.toplevel ul, #menutop li.toplevel span{
	cursor:default;
}
#menutop li.toplevel ul li a:hover{
background:#e6e6e6;
color:#333;
}		
/* ----------------LANG -------*/
#langflag{
position:absolute;
right:30px;
top:7px;
}
#langflag ul.yams_list{
	position:relative;
	float:none;
	background:none;
	height:auto;
	margin:0;
	padding:0;
}
#langflag p{
	display:none;
}
#langflag li{
	display:block;
	width:25px;
	float:left;
	padding:0;
}
#langflag li a{
padding:0;
margin:0;
}
/* ////////////// HOME PAGE /////*/
#ecogia_home #index{
float:left;
width:520px;
padding:0 0 0 35px;
margin:0;
}
.home_images{
	float:left;
	width:195px
}
.home_images img{
}
.content{
	margin:0 0 0 200px;
}
#ecogia_home #news{
position:relative;
margin:0 35px 0 595px;
padding:50px 0 0;
}
/*///TINY MCE//*/
.bleufonce{
color:#003C94;
}
.bleugris{
color:#5A7D9C;
}
.rougevif{
color:#FF0033;
}
/*---------CONTENT DEFAULT-------------*/
#ecogia .home_images{
	position:absolute;
	left:35px;
	top:50px;
	width:195px
}
* html #ecogia .home_images{
	left:-210px;
}
#ecogia #content{
position:relative;
padding:0 35px;
margin:0;
z-index:1;
}
#ecogia .content{
	min-height:400px;
}
* html #ecogia .content{
	height:400px;
}
/* -------------- NEWS ----------*/

#news .news_header{
	height:12px;
	background:url(../images/news_header_bkg.jpg) repeat-x top left #FFF;
	padding:3px 10px;
	border:1px solid #EBEBEB;
}
#news .news_content{
	background:url(../images/news_content_bkg.jpg) repeat-x bottom left #FFF;
	padding:10px;
	font-size:12px;
	border:1px solid #EBEBEB;
	margin:0 0 35px 0;
}
.home_images .news_content{
	text-align:right;
	margin:0 15px 0 0;
}
#news .news{
	position:relative;
	padding:0 0 10px 0;
}
#news .more{
	position:absolute;
	right:0;
	bottom:0;
	padding:0;
	margin:0;
	font-size:10px;
}
/* --- table ------------*/
.content table{
	margin:0 0 20px 0;
}
.content table h3{
	padding:5px 0 0 0;
}
.content table td{
	border-bottom:1px dashed #990000;
	padding:5px 0 10px 0;
}
.content table strong{
	color:#C26666;
}
#res_form_fr table td, #res_form_en table td{
border:none;
}
/*-form--*/
#res_form_fr, #res_form_en{
width:600px;
}
#res_form_fr .code, #res_form_en .code{
	margin-left: 210px;
}
/*
#res_form_fr input, #res_form_en input{
width: 250px;
}
*/
#res_form_fr .rowElemDate input, #res_form_en .rowElemDate input{
	/*
width: 100px;
*/
}
form.jqtransform label.short{
	width:auto;
	padding:0 10px;
}
form .required, div.errors strong{
	color:#990000;
}
div.errors{
	margin:0 0 20px 0;
}
/*----datepiker---*/
a.dp-choose-date {
	float: left;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/date_icon.gif) no-repeat 0 0;
}
a.dp-choose-date:hover {
	background: url(../images/date_icon.gif) no-repeat 0 -20px; 
	}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
#res_form_fr .rowElemDate input.date-pick, #res_form_en .rowElemDate input.dp-applied {
	width: 80px;
}
/*-------------- date form ----------*/
.dateForm{
	position:relative;
	background:url(../images/date_bkg.jpg) no-repeat top left;
	height:180px;
	width:180px;
}
.date_d{
	position:absolute;
	top:70px;
	width:180px;
	text-align:center;
}
.date_my{
	position:absolute;
	bottom:35px;
	width:180px;
	text-align:center;
}