/*
	CSS pour Barreau de section - Hull
	Emilie - egzakt.com
	2008/09/04
*/

h1 {
	font:bold 1.5em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#5F0023;
	margin:25px 0 10px 0;
}

h2 {
	font:1.33em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#707070;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

h3 {
	font:bold 1.17em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#5F0023;
	margin:25px 0 1px 0;
}


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

a:hover {
	color:#D44760;
}


/* ENTÊTE
-----------------------------------------*/
#entete {
	background:url(/images/tuiles/entete.jpg) no-repeat top left;
}

ul#navig_haut a {
	color:#fff;
	text-decoration:none;
}

a#btn_zone {
	background:url(/images/boutons/zone_membre.gif) no-repeat top left;
}


/* ARCHITECTURE
-----------------------------------------*/
#conteneur_colonnes {
	background:url(/images/tuiles/conteneur_colonnes.gif) repeat-y top left;
}
#accueil #conteneur_colonnes {
	background:url(/images/tuiles/acc_conteneur_colonnes.gif) repeat-y top left;
}


/* NAVIGATION
-----------------------------------------*/
ul#navigation li {
	border-bottom:2px solid #fff;
}

ul#navigation a {
	background:url(/images/boutons/navigation.gif) no-repeat center left;
	color:#fff;
}


/* Niveau 2*/
ul#navigation ul a {
	border-top:1px solid #fff;
	background:#E8E8E8;
	color:#707070;
}

ul#navigation ul a:hover, ul#navigation ul a.selected {
	background:#5F0023;
	color:#fff;
}

/* TOPIC PATH
-----------------------------------------*/
ul#topic_path {
	border-bottom:1px solid #E6E6E6;
}

ul#topic_path li {
	color:#6C6B6B;
}

ul#topic_path li a {
	color:#6C6B6B;
}

ul#topic_path li span {
	color:#2D2C2E;
}


/* ACCUEIL
-----------------------------------------*/
#accueil #colonne_contenu .introduction {
	background-color:#f2f2f2;
}

#accueil #colonne_contenu .introduction h1 {
	font:bold 1.33em/1.2em 'Trebuchet MS', Arial, sans-serif;
	text-transform:uppercase;
	margin:0 0 8px 0;
	color:#780032;
}


/* Actualités */
#accueil #colonne_contenu #actualites {
	background-color:#f2f2f2;
}

#accueil #colonne_contenu #actualites h2 {
	font:bold 1.33em/1.2em 'Trebuchet MS', Arial, sans-serif;
	text-transform:uppercase;
	color:#780032;
	margin:0 0 8px 0;
	padding-left:11px;
}

#accueil #colonne_contenu #actualites a.tous {
	display:block;
	padding:5px 10px;
	background-color:#E5E4E5;
	color:#8C8C8C;
	text-transform:uppercase;
	font-size:0.83em;
	line-height:1.2em;
}

#accueil #colonne_contenu #actualites a.tous:hover {
	color:#000;
}

.actualite_date {
	color: #5F0023;
}

.actualite_date2 {
	color: #5F0023;
}

.actualite_titre2 {
	color: #5F0023;
}

.image_legende {
	color: #5F0023;
}

/* Colonne carte */
#accueil #colonne_carte h4 {
	font:bold 1.17em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#919195;
	margin:0 0 4px 0;
}

#accueil #colonne_carte h5 {
	font:bold 0.92em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#5F0022;
	text-transform:uppercase;
	border-top:1px solid #DFDFDF;
	padding-top:4px;
	margin:0;
}

#accueil #colonne_carte a {
	color:#8C8C8C;
}

#accueil #colonne_carte a:hover {
	color:#000;
}


/* STYLES BLOCS TEXTES
-----------------------------------------*/
.bloc_texte .encadre {
	color:#fff;
	/*background:#5f0023 url(/images/graphiques/encadre_haut.gif) no-repeat top left;*/
	background:#5f0023 ;
}

.bloc_texte .cadre {
	color:#fff;
	background:#5f0023;
}

.bloc_texte .encadre a {
	color:#D44760;
}

.bloc_texte .encadre a:hover {
	color:#d48190;
}

.bloc_texte table.colore thead th {
	background-color:#5F0023;
	color:#fff;
}

.bloc_texte table.colore tbody th {
	background-color:#d9d9d9;
}

.bloc_texte table.colore td {
	background-color:#e7e7e7;
}

.bloc_texte .note {
	color:#707070;
}

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

.bloc_texte li {
	background:url(/images/icones/puce.gif) no-repeat 1px 6px;
	color:#000;
	border-bottom:1px solid #dcdcdc;
}


.bloc_texte a.lien_deroulant {
	color:#000;
	background:url(/images/boutons/lien_deroulant.gif) no-repeat center left;
}

.bloc_texte a.lien_deroulant:hover,
.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	color:#fff;
}

.bloc_texte .zone_deroulante {
	color:#707070;
	background-color:#E8E8E8;
}

.bloc_texte .zone_deroulante li {
	border-color:#fff;
}


/* ACTIONS
-----------------------------------------*/
#actions {
	background-color:#F2F2F2;
}

#actions a {
	color:#8C8C8C;
}


/* BAS
-----------------------------------------*/
#bas ul a:hover {
	color:#780032;
}