html, body {
	height: 100%;
	width: 100%;
}
body {
	background-color: #638DC6;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
/*------------ Positions des différents calques utilisés sur le site du Kreisker ------------*/
#entete {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#piedpage {
	position: absolute;
	/* float: bottom; */
	left: 0px;
	bottom: 0;
	margin: 0px;
	padding: 0px;
}
#principal {
	position: absolute;
	left: 220px;
	top: 90px;
	width: 60%;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	margin-top: 1.5em;
	padding-bottom: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#principal_large {
	position: absolute;
	left: 220px;
	top: 90px;
	width: 80%;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	margin-top: 1.5em;
	padding-bottom: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#principal_full {
	position: absolute;
	left: 220px;
	top: 90px;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	margin-top: 1.5em;
	padding-bottom: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#plan {
	position: absolute;
	left: 2em;
	top: 0px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	margin-right: 2em;
	margin-top: 2em;
}
#navigation {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 190px;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	margin-top: 1.5em;
}
#catho {
	position: absolute;
	left: 80%;
	top: 23px;
	width: 30px;
	margin: 0px;
	padding: 0px;
}
#recherche {
	position: absolute;
	left: 60%;
	top: 75px;
	margin: 0px;
	padding: 0px;
}
#actualite_evenements {
	position: absolute;
	/*left: 220px;*/
	left: 0%;
	top: 0px;
	/* top: 95px; */
	width: 35%;
	/* width: 220px; */
	margin: 0px;
	padding: 5px;
	margin-right: 20px;
	margin-top: 1.5em;
}
#actualite_actualites {
	position: absolute;
	left: 40%;
	/*left: 470px;*/
	top: 0px;
	/* top: 95px; */
	width: 35%;
	/*width: 30%;*/
	margin: 0px;
	padding: 5px;
	margin-right: 20px;
	margin-top: 1.5em;
}
#encart_simple {
	position: absolute;
	left: 220px;
	top: 90px;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	margin-top: 1.5em;
}
#encart_preinsc {
	position: absolute;
	left: 220px;
	top: 90px;
	width: 500px;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	margin-top: 1.5em;
}
#encart_resultat {
	float: right;
	top: 90px;
	width: 34%;
	margin-left: 4%;
	margin-top: 1em;
	margin-bottom: 0em;
	margin-right: 0px;
}
#encart_flash {
	position: absolute;
	left: 22px;
	top: 9px;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	margin-top: 1.5em;
}
#flashcontent {
	/*width: 45%;
	width: 75%;*/
	width: 75%;
	/*height: 400px;*/
	/*height: 600px;*/
	/*float: left;*/
	position: relative;
	margin: 0px;
	padding: 0px;
}
/*------------ Encarts d'affichage ------------*/
.titre_encarts {
	font-size: 95%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.encart_catho {
	border: 0px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.encart_evenements {
	/* font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #FFFFFF;
	background-color: #63A5C5;
	text-align: justify;
	font-size: 15;
}
.encart_actualites {
	/* font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #FFFFFF;
	background-color: #9AC3D9;
	text-align: justify;
	font-size: 15;
}
.encart_simple {
	/*font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #FFFFFF;
	background-color: #61A6C5;
	text-align: justify;
	font-size: 90%;
}
.encart_breves {
	/*float: right;*/
	position: relative;
	width: 170px;
	margin-left: 4%;
	margin-top: 1em;
	margin-bottom: 0em;
	margin-right: 0px;
	font-size: 90%;
	/*background-color: transparent;*/
	/*background-color: #638DC6;*/
	border: 0px;
}

/*------------ Typographie ------------*/
a.spip_out { text-decoration: none; font-weight: bold; /*color: #FDDE23; color: #00CC00;*/ color: #000000; }
a.spip_out visited { text-decoration: none; font-weight: bold; /*color: #FAA21B; color: #00CC33;*/ color: #000000; }
a { text-decoration: none; color: #a02020; /*#E82E2E;*/ }

.contenu h1,h2.titre-texte {
	font-size: 190%;
	font-weight: bold;
	color: #FFFFFF;
}
.soustitre_formations {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	
}
.liste-articles {
	margin-top: 1em;
	margin-bottom: 1em;
	clear: left;
	font-size: 100%;
	/* font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; */
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.chapo {
	/* font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: justify;
	font-size: 85%;
}

/*------------ Menus ------------*/
.menu {
	border: 0px solid #000000;
	border-top: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
}
.menu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	list-style: none;
}
.menu ol {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	list-style: none;
}

.menu_breves {
	border: 1px solid #FFFFFF;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
}
.menu_breves ul {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	list-style: none;
}
.menu_breves ol {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	list-style: none;
}
.menu_breves .evenements .menu-titre {
	/*color: #016E87;*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.menu_breves .actus .menu-titre {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/*------------ Styles généraux ------------*/
a.menu_titres{ color: #ffffff; }
a.menu_titres:hover { text-decoration: none; color: #000000; background: #e8e8e8; }
a.menu_items{ color: #000000; }
a.menu_items:hover { text-decoration: none; color: #ffffff; background: #5e5e5e; }
a { text-decoration: none; color: #ffffff; }
.spip_surligne { background-color: #EE1F43; /*color: white;*/ }
a.plan-texte {	color: #000000;	}
a.encart { color: #000000; }
a.encart_breves { color: #000000; }

/*------------ Différentes couleurs du menu de navigation ------------*/
.menu_1-titre {	border-top: 0px solid #000000;	border-bottom: 0px dashed #000000;	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 3px;	padding-bottom: 2px;	font-size: 90%;	font-weight: bold;	color:#FFFFFF;}
.menu_1-item {	/*border-bottom: 1px solid #000000;*/	margin: 0px;	padding-left: 4px;	
	padding-right: 4px;	padding-top: 1px;	padding-bottom: 1px;	font-size: 80%;}
	
.menu_5-titre {	border-top: 0px solid #000000;	border-bottom: 0px dashed #000000;	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 3px;	padding-bottom: 2px;	font-size: 90%;	font-weight: bold;}
.menu_5-item {	/*border-bottom: 1px solid #000000;*/	margin: 0px;	padding-left: 4px;	
	padding-right: 4px;	padding-top: 1px;	padding-bottom: 1px;	font-size: 80%;}
	
.menu_10-titre {	border-top: 0px solid #000000;	border-bottom: 0px dashed #000000;	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 3px;	padding-bottom: 2px;	font-size: 90%;	font-weight: bold;}
.menu_10-item {	/*border-bottom: 1px solid #000000;*/	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 1px;	padding-bottom: 1px;	font-size: 80%;}
	
.menu_14-titre {	border-top: 0px solid #000000;	border-bottom: 0px dashed #000000;	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 3px;	padding-bottom: 2px;	font-size: 90%;	font-weight: bold;}
.menu_14-item {	/*border-bottom: 1px solid #000000;*/	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 1px;	padding-bottom: 1px;	font-size: 80%;}
	
.menu_18-titre {	border-top: 0px solid #000000;	border-bottom: 0px dashed #000000;	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 3px;	padding-bottom: 2px;	font-size: 90%;	font-weight: bold;}
.menu_18-item {	/*border-bottom: 1px solid #000000;*/	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 1px;	padding-bottom: 1px;	font-size: 80%;}
	
.menu_24-titre {	border-top: 0px solid #000000;	border-bottom: 0px dashed #000000;	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 3px;	padding-bottom: 2px;	font-size: 90%;	font-weight: bold;}
.menu_24-item {	/*border-bottom: 1px solid #000000;*/	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 1px;	padding-bottom: 1px;	font-size: 80%;}
	
.menu_30-titre {	border-top: 0px solid #000000;	border-bottom: 0px dashed #000000;	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 3px;	padding-bottom: 2px;	font-size: 90%;	font-weight: bold;}
.menu_30-item {	/*border-bottom: 1px solid #000000;*/	margin: 0px;	padding-left: 4px;
	padding-right: 4px;	padding-top: 1px;	padding-bottom: 1px;	font-size: 80%;}
	
/*------------ Des couleurs specifiques selon les types de menus ------------*/

.rubriques 		{ background-color: #000000; text-align:left; }
.rubriques .menu_1-titre	{ background-color: #016E97; }
.rubriques .menu_1-item		{ background-color: #61A6C5; }
.rubriques .menu_5-titre	{ background-color: #00A0B4; }
.rubriques .menu_5-item		{ background-color: #8CC6D2; }
.rubriques .menu_10-titre	{ background-color: #009D88; }
.rubriques .menu_10-item	{ background-color: #7BBAAF; }
.rubriques .menu_14-titre	{ background-color: #919348; }
.rubriques .menu_14-item	{ background-color: #C3C191; }
.rubriques .menu_18-titre	{ background-color: #C9AB3D; }
.rubriques .menu_18-item	{ background-color: #E2CF94; }
.rubriques .menu_24-titre	{ background-color: #DC9C3A; }
.rubriques .menu_24-item	{ background-color: #ECC88E; }
.rubriques .menu_30-titre	{ background-color: #F08535; }
.rubriques .menu_30-item	{ background-color: #FABE8A; }

.breves .menu-titre			{ background-color: #016E97; text-align:center; color: #FFFFFF; font-size: 90%;	font-weight: bold; /*border-top: 2px solid #000000;*/}
.breves 						{ background-color: #61A6C5; }
.breves a					{ color: #FFFFFF}

.evenements .menu-titre		{ font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #FFFFFF; font-size: 90%; font-weight: bold;}
.evenements					{ color: #000000; font-weight: normal; background-color: #F5A664; }
.evenements .titre-breve	{ color: #000000; font-weight: bold; text-decoration: underline; }
.evenements a				{ color: #FFFFFF;}

.actus .menu-titre			{ font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #FFFFFF; font-size: 90%; font-weight: bold;}
.actus						{ background-color: #61A6C5; color: #000000; font-weight: normal;}
.actus .titre-breve			{ color: #FFFFFF; font-weight: bold; text-decoration: underline; }
.actus a						{ color: #FFFFFF;}

.last_breve .menu-titre		{ background-color: #016E97; text-align:center; color: #FFFFFF; font-size: 90%;	font-weight: bold;}
.last_breve .menu-item		{ line-height: 13px; }
.last_breve .menu-item a:hover { background: transparent; color: #016E97 }
.last_breve a				{ color: #000000; font-weight: bold; }
.last_breve 					{ text-align: justify; margin-bottom: 10px;}

.divers .menu-titre			{ background-color: #016E97; text-align:center; color: #FFFFFF; font-size: 90%;	font-weight: bold;}
.divers						{ background-color: #61A6C5; text-align:center; }
.divers a					{ color: #000000; }

/*------------ Formulaires ------------*/
.texte_recherche {
	background-color: #BDBEC0;
	color: #000000;
	margin: 0px;
	padding: 1px;
	border: solid 1px #909090;
	font-size: 80%;
}
.formrecherche {
	background-color: transparent;
	color: #505030;
	margin: 0px;
	padding: 1px;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
}
.forml {
	background-color: #ececec;
	margin: 4px;
	padding: 1px;
	border: dashed 1px #909090;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
form.formrecherche { 
	margin-top: 5px;
	margin-bottom: 5px;
}
input.formrecherche {
	border: solid 1px #909090;
	width: 130px;
	background-color: #FFDDAA;
	padding: 1px;
	margin: 0px;
}

/* Plan du site */
.plan-secteur {
	margin-top: 0em;
	clear: right;
}
.plan-secteur h1 {
	font-size: 150%;
	font-weight: bold;
}
.plan-rubriques {}
.plan-rubrique {
	font-weight: bold;
}
.plan-texte {}
.plan-articles {
	clear: left;
	margin-top: 0.5em;
	margin-bottom: 1em;
	list-style: square;
}

ul .plan-rubrique {}
ul ul .plan-rubrique {}
ul ul ul .plan-rubrique {}


/*********************************** Formulaires spéciaux **********************/
.forml { 
	width: 100%;
	display: block;
	padding: 3px; 
	background-color: #e4e4e4; 
	border: 1px solid #000000; 
	background-position: center bottom; 
	float: none;
	behavior: url("win_width.htc");
 }
.formo { 
	width: 90%; 
	display: block;
	padding: 2px; 
	background-color: white; 
	border: 1px solid #000000; 
	background-position: center bottom; float: none; 
	behavior: url("win_width.htc");
}
.formo_l { 
	width: 100%;
	display: block;
	padding: 2px; 
	background-color: white; 
	border: 1px solid #000000; 
	background-position: center bottom; float: none; 
	behavior: url("win_width.htc");
}

.titre_champs { font-family: verdana, arial, helvetica, sans; font-size: 11px; font-weight: bold; color: #FFFFFF;}
/*textarea.formo_l { padding: 0px; }*/
.fondl { 
	padding: 0px; 
	/*background-color: #e4e4e4; */
	background-color: white;
	border: 1px solid #000000; 
	background-position: center bottom; 
	float: none;
}
.fondo { background-color: #000000; 	background-position: center bottom; float: none; color: #FFFFFF;}
.fondf { background-color: #FFFFFF; border-style: solid ; border-width: 1; border-color: #E86519; color: #E86519; }

select.fondl { padding: 0px; }