/*---------General------------*/

*	{
	margin: 0;
	padding: 0;
}

body	{
	background-color: #afaeae;
	font-family: arial, verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
}

h1 {
	color: #bf220d;
	margin-bottom: 0.6em;
	text-align: left;
	border:inset;
	background-color: #FCC;
	padding:10px 10px 10px 30px;
}

p, ul, ol {
	text-align: left;
	margin-bottom: auto;
}


/*---------Structure------------*/

.haut_de_page {
	height: 50px;
	background-image: url(media/haut_de_page.png);
	background-repeat: repeat-x;
}
	
.content {
	width: 1024px;
	margin: auto;
}

.entete {
	height: 200px;
	background-image: url(media/entete.gif);
}

.menu	{
	width:1024px;
	height:35px;
	text-align:center;
	margin:auto;
	padding-top:10px;
}

.gorputz_haut {
	height: 41px;
	background-image: url(media/gorputz_haut.png);
}

.gorputz {
	background-image: url(media/gorputz.png);
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-right: 15px;
}

.gorputz_bas {
	height: 60px;
	background-image: url(media/gorputz_bas.png);
}

.bas_page {
	text-align: center;
	font-size: 0.8em;
	margin-bottom: 2em;
}


/*---------Menu------------*/

.menu ul {
	margin-left:5px;
	list-style-type:none;
	text-align:center;
	height:35px;
}

.menu li {
	float:left; /*pour IE*/
	width:165px;
	position:relative;
	height:33px;
	border-left:1px solid black;
	border-right:1px solid black;
	text-align:center;
}
 
.menu ul li a {
	display:block;
	float:left;
	width:165px;
	line-height:33px; /*hauteur de l'image de fond*/
	background:url(media/bouton-1.png) ;
	color:#DCDCDC;
	text-decoration:none;
	text-align:center;
}

.menu ul li a:hover {
	background:url(media/bouton-2.png) repeat-x;
	color:white;
	text-align:center;
}

/*---------Menu langue------------*/

.gorputz_haut ul {
	margin-left: 1em;
}

.gorputz_haut li {
	list-style-type: none;
	float: left;
	margin-left: 1em;
	margin-top: 0.7em;
}

.gorputz_haut a {
	text-decoration: none;
	font-size: 0.7em;
}

.gorputz_haut a:link, .gorputz_haut a:visited {
	text-decoration: none;
	color: gray;
	border-bottom: 2px solid black;
}

.gorputz_haut a:hover {
	text-decoration: none;
	color: black;
	border-bottom: 4px solid black;
}
	
.gorputz_haut a:active {
	text-decoration: none;
	border-bottom: 4px solid gray;
}


/*---------Harrera------------*/

.actualite	{
	width: auto;
	padding: 10px;
}
	
#affiche	{
	float:left;
	width:250px;
	padding-right:5px;
}

#affiche a {
	color:#FFF;
	text-decoration:none;
}

#affiche a:hover {
	color:#FFF;
	text-decoration:none;
}

#texte	{
	float:right;
	width:710px;
}

#clear_both	{
	clear:both;
}

.main {
	width: auto;
	padding: 10px;
}


/*----------Burasoak---------*/
	
.burasoak	{
	float:left;
	width:200px;
}

.commentaires{
	width:760px;
	float:right;
	padding-right:10px;
}

.clearfloat{clear:both;}

.navigation {
      /*margin: 0;*/
      padding: 0;
      list-style: none;
      background: #F90;
      color: #fff;
      width: 200px;
      font: "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation span {
      display: block;
      padding: 2px 5px;
      color: #fff;
      text-decoration: none;
      background: #F90 url(media/item.png) left bottom no-repeat;
      }
	  
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
	background-image: url(media/deroule.png);
      }
   .navigation .open a, .navigation .open span {
      background-image: url(media/enroule.png);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu {
      background: #F90;
	  list-style:none;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
      }

/*----------Klaseak---------*/

.klaseak	{
	width:auto;
	padding:10px;
}

table {
	text-align:center;
	vertical-align: text-top;
}

.klaseak td	{
	font-size:16px;
	width:480px;
}

table tr td ul li	{
	list-style:none;
}


/*----------Harremanak---------*/

form {
	text-align: center;
}

fieldset {
	border-style: none;
}

legend {
	visibility: hidden;
}

form dt {
	float: left;
	width: 47%;
	text-align: right;
}

form dd {
	margin-left: 53%;
	padding-bottom: 0.8em;
	text-align: left;
}

form dd>dl dd {
	float: left;
	width: 20%;
	margin-left: 2%;
}

form dd>dl dt {
	float: left;
	width: 10%;
	margin-left: 0;
}

form ul {
	text-align: center;
	list-style-type: none;
}

form li {
	padding-right: 2%;
	width: auto;
}

form li:first-child {
	float: right;
	width: auto;
	text-align: left;
}

form a {
	text-decoration: none;
	color: gray;
	border-bottom: 2px solid black;
}

	form a:link, form a:visited {
	
	}
	
	form a:hover {
		color: black;
		border-bottom: 5px solid black;
	}
	
	form a:active {
		color: gray;
		border-bottom: 5px solid gray;
	}

.alerte {
	color: red;
	text-align: center;
}


/*----------Loturak---------*/

.loturak ul {
	list-style-position: outside;
	list-style-type: none;
}

.loturak li.logo {
	float: left;
	width: 33.3%;
	text-align: center;
}

.loturak li.zerrenda {
	clear: both;
}

.loturak dt {
	margin-left: 2em;
	color: gray;
}

.loturak dd {
	margin-bottom: 1em;
}

.loturak li dl {
	margin-left: 4em;
	padding-left: 1em;
	margin-top: 1em;
}

.loturak a {
	color: gray;
	text-decoration: none;
}
	
	.loturak a:link, .loturak a:visited {
	
	}
	
	.loturak a:hover {
		color: black;
	}

.loturak object {
	margin-top: 0.4em;
	margin-bottom: 2em;
	border: 2px solid gray;
}

.loturak ul li span.beltz {
	color: black;
	font-weight: bolder;
}

.loturak ul dl {
	border-left: 1px solid black;
}

.italique {
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	color:#00F;
}

.normal {
	font-family:"Adobe Garamond Pro";
	font-weight:bold;
}