/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

body {
	background-image: url(../IMG/de_Hofbogen_back.gif);
	text-align: center;
}


a { 
	text-decoration: none; 
	font-family: "Times New Roman", Times, serif;
	color: #003399;
	font-weight: bold;
	}

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

.readmore {
	font-size: 8px;
	color: #333333;
	}

.readmore a{
	font-size: 8px;
	color: #333333;
	text-decoration: none; 
	}

.readmore a:hover{
	font-size: 8px;
	color: #FF9933;
	text-decoration: none; 
	}


#maintable {
	margin-top: 20px;
	padding: 20px;
	width: 900px;
	height: auto;
	background: #ffffff;
}

#agendatable {
	margin-bottom: 10px;
	width: 900px;
	height: auto;
	padding: 8px;
	background: #003399;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;	
	color: #ffffff;
}

#agendatable a{
	font-size: 13px;
	color: #ffffff;
	text-decoration: underline; 
}

#agendatable a:hover{
	color: #FF9933;
	text-decoration: none; 
}

#mailtable {
	margin-top: 25px;
	width: 500px;
	height: auto;
	padding: 18px;
	background: #ffffff;
}

#agendadata {
	font-size: 28px;
	color: #ffffff;
	font-weight: light;
	text-align: left;
	line-height: 21px;	
}

#agendadata a{
	font-size: 28px;
	color: #ffffff;
	font-weight: light;
	text-align: left;
	line-height: 24px;	
	text-decoration: none; 
}

#agendatitre a{
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	color: #ffffff;
	font-weight: bold;
	line-height: 40px;	
	text-decoration: none; 
	}	

#agendatitre a:hover{
	color: #FF9933;
	}	


#mainarticle {
 	width: 350px;
	height: auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	line-height: 21px;	
	}

#mainnews {
 	width: 350px;
	height: auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: left;
	line-height: 22px;	
	}


#subnews {
 	width: 350px;
	height: auto;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	line-height: 16px;	
	margin-bottom: 15px;
	display: block;
	}

#mainitem {
 	width: 470px;
	height: auto;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	line-height: 16px;	
	margin-bottom: 15px;
	margin-right: 20px;
	margin-left: 10px;
	display: block;
	}


#mainimage {
	margin-left: 20px;
	margin-bottom: 15px;
	}

#menu {
	position: relative;
	top: 0px;
	left: 15px;
	}

#kopimage {
	clear: both;
	}

#coltext {
 	width: 490px;
	height: auto;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	line-height: 16px;	
	margin-bottom: 15px;
	margin-left: 20px;
	display: block;
	}


#keyword{
	color: #FF9933;
	font-size: 14px;
	line-height: 20px;	
	}

#keyword a{
	color: #FF9933;
	font-size: 14px;
	line-height: 20px;	
	}

#keyword a:hover{
	color: #003399;
	}

#footer {
	text-align: center;
	color: #FF9933;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 18px;	
	}

#footer a{
	color: #FF9933;
	font-size: 14px;
	line-height: 18px;	
	}

#footer a:hover{
	color: #003399;
	}

	
#titre {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	color: #000000;
	font-weight: bold;
	line-height: 29px;	
	}	

#titre a {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	color: #003399;
	font-weight: bold;
	line-height: 29px;	
	}	

#titre a:hover {
	text-decoration: none; 
	color: #FF9933;
	}	



#item a {
	text-decoration: none; 
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #003399;
	font-weight: bold;
	line-height: 15px;
	}

#item-6 a {
	text-decoration: none; 
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: red;
	font-weight: bold;
	line-height: 15px;
	}

#6 a {
	text-decoration: none; 
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: red;
	font-weight: bold;
	line-height: 15px;
	}


#item a:hover {
	text-decoration: none; 
	color: #FF9933;
	}

#subarticle {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
 	width: 500px;
	height: auto;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	line-height: 15px;	
	margin-bottom: 20px;
	margin-left: 20px;
	display: block;
	}

#subarticle2 {
 	width: 500px;
	height: auto;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	line-height: 15px;	
	margin-left: 20px;
	margin-bottom: 20px;
	display: block;
	}

#documents_portfolio {
	clear: both;
	margin-bottom: 20px;
	}

#foto {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: right;
	}	
	
#newstable {
	margin-top: 25px;
	width: 600px;
	height: auto;
	padding: 18px;
	background: #ffffff;
}

#newstext {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	line-height: 18px;	
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom: 1px solid #CCC;
	}

#newstext a{
	font-size: 24px;
	}

#news {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -10px;
	text-align: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: bold;
	color: #000000;
	}

#small {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 15px;	
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	}

#small a {
	color: #FF9933;
	font-size: 11px;
}

#small a:hover {
	color: #FF9933;
}

#forms { text-align: right; font-size: 12px; color: #FF9933;}

.formulaire_spip { text-align: right; font-size: 12px; color: #FF9933;}
.formulaire_spip p { margin: 0.5em 0; padding: 0; color: #FF9933;}

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { text-align: right; width: 80px; font-family: inherit; font-size: inherit; color: #FF9933;}




/*  ------------------------------------------
/*  Huppa Huppa
/*  ------------------------------------------ */


#huppatable {
	margin-top: 25px;
	width: 880px;
	height: auto;
	padding: 18px;
	background: #C60751;
}

#huppawhiteline{
	text-align: center;
	width: 99%;
	margin-top: -3px;
	margin-bottom: 2px;
	border-bottom: 3px solid #FFFFFF;
	}

#huppa {
	background: #FFFFFF;
	text-align: center;
}

#huppalefttext {
 	width: 300px;
	height: auto;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #FFFFFF;
	letter-spacing: 0.02em;
	line-height: 23px;	
	margin-bottom: 15px;
	margin-left: 20px;
	display: block;
	border-bottom: 3px solid #FFFFFF;
	}

#huppafilm {
 	width: 425px;
	height: 290px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 20px;	
	margin-bottom: 15px;
	margin-left: 20px;
	display: block;
	border-bottom: 3px solid #FFFFFF;
	}

#hupparighttext {
 	width: 425px;
	height: auto;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 20px;	
	margin-bottom: 15px;
	margin-left: 20px;
	display: block;
	border-bottom: 3px solid #FFFFFF;
	}

/*  ------------------------------------------
/*  Kroonjuwelen
/*  ------------------------------------------ */


#kroontable {
	margin-bottom: 10px;
	width: 900px;
	height: auto;
	padding: 8px;
	background: #FFFFFF;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;	
	color: #000000;
}


#kroondata {
	font-size: 28px;
	color: #000000;
	font-weight: light;
	text-align: left;
	line-height: 21px;	
}

#kroonlead {
	font-size: 18px;
	color: #000000;
	text-align: left;
	line-height: 21px;	
}

#kroontitre {
	font-size: 28px;
	color: #003399;
	font-weight: bold;
	text-align: left;
	line-height: 21px;	
}

#kroonthumb {
	float: right;
	margin-top: 10px;
	}

