/*
	CSS pour Kiwanis Trois-Rivières - Principal
	Emilie - egzakt.com
	2008/09/15
*/

body {
	background:url(../images/ul/tuiles/fond_site.gif) repeat;
	font:75%/140% Verdana, Arial, sans-serif;
	margin:0 0 10px 0;
	color:#000032;
}

h1 {
	border-bottom:2px solid #004B84;
	padding:0 6px;
	margin:0 0 5px 0;
}

h2 {
	font:bold 1.17em/1.2em Verdana, Arial, sans-serif;
	color:#fff;
	margin:0 0 5px 0;
}

h3 {
	font:bold 1.17em/1.2em Verdana, Arial, sans-serif;
	color:#004B84;
	margin:0 0 5px 0;
	padding-bottom:3px;
	background:url(../images/ul/graphiques/double_ligne_h3.gif) no-repeat bottom left;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#193F58;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#195985;
}

img {
	border:0;
}

#wrapper {
	width:767px;
	margin:0 auto;
}


/* ENTETE
-----------------------------------------*/
#entete {
	background:url(../images/ul/tuiles/entete.jpg) repeat-x top left;
}

#wrapper_entete {
	width:767px;
	margin:0 auto;
		position:relative;
	background:url(../images/ul/tuiles/entete_wrapper.jpg) no-repeat top left;
}

#entete h1 {
	height:72px;
	padding:60px 0 0 33px;
	font:bold 1.75em/1.2em Verdana, Arial, sans-serif;
	color:#fff;
	margin:0;
	border:0;
}

#entete h1 a {
	color:#fff;
	text-decoration:none;
}

#entete h1 img {
	position:absolute;
	top:28px;
	right:34px;
}

#entete a#btn_accueil {
	position:absolute;
	top:0;
	left:23px;
	width:60px;
	height:22px;
	padding-top:3px;
	text-align:center;
	font-size:0.83em;
	color:#fff;
	text-decoration:underline;
	background:url(../images/ul/boutons/accueil.jpg) no-repeat top left;
}

#entete a#btn_accueil:hover {
	color:#f4b711;
}


/* NAVIGATION
-----------------------------------------*/
#navigation {
	height:165px;
	background:url(../images/ul/graphiques/banniere.jpg) no-repeat top left;
}

#navigation ul {
	list-style-type:none;
	margin:0;
	padding:143px 0 0 24px;
}

#navigation ul li {
	display:inline;
}

#navigation ul a {
	float:left;
	margin-right:5px;
	font:bold 0.92em/1.2em Verdana, Arial, sans-serif;
	color:#000032;
	text-decoration:none;
	padding-right:8px;
	background:url(../images/ul/boutons/navig_droite.gif) no-repeat right 0;
}

#navigation ul a span {
	display:block;
	padding:0 1px 0 9px;
	line-height:22px;
	background:url(../images/ul/boutons/navig_gauche.gif) no-repeat 0 0;
}

#navigation ul a:hover, #navigation ul a.selected {
	background-position:right -44px;
	color:#004B84;
}

#navigation ul a:hover span, #navigation ul a.selected span {
	background-position:0 -44px;
}


/* ARCHITECTURE
-----------------------------------------*/
#principal {
	float:left;
	width:552px;
	margin:10px 0;
}

#complements {
	float:right;
	width:208px;
	margin:11px 0 10px 0;
}

#contenu_etire {
	background:url(../images/ul/tuiles/contenu_etire.jpg) repeat-y top left;
}

#contenu {
	background:url(../images/ul/tuiles/contenu_haut.jpg) no-repeat top left;
}

#contenu .padding {
	padding:25px 26px 14px 26px;
}

#contenu .bloc_texte {
	width:488px;
	padding:0 6px;
}

#complements #btn_congres {
	margin-left:4px;
}


/* ACCUEIL
-----------------------------------------*/
#acc_nouvelles {
	margin-top:20px;
}

#acc_nouvelles h1 {
	border-bottom:2px solid #401814;
}


/* NOUVELLES
-----------------------------------------*/
/* Listing */
#nouvelles ul,
#acc_nouvelles ul {
	list-style-type:none;
	margin:0;
	padding:0 6px;
}

#nouvelles ul a,
#acc_nouvelles ul a {
	display:block;
	width:488px;
	padding:5px 0 17px 0;
	text-decoration:none;	
	background:url(../images/ul/boutons/acc_nouvelles_plus.jpg) no-repeat bottom right;
}

#nouvelles ul a:hover h2,
#acc_nouvelles ul a:hover h2 {
	text-decoration:underline;
}

#nouvelles h2,
#acc_nouvelles h2 {
	font:bold 1em/1.2em Verdana, Arial, sans-serif;
	color:#195985;
}

#nouvelles .date,
#acc_nouvelles .date {
	color:#40120B;
	font-size:0.83em;
	text-transform:uppercase;
}

#nouvelles .introduction,
#acc_nouvelles .introduction {
	display:block;
	color:#000032;
	margin-bottom:10px;
}


/* Détail */
#nouvelles .retour {
	float:right;
	font-size:0.75em;
	text-transform:uppercase;
}

#nouvelles .retour a {
	color:#000032;
	text-decoration:none;
}

#nouvelles .retour a span {
	text-decoration:underline;
}

#nouvelles .retour a:hover {
	color:#195985;
}

#nouvelles .bloc_texte {
	padding-top:5px;
}


#nouvelles #archives {
	margin-top:20px;
	padding:0 6px;
}

#nouvelles #archives dl {
	margin:10px 0 0 0;
}

#nouvelles #archives dt {
	margin:5px 0 0 0 ;
}

#nouvelles #archives dd {
	margin:0;
	padding:5px 30px;
}

#nouvelles #archives dd a {
	width:428px;
}


/* MEMBRE - LOGIN
-----------------------------------------*/
#membre_login {
	background:url(../images/ul/tuiles/login.jpg) no-repeat top left;
	margin:0 0 5px 4px;
}

#membre_login h3 {
	height:23px;
	padding:10px 10px 0 10px;
	font:bold 1em/1.2em Verdana, Arial, sans-serif;
	color:#000032;
	background:none;
	text-transform:uppercase;
	margin:0;
}

#membre_login form {
	padding:7px 10px;
}

#membre_login input {
	width:165px;
	margin-bottom:4px;
	border:1px solid #999999;
	font:1em/1.2em Verdana, Arial, sans-serif;
	padding:1px;
}

#membre_login .bouton {
	margin:4px 0 0 97px;
}

#membre_login .bouton input {
	width:74px;
	height:21px;
	border:0;
	padding:0;
}


/* MEMBRE - PANEL
-----------------------------------------*/
#membre_panel {
	background:url(../images/ul/tuiles/deconnexion.jpg) no-repeat top left;
	padding:8px 9px;
	margin:0 0 20px 4px;
	text-align:right;
}


/* MEMBRE - NAVIG
-----------------------------------------*/
ul#navig_membre {
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
}

ul#navig_membre a {
	display:block;
	width:208px;
	height:43px;
}

ul#navig_membre a .over {
	position:absolute;
	visibility:hidden;
}

ul#navig_membre a:hover {
	background:none;
}

ul#navig_membre a:hover .over {
	visibility:visible;
}


/* BOTTIN
-----------------------------------------*/
#bottin .bloc_texte .bloc_deroulant {
	margin:15px 0;
}

#bottin .bloc_texte a.lien_deroulant {
	display:block;
	position:relative; /* pour IE6 cliquable pleine longueur */
	padding:0 0 3px 25px;
	color:#004B84;
	font:bold 1.17em/1.2em Verdana, Arial, sans-serif;
	text-decoration:none;
	background:url(../images/ul/graphiques/deroulant_bottin.gif) no-repeat 0 0;
}

#bottin .bloc_texte a.lien_deroulant:hover,
#bottin .bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:0 -26px;
}

#bottin .bloc_texte .zone_deroulante {
	padding:8px 28px;
	border-bottom:1px solid #1b4a82;
}


/* BLOC TEXTE
-----------------------------------------*/
.note {
	font-size:0.92em;
}

.encadre {
	border:2px solid #a9b2bf;
	padding:5px 10px;
	color:#435D7B;
	font-size:0.92em;
}

.colore {
	color:#004B84;
}

.bloc_texte ul {
	margin:0;
	padding:0 0 0 17px;
}

.bloc_texte .bloc_deroulant {
	margin:5px 0;
}

.bloc_texte a.lien_deroulant,
#nouvelles #archives dt a {
	display:block;
	position:relative; /* pour IE6 cliquable pleine longueur */
	padding:6px 0 7px 30px;
	color:#fff;
	font:bold 1.08em/1.2em Verdana, Arial, sans-serif;
	text-decoration:none;
	background:url(../images/ul/graphiques/deroulant.gif) no-repeat 0 0px;
}

.bloc_texte a.lien_deroulant:hover,
#nouvelles #archives dt a:hover,
#nouvelles #archives dt a.selected {
	background-position:0 -32px;
}

.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:0 -32px;
}

.bloc_texte .zone_deroulante {
	padding:10px 30px;
}


a.fichier {
	padding:2px 0 0 22px;
}
a.fichier_pdf {
	background:url(../images/ul/icones/pdf.gif) no-repeat 0 0;
}
a.fichier_doc {
	background:url(../images/ul/icones/doc.gif) no-repeat 0 0;
}


/* BAS
-----------------------------------------*/
#bas {
	height:20px;
	padding:4px 33px 0 33px;
	background:url(../images/ul/tuiles/bas.gif) no-repeat center top;
	font-size:0.83em;
	color:#fff;
}

#bas a {
	float:right;
	padding-top:3px;
	font:0.9em/1.1em Arial, Verdana, sans-serif;
	color:#00778F;
	text-decoration:none;
	text-transform:uppercase;
}

#bas a:hover {
	color:#fff;
}


/* DIVERS
-----------------------------------------*/
.message, .succes {
	margin:0 auto 6px auto;
	background-color:#fff;
	border:1px solid #ff0000;
	padding:5px 10px;
	text-align:center;
	font:bold 11px/13px Verdana, Arial, sans-serif;
}

.succes {
	background-color:#2ea542;
}

.message ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.erreur {
	color:#ff0000;
}

form {
	margin:0;
}

.radio {
	border:none;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	font:11px/15px Verdana, Arial, sans-serif;
}