/************************************************
 * DEFAUT.CSS
 ************************************************
 * http://www.koama.com/
 ************************************************
 * BUT :
 * Feuille de style pour tout ce qui n'est pas
 * positionnement : couleurs, marges, remplissage,
 * bordures, polices, etc.
 ************************************************/

@import url(defaut-positionnement.css);
@import url(defaut-menu.css);

/************************************************
 * Redefinition des balises
 ************************************************/

a {
	color: #A62122;
}
a:hover {
	color: #999;
}
a:visited {
	color: #A62122;
}
a:visited:hover {
	color: #999;
}

hr {
	color: #0F7F59;
	background-color: #0F7F59;
	height: 1px;
	clear: both;
	border: 0;
	margin: 0;
	padding: 0;
}

/************************************************
 * Identifiants
 ************************************************/

/*
 * Conteneur
 */
#conteneur {
	background: url(../images/interface/eurosac/fond_conteneur.png) repeat-y top left;
}


	/*
	 * Header
	 */
	#header {
		font-family: verdana, arial, helvetica, sans-serif;
		color: #fff;
		font-size: 0.8em;
		background: url(../images/interface/eurosac/bandeau.jpg) no-repeat top right;
		background-position: right 20px;
	}

		/*
		 * Titre
		 */
		#titre {
			margin: 0;
		}
		#titre h1 {
			display: none;
		}
		#titre img {
			border: 0;
		}
		#titre a {
			text-decoration: none;
		}
		
		/*
		 * Accessibilite
		 */
		#accessibilite {
			display: none;
		}
		
		/*
		 * Recherche
		 */
		#recherche {
			padding-top: 5px;
			_padding: 0;
			background: #F9CB5B url(../images/interface/eurosac/coin_recherche.png) no-repeat bottom left;
		}
		#recherche h2 {
			display: none;
		}
		#recherche form {
			margin: 0;
			margin-bottom: 2px;
		}
		#recherche input {
			vertical-align: middle;
			width: 80px;
			font-size: 0.8em;
			font-weight: bold;
			color: #999;
		}
		#recherche input.bouton {
			width: 21px;
			border: 0;
			background: none;
			margin: 0 5px;
		}


	/*
	 * Navigation
	 */
	#navigation {
		font-size: 0.8em;
		margin: 0 5px 0 0;
		padding: 10px 5px;
		font-family: arial, helvetica, sans-serif;
	}
	#navigation a {
		color: black;
		text-decoration: none;
		font-size: 0.85em;
		font-weight: bold;
	}
	#navigation a:hover {
		text-decoration: underline;
		color: #666;
	}

		/*
		 * Elements communs aux sous-menus, actualites, identification, newsletter...
		 */
		#sousmenu, #actualites, #identification, #newsletter, #membres, #agenda, #gestiondocuments, #admin, #contact {
			border: 1px solid black;
			margin: 10px 0 0 0;
			padding: 0 0 5px 0;
			background-color: #E6ECDE;
		}
		#sousmenu h2, #actualites h2, #identification h2, #newsletter h2, #membres h2, #agenda h2, #gestiondocuments h2, #admin h2, #contact h2 {
			font-size: 1.1em;
			background: #FFCB65 url(../images/interface/eurosac/coins_titre_navig.png) no-repeat bottom center;
			color: #9D0511;
			padding: 0;
			padding-left: 20px;
			padding-top: 2px;
			margin: 0;
			height: 22px;
			margin-bottom: 5px;
		}
		#sousmenu h2 {
			padding-left: 10px;
			font-size: 1.1em;
		}
		#sousmenu h2 img, #actualites h2 img, #identification h2 img, #newsletter h2 img, #membres h2 img, #agenda h2 img, #gestiondocuments h2 img, #admin h2 img, #contact h2 img {
			margin-right: 5px;
			vertical-align: middle;
		}
		#contact img {
			border: 0;
			margin-right: 5px;
		}
		#sousmenu form, #actualites form, #identification form, #newsletter form, #membres form, #agenda form, #gestiondocuments form, #admin form {
			margin: 5px;
		}
		#sousmenu p, #actualites p, #identification p, #newsletter p, #membres p, #agenda p, #gestiondocuments p, #admin p {
			margin: 0;
		}
		#contact p {
			font-size: 0.9em;
			margin: 5px;
		}
		#sousmenu label, #actualites label, #identification label, #newsletter label, #membres label, #agenda label, #gestiondocuments label, #admin label {
			padding: 0;
			font-size: 0.85em;
			font-weight: bold;
			text-align: right;
			vertical-align: middle;
		}
		#sousmenu input, #actualites input, #identification input, #newsletter input, #membres input, #agenda input, #gestiondocuments input, #admin input {
			width: 90px;
			vertical-align: middle;
			font-size: 0.85em;
		}
		#identification input.bouton, #admin input.bouton {
			width: 21px;
			background: none;
			border: 0;
		}
		#sousmenu ul, #actualites ul, #identification ul, #newsletter ul, #membres ul, #agenda ul, #gestiondocuments ul, #admin ul {
			margin: 0 0 0 20px;
			padding: 0;
			list-style-image: url(../images/interface/eurosac/icone_puce.png);
		}


	/*
	 * Contenus
	 */
	#contenus {
		margin: 0 0 0 5px;
		padding: 10px 5px;
		font-family: arial, helvetica, sans-serif;
		margin-bottom: 10px;
	}
	
	#contenus h1 {
		font-size: 1.1em;
		color: #077751;
		text-transform: uppercase;
		margin: 0;
	}

		/*
		 * Composant
		 */
		.composant h2 {
			font-size: 1.05em;
			color: #077751;
			font-style: italic;
			margin: 15px 2em;
			margin-bottom: 1em;
		}
		.composant .accroche {
			font-size: 1em;
			margin-bottom: 5px;
		}
		.composant .texte {
			font-size: 0.8em;
		}
		.composant .imgLeft {
			margin: 5px;
			float: left;
			text-align: right;
		}
		.composant .imgRight {
			margin: 5px;
			float: right;
			text-align: right;
		}
		.composant .imgCenter {
			display: block;
			text-align: center;
			margin: 5px auto;
			clear: both;
		}
		.composant .imgCenter img {
			text-align: center;
			margin: 5px auto;
		}
		.composant .imgcontenu {
			display: block;
			clear: both;
		}
		.composant .zoom {
			text-decoration: none;
			font-size: 0.8em;
		}
		/*
		 * PDF
		 */
		.composant .pdf {
			float: left;
			margin-top: 10px;
			clear: both;
		}
		.composant .pdf ul {
			list-style-image: url(../images/interface/commun/pdf.png);
		}
		/*
		 * Liens
		 */
		.composant .liens {
			float: left;
			clear: both;
		}
		.composant .liens ul {
			margin: 0 0 0 0px;
			list-style-type: none;
		}
		.composant .liens li {
			border-bottom: 1px solid #FFCB65;
			margin-bottom: 2em;
			clear: both;
		}
		.composant .liens img {
			float: right;
			margin: 10px 20px;
		}
		.composant .liens a img {
			float: none;
			margin: auto;
		}

		/* galerie d'images */
		.composant .galerie {
			clear: both;
			float: left;
			width: 100%;
		}
		.composant .galerie .image {
			float: left;
			width: 150px;
			text-align: center;
			height: 150px;
		}
		.composant .galerie .image a, .composant .galerie .image span.img {
			display: block;
			border: 1px solid #fff;
			padding: 5px;
			text-decoration: none;
		}
		.composant .galerie .image a:hover {
			border: 1px solid #69870a;
		}
		.composant .galerie .image span {
			display: block;
		}

		/*
		 * Navigcontenu
		 */
		.navigcontenu {
			font-size: 0.7em;
			text-align: right;
			clear: both;
		}
		.navigcontenu a {
			color: #007B51;
			text-decoration: none;
		}
		
		/*
		 * Imprimer
		 */
		#imprimer {
			font-size: 0.7em;
		}
		#imprimer a {
			color: #007B51;
			text-decoration: none;
		}
		#imprimer img {
			border: 0;
			margin: 0;
			padding: 0;
		}

		/*
		 * Membresform
		 */
		#membresform {
			border: 1px solid #FFCB65;
			margin: 10px 0 20px 0;
			padding: 0 0 5px 0;
			background-color: #fff;
			font-size: 0.8em;
		}
		#membresform h2 {
			font-size: 1em;
			text-align: center;
			background-color: #FFCB65;
			color: #9D0511;
			padding: 0;
			margin: 0;
			height: 1em;
		}
		#membresform form {
			margin: 0;
			height: 100%;
		}
		#membresform label {
			padding: 0 5px;
			text-align: right;
		}
		#membresform p {
			margin: 2px 0;
			padding: 2px 0;
		}
		#membresform input {
			width: 80px;
		}
		
		/*
		 * Liste des membres
		 */
		#listemembres {
			border: 1px solid #FFCB65;
			border-bottom: 0;
		}
		#listemembres td, #listemembres th {
			border-bottom: 1px solid #FFCB65;
		}
		#listemembres th {
			color: #9D0511;
			background-color: #FFCB65;
		}
		
		/*
		 * Activités
		 */
		#listeactivites {
			border: 1px solid #339;
			margin: 10px 0 0 0;
			padding: 0 0 5px 0;
			background-color: #fff;
			font-size: 0.8em;
		}
		#listeactivites h2 {
			font-size: 1em;
			text-align: center;
			background-color: #339;
			color: #fff;
			padding: 0;
			margin: 0;
		}
		
		/*
		 * Listes
		 */
		table.liste-cat {
			width: 100%;
			border: 1px solid #FFCD6C;
			border-collapse: collapse;
			border-spacing: 0;
			empty-cells: show;
			margin: 10px;
		}
		table.liste-cat th {
			text-align: center;
			background-color: #FFCD6C;
			color: #A40B0E;
			font-weight: bold;
		}
		table.liste-cat td, table.liste-cat th {
			margin: 0;
			padding: 0;
		}
		table.liste-item {
			width: 100%;
			border-collapse: collapse;
			border-spacing: 0;
		}
		table.liste-item th {
			background-color: #FFCD6C;
			color: #000;
			font-weight: normal;
			text-align: left;
		}
		table.liste-item td {
			border-top: 1px solid #FFCD6C;
		}
		
		
	/*
	 * Pied de page
	 */
	#pieddepage {
		font-family: arial, helvetica, sans-serif;
		font-size: 0.75em;
		font-weight: bold;
		text-align: center;
		color: #949A6A;
	}
	
		/*
		 * Ascendance
		 */
		#ascendance {
			color: #017E56;
			font-weight: bold;
			font-family: arial, helvetica, sans-serif;
			font-weight: bold;
			font-size: 0.7em;
			margin: 0;
			padding: 0;
		}
		#ascendance a {
			color: #017E56;
			text-decoration: underline;
		}
		#ascendance a:hover {
			color: #999;
		}
		#ascendance h2 {
			display: none;
		}
		#ascendance ul {
			margin: 2px 0;
			padding: 0;
			border: 1px dotted #007E50;
			border-bottom: 0;
			background-color: white;
		}
		#ascendance li {
			margin-left: 5px;
			padding: 5px;
			padding-left: 15px;
			background-image: url(../images/interface/defaut/puce.png);
			background-repeat: no-repeat;
			background-position: left center;
		}

/************************************************
 * Classes
 ************************************************/

/*
 * Petit texte
 */
.petit {
	padding: 2px;
	font-size: 0.7em;
}

/*
 * Boutons (validation notamment)
 */
.bouton {
	border: 1px solid black;
	background-color: #9D0511;
	color: #fff;
}

/*
 * Element du menu actuellement selectionne
 */
.menu_actuel {
	color: #9D0511;
	font-weight: bold;
}

/*
 * Images icônes (loupe, etc)
 */
.icone {
	background-color: #A40B0E;
	border: 0;
	vertical-align: middle;
}

/*
 * Champs plus grands
 */
 .champmoyen {
	 width: 175px;
 }
.champlarge {
	width: 200px;
}
.champgrand {
	width: 200px;
	height: 4em;
}

/*
 * Liens pour édition
 */
.editeur {
	text-align: right;
}

/*
 * Pour lien "powered by"
 */
.poweredby {
	margin-top: 10px;
	font-size: 0.5em;
	font-family: arial, helvetica, sans-serif;
	color: black;
	text-align: center;
}
.poweredby a {
	color: black;
	text-decoration: none;
}

/*
* Spacer
*/
.spacer {
	display: block;
	clear: both;
	visibility: hidden;
}