/* ================================================================================ */
/* = Agenda = */
/* ================================================================================ */	

	#colB #agenda {background: transparent url(/global/medias/bgAgenda.gif) no-repeat top right}
	#colB #agenda a.toutAgenda { margin: -10px 0 0 322px}
	.agendaContent { float: left; width: 45%}
	.titre, .event {font-size: 0.7em}
	h3.dateJour, .event {background-color: #FEF7F7}	
	h3.dateJour, .titre a, .event a {color: #0195D8; font-size: 0.9em}
	h3.dateJour { padding: 2px; margin: 15px 0 3px 0}
	.titre a, .event a {/*display: block; */cursor: pointer}
	
	/*= titre links ---------------------------------------- */
	.titre {
		font-weight: bold;
		font-family: 'Verdana', Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
		}
	.titre a { 
		padding: 2px 0 0 20px; margin: 5px 0 2px 0;
		color: #000;  border-top: 1px #E2D0CB solid;
		background: transparent url(/global/medias/chevronsActu.gif) no-repeat 0 3px;
		}
	.titre a:hover {color:#E60002}
	.plus {font-weight: bold; color: #000}
	
	/*= event ---------------------------------------- */
	.event { width: 565px; padding: 5px 5px 5px 20px}
	.event p {font-size: 1em!important;}
	.event span, .event a {}
	.event a {text-align: right; text-decoration: underline}

/* ================================================================================ */
/* = Actualités = */
/* ================================================================================ */
	
	#colB #actualite {background: transparent url(/global/medias/bgActu.gif) no-repeat top right;}
	#colB #actualite a.toutActu { margin: -13px 0 0 322px;}
	.uneContent { width: 95%;}
	
	body#pageContenu #colB table#newsContent,
	body#pageContenu #colB table {
		width: 570px; margin-top: 10px;
		border-collapse: collapse;
		}
	body#pageContenu #colB table#newsContent td,
	body#pageContenu #colB table td {font-size: 0.9em; line-height: 1.5em}
	td.post_title, td.post_date {color:#000!important}
	td.post_title a {
		display: block; width: 450px; padding: 0 0 0 5px;
		color: #666; text-align: left!important;
		}
	td.post_date, td.post_short {font-size: 0.7em!important;line-height: 1em}
	td.post_short p { font-size: 1em!important;}
	td.post_date { color: #fff; text-align: center; padding: 2px}
	td.post_short { color: #666; padding: 5px 5px 5px 5px;}
	td.post_short a, a.backExtended { 
		display: block; width: 100%;
		text-align: right!important;
		font-size: 1em!important;
		color:#E60002!important;
		text-decoration: underline;
		}
	a.backExtended  {font-size: 0.7em!important;}
	
	/* actualitées Extended */
	table.extendedNews {width: 585px!important;}
	table.extendedNews, table.extendedNews td {/*border: 0!important;*/}
	table.extendedNews h3 {color: #185FB2!important}
	td.long_title {padding: 2px 5px 2px 5px; color:#E60002; border-bottom: 1px #ccc solid;}
	table.extendedNews td.datePublication { 
		font-size: 0.7em!important; 
		color:#000!important; 
		padding-right: 5px;
		}
		
	/*= contenuExtended ---------------------------------------- */
	#contenuExtended h2 {}
	p.longNews {width: 425px!important; text-align: justify}
	p.longNews img {float: left; padding: 0 10px 5px 0}
	
	#contenuExtended ul {}
	#contenuExtended ul li {
		list-style: none!important;
		font-size: 0.7em; color:#666; 
		margin: 0 0 0 25px;
		}
	#contenuExtended ul li a {}
	
	/*= sous nav news ---------------------------------------- */
	ul#navLinkTitle {}
	ul#navLinkTitle li { display: inline; margin: 0 10px 0 0;}
	ul#navLinkTitle li a {color:#185FB2; font-size: 1em; text-decoration: underline;}
	
	a.backExtended { 
		display: block; margin: 0 0 10px 0;
		text-align: right; color: black;
		text-decoration: underline;
		}
/* ================================================================================ */
/* = formulaires = */
/* ================================================================================ */
	
	body#pageContenu #colB form {
		position: relative;
		width: 575px; margin: 10px 0 0 0;
		}
	
	/*= fieldset ---------------------------------------- */
	body#pageContenu #colB fieldset {padding: 5px; border: 1px #FADCD7 solid}
	body.selogerContent #colB fieldset {border: 1px #1CA2D8 solid!important}
	
	/*= legende ---------------------------------------- */
	body#pageContenu #colB legend { font-size: 0.6em; color: #333; padding: 0 0 10px 0;}
	
	/*= contenu form ---------------------------------------- */
	body#pageContenu #colB form p {float: left; width: 550px;}
	
	body#pageContenu #colB form p label,
	body#pageContenu #colB form p input,
	body#pageContenu #colB form p select,
	body#pageContenu #colB form p textarea,
	body#pageContenu #colB form p font,
	body#pageContenu #colB form p span,
	body#pageContenu #colB form p img {float: left}
	
	body#pageContenu #colB form p em { 
		width: 5px!important;
		color:#B31608; padding: 0 0 0 5px;
		}
	body#pageContenu #colB form p label,
	body#pageContenu #colB form p input,
	body#pageContenu #colB form p select,
	body#pageContenu #colB form p font,
	body#pageContenu #colB form p textarea {font-size: 1em}
		
	body#pageContenu #colB form p font { 
		padding: 0 7px 5px 0; margin:0!important;
		line-height: 1.2em; color: #1CA2D8;
		}
	body#pageContenu #colB form p font {color: #E60002!important}
	
	/*= labels ---------------------------------------- */
	body#pageContenu #colB form p label { 
		width: 130px;font-size: 1em;
		margin:0!important; padding: 0 5px 0 0;
		}
	body#pageContenu #colB form p label {color: #E60002}
	body.selogerContent #colB form p label {color: #1CA2D8!important}
	
	/* =  selecteurs =---------------------------------------- */
	label.field14 { padding: 0 0 75px 0!important}
	label.field15 { padding: 0 0 40px 0!important}
	label.field20 { padding: 0 0 40px 0!important}

	body#pageContenu #colB form p input,
	body#pageContenu #colB form p select,
	body#pageContenu #colB form p textarea { 
		width: 370px!important; padding: 2px;
		border: 1px #FADCD7 solid;
		}
	body.selogerContent #colB form p input,
	body.selogerContent #colB form p select,
	body.selogerContent #colB form p textarea { 
		border: 1px #1CA2D8 solid!important;
		}	
	body#pageContenu #colB form p font.checkbox_label {	
		width: 390px!important;
		padding: 0 0 5px 0; margin:0!important;
		}
	
	body#pageContenu #colB form p input.field_checkbox,
	body#pageContenu #colB form p input.field_radio { 
		border: 0!important;
		width: auto!important; 
		margin: 0 5px 0 5px!important;
		background-color: #fff!important;
		}
	/*= button ---------------------------------------- */
	body#pageContenu #colB form input.valide {
		float: right; 
		color: #fff; font-size: 0.8em;
		border: 0; cursor: pointer; 
		border: 1px #0E689A solid;
		background-color: #E60002;
		}
	body.selogerContent #colB form input.valide {background-color: #1CA2D8!important}
	body#pageContenu #colB form input.valide:hover {background-color: #000}
	
	/*= captcha */
	body#pageContenu #colB form p input.textcaptcha { width: 50px!important}
	
	/*= conditions */
	span.champsAsterix {display: block; color: #B31608; font-size: 0.8em}
	

/*AVRIL 2009 - RECHERCHE AVANCÉE */
/* = FORMULAIRE *************************/

	.formulaire {
		width: 500px; margin:0;
		padding:0 10px 10px 10px;
		border: 1px #EBF7FC solid;
		/*border: 1px #1CA2D8 solid;*/
		background-color: #EBF7FC;
		}
	.formulaire h2 {
		display: block;
		clear: both;
		margin: 10px 0 10px 0;
		border-bottom: 1px #878787 solid;
		font-size: 93%;
		color: #878787;
		padding: 5px;
		background-color:#F0F5F1;
		}

	.formulaire .field_line {
		float: left;
		width: 100%;
		border-bottom: 1px #B8E2F3 solid;
		padding: 0.5em 0 0.5em 0;
		}
	.formulaire .libele_field_line,
	.formulaire .mode_field_line {float: left;}

	.formulaire .libele_field_line {width: 25%}
	.formulaire .mode_field_line {width: 74%}

	.formulaire .field_line label {
		font-size: 0.7em;
		color:#1964A5;
		padding: 0 0 0.5em 12px;
		/*background: transparent url(/global/medias/itemListe.gif) no-repeat 0 2px;*/
		}

	.field_line select, 
	.field_line input, 
	.field_line textarea {
		width: 75%;
		border: 1px #c8c8c8 solid;
		}

	.field_line .select {font-size: 93%;}
	.field_line .textfield {font-size: 100%;}
	.field_line .textarea {font-size: 100%;}

	.field_line input.field_checkbox,
	.field_line input.field_radio,
	.field_line label.checkbox_label,
	.field_line label.radio_label {float: left;}
	
	.field_line input.field_checkbox,
	.field_line input.field_radio {width: auto!important; border:0;}

	.field_line label.checkbox_label,
	.field_line label.radio_label {
		width: 400px!important;
		padding:0!important;
		}
	.field_line .checkbox_label {
		cursor: pointer;
		}
	.field_line.radio_label {
		cursor: pointer;
		}
	.field_line .email {
		width: 200px;
		}
	.field_line .required {color: #FF0000;}

	.field_line .field_title {
		font-size: 100%;
		vertical-align: top;
		text-align:right;
		}
	.field_line .field_heading {
		font-size: 1em;
		font-weight: bold;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #666666;
		padding-top: 10px;
		color: #666666;
		}

	/* bottomValide */
	.bottomValide {padding: 0.5em 0 0.5em 0;}
	.bottomValide input.valide {
		float: right;
		width: auto!important;
		border: 1px #fff solid!important;
		font-size: 0.9em; color:#fff;
		background-color:#4FC2F0;
		}
	span.champsAsterix {font-size: 0.6em; color:red;}

	/*** Don't remove the class nixhier, this is required for ASP ***/
	.nixhier {display:none;}

	/*--Fin avril 2009--------------------------------------------*/
	/*---------------------------------------------------------*/

/* ================================================================================ */
/* = résultat de la recherche = */
/* ================================================================================ */
	form.FormResultRech {}
	form.FormResultRech p input.field_radio {}
	form.FormResultRech p label {width:auto!important;}
	
	.tableResultRech td a {
		display: block;
		color:#000!important; font-size: 0.8em;
		padding: 0 0 0 15px!important;
		border-bottom: 1px #FADCD7 solid;
		background: transparent url(/global/medias/flcLiMenuRed.gif) no-repeat 0 7px;
		}
	
/* ================================================================================ */
/* =  PLAN DU SITE = */
/* ================================================================================ */	
	
	body#pageContenu .siteMap1, 
	body#pageContenu .siteMap2, 
	body#pageContenu .siteMap3 { 
		width: 450px!important;
		margin:0 0 10px 0; padding:0 0 5px 0
		}
	body#pageContenu .siteMap1 li, 
	body#pageContenu .siteMap2 li {border: 1px #fff solid!important}
	body#pageContenu .siteMap3 li {border: 1px #F3F3F4 solid!important}

	/*= siteMap1 ---------------------------------------- */
	body#pageContenu .siteMap1 li a {color:#E60002}

	/*= siteMap1 ---------------------------------------- */
	body#pageContenu .siteMap2 li {}
	body#pageContenu .siteMap2 li a {
		display: block; 
		padding: 0 0 5px 5px!important;
		text-align: left!important;
		color:#333; font-size: 1.3em!important;
		background-image: none!important;
		}

	/*= siteMap3 ---------------------------------------- */
	body#pageContenu .siteMap3 {padding: 0 0 5px 0!important; background-color:#F3F3F4;}
	body#pageContenu .siteMap3 li {margin: 0 0 3px 0;}
	body#pageContenu .siteMap3 li a {color:#333!important; font-size: 2em!important; padding: 3px 0 0 0!important;}
	
	/*= siteMap4 ---------------------------------------- */
	body#pageContenu .siteMap4 li {margin: 0 0 3px 0;}
	body#pageContenu .siteMap4 li a {font-size: 2.5em!important}	
	
