/*
	CSS pour CALACS Trois-Rivières - Principal
	Emilie - egzakt.com
	2008/08/13
*/

body {
	background:#e2e2d4 url(../images/ul/tuiles/site.jpg) repeat-x top left;
	font:75%/130% Verdana, Arial, sans-serif;
	margin:15px 0 10px 0;
	color:#5F5045;
}

h1 {
	margin:0;
}

h2 {
	margin:0 0 10px 0;
}

h3 {
	font:bold 1.08em/1.2em Verdana, Arial, sans-serif;
	color:#5e5147;
	margin:0 10px 10px 10px;
	text-transform:uppercase;
	border-bottom:1px solid #d6d2cf;
	padding:0 10px 5px 10px;
}

h4 {
	font:bold 1.09em/1.2em Verdana, Arial, sans-serif;	
	color:#485d79;
	margin:0 0 5px 0;
}

h5 {
	font:bold 1em/1.2em Verdana, Arial, sans-serif;	
	color:#fff;
	text-transform:uppercase;
	margin:0;
	padding:3px 10px 2px 10px;
	background-color:#a9b2bf;
}

h6 {
	font:bold 1em/1.2em Verdana, Arial, sans-serif;	
	color:#5F5045;
	margin:0 0 5px 0;
}

p {
	margin:0;
	padding:0;
}

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

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

a:hover {
	color:#FDBE57;
}

img {
	border:0;
}


#wrapper {
	width:760px;
	padding-bottom:17px;
	margin:0 auto;
	background:#fff url(../images/ul/graphiques/wrapper_bas.jpg) no-repeat bottom left;
}


/* NAVIG HAUT
-----------------------------------------*/
ul#navig_haut {
	width:760px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	overflow:hidden;
	height:1%;
}

ul#navig_haut li {
	display:inline;
}

ul#navig_haut a {
	float:right;
	position:relative;
	margin-left:2px;
	color:#5F5045;
	text-decoration:none;
	font-size:0.92em;
	line-height:1em;	
}

ul#navig_haut a span {
	display:block;
	padding:5px 8px 5px 10px;
	background:url(../images/ul/boutons/navig_haut.jpg) no-repeat top right;
}

ul#navig_haut img {
	position:absolute;
	top:0;
	left:0;
}

ul#navig_haut a .over {
	visibility:hidden;
	z-index:1;
}

ul#navig_haut a:hover, ul#navig_haut a.selected {
	color:#F4812A;
	background:transparent; /* Pour IE6 réactivité hover img.over  */
}

ul#navig_haut a:hover span, ul#navig_haut a.selected span {
	background-position:right -29px;
}

ul#navig_haut a:hover .over, ul#navig_haut a.selected .over {
	visibility:visible;
}


/* ENTETE
-----------------------------------------*/
#entete {
	background:url(../images/ul/graphiques/wrapper_haut.gif) no-repeat top left;
	padding:10px 10px 0 10px;
	height:185px;
	margin-bottom:1px;
}

#entete #banniere {
	float:right;
}

#entete #logo img {
	margin:30px 0 0 12px;
}


/* ARCHITECTURE
-----------------------------------------*/
#colonne_gauche {
	float:left;
	width:145px;
	margin-left:10px;
	display:inline; /* Pour IE6 double margin bug */
	padding-bottom:10px;
}

#principal {
	float:right;
	width:584px;
	margin-right:10px;
	display:inline; /* Pour IE6 double margin bug */
	padding-bottom:20px;
}

#principal .texte {
	padding:0 20px;
}

#barre_section {
	background:url(../images/ul/tuiles/barre_section.jpg) no-repeat top left;
	height:38px;
	padding:0 15px 0 20px;
	margin-bottom:15px;
}

#barre_section h2 {
	padding-top:10px;
}

#barre_section #actions {
	float:right;
	padding-top:10px;
}

#barre_section #actions a {
	font:0.92em/1.2em Verdana, Arial, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:1px 0 1px 20px;
}

#barre_section #actions a:hover {
	text-decoration:underline;
}

#barre_section #actions a#imprimer {
	background:url(../images/ul/icones/imprimer.gif) no-repeat 0 0px;
}
#barre_section #actions a#imprimer:hover {
	background-position:0 -25px;
}

#barre_section #actions a#envoyer_ami {
	background:url(../images/ul/icones/envoyer_ami.gif) no-repeat 0 2px;
	margin-left:15px;
	padding-left:21px;
}
#barre_section #actions a#envoyer_ami:hover {
	background-position:0 -26px;
}


/* NAVIGATION
-----------------------------------------*/
ul#navigation {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#navigation li {
	border-bottom:1px solid #e2e2d4;
}

ul#navigation a {
	display:block;
	padding:4px 10px;
	font:bold 0.92em/1.2em Verdana, Arial, sans-serif;
	color:#5F5045;
	background-color:#f4f3ee;	
	border-top:1px solid #fff;
	text-decoration:none;
}

ul#navigation li.premier a {
	background:#f4f3ee url(../images/ul/boutons/navig_courbe_haut.gif) no-repeat top left;
	padding-top:5px;
	border-top:0;
}

ul#navigation li.dernier {
	border-bottom:0;
}
ul#navigation li.dernier a {
	background:#f4f3ee url(../images/ul/boutons/navig_courbe_bas.gif) no-repeat bottom left;
	padding-bottom:6px;
	border-bottom:0;
}

ul#navigation a:hover {
	color:#ABA19A;
}

ul#navigation a.selected, ul#navigation a.selected:hover {	
	color:#fff;
	background-color:#746960;
}

ul#navigation li.premier a.selected, ul#navigation li.premier a.selected:hover {
	background-color:#746960;
	background-position:-145px 0;	
}
ul#navigation li.dernier a.selected, ul#navigation li.dernier a.selected:hover {
	background-color:#746960;
	background-position:-145px bottom;
}


/* Sous-navigation */
ul#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0 8px;
	border:2px solid #746960;
}

ul#navigation ul li a {
	background:#fff !important;
	font-weight:normal;
	padding:4px 0;
	border-top:0;
}

ul#navigation ul li.premier a {
	background:none;
	padding-top:4px;
}
ul#navigation ul li.dernier a {
	background:none;
	padding-bottom:4px;
}

ul#navigation ul a:hover, ul#navigation ul a.selected, ul#navigation ul a.selected:hover, ul#navigation ul li.premier a.selected:hover, ul#navigation ul li.dernier a.selected:hover {
	color:#F4812A;
}


#urgence {
	margin:25px 0 220px 0;
}


/* ACCUEIL
-----------------------------------------*/
#acc_intro {
	background:url(../images/ul/tuiles/acc_intro.jpg) no-repeat top left;
	color:#E3E2D5;
	padding:20px;
}

#acc_contenu {
	background:url(../images/ul/tuiles/poupee.jpg) no-repeat right -13px;
	padding-top:20px;
}

#acc_nouvelles {
	margin-top:20px;
}

#acc_nouvelles .titre {
	padding:2px 10px 4px 10px;
	margin:0 10px;
	border-top:2px solid #d6d2cf;
	border-bottom:2px solid #d6d2cf;	
}

#acc_nouvelles ul,
#nouvelles ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
}

#acc_nouvelles ul li,
#nouvelles ul li {
	padding:10px 0;
	border-bottom:1px solid #d6d2cf;
}
#acc_nouvelles ul li.dernier,
#nouvelles ul li.dernier {
	border-bottom:0;
}

#acc_nouvelles ul a,
#nouvelles ul a {
	text-decoration:none;	
}

#acc_nouvelles a .intro,
#nouvelles a .intro {
	display:block;
	margin-bottom:5px;
	color:#5F5045;
}

#acc_nouvelles a .plus,
#nouvelles a .plus {
	font-size:0.92em;
}

#acc_nouvelles a .plus span,
#nouvelles a .plus span {
	text-decoration:underline;
}

#acc_nouvelles .aucun {
	padding:10px 20px 5px 20px;
}


/* SAVIEZ-VOUS QUE
-----------------------------------------*/
#saviez {
	margin-top:20px;
}

#saviez .titre {
	padding:3px 10px 2px 10px;
	margin:0 10px 10px 10px;
	border-top:2px solid #bbc0c7;
	border-bottom:2px solid #bbc0c7;
}


/* ACTIVITÉS
-----------------------------------------*/
#nouvelles ul {
	padding:0;
	list-style-type:none;
}

#nouvelle_detail .retour {
	text-align:right;
	font-size:0.92em;
	margin-bottom:5px;
}

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

#nouvelles #archives dl {
	margin:0;
}

#nouvelles #archives dd {
	margin:0;
}

#nouvelles #archives ul {
	padding-left:20px;
}


/* FAQ
-----------------------------------------*/
#faq #formulaire {
	margin-top:20px;
}

#faq #formulaire .texte {
	border:5px solid #A9B4C1;
	padding:10px;
}

#faq #formulaire textarea {
	border:1px solid #cbcbcb;
	padding:2px;
	font:1em/1.2em Verdana, Arial, sans-serif;
	color:#5F5045;
	width:508px;
	margin:10px 0;
}

#faq #formulaire .bouton {
	text-align:right;
}

#faq #formulaire .message, #faq #formulaire .succes {
	margin-top:10px;
}


/* PLAN DU SITE
-----------------------------------------*/
#plan ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#plan li {
	padding:5px 0;
}

#plan li a {
	color:#72655c;
	font:bold 1.08em Verdana, Arial, sans-serif;
}

#plan li a:hover {
	color:#FDBE57;
}

#plan ul ul {
	padding:2px 0 0 20px;
	font-weight:normal;
	font-size:0.85em;
}

#plan ul ul li {
	padding:2px 0;
}

#plan ul ul a {
	color:#435D7B;
}


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

.bloc_texte .encadre {
	border:2px solid #a9b2bf;
	padding:10px;
	color:#435D7B;
}

.bloc_texte .colore {
	color:#485d79;
}

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

.bloc_texte li {
	background:url(../images/ul/icones/puce.gif) no-repeat 0 6px;
	padding:2px 0 2px 15px;
}

.bloc_texte .bloc_deroulant {
	margin:10px 0;
	border-bottom:1px solid #e7e7db;
}

.bloc_texte a.lien_deroulant {
	display:block;
	position:relative; /* pour IE6 cliquable pleine longueur */
	padding:7px 20px 6px 23px;
	color:#485d79;
	font:bold 0.92em/1.1em Verdana, Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/ul/graphiques/deroulant.gif) no-repeat 0 0px;
}

.bloc_texte a.lien_deroulant:hover {
	background-position:0 -60px;
}

.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:0 -120px;
	margin-bottom:1px;
	color:#fff;
}

.bloc_texte .zone_deroulante {
	padding:10px 17px;
	border:6px solid #f4f3ee;
}

.bloc_texte .zone_deroulante ol {
	padding-left:40px;
}

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


/* BAS
-----------------------------------------*/
#bas {
	position:relative;
	width:720px;
	padding:5px 10px;
	margin:0 10px;
	background:#e3e2d5 url(../images/ul/tuiles/bas.gif) no-repeat bottom left;
	font-size:0.85em;
}

#bas #coordonnees {
	width:133px;
	padding:0 6px;
	position:absolute;
	top:-205px;
	left:0;
	line-height:1.4em;
}

#bas #coordonnees #desjardins img {
	padding-top:20px;
}

#bas #coordonnees strong {
	color:#E0792E;
}

#bas a#egzakt {
	float:right;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.9em;
	font-family:Arial, Verdana, sans-serif;
	color:#B1B0AB;
}


/* POPUP
-----------------------------------------*/
#popup {
	background:#fff;
	margin:0;
}

#popup #wrapper {
	width:100%;
	background:#fff;
}

#popup h1 {
	background-color:#a9b2bf;
	font:bold 11px/14px Verdana, Arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0;
	padding:4px 10px;
}

#popup #contenu {
	padding:10px 20px;
}

#popup #formulaire {
	border:2px solid #a9b2bf;
	padding:10px;
	color:#5F5045;
	font:11px/14px Verdana, Arial, sans-serif;
}

#popup h2 {
	font:bold 11px/14px Verdana, Arial, sans-serif;
	color:#5F5045;
	margin:0;	
}

#popup .message {
	width:90%;
	font-size:10px;
	margin-bottom:10px;
}

#popup .note {
	margin-top:10px;
	font-size:10px;
}

#popup input, #popup textarea {
	border:1px solid #cbcbcb;
	padding:2px;
	font:11px/13px Verdana, Arial, sans-serif;
	color:#5F5045;
}

#popup .bouton {
	float:right;
	margin-top:10px;
}

#popup .bouton input {
	border:0;
}

#popup #merci {
	margin-top:10px;
	font:11px/13px Verdana, Arial, sans-serif;
}


/* DIVERS
-----------------------------------------*/
.message, .succes {
	width:80%;
	margin:0 auto;
	background-color:#ff0000;
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font:bold 12px/14px 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;
	margin-bottom:10px;
}