
html{
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow: hidden;

}
.conteneur> #texte {background: url(images/transparent.png) ;}
.conteneur> #degrade {background: url(images/degrade.png) ;}

body {
	background-image: url(images/fond-lac.jpg);
	background-repeat: repeat-x;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 100%;
	background-attachment: fixed;
background-color:#403F31;
}
#texte{
	

	max-width:74%;
width:100%;
	
	text-align: justify;
	margin-left:200px;
	text-align:center;


}
#degrade{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/degrade.png',sizingMethod='scale');
max-width:74%;
width:100%;
margin-left:200px;
height:88px;
padding-top:20px;

}

.conteneur{
	height: 100%;
	width: 100%;
	position: absolute;
	overflow:auto;
	z-index: 1;
	
}


.texte2{
	padding: 0 0 0px;
	width:100%;
	position:relative;
text-align:justify;
	
}
.gauche{
	
	float:left;
	width:45%;
	padding:10px;
}
.droite{
	float:right;
width:45%;
	padding:10px;

}
.goeland{
	position: absolute;
	top: 375px;
	z-index: 0;
	
	
	overflow: hidden;
}
.menu{
	position : absolute;
	top:100px;
}
h2{
	color:#6C8736;
font-size:1.2em;
font-weight:bold;
text-align:left;
background:url(images/dentdelion.png) no-repeat left;
padding-left:35px;
}


#degrade li {
	display:inline;
}

#degrade ul {
	text-align: center;
	padding:0;
	margin: 0 0 10px;
	list-style: none;
	color:#403F31;
}
#header{

text-align:center;
	width:90%;
	
}
#degrade li a{
	
text-decoration:none;
	color:#403F31;

	
}
#degrade li a:hover{
	

	color:#91B055;


	
}
#degrade li a .gras{
font-weight:bold;
}

.gauchesimple{
background: url(images/gauchesimple.gif) no-repeat   left;
padding: 0 0px 0 10px;
}
.droiterempli{
background: url(images/droiterempli.gif) no-repeat   right;
padding: 0 25px 0 13px;

}
.gaucherempli{
background: url(images/gaucherempli.gif) no-repeat   left;
padding: 0 0px 0 16px;
}
.droitesimple{
background: url(images/droitesimple.gif) no-repeat   right;
padding: 0 25px 0 13px;
}
#arbre{

position:absolute;z-index:5;background: url(images/e.png) no-repeat 0px 0px;width:208px;height:294px;
font-size:1.2em;

}
#arbre ul{
position:relative;
list-style:none;

}
#arbre li{
margin-top: 8px ;

}

#arbre a{
color:#fff;
text-decoration:none;
padding:3px;
}
#arbre a:hover, #active{
color:#D3CFCA;
font-weight:bold;
border:1px solid #D3CFCA;}



#accueil {margin-left:70px;}
#public {margin-left:50px;}
#cours {margin-left:30px;}
#programme {margin-left:-10px;}
#equipe {margin-left:-25px;  }
#administration {margin-left:-35px;}
#memoire {margin-left:-25px;}
#reglement {margin-left:-10px;}
#ecoreseau {margin-left:30px;}
#liens {margin-left:50px;}
#contacts {margin-left:70px;}
.texte2 img {
border:4px solid #fff;

}
#texte img{
border:0;
}

.centre{
text-align:center;

}

#texte a{
font-weight:bold;
color:#6D533F;
text-decoration:underline;
}
#texte a:hover{

color:#91B055;
text-decoration:underline;
}
ol li{
color:#6D533F;
margin-top:5px;
margin-left;0;
padding-left:0;
}
table{
font-size:0.8em;
text-align:left;
width:95%;
background: url(images/holz.jpg);
border:1px solid #6D533F;
margin-bottom:15px;

}
td{
border-top:1px solid #fff;
padding:5px;
}

th{
background:#91B055;
padding:5px;
}
caption{
color:#91B055;
font-size:0,8;
}
dt{
font-weight:bold;
margin:5px;
list-style-type: square;

}
dd{
	color: #6D533F;
	margin: 3px 0 6px 20px;
	list-style-type: square;
	display: list-item;
}
.sanspuce {
	list-style-type: none;

}
h3{
font-size:1em;
}
.texte2 li{
list-style-type: square;
margin:5px;
margin-left:-25px;
padding:0;
color:#6D533F;
}
#piedpage{
background: url(images/basdepage.png) #6D533F;

color:#ccc;
text-align:center;
font-size:0.7em;
padding:10px 0 ;
}
#piedpage a{
color:#ccc;
font-weight:normal;
}
#logoecofoc{
}
#logoecofoc-grand{
float:left;
margin: 10px 0 0 50px;
}
#unine{
}
#logoformationcontinue
{
margin-left:10px;
}
#accesmembres{
}
.formlabel {
 float:left;
    
    width: 140px;
    padding-right: 12px;
    text-align: right;
	 margin:0px;
	 padding-top:0px;
	 font-size:1em;
clear:both;
}
.formlabel2 {
 float:left;
    
    width: 400px;
    padding-right: 12px;
    text-align: right;
	 margin:0px;
	 padding-top:0px;
	 font-size:1em;
}
input, textarea, select{
	
	margin: 2px 0 0px 0px;
	padding: 1px;
	border: 1px solid #91B055;
	color:#91B055;

	}
input{
font-weight:bold;
}
h1{
font-size:1.3em;
text-align:left;
	color:#6C8736;
font-style:italic;
font-weight:normal;
margin-left:330px;
padding-top:67px;

}
address{
font-style:italic;
}

p#galerie{
position:relative;
}
p#galerie img{
margin:4%;
border:3px solid #6d533f;
}
p#galerie a:hover img{
border:3px solid #6C8736;
}
fieldset{
padding:20px;
}
legend{
font-weight:bold;
color:#6C8736;

}
acronym{

cursor: help;
border-bottom:1px solid dotted;
}

#aide{font-size:1em;position:absolute;top:368px;left:5px;width:170px;text-align:center;font-weight:bold;}
#aide a{color:#fff;}
#aide a:hover{color:#6C8736;border:0;}
img a{

   background: none;
}
a[href^="http://"] {
    padding-right: 10px;
    background: transparent url(images/link.png) no-repeat 100% 0;
}
a[href^="http://"]:hover {
    padding-right: 10px;
    background: transparent url(images/link_hover.png) no-repeat 100% 0;
}
a[href*="unine.ch/ecofoc"] {
    padding: 0;
    background: none;
}

img a, img a:hover;{

   background: none;
}
