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

body {
	background:#9b9c9f url(/images/tuiles/fond_site.jpg) repeat-x top left;
	font:75%/130% 'Trebuchet MS', Arial, sans-serif;
	color:#222222;
	margin:10px 0;
}

p {
	margin:12px 0;
	padding:0;
}

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

h4 {
	font:bold 1.17em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#222;
	margin:15px 0 5px 0;
}

h5 {
	font:bold 1.17em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#707070;
	margin:15px 0 5px 0;
}

/*Pour mettre du texte en exposant.  */
sup { font-size : 70% ; vertical-align: text-top ; }

/*img {
	border:0;
}*/


#wrapper {
	width:938px;
	padding:11px 11px 0 11px;
	margin:0 auto;
	background-color:#fff;
}

#normal {
	font:75%/130% 'Trebuchet MS', Arial, sans-serif;
	color:#444444;
}


/* ENTÊTE
-----------------------------------------*/
#entete {
	height:115px;
	margin-bottom:3px;
}

#entete h1 {
	padding:30px 0 0 30px;
	margin:0;
}

ul#grosseur_texte {
	float:right;
	list-style-type:none;
	margin:0;
	padding:9px 9px 0 0;
}

ul#grosseur_texte li {
	display:inline;
}

ul#navig_haut {
	float:right;
	list-style-type:none;
	margin:0;
	padding:9px 19px 0 0;
	/*font-size:0.92em;*/
	font-size:1.2em;
}

ul#navig_haut li {
	display:inline;
	margin-left:10px;
	/*line-height:1.4em;*/
}

ul#navig_haut a:hover {
	text-decoration:underline;
}

a#btn_zone {
	float:right;
	margin:1px 1px 0 0;
	width:139px;
	height:21px;
	padding-top:7px;
	text-align:center;
	color:#2E57A5;
	font-weight:bold;
	text-decoration:none;
}

a#btn_zone:hover {
	color:#2D2C2E;
}


/* ARCHITECTURE
-----------------------------------------*/
#conteneur_colonnes {
	width:938px;
	margin-top:11px;
}

#colonne_navig {
	float:left;
	width:215px;
	margin-right:11px;
}

#colonne_contenu {
	float:left;
	width:562px;
	padding-bottom:10px;
}
#accueil #colonne_contenu {
	float:left;
	width:334px;
	padding-bottom:0;
}

#colonne_complements {
	float:right;
	/*width:120px;*/
	width:120px;
	padding: 10px 10px 10px 0;
}


#colonne_contenu .contenu_padding {
	margin:0 17px;
}


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

ul#navigation a {
	display:block;
	position:relative; /* Pour IE6 réactivité pleine largeur */
	padding:14px 25px 14px 10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	line-height:1.2em;
}

ul#navigation a:hover, ul#navigation a.selected {
	background-position:center right;
}

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

ul#navigation ul li {
	border:0;
	display:inline;
}

ul#navigation ul a {
	padding:3px 10px;
	text-transform:none;
	font-weight:normal;
}


/* COLONNE COMPLÉMENTS
-----------------------------------------*/
#colonne_complements #btn_bulletin {
	margin-bottom:10px;
}


/* TOPIC PATH
-----------------------------------------*/
ul#topic_path {
	list-style-type:none;
	margin:0 10px 10px 10px;
	padding:0 10px 4px 10px;
}

ul#topic_path li {
	display:inline;
	font-size:0.92em;
}


/* ACCUEIL
-----------------------------------------*/
#accueil #colonne_carte {
	float:left;
	position:relative;
	width:209px;
	padding:190px 0 0 23px;
	margin-right:6px;
}

#accueil #colonne_contenu .introduction {
	padding:14px 20px;
	margin-bottom:10px;
	margin-top:0px;
}


/* Actualités */
#accueil #colonne_contenu #actualites {
	padding:14px 9px;
}


#accueil #colonne_contenu #actualites ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#accueil #colonne_contenu #actualites li {
	background-color:#fff;
	padding:0px 10px;
	/*padding:8px 10px;*/
	margin-bottom:8px;
}

#accueil #colonne_contenu #actualites h3 {
	font:1.33em/1.2em 'Trebuchet MS', Arial, sans-serif;
	margin:0px;
	font-weight:bold;
}

#accueil #colonne_contenu #actualites h3 a {
	text-decoration:none;
	color:#414042;
	margin:0px;
	padding:0px
	font-weight:bold;
}

#accueil #colonne_contenu #actualites h3 a:hover {
	text-decoration:underline;
	margin:0px;
	padding:0px
	font-weight:bold;
}

#accueil #colonne_contenu #actualites .intro {
	padding:0;
	margin:0;
	background-color:#fff;
	color:#555;
	/*color:#8C8C8C;*/
	font-size:0.92em;
	/*line-height:1.2em;*/
}

#accueil #colonne_contenu #actualites .intro p {
	padding:0;
	margin:4px 0;
}

/*#accueil #colonne_contenu #actualites .date {
	font-size:0.83em;
	line-height:0.75em;
	padding:0 0 0 4px;
	color:#0A317A;*/
}

#accueil #colonne_contenu #actualites a.complementaire {
	font-size:0.83em;
	line-height:1.2em;
	color:#8C8C8C;
}

#accueil #colonne_contenu #actualites a.complementaire:hover {
	color:#222;
}

#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:#222;
}

/* Colonne carte */
#accueil #colonne_carte #carte {
	position:absolute;
	top:-83px;
	left:6px;
}

#accueil #colonne_carte ul {
	margin:0;
	padding:0 0 4px 16px;
}

#accueil #colonne_carte li {
	padding-bottom:3px;
}

#accueil #colonne_carte strong {
	font-size:1.08em;
}

#accueil #colonne_carte a {
	font-size:0.92em;
}


/* STYLES BLOCS TEXTES
-----------------------------------------*/
.bloc_texte .encadre {
	font:bold 1.17em/1.3em 'Trebuchet MS', Arial, sans-serif;
}

.bloc_texte .cadre {
	font:bold 0.92em/1.17em 'Trebuchet MS', Arial, sans-serif;
	border:1px solid #ccc;
	line-height: 1.21em;
	padding:10px;
}


.bloc_texte .encadre .texte {
	padding:20px 48px 9px 48px;
}

.bloc_texte .cadre .texte {
	padding:10px;
}

.bloc_texte table.colore thead th {
	/*text-align:left;*/
	padding:2px 12px;
}


.bloc_texte table.colore tbody th, table.colore td {
	padding:6px 12px;
	font:0.95em/1.17em 'Trebuchet MS', Arial, sans-serif;
	/*font:0.17em/1.2em 'Trebuchet MS', Arial, sans-serif;*/
	color:#222;
}

.bloc_texte table.colore tbody th {
	/*text-align:left;*/
}

.bloc_texte .note {
	font-size:0.83em;
	line-height:1.3em;
}

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

.bloc_texte li {
	padding:4px 0 4px 20px;
	/*font-weight:bold;*/
	line-height:1.4em;
}


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

.bloc_texte a.lien_deroulant {
	display:block;
	font-weight:bold;
	text-decoration:none;
	padding:3px 0 3px 12px;
}

.bloc_texte a.lien_deroulant:hover,
.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:center right;
}

.bloc_texte .zone_deroulante {
	padding:12px;
}


/* ACTIONS
-----------------------------------------*/
#actions {
	width:504px;
	margin-top:20px;
	padding:4px 12px;
}
#accueil #actions {
	width:537px;
	/*margin-left:226px;*/
	margin-bottom:10px;
}

#actions a {
	font-size:0.83em;
	text-decoration:none;
}

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

#actions a#envoyer_ami {
	float:left;
	height:15px;
	padding:0 0 0 20px;
	margin-right:15px;
	background:url(/images/icones/envoyer_ami.gif) no-repeat 0 0;
}

#actions a#imprimer {
	float:left;
	height:15px;
	padding:0 0 0 20px;
	margin-right:15px;
	background:url(/images/icones/imprimer.gif) no-repeat 0 0;
}

#actions a#commentaires {
	float:left;
	height:15px;
	padding:0 0 0 20px;
	background:url(/images/icones/commentaires.gif) no-repeat 0 0;
}


/* BAS
-----------------------------------------*/
#bas {
	position:relative;
	border-top:1px solid #919195;
	padding: 5px 0 5px 0;
	/*padding:5px 0;*/
}

#bas #perso_gauche {
	position:absolute;
	top:-236px;
	left:0;
}

#bas p {
	margin:0px;
	padding:0;
}

#bas ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#bas li {
	display:inline;
	color:#555;
	font-size:0.92em;
	padding-top:0px;
}

#bas ul a {
	color:#555;
	padding-top:0px;
}

#bas ul p {
	margin:0px;
	padding:0;
}

#bas a#signature {
	float:right;
	padding-top:4px;
	color:#555;
	font:0.75em/1.1em Arial, Verdana, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}

#bas a#signature:hover {
	text-decoration:underline;
}

/* DIVERS
-----------------------------------------*/
.print {
	display:none;
}




/* STYLES ACTUALITÉS
-----------------------------------------*/

#actualite_cadre {
	background:#FFF;
	width:293px;
	padding:10px;
	margin:10px
}
.actualite_titre {
	font-weight: bold; 
	font-size: 1.27em;
}
/*.actualite_soustitre {
	font-size: 0.97em; 
	color: #444;
	padding-top:3px;
}*/
.actualite_soustitre {
	padding:0;
	margin:0;
	color:#555;
	font-size:0.92em;
}

.actualite_soustitre p {
	padding:0;
	margin:3px 0 0 0;
}

.actualite_date {
	font-size: 0.82em; 
	float:left;
	margin:5px 0 4px 0px;
}
.actualite_lien {
	font-size: 0.82em; 
	float:right;
	margin:0px 0 4px 0px;
}
.actualite_voir {
	font-size: 0.82em; 
	padding:10px;
	margin:10px
}
.actualite_image {
	float:left; 
	margin: 6px 5px 0 0 ;
	/*border:1px solid #444;*/
	padding:0px;
}

#actualite_cadre2 {
	background:#f2f2f2;
	padding:10px;
	/*margin:10px*/
}
.actualite_lien2 {
	float:right;
	font-size: 0.82em; 
	margin:0 20px 10px 0;
}
.actualite_titre2 {
	font:bold 1.5em/1.2em 'Trebuchet MS', Arial, sans-serif;
	margin:0px 0 5px 0;
}
.actualite_soustitre2 {
	font-size: 1.27em; 
	color: #444;
	line-height:1.2em;
}
.actualite_date2 {
	font-size: 0.82em; 
	margin:5px 0 10px 0;
}
.actualite_image2 {
	/*float:right; */
	/*position:relative;*/
	margin:28px 0px 15px 15px;
	/*border:1px solid #ccc;*/
	padding:0px;
	float:right;
	/*width:175px;*/
	text-align:right;
}
.image_legende {
	font-size: 0.82em; 
	/*text-align:right;*/
	margin:0px 0px;
	/*boder: 1px solid #000;*/
	/*width:150px;*/
	/*float:right;*/
}
.actualite_texte {
	font-size: 0.97em; 
	color: #444;
	margin:20px 0px 20px 0;
	padding-top:3px;
}

.retour_abs {
	align:right;
	margin:0 0 20px 0;
}