/* 
STYLES OFFICE DEPARTEMENTAL DE L'ORNE
Adlec.com - Avril 2006
--------------------------------------------------------- */

/*
	REDEFINITIONS GENERIQUES DE BALISES HTML 
--------------------------------------------- */
* {
	margin:0;
	padding : 0;
}

a img {
	border:0;
}

body {
	color: #000; 
	background: #efefef; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
a {
	text-decoration:none;
	color: #b00;
}
a:hover {
	text-decoration: underline;
	color:#f00
}
hr {
	clear:both;
	visibility: hidden;
}

/*
	ELEMENTS COMMUNS A TOUTES PAGES 
--------------------------------------------- */

/* Calendrier de l'agenda
--------------------------------------------- */
#conteneur_agenda {
	background: url(../images/bg_calendrier.gif) no-repeat left top;
	text-align: right;
}
#conteneur_agenda select {
	height: 19px;
	width: 122px;
	font: 10px Arial, Helvetica, sans-serif;
	margin-right: 6px;
}
#conteneur_agenda a:hover {
	color:#f00;
	text-decoration: none;
}
#agenda{
	width: 138px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	margin-top: 5px;
	text-align: center;
	border-right: 1px solid #b00;
	margin-left: 11px;
}
#agenda th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#agenda td{
	padding:1px;
	text-align: center;
}
td.agendaThisDay{
	border:1px solid #b00;
}
#agenda_semaine {
	background: url(../images/bg_table_parsemaine.gif) no-repeat left top;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
}
#agenda_semaine th {
	text-indent: -3000px;
	height: 22px;
	background: url(../images/bg_td_parsemaine.gif) no-repeat 14px bottom;
}
#agenda_semaine td {
	padding: 0px;
}
td.agendaHead {
}
td.agendaThisMonth{
}
td.agendaNotThisMonth{
}
td.agenda_semaine_off{
}

/* Autres éléments
------------------------------------------*/
.bt_go {
	background: url(../images/bg_bt_go.gif) no-repeat left top;
}
.bt_go_hover {
	background: url(../images/bg_bt_go.gif) no-repeat bottom;
}


/*
	HOME PAGE 
--------------------------------------------- */

/* Home : éléments de structure
-------------------------------------*/
#h_body {
	text-align:center;
}
#h_conteneur {
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	width: 935px;
	background: url(../images/h_bg_conteneur.jpg) no-repeat left 20px;
	text-align:left;
}
.h_outer {
	margin-left: 211px;    /*** Critical left col dimension value ***/
	width: 724px;   /*** Critical right divider dimension value ***/
	position: relative;
}
.h_float-wrap {
	float: left;
	width: 255px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
/*margin-right: -1px;   /*** Static fix ***/
}
.h_center {
	width: 255px;
	float: right;
	margin-bottom: -1px;
/* \*/
/*margin-left: -0px; */
/* Hidden from IE-mac */
}
.h_left {
	position: relative;    /*** Critical left col/divider dimension value ***/
	margin-left: -211px;    /*** Critical left col/divider dimension value ***/
	background:transparent url(../images/bg_col_gauche.gif) repeat-y top left;
	height: auto;
	min-height: 630px;
	_height: 630px; /* underscore hack uniquement interprété par IE Win*/
	width: 211px;
}
* html .h_left {
	float:left;	
}
*>html .h_left {width:211px;}   /*** Fix only for IE/Mac ***/
.h_container-left {
	width: 211px;    /*** Critical left col dimension value ***/
/*padding-bottom: 110px;*/   /*** To keep content from going underneath the AP bottom boxes ***/ 
}
.h_right {
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 140px;    /*** Critical right col/divider dimension value ***/
	margin-right: -140px;    /*** Critical right col/divider dimension value ***/
	margin-left: 0px;   /*** Static fix ***/
	background:transparent;
}
/* \*/
* html .h_right {
	margin-left: 0px; 
	margin-right: -469px; 
	mar\gin-right: -140px;
}
.h_container-right {
	/* \*/width: 469px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 0px;
}
/* \*/
* html .h_container-right {
	fl\oat: right;
	margin-left: 0px; 
	mar\gin-left: 0px; 
}
#h_agenda {
	height: 187px;
	width: 149px;
	margin-left: 19px;
}

/* Home : recherche multicritères
--------------------------------------------- */
#h_rech_multi {
	height: 149px;
	width: 164px;
	background: url(../images/h_bg_rech_multi.gif) no-repeat;
	position: absolute;
	left: 5px;
	top: 330px;
}
#h_thematique {
	width: 140px;
	margin-top: 23px;
	margin-left: 23px;
	font: 10px Arial, Helvetica, sans-serif;
}
#h_lieu {
	width: 140px;
	margin-top: 24px;
	margin-left: 23px;
	font: 10px Arial, Helvetica, sans-serif;
}
#h_periode {
	width: 140px;
	margin-top: 24px;
	margin-left: 23px;
	font: 10px Arial, Helvetica, sans-serif;
}
#h_rech_multi input{
	margin-left: 140px;
	height: 11px;
	width: 20px;
	margin-top: 5px;
	border: 0;
}

/*
	Home : événements défilants verticalement
--------------------------------------------- */
#prochainement {
	background: url(../images/h_bg_prochainement.gif) no-repeat left top;
	height: 411px;
	width: 233px;
	margin-top: 49px;
	padding-left: 22px;
}
#evenements {
	height: 411px;
	width: 211px;
}
#bt_defilement {
	width: 11px;
	position: absolute;
	top: 49px;
	left: 244px;
}
.evts {
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 20px;
}
.evts dt{
	background: url(../images/h_bg_evts_date.gif) no-repeat right top;
	width: 31px;
	text-align: right;
	padding-right: 6px;
	float: left;
}
.evts dd{
	margin-left: 45px;
	
}
.evts_titre {
	color: #b00;
	font-weight: bold;
}
.evts_thematique {
	font-style: italic;
	color: #555;
}
.evts_lieu {
	font-size: 11px;
	font-weight: bold;
	color: #ff7500;
}
.evts_heure {
	font-size: 11px;
	font-weight: bold;
	color: #555;
}
.evts_descriptif {
	font-size: 10px;
	color: #555;
}
.h_clear {
	margin-bottom: 10px;
}
#divContainer{
	position:relative;
	width: 211px;
	height: 414px;
	overflow:hidden;
	top:-10px;
	left:10px;
	visibility: visible;
} 
#divContent{
	position:absolute;
	width: 100%;
} 

/*
	Home : actus défilants horizontalement
--------------------------------------------- */
#h_actus {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 695px;
	padding-left: 22px;
}
#defilbox {
	border-style: none;
	width: 100%;
	font-size: 12px;
	color: #666666;
	background: transparent;
	font-weight: bold;
}

/*
	Home : barres de navigation
--------------------------------------------- */
#h_barnav_principale {
	list-style: none;
}
#h_barnav_principale a:hover {
	background-position: bottom;
	text-decoration:none;
}
#h_tout_public {
	background: url(../images/h_bg_bt_tout_public.jpg) no-repeat;
	text-indent: -3000px;
	height: 100px;
	width: 100px;
	display: block;
	position: absolute;
	left: 249px;
	top: 30px;
}
#h_printemps_chanson {
	background: url(../images/h_bg_bt_printemps_chanson.jpg) no-repeat;
	text-indent: -3000px;
	height: 100px;
	width: 100px;
	display: block;
	position: absolute;
	left: 29px;
	top: 140px;
}
#h_festival_piano {
	background: url(../images/h_bg_bt_festival_piano.jpg) no-repeat;
	text-indent: -3000px;
	height: 100px;
	width: 100px;
	display: block;
	position: absolute;
	top: 140px;
	left: 139px;
}
#h_vibrations {
	background: url(../images/h_bg_bt_vibrations.jpg) no-repeat;
	text-indent: -3000px;
	height: 100px;
	width: 100px;
	display: block;
	position: absolute;
	left: 249px;
	top: 140px;
}
#h_jeune_public {
	background: url(../images/h_bg_bt_jeune_public.jpg) no-repeat;
	text-indent: -3000px;
	height: 100px;
	width: 100px;
	display: block;
	float: left;
	position: absolute;
	left: 139px;
	top: 250px;
}
#h_fdac {
	background: url(../images/h_bg_bt_fdac.jpg) no-repeat;
	text-indent: -3000px;
	height: 100px;
	width: 100px;
	display: block;
	float: left;
	position: absolute;
	left: 359px;
	top: 250px;
}
#h_barnav_secondaire {
	height: 15px;
	position: absolute;
	left: 70px;
	top: 471px;
	background: #eee;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	list-style: none;
}
#h_barnav_secondaire li {
	display: inline;
}
#h_barnav_secondaire a {
	color: #000;
	border-right: 1px solid #555;
	padding: 1px 8px;
}
#h_barnav_secondaire a:hover {
	color: #FFFFFF;
	background: #000000;
	text-decoration: none;
}

/*
	Home : form d'inscription à la lettre web
--------------------------------------------- */
#h_lw {
	float: left;
	height: 64px;
	width: 129px;
	position: absolute;
	left: 84px;
	top: 396px;
	background: url(../images/h_bg_lw.gif) no-repeat;
}
#h_courriel_lw{
	width:120px;
	height: 17px;
	border:1px solid #000;
	font-size:10px;
	padding-top: 2px;
	position: absolute;
	top: 17px;
	left: 7px;
 }
#h_go_lw{
	width: 20px;
	height: 11px;
	border: 0;
	position: absolute;
	top: 41px;
	left: 109px;
}

/*
	Home : autres éléments
--------------------------------------------- */
.h_container-left h1 {
	background: url(../images/h_bg_logo.gif) no-repeat;
	height: 120px;
	width: 120px;
	margin-left: 41px;
	text-indent: -3000px;
	margin-bottom: 6px;
}
#logo_odc {
	position: absolute;
	left: 249px;
	top: 360px;
}
#h_copy_adlec {
	color: #525552;
	display: block;
	height: 11px;
	width: 59px;
	position: absolute;
	top: 486px;
	left: 27px;
	font-family: Arial, Helvetica, sans-serif;
}
a#h_copy_adlec:hover{
	color: #b00;
	text-decoration:none
}
#h_stats {
	height: 25px;
	width: 39px;
	position: absolute;
	left: 92px;
	top: 480px;
}


/* 
	PAGES INTERIEURES : ELEMENTS COMMUNS
============================================== */

/* Pages intérieures : éléments de structure
----------------------------------------*/
#conteneur {
	width: 935px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
#degrade {
	background: url(../images/bg_conteneur.jpg) repeat-y;
	margin-top: 20px;
}
#custom_1 {
	border: 1px solid #b00;
	background: url(../images/bg_custom_1.gif) no-repeat 1px top;
}
#custom_2 {
	border: 1px solid #b00;
	background: url(../images/bg_custom_2.gif) no-repeat 1px top;
}
#custom_3 {
	border: 1px solid #292c7b;
	background: url(../images/bg_custom_3.gif) no-repeat 1px top;
}
#custom_4 {
	border: 1px solid #292c7b;
	background: url(../images/bg_custom_4.gif) no-repeat 1px top;
}
#custom_5 {
	border: 1px solid #ff9a00;
	background: url(../images/bg_custom_5.gif) no-repeat 1px top;
}
#custom_6 {
	border: 1px solid #ad1052;
	background: url(../images/bg_custom_6.gif) no-repeat 1px top;
}
#custom_7 {
	border: 1px solid #555;
	background: url(../images/bg_custom_7.gif) no-repeat 1px top;
}
#conteneur_centre_droit {
	margin-top: 60px;
	background: url(../images/bg_centre_droit.gif) no-repeat left bottom;
	padding-left: 135px;
	/*text-align:center;*/
}
#conteneur_centre {
	float: left;
	width: 632px;
}
#conteneur_droite {
	width: 149px;
	margin-left: 13px;
	margin-top: 8px;
	float: left;
	margin-bottom: 70px;
}

/* Pages intérieures : logo + barnav principale
----------------------------------------*/
#logo {
	width: 120px;
	position: absolute;
	top:0px;
	margin-left:10px;
	_top: -1px;
	_margin-left: 9px;
	height: 306px;
}
#lien_home {
	text-indent: -3000px;
	display: block;
	height: 120px;
	width: 120px;
}
#logo ul {
	list-style: none;
	text-indent: -3000px;
}
a#lien_home:hover {
	text-decoration: none;
}
#logo ul li a:hover {
	background-position: bottom;
	text-decoration: none;
}
#tout_public {
	background: url(../images/bg_bt_tout_public.gif) no-repeat top;
	display: block;
	height: 30px;
	width: 120px;
	margin-top: 1px;
}
#jeune_public {
	background: url(../images/bg_bt_jeune_public.gif) no-repeat top;
	display: block;
	height: 30px;
	width: 120px;
	margin-top: 1px;
}
#printemps_chanson {
	background: url(../images/bg_bt_printemps_chanson.gif) no-repeat top;
	display: block;
	height: 30px;
	width: 120px;
	margin-top: 1px;
}
#festival_piano {
	background: url(../images/bg_bt_festival_piano.gif) no-repeat top;
	display: block;
	height: 30px;
	width: 120px;
	margin-top: 1px;
}
#vibrations {
	background: url(../images/bg_bt_vibrations.gif) no-repeat top;
	display: block;
	height: 30px;
	width: 120px;
	margin-top: 1px;
}
#fdac {
	background: url(../images/bg_bt_fdac.gif) no-repeat top;
	display: block;
	height: 30px;
	width: 120px;
	margin-top: 1px;
}

/* Pages intérieures : bt accueil et contact
----------------------------------------*/
#accueil_contact {
	list-style: none;
	height: 10px;
	width: 117px;
	margin-left: 818px;
	position: absolute;
	top: 5px;
}
#bt_accueil {
	background: url(../images/bg_bt_accueil.gif) no-repeat top;
	height: 10px;
	width: 53px;
	display: block;
	text-indent: -3000px;
	font-size: 8px;
}
#bt_contact {
	background: url(../images/bg_bt_contact.gif) no-repeat;
	height: 10px;
	width: 54px;
	display: block;
	text-indent: -3000px;
	font-size: 8px;
	float: right;
}
#accueil_contact a:hover {
	text-decoration: none;
	background-position: bottom;
}
#accueil_contact li {
	display: inline;
}

/* Pages intérieures : recherche multicritères
----------------------------------------*/
#rech_multi {
	background: url(../images/bg_rech_multi.gif) no-repeat left top;
	width: 632px;
}
#thematique {
	width: 140px;
	margin-top: 16px;
	margin-left: 160px;
	font: 10px Arial, Helvetica, sans-serif;
}
#lieu {
	width: 140px;
	margin-top: 16px;
	margin-left: 8px;
	font: 10px Arial, Helvetica, sans-serif;
}
#periode {
	width: 140px;
	margin-top: 16px;
	margin-left: 8px;
	font: 10px Arial, Helvetica, sans-serif;
}
#rech_multi input{
	height: 11px;
	width: 20px;
	float: right;
	border: 0;
	margin-top: 17px;
}

/* Pages intérieures : form d'inscription à la lettre web
----------------------------------------*/
#lw {
	width: 149px;
	background: url(../images/bg_lw.gif) no-repeat left top;
	margin-top: 30px;
	text-align: right;
}
#courriel_lw{
	width:140px;
	height: 17px;
	border:1px solid #000;
	font-size:10px;
	padding-top: 2px;
	margin-top: 17px;
 }
#go_lw{
	width: 20px;
	height: 11px;
	border: 0;
	top: 41px;
	margin-top: 2px;
}

/* Pages intérieures : barnav secondaire
----------------------------------------*/
#footer {
	width: 935px; /* Pour forcer Firefox à ajuster le positionnement relatif du ul barnav secondaire
						  sur celui, natif, de IE qui n'interprète pas ce padding ; heureusement ;-)*/
	height: 48px;
	padding-top: 26px;
}
#barnav_secondaire {
	height: 15px;
	position: relative;
	left: 271px;
	background: #eee;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	width: 645px;
	list-style: none;
	top: 42px;
}
#barnav_secondaire li {
	display: inline;
}
#barnav_secondaire a {
	color: #000;
	border-right: 1px solid #555;
	padding: 1px 8px;
}
#barnav_secondaire a.survol_1:hover {
	color: #FFFFFF;
	background: #b00;
	text-decoration: none;
}
#barnav_secondaire a.survol_2:hover {
	color: #FFFFFF;
	background: #b00;
	text-decoration: none;
}
#barnav_secondaire a.survol_3:hover {
	color: #ffcf00;
	background: #292c7b;
	text-decoration: none;
}
#barnav_secondaire a.survol_4:hover {
	color: #FFFFFF;
	background: #292c7b;
	text-decoration: none;
}
#barnav_secondaire a.survol_5:hover {
	color: #FFFFFF;
	background: #b00;
	text-decoration: none;
}
#barnav_secondaire a.survol_6:hover {
	color: #ffcf00;
	background: #ad1052;
	text-decoration: none;
}
#barnav_secondaire a.survol_7:hover {
	color: #FFFFFF;
	background: #555;
	text-decoration: none;
}

/* Pages intérieures : copyright Adlec + Xiti
----------------------------------------*/
#copy_stats {
	margin-bottom: 10px;
}
#copy_stats a {
	color: #525552;
	display: block;
	height: 11px;
	width: 59px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-left: 17px;
	margin-top: 8px;
}
#copy_stats a:hover{
	color: #b00;
	text-decoration:none
}
#stats {
	height: 25px;
	width: 39px;
	float: left;
	margin-left: 6px;
}

/* Pages intérieures : telechargements
----------------------------------------*/
#telechargement {
	background: url(../images/bg_telechargement.gif) no-repeat 14px top;
	padding-right: 6px;
	padding-left: 14px;
	border-left: 1px solid #b00;
	margin-top: 25px;
	padding-top: 25px;
	font-size: 9px;
}
.telechargements {
	padding-left: 39px;
	font-size: 9px;
	list-style-type: none;
	display: table;
	height: 46px;
	margin-bottom: 5px;
	cursor: hand;
	/*margin-bottom: 5px;*/
}
.telechargements li {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Pages intérieures : liens de hiérarchie  
----------------------------------------*/
#hierarchie {
	font-size: 9px;
	margin-bottom: 22px;
}
#hierarchie a {
	color: #b00;
}
#hierarchie a:hover {
	text-decoration: underline;
}

/* Pages intérieures : attributs communs de mise en forme CMS  
----------------------------------------*/
#texte p  {
	margin-top: 5px;
}
#texte ul {
	margin-right: 7px;
	margin-bottom: 5px;
	margin-left: 15px;
	text-indent: 0px;
	padding-left: 20px;
	list-style-image: url(../images/puce_li.gif);
	margin-top: 5px;
}
#texte li {
	margin-bottom: 3px;
}

/* Images & documents joints dans "div texte" */
.vignette_titre{ /* Titre img et doc */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #555;
	/*clear:left;*/
}
.vignette_desc{ /* Descriptif img et doc */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #555;
}
.aligner_left{ /* Pour doc et img alignés |left */
	float:left;
	text-align:left;
	margin:3px 5px;
	padding:0;
}
.aligner_right{ /* Pour doc et img alignés |right */
	float:right;
	text-align:right;
	margin : 3px 5px;
	padding:0;
}
div.aligner_center{ /* Pour doc alignés |center  ; typiquement img avec titre et/ou descriptif ou img zoomable */
	text-align:center;
	margin:0 auto;
	padding:0;
	/*float:none;*/
	width:300px;
}
img.aligner_center{ /* Pour img alignées |center */
	margin:0 auto;
	padding:0;
	display:block;
}
img.aligner_{ /* Pour img où l'attribut d'alignement est absent */
}
div.aligner_{ /* Pour doc où l'attribut d'alignement est absent  ; typiquement img avec titre et/ou descriptif ou img zoomable */
}

/* Attributs des contenus de texte d'une rubrique CMS */
.externe { /* classe appliquée aux liens externes */
}
.interne { /* classe appliquée aux liens internes */
}
.saut_force  { /* classe appliquée aux <p>&nbsp;</p> des saut de ligne forcés */
	margin: 0;
	padding: 0;
}
.lien_note { /* classe appliquée aux liens-ancres pour les notes de bas de page */
	font-size: 9px;
	/*font-weight: bold;*/
}


/* 
	PAGES INTERIEURES : FICHES-EVENEMENTS (SKEL de rubrique CMS générique)
============================================== */

/* Rub fiches événements : éléments de structure
----------------------------------------*/
#contenu_rub_generique {
	width: 569px;
	margin-top: 25px;
	margin-left: 36px;
}
#col_droite {
	float: right;
	width: 283px;
	border-left: 1px solid #555;
	padding-left: 9px;
}
#col_gauche {
	float: left;
	width: 269px;
	text-align: right;
}
#angle_bas {
	background: url(../images/bg_angle_bas.gif) no-repeat right top;
	height: 7px;
}

/* Rub fiches événements : liens de sousrub
----------------------------------------*/
#sousrub_coldroite {
	background: url(../images/bg_hierarch_coldroite.gif) no-repeat 14px top;
	padding-right: 6px;
	padding-left: 14px;
	border-left: 1px solid #b00;
	margin-top: 25px;
	padding-top: 25px;
	font-size: 10px;
	list-style-type: none;
}
#sousrub_coldroite li {
	padding-left: 10px;
	background: url(../images/puce_li.gif) no-repeat left 7px;
	margin-left: 0px;
}

/* Rub fiches événements : mise en forme CMS
----------------------------------------*/
#contenu_rub_generique h4 {
	text-align: right;
	margin-top: 4px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #b00;
	margin-bottom: 46px;
	padding-top: 3px;
	padding-left: 200px;
}
.reservations {
	font: 10px Arial, Helvetica, sans-serif;
	color: #525552;
}
#col_droite h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #b00;
	background: url(../images/bg_h1.gif) no-repeat left 2px;
	padding-right: 9px;
	padding-left: 11px;
	margin-bottom: 9px;
}
#col_droite h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #555;
	margin-bottom: 19px;
	margin-left: 12px;
	padding-left: 11px;
	background: url(../images/bg_h1.gif) no-repeat left 2px;
}
#col_droite #texte {
	background: url(../images/bg_texte.gif) no-repeat left top;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}
#col_droite #texte h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #b00;
	margin-top: 8px;
}
#col_droite #ps {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	margin-top: 20px;
}
#col_droite #ps p  {
	margin-top: 5px;
}
#col_droite #ps ul {
	margin-right: 7px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 20px;
	list-style-image: url(../images/puce_li.gif);
	margin-top: 5px;
}
#col_droite #ps li {
	margin-bottom: 3px;
}
#col_droite #notes {
	font: italic 10px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 10px;
}
#col_gauche h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}
#col_gauche #chapo {
	font-size: 10px;
	color: #555;
}
#col_gauche #chapo p{
	margin-top: 8px;
	color: #555;
}
.horaire {
	font-size: 11px;
	font-weight: normal;
}


/* 
	PAGES INTERIEURES AUTRES QUE SKEL RUB GENERIQUE (recherche-agenda, SKEL des pages d'intro, contact, pages de barnav secondaire)
============================================== */

/* Eléments communs à toutes ces pages
----------------------------------------*/
#contenu {
	width: 596px;
	margin-top: 25px;
	margin-left: 36px;
}
#contenu h1 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #b00;
	background: url(../images/bg_h1.gif) no-repeat left 2px;
	padding-left: 11px;
	margin-bottom: 7px;
	border-bottom: 1px solid #b00;
}
#contenu h3 {
	font-size: 12px;
	font-weight: bold;
	background: url(../images/bg_h3.gif) no-repeat left 2px;
	padding-left: 14px;
	margin-top: 23px;
	margin-bottom: 11px;
}

/* Page "recherche-agenda"
----------------------------------------*/
#agenda_evts {
	margin-bottom: 17px;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.heure {
	color: #555;
}
.lieu {
	font-weight: bold;
	color: #555;
}
#agenda_evts dd {
	font-size: 12px;
	font-weight: bold;
	color: #b00;
}
.thematique {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #555;
}
#agenda_evts dt {
	color: #000000;
}
.descriptif {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #555;
}
.results_recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 11px;
}
#contenu h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #b00;
	border-bottom: 1px dotted #b00;
	margin-left: 16px;
	padding-left: 8px;
	background: url(../images/bg_h4.gif) no-repeat left 3px;
}
#contenu h5 {
	font: bold 12px Arial, Helvetica, sans-serif;
	background: url(../images/bg_h4.gif) no-repeat left 3px;
	margin-left: 36px;
	padding-left: 8px;
	margin-top: 10px;
}
#recherche_evts {
	margin-bottom: 17px;
	margin-left: 46px;
	font-family: Arial, Helvetica, sans-serif;
}
#recherche_evts dd {
	font-size: 12px;
	font-weight: bold;
	color: #b00;
}
#recherche_evts dt {
	color: #000000;
}

/* Pages d'intro des rub de barnav principale (SKEL numérotés)
----------------------------------------*/
#sousrub {
	background: #efefef;
	margin-bottom: 35px;
	font-size: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#sousrub ul {
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
}
#sousrub li {
	padding-left: 10px;
	background: url(../images/puce_li.gif) no-repeat left 7px;
	margin-left: 10px;
}
.sousrub_multiple {
	float: left;
	width: 280px;
}
#contenu h2 {
	font-size: 12px;
	font-weight: bold;
	color: #b00;
	margin-left: 11px;
}
#contenu #chapo {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contenu #ps {
	font: 10px;
	color: #555;
	background: url(../images/bg_ps.gif) no-repeat left top;
	margin-top: 30px;
	padding-top: 10px;
}
#contenu #ps p  {
	margin-top: 5px;
}
#contenu #ps ul {
	margin-right: 7px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 20px;
	list-style-image: url(../images/puce_li.gif);
	margin-top: 5px;
}
#contenu #ps li {
	margin-bottom: 3px;
}
#contenu #notes {
	font: italic 10px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 20px;
}
/*	Page "Contact"
--------------------------------------------- */
#form_contact {
	margin:40px auto;
	text-align:center;
	width:300px;
	border:0;
}
.obligatoire {
	font-weight:bold;
}
#form_contact label {
	display:inline;
 	float:left;
  	width:100px;
  	color: #000;
  	margin:1px 0 0 0px;
  	text-align:right;
  	padding-right:5px;
}
#form_contact input,#form_contact textarea {
	margin:1px 0px 0 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.aligner_centre {
	text-align:center;
}
.aligner_droite {
	text-align:right;
}
.input_texte {
	width:180px;
	border:1px solid #000;
	padding:1px;
	background: #efefef;
}
.contact_textarea {
	width:180px;
	border:1px solid #000;
	padding:1px;
	background: #efefef;
}
.contact_radio {
	border:0;
}
.fr_bt_valider_link {
	background:transparent url(../images/fr_bt_valider.gif) no-repeat top center;
	width:46px;
	height:10px;
	border:0;
	cursor:hand;
	cursor:pointer;
}
.fr_bt_valider_hover {
 	background:transparent url(../images/fr_bt_valider.gif) no-repeat bottom center;
	width:46px;
	height:10px;
	border:0;
	cursor:hand;
	cursor:pointer;
}
/*
	LETTRE WEB 
--------------------------------------------- */

/* LW : popup d'inscription
-------------------------------------*/
#nl_body {
	background: #efefef url(../images/nl_bg_popup.jpg) no-repeat left top;
}
#nl_contenu {
	width: 281px;
	position: absolute;
	left: 61px;
	top: 155px;
}
#nl_body h1 {
	text-indent: -3000px;
}
#lw_bt_fermer {
	background: url(../images/bg_bt_fermer.gif) no-repeat left top;
	height: 10px;
	width: 44px;
	position: absolute;
	left: 298px;
	top: 283px;
	text-indent: -3000px;
	font-size: 8px;
}
a#lw_bt_fermer:hover {
	text-decoration: none;
	background-position: bottom;
}

/* LW : page désinscription
-------------------------------------*/
#desinsc_input {
	width:180px;
	height: 17px;
	border:1px solid #000;
	font-size:10px;
	padding: 1px;
	margin: 5px;
}
#desinsc_go{
	width: 20px;
	height: 11px;
	border: 0;
	margin-bottom: 5px;
}